@charset "utf-8";html{overflow-x:hidden}
body{color:#333;font:14px "Microsoft Yahei"}
body,dd,div,dl,dt,h1,h2,h3,h4,h5,h6,img,input,li,ol,p,span,ul{margin:0;padding:0;list-style:none}
a{color:#333;text-decoration:none}
a:focus{outline:0}
img{border:none}
.vam{vertical-align:middle}
.clear{clear:both;height:0;line-height:0;font-size:0}
p{word-spacing:0}
em,i{font-style:normal}
.tr{text-align:right}
.tl{text-align:left}
.center{text-align:center}
.fl{float:left;}
.fr{float:right;}
.pa{position:absolute}
.pr{position:relative}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden}
.clearfix{zoom:1}


.pic{width:100%;overflow: hidden;}
.pic img{-o-transition:all 1s linear 0s;transition:all 1s linear 0s}
.pic:hover img{-webkit-transform:scale(1.05) rotate(0) translateY(0);-ms-transform:scale(1.05) rotate(0) translateY(0);transform:scale(1.05) rotate(0) translateY(0)}

.white,.whites{position:relative;overflow:hidden}
.white:after,.whites:after{content:'';cursor:pointer;position:absolute;left:-100%;top:0;width:100%;height:100%;background-image:-moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));background-image:-webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));transform:skewx(-25deg)}
.white:hover:after{left:100%;-moz-transition:1s;-o-transition:1s;-webkit-transition:1s;transition:1s}
.whites:hover:after{left:100%;-moz-transition:.5s;-o-transition:.5s;-webkit-transition:.5s;transition:.5s}
body{min-width:1200px;width:100%;max-width:1920px;margin:0 auto;overflow-x:hidden}
em,i{font-style:normal}

input::-webkit-input-placeholder{color:#999;font-size:14px;text-transform:capitalize}
input::-moz-placeholder{color:#999;font-size:14px;text-transform:capitalize}
input:-moz-placeholder{color:#999;font-size:14px;text-transform:capitalize}
input:-ms-input-placeholder{color:#999;font-size:14px;text-transform:capitalize}
@keyframes myfirst{0%{background-position:0 bottom}
100%{background-position:100% bottom}
}
.line{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.clear{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
/**/
body{min-width: 1200px;max-width: 1920px;margin: 0 auto;overflow-x: hidden; width: 100%;}

.pic{width:100%;overflow: hidden;}
.pic img{-o-transition:all 0.6s linear 0s;transition:all 0.6s linear 0s}
.pic:hover img{-webkit-transform:scale(1.08) rotate(0) translateY(0);-ms-transform:scale(1.08) rotate(0) translateY(0);transform:scale(1.08) rotate(0) translateY(0)}
.content{width:1200px;margin:0 auto;}



.banner{height:auto;max-width:1920px;margin:0 auto!important;position:relative;margin-top:-34px}
.banner .bd li{float:left;width:100%;line-height:0}
.banner .bd li img{width:100%}
.banner .bd li a{display:block}
.banner .hd{position:absolute;bottom:50px;width:100%;height:16px;cursor:pointer;text-align:center;z-index:9;font-size:0}
.banner .hd li{display:inline-block;width:16px;height:16px;background:#fff;margin:0 10px;opacity:1;-o-transition:all .5s ease;transition:all .5s ease;border-radius: 8px;}
.banner .hd li.on{background:#14af15;}
.banner p{position: absolute;font-size: 0;top: 50%;z-index: 9; width: 36px; height: 70px; margin-top: -35px;border: 0; outline: none;cursor: pointer;transition:.5s;}
.banner .prev {left: 3%; background:url(../images/prev1.png) no-repeat center center;opacity: 0;}
.banner .next {right: 3%;background:url(../images/next1.png) no-repeat center center;opacity: 0;}   
.banner:hover .prev { left: 5%; opacity: 1; }
.banner:hover .next { right: 5%; opacity: 1; }

.tit{font-weight: normal;text-align: center;font-size: 0;}
.tit span{display: block;font-size: 46px;color: #1a1a1a;line-height: 46px;position: relative;font-weight:normal;background: url(../images/tit1.png) no-repeat center bottom;height: 65px;}
.tit i{display: block;font-size: 20px;color: #4c4c4c;line-height: 20px;margin-top: 16px;}

.search{height:72px;border-bottom: 1px solid #ededed;box-sizing: border-box;}
.search p{float: left;height: 72px;line-height: 72px;font-size: 14px;color: #666666;}
.search p b{ font-weight: bold;color: #333333;padding-left: 360px;background: url(../images/hot.png) no-repeat 320px 25px; }
.search p a{color: #666;margin-right: 15px;}
.search p a:last-child{margin-right:0;}
.search p a:hover{color: #14af15;}
.s_box{float:right;width:276px;height:36px;background:#fff;margin-top:17px;position:relative}
.s_box .input1{width:210px;height:36px;line-height:36px;color:#999;padding:0 20px;border-top-left-radius:3px;border-bottom-left-radius:3px;float:left;border:0;outline:0;border:1px solid #e3e3e3;box-sizing: border-box;border-right: 0;}
.s_box .input2{width:66px;height:36px;border:0;background:url(../images/sea.png) no-repeat center;float:right;position:relative;z-index:2;cursor:pointer}


.yz{ padding: 84px 0 0;background: url(../images/yz_bg.jpg) no-repeat center;box-sizing: border-box;height: 435px; }
.yz dl{ position: relative; }
.yz dl:before{ content: "";width:748px;height:11px;background: url(../images/yz_line.png) no-repeat center;position: absolute;left:452px;top:88px;transition:all 0.5s;z-index: 20; }
.yz dt{ display: block;width: 462px;height: 462px;margin-top:-126px; float: left; }
.yz dt img{   display: block;width: 462px;height: 462px;}
.yz dd{float: right;width: 700px;}
.yz dd h4{ font-size: 30px;line-height: 30px;color: #0054ba;font-weight: bold; }
.yz dd h4 img{ display: inline-block;width: 273px;height: 70px;margin-right: 24px;vertical-align: -10px; }
.yz dd p{ font-size: 16px;line-height: 36px;color: #4c4c4c;margin-top: 48px; }


.so{ padding: 90px 0 0;background: url(../images/so_bg.jpg) no-repeat center;box-sizing: border-box;height: 996px; }
.so .tit span{background: url(../images/tit1.png) no-repeat center bottom;}
.so_con{margin-top: 48px;position: relative;}
.so_con dl{position: relative; }
.so_con dt{ display: block;width: 822px;height: 538px;}
.so_con dt img{ display: block; width: 822px;height: 538px;}
.so_con dt .more{ display: block; position: absolute;right:618px;bottom: 123px;display: block;width: 180px;height: 56px;text-align: center;border-radius: 6px;line-height: 56px; font-size: 18px;color: #fff;background: #14af15;font-weight: bold;z-index: 20;transition:all 0.5s; }
.so_con dt .more img{ display: inline-block;margin-left: 7px;width: 22px;height: 12px;vertical-align: -1px; transition:all 0.5s;}
.so_con dt .zx{ display: block; position: absolute;right:393px;bottom: 123px;display: block;width: 220px;height: 56px;text-align: center;border-radius: 6px;line-height: 56px; font-size: 18px;color: #fff;background: #14af15;font-weight: bold;z-index: 20;transition:all 0.5s; }
.so_con dt .zx img{ display: inline-block;margin-left: 7px;width: 23px;height: 22px;vertical-align: -5px;transition:all 0.5s; }
.so_con dt .more:hover,.so_con dt .zx:hover{ transform:translateY(-5px);}
.so_con dt .more:hover img{ margin-left:12px;}
.so_con dt .zx:hover img{ margin-left:12px;}
.so_con dd{width: 1200px;height: 130px;background: #edf3fa;padding: 40px 30px 0;box-sizing: border-box;position: relative;}
.so_con dd:after{ position: absolute;left:107px;top: -12px;width: 32px;height: 13px;background: url(../images/so_san.png) no-repeat center;content: ""; }
.so_con dd h4 a{ display: block;float: left;width: 200px;height: 48px;border-right: 1px solid #cfcfcf;box-sizing: border-box;font-size: 26px;color: #0054ba;line-height: 48px; }
.so_con dd p{width: 920px;padding-left: 20px;box-sizing: border-box;font-size: 16px;line-height: 30px;color: #4c4c4c;float: left;margin-top: -6px;}
.so_r{ position: absolute;right: 0;top:0;width: 372px;height: 537px;border-left: 1px solid #0054ba;border-bottom: 1px solid #0054ba; }
.so_r li{ float: left;width:123px;height:150px;border: 1px solid #0054ba;margin-left: -1px;margin-bottom: -1px;background: #ffffff; padding-top: 28px;}
.so_r li em{ display: block;width: 72px;height: 54px; overflow: hidden;margin: 0 auto;}
.so_r li em img{ display: block;width: 72px;height: 54px; transition: all 0.5s; }
.so_r li.cur em img:nth-child(1){ margin-top: -54px; }
.so_r li span{ display: block;font-size: 17px;line-height: 25px;color: #4c4c4c;padding: 14px 0 0; font-weight: bold;text-align: center;width:68%;margin:0 auto;}
.so_r li.cur{ background: url(../images/so_g.jpg) no-repeat center;}
.so_r li.cur span{ color: #fff;font-weight: bold; }

.pro{ padding-top: 80px; }
.pro .tit span{background: url(../images/tit1.png) no-repeat center bottom;}
.pro_t{height: 50px;margin: 50px 0 25px;}
.pro_t li a{display: block;width: 195px;height: 65px;line-height: 65px;text-align: center;font-size: 20px;color: #4c4c4c;border:1px solid #d1d1d1;font-weight: bold;box-sizing: border-box;float: left;margin:0 5px 0 0;transition: all 0.5s;position: relative;z-index: 200;}
.pro_t li:last-child a{ margin-right: 0; }
.pro_t li.on a{ background: url(../images/pro_t.png) no-repeat center;color: #fff;border:0;background-size:cover; }
.pro_con dl{width: 1200px;position: relative;height: 675px;margin-right: 90px;}
.pro_con dt{background: #fff;}
.pro_con dt img{opacity: 0.3;}
.pro_con dd{display: none;position: absolute;width:970px;height: 165px;padding: 36px 45px 0 52px;background:url(../images/pro_dd.png) no-repeat center;right: 115px;bottom: 0;box-sizing: border-box;}
.pro_con dd h4 a{font-size: 30px;line-height: 30px;color: #ffffff;display: block;height: 46px;}
.pro_con dd h4 em{ display: block;display: block;width: 160px;height: 46px;text-align: center;border-radius: 6px;line-height: 44px; font-size: 18px;color: #fff;font-weight: bold;z-index: 20;float: right;border: 1px solid rgba(255,255,255,0.4);}
.pro_con dd h4 em img{ display: inline-block;margin-left: 7px;width: 22px;height: 12px;vertical-align: -1px; }
.pro_con dd p{font-size: 16px;color: #fff;line-height: 30px;padding-top: 3px;display: block; }
.pro_con{position: relative;}
.pro_con .prev{ position:absolute; left:-55px; top:296px; width:24px;height:46px; z-index: 100;cursor: pointer;}
.pro_con .next{ position:absolute; right:-55px; top:296px;  width:24px;height:46px; z-index: 100;cursor: pointer;}
.pro_bd{margin-left: -1290px !important;}
.pro .tempWrap{overflow: visible !important;}
.pro_con dl.cur dd{display: block;}
.pro_con dl.cur dt img{opacity: 1;}


.xad{ height: 320px;background: url(../images/xad_bg.jpg) no-repeat center;box-sizing: border-box; margin-top: 80px;}
.xad p a{ display: block;padding-top: 232px;padding-left: 792px;font-size: 28px;line-height: 28px;color: #333333;font-weight: bold;font-family: Arial;width: 350px; }


.case{ padding-top: 80px;height: 1180px;box-sizing: border-box;background: url(../images/case_bg.jpg) no-repeat center; }
.case_t{ text-align: center;margin-bottom: -30px;position:relative;z-index: 20;height: 101px; }
.case_t li{ display: inline-block;width: 101px;height: 101px;border-radius: 52px;box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.06); background: url(../images/case_t.png) no-repeat center;margin: 20px 3px 0;}
.case_t li a{ display: block;width: 101px;height: 101px; line-height: 101px;font-size: 18px;font-weight: bold;color: #fff;text-align: center;}
.case_t li span{ font-size: 18px;font-weight: bold; line-height: 24px;padding-top: 25px;box-sizing: border-box;display: block;}
.case_t li.cur{  box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.26); }
.case_t li.cur a{ background: url(../images/case_th.png) no-repeat center;  }


.case_con{margin-top: 22px; position: relative;height: 540px;margin-bottom: 40px; overflow:hidden}
.case_con dt{ display: block;width: 960px;height: 540px;position: relative;overflow: hidden; float: right;margin-right: -360px; }
.case_con dt img{  display: block;width: 960px;height: 540px;}
.case_con dd{width: 628px;float: left;margin-left: -28px;height: 540px;background: #fff;border:1px solid #dadde0;box-sizing: border-box;padding: 60px 0 0 60px;}
.case_con dd h4{ display: block;font-size: 28px;line-height: 28px;color: #333333;font-weight: bold;height: 48px;border-bottom: 1px solid #dee1e3;margin-bottom:18px;}
.case_con dd p{ font-size: 16px;color: #666666;line-height: 33px;width:500px;}
.case_con dd p b{font-weight: normal;color:#000;}
/*.case_con dd p em{ display: block;font-size: 16px;color: #666666;line-height: 33px;margin-bottom: 10px;padding-left: 20px;background: url(../images/case_line.png) no-repeat left 11px; }*/
/*.case_con dd p em i{ display: block;color: #000000; }*/
/*.case_con dd p span{font-size: 16px;color: #666666;line-height: 33px;padding-left: 20px;background: url(../images/case_line.png) no-repeat left 11px;display: block;}*/
/*.case_con dd p span i{ color: #000000; }*/
.case_con dd .qh{ margin-top: 25px; }
.case_con dd .qh a{ display: block;width: 200px;height: 50px;text-align: center;border-radius: 5px;line-height: 48px; font-size: 18px;color: #0054ba;font-weight: bold;z-index: 20;float: left;border: 1px solid #acc8e9;margin-right: 5px;transition:all 0.5s;}
.case_con dd .qh a:hover{ transform:translateY(-5px);}
.case_s{ position:relative;}
.case_s li{ float: left;width: 385px;margin-right: 23px; }
.case_s li i{ display: block; width: 385px;height: 217px;overflow: hidden;}
.case_s li i img{ display: block;width: 385px;height: 217px; }
.case_s li span{ display: block;font-size: 16px;line-height: 16px;color: #4c4c4c;text-align: center;padding-top: 20px; }
.case_s li.on i{background: #fff;}
.case_s li.on i img{opacity: 0.3;}

.case_s .zprev{ position:absolute; left:-55px; top:86px; width:24px;height:46px; z-index: 100;cursor: pointer;}
.case_s .znext{ position:absolute; right:-55px; top:86px;  width:24px;height:46px; z-index: 100;cursor: pointer;}


.sp{ padding-top: 70px; }
.sp_con{position: relative;margin-top: 40px;}
.sp1 li{float: left;width: 285px;height: 214px;margin-right:630px;margin-bottom: 15px;position: relative;}

.sp1 li video{width: 285px;height: 214px;}
.sp1 li:nth-child(2n){ margin-right: 0; }
/*.sp1 li em img{ display: block;width: 285px;height: 214px;position:absolute;left:0px;top:0px;z-index:50;}*/
.sp1 li span{ position: absolute;left:10px; bottom:10px;font-size: 17px;line-height: 17px;color: #fff;display: block;z-index:50;}
.sp1 li span a{ color: #fff;}
.sp1 li span img{ display: inline-block;width: 32px;height: 32px;margin-right: 14px;vertical-align: -7px; }
.sp2{ position: absolute;left:305px;top:0; }
.sp2 li{ display: block;width: 590px;height: 443px;position: relative; }
/*.sp2 li em img{ display: block;width: 590px;height: 443px;position:absolute;left:0px;top:0px;z-index:50;}*/
.sp2 li i img{ position:absolute;left:50%;margin-left:-38px;top:150px;width:76px;height:76px;background:url(../images/sp_ic2.png) no-repeat center;content:"";z-index:30;}
/*.sp2 li video{ display: block;width: 590px;height: 443px; }*/
.sp2 li span{ position: absolute;left:0px; bottom:20px;font-size: 22px;line-height: 22px;color: #ffffff;display: block;width: 100%;text-align: center;z-index:30;}
.sp2 li span a{ color: #fff;}

.sp .content{ position: relative; }
.sp .content:after{ position: absolute;left:0;bottom:28px;width: 1200px;height: 1px;background: #d1d1d1;content: ""; }
.sp .more{ display: block; width: 220px;height: 56px;text-align: center;border-radius: 6px;line-height: 56px; font-size: 18px;color: #fff;background: #14af15;font-weight: bold;z-index: 20;margin: 20px auto 0;position: relative;transition:all 0.5s;}
.sp .more img{ display: inline-block;margin-left: 7px;width: 20px;height: 20px;vertical-align: -5px;transition:all 0.5s; }
.sp .more:hover{ transform:translateY(-5px);}
.sp .more:hover img{ margin-left:12px;}
.coop p img{ display: block;width: 100%;margin-top: 75px; }

.ys{ padding-top: 80px; }
.ys1{ margin-top: 70px;height: 650px;background: url(../images/ys1_bg.jpg) no-repeat center; }
.ys1 dl{height: 540px;width: 590px;float: right;padding: 20px 50px 0px 10px;box-sizing: border-box;background: url(../images/ys_dd1.png) no-repeat center;}
.ys1 dt{ display: block;width: 490px;height: 190px; overflow: hidden;margin: 20px 0 0 40px;}
.ys1 dt img{ display: block;width: 490px;height: 190px; }
.ys1 h4 img{display: inline-block;width: 80px;height: 126px;vertical-align: -50px;}
.ys1 h4 span{ display: inline-block;width:450px;height:126px;border-bottom: 1px solid #bec2c8;box-sizing: border-box;font-size: 34px;line-height: 126px;color: #0054ba;font-weight: normal;padding-left: 30px;box-sizing: border-box;  }
.ys1 p{padding:25px 0 0 40px;font-size: 16px;line-height: 32px;color: #333333; }


.ys2{ height: 703px;background: url(../images/ys2_bg.jpg) no-repeat center; position: relative;padding-top: 86px;box-sizing: border-box;}
.ys2 h4{height: 66px;border-bottom: 1px solid #8fb2c7;position: relative;text-align: center;margin: 0 auto;width: 840px;}
.ys2 h4 img{display: inline-block;width: 96px;height: 47px;vertical-align: -5px;}
.ys2 h4 span{ display: inline-block;font-size: 36px;line-height: 36px;color: #0054ba;font-weight: normal;padding-left: 18px;box-sizing: border-box;  }
.ys2 p{ display: block;font-size: 16px;color: #333333;line-height: 36px;text-align: center;padding-top: 10px;}
.zs{ position: relative; margin-top: 30px;}
.zs ul{ border:none;height: 370px;}
.zs li img{ width:268px; height:370px; display:block; /* filter: blur(1px);*/  }
.zs li img.carousel-center{ /* filter: blur(0);*/}
.zs li img.depth2
{
   transform: matrix3d(1.5, 0, 0, 0.0015, -0.02, 1.05, 0, 0.0003, 0, 0, 1, 0,65, 12, 3, 1.2);
    -webkit-transform: matrix3d(1.5, 0, 0, 0.0015, -0.02, 1.05, 0, 0.0003, 0, 0, 1, 0,65, 12, 3, 1.2);
    -ms-transform: matrix3d(1.5, 0, 0, 0.0015, -0.02, 1.05, 0, 0.0003, 0, 0, 1, 0,65, 12, 3, 1.2);
   }
.zs li img.mdepth2
{
    transform:matrix3d(1.5, 0, 0, -0.0015, 0.02, 1.05, 0, 0.0003, 0, 0, 1, 0,-65, 12, 3, 1.2); 
    -webkit-transform:matrix3d(1.5, 0, 0, -0.0015, 0.02, 1.05, 0, 0.0003, 0, 0, 1, 0,-65, 12, 3, 1.2); 
    -ms-transform:matrix3d(1.5, 0, 0, -0.0015, 0.02, 1.05, 0, 0.0003, 0, 0, 1, 0,-65, 12, 3, 1.2); 
   }

.zs li img.depth3 
{
    /*transform:matrix(1,0,0,1,10,20);*/
    /*transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,10,20,30,1);*/
    /*matrix3d(0.86602, 0, -0.49999, 0, 0, 1, 0, 0, 0.49999, 0, 0.86602, 0, -235.819, 0, -63.05, 1);*/
    /*matrix3d(0.86602, 0, 0.49999, 0, 0, 1, 0, 0, -0.49999, 0, 0.86602, 0, 235.496, 0, -62.95, 1);*/
    /*transform:matrix3d(0.86602, 0, -0.49999, 0, 0, 1, 0, 0, 0.49999, 0, 0.86602, 0, 10, 20, -63.05, 1);*/
    /* 左右拉伸、Z轴值、0、Z指向（相对视角平面），左右倾斜度，上下拉伸度，0，Z指向（相对垂直面），0，0，1，0,横坐标偏移量，纵坐标偏移量，z坐标便宜量（0），缩放量（1为原值，超大越小）*/
    transform: matrix(1,0,0,1,10,20);
    /* transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,10,20,30,1); */
    /* transform: matrix3d(0.86602, 0, -0.49999, 0, 0, 1, 0, 0, 0.49999, 0, 0.86602, 0, 10, 20, -63.05, 1); */
    -webkit-transform: matrix3d(1.1, 0, 0, 0.0007, 0.0, 1.03, 0, 0.0003, 0, 0, 1, 0, 65, 12, 3, 1.1);
    -ms-transform: matrix3d(1.1, 0, 0, 0.0007, 0.0, 1.03, 0, 0.0003, 0, 0, 1, 0, 65, 12, 3, 1.1);
   transform: matrix3d(1.1, 0, 0, 0.0007, 0.0, 1.03, 0, 0.0003, 0, 0, 1, 0, 65, 12, 3, 1.1);
  
    box-shadow: 0 0 10px 3px rgba(0,0,0,0.15);
    }
.zs li img.mdepth3
{
    transform:matrix3d(1.1, 0, 0, -0.0007, 0.0, 1.03, 0, 0.0003, 0, 0, 1, 0, -65, 12, 3, 1.1);
     -webkit-transform:matrix3d(1.1, 0, 0, -0.0007, 0.0, 1.03, 0, 0.0003, 0, 0, 1, 0, -65, 12, 3, 1.1);
     -ms-transform:matrix3d(1.1, 0, 0, -0.0007, 0.0, 1.03, 0, 0.0003, 0, 0, 1, 0, -65, 12, 3, 1.1);
   }

    
.zs li img.depth4
{
  transform: matrix3d(1.1, 0, 0, 0.0007, 0, 1.2, 0, 0.0003, 0, 0, 1, 0,65,18, 3, 1.2);
        -webkit-transform: matrix3d(1.1, 0, 0, 0.0007, 0, 1.2, 0, 0.0003, 0, 0, 1, 0,65,18, 3, 1.2);
    -ms-transform: matrix3d(1.1, 0, 0, 0.0007, 0, 1.2, 0, 0.0003, 0, 0, 1, 0,65,18, 3, 1.2);
}

.zs li img.mdepth4
{
    transform:matrix3d(1.1, 0, 0, -0.0007, 0.02, 1.2, 0, 0.0003, 0, 0, 1, 0,-65, 28, 3, 1.2);
    -webkit-transform:matrix3d(1.1, 0, 0, -0.0007, 0.02, 1.2, 0, 0.0003, 0, 0, 1, 0,-65, 28, 3, 1.2);
    -ms-transform:matrix3d(1.1, 0, 0, -0.0007, 0.02, 1.2, 0, 0.0003, 0, 0, 1, 0,-65, 28, 3, 1.2);
   }

.zs .prev{ display: block;width: 24px;height: 46px;position: absolute;left: -40px;top: 168px;z-index: 10;cursor: pointer;}
.zs .next{ display: block;width: 24px;height: 46px;position: absolute;right: -40px;top: 168px;z-index: 10; cursor: pointer;}

.ys3{ height: 620px;background: url(../images/ys3_bg.jpg) no-repeat center; border-top: 3px solid #c9d9ed;}
.ys3 dl{height: 510px;width: 590px;float: left;padding: 20px 50px 0px 0px;box-sizing: border-box;background: url(../images/ys_dd3.png) no-repeat center;}
.ys3 dt{ display: block;width: 510px;height: 156px; overflow: hidden;margin: 20px 0 0 40px;}
.ys3 dt em{ display: block;float: left;width: 250px;height: 156px;overflow: hidden; }
.ys3 dt em:nth-child(2n){ float:right; }
.ys3 dt em img{ display: block;width: 250px;height: 156px; }
.ys3 h4 img{display: inline-block;width: 80px;height: 126px;vertical-align: -50px;}
.ys3 h4 span{ display: inline-block;width:450px;height:126px;border-bottom: 1px solid #bec2c8;box-sizing: border-box;font-size: 34px;line-height: 126px;color: #0054ba;font-weight: normal;padding-left: 30px;box-sizing: border-box;  }
.ys3 p{padding:25px 0 0 40px;font-size: 16px;line-height: 32px;color: #333333; }

.ys4{ height: 620px;background: url(../images/ys4_bg.jpg) no-repeat center; border-top: 3px solid #c9d9ed;}
.ys4 h4{position: relative;text-align: center;padding-top: 82px;margin-bottom: 50px;}
.ys4 h4 img{display: inline-block;width: 99px;height: 47px;vertical-align: -3px;}
.ys4 h4 span{ display: inline-block;font-size: 36px;line-height: 36px;color: #0054ba;font-weight: normal;padding-left: 18px;box-sizing: border-box;  }
.ys4 ul{ margin-bottom: 10px;text-align: center; }
.ys4 ul li{ width: 170px;height: 170px;position: relative;display: inline-block;margin: 0 20px; }
.ys4 ul li:after{ position: absolute;right: -36px;top:70px;width: 30px;height: 30px;background: url(../images/ys_jt1.png) no-repeat center;content: ""; }
.ys4 ul li:last-child:after{background: 0;}
.ys4 .ys_z li:after{ background: url(../images/ys_jt2.png) no-repeat center; }
.ys4 ul li i{display: block;position: absolute;left: 0;top:0;width: 170px;height: 170px;  }
.ys4 ul li i img{ display: block; width: 170px;height: 170px;}
.ys4 ul li:hover i img{-webkit-transform: rotate(360deg); }
.ys4 ul li span{position: relative;z-index: 10;display: block;font-size: 22px;line-height: 22px;text-align: center;color: #1a1a1a;}
.ys4 ul li span img{ display: block;width: 60px;height: 55px;margin: 0 auto;padding-top: 37px; padding-bottom: 8px;}

.news{ padding-top: 80px; }
.news .tits{height: 40px;border-bottom: 1px solid #bababa;margin-bottom: 30px;margin-top: 45px;}
.news .tits span{ float: left;width: 730px; font-size: 22px;font-weight: bold;line-height: 22px;position: relative;}
.news .tits span:after{ position: absolute;width: 126px;height: 2px;left:0;top:39px;background: #0054ba;content: ""; }
.news .tits span img{ display: inline-block;width: 24px;height: 24px;margin-right: 12px;vertical-align: -3px; }
.news .tits span em{ float: right;font-size: 16px;line-height: 16px;color: #666666;font-weight: normal; }
.news .tits i{ float: right;width: 420px; font-size: 22px;font-weight: bold;line-height: 22px;position: relative;}
.news .tits i:after{ position: absolute;width: 126px;height: 2px;left:0;top:39px;background: #0054ba;content: ""; }
.news .tits i img{ display: inline-block;width: 25px;height: 22px;margin-right: 12px;vertical-align: -3px; }
.news .tits i em{ float: right;font-size: 16px;line-height: 16px;color: #666666;font-weight: normal; }
.dongt{ float: left;width:730px; }
.dongt dl{float:left;width:355px;margin-right: 20px;}
.dongt dt{font-size:0;line-height: 0;}
.dongt dt img{width:100%;}
.dongt dd{padding-top:24px;}
.dongt dd h4 a{line-height:22px;font-size:22px;color: #333333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;display: block;font-weight: normal;}
.dongt dd p{font-size:16px;color: #808080;line-height:28px;padding-top:12px;}
.dongt dl:last-of-type{margin:0;}
.dongt ul{margin-top: 16px;}
.dongt li{height:48px;line-height:48px;border-bottom: 1px dashed #cfcfcf;}
.dongt li a{font-size:16px;color: #1a1a1a;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;display: block;padding-left: 19px;background: url(../images/news_ic.jpg) no-repeat left 20px;}
.dongt li em{display: block;font-size:15px;color: #808080;float: right;font-family: Arial;}
.bk{float: right;width:420px;float: right;}
.bk dl{height: 121px;margin-bottom: 19px;}
.bk dt{ position: relative;display: block;width: 161px;height: 121px;overflow: hidden;float: left;}
.bk dt img{ display: block;width: 161px;height: 121px;}
.bk dd{float: right;width: 240px;}
.bk dd h4 a{ display: block;font-size:20px ;color: #000000;line-height: 20px;font-weight: normal;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;padding-top: 18px;}
.bk dd p{ display: block;padding-top: 14px;font-size:16px ;color: #808080;line-height: 28px;}
.dongt li:hover a,.dongt dl:hover dd h4 a,.bk dl:hover dd h4 a{color: #0054ba}


.abt{background: url(../images/abt_bg.jpg) no-repeat center center;height: 800px;box-sizing: border-box;padding-top:105px;margin-top: 60px;}
.abt h2{text-align: center;font-weight: normal;}
.abt h2 span{display: block;line-height: 42px;font-size:42px;color: #fff;font-weight: normal;background: url(../images/tit2.png) no-repeat center bottom;height: 65px;}
.abt h2 img{ display: block;width: 1106px;height: 115px;margin: 10px auto 0; }
.abt dd p{font-size: 16px;line-height: 33px;color: #ffffff;text-align: center;}
.abt .more{ display: block;display: block;width: 160px;height: 46px;text-align: center;border-radius: 6px;line-height: 44px; font-size: 18px;color: #fff;font-weight: bold;z-index: 20;border: 1px solid rgba(255,255,255,0.4);margin: 18px auto 0;transition:all 0.5s;}
.abt .more img{ display: inline-block;margin-left: 7px;width: 22px;height: 12px;vertical-align: -1px; transition:all 0.5s;}
.abt .more:hover{ transform:translateY(-5px);}
.abt .more:hover img{ margin-left:12px;}

.abt ul{ margin-top: 50px;text-align: center; }
.abt ul li{ width: 172px;height: 172px;position: relative;display: inline-block;margin: 0 15px; }
.abt ul li img{ display: block; width: 172px;height: 172px;display: block;position: absolute;left: 0;top:0;-webkit-transform: rotate(360deg);
    animation: rotation 5s linear infinite;
    -moz-animation: rotation 5s linear infinite;
    -webkit-animation: rotation 5s linear infinite;
    -o-animation: rotation 5s linear infinite; }
@-webkit-keyframes rotation{
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
  }

.abt ul li span{position: relative;z-index: 10;display: block;font-size: 22px;line-height: 22px;text-align: center;color: #ffffff;}
.abt ul li b{ display: block;font-size: 30px;line-height: 30px;font-weight: bold;text-align: center;padding-top: 56px;padding-bottom: 11px; }

@media screen and (max-width:1440px) and (min-width:1366px) {
    html {font-size:14px;}
}
@media screen and (max-width:1600px) and (min-width:1441px){
    html {font-size:16px;}
}
@media screen and (max-width:1920px) and (min-width:1601px)  {
    html {font-size:20px;}
}


@-webkit-keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown1 { -webkit-animation-name: fadeInDown1; animation-name: fadeInDown1 }
@-webkit-keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown2 { -webkit-animation-name: fadeInDown2; animation-name: fadeInDown2 }
@-webkit-keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft1 { -webkit-animation-name: fadeInLeft1; animation-name: fadeInLeft1 }
@-webkit-keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft2 { -webkit-animation-name: fadeInLeft2; animation-name: fadeInLeft2 }
@-webkit-keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight1 { -webkit-animation-name: fadeInRight1; animation-name: fadeInRight1 }
@-webkit-keyframes fadeInRight2 {
    from { -webkit-transform: translate3d(5%, 0, 0); transform: translate3d(5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight2 {
    from { -webkit-transform: translate3d(5%, 0, 0); transform: translate3d(5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight2 { -webkit-animation-name: fadeInRight2; animation-name: fadeInRight2 }
@-webkit-keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
@keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
.zoomLeft { -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
.zoomRight { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
@-webkit-keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp1 { -webkit-animation-name: fadeInUp1; animation-name: fadeInUp1 }
@-webkit-keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp2 { -webkit-animation-name: fadeInUp2; animation-name: fadeInUp2 }