@charset "utf-8";
/* --------------业务内容-------------- */
.swiper-container {width:1200px;height: 300px;margin: 20px auto; position:relative;}
.swiper-slide {text-align: center;font-size: 14px; background: #fff; width:285px; height:300px;
	
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
/*----*/
#idx_service{ background-color:#f2f2f2; position:relative;}

.sw_cont{ width:265px; height:280px; padding:10px; background-color:#ffffff; position:relative; display:block;}
.sw_cont a{ position:absolute; left:0; bottom:0px; width:100%; height:100%; background:url(../images/blank.gif) no-repeat; z-index:20;}

.sw_cont .pic{ margin:10px auto 0 auto; width:265px; height:125px; text-align:center; position:relative;}
.sw_cont .pic img{ width:265px; height:125px; display:block;}

.sw_cont .title{margin:0 auto;width:265px; height:45px; line-height:45px; font-size:14px; text-align:center; overflow:hidden;}
.sw_cont .des{ margin:0 auto;width:265px; height:75px; line-height:25px; color:#999; overflow:hidden;}
.sw_cont .view{ position:absolute; right:10px; bottom:10px; font-size:12px; text-align:right; color:#999;}

/*鼠标经过*/
.sw_cont .h_cont{ position:absolute; left:0; top:0; width:100%; height:100%; background-color:#37384a; color:#FFF; padding:20px; filter:alpha(Opacity=0);-moz-opacity:0;opacity: 0; z-index:10;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;

-webkit-transition:all .5s ease-in-out 0s;
-moz-transition:all .5s ease-in-out 0s;
-ms-transition:all .5s ease-in-out 0s;
-o-transition:all .5s ease-in-out 0s;
transition:all .5s ease-in-out 0s;
}
.sw_cont .h_title{ text-align:center; font-size:16px; height:20px; line-height:20px; overflow:hidden;}
.sw_cont .h_des{ margin-top:10px; min-height:100px; max-height:175px; line-height:25px; text-align:center; font-size:14px; overflow:hidden;}
.sw_cont .h_view{margin-top:10px; height:30px; line-height:30px; text-align:center; text-decoration:underline;}

.sw_cont:hover .h_cont{
filter:alpha(Opacity=100);-moz-opacity:1;opacity:1;	
}

.swiper-button-prev,.swiper-button-next{ width:27px; height:44px; line-height:44px; text-align:center; background:url('');position:absolute; display:block; z-index:999;}
.swiper-button-prev{ left:0px;}
.swiper-button-next{ right:0px;}


/*----*/

.scroll_box{ margin-top:40px; position:relative; overflow:hidden; }
.scroll_box .hd{ overflow:hidden;  height:0px; background:#f4f4f4; padding:0px;  }
.scroll_box .hd .prev,.scroll_box .hd .next{ position:absolute; display:block;  width:27px; height:44px; cursor:pointer;}

.scroll_box .hd .prev{ left:0px; top:135px; background:url(../images/sc_left20.png) no-repeat center center; z-index:30;}
.scroll_box .hd .next{ right:0px; top:135px; background:url(../images/sc_left21.png) no-repeat center center; z-index:30;}

.scroll_box .hd .prevStop{}
.scroll_box .hd .nextStop{}


.scroll_box .bd{}
.scroll_box .bd ul{ overflow:hidden; zoom:1; }
.scroll_box .bd ul li{float:left; _display:inline; margin-right:20px; width:265px; height:280px; padding:10px; background-color:#ffffff; position:relative;}
.scroll_box .bd ul li a{ position:absolute; left:0; bottom:0px; width:100%; height:100%; background:url(../images/blank.gif) no-repeat; z-index:20;}

.scroll_box .bd ul li .pic{ width:265px; height:125px; text-align:center; position:relative;}
.scroll_box .bd ul li .pic img{ width:265px; height:125px; display:block;}

.scroll_box .bd ul li .title{width:100%; height:45px; line-height:45px; font-size:14px; text-align:center; overflow:hidden;}
.scroll_box .bd ul li .des{ height:80px; line-height:25px; color:#999; overflow:hidden;}
.scroll_box .bd ul li .view{ position:absolute; right:10px; bottom:10px; font-size:12px; text-align:right; color:#999;}

/*鼠标经过*/
.scroll_box .bd ul li .h_cont{ position:absolute; left:0; top:0; width:100%; height:100%; background-color:#37384a; color:#FFF; padding:20px; filter:alpha(Opacity=0);-moz-opacity:0;opacity: 0; z-index:10;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;

-webkit-transition:all .5s ease-in-out 0s;
-moz-transition:all .5s ease-in-out 0s;
-ms-transition:all .5s ease-in-out 0s;
-o-transition:all .5s ease-in-out 0s;
transition:all .5s ease-in-out 0s;
}
.scroll_box .bd ul li .h_title{ text-align:center; font-size:16px; height:20px; line-height:20px; overflow:hidden;}
.scroll_box .bd ul li .h_des{ margin-top:10px; min-height:100px; max-height:175px; line-height:25px; text-align:center; font-size:14px; overflow:hidden;}
.scroll_box .bd ul li .h_view{margin-top:10px; height:30px; line-height:30px; text-align:center; text-decoration:underline;}

.scroll_box .bd ul li:hover .h_cont{
filter:alpha(Opacity=100);-moz-opacity:1;opacity:1;	
}

/* --------------服务项目-------------- */
#mysrslist{ margin-top:50px;}
#mysrslist dl{ float:left; width:150px; margin-left:100px; position:relative;}
#mysrslist dl:nth-child(1){ margin-left:0;}
#mysrslist dl a{ position:absolute; left:0; top:0; display:block; width:100%; height:100%; background:url(../images/blank.gif) no-repeat center center; z-index:20;}

#mysrslist dl dt{ width:100px; height:100px; margin:0 auto; border:1px solid #e2e2e2; text-align:center;
-webkit-border-radius:100%;
-moz-border-radius:100%;
-ms-border-radius:100%;
-o-border-radius:100%;
border-radius:100%;

-webkit-transition:all .5s ease-in-out 0s;
-moz-transition:all .5s ease-in-out 0s;
-ms-transition:all .5s ease-in-out 0s;
-o-transition:all .5s ease-in-out 0s;
transition:all .5s ease-in-out 0s;

}
/*#mysrslist dl dt img{ width:auto; max-width:90%; height:auto;}*/
#mysrslist .bgxall{}
#mysrslist .bgx1{ background:url(../images/ss1.png); background-size:60% auto;background-repeat:no-repeat; background-position:center;}
#mysrslist .bgx2{ background:url(../images/ss2.png); background-size:60% auto;background-repeat:no-repeat; background-position:center;}
#mysrslist .bgx3{ background:url(../images/ss3.png); background-size:60% auto;background-repeat:no-repeat; background-position:center;}
#mysrslist .bgx4{ background:url(../images/ss4.png); background-size:60% auto;background-repeat:no-repeat; background-position:center;}
#mysrslist .bgx5{ background:url(../images/ss5.png); background-size:60% auto;background-repeat:no-repeat; background-position:center;}
#mysrslist .bgx6{ background:url(../images/ss6.png); background-size:60% auto;background-repeat:no-repeat; background-position:center;}

#mysrslist dl dd{ margin-top:28px; text-align:center;}
#mysrslist dl dd h2{ font-size:18px; font-weight:500;
-webkit-transition:all .5s ease-in-out 0s;
-moz-transition:all .5s ease-in-out 0s;
-ms-transition:all .5s ease-in-out 0s;
-o-transition:all .5s ease-in-out 0s;
transition:all .5s ease-in-out 0s;
}
#mysrslist dl dd p{ margin-top:5px; color:#888; line-height:1.8rem; font-size:12px;}

#mysrslist dl:hover dt{ border:1px solid #ffb618;}
#mysrslist dl:hover dd h2{ color:#ffb618;}

#mysrslist dl:hover .bgx1{ background:url(../images/ss1_1.png);  background-size:60% auto;background-repeat:no-repeat; background-position:center; background-color:#ffb618;}
#mysrslist dl:hover .bgx2{ background:url(../images/ss2_1.png);  background-size:60% auto;background-repeat:no-repeat; background-position:center; background-color:#ffb618;}
#mysrslist dl:hover .bgx3{ background:url(../images/ss3_1.png);  background-size:60% auto;background-repeat:no-repeat; background-position:center; background-color:#ffb618;}
#mysrslist dl:hover .bgx4{ background:url(../images/ss4_1.png);  background-size:60% auto;background-repeat:no-repeat; background-position:center; background-color:#ffb618;}
#mysrslist dl:hover .bgx5{ background:url(../images/ss5_1.png);  background-size:60% auto;background-repeat:no-repeat; background-position:center; background-color:#ffb618;}
#mysrslist dl:hover .bgx6{ background:url(../images/ss6_1.png);  background-size:60% auto;background-repeat:no-repeat; background-position:center; background-color:#ffb618;}




/* --------------案例-------------- */
#idx_cases{background-color:#f5f5f5;}
.cases_list{}
.cases_list ul li{ float:left; margin-left:28px; margin-top:30px; width:327px; height:223px; position:relative; border:1px solid #e5e5e5;}
.cases_list ul li:nth-child(4n+1){ margin-left:0px;}

.cases_list ul li a{ display:block; position:absolute; left:0; top:0; width:100%; height:100%; z-index:20;}

.cases_list ul li .item_pic{width:327px; height:223px;}
.cases_list ul li .item_pic img{width:327px; height:223px;}

.cases_list ul li .item_title{ position:absolute; right:0px; bottom:15px; height:40px; line-height:40px; width:auto; max-width:100%; overflow:hidden;
 background:url(../images/bg3.png); color:#FFF; padding:0px 10px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;

filter:alpha(Opacity=100);-moz-opacity:1;opacity:1;

-webkit-transition:all .2s ease-in-out 0s;
-moz-transition:all .2s ease-in-out 0s;
-ms-transition:all .2s ease-in-out 0s;
-o-transition:all .2s ease-in-out 0s;
transition:all .2s ease-in-out 0s;
}

.cases_list ul li .item_des{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:10; background:url(../images/bg3.png); color:#FFF;
padding:10px;
filter:alpha(Opacity=0);-moz-opacity:0;opacity: 0;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;

-webkit-transition:all .5s ease-in-out 0s;
-moz-transition:all .5s ease-in-out 0s;
-ms-transition:all .5s ease-in-out 0s;
-o-transition:all .5s ease-in-out 0s;
transition:all .5s ease-in-out 0s;
}
.cases_list ul li .item_des h3{ height:20px; line-height:20px; font-size:16px; text-align:center; overflow:hidden;}
.cases_list ul li .item_des p{ margin-top:10px; min-height:100px; max-height:200px; line-height:25px; overflow:hidden;}

.cases_list ul li:hover .item_des{filter:alpha(Opacity=100);-moz-opacity:1;opacity:1;}
.cases_list ul li:hover .item_title{filter:alpha(Opacity=0);-moz-opacity:0;opacity:0;}

/* --------------案例-------------- */
#idx_about_box{ width:100%; height:450px; background:url(../images/pic12.jpg) no-repeat center center;}
#idx_about{ position:relative;}
.ab_sideleft{ position:absolute; left:0; top:0; width:200px; height:360px; background:url(../images/bg4.png); color:#FFF; 
padding:10px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.ab_sideleft h3{ font-size:18px; font-weight:normal; height:25px; line-height:25px;color:#FFF; }
.ab_sideleft span{ display:block; height:25px; line-height:25px;color:#FFF; }
.ab_sideleft p{ height:20px; line-height:20px; height:275px; line-height:25px; font-size:12px; overflow:hidden; color:#ededed; text-indent:2em;}
.ab_sideleft p a{color:#ededed;}

.ab_youshi{ position:absolute; left:240px; top:120px; width:960px;}
.ab_youshi ul li{ float:left; width:120px; margin-left:90px; text-align:center; color:#FFF; cursor:pointer;}
.ab_youshi ul li:nth-child(1){ margin-left:0px;}

.ab_youshi ul li .item_c{ width:118px; height:118px; line-height:118px; border:1px solid #FFF;
-webkit-border-radius:100%;
-moz-border-radius:100%;
-ms-border-radius:100%;
-o-border-radius:100%;
border-radius:100%;

-webkit-transition:all .5s ease-in-out 0s;
-moz-transition:all .5s ease-in-out 0s;
-ms-transition:all .5s ease-in-out 0s;
-o-transition:all .5s ease-in-out 0s;
transition:all .5s ease-in-out 0s;
}
.ab_youshi ul li .item_c .iconfont{ font-size:50px;
-webkit-transition:all .5s ease-in-out 0s;
-moz-transition:all .5s ease-in-out 0s;
-ms-transition:all .5s ease-in-out 0s;
-o-transition:all .5s ease-in-out 0s;
transition:all .5s ease-in-out 0s;
} 
.ab_youshi ul li .item_c .wt2{ position:relative; left:10px; top:2px;}
.ab_youshi ul li .item_c .wt3{ position:relative; top:3px; font-size:55px;}
.ab_youshi ul li .item_c .wt4{ position:relative; top:3px;}
.ab_youshi ul li .item_c .wt5{ position:relative; top:3px;}

.ab_youshi ul li .item_tt{ height:35px; line-height:35px;}
.ab_youshi ul li .item_des{ height:40px; line-height:20px;}

.ab_youshi ul li:hover .item_c{ background-color:#d8a620; border:1px solid #d8a620;}
.ab_youshi ul li:hover .item_c{
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-ms-transform:rotate(360deg);
-o-transform:rotate(360deg);
transform:rotate(360deg);
}

/* --------------团队-------------- */
#idx_team_box{ background-color:#f2f2f2;}
.team_pic{}
.team_pic img{ display:block; margin:0px auto; width:auto; max-width:100%; height:auto;}

/* --------------新闻-------------- */
.news_list{ margin-top:30px;}
.news_list ul li{ float:left; margin-left:40px; margin-top:30px; width:440px; height:150px; border-bottom:1px dashed #cccccc; position:relative;}
.news_list ul li a{ position:absolute; left:0; top:0; display:block; width:100%; height:100%; background:url(../images/blank.gif) no-repeat center center; z-index:20;}
.news_list ul li:nth-child(3n+1){ margin-left:0px;}
.news_list ul li .list_pic{ float:left; width:150px; overflow:hidden;}
.news_list ul li .list_pic img{ width:150px; height:115px;
-webkit-transition:all .5s ease-in-out 0s;
-moz-transition:all .5s ease-in-out 0s;
-ms-transition:all .5s ease-in-out 0s;
-o-transition:all .5s ease-in-out 0s;
transition:all .5s ease-in-out 0s;
}

.news_list ul li .list_content{ float:left; margin-left:15px; width:275px;height:115px; position:relative;}
.news_list ul li .list_content .list_title{ height:20px; line-height:20px; overflow:hidden;}
.news_list ul li .list_content .list_note{ margin-top:5px; height:66px; line-height:22px; overflow:hidden; color:#888; font-size:12px;}
.news_list ul li .list_content .list_time{ position:absolute; left:0px; bottom:0px; color:#999;font-size:12px; height:16px; line-height:16px;}

.news_list ul li:hover .list_pic img{
-webkit-transform:scale(1.2);
-moz-transform:scale(1.2);
-ms-transform:scale(1.2);
-o-transform:scale(1.2);
transform:scale(1.2);
}
.news_list ul li:hover .list_content .list_title{ color:#ffb618; text-decoration:underline;}