@charset "gb2312";
/* CSS Document */
*::selection { background: rgba(0, 209, 209, 0.5); color: #fff; }
/*.hover { transition-property: all; -ms-transition-property: all; -moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all; }
.hover, .hover:hover, .hover:visited, .hover:active, .hover:link { transition-duration: .5s;
-ms-transition-duration: .5s;
-moz-transition-duration: .5s;
-webkit-transition-duration: .5s;
}*/
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.ani, .ani *,.ani:after,.ani:before,.ani *:after,.ani *:before { transition-property: all; -ms-transition-property: all; -moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all; transition-duration: .2s; -ms-transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; }
.noani, .noani * { transition-duration: 0s; -ms-transition-duration: 0s; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; }
from, div, dl, dd, dt, ol, ul, li, img, input, h1, h2, h3, h4, h5, h6, table, p, form, em, i { margin: 0; padding: 0; border: 0; font-weight: normal; }
ul, li, dl, dd, dt, h1, h2, h3, h4, h5, h6, form, em, i { list-style-type: none; font-style: normal; }
body { margin: 0 auto; padding: 0; 
	color: #666; word-break: break-all; text-align: justify; background: #fff; min-width: 1300px; }
html{min-width: 1300px;}
img, li { vertical-align: top; }
input { font-family: "Microsoft YaHei" }
.clearfix { zoom: 1; }
.clearfix:after { content: ""; display: block; clear: both; height: 0; }
*:focus { outline: none; }
a { text-decoration: none; color: #858687; }
a:hover { color: #ff6237; }
.fl { float: left !important; }
.fr { float: right !important; }
.wrap { width: 1300px; margin: 0 auto; max-width: 1920px; }
.pd20 { padding: 20px; }
img { max-width: 100%; }
.scale img { opacity: 1; transform: scale(1, 1); }
.scale:hover img { opacity: 0.95; transform: scale(1.1, 1.1); }
.textindent { text-indent: 0 !important; }
.border-none { border: none !important; }
.text-overflow { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hidden { display: none; }
.vh-center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) }
.h-center { position: absolute; left: 50%; transform: translateX(-50%) }
.v-center { position: absolute; top: 50%; transform: translateY(-50%) }
@font-face {
  font-family: 'iconfont';  /* Project id 398496 */
  src: url('//at.alicdn.com/t/font_398496_nvyisn4k24i.woff2?t=1652407592414') format('woff2'),
       url('//at.alicdn.com/t/font_398496_nvyisn4k24i.woff?t=1652407592414') format('woff'),
       url('//at.alicdn.com/t/font_398496_nvyisn4k24i.ttf?t=1652407592414') format('truetype');
}
.iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; vertical-align: middle; }
.gotop { width: 40px; height: 40px; position: fixed; margin-left: 590px; left: 50%; bottom: 80px; background: url(images/toTop.png) no-repeat -126px 0; cursor: pointer; }
.iconImg { background-image: url(img/iconImg.png); }
.pageHeader { height: 67px; }
.headerWrap { border-bottom: 1px solid #e4e4e4; background: #fff; width: 100%; height: 67px; position: fixed; left: 0; top: 0; z-index: 999; padding: 0 100px; text-align: center;/* box-shadow: 0px 0px 3PX 1px #c6c6c6; */ }
.headerLogo, .headerLogo a {width: 149px;height: 67px;background: url(img/logo.png) no-repeat center center;float: left;text-indent: -999999px;position: relative;}
.headerLogo a:before{content:'长沙社为电子科技';background: url(img/logoLine.gifv) no-repeat left -1px;height: 26px;line-height: 26px;/* padding: 0 0 0 10px; */font-size: 15px;color: #434343;position: absolute;top: 50%;margin-top: -13px;left: 160px;display: block;width: 130px;/* background: #000; */text-indent: 0;text-align: right;}
/*智能电表+电力能源监测系统*/
.pageHeader.on .headerWrap { top: -67px; }
.headerNav {display: inline-block;margin-left: 110px;}
.headerNav li { float: left; padding: 0 10px; }
.headerNav li a { display: block; padding: 0 25px; font-size: 14px; line-height: 65px; color: #000;/* width: 96px; */ }
.headerNav li a:hover, .headerNav li.on a {color: #ff6237;/* font-weight: bold; */}
.headerNav li:last-of-type, .headerNav li:last-of-type a { padding-right: 0 }
.heaerTel {float: right;line-height: 67px;color: #ff6237;font-size: 20px;}
.heaerTel i {font-size: 25px;display: inline-block;margin-right: 5px;vertical-align: top;}
.heaerSearchBtn{float: right;padding: 0 20px 0 0;}
.heaerSearchBtn i{display: block;line-height: 67px;color: #000000;font-size: 30px;cursor: pointer;}
.heaerSearchBtn i:hover{color:#ff6237}
.HeaderSearch{display: none;background: #fafafa;padding: 60px 0 50px;width: 100%;position: fixed;left: 0;top: 67px;z-index: 2;box-shadow: 0px 0px 2px 2px #dedddd;}
.HeaderSearch.on{display: block;}
.HeaderSearch .hull{ max-width: 700px; margin: 0 auto;}
.HeaderSearch form{border: 1px solid #eee;height: 50px;line-height: 50px;background: #fff;position: relative;padding: 0 100px 0 20px;}
.HeaderSearch .text{ width: 100%; height: 50px; border: none; background: none; padding: 0; line-height: 48px; color: #636363; font-size: 16px;}
.HeaderSearch .sbtn{background: none;border: none;width: 50px;height: 50px;line-height: 50px;text-align: center;position: absolute;right: 50px;top: 0;font-size: 24px;color: #ff6237;padding: 0;cursor: pointer;/* text-align: right; */}
.HeaderSearch .searchClose{background: none;border: none;width: 50px;height: 50px;line-height: 50px;text-align: center;position: absolute;right: 0;top: 0;font-size: 20px;color: #ff6237;cursor: pointer;}
.HeaderSearch p{ font-size: 14px; color: #6f6f6f; line-height: 30px; padding: 10px 0 0 0;}
.HeaderSearch p a{color: #6f6f6f;}

.pageFooter {background: #f7f7f7;padding: 60px 0 0 0;color: #9d9ea0;margin-top: 30px;}
.footer_left {width: 65%;float: left;padding: 0 0 60px 0;/* border-right: 1px solid #dedede; */position: relative;}
.footer_left:before {content: '';width: 1px;height: 9999px;/* background: #dedede; */position: absolute;right: 0;}
.footer_right {/* width: 25%; */float: right;padding: 0 0 60px;}
.footer_info {font-size: 14px;color: #222;padding: 0 0 0 25px;}
.footer_info .t{font-size: 16px;line-height: 20px;
}
.footer_info .t i{
    font-size: 20px;
    width: 25px;
    margin-left: -25px;
    float: left;
}
.footer_info .tel{
    color: #ff6237;
    font-size: 28px;
    line-height: 40px;
    padding: 12px 0 46px;
}
.footer_info p{
    font-size: 14px;
    line-height: 24px;
    color: #757575;
    padding: 17px 0 45px 0;
}
.footer_info a{
    color: #ff6237;
    font-size: 14px;
    line-height: 38px;
    border: 1px solid #ff6237;
    PADDING: 0 20PX;
    display: inline-block;
}
.footer_info a i{
    font-size: 20px;
    padding: 0 5px 0 0;
}
.footer_info a:hover{}

.footer_QR {margin: 0 -20px;text-align: center;display: none;}
.footer_QR li { float: left; padding: 0 20px; width: 50%; }
.footer_QR a { display: block; }
.footer_QR .hd, .footer_QR a { line-height: 1; font-size: 14px; color: #666; }
.footer_QR .hd i, .footer_QR a i { color: #51b3d6; font-size: 20px; margin-right: 10px; }
.footer_QR li img { margin-bottom: 20px; }
.footer_nav {/* padding: 0px 20% 0 0; */}
.footer_nav .m {float: left;/* width: 27%; */padding: 0 80px 0 0;width: auto;}
.footer_nav .m2 {/* width: 30%; */}
.footer_nav .m.last {/* width: 15%; */padding: 0;}
.footer_nav .m h3 { line-height: 22px; height: 22px; margin-bottom: 30px; color: #242424; }
.footer_nav .m h3 a { font-size: 15px; color: #cdcdcd;/* line-height: 1; */ }
.footer_nav .m h3 a:hover { }
.footer_nav .sub { }
.footer_nav .sub li { }
.footer_nav .sub a {font-size: 14px;line-height: 45px;color: #757575;height: 45px;}
.footer_nav .sub a:hover {color: #ff6237;}
.Footer_link {padding: 20px 0 20px 80px;}
.Footer_link span {display: inline-block;padding: 0 10px 0 0;float: left;margin-left: -80px;font-size: 14px;color: #242424;}
.Footer_link a { color: #585858; display: inline-block; padding: 0 10px 0 0; margin-right: 20px; }
.Footer_link a:hover { color: #585858; }
.Footer_copy {background: #333;padding: 15px 0;color: #888;font-size: 14px;}
.Footer_copy a { COLOR: #979a9c; }
.Footer_copy a:hover, .Footer_link a:hover {color: #ff6237;}
.pageFooter .mess {padding: 40px 0 0 0;border-top: 1px solid #dedede;margin-top: 40px;display: none;}
.pageFooter .mess ul { margin: 0 -4%; }
.pageFooter .mess li { float: left; width: 33.333%; padding: 0 4% 20px; }
.pageFooter .mess li.last { width: 100%; padding-bottom: 0; }
.pageFooter .mess li.last div { position: relative; padding: 0 36.3333% 0 0; }
.pageFooter .mess .text { display: block; width: 100%; height: 42px; line-height: 41px; border-bottom: 1px solid #dedede; font-size: 14px; }
.pageFooter .mess .text2 { border: none; border-bottom: 1px solid #dedede; resize: none; display: block; width: 100%; height: 110px;/* background: #000; */ font-family: "Microsoft YaHei", "SimHei", "SimSun", "Helvetica Neue", Arial; }
.pageFooter .mess .btn { position: absolute; right: 0; bottom: 0; width: 27.3333%; line-height: 40px; height: 42px; border: 1px solid #dedede; background: #fff; font-size: 16px; color: #666; cursor: pointer; }
.pageFooter .mess .btn:hover { background: #2bd0d0; color: #FFF; border-color: #2bd0d0; }
.pageFooter .mess .text:hover,.pageFooter .mess .text2:hover{border-color:#606060}
/*电表数据可视化*/
.mainItem_01 { background: url(img/dianbiaoshujuBg.jpg) no-repeat center center #fff; padding: 0 0 10px; }
.mainItem_01 .hd { text-align: center; font-size: 19px; color: #3d3d3d; line-height: 34px; padding: 0 0 50px; }
.mainItem_01 .hd h2 { font-size: 45px; line-height: 50px; padding: 90px 0 30px; }
.mainItem_01 .bd { background: url(img/dianbiaoshuju_01.png) no-repeat center 0; min-height: 599px; }
.mainItem_01 .bdCon { }
.mainItem_01 .bdCon li { text-align: center; float: left; width: 25%; position: relative; padding: 110px 0 0 0; height: 250px; }
.mainItem_01 .bdCon li span { width: 113px; height: 110px; background-position: -205px -51px; position: absolute; left: 50%; top: 0; margin-left: -69px; }
.mainItem_01 .bdCon li h2 { font-size: 22px; color: #444; }
.mainItem_01 .bdCon li p { font-size: 15px; line-height: 27px; color: #555; }
.mainItem_01 .bdCon li:nth-of-type(2) span { background-position: -318px -51px; }
.mainItem_01 .bdCon li:nth-of-type(3) span { background-position: -205px -161px; }
.mainItem_01 .bdCon li:nth-of-type(4) span { background-position: -318px -161px }
.mainItem_01 .bdCon li:nth-of-type(5) { margin-left: 12.5%; }
.mainItem_01 .bdCon li:nth-of-type(5) span { background-position: -205px -271px }
.mainItem_01 .bdCon li:nth-of-type(6) span { background-position: -318px -271px }
.mainItem_01 .bdCon li:nth-of-type(7) span { background-position: -205px -381px }
/*/电表数据可视化*/

/*产品列表*/
.proList { margin: 0 -4px 10px; }
.proList li { width: 33.3333333%; padding: 0 4px 8px; float: left; }
.proList li a { background: #fff; display: block; padding: 0 0 88px; position: relative; overflow: hidden; }

.proList li .hd { position: absolute; left: 0; bottom: 0; height: 88px; width: 100%; background: #277dfb; color: #fff; text-align: center; }
.proList li a .hd h2 { font-size: 24px; line-height: 45px; padding: 7px 0 0 0; }
.proList li a .hd p { }
.proList li a .hd p span { background: #277dfb; display: inline-block; padding: 0 10px; position: relative; }
.proList li a .hd p span:after, .proList li a .hd p span:before { content: ""; width: 200px; height: 1px; background: #7baffd; position: absolute; right: -200px; top: 50%; }
.proList li a .hd p span:after { right: inherit; left: -200px; }
.proList li a .bd { background: url(img/proListBg.png) repeat-x; ; position: absolute; left: 0; bottom: -236px; height: 236px; width: 100%; padding: 132px 0 0 0; text-align: center; color: #fff; opacity: 0; }
.proList li a .bd span { display: inline-block; border: 1px solid #7baffd; min-width: 200px; margin-bottom: 4px; }
.proList li a:hover .hd {/* bottom: -88px;*/ opacity: 0; }
.proList li a:hover .bd { bottom: 0; opacity: 1; }
/*/产品列表*/

/*应用案例*/
.caseWrap { background: url(img/caseBg.gif) repeat-x; min-height: 733px; }
.caseWrap .topText { color: #fff; text-align: center; height: 270px; }
.caseWrap .topText h2 { font-size: 46px; padding: 40px 0 0; }
.caseWrap .topText p { font-size: 19px; }
.caseList { padding: 15px 40px; }
.caseList .caseListBox { overflow: hidden; }
.caseList li { width: 20%; float: left; padding: 10px; }
.caseList li { }
.caseList li .conBox { background: #fff; border-radius: 10px 10px 10px 10px; overflow: hidden; }
.caseList li .imgBox { border-radius: 10px 10px 0 0; height: 270px; overflow: hidden; }
.caseList li .imgBox img { width: 100%; transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; }
.caseList li a { display: block; }
.caseList li a p { font-size: 24px; text-align: center; line-height: 50px; background: #fff; color: #000; }
.caseList li a:hover p { background: #ebfffe; }
.caseList li a:hover img { /*transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); */}
.caseList .swiper-button-next.swiper-button-disabled, .caseList .swiper-button-prev.swiper-button-disabled { opacity: 0; }
/*/应用案例*/
/*国内一线品牌电表*/
.slider_pinpaidianbiao { padding: 0 0 40px; background: #f3fffd; }
.slider_pinpaidianbiao .topText { color: #383838; text-align: center; height: 240px; }
.slider_pinpaidianbiao .topText h2 { font-size: 46px; padding: 40px 0 0; }
.slider_pinpaidianbiao .topText p { font-size: 19px; }
.pinpaidbFocus { width: 1200px; margin: 0 auto; }
.pinpaidbFocus li { position: relative; }
.pinpaidbFocus li p { position: absolute; width: 100%; left: 0; bottom: 0; height: 60px; line-height: 60px; font-size: 24px; color: #fff; text-align: center; background: rgba(0, 0, 0, 0.5); }
/*/国内一线品牌电表*/
/*相关产品*/
.xianguanProList { background: #f4f4f4; padding: 0 0 40px; }
.xianguanProList .topText { color: #383838; text-align: center; height: 180px; }
.xianguanProList .topText h2 { font-size: 46px; padding: 35px 0 0; }
.xianguanProList .topText p { font-size: 19px; }

/*______________________________________________________________________________________________________________________*/


@charset "utf-8";
/* CSS Document */



.contact_top{ background:url(../img/001.jpg?2) no-repeat center center #6c97ff; min-height:824px;}
.contact_top p{ font-size:18px; line-height:30px; color:#fff; height:352px; padding:215px 0 0 0; text-align:center}
.contact_top ul{ text-align:center;}
.contact_top li{ width:300px; height:420px; display:inline-block; background:#fff; border:1px solid #b4d0ff; border-radius:10px; margin:0 40px; padding:25px 0 0 0; text-align:center;}
.contact_top li img{display:block; margin:0 auto;}
.contact_top li .QR{ margin-top:30PX ;}
.contact_top li p{ text-align:center; padding:0; height:auto; font-size:18px;line-height:34px;}
.contact_top li p.t1{color:#4184ff;  padding:45px 0 0 0;}
.contact_top li p.t2{color:#b2b2b2; padding:0 0 15px;}
.contact_top li p.t3,.contact_top li a{color:#4c4c4c; line-height:31px;}
.contact_top li p.t3{ padding:0 0 10px;}
.contact_top li a:hover{ color:#4184ff;}

.contact_map{ margin:105px 17px 60px; border:1px solid #f6f6f6;}
.contact_map .hd{ line-height:52px; color:#414141; font-size:18px; border-bottom:1px solid #f6f6f6; text-indent:20px;}
.contact_map .bd{padding:22px;}


.banner{height: 430px;/* background-repeat: no-repeat; */background-position: 50% 50%;position: relative;}
.banner .bd{position: absolute;left: 0;bottom: 0;height: 58px;background: rgba(51, 51, 51, .7);width: 100%;}
.banner li{float: left; width: 25%; text-align: center; color: #fff; font-size: 18px; line-height: 58px;}

.contactTabs{margin:40px auto 50px;background: #fff;}
.TabsHull{height: 74px;}
.contactTabsHd{padding: 0;background: #fff;position: fixed;width: 100%;top: 67px;z-index: 9;}
.contactTabsHd ul{ overflow: hidden;}
.contactTabsHd li{position: relative;/* width: 25%; */float: left;padding: 20px 20px 20px 0;}
.contactTabsHd li:before{content: '';width: 1px;height: 12px;/* background: #cfcfcf; */position: absolute;left: -1px;top: 50%;margin-top: -6px;}
.contactTabsHd li a{display: block;line-height: 34px;height: 34px;text-align: center;font-size: 14px;color: #303031;padding: 0 20px;position: relative;}
.contactTabsHd li a:hover,.contactTabsHd li.on a{color: #fff;background: #ff6237;}
.contactTabsHd li.on a:before{content:'';width: 10px;height: 10px;background: #ff6237;position: absolute;left: 50%;margin-left: -5px;bottom: -5px;transform: rotate(45deg);}
.contactTabsHd li:first-of-type a{/* padding-left:0 */}

/*联系*/
.Page-Contact{}
.Page-Contact .section1{padding: 60px 0 20px 0;}
.Page-Contact .section1 .item{
    background: #f7f7f7;
    padding: 60px 0 0 0;
    min-height: 290px;
}
.Page-Contact .section1 .title{
    text-align: center;
    line-height: 1;
    color: #000;
    padding: 0 0 50px;
}
.Page-Contact .section1 .title h2{
    font-size: 38px;
    font-weight: lighter;
    margin-bottom: 20px;
}
.Page-Contact .section1 .title p{
    font-size: 24px;
    font-weight: lighter;
}
.Page-Contact .section1 ul{
    margin: 0 -10px;
}
.Page-Contact .section1 li{
    float: left;
    width: 33.3333%;
    text-align: center;
    padding: 0 10px;
}
.Page-Contact .section1 li img{}
.Page-Contact .section1 li h3{
    font-size: 24px;
    line-height: 1;
    color: #1d2023;
    padding: 27px 0 13px;
}
.Page-Contact .section1 li p{
    font-size: 18px;
    line-height: 32px;
    color: #575d6c;
}
.Page-Contact .section1 li a{
    background: #ff6237;
    color: #fff;
    font-size: 18px;
    line-height: 22px;
    padding: 0 20px;
    border-radius: 20px;
}


.Page-Contact .section2{background: #f7f7f7;}
.Page-Contact .section2 img{float: right;max-width: 56%;}
.Page-Contact .section2 .left{float: left;width: 44%;padding: 105px 0px 0 80px;}
.Page-Contact .section2 h2{font-size: 24px;line-height: 1;color: #1d2023;margin-bottom: 60px;}
.Page-Contact .section2 span{line-height: 1;font-size: 24px;color: #1d2023;padding: 0 0 20px 0;display: block;}
.Page-Contact .section2 p{font-size: 18px;line-height: 28px;color: #575d6c;}

.Page-Contact .section3{padding: 0 0px 75px;text-align: center;}
.Page-Contact .section3 h3{font-size: 35px;color: #000;text-align: center;line-height: 1;padding: 100px 0 35px;}
.Page-Contact .section3 ul{
    background: #f7f7f7;
    padding: 60px 75px;
}
.Page-Contact .section3 li{float:left;width: 22%;padding: 0 6px 10px;}
.Page-Contact .section3 li.last{width: 40%;}
.Page-Contact .section3 li.lastSub{width: 15%;}
.Page-Contact .section3 li .text{border: 1px solid #eee;background: #fff;line-height: 40px;font-size: 18px;color: #838383;width: 100%;padding: 0 15px;border-radius: 4px;}
.Page-Contact .section3 li .text2{border: 1px solid #eee;background: #fff;font-size: 18px;color: #838383;width: 100%;padding: 10px 15px 0;border-radius: 4px;resize: none;height: 40px;line-height: 20px;vertical-align: middle;}
.Page-Contact .section3 li .btn{display: inline-block;width: 100%;height: 40px;line-height: 40px;background: #ff6237;border: none;color: #fff;font-size: 20px;border-radius: 4px;}

/*简介*/
.Page-About{ }
.about{text-align: center;line-height: 1;}
.about .wrap{position:relative;}
.about .desc{position: absolute;left: 0;top: 0;width: 100%;color: #fff;text-shadow: 0px 2px 3px rgba(15, 17, 21, 0.82);}
.about h2{font-size: 38px;margin: 0;line-height: 1;font-weight: lighter;padding: 80px 0 35px 0;}
.about p{font-size: 16px;line-height: 32px;max-width: 1040px;margin: auto;}
.about img{}
.shiLi{background: url("../img/company/shiLi-bg.jpg") no-repeat 50% 50% #f7f8f9;padding: 80px 0 0px;}
.shiLi-tit{ line-height: 1; text-align: center;}
.shiLi-tit h2{font-size: 38px;color: #333;margin: 0;font-weight: lighter;}
.shiLi-tit p{font-size: 16px;color: #333;padding: 40px 0 80px;}
.shiLi-list {position: relative;z-index: 2;display: block;/* display: inline-block; */width: 100%;/* padding: 80px 0 180px; */}
.shiLi-img a {display: block;-webkit-transform: translateZ(0);transform: translateZ(0);-webkit-transition: transform .3s;-moz-transition: transform .3s;-ms-transition: transform .3s;-o-transition: transform .3s;transition: transform .3s}
.shiLi-img a:hover {transform: translateY(-3px);-ms-transform: translateY(-3px);-moz-transform: translateY(-3px);-webkit-transform: translateY(-3px);-o-transform: translateY(-3px)}
.shiLi-img img {width: 100%;display: block;box-shadow: rgba(0,0,0,.25) 0 0 5px}
.shiLi-p1 {width: 39.5833%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%)}
.shiLi-p2,.shiLi-p3 {width: 29.1666%}
.shiLi-p2 .shiLi-img,.shiLi-p3 .shiLi-img {width: 50%;box-sizing: border-box}
.shiLi-p2 {float: left}
.shiLi-p3 {float: right}
.shiLi-p2 .shiLi-img:nth-child(1) {float: left;padding-right: 1.7857%}
.shiLi-p2 .shiLi-img:nth-child(2) {float: right;margin-top: 5.2631%;padding-left: 1.7857%}
.shiLi-p2 .shiLi-img:nth-child(3) {float: right;padding-left: 1.7857%;margin-top: 3.7037%}
.shiLi-p3 .shiLi-img:nth-child(1) {float: right;padding-left: 1.7857%}
.shiLi-p3 .shiLi-img:nth-child(2) {float: left;margin-top: 5.2631%;padding-right: 1.7857%}
.shiLi-p3 .shiLi-img:nth-child(3) {float: left;margin-top: 3.7037%;padding-right: 1.7857%}
.shiLi .more{ text-align:center; padding: 60px 0;}
.shiLi .more a{display: inline-block; font-size: 18px; color: #333; border: 1px solid #626262; border-radius: 5px; padding: 0 15px;}



/*荣誉资质*/
.Page-honor{}
.rongYu{text-align: center;line-height: 1;background: url("../img/honor/rongYu-bg.jpg") no-repeat 50% 50%; background-size: cover;}
.rongYu .wrap{position: relative;}
.rongYu .desc{/* position: absolute; */width: 100%;/* top: 87px; *//* left: 0; */color: #333;padding: 88px 0 60px;}
.rongYu h2{line-height: 1;font-size: 38px;font-weight: lighter;margin: 0 0 35px;}
.rongYu ul{ display: inline-block;}
.rongYu li{float: left;line-height: 37px;padding: 0 55px;font-size: 24px;}
.rongYu li img{vertical-align: top;margin: 0 10px 0 0px;}
.zhengShu{text-align: center;background: url("../img/honor/zhengShu-bg.jpg") no-repeat 50% 50%;background-size: cover;padding: 88px 0 70px;}
.zhengShu .wrap{position: relative;}
.zhengShu h2{/* position: absolute; *//* left: 0; *//* top: 87px; */line-height: 1;width: 100%;text-align: center;font-size: 38px;color: #333;font-weight: lighter;margin: 0;padding: 0 0 80px;}
.zhengShu img{vertical-align: middle;}










/*团队*/
.Page-Team{ padding: 80px 0 45px 0;}
.Page-Team ul{ padding: 0 160px;}
.Page-Team li{ padding: 0 0 55px 310px;}
.Page-Team li.even{padding:0 310px 55px 0; text-align: right;}
.Page-Team li img{float:left; margin-left: -310px;}
.Page-Team li.even img{float: right; margin: 0 -310px 0 0;}
.Page-Team h2{font-size: 32px; color: #272930; padding: 25px 0 10px 0; font-weight: 500;}
.Page-Team h3{ font-size: 20px; color: #424242; font-weight: normal; padding: 0 0 20px; }
.Page-Team p{line-height: 31px; color: #676767;}

/*合作*/
.Page-partners{max-width: 1015px;margin: 0 auto;padding: 0 0 100px;}
.Page-partners h2{ line-height: 1; text-align: center; font-size: 28px; color: #333; padding: 75px 0 45px;}
.Page-partners .tabs{position: relative;}
.Page-partners .tabs .hd{position: absolute;bottom: -40px;width: 100%;text-align: center;height: 12px;}
.Page-partners .tabs .hd ul{display: inline-block;vertical-align: top;}
.Page-partners .tabs .hd li{display: block; width: 14px; height: 14px; border-radius: 14px; background: #fff; border: 1px solid #00b6b6; float: left; margin: 0 6px; text-indent: -999999px; cursor: pointer; box-shadow: 0px 1px 4.9px 0.1px rgba(0, 0, 0, 0.2);}
.Page-partners .tabs .hd li.on{ background: #00b6b6;}
.Page-partners .tabs .bd{position: relative;}
.Page-partners .tabs .bd .desc{position: absolute;left: 40px;bottom: 20px;right: 40px;background: #fff;height: 110px;padding: 30px 0 0 180px;line-height: 1;}
.Page-partners .tabs .bd .desc img{ float: left; margin-left: -177px; border-right: 1px solid #ddd;}
.Page-partners .tabs .bd .desc h4{font-size: 24px;color: #222;}
.Page-partners .tabs .bd .desc p{font-size: 15px;color: #222;padding: 10px 0 0 0;}
.Page-partners .tabs .prev, .Page-partners .tabs .next { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background: none; color: #fff; font-size: 30px; text-align: center; width: 60px; height: 60px; border-radius: 60px; line-height: 60px; background: rgba(19, 22, 28, .2); left: 40px;}
.Page-partners .tabs .prev:hover, .Page-partners .tabs .next:hover { background: rgba(19, 22, 28, .5);/* border-color: #1bb8ce; */ }
.Page-partners .tabs .next { left: inherit; right: 40px; }




/*________________________________________________________________________________________________________________________*/

/*/相关产品*/
@media(max-width:1800px) {
.headerWrap { padding: 0 50px; }
.headerNav li a { padding: 0 20px; }
}

@media(max-width:1600px) {
.headerWrap { padding: 0 50px; }
.headerNav li a {padding: 0 10px;}
}


@media(max-width:1500px) {
    .headerNav{
    margin-left: 160px;
}
.headerWrap { padding: 0 20px; }
.headerNav li a {padding: 0 10px;}
}

@media(max-width:1400px) {
.wrap { padding: 0 10px; }
	.headerLogo a:before{display: none;}	
	.headerNav{margin-left:0}
	
	
}

@media(max-device-width:1400px) {
.wrap { padding: 0 10px; }
	.headerLogo a:before{display: none;}	
	
	
}

@media(max-device-width:1300px) {
.headerNav li a {padding: 0 10px;}
    .mainItem_caseBox .wrap{padding: 0 60px!important}
}


.loadingWrap { padding: 35px 0 60px; background: #f8f8f8; }
.loadingWrap .loading { width: 40%; margin: 0 auto; background: #fff; line-height: 40px; text-align: center; border: 1px solid #e6e6e6; border-radius: 5px; }
.loading .icon { width: 20px; height: 20px; border: 1px #1bb8ce solid; border-radius: 50%; -webkit-animation: rotation 1s ease-in-out infinite; -moz-animation: rotation 1s ease-in-out infinite; animation: rotation 1s ease-in-out infinite; display: inline-block; position: relative; vertical-align: middle; margin: 0 10px; }
.loading .icon:after { width: 5px; height: 5px; background-color: #1bb8ce; border-radius: 100%; position: absolute; content: ""; top: 0px; }
 @-webkit-keyframes rotation {
 0% {
 -webkit-transform: rotate(0deg)
}
 100% {
 -webkit-transform: rotate(360deg)
}
}
 @-moz-keyframes rotation {
 0% {
 -moz-transform: rotate(0deg)
}
 100% {
 -moz-transform: rotate(360deg)
}
}
 @keyframes rotation {
 0% {
 transform: rotate(0deg)
}
 100% {
 transform: rotate(360deg)
}
}

@media (max-width: 1280px) {
.headerWrap {/* position: inherit; */}
}

@media (max-device-width: 1024px) {
.wrap { padding-left: 60px!important; padding-right: 60px!important; width: 100%!important }
.headerWrap { padding: 0 60px; }
.footer_nav .m { padding: 0 30px 0 0; }
    .headerNav li{padding: 0 5px;}    
}

@media screen and (max-device-width: 600px) {
.wrapHidden { display: none; }
}