body{ color:#333; font-size:14px;font-family: "Microsoft Yahei";} /*??????????*/
body,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,span,input{margin:0;padding:0;list-style:none;}
a { color:#333; text-decoration:none;font-family: "Microsoft Yahei";}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
/*a:hover { text-decoration:underline;}*/
img{border:none;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ font-family: "Microsoft Yahei"; }
h1,h2,h3,h4,h5,h6{ font-family:"Microsoft Yahei";}

.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
i,em{ font-style:normal;}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
.clearfix{zoom:1;}

.content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei";}
.footer{ background:#fff!important;}


.tit{text-align: center;font-weight: normal;font-size: 0;line-height: 0;}
.tit span{display:block;font-size: 40px;color: #333333;line-height: 40px;}
.tit i{display:block;font-size: 20px;text-align: center;line-height: 20px;color: #666666;margin-top:16px;position: relative;}
.tit i:after{ position: absolute;left:50%;top:40px;width: 169px;height: 24px;margin-left: -85px;content: ""; }

.search{height: 75px;border-bottom: 1px solid #efefef;box-shadow: 0 0 20px rgba(0,0,0,0.15);}
.search p{float: left;height: 75px;line-height: 75px;font-size: 14px;color: #666666;}
.search p b{ color: #444444;float: left;padding-left: 38px;background: url(../image/hot.png) no-repeat  6px 24px;}
.search p a{ font-size:14px ;display: block;float: left;color: #888888;line-height: 75px;margin: 0 16px 0 0;}
.search p a:hover{color: #024ca1;}
.s_box{float: right;margin-top:18px;width: 390px;height: 37px;background: 0;}
.s_box .input1{float:left;width:346px;height:37px;line-height: 37px;font-size:14px;color:#333;outline: 0;padding-left: 20px;background: 0;border:1px solid #d1d1d1;border-right: 0;box-sizing: border-box;background: #fff;}
.s_box .input2{float: left;width:38px;height: 37px;border: 0;background: url(../image/sea.png) no-repeat center;outline: 0;cursor: pointer;}



.yz{border-bottom: 1px solid #e4e4e4;height: 492px;overflow: hidden;}
.yz h2{text-align: center;font-weight: normal;font-size: 48px;line-height: 48px;padding-top: 90px;color: #333333;}
.yz p{ font-size:16px ;line-height: 30px;color: #999999;padding-top:40px ;text-align: center;}
.yz_z{ margin-top: 56px;}
.yz_z li{ float: left;color: #333333; padding: 0 90px;height: 80px;border-right: 1px solid #d6d6d6; }
.yz_z li:first-child{ padding-left: 0;}
.yz_z li:last-child{ border-right: 0;padding-right: 0;}
.yz_z li b{ display: inline-block; font-size: 64px; line-height: 55px; color: #333333; vertical-align: sub;font-family: Arial;text-align: center;}
.yz_z li i{ display: inline-block; width: 24px; height: 24px; line-height: 24px; font-size:16px ; color: #ffffff; border-radius: 12px; background: #f78703; margin-left: 2px;text-align: center;font-weight: bold;vertical-align: top;}
.yz_z li span{ display: block;font-size: 16px; line-height: 16px; color: #333333; font-weight:normal;text-align: left;padding-top:10px; }


.so{ padding-top: 112px;height: 925px;background: url(../image/so_bg.jpg) no-repeat center;box-sizing: border-box; }
.so .tit i:after{ background: url(../image/so_tit.png) no-repeat center; }
.so .so_con{ height: 576px;margin-top: 80px;}
.so .so_l{ float: left; width: 288px;height: 576px;box-shadow: 0 0 10px rgba(0,0,0,0.05);}
.so .so_l li a{ float: left; width: 144px; height:144px; background: #fff; text-align: center; font-size: 16px; color: #333333;border-right:1px solid #e5e5e5;box-sizing: border-box;border-bottom:1px solid #e5e5e5;display:block;}
.so .so_l li:nth-child(2n){ border-right: 0;}
.so .so_l li:nth-child(7),.so .so_l li:nth-child(8){ border-bottom: 0;}
.so .so_l li i{ width: 42px; height: 42px; margin:35px auto 13px;overflow: hidden;display: block; }
.so .so_l li i img{ display: block;width: 42px;height: 42px;transition: all 0.5s; }
.so .so_l li:hover i img:nth-child(1),.so .so_l li.cur img:nth-child(1){ margin-top: -42px; }
.so .so_l li:hover a,.so .so_l li.cur a{ background: #173d9d; color: #fff;font-weight: bold;}
.so .so_r{float: right;width: 900px;height: 576px;position: relative;}
.so .so_r dl{ position: relative; width: 900px;height: 576px;}
.so .so_r dt{ display: block;width: 900px;height: 576px;overflow: hidden; }
.so .so_r dt img{ display: block;width: 900px;height: 576px;transition: all 0.5s;}
.so .so_r dl:hover dt>img{transform: scale(1.05);}
.so .so_r dd{ position: absolute;left: 0;bottom: 0;height: 140px;background: rgba(0,0,0,0.35);width: 100%;padding: 0 30px;box-sizing: border-box; }
.so .so_r dd h3 a{ display: block;font-size: 24px;color: #fff;font-weight: bold;line-height: 24px;padding-top: 28px;margin-bottom:15px;  }
.so .so_r dd p{ float: left;font-size: 14px;line-height: 24px;color: #fff;width: 700px;}
.so .so_r dd .more img{ display: block;width: 90px;height: 30px;float: right;margin-top: 12px;transition: all .3s ease; }
.so .so_r dd .more img:hover{width:96px;}
.so .so_r .fprev{ position:absolute; left:0px; top:258px; width:62px;height:62px; background:url(../image/fprev.png) no-repeat;z-index: 100;}
.so .so_r .fnext{ position:absolute; right:0px; top:258px;   width:62px;height:62px; background:url(../image/fnext.png) no-repeat;z-index: 100;}


.fa{ padding-top: 102px; }
.fa .tit i:after{ background: url(../image/fa_tit.png) no-repeat center;width: 169px;height: 28px; }
.fa_con{ margin-top: 92px;height: 680px;background: url(../image/fa_bg.jpg) no-repeat center;  }
.fa_s{ height: 560px; padding: 150px 0 0;box-sizing: border-box; }
.fa_con h3{ display: block;font-size: 36px;line-height: 52px;color: #fff;font-weight: normal; }
.fa_con h4{ display: block;font-size: 22px;line-height: 50px;color: #fff;font-weight: normal;margin-top: 16px; height: 50px;border-top: 1px solid #d2daed;border-bottom: 1px solid #d2daed;width: 300px;letter-spacing: 1px;}
.fa_con p{ font-size: 20px;line-height: 40px;color: #ffffff; padding-top: 35px;}
.fa_t{ height: 264px;width:1312px;margin-left: -56px;box-sizing: border-box;box-shadow: 0 0 10px rgba(0,0,0,0.05);  background: #fff;padding-left: 56px;padding-top: 24px;position: relative;}
.fa_t li{ display: block;width: 176px;margin: 0 16px; float: left;transition: all 0.5s;}
.fa_t li i{ display: block;width: 176px;height: 176px;border-radius: 88px;border:1px solid #e0e0e0;box-sizing: border-box; }
.fa_t li i img{ padding-top: 35px;margin: 0 auto;display: block;width: 64px;height: 64px; }
.fa_t li em{ display: block;font-size: 24px;line-height: 24px;color: #000000;text-align: center;margin-top: 15px; }
.fa_t li span{ display: block;width: 34px;height: 34px;border-radius: 17px;background: #0058a2;margin: -17px auto 0;font-size: 20px;color: #ffffff;text-align: center;line-height: 34px;}
.fa_t li:hover i img{animation-duration: 2s;
    animation-name: flipInY;}
.fa_t li.cur span{background: #ffae00;  }


.case{ padding-top:280px ;background:url(../image/case_bg.jpg) no-repeat center;height: 1596px;box-sizing: border-box;}
.case .tit i:after{ background: url(../image/case_tit.png) no-repeat center;width: 169px;height: 23px; }
.case_con { margin-top: 84px; }
.case_con dl{width: 390px;float: left;height: 512px;margin-right: 15px;background: #fff;
box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);;margin-bottom: 35px;}
.case_con dl:nth-child(3n){ margin-right: 0;}
.case_con dt{ display: block; width: 390px;height: 292px;overflow: hidden;}
.case_con dt img{display: block; width: 390px;height: 292px;transition: all 0.5s;}
.case_con dl:hover dt img{ transform: scale(1.05);}
.case_con dl:hover {box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.25);}
.case_con dd{padding: 0 35px;height: 220px;}
.case_con dd h4 a{font-size: 18px;color:#333333 ;line-height: 18px;font-weight: normal;display: block;padding-top: 24px;}
.case_con dd p{font-size: 14px;line-height: 24px;color: #666666;padding-top: 17px;}
.case_con dd .more{display: block;width: 35px;height:35px ;margin-top:25px ;overflow: hidden;}
.case_con dd .more img{ display: block;width: 35px;height:35px ;transition: all 0.5s;}
.case_con dl:hover h4 a{ color: #0058a2; }
.case_con dl:hover .more img:nth-child(1){margin-top: -35px;}


.xad{ height: 363px;background: url(../image/xad_bg.jpg) no-repeat center; }
.xad .content{ position: relative;height: 363px; }
.xad .p1{ position: absolute; left: -10px;top:137px;}
.xad .p2{ position: absolute; left: 610px;top:90px;}
.xad p em{width: 100px;height: 100px;display: block;position: relative;overflow: hidden;}
.xad .p1 em img {width: 84px;height: 84px;display: block;border:7px solid #b0c7ec;}
.xad .p2 em img {width: 84px;height: 84px;display: block;border:7px solid #78b0de;}
.xad em:after{ display: block;position: absolute;left: 6px;top: 0;width: 85px;height: 40px;content: "";animation: light 5s infinite;-webkit-animation: light 5s infinite;background: url(../image/code_shadow2.png) no-repeat 0 0;}
    @keyframes light{
					0%{top:0;}
					50%{top:100%;}
					100%{top:-40px;}
				}    
.xad p span{ display:block;text-align:center;font-size:14px;color:#ffffff;line-height:27px;margin-top: 6px;} 
.xad p span i{ display:block;text-align:center;font-size:22px;color:#ffffff;line-height:27px;letter-spacing: 2px;} 
.xad .more{ display: block;width: 255px;background: #fb8f03;border: 1px solid #fb8f03;border-radius: 22px;-o-transition: all .3s ease;transition: all .3s ease;text-align: center;font-size: 16px;font-weight: 400;line-height: 44px;height: 44px;color: #fff;overflow: hidden;float: right;margin-right: 100px;margin-top: 270px;}
.xad .more img { display: inline-block; width: 34px; margin-right: 6px; vertical-align: -7px; -o-transition: all .3s ease; transition: all .3s ease }
.xad .more:hover img { margin-right: 10px }
.xad .more span{display: inline-block;font-size: 18px;
        color: #fff;font-weight: 400;margin-left: 4px;-o-transition: all .3s ease;transition: all .3s ease;line-height: 44px;}


.ys{ padding-top:150px ;}
.ys .tit i:after{ background: url(../image/ys_tit.png) no-repeat center;width: 169px;height: 26px; }
.ys1{ margin-top: 16px;height: 877px;background: url(../image/ys1.jpg) no-repeat center; }
.ys h3{ display: block;font-size: 36px;color: #000000;font-weight: bold;background: url(../image/ys_line.png) no-repeat bottom;width: 640px;margin: 0 auto; height: 94px;padding-bottom: 18px;padding-top: 120px;}
.ys h3 img{ display: inline-block;width: 149px;height: 94px; vertical-align: bottom;margin-right: 15px;}
.ys h3 b{ color: #fc7d12; display: inline-block;margin-left: 22px;}
.ys  p{ font-size: 16px;color: #666666;line-height: 30px;text-align: center;margin-top: 12px; }
.ys2 h3{ padding-top: 80px; }
.ys2 ul{ margin-top: 60px; }
.ys2 ul li{float: left;overflow: hidden;position: relative;}
.ys2 ul li img{width: 100%;display: block;transition: all 0.5s;}
.ys2 ul li:hover img{transform: scale(1.05);}
.ys2 ul li span{background: rgba(0,0,0,0.54) url(../image/fc_ico1.png) no-repeat center 20%;height:0%;position: absolute;left: 0;bottom: 0px;width: 100%;font-size: 18px;color: #fff;box-sizing: border-box;padding-top: 0px;text-align: center;transition: all 0.5s;display: block;} 
.ys2 ul li:hover span{ height: 40%;padding-top: 10%;box-sizing: border-box; }

.ys2 ul .is1{float: left;width: 20.46875% ;margin-right: 0.78125%;}
.ys2 ul .is2{float: right;;width: 19.9479%;margin-left: 0.625%;}
.ys2 ul .is3{float: left;width:28.75%;margin-right: 0.625%;}
.ys2 ul .is4{float: left;width:28.75%;}
.ys2 ul .is5{float: left;width:28.75%;margin-right: 0.625%;margin-top: 10px;}
.ys2 ul .is6{float: left;width:28.75%;margin-top: 10px;}

/*.ys3{height: 864px; }*/
.ys3 .content{position: relative;height: 864px;}
.ys3 h3{ padding-top: 100px; }
.ys3 h3{ padding-top: 100px; }
.ys3 dl{ position: relative; }
.ys3 dt img{ display: block;width: 100%; }
.ys3 dd{ position: absolute;left:0;top:0;width: 100%;height: 100%; }

.ys3 li{ width: 9.375%;position: absolute; }
.ys3 .ys_z1 li img{ display: block;width:100% ;animation: downup 1s infinite linear;
    -webkit-animation: downup 1s infinite linear;}
    
.ys3 .ys_z2 li img{ display: block;width:100% ;animation: downup 1.2s infinite linear;
    -webkit-animation: downup 2s infinite linear;}
    
.ys3 .ys_z3 li img{ display: block;width:100% ;animation: downup 1.4s infinite linear;
    -webkit-animation: downup 2s infinite linear;}
.ys3 li.c1{ left:19.68%;top:44.9%; }
.ys3 li.c2{ left:5.78%;top:53%;  }
.ys3 li.c3{ left:17.18%;top:57.98%;  }
.ys3 li.c4{ left:2.13%;top:66.08%;  }
.ys3 li.c5{ left:11.97%;top:69.90%;  }
.ys3 li.c6{ left:5.78%;top:80.32%;  }
.ys3 li.c7{ left:18.22%;top:82.10%;  }
.ys3 li.c8{ right:22.34%;top:44.9%; }
.ys3 li.c9{ right:8.22%;top:49.4%;  }
.ys3 li.c10{ right:17.5%;top:62.26%;  }
.ys3 li.c11{ right:5.4%;top:64.10%;  }
.ys3 li.c12{ right:16.77%;top:80.55%;  }
.ys3 li.c13{ right:7.08%;top:78.33%;  }

@keyframes downup { 0% { transform: translate(0, 0); } 50% { transform: translate(0, -8px); } 100% { transform: translate(0, 0); } }
    @-webkit-keyframes downup { 0% { -webkit-transform: translate(0, 0); } 50% { -webkit-transform: translate(0, -8px); } 100% { -webkit-transform: translate(0, 0); } }




.fw { padding-top: 100px; }
.fw .tit i:after{ background: url(../image/fw_tit.png) no-repeat center;width: 169px;height: 25px; }
.fw ul{ overflow: hidden; margin-top: 75px;}
.fw ul li{ float: left; width: 19.7%; margin-right: 0.37%; position: relative; border-radius: 8px; overflow: hidden; font-size: 0; line-height: 0;}
.fw ul li img{ display: inline-block; width: 100%;transition: all 0.3s linear 0s;}
.fw ul li:hover img{transform: scale(1.05);}
.fw ul li:last-of-type{ margin-right: 0;}
.fw ul li em{ display: inline-block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; color: #fff; font-size: 18px; padding-left: 9.5%; transition: all 0.2s;}
.fw ul li em i{ display: block; line-height: 100%; font-size: 34px; line-height: 100%; padding-top: 50px; padding-bottom: 19px;}
.fw ul li em span{ padding-bottom:26%;background: url(../image/fw_yuan.png) no-repeat left bottom; line-height: 100%;}
.fw ul li  .f_om{ display: none;}
.fw ul li:hover em{ display: none;}
.fw ul li:hover .f_om{ width: 100%; position: absolute; left: 0; top: 10%; height: 90%; background: rgba(0,62,169,0.8); text-align: center; color: #fff; display: block;animation-duration: 0.5s;animation-name: fadeInUp;}
@media screen and (min-width: 1200px) {.f_om h3{ padding-top: 15%;}}
@media screen and (min-width: 1800px) {.f_om h3{ padding-top: 25%;} }
.f_om h3 img{ width: auto;max-width: 79px;}
.f_om h3 i{ display: block; line-height: 100%; font-size: 36px; font-weight:normal; padding: 17px 0 13px 0;}
.f_om h3 span{ display: block; line-height: 100%; font-size: 18px; font-weight:normal; padding-bottom: 22px; position: relative; margin-bottom: 22px;}
.f_om h3 span:before{ content:""; position:absolute;height:1px;width:45px;left:42.5%;bottom:0; background:#fff;}
.f_om p{ font-size: 15px; line-height: 24px; margin: 0 6% 8%;}
.f_om h4{ margin: 0 auto; width: 45%; height: 42px; line-height: 42px; background: #fff; border-radius: 10px; color: #333333; font-size: 16px;font-weight: normal;transition: all .3s ease;}
.f_om h4:hover{ width:48%;}

.news{ padding-top: 100px;}
.news .tit i:after{ background: url(../image/news_tit.png) no-repeat center;width: 169px;height: 22px; }

.news_con{ margin-top: 93px; }
.news .bt{height: 42px;line-height: 42px;margin-bottom:20px;position: relative;}
.news .bt span a{font-size:24px;color: #4b4b4b;font-weight: bold;}
.news .bt i{font:12px arial;color: #999999;text-transform: uppercase;line-height: 42px;padding-left:10px;}
.news .bt:after{content: "";display: block;width:286px;height: 1px;background: #cccccc;position: absolute;left:224px;top:26px;}
.news .bt em a{float:right;font-size:14px;color: #666666;line-height: 42px;box-sizing: border-box;padding-top:4px;}
.dongt{float:left;width:568px;}
.dongt dl{overflow: hidden;border-bottom: 1px solid #ededed;margin-bottom: 15px;}
.dongt dt{font-size:0;line-height: 0;}
.dongt dt img {width:569px;height: 267px;}
.dongt dd{padding-top:18px;}
.dongt dd h4 a{display: block;height: 32px;line-height: 32px;font-size:20px;color: #333333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-weight: normal;}
.dongt dd p{font-size:14px;color: #808080;line-height: 24px;padding-top:10px;}
.dongt dd p a{color: #fb8f03;}
.dongt li{height: 36px;line-height: 36px;}
.dongt li a{font-size:14px;color: #666666;display:block;height:30px;}
.dongt li a:hover{color: #fb8f03}

.went{float:right;width:582px;}
.news .went .bt:after{content: "";display: block;width:215px;height: 1px;background: #cccccc;position: absolute;left:310px;top:26px;}
.went dl{height: 144px;border-bottom:1px solid #dcdcdc;margin-bottom:28px;}
.went dt{height: 30px;line-height: 30px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.went dt em{width:105px;height: 30px;display: inline-block;background: #fb8f03;text-align: center;line-height: 30px;font-size:16px;color: #fff;margin-right:15px;}
.went dt a{font-size:22px;color: #333333;}
.went dd {padding-top:10px;}
.went dd p {font-size:14px;color: #808080;line-height: 24px;}
.went dd a{color: #fb8f03;font-size:14px;}
.went ul{height: 220px;overflow: hidden;}
.went li a{display: block;height:36px;line-height:36px;font-size:14px;color:#666666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:url(../image/news_ic.png) no-repeat 570px 13px;}
.went li a:hover{background: url(../image/news_ich.png) no-repeat right;color: #fb8f03}
.wt_mo{font-size:0;line-height: 0;}
.wt_mo span a{float:right;width:172px;height: 157px;background: #173d96 url(../image/news_jia.png) no-repeat center 87px;text-align: center;line-height: 136px;box-sizing: border-box;font-size:18px;color: #fff;}


.abt{ background:url(../image/abt_bg.jpg) no-repeat center;height:705px;margin-top: 60px;}
.abt h2{text-align: center;font-weight: normal;font-size: 0;line-height: 0;padding-top: 142px;}
.abt h2 span{display:block;font-size: 43px;color: #fff;line-height: 43px;letter-spacing: 12px;font-weight: bold;}
.abt h2 i{display:block;font-size: 26px;text-align: center;line-height: 26px;color: #ffffff;margin-top:23px;position: relative;}
.abt p{ font-size: 14px;color: #ffffff;line-height: 28px;text-align: center;margin-top: 40px;opacity: 0.66; }
.abt .more{ display: block;width: 146px;height: 38px;line-height: 38px;border:1px solid #fff;border-radius: 19px;font-size: 14px;color: #fff;text-align: center;margin: 54px auto 0;    transition: all .3s ease; }
.abt .more:hover {width: 156px;}


.links{height: 70px;border-top: 1px solid #e5e5e5;}
.links p{float: left;height: 70px;line-height: 70px;font-size: 14px;color: #666666;}
.links p b{ color: #333333;float: left;padding-left: 47px;background: url(../image/link.png) no-repeat  13px 21px;font-size: 16px;font-weight: normal;}
.links p a{ font-size:14px ;display: block;float: left;color: #808080;line-height: 70px;margin: 0 0 0 40px;}