﻿@charset "utf-8";
/*初始样式*/
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 { 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{ word-spacing:-1.5px;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;}
/* -- 页面整体布局 -- */
.tit{background: url(../images/tt-s1.png) no-repeat center;}
.tit2{background: url(../images/tt-s2.png) no-repeat center;}


.content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei";}
.incont{ width:1254px; margin:0 auto;font-family: "Microsoft Yahei";}
.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:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s;}
.content-s{margin:0 auto;font-family: "Microsoft Yahei";width:1200px;}
/* -- 广告 -- */
.content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei";}
/*.banner{position:relative;margin:0 auto!important;margin-top:-34px;height:auto;max-width:1920px}
.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:0;left:0;z-index:1;box-sizing:border-box;padding:0 6.3%;width:100%;height:99px;border-top:1px solid rgba(255,255,255,.25);cursor:pointer}
.banner .hd ul{float:left;margin-top:36px;width:200px}
.banner .hd li{display:inline-block;margin:0 8px 0 0;width:20px;height:20px;border-radius:13px;background:0}
.banner .hd li i{display:block;margin:6px auto 0;width:8px;height:8px;border-radius:4px;background:#fff}
.banner .hd li.on{border:1px solid #454545}
.banner .hd li.on i{background:#00a2ff}
.banner .hd .next{float:right;display:block;margin-top:20px;width:48px;height:48px}
.banner .banMenu{position:absolute;bottom:35px;left:50%;z-index:5;margin-left:-12px;width:24px;height:35px;text-align:center}
.banner .banMenu:before{position:absolute;bottom:-15px;left:50%;margin-left:-5px;width:10px;height:7px;background:url(../images/ban_ic2.png) no-repeat center;content:""}
.banner .banMenu i{position:absolute;bottom:0;left:0;display:block;width:24px;height:35px;cursor:pointer}
.banner .banMenu i img{-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-webkit-animation:bounceY 2s infinite;-moz-animation:bounceY 2s infinite;-o-animation:bounceY 2s infinite;-ms-animation:bounceY 2s infinite;animation:bounceY 2s infinite}
@-moz-keyframes bounceY{0%,100%{-moz-transform:translateY(0);transform:translateY(0)}
50%{-moz-transform:translateY(-8px);transform:translateY(-8px)}
}
@-o-keyframes bounceY{0%,100%{-o-transform:translateY(0);transform:translateY(0)}
50%{-o-transform:translateY(-8px);transform:translateY(-8px)}
}
@keyframes bounceY{0%,100%{transform:translateY(0)}
50%{transform:translateY(-8px)}
}*/


.banner{position: relative; height:auto;clear: both;}
.banner img {display: block;width: 100%;margin:0 auto;}
.banner .slick-arrow {position: absolute;font-size: 0;top: 50%;z-index: 9; width: 80px; height: 80px; margin-top: -50px;border: 0; outline: none;cursor: pointer;transition:.8s;}
.banner .slick-prev {left: 3%; background:url(../images/lefts_1.png) no-repeat center center;opacity: 0;}
.banner .slick-next {right: 3%;background:url(../images/rights_1.png) no-repeat center center;opacity: 0;}   
.banner:hover .slick-prev { left: 5%; opacity: 0.8; }
.banner:hover .slick-next { right: 5%; opacity: 0.8; }
.slick-dots {position: absolute;left:5%; font-size:0;bottom:5%;width:90%;text-align: center;outline: none;z-index: 4;}
.slick-dots li {display: inline-block;margin: 0 8px; outline: none;}
.slick-dots li button {display: block;border: 0 none;width: 15px;height: 15px;border-radius: 15px;margin-right:12px; display: inline-block;outline: none;background: #fff; transition: .5s;}
.slick-dots .slick-active button {background: #3871c1;width: 60px;}



/**/
.h_tel{height: 80px;line-height: 80px;overflow: hidden;/*background: url(../images/s_bg.gif) no-repeat center 0;*/}
.h_tel p{float: right;color: #333;}
.h_tel p em{width: 31px;height: 31px;display: block;float: left;line-height: 0;padding: 24px 10px 0 0;font-family: "Microsoft Yahei";}
.h_tel p em img{width: 31px;height: 31px;}
.h_tel p b{font-size: 20px;font-family: "DINOT";padding: 0 10px;font-family: "Microsoft Yahei";}



/* -- 引子 -- */
.yz-1{height: auto; margin-bottom:50px}
.yz-1 h2{height: 130px;width: 588px;margin: 0 auto;padding-top: 77px;}
.yz-1 h2 em{font-size:48px;color:#1a1a1a ;display: block;font-weight: normal;position: relative;}
.yz-1 h2 em img{display: inline-block;height:90px ;width: 172px;    vertical-align: sub;margin-right: 12px;}
.yz-1 h2 em::after{position: absolute;height:40px;width:60px;display: block;content: "";right: 0;top:45px;background: url(../images/di.png) no-repeat;}
.yz-1 h2 span{font-size:18px;color:#333333;display: block;line-height:18px;font-weight: normal;padding-top: 20px;text-align: center;}

.fw1{margin-top:40px;}
.fw1 ul li{box-shadow: 0 0 20px rgba(0,0,0,0.1);transition: 0.35s;float: left;width:280px;position: relative;height:365px;background: #ffffff;text-align: center;border: 0px solid #eaebeb;box-sizing: border-box;}
.fw1 ul li i{overflow: hidden;display: block;}
.fw1 ul li img{width: 100%;display: block;transition: all 0.5s;}
.fw1 ul li:hover i img{transform:scale(1.1);}


.fw1 ul li span{margin-top:68px;display: block;font-size: 26px;font-weight:normal;line-height: 26px;color: #fff;}
.fw1 ul li span b{font-weight: bold;color: #005bac;display: inline-block;margin-right: 7px;}
.fw1 ul li .desc{display: block;font-size:12px;font-weight:normal;line-height:22px;color: #deefff;padding-top:14px;text-align: center; width:90%; margin:0 auto; }
.fw1 ul li::after{position: absolute;bottom: 0;width: 39px;height: 2px;background: #ffe400;content: "";left:44%;}

.fw1 ul li:hover{transform: translateY(-8px);}
.fw1 ul li:hover em{transform: rotateY(180deg);}

.fw1 ul li:last-of-type{margin-right: 0;}
@media screen and (max-width:1366px) {   
  .fw1 ul li em{top: 140px;left: 35%;}

}

@media screen and (min-width:1367px) and (max-width:1440px) {
  .fw1 ul li em{top: 150px;left: 37%;}
}

@media screen and (min-width:1441px) and (max-width:1660px) {
         
  .fw1 ul li em{top: 165px;}
          }  

/* -- 产品中心 -- */

.six_tit{font-size: 42px;color: #333;background: url(../images/six_tline.png) no-repeat center 12px;line-height: 42px;text-align: center;height: 92px;overflow: hidden;}
.six_tit a{color: #333;}
.six_tit a:hover,.six_tit:hover{color: #3484d4;}
.six_tit span{display: block;font-size: 20px;color: #666;font-weight: normal;padding: 8px 0 0;}

.cp_bg{padding: 0 0 90px;background: url(../images/cp_line.gif) repeat-x 0 188px;}
.chanp .six_tit{background: url(../images/cp_tline.png) no-repeat center 12px;}
.cp_nav{padding: 15px 0 30px;height: 90px;line-height: 90px;}
.cp_nav ul li{width: 133px;float: left;text-align: center;height: 90px;}
.cp_nav ul li a{font-size:17px;color: #333;display: block;height: 90px;line-height: 90px;}
.cp_nav ul li a:hover,.cp_nav ul li.cur a{background: url(../images/cpnav_line.png) no-repeat center bottom;}
.cp01{width: 892px;height: 426px;}
.cp01 a{display: block;width: 892px;height: 426px;position: relative;line-height: 0;overflow: hidden;}
.cp01 img{width: 892px;height: 426px;}
.cp01 h4{font-size:30px;color: #333;position: absolute;top: 130px;left:80px;line-height:40px;}
.cp01 h4 i{display: block;font-size: 14px;font-weight: normal;text-transform: uppercase;}
.cp01 span{display: block;font-size: 18px;color: #fff;width: 120px;height: 50px;line-height: 50px;background: #3484d4;overflow: hidden;border-radius: 30px;position: relative;margin-top: 40px;padding: 0 30px;font-weight: normal;}
.cp01 em{width: 18px;height: 10px;display: block; line-height:0; position: absolute;top: 18px;right: 30px;-webkit-transition:transform .3s;transition:transform .3s;}
.cp01 em img{width: 18px;height: 10px;}
.cp01 h4:hover em,.cp02:hover h4 em{-webkit-transform:translate(3px,0);transform:translate(3px,0);}
.cp02{width: 280px;height: 426px;}
.cp02 a{display: block;width: 280px;height: 426px;position: relative;line-height: 0;overflow: hidden;}
.cp02 img{width: 280px;height: 426px;}
.cp02 h4{font-size: 24px;color: #fff;position: absolute;bottom: 20px;left: 0;line-height: 40px;width: 280px;text-align: center;}
.cp02 em{width: 25px;height: 25px;display: block;position: absolute;top: 7px;right: 60px;-webkit-transition:transform .3s;transition:transform .3s;}
.cp02 em img{width: 25px;height: 25px;}


.cpcp3 {HEIGHT:300px; width:1320px;  margin:0 auto; position:relative;}
.cpcp3 .leftprole{ position:absolute; left:0; top:140px;CURSOR: pointer}
.cpcp3 .rightprore{ position:absolute; right:0; top:140px;CURSOR: pointer}



.cp03{padding: 25px 0 0; width:1200px; height:280px;  margin:0px auto 0; overflow:hidden}
.cp03 ul li{width: 300px;height: 280px;float: left;line-height: 0;position: relative;overflow: hidden;}
.cp03 ul li img{width: 280px;height: 280px;}
.cp03 ul li img,.shop_l ul li img,.shop_r dl dt img,.wd_m dd h5 img,.about dl dt img,.photo ul li img{
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.cp03 ul li img:hover,.shop_l ul li img:hover,.shop_r dl dt img:hover,.wd_m dd h5 img:hover,.about dl dt img:hover,.photo ul li img:hover
{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.cp03 ul li span{display: block;font-size: 16px;color: #333;height: 50px;line-height: 50px;position: absolute;bottom: 0;left: 0;width: 280px;text-align: center;}
.cp03 ul li:first-child{margin-left: 0;}

.cp03 ul li span {
  vertical-align: middle;z-index: 1;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  overflow: hidden;
}
.cp03 ul li span:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  bottom: -48px;
  background: #3484d4;
  height: 50px;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.cp03 ul li:hover span:before,.cp03 ul li span:focus:before,.cp03 ul li span:active:before {
  -webkit-transform: translateY(-48px);
  transform: translateY(-48px);
  border-radius: 30px 30px 0 0;
}
.cp03 ul li:hover span{color: #fff;}



/*优势*/
.cp_tit{font-size: 40px;color: #333;text-align: center;height: 85px;line-height: 40px;overflow: hidden;background: url(../images/cp_tline_1.png) no-repeat center 60px;}
.cp_tit a{color: #333;}
.cp_tit a:hover,.cp01 h3 a:hover{color: #3871c1;}
.cp_tit span{color: #333;display: block;font-size: 20px;font-weight: normal;padding: 3px 0 0;}

.ys_bg{background: url(../images/ys_bg.jpg) no-repeat center 0;height: 850px;padding: 82px 0 0;overflow: hidden;}
.yous{height: 750px;}
.yous .cp_tit{color: #fff;background: url(../images/ys_tline.png) no-repeat center 60px;}
.yous .cp_tit span{color: #fff;}
.ys_t{height: 143px;width: 672px;background: #fff;box-shadow: 0 3px 10px 3px rgba(0,0,0,0.1);position: absolute;top: 550px;left: 264px;z-index: 10;}
.ys_t ul li{font-size: 20px;color: #333;float: left;width: 168px;height: 123px;padding: 20px 0 0;position: relative;text-align: center;}
.ys_t ul li:before{content: "";width: 1px;height: 37px;background: #efefef;position: absolute;top: 50px;left: 0;z-index: -1;}
.ys_t ul li p{width:46px; height:46px; position:relative;margin: 0 auto;}
.ys_t ul li b{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transform: translateX(0) rotate(0deg);transform: translateX(0) rotate(0deg);-webkit-transition: all 0.35s ease-out;transition: all 0.35s ease-out;margin: 0 auto;}
.ys_t ul li em{position:absolute;width:100%;height:100%;top:0;left:0;opacity:1;visibility:hidden;-webkit-transform: scale(0.5);transform: scale(0.5);-webkit-transition: all 0.1s ease 0.2s;transition: all 0.1s ease 0.2s;margin: 0 auto;}
.ys_t ul li b img,.ys_t ul li em img{ display: block;width: 46px;height: 46px;}
.ys_t ul li span{display: block;padding: 10px 0 0;line-height: 22px;}
.ys_t ul li i{display: block;font-size: 12px;text-transform: uppercase;color: rgba(51,51,51,0.4);text-transform: uppercase;font-family:Arial, Helvetica, sans-serif;}
.ys_t ul li.on{background: #3871c1;color: #fff;font-weight: bold;z-index: 5;}
.ys_t ul li.on i{color: rgba(255,255,255,0.4);font-weight: normal;}
.ys_t ul li.on b{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}
.ys_t ul li.on em{visibility:visible;opacity:1;-webkit-transform:scale(1);transform:scale(1);}
.ys_t ul li:first-child:before{background: none;}
.yous dl{position: relative;height: 617px;background: #fff;margin-top: 48px;}
.yous dl dt{width: 960px;height: 617px;line-height: 0;overflow: hidden;position: absolute;top: 0;left: 50%;}
.yous dl dt img{width: 960px;height: 617px;}
.yous dl dd{width: 500px;float: left;padding: 135px 0 0 55px;}
.yous dl dd h5{height: 90px;border-bottom: #d6d6d6 2px solid;width: 500px;display: inline-block;font-size: 30px;color: #333;}
.yous dl dd em{width: 46px;height: 46px;display: block;float: left;line-height: 0;margin: 6px 15px 0 0;}
.yous dl dd em img{width: 46px;height: 46px;}
.yous dl dd span{display: block;float: left;line-height: 32px;}
.yous dl dd i{display: block;font-size: 16px;font-family:Arial, Helvetica, sans-serif;text-transform: uppercase;}
.yous dl dd b{width: 60px;height: 50px;display: block;float: right;line-height: 0;}
.yous dl dd b img{width: 60px;height: 50px;}
.yous dl dd p{font-size: 16px;color: #333;padding: 20px 0 0;line-height: 30px;}



/*案例*/
.case_bg{background: #f6f6f6;overflow: hidden;padding: 85px 0 60px;}
.case .cp_tit{background: url(../images/case_tline.png) no-repeat center 60px;}
.case_nav{padding: 40px 0 0;height: 70px;border-bottom: #eaeaea 2px solid;}
.case_nav ul li{float: left;height: 70px;padding: 0 41px;line-height: 70px;position: relative;}
.case_nav ul li:before{content: "";width: 7px;height: 1px;background: #bebebe;position: absolute;top: 35px;left: 0;}
.case_nav li a{ font-size:20px; color:#333;display:block; float:left;position: relative;vertical-align: middle;text-align: center;height: 70px;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;}
.case_nav li a:before {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  right: 100%;
  bottom: -2px;
  background: #3871c1;
  height: 2px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.case_nav li a:hover:before,.case_nav li.cur a:before {
  right: 0;
}
.case_nav li.cur a,.case_nav li a:hover{font-weight: bold;}
.case_nav ul li:first-child:before{background: none;}
.case_m{width: 1200px;overflow: hidden;padding: 40px 0 0;}
.case_m dl{width: 390px;float: left;padding:0 5px;}
.case_m dl dt{width: 390px;height: 292px;line-height: 0;overflow: hidden;}
.case_m dl dt img{width: 390px;height: 292px;}
.case_m dl dd{width: 330px;height: 110px;background: #fff;padding: 10px 30px 0;position: relative;}
.case_m dl dd h5{height: 30px;line-height: 30px;overflow: hidden;}
.case_m dl dd h5 a{font-size: 16px;color: #000;display: block;width:290px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.case_m dl dd h5 a:hover{color: #3871c1;}
.case_desc{font-size: 14px;color: #666;line-height: 24px;height: 48px;overflow: hidden;width: 275px;padding: 5px 0 0;}
.case_m dl dd span{width: 30px;height: 30px;display: block;line-height: 0;position: absolute;top: 40px;right: 30px;}
.case_m dl dd span img{width: 30px;height: 30px;}
.case_m dl dd span a{-webkit-transition:transform .3s;transition:transform .3s; display:block;width: 30px;height: 30px;line-height: 0;border-radius: 50%;}
.case_m dl dd span a:hover{-webkit-transform:translate(0,-3px);transform:translate(0,-3px);box-shadow: 0 3px 5px 3px rgba(0,0,0,0.1);}
.case_bot{padding: 40px 0 0; display: flex; justify-content: center; align-content: flex-end;}
.case_bot ul li{background:#f6f6f6;width: 7px;height: 7px;float: left;margin: 0 10px; cursor: pointer;text-indent:-99999px;border-radius: 50%;border: #cbcbcb 2px solid;}
.case_bot ul li.on{border: #3871c1 2px solid;}

/*定制流程*/
.liuc{background: url(../images/liuc_bg.jpg) no-repeat center 0;height: 355px;overflow: hidden;}
.liuc h4{font-size: 30px;color: #1a1a1a;height: 90px;line-height: 28px;position: relative;padding: 0 0 0 20px;}
.liuc h4 i{display: block;font-size: 12px;text-transform: uppercase;font-weight: normal;color: rgba(51,51,51,0.3); font-family:Arial, Helvetica, sans-serif;}
.liuc h4:before{content: "";width: 6px;height: 38px;background: #0445a7;position: absolute;top: 5px;left: 0;}
.liuc ul li{font-size: 16px;color: #333;float: left;position: relative;height: 130px;padding: 10px 0 0 30px;width: 117px;line-height: 26px;}
.liuc ul li:before{content: "";width: 1px;height: 100%;background: #dfdfdf;position: absolute;top: 0;left: 0;}
.liuc ul li:after{content: "";width: 0;height: 0;position: absolute;top: 50%;left: 0;margin-top: -8px;
border-left:8px solid #dfdfdf; 
border-top:8px solid transparent;
border-bottom:8px solid transparent;
}
.liuc ul li em{width: 38px;height: 36px;display: block;line-height: 0;overflow: hidden;margin-bottom: 10px;}
.liuc ul li em img{width: 38px;height: 36px;}
.liuc ul li i{display: block;font-size: 12px;text-transform: uppercase;font-weight: normal;color: rgba(51,51,51,0.5); font-family:Arial, Helvetica, sans-serif;}
.liuc ul li:hover{font-weight: bold;}
.liuc ul li.liuc_li02{width: 140px;}



/*广告条*/
.ban01{padding:60px 0 0;}
.ban01_tel{width:450px; height:50px; margin:0 auto; background:#3484d4; line-height:50px; color:#FFF; text-align:center; font-size:24px; font-weight:600; border-radius:20px;}


/*新闻资讯*/
.nswsbox{font-family:"Microsoft Yahei";line-height: 24px;font-size: 14px;clear: both;color: #666;padding:50px 0 100px;position: relative;overflow: hidden;background: #fff;}
.nswsbox .til01{height: 128px;}
.news{width:511px;}
.faqs{width:598px;}
.news_t{height: 64px;line-height: 64px;overflow: hidden;position: relative;}
.news_t:before{content: "";width: 100%;height: 1px;background: #e6e6e6;position: absolute;bottom: 0;left: 0;}

.new_t{font-size:20px;height:40px;line-height:40px;position: relative;border-bottom: 1px solid #0064ac;margin-bottom:25px;}
.new_more{display: block;color: #666;text-transform: uppercase;font-size: 16px;line-height: 22px;}
.new_t span{float: left;padding-right: 58px;position: relative;}
.new_t span a{display: block;color: #0064ac;background:url(../images/new_ico2.gif) no-repeat 0 8px;padding-left: 33px;}
.news .new_t span a{background:url(../images/new_ico1.gif) no-repeat 0 8px;}
.new_t span.cur a,.new_t span a:hover{font-weight: bold;}

.news_c dt,.news_c dt img{width:511px;height:283px;display: block;overflow: hidden;}
.news_c dd{padding: 20px 0 0;height: 104px;border-bottom: 1px solid #cdcdcd;margin-bottom: 16px;}
.news_c dd h3{color: #333;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;display: block;font-size: 16px;height: 44px;line-height:28px;}
.news_c dd h3 span{font-weight: normal;font-size: 16px;float: left;width:81px;line-height: 28px;background: #1061cb;border-radius: 14px;margin:0 16px 0 0;text-align: center;color: #fff;}
.news_c dd h3 a{color: #333;display: block;}
.news_c dd p a,.news_c dl:hover h3 a{display: inline-block;color: #1061cb;}
.news_c li,.faqs_c li{height:34px;line-height: 34px;padding: 0 0 0 24px;position: relative;}
.news_c li span,.faqs_c li span{float: right;color: #999;}
.faqs_c li{background:url(../images/ico04.gif) no-repeat 0 15px;padding-left: 13px;}
.news_c li a,.faqs_c li a{color: #666;display: block;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.news_c li:before{content: "2";position: absolute;width:16px;height:16px;background:#17191d;left: 0;top:8px;color: #fff;line-height: 16px;text-align: center;font-size: 12px;}
.news_c li:nth-child(1):before{content: "1";background: #1061cb;}
.news_c li:hover a,.faqs_c li:hover a{color: #1061cb;text-decoration: underline;}
.faqs_c{height: 316px;margin-bottom:35px;overflow: hidden;}
.faqs_c dl{height: 159px;;overflow: hidden;margin-bottom: 19px;border-bottom: 1px solid #e8e8e8;}
.faqs_c dt{display: block;font-size: 16px;line-height:32px;height:48px;font-weight: bold;}
.faqs_c dt a{color: #424242;}
.faqs_gg{height: 130px;background: #0064ac;}
.faqs_gg p,.faqs_gg p img{width: 461px;height: 130px;display: block;overflow: hidden;float: left;}
.faqs_gg span{width: 137px;float: left;font-size: 22px;line-height: 28px;text-align: center;background:url(../images/ico05.png) no-repeat center 73px;}
.faqs_gg span a{display: block;color: #fff;padding: 40px 0;}




/*公司简介*/
.in_about{ width:100%; height:469px; margin:0 auto; background: url(../images/jjbg.jpg) no-repeat center 0; padding-top:80px}
.in_about .main{ width:1200px; height:auto; margin:0 auto;}
.in_about .main .title{}
.in_about .main .contenta{}
.in_about .main .contenta .leftimg{ width:525px; height:360px; display:block; float:left; overflow:hidden}
.in_about .main .contenta .leftimg img{ width:525px; height:360px;transform: scale(1);transition: all 1s ease-out;}

.in_about .main .contenta .righttxt{ width:1200px; height:auto; display:block; text-align:center}
.in_about .main .contenta .righttxt h1{ font-size:28px; color:#fff; font-weight:bold; line-height:35px; margin-top:15px; margin-bottom:15px} 
.in_about .main .contenta .righttxt .txt{ height: auto; display:block; overflow:hidden; font-size:16px; line-height:30px; color:#fff;}
.in_about .main .contenta .righttxt .txt *{font-size:16px; line-height:30px; color:#fff;}
.in_about .main .contenta .righttxt .more{margin:35px auto 0 auto; width:400px;}
.in_about .main .contenta .righttxt .more a{ width:160px; height:40px; display:block; float:left; margin-right:24px; text-align:center; line-height:40px; background:#0651a2; color:#ffffff; font-size:16px;border-radius:5px}
.in_about .main .contenta .righttxt .more a.a1{ width:160px; height:40px; display:block; float:left; text-align:center; line-height:40px; background:#ca0000; color:#ffffff; font-size:16px;border-radius:5px}
.in_about .main .contenta:hover .leftimg img{transform: scale(1.2);}



/* -- 表单 -- */
.bds{height:447px;background: url(../images/bd-bg.jpg) no-repeat center;}
.bd1{padding-top: 107px;overflow: hidden;}
.bd_l{float: left;width:640px;height: 149px;}
.bd_l h2{text-align: center;padding-top: 34px;}
.bd_l h2 em{font-size:48px;color:#ffffff;display: block;line-height:48px;font-weight:bold;}
.bd_l h2 span{font-size:24px;color:#ffffff;display: block;line-height:24px;font-weight: normal;padding-top:16px;text-align: center;}


.zx_r{height:150px;width:488px;float: right;}
.zx_r ul{overflow: hidden;}
.zx_r li{height:45px;width:226px;border: 1px solid #ffffff;float: left;line-height:44px;box-sizing: border-box;border-radius: 5px;}
.zx_r .xm{margin-right:11px;height:45px;width:226px;}
.zx_r li input{border: none;background: none;height:44px;width:210px;font-size: 15px;color: #ffffff;padding-left:14px;background: url(../images/x_01.png) no-repeat 205px 17px;}
.zx_r .dh{height:45px;width:251px;}
.zx_r .dh input{border: none;background: none;height:44px;width:235px;font-size: 15px;color: #ffffff;padding-left:14px;background: url(../images/x_01.png) no-repeat 230px 17px;}
.zx_r .ly{height:91px;width:389px;margin-top: 10px;}
.zx_r li textarea{
  font-size: 15px;
  font-weight: normal;
  color: #ffffff;
  display: block;
  padding-left: 14px;
  background: none;
  padding-top: 13px;
  width: 373px;
  height: 75px;
}
.form-btn-reset{display: none;}
.zx_r .form-btn-submit{height: 91px;width:88px;cursor: pointer;font-size: 15px;color: #141414;display: block;font-weight:normal;background:url(../images/tj-1.png) no-repeat center;text-align: center;float: left;margin-top:10px;border: none;    margin-left: 11px;line-height: 125px;}

.xad_s{ margin-top: 56px; }
.xad_s p{ float: left;margin-left:331px;margin-right: 45px;position:relative; }
.xad_s p span img{animation: downup 1s infinite linear;-webkit-animation: downup 1s infinite linear;position:absolute;left:0;}
	
@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); } }

.xad_s p strong {display: block;font-size: 38px;color: #fff;line-height: 38px;float: left;font-family: Arial; font-weight: bold;margin-left:90px;}
.xad_s p strong i{ font-size: 13px;color: #fff;line-height: 14px; display: block;padding-bottom:7px;font-weight: normal;}
.xad_s p:hover span img {animation-duration: 2s;animation-name: flipInY;}
.xad_s .more{ display: block;font-size: 20px;color: #fff;text-align: center;width: 195px;height: 51px;background: #0076d6;border-radius: 30px;line-height: 51px;float: left;}
.xad_s .more img{display: inline-block; margin-left: 12px; width: 18px;-o-transition: all .3s ease;transition: all .3s ease;}
.xad_s .more:hover img {margin-left: 16px;}







@media screen and (min-width: 1263px) {
    html {
      font-size: calc(1263px * 20 / 1903);
    }
  }
  @media screen and (min-width: 1349px) {
    html {
      font-size: calc(1349px * 20 / 1903);
    }
  }
  @media screen and (min-width: 1463px) {
    html {
      font-size: calc(1463px * 20 / 1903);
    }
  }
  @media screen and (min-width: 1543px) {
    html {
      font-size: calc(1543px * 20 / 1903);
    }
  }
  @media screen and (min-width: 1583px) {
    html {
      font-size: calc(1583px * 20 / 1903);
    }
  }
  @media screen and (min-width: 1643px) {
    html {
      font-size: calc(1643px * 20 / 1903);
    }
  }
  @media screen and (min-width: 1663px) {
    html {
      font-size: calc(1663px * 20 / 1903);
    }
  }
  @media screen and (min-width: 1903px) {
    html {
      font-size: calc(1903px * 20 / 1903);
    }
  }




