@charset "gb2312";
/* CSS Document */
@keyframes d_3
{
0%{ opacity:0; transform:translateX(-300px);}
100%{ opacity:1; transform:translateX(0);}
}
@keyframes d_2
{
0%{ opacity:0; transform:translateX(-300px);}
100%{ opacity:1; transform:translateX(0);}
}
@keyframes d_1
{
0%{ opacity:0; transform:translateX(-300px);}
100%{ opacity:1; transform:translateX(0);}
}
@keyframes b_img
{
0%{ opacity:0.9; transform:scale(1.2);}
100%{opacity:1; transform:scale(1);}
}
@keyframes d_4
{
0%{ opacity:0; transform:translateX(-300px);}
100%{ opacity:1; transform:translateX(0);}
}
.banner_box{ width:100%; min-width:1300px; position:relative; overflow:hidden;}
.banner{ display:block; width:100%; position:relative;}
.banner li{ display:block;}
.banner li .b_img{ display:block; width:100%; height:auto;animation: b_img 1.5s;}
.banner li .banner_m{ width:1300px; position:absolute; top:170px; left:50%; transform:translateX(-50%);}
.banner li .banner_m h2{ display:block; font-size:36px; color:#fff;animation: d_1 1s;}
.banner li .banner_m h1{ display:block; font-size:50px; font-weight:bold; color:#fff; margin-top:10px;animation: d_2 1.3s;}
.banner li .banner_m p{ display:block; font-size:30px; font-weight:lighter; color:#fff; margin-top:15px;animation: d_3 1.5s;}
.banner li .banner_m span{ display:block; width:128px; height:40px; background:#e7262c; border-radius:20px; margin-top:32px; font-size:14px; color:#fff; text-align:center; line-height:40px;animation: d_4 1.8s;}
.banner li .banner_m span img{ display:inline; width:5px; height:auto; margin-left:10px;}
.banner_box .hd{ width:100%; position:absolute; bottom:25px; z-index:2;}
.banner_box .hd .anniu{ display:block; text-align:center;}
.banner_box .hd .anniu li{ display:inline-block; width:10px; height:10px; border-radius:5px; background:#fff; opacity:0.8; margin:0 5px; transition:all 0.3s ease-out;}
.indexBnrSwiper-prev,.indexBnrSwiper-next{ display:block; width:114px; height:100%; position:absolute; top:0; opacity:0; transition:all 0.5s ease-out; z-index:99;}
.indexBnrSwiper-prev{ left:0; background:url(../images/swiper1-l.png) no-repeat center;}
.indexBnrSwiper-next{ right:0px; background:url(../images/swiper1-r.png) no-repeat center;}
.banner_box:hover .indexBnrSwiper-prev,.banner_box:hover .indexBnrSwiper-next{ opacity:0.5}
.banner_box .indexBnrSwiper-prev:hover,.banner_box .indexBnrSwiper-next:hover{ opacity:1;}
.banner_box .hd .anniu .on{ width:48px; opacity:1;}
/**/
.zhizaos{ width:1300px; margin:100px auto 0; text-align:center;}
.zzstitle h1{ display:inline-block; padding-left:35px; background:url(../images/title_1.png) no-repeat left; font-size:40px; color:#313131; font-weight:bold; line-height:46px;}
.zzstitle span{ display:block; font-size:22px; font-weight:lighter; color:#565656; text-align:center; margin-top:10px;}
.zzstext{ margin-top:65px; font-size:16px; color:#4a4a4a; line-height:36px; text-align:center;}
.gcsl{ padding:35px 0 95px; background:url(../images/global.gif) no-repeat center top; margin-top:70px;}
.gcsl_liebiao{ display:block; text-align:center;}
.gcsl_liebiao li{ display:inline-block; margin-right:110px;}
.gcsl_liebiao li:last-child{ margin-right:0;}
.gcsl_liebiao li span{ display:block; font-size:65px; font-weight:bold; color:#4a4a4a; line-height:66px;}
.gcsl_liebiao li span em{ display:inline-block; font-style:normal; font-size:18px; color:#4a4a4a; position:relative; top:-30px; margin-left:8px;}
.gcsl_liebiao li p{ display:block; font-size:18px; color:#4a4a4a; text-align:center; margin-top:10px;}
.zzsmore{ width:162px; height:62px; border-radius:16px; background:#37a8b7; margin:135px auto 0; overflow:hidden;}
.zzsmore a{ display:block; font-size:14px; color:#fff; text-align:center; line-height:62px;}
.zzsmore:hover{ background:#2a93a1;}
.zzsmore img{ margin-left:10px; transition:all .5s;}
.zzsmore:hover img{ transform:translateX(6px);}
/*服务领域*/
.lingyu_bigbox{ width:100%; min-width:1300px; max-height:600px; background:url(../images/lingyu_bj.jpg) no-repeat left top; overflow:hidden;  margin-top:45px;}
.lingyu_left{ float:left; width:34.27%; height:100%; overflow:hidden;}
.lingyu_conbox{ padding:65px 100px 88px 113px;}
.lingyu_conbox h2{ display:block; padding-left:30px; background:url(../images/title_2.png) no-repeat left; font-size:40px; font-weight:bold; color:#fff; line-height:42px;}
.lingyu_conbox span{ display:block; font-size:18px; color:#fff; line-height:28px; margin-top:16px;}
.lingyu_conbox p{ display:block; font-size:14px; color:#fff; line-height:28px; margin-top:30px;}
.lymore{ width:162px; height:62px; border-radius:16px; background:#fff; overflow:hidden; margin-top:128px;}
.lymore a{ display:block; font-size:14px; color:#2c2c2c; text-align:center; line-height:62px;}
.lymore a:hover{ color:#37a8b7;}
.lymore img{ margin-left:10px;}
.lingyu_right{ float:right; width:65.73%; background:#fff;}
.lyliebiao{ display:block; overflow:hidden;}
.lyliebiao li{ float:left; width:33.25%; margin-right:1px; margin-bottom:1px; position:relative; overflow:hidden;}
.lyliebiao li:nth-child(3),.lyliebiao li:nth-child(6){ margin-right:0;}
.lyliebiao li:nth-child(4),.lyliebiao li:nth-child(5),.lyliebiao li:nth-child(6){ margin-bottom:0;}
.lyliebiao li .lytu{ width:100%; background:#37a8b7; overflow:hidden;}
.lyliebiao li .lytu img{ display:block; width:100%; height:auto; transition:all .5s;}
.lyliebiao li .lycon{ position:absolute; bottom:-32px; left:50%; transform:translateX(-50%); transition:all .5s;}
.lyliebiao li .lycon h1{ display:block; font-size:20px; font-weight:bold; color:#fff; text-align:center;}
.lyliebiao li .lycon span{ display:block; width:100px; height:32px; border-radius:9px; background:#e7262c; margin:20px auto 0; font-size:14px; color:#fff; text-align:center; line-height:32px;}
.lyliebiao li .lycon span img{ margin-left:10px;}
.lyliebiao li:hover .lytu img{ opacity:0.6; transform:scale(1.03);}
.lyliebiao li:hover .lycon{ left:50%; bottom:50%; transform:translate(-50%,50%);}
.lyliebiao li:hover .lycon span{ margin-top:10px;}
/*产品中心*/
.chanpin_ti{ width:1400px; margin:115px auto 0;}
.cptitle{ text-align:center;}
.cptitle span{ display:inline-block; font-size:40px; font-weight:bold; color:#37a8b7; line-height:46px; padding-left:35px; background:url(../images/title_1.png) no-repeat left;}
.cptitle span em{ font-style:normal; font-weight:bold; font-size:40px; color:#313131; line-height:46px;}
.cptitle p{ display:block; font-size:22px; font-weight:lighter; color:#565656; text-align:center; margin-top:15px;}
.chanpin_nav{ margin-top:60px; overflow:hidden;}
.chanpin_nav ul{ display:block; text-align:center; margin-top:10px; overflow:hidden;}
.chanpin_nav ul li{ display:inline-block; margin-right:58px;}
.chanpin_nav ul li a{ display:inline-block; font-size:16px; font-weight:bold; color:#434343; line-height:32px;}
.chanpin_nav ul li a:hover{ color:#278591; background:url(../images/title_hover.jpg) no-repeat bottom;}
.chanpin_nav span{ float:right; width:162px; height:62px; border-radius:16px; border:1px solid #e1e1e1; overflow:hidden;}
.chanpin_nav span a{ display:block; font-size:14px; color:#2c2c2c; text-align:center; line-height:62px;}
.chanpin_nav span img{ margin-left:10px;}
.chanpinbig{ width:100%; min-width:1300px; padding-top:40px; border-top:1px solid #ededed; margin-top:20px;}
.chanping_box{ display:block; width:1694px; margin:auto; overflow:hidden;}
.chanping_box li{ float:left; width:24.5%; margin-right:0.65%; margin-bottom:12px; position:relative;}
.chanping_box li:nth-child(4n+0){ margin-right:0;}
.chanping_box li .cpimg{ width:100%; background:#f9f9f9; overflow:hidden;}
.chanping_box li .cpimg img{ display:block; width:100%; height:auto; transition:all .5s;}
.cpconbox{ width:95%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); transition:all .3s; opacity:0;}
.cpconbox h1{ display:block; font-size:24px; color:#fff; text-align:center;}
.cpconbox span{ display:block; width:100px; height:32px; border-radius:7px; background:#37a8b7; margin:15px auto 0; font-size:14px; color:#fff; text-align:center; line-height:32px;}
.cpconbox span img{ margin-left:10px;}
.chanping_box li:hover .cpimg{ background:#101010;}
.chanping_box li:hover .cpimg img{ opacity:0.6; transform:scale(1.03);}
.chanping_box li:hover .cpconbox{ opacity:1;}
/*优势*/
.youshi_bj{ width:100%; min-width:1300px; background:url(../images/youshi_bj.jpg) no-repeat bottom; padding:105px 0 85px;}
.youshi_box{ width:1400px; margin:auto; overflow:hidden;}
.youshi_left{ float:left; width:375px;}
.youshi_left dl{ display:block; padding-top:50px;}
.youshi_left dl dt{ display:block; padding-left:30px; background:url(../images/title_2.png) no-repeat left; font-size:40px; font-weight:bold; color:#fff; line-height:42px;}
.youshi_left dl dd{ display:block; font-size:18px; color:#fff; line-height:28px; margin-top:18px;}
.youshi_left span{ display:block; font-size:30px; color:#fff; line-height:40px; margin-top:90px;}
.youshi_right{ float:right; width:740px;}
.youshi_right ul{ display:block; overflow:hidden;}
.youshi_right ul li{ float:left; width:360px; height:330px; background:#fff url(../images/youshi_dz.png) no-repeat bottom; margin-right:19px; margin-bottom:19px;}
.youshi_right ul li:nth-child(2n+0){ margin-right:0;}
.youshi_right ul li a{ display:block; padding:50px 40px 0;}
.youshi_right ul li img{ display:block;}
.youshi_right ul li span{ display:block; font-size:30px; font-weight:bold; color:#222222; margin-top:20px;}
.youshi_right ul li p{ display:block; font-size:18px; color:#5e5e5e; line-height:28px; margin-top:12px;}
.youshi_right ul li:hover{ background:#fff url(../images/youshi_dz2.png) no-repeat bottom;}
/*新闻资讯*/
.news_box{ width:1400px; margin:110px auto 100px;}
.news_ti{ width:100%; overflow:hidden;}
.zxtitle{ float:left;}
.zxtitle span{ display:block; padding-left:32px; background:url(../images/title_1.png) no-repeat left; font-size:40px; font-weight:bold; color:#37a8b7; line-height:42px;}
.zxtitle span em{ font-style:normal; font-size:40px; font-weight:bold; color:#313131; line-height:42px;}
.zxtitle p{ display:block; font-size:22px; font-weight:lighter; color:#565656; margin-top:10px;}
.news_more{ float:right; width:162px; height:62px; border-radius:16px; border:1px solid #e2e2e2; margin-top:18px; overflow:hidden;}
.news_more a{ display:block; font-size:14px; color:#2c2c2c; text-align:center; line-height:62px;}
.news_more a img{ margin-left:10px;}
.news_more:hover{ background:#37a8b7; border:1px solid #37a8b7;}
.news_more:hover a{ color:#fff;}
.news_more:hover img{-webkit-filter: brightness(200); -moz-filter: brightness(200);filter: brightness(200);}
.news_liebiao{ display:block; margin-top:60px; overflow:hidden;}
.news_liebiao li{ float:left; width:32%; margin-right:2%;}
.news_liebiao li:nth-child(3n+0){ margin-right:0;}
.news_liebiao li .news_tu{ width:100%; height:300px; background:#000; overflow:hidden;}
.news_liebiao li .news_tu img{ display:block; width:100%; height:100%; transition:all .5s;}
.news_liebiao li .news_conbox{ margin-top:35px;}
.news_liebiao li .news_conbox h1{ display:block; font-size:20px; font-weight:bold; color:#313131; line-height:30px;}
.news_con{ font-size:16px; color:#718284; line-height:24px; margin-top:10px;}
.news_fl{ margin-top:15px; font-size:14px; color:#718284; line-height:16px;}
.news_fl span{ display:inline-block; font-size:14px; color:#718284; line-height:16px;}
.news_liebiao li:hover .news_tu img{ opacity:0.6; transform:scale(1.03);}
.news_liebiao li:hover h1{ color:#37a8b7;}
@media ( min-device-width:1530px )and ( max-width:1680px ) {
.chanping_box{ width:1400px;}
.lingyu_conbox{ padding:65px 70px 0 80px;}
.lymore{ margin-top:68px;}
	}
@media ( min-device-width:1400px )and ( max-width:1520px ) {
.chanping_box{ width:1400px;}
.lingyu_conbox{ padding:35px 50px 50px 30px;}
.lymore{ margin-top:68px;}
.lingyu_left{ height:443px;}
	}
@media ( min-device-width:1240px )and ( max-width:1366px ) {
.chanping_box,.chanpin_ti,.youshi_box,.news_box{ width:1300px;}
.lingyu_conbox{ padding:35px 25px 44px 20px;}
.lymore{ margin-top:38px;}
	}