@charset "utf-8";
html,body{height:100%; padding:0px; margin:0px;min-width: 1200px;font:14px 微软雅黑;color:#444;}
a { text-decoration: none; outline: none; color: #666; transition: 0.2s; }
p{text-align: justify;text-justify:inter-ideograph;margin: 0;}
li {list-style-type: none; vertical-align: top; margin: 0;padding:0;}
ul {margin: 0;padding: 0;}
img{
    margin: 0;
    padding: 0;
    border: 0; 
    vertical-align: top;
    -webkit-filter: blur(6px);
    filter: blur(6px);
}
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; margin: 0;padding: 0}
dl,dt,dd{padding: 0;margin:0;}
i,em{font-style: normal;}

.fl {float:left;}
.fr {float:right;}
.clear{clear:both;}
.w0{width: 100%;}
.w1200{width: 1200px;margin:0 auto;}
.w1140{width: 1140px;margin:0 auto;}

/*header start*/
.topWrap {background:#fff;position: relative;z-index: 9999999 }

.twz { background: #ececec; height: 40px; color: #666666; line-height: 40px; font-size: 14px;}
.twz a { display: inline-block;  color: #666666; position: relative;padding:0 0 0 20px; }
.h_nr { height: 110px;padding:20px 0; box-sizing: border-box;}
.logo {overflow: hidden; box-sizing: border-box; float: left;}
.h_nr .logo_txt {font-size: 18px; color: #666666;  text-align: left; line-height: 33px;font-weight: normal;margin-top: 0px;margin-left: 24px;float: left;padding-left: 30px;background: url(../images/logo_txt.png) no-repeat left 7px;font-size: 17px}
.h_nr .logo_txt i{font-weight: bold; font-size:22px; color: #005ec0; display: block; line-height: normal;padding-top: 8px}
.h_nr .sc{margin-top: 5px;height:52px; padding-left: 58px; background: url(../images/tel.png) no-repeat left 3px; float: right; box-sizing:border-box;  font-size: 14px; color:#333333; position: relative;}
.h_nr .sc i{line-height: 160%}
.h_nr .sc p {overflow: hidden; color: #333333;font: 28px "Arial";  font-weight: bold; line-height: 28px;}
.nav {height: 60px; background: #31343a;}
.nav > ul{  height: 60px; width: 1200px;margin:0 auto;}
.nav > ul > li { float: left;font-size: 18px; position: relative;z-index: 999;}
.nav > ul > li > a {height: 60px;line-height: 60px; display: block; position: relative;z-index: 2; color: #ffffff;box-sizing: border-box;width: 200px;text-align: center;}
.nav > ul > li:before{content:'';position:absolute;height:100%;width:1px;background:#4c4e53;background-size:100%; top:0;right:0;}
.nav > ul > li:after{content:'';position:absolute;height:0%;width:100%;background:#005ec0;bottom:0;left:0;-webkit-transition:height .5s;transition:height .5s;color: #fff; z-index: 1;;}
.nav > ul > li:hover:after,.nav >ul > li.cur:after{height:100%;color: #fff;z-index: 1;}
.nav > ul > li > a:hover, .nav .cur a { font-weight: bold; text-decoration: none;  color: #fff; }
.nav > ul > li.nones:before{background: none;}
.nav > ul .erji{position: absolute;top: 60px;width: 100%;z-index: 999999999;display: none;}
.nav > ul .erji li{background:rgba(0,0,0,0.5);border-bottom:1px solid #444;height: 50px;line-height: 50px;font-size: 16px;text-align: center;}
.nav > ul .erji li a{color: #fff}
.nav > ul > li:hover .erji{display: block;}
.nav > ul > li:hover .erji li a{display: block;}
.nav > ul > li:hover .erji li:hover {background: #005EC0}

/*banner start*/
html,body,figure{padding:0;margin: 0}
#viewport-shadow {position: relative;width: 100%;}

#viewport, #box, .slide {width: 100%!important;height: 600px!important;}
.slide{background-size: 1920px 600px!important;}
#viewport {overflow: hidden;}
.slide img {display: block;position: relative;z-index: 1;height: auto;width: 100%;border: 0;}

/* line 66, sass/screen.scss */

#next, #prev {
  position: absolute;
  top: calc(50% - 40px);
  width: 40px;
  height: 60px;
  background: transparent url(../images/themes.gif) no-repeat left top;
  display: block;
  -webkit-transition: background .4s;
  -moz-transition: background .4s;
  transition: background .4s;
  z-index: 999
}

#prev {left: 50px;}
#next{background: transparent url(../images/themes.gif) no-repeat right top;right: 50px;}
#effect-switcher h2 {border-bottom: solid 1px #555;margin: 0 0 10px;}
#effect-list {overflow: hidden;}
#effect-list li {display: inline;}
.effect, .effect:hover {display: block;float: left;margin: 0 10px 0 0;border: solid 1px black;border-radius: 7px;padding: 10px 12px 6px;color: #ccc;text-decoration: none;background-color: #555;-webkit-box-shadow: inset 0px 0px 8px #000;-moz-box-shadow: inset 0px 0px 8px #333;box-shadow: inset 0px 0px 8px #333;}
.effect.current, .effect:hover.current {color: #2edbac;}
#time-indicator {width: 0px;height: 3px;background-color: #2edbac;position: absolute;top: 650px;left: 140px;}
#credits {margin: 20px 0 40px;padding: 10px 0 0;color: #555;font-size: .9em;}
#credits p{line-height:24px}

@media (max-width: 768px) {
  .slide{background-size: 768px 260px!important;}
  #viewport{overflow: hidden;}
  #viewport, #box, .slide{width: 100%!important;height: 260px!important;}
}

.tit01{font-size: 40px; text-align: center; font-family: "Microsoft YaHei";color: #333333;font-weight:bold;}
.tit01 a{color: #333333; }
.tit01 p{ font-weight: normal; display: block;font-size: 18px;color: #666666; line-height: 36px;text-align: center;}

/*product start*/
.indexMain{position:relative; padding:50px 0 40px; background:#fff;}
.indexMain .product{ position:relative; z-index:10;}
.leftNav{ width:270px; background-color:#005EC0;}
.leftNav .t{ height:110px; text-align:center;}
.leftNav .t .div1{ color:#fff; font-size:33px; font-weight:700; padding-top:15px;}
.leftNav .t .div2{ color:#95c9ff; font-size:15px;text-transform:Uppercase; padding-top:5px;}
.leftNav .classUl{ width:258px; margin:auto; background-color:#fbfbfb;padding: 10px 0 30px 0;}
.leftNav .classUl > li{ margin-top:20px;position: relative;}
.leftNav .classUl > li a.a1{ display:block; height:45px; line-height:45px;  background-color:#211C18; color:#fff; border-radius:40px; width:85%; margin:auto; position:relative; font-size:15px;}
.leftNav .classUl > li a.a1 span{ padding-left:25px;}
.leftNav .classUl > li a.a1 em{ display:block; position:absolute; height:20px; width:20px; background:url(../images/sanjiao.png) center center no-repeat;right:20px; top:50%; margin-top:-10px; }
.leftNav .classUl > li.active a.a1,.leftNav .classUl li a.a1:hover{ background-color:#F5821F; }
.leftNav .classUl > li a.a2{ display:block; margin-left:45px; height:40px; line-height:40px; font-size:13px; color:#666; margin-top:5px; border-radius:30px; background-color:#fff; width:190px; }
.leftNav .classUl > li a.a2 span{ padding-left:20px;}
.leftNav .classUl > li a.a2:hover{ background-color:#211C18; color:#fff;}
.leftNav .classUl > li a.a1.a1_noto{ background-color:#fff; color:#666;border: 1px solid #dfdfdf}
.leftNav .classUl > li a.a1.a1_noto:hover{ background-color:#211C18; color:#fff;}

.leftNav .classUl li .erji{display:none;position: absolute;top: 0px;left: 220px;width: 180px;background: #ddd;z-index: 9999;padding: 10px 0 10px 20px;}
.leftNav .classUl li:hover .erji{display: block;}
.leftNav .classUl li .erji li{line-height: 30px}
.leftNav .classUl li .erji li:hover a{color: #005EC0}


.leftNav .leftNav_bottom{ text-align:center; padding:25px 0 30px;}
.leftNav .leftNav_bottom .div1{ font-size:24px; font-weight:700; color:#F5821F;padding:7px 0;}
.leftNav .leftNav_bottom .div2{ font-size:13px; color:#fff; position:relative; }
.leftNav .leftNav_bottom .div2 span{ display:inline-block; padding:0 20px; background-color:#005EC0; position:relative; z-index:2;}
.leftNav .leftNav_bottom .div2 em{ display:block; width:206px; position:absolute; z-index:1; height:0; border-bottom:1px solid #fff; left:50%; top:50%; margin:auto auto auto -103px;}
.leftNav .leftNav_bottom .div3{ color:#fff; font-size:14px; padding-top:25px;}
.leftNav .leftNav_bottom .div4{ color:#fff; font-size:30px; font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;}

.prdListBox{}
.pr_top{width:912px;height:160px;background:url(../images/protopimg.jpg) no-repeat center;margin-bottom:20px;margin-left:15px;}
.productList{ overflow:hidden; width:930px;position:relative;}
.productList ul li{margin:0 0 15px 15px; float:left; position:relative; overflow:hidden; } 
.productList ul li .boxa{ display:block; cursor:pointer; width:290px; margin:auto; position:relative; border:2px solid #ececec;padding-bottom:2px;}
.productList ul li .boxa img{width:270px;height:202px;position:relative;background-position:center center; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover; background-size:cover; margin:10px 10px 0px;}
.productList ul li .aB{ width:100%;height:70px; position: absolute; background: rgba(0,0,0,0.5); overflow: hidden; left: 0; top:-70px; z-index: 5;-moz-transition: all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s;transition:all 0.3s; }
.productList ul li .aB .m{ display:block; float:left; width:90px; text-align:center; line-height:35px; height:35px; background-color:#005EC0; color:#fff; font-size:14px; margin-left:41px; margin-top:17px; border-radius:35px;}
.productList ul li:hover .aB{ top:0;}
.productList ul li .spanT{ display:block; z-index:10;line-height:16px; margin:5px; text-align:center;color:#666; font-size:16px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.productList ul li .spanT:hover{ color:#e0222c;}
.product_time{ display:block; position:relative; line-height:30px; text-align:center;}
.product_time span{ display:inline-block; padding:0 20px; color:#b7b7b7; font-size:13px; background-color:#fff; position:relative; z-index:10;}
.product_time em{ display:block; position:absolute; z-index:1; left:50%; top:50%; height:0; border-top:1px solid #ddd; width:166px; margin-left:-83px;}

/*产品优势*/
.g_cpys{ height:938px; background:url(../images/cpysbg.jpg) no-repeat center top; padding-top:170px;font-family:"Microsoft Yahei";box-sizing: border-box; position: relative; }
.g_cpys h2{margin-bottom: 50px; color: #fff;}
.g_cpys h2 b{color: #005EC0; font-size: 54px;}
.g_cpys h2 p{color: #fff;}
.cpys {width:1200px;margin:0 auto; height: 480px;position: relative;}
.cpys  li{width:360px;position: absolute; }
.cpys  li em{height: 73px;width:73px; float: left;overflow: hidden;position: relative;margin-right: 10px;}
.cpys  li em img{position: absolute;left:0;top:0;}
.cpys  li h4{font-size: 31px; color: #fff; font-weight: normal;line-height: 42px;float: left;}
.cpys  li h4 p{ font-size: 19px; color: #ffffff;}
.cpys  li:nth-child(1){left:0;top:230px;}
.cpys  li:nth-child(2){left:260px;top:0px;}
.cpys  li:nth-child(3){left:755px;top:0px;}
.cpys  li:nth-child(4){left:940px;top:230px;}
.cpys  li em img{-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.cpys  li:hover em img{top: -73px;}

/*简介*/
.company{background: url(../images/comimg.jpg) no-repeat center;padding: 60px 0 50px}
.company .tit01{color: #fff}
.company .tit01 p{color: #abb7c4}
.company dl{padding:40px 0 30px 0;}
.company dl dt{width:600px;overflow: hidden;float: left;}
.company dl dt img{width: 100%;display: block;}
.company dl dd{width: 502px; float: right;; }
.company dl dd h3{color: #fff;font-size: 30px;margin:25px 0 20px;font-weight: bold;}
.company dl dd h3 em{display: block;font-size: 20px;color: #abb7c4; line-height: 52px; font-weight: normal;}
.company dl dd p{font-size: 15px; color: #fff; line-height: 180%;text-align: justify;text-indent: 2em;}
.company dl dd span{display: block;height:84px;line-height: 84px;background:url(../images/qmbg.jpg) no-repeat; font-size: 16px;color: #666666;padding-left: 154px;box-sizing: border-box;}
.company dl dd span img{display: inline-block;vertical-align: middle;}
.company .more{width:167px;height:47px;line-height: 47px;padding-left:30px;display: block;background:#f6821f url(../images/pro_btn.png) no-repeat 102px center; font-size: 14px;color: #fff;box-sizing: border-box;-webkit-transition: .3s;-moz-transition: .3s;transition: .3s;margin-top: 25px}
.company .more:hover {background:#f5821f url(../images/pro_btn.png) no-repeat 112px center;}

/*应用领域*/
.fieldbg{background: url(../images/casebg.jpg) no-repeat center top;height: 1120px;}

.g_field{ padding-top:205px;font-family:"Microsoft Yahei";box-sizing: border-box; position: relative;}
.g_field h2{margin-bottom: 45px; }
.fieldtit{height: 85px;width:1200px; box-sizing: border-box; margin:0 auto 48px;}
.fieldtit li{width:150px; height: 85px;float: left; font-size:18px; color: #333333;text-align: center;box-sizing: border-box;position: relative;border-right: 1px solid #cccccc;}
.fieldtit li em{display: block;background:#31343a;border-radius: 100%; width: 51px; height: 51px; overflow: hidden; position: relative;margin:0 auto 10px;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s; }
.fieldtit li em img{height:51px; display: block;}
.fieldtit li a{color: #333333; text-decoration: none; }
.fieldtit span{width:150px; height: 85px;float: left; font-size:18px; color: #333333;text-align: center;box-sizing: border-box;position: relative;}
.fieldtit span em{display: block;background:#31343a;border-radius: 100%; width: 51px; height: 51px; overflow: hidden; position: relative;margin:0 auto 10px;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s; }
.fieldtit span em img{height:51px; display: block;}
.fieldtit span a{color: #333333; text-decoration: none; }

.fieldtit li.cur a,.fieldtit li:hover a{color: #005EC0;font-weight: bold;}
.fieldtit li:hover em,.fieldtit li.cur em{background:#005EC0;}
.field {width:100%;height:525px; position: relative;margin:0 auto;overflow: hidden;}
.field  dl{width:467px;height:410px;position: relative;margin-right: 17px;float: left;background: #fff;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.field  dl a{text-decoration: none;}
.field  dl dt{width: 467px;overflow: hidden;}
.field  dl dt img{width: 467px;height: 351px; display: block;}
.field  dl dd{padding:12px 55px 0;text-align: center;}
.field  dl dd h4{font-size: 17px; color: #333333; font-weight: normal;line-height: 35px;margin-bottom: 10px;}
.field  dl dd h4 a{color: #333333;}
.field  dl dd p{ font-size: 14px; color: #666666; line-height: 24px;}
.field  dl:hover{background: #005EC0;}
.field  dl dt img{-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.field  dl:hover dt img{-webkit-transform:scale(1.01);-moz-transform:scale(1.01);-ms-transform:scale(1.01);transform:scale(1.01);}
.field  dl:hover dd h4,.m_field  dl:hover dd p{color: #fff;}


/*case*/
.g_pro{ height: 970px; overflow: hidden;background:#fff;box-sizing: border-box; font-family: "Microsoft YaHei";padding-top: 50px;}
.g_pro h2{margin-bottom: 42px;}
.pro{width: 1200px;position: relative;margin:0 auto 55px;overflow: hidden;clear: both;}
.pro1{width: 600px;position: relative;overflow: hidden; float: left;}
.pro1 dl{width: 600px;position: relative;background: #f3f3f3;}
.pro1 dl dt{width: 600px; height: 450px;position: relative;overflow: hidden;background: #999}
.pro1 dl dt img{width: 600px;height: 450px; display: block;opacity: 0.9}
.pro1 dl dd{width: 600px;display: block;padding:30px 42px 0;height:272px;border-bottom:5px solid #005EC0;box-sizing: border-box;}
.pro1 dl dd h4{font-size: 24px; color: #005EC0;line-height:38px; text-align: left;margin-bottom: 10px;overflow: hidden; height: 38px;}
.pro1 dl dd p{font-size: 14px;color: #666666;line-height: 26px;text-align: justify;height: 100px;overflow: hidden;}
.pro1 dl dd span{width:167px;height:47px;line-height: 47px;padding-left:30px;display: block;background:#005EC0 url(../images/pro_btn.png) no-repeat 102px center; font-size: 14px;color: #fff;box-sizing: border-box;-webkit-transition: .3s;-moz-transition: .3s;transition: .3s;}
.pro1 dl:hover dd span{background:#f5821f url(../images/pro_btn.png) no-repeat 112px center;}

.pro2{width: 577px;position: relative;overflow: hidden; float: right;}
.pro2::before{content:'';position:absolute;height:11px;width:11px;background:#fff;border:1px solid #005EC0;border-radius: 100%; top:50%;left:50%;margin-top:-6px;margin-left:-6px;z-index: 1;}
.pro2 dl{width: 287px;position: relative;border:1px solid #d4d4d4;float: left;}
.pro2 dl dt{width: 287px; height: 216px;position: relative;overflow: hidden;background: #999}
.pro2 dl dt img{width: 287px;height: 216px; display: block;opacity: 0.9}
.pro2 dl dd{width: 239px;margin:0 24px; display: block;height:144px;border-top:1px solid #d6d6d6; box-sizing: border-box;}
.pro2 dl dd h4{font-size: 18px; color: #444444;line-height:35px; text-align: center;margin:15px 10px;font-weight: normal;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.pro2 dl dd span{width:138px;height:38px;line-height: 38px;display: block;background:#333b41; font-size: 14px;color: rgba(255,255,255,0.8);box-sizing: border-box;text-align: center;margin:0 auto;-webkit-transition: .3s;-moz-transition: .3s;transition: .3s;}
.pro2 dl:nth-child(2n){border-left:0;}
.pro2 dl:nth-child(-n+2){border-bottom:0;}
.pro2 dl:hover dd span{background: #005EC0;}

.pro dl img{-webkit-transition: .3s;-moz-transition: .3s;transition: .3s;}
.pro dl:hover img{-webkit-transform:scale(1.03);-moz-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03);}

/*优势*/

.adv{height: 620px;background: url(../images/advbg.jpg) no-repeat center;padding:50px 0;}
.adv .que {width: 480px;position: relative;}
.adv .que li{color: #fff;font-size: 18px;line-height: 25px;text-align: center;width: 125px;position: absolute;}
.adv .que li:nth-child(1) { left: 2px;top: 50px }
.adv .que li:nth-child(2) { left: 177px;top: 80px }
.adv .que li:nth-child(3) { left: 356px;top: 121px }
.adv .que li:nth-child(4) { left: 60px;top: 215px }
.adv .que li:nth-child(5) { left: 235px;top: 240px }
.adv .que li:nth-child(6) { left: 5px;top: 365px }
.adv .que li:nth-child(7) { left: 180px;top: 397px }
.adv .ys{width: 380px;padding-top: 40px}
.adv .ys li{width: 380px;height: 110px;background: url(../images/dui.png) no-repeat left top;}
.adv .ys li b{font-size: 22px;line-height: 200%;padding-left: 70px;line-height: 50px}
.adv .ys li p{padding-left: 70px;position: relative;top: -10px;font-size: 15px}

/*news*/
.news{padding-bottom: 30px;padding-top: 50px}
.news .new_body{margin-top: 30px}
.news .new_l{width:702px; float:left; padding-top: 13px;}
.news .new_l .new_tit{border-bottom:1px solid #cccccc;height:48px; line-height: 48px;margin-bottom: 21px;}
.news .new_l .new_tit span{display: block; font-size: 20px; color:#333333; padding-left:17px; background:url("../images/f.jpg") no-repeat left;border-bottom:1px solid #ba1319; width:100px;}
.news .new_l dl{width:680px; height:177px;margin-bottom: 20px;}
.news .new_l dl dt{width:319px; height:177px;float:left;}
.news .new_l dl dt img{width:319px; height:177px;}
.news .new_l dl dd{width:319px; height:132px;float:left;background:#f2f2f3;padding:27px 19px 18px 23px; }
.news .new_l dl dd span{display: block;margin-bottom: 10px;}
.news .new_l dl dd span a{font-size: 18px; color:#333333;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news .new_l dl dd p{ font-size: 14px; color:#999999;margin-bottom: 21px; line-height: 20px;}
.news .new_l dl dd .ck{ font-size: 14px; color:#f5821f; float:right;padding-right:26px; background:url("../images/xq1.png") no-repeat right;}
.news .new_l ul li{height:24px; line-height: 24px; padding-left:14px;background:url("../images/hg.jpg") no-repeat left;margin-bottom: 10px;padding-right: 20px;}
.news .new_l ul li a{ font-size: 14px; color:#666666; }
.news .new_l ul li a span{display:inline-block;width:550px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news .new_l ul li a em{float:right;font-size: 14px; color:#666666;}
.news .new_l ul li:hover a{color: #005ec0}
.news .new_r{width:465px;float:right; background:#FFF;padding-top:13px;}
.news .new_r .new_tit{border-bottom:1px solid #cccccc;height:48px; line-height: 48px;margin-bottom: 21px;}
.news .new_r .new_tit span{display: block; font-size: 20px; color:#333333; padding-left:17px; background:url("../images/f.jpg") no-repeat left;border-bottom:1px solid #ba1319; width:100px;}
.news .new_r dl{border-bottom:1px dashed #999999;padding-bottom:22px;margin-bottom: 20px;}
.news .new_r dl dt{height:23px; line-height: 23px; margin-bottom: 18px;}
.news .new_r dl dt i{display: block; width:55px; height:23px; text-align: center;float:left; line-height: 22px; background:#f5821f; color:#FFF; margin-right: 6px;font-size: 16px}
.news .new_r dl dt a{ font-size: 16px; color:#333333;width:400px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;float: right;}
.news .new_r dl dd{ font-size: 14px; color:#999999;}
.news .new_r ul li{height:61px;margin-bottom: 16px;}
.news .new_r ul li span{display: block;width:58px; height:58px;border:2px solid #dcdcdc; float:left;margin-right: 16px;}
.news .new_r ul li span b{display: block; font-size: 32px; font-weight: bold; color:#cccccc; text-align: center;line-height: 40px}
.news .new_r ul li span em{display: block; font-size: 12px;color:#cccccc; text-align: center;}
.news .new_r ul li strong{display: block;font-weight: normal;float:left;margin-top: 8px;}
.news .new_r ul li strong a{font-size: 16px;display:inline-block;width:385px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news .new_r ul li p{float:left; font-size: 14px; color:#999999; margin-top: 5px;width:385px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news .new_r ul li:hover span{border:2px solid #005EC0;}
.news .new_r ul li:hover span b{color:#005EC0;}
.news .new_r ul li:hover span em{color:#005EC0;}
.news .new_r ul li:hover strong a{color:#005EC0;}

/*footer*/
.footWrap{height:500px; background:url(../images/ftbg.jpg) no-repeat center top;padding-top:85px;box-sizing: border-box;}
.footWrap .footer{width:1200px;margin:0 auto;}
.footWrap .ft-top{height:176px; box-sizing: border-box;}
.footWrap .ft-top h2{width:190px; height:120px;float:right;margin-right: 23px;}
.footWrap .ft-top h2 img{width:100%;position: relative;top: -10px;}
.footWrap .ft-top .ft-nav{width:1200px; float:left; box-sizing: border-box;}
.footWrap .ft-top .ft-nav li{float:left;height:30px; line-height: 30px; margin-right: 50px; position: relative;}
.footWrap .ft-top .ft-nav li a{font-size: 17px; color:#FFF;}
.footWrap .ft-top .ft-nav li:last-child{margin-right: 0;}
.footWrap .ft-top .ft-nav li:before{width:0;height:1px; background:#F5821F; content:""; position: absolute; left:0;bottom:0; transition: .5s;}
.footWrap .ft-top .ft-nav li:hover a{font-weight: bold; color:#F5821F;}
.footWrap .ft-top .ft-nav li:hover:before{width:100%;}

.footWrap .ft-cen{height: 99px;padding-top:36px;box-sizing: border-box; border-top:1px solid rgba(207,207,207,0.33);border-bottom:1px solid rgba(207,207,207,0.33);}
.footWrap .ft-cen em{display: block;float:left;height:58px; line-height: 24px; position: relative; box-sizing: border-box;padding-right: 68px;margin-right: 65px}
.footWrap .ft-cen em:before{content:"/";font-size: 14px; color:rgba(255,255,255,0.5); position: absolute;top:5px; right:0;}
.footWrap .ft-cen em:last-child:before{display: none;}
.footWrap .ft-cen em i{display: inline-block;height:58px;padding-left:43px; line-height: 32px; font-size: 16px; color:#FFF;}
.footWrap .ft-cen em .ft1{background:url(../images/ftico2.png) no-repeat left 0;}
.footWrap .ft-cen em .ft2{background:url(../images/ftico3.png) no-repeat left 0;}
.footWrap .ft-cen em .ft3{background:url(../images/ftico1.png) no-repeat left 0;}
.footWrap .ft-cen em:nth-child(3) {padding-right: 0px;margin-right: 0px}

.footWrap .ft-bot{padding-top:20px; color: #fff;}
.footWrap .ft-bot .ft-xx{width:100%;padding-top:25px;float:left;}
.footWrap .ft-bot .ft-xx p{height:38px;}
.footWrap .ft-bot .ft-xx p em{display: inline-block; height:38px; line-height: 38px;font-size: 15px; color:#FFF;}
.footWrap .ft-bot .ft-xx a{font-size: 15px; color:#FFF;}
.footWrap .ft-bot .ft-code{float:right;}
.footWrap .ft-bot .ft-code span{display: block; float:left; width:105px; height:105px; line-height: 0; overflow: hidden; margin-left: 20px;}
.footWrap .ft-bot .ft-code span img{width:100%;}
.footWrap .ft-bot .ft-code p{text-align: center;color: #fff;padding-left: 20px;padding-top: 30px}