body,div,p,ul,li,dl,dd,dt,ol,h1,h2,h3,span,em,strong,b,img,label,input,button,a{ margin:0px; padding:0px;}
a{ text-decoration:none; outline:none; color:#666;}
a:hover{ color:#e00418;}
img,button{ border:0px;}
button,input{ outline:none;}
button{ cursor:pointer; font-family:"微软雅黑",arial;}
input[type="text"],textarea{ font-family:"微软雅黑",arial;}
ul,ol{ list-style:none;}
h1,h2,h3{ font-weight:normal;}
.clear{ zoom:1;}
.clear:after{ visibility:hidden; height:0px; clear:both; content:'clear'; display:block; }
.wrap{ width:100%; min-width:1100px;}
.content{ width:1100px; margin:0px auto;}
.main{ min-height:400px; padding-bottom:40px;}
.fl{ float:left;}
.fr{ float:right;}
.txtOverflow{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
body{ font-family:"微软雅黑",arial,sans-serif; font-size:14px; color:#666;}
.opaLHide{ position:relative; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; left:-100px; -webkit-transition:all 1.5s; -o-transition:all 1.5s; -moz-transition:all 1.5s; transition:all 1.5s;}
.opaRHide{ position:relative; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; right:-100px; -webkit-transition:all 1.5s; -o-transition:all 1.5s; -moz-transition:all 1.5s; transition:all 1.5s;}
.opaTopHide{ position:relative; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; top:-100px; -webkit-transition:all 1.5s; -o-transition:all 1.5s; -moz-transition:all 1.5s; transition:all 1.5s;}
.opaTopShow{ filter:alpha(opacity=100); -moz-opacity:1; opacity:1; top:0px;}
.opaLShow{ filter:alpha(opacity=100); -moz-opacity:1; opacity:1; left:0px;}
.opaRShow{ filter:alpha(opacity=100); -moz-opacity:1; opacity:1; right:0px;}
.transition1{ -webkit-transition:all 1s; -o-transition:all 1s; -ms-transition:all 1s; -moz-transition:all 1s; transition:all 1s;}
.transition05{ -webkit-transition:all 0.5s; -o-transition:all 0.5s; -ms-transition:all 0.5s; -moz-transition:all 0.5s; transition:all 0.5s;}

.header{ position:relative; z-index:50; height:112px;}
.headL{ float:left; 0width:437px; height:112px; overflow:hidden;}
.headR{ float:right; width:500px; height:112px;}
.headRTop{ height:24px; margin:30px auto 10px; line-height:24px; color:#aab4c8; font-size:18px; text-align:right; }
.headRTop i{ color:#3c478f; font-size:23px; vertical-align:baseline;}
.headRBot{ height:28px;}
.headRBot > div{ float:right; position:relative;}
.search{ background:url(../image/searchBg.jpg) no-repeat; width:240px; height:28px; }
.search input{ padding:6px; margin-left:2px; width:185px; margin-top:1px; float:left; height:14px; color:#808080; border:0px; line-height:14px; font-size:14px;}
.search a{  float:right; margin-top:1px;  width:38px; margin-right:1px; text-align:center; height:26px; background:url(../image/zoomBg.png) no-repeat 1px center  ; }
.search a img{ padding-top:5px; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; -ms-transition:all 0.5s; transition:all 0.5s;}
.inquiry{  margin-right:10px; }
.inquiry a{ display:block; background:#3c478f; width:75px; height:28px; line-height:27px; color:#fff; text-align:center; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; border-radius:5px; }

.inquiry a:hover{ text-decoration:underline; background:#1b2879;}
.weChat,.QQ,.english,.chinese{width:28px; height:28px; margin-right:10px; -webkit-transition:all 1s; -moz-transition:all 1s; -o-transition:all 1s; -ms-transition:all 1s; -webkit-transition:all 1s;}
.search a img:hover{ -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); -ms-transform:rotate(360deg); transform:rotate(360deg);}
.weChat{ background:url(../image/weChat.png) no-repeat; }
.weChat:hover{ background:url(../image/weChatHover.png) no-repeat;}

.weChat div{ position:absolute; left:50%; top:35px; padding-top:7px; display:none; margin-left:-55px; z-index:100;}
.weChat:hover div{ display:block; *display:inline;}

.headNav{ height:40px; background:url(../image/headBg.jpg) repeat-x; position:relative; z-index:5;}
.headNav ul li{ height:100%; font-size:16px;  text-align:center; line-height:40px; width:13%; background:url(../image/navLine.jpg) no-repeat left center; float:left; position:relative;}
.headNav ul li.first{ width:9%; background:none;}
.headNav ul li .firstNav{ width:116px; display:block; margin:0px auto; height:100%; color:#fff;}
.headNav ul li .firstNav:hover{ background:url(../image/navHover.jpg) no-repeat center center; color:#3c478f;}
.headNav ul .first .firstNav{ width: 76px; }
.headNav ul .first .firstNav:hover, .headNav ul .first.current .firstNav{ background:url(../image/firstHover.jpg) no-repeat center center; color:#3c478f;}
.headNav ul li dl{ position:absolute; width:150px; top:40px; left:50%; margin-left:-75px; font-size:14px; display:none;}
.headNav ul li dl dd{ background:url(../image/headBg.jpg) repeat-x; height:40px;}
.headNav ul li dl dd a{ color:#fff; display:block; width:100%; height:100%;}
.headNav ul li dl dd a:hover{ text-decoration:underline;}
.headNav ul li:hover .firstNav,.headNav ul li.current .firstNav{ background:url(../image/navHover.jpg) no-repeat center center; color:#3c478f;}
.headNav ul li:hover dl{ display:block;}

.foot{ background:#333;}
.footContact{ height:40px; padding:40px 0px; border-bottom:1px solid #292929; line-height:40px;}
.footContact > div{ float:left; height:40px; margin-right:40px;}
.footContact .lastContact{ float:right; margin-right:0px;}
.footContact > div img{ padding-right:10px; vertical-align:middle; color:#fff;}
.footContact > div em{ color:#9eaac0; font-family:"宋体",arial; font-style:normal;}
.footContact > div em b{ color:#fff; font-family:"微软雅黑"; font-size:16px;}
.footLink{ padding:40px 0px; border-top:1px solid #5c5c5c;}
.botNav{ float:left;}
.botNav li{ float:left; width:60px; margin-right:65px; text-align:center;}
.botNav li div{ color:#fff; margin-bottom:10px;}
.botNav li div a{ color:#fff;}
.botNav li div a:hover{ text-decoration:underline;}
.botNav li dd a{ font-family:"宋体"; line-height:22px;  color:#fff; font-size:12px; filter:alpha(opacity=30); -moz-opacity:0.3; opacity:0.3; }
.botNav li dd a:hover{ filter:alpha(opacity=100); -moz-opacity:1; opacity:1; color:#fff; text-decoration:underline;}
.botCode{ float:right; width:111px; text-align:center; color:#fff; margin-bottom:15px;}
.codeCon{ width:100%; height:100px; background:url(../image/codeBg.png) no-repeat center center; padding-top:16px; overflow:hidden; text-align:center;}
.footBot{ background:#1a1a1a; text-transform:uppercase; font-size:12px; font-family:Arial; color:#fff; height:30px; line-height:30px; }
.footBot .fr{ filter:alpha(opacity=30); -moz-opacity:0.3; opacity:0.3;}
.footBot a{ color:#fff; filter:alpha(opacity=30); -moz-opacity:0.3; opacity:0.3;}
.footBot a:hover{ color:#fff; filter:alpha(opacity=100); -moz-opacity:1; opacity:1; text-decoration:underline;}

.banner{ position:relative; overflow:hidden; height:500px;}
.slideCon{ width:100%; height:100%; }
.slideCon ul{ width:100%; height:100%; position:relative;}
.slideCon ul li{width:100%; height:100%; position:absolute; left:0; top:0; opacity:0;}
.slideCon ul li a{ display:block; width:100%; height:100%;}
.slideCon ul li a img{ position:absolute; left:50%; margin-left:-960px;}

.switchBar{ height:12px; position:absolute; bottom:20px; left:50%; z-index:200;}
.switchBar ul{ height:12px; overflow:hidden; }
.switchBar ul li{ float:left; margin-right:10px; width:12px; height:12px;}
.switchBar ul li a{ display:block; width:12px; height:12px; background:url(../image/bannerHover.png) no-repeat; }
.switchBar ul li .current,.switchBar ul li a:hover{background:url(../image/banner.png) no-repeat;}

.arrowNav{ width:100%; display:none;}
.arrowNav a{ position:absolute; top:50%; margin-top:-25px;  font-size:24px; font-weight:bold; color:#fff; display:block; width:50px; height:50px; text-align:center; text-decoration:none; background:#666; line-height:50px; display:block; z-index:200;}
.prev{ left:20px;}
.next{ right:20px;}


.indexPro{ padding:30px 0px 40px; height:386px; overflow:hidden;}
.title{ font-size:24px; color:#3c478f; width:100%; padding-bottom:15px; background:url(../image/titleBg2.png) no-repeat left bottom; margin-bottom:20px;}
.title img,.title span{ float:left;}
.title span{ font-weight:bold;}
.title a{ float:right; font-size:14px; color:#808080; margin-top:10px; }
.title a:hover{ color:#3c478f;  text-decoration:underline;}
.title img{ padding-right:15px; padding-top:10px;}
.proL{ width:600px; float:left; overflow:hidden;}
.proL .proImg{ display:block; width:100%; height:320px; overflow:hidden;}
.proL .proImg img:hover{ -webkit-transform:scale(1.2); -o-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); transform:scale(1.2);}
.newsR{ width:460px; float:right; overflow:hidden;}
.topNews{ height:88px; overflow:hidden; margin-bottom:10px;}
.newsImg{ width:140px; height:100%;}
.newsImg a{ display:block; width:100%; height:100%; overflow:hidden;}
.newsImg a img:hover{ -webkit-transform:scale(1.1); -o-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1);}
.topNews dl{ width:300px; padding-bottom:10px; border-bottom:1px solid #bfbfbf;}
.topNews dl dt{ margin-bottom:10px; font-weight:bold;}
.topNews dl dt a{ color:#333;}
.topNews dl dt:hover{ -webkit-transform:rotateY(30deg); -o-transform:rotateY(30deg); -moz-transform:rotateY(30deg); -ms-transform:rotateY(30deg); transform:rotateY(30deg);}
.topNews dl dt:hover a{ color:#3c478f; text-decoration:underline;}
.topNews dd{ font-size:12px; color:#808080; line-height:18px; height:36px; overflow:hidden;}
.secNews{ padding-bottom:9px; border-bottom:1px solid #bfbfbf; margin-bottom:10px;}
.indexTime{ background:url(../image/clock.png) no-repeat left center; padding-left:25px; color:#808080; line-height:22px;}
.secNews dt{ margin-bottom:10px; font-weight:bold;}
.secNews dt a,.secNews dt:hover a{ color:#3c478f;}
.secNews dt:hover{ -webkit-transform:rotateY(30deg); -o-transform:rotateY(30deg); -moz-transform:rotateY(30deg); -ms-transform:rotateY(30deg); transform:rotateY(30deg);}
.secNews dt:hover a{ text-decoration:underline;}
.secNews .indexNewsDes{ line-height:22px; color:#808080; height:44px; overflow:hidden;}

.reason{ padding:40px 0px 30px; background:#f2f2f2;}
.reasonTitle{ font-size:28px; font-weight:bold; padding:5px 0px; color:#3c478f; text-align:center; background:url(../image/titleBg.png) no-repeat center center;}
.reasonSmallT{ color:#808080; line-height:14px; font-size:14px; margin-bottom:20px; margin-top:10px; text-align:center;}
.reasonList{ height:195px; overflow:hidden;}
.reasonList ul{ height:100%; width:1140px;}
.reasonList ul li{ width:180px; margin-right:48px; float:left; height:100%;}
.reasonImg{ height:76px; padding-bottom:16px; background:url(../image/line.jpg) no-repeat center bottom; margin-bottom:10px; text-align:center;}
.reasonImg img:hover{ -webkit-transform:rotateY(360deg); -o-transform:rotateY(360deg); -moz-transform:rotateY(360deg); -ms-transform:rotateY(360deg); transform:rotateY(360deg);}
.reasonT span,.reasonT i{ font-size:18px; line-height:22px; font-style:normal; width:50%; margin-bottom:10px; font-weight:bold;}
.reasonT span{ text-align:right; color:#3c478f;}
.reasonT i{ text-align:left; color:#9eaac0;}
.reasonDes{ font-size:12px; color:#808080; line-height:16px; height:48px; text-align:center;}
.promiseImg a{ height:110px; position:relative; display:block; width:100%; 0height:100%; }
.promiseImg a .bigImg{ position:absolute; left:50%; top:0px; margin-left:-555px; z-index:10;}
.promiseImg a div{ position:absolute;left:60px; height:48px; top:35px; font-size:24px; color:#fff; font-weight:bold; z-index:20;}
.promiseImg a div img{ padding-right:25px; vertical-align:middle;}
.promiseImg a div img:hover{ -webkit-transform:rotateX(360deg); -o-transform:rotateX(360deg); -moz-transform:rotateX(360deg); -ms-transform:rotateX(360deg); transform:rotateX(360deg);}
.promiseImg a:hover{ filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}

.case{ padding:40px 0px;}
.caseL{ width:420px;}
.caseList{ position:relative; width:100%; overflow:hidden;}
.caseList.active{ filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;}
.leftArrow{ position:absolute; width:30px; height:36px; top:50%; margin-top:-18px; left:0px; z-index:100;}
.rightArrow{ position:absolute; width:30px; height:36px; top:50%; margin-top:-18px; right:0px; z-index:100;}
.slidePar{ width:100%; height:300px; overflow:hidden;}
.slidePar ul{ height:100%;}
.slidePar ul li{ position:relative; width:420px; height:300px; float:left;}
.slidePar ul li div{ position:absolute; left:0px; bottom:0px; width:420px; height:40px; background:url(../image/caseBg.png) repeat-x; font-size:16px;}
.slidePar ul li div a{ color:#fff; display:block; width:100%; height:100%; line-height:40px; text-align:center;}
.comment{ width:272px; overflow:hidden; float:left;}
.comment dl{ height:250px; padding:25px 0px; background:url(../image/commentBg.png) no-repeat; overflow:hidden; }
.comment dl.active{ filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;}
.comment dl dt,.comment dl dd{ padding-left:20px; padding-right:20px;}
.comment dl dt{ margin-bottom:10px;}
.comment dl dt a{ font-size:14px; color:#fff; font-family:Arial,"宋体"; font-weight:bold;}
.comment dl dt a:hover{ text-decoration:underline;}
.comment dl dd{ font-family:Arial,"宋体"; line-height:16px; font-size:12px; color:#fff; filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; margin-bottom:35px;}
.mapImg{ width:366px; height:366px; float:right; background:url(../image/map.jpg) no-repeat right bottom;}

.subBanner{ height:240px;}
.subBanner .content{ position:relative; height:100%;}
.columnName{ position:absolute; bottom:0px; left:0px; color:#fff; font-size:36px; padding:20px; background:#3c478f;}

.bread{ height:30px; line-height:30px; margin-bottom:40px;}
.bread .content{ background:#3c478f; height:100%;}
.menuList{ margin-left:10px;}
.menuList li{ float:left;}
.menuList li a{ display:block; padding:0px 25px; font-size:14px; color:#fff; min-width:56px; }
.menuList li a:hover,.menuList li a.current{ color:#3c478f; background:url(../image/subNavBg.jpg) no-repeat center center; }
.breadCon{ font-family:"宋体"; font-size:12px; color:#fff; margin-right:20px;}
.breadCon a{ color:#fff; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;  }
.breadCon a:hover{ filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }
.breadCon span{ filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}

.proDes{ padding:15px 25px; width:1050px; background:#3c478f; position:relative; margin-bottom:40px;}
.proDesL{ width:610px; height:300px;}
.proDesR{ position:absolute; right:25px; top:15px; background:url(../image/proRBg.png) no-repeat right center; width:455px; height:300px; z-index:100;}
.proDesCon{ width:380px; height:260px; overflow:hidden; margin:20px 25px 20px 45px; font-family:"宋体";}
.proDesCon h3{  margin-bottom:15px; font-size:24px; color:#3c478f; text-align:center; padding-bottom:10px; background:url(../image/proRtitleBg.png) no-repeat center bottom;}
.proDesCon div{ font-size:14px; color:#808080; line-height:20px; }

.proList ul{ width:1120px;}
.proList ul li{ width:138px; border:1px solid #808080; margin-right:20px; float:left; margin-bottom:20px;}
.proList ul li > a{ display:block; width:100%; overflow:hidden;}
.proList ul li .proImgLink{ height:118px; text-align:center;}
.proList ul li .proImgLink img:hover{ -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2); -ms-transform:scale(1.2); transform:scale(1.2);}
.proList ul li .proTxtLink{ height:26px; text-align:center; background:#3c478f; line-height:26px; width:140px; position:relative; left:-1px; color:#fff;}
.proList ul li .proTxtLink:hover{ text-decoration:underline;}
.proListBottom{ height:20px; padding:10px; color:#3c478f; font-size:12px; line-height:20px;}
.proListBottom .detail a{ color:#3c478f;}
.proListBottom .detail a img{ vertical-align:middle; padding-left:5px;}
.certificate{ cursor:pointer; line-height:20px;}
.certificate img{ padding-left:5px; vertical-align:middle;}
.proListBottom .detail:hover img,.proListBottom .certificate:hover img{ -webkit-transform:rotateY(360deg); -moz-transform:rotateY(360deg); -o-transform:rotateY(360deg); -ms-transform:rotateY(360deg); transform:rotateY(360deg);}

.tanBg{ display:none; z-index:900; position:fixed; left:0px; top:0px; right:0px; background:#000; filter:alpha(opacity=40); -moz-opacity:0.4; opacity:0.4; width:100%;}
.cerTan{ display:none; z-index:1000; background:#fff; position:fixed; padding:30px; width:486px; height:354px; position:fixed; left:50%; top:50%; margin-left:-259px; margin-top:-193px;}
.cerTan .leftArrow,.cerTan .rightArrow{ width:30px; height:36px; position:absolute; top:50%; margin-top:-18px;}
.cerTan .leftArrow{ left:0px;}
.cerTan .rightArrow{ right:0px;}
.cerTan .close{ position:absolute; right:10px; top:10px; font-size:24px; font-weight:bold; cursor:pointer;}
.cerTan .close:hover{ -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); -ms-transform:rotate(360deg); transform:rotate(360deg);}
.slidePar2{ width:414px; margin:0px auto; overflow:hidden; height:354px;}
.slidePar2 ul{ height:354px;}
.slidePar2 ul li{ width:414px; height:354px; float:left; overflow:hidden; margin:0px; padding:0px; border:0px;}
.slidePar2 ul li a{ width:100%; height:100%;}

.proDetail{ background:url(../image/water.jpg) repeat; padding-top:40px;}
.productL{ width:170px;}
.productR{ width:850px; margin-right:40px;}
.productMenu{ width:100%; font-family:"宋体"; }
.productMenu li{ width:100%; margin-bottom:1px;  }
.productMenu li > div{ width:118px; cursor:pointer; padding:0px 26px; height:35px; line-height:35px; color:#fff; font-weight:bold; background:#3c478f url(../image/close.png) no-repeat 136px center;}
.productMenu li > div.active{ background:#3c478f url(../image/open.png) no-repeat 133px center;}
.productMenu li dl{ display:none;}
.productMenu li.active{ margin-bottom:0px;}
.productMenu li.active dl{ display:block;}
.productMenu li dl dd{ width:100%; height:30px; line-height:30px; font-size:12px; background:#d2d4e4; margin-bottom:1px;}
.productMenu li dl dd a{ color:#3c478f; display:inline-block; padding-left:50px; padding-right:20px; background:url(../image/productMenu.png) no-repeat right center; }
.productMenu li dl dd a.cur{ color:#8f3c3c; background:url(../image/menuActive.png) no-repeat right center}

.productMenu li dl dd a:hover{ text-decoration:underline;}
.proIntro{ margin-bottom:40px;}
.introL{ width:302px; height:255px; border:1px solid #3c478f; position:relative; overflow:hidden;}
.introL ul{ position:absolute; height:255px; left:0px; top:0px;}
.introL ul li{ width:302px; height:255px; float:left;}
.navBar a{ position:absolute; z-index:10; top:50%; margin-top:-18px; width:30px; height:36px;}
.navBar a.productPrev{ left:0px; background:url(../image/leftArrow.png) no-repeat center center;}
.navBar a.productNext{ right:0px; background:url(../image/rightArrow.png) no-repeat center center;}
.introR{ width:505px;}
.introR h3{ font-weight:bold;}
.introR dt{ width:88px; margin-bottom:10px; height:30px; line-height:30px; color:#fff; background:#3c478f; font-size:16px; text-align:center; margin-right:12px;}
.introR dd{ width:405px; color:#3c478f; font-size:16px; line-height:30px; margin-bottom:10px;}
.parameterL{ width:640px; padding-bottom:80px;}
.parameterL table{ width:638px;  border-collapse:collapse; text-align:center;}
.parameterL table td{ border:1px solid #404040; height:50px; font-size:20px; color:#404040;}
.parameterL table th{ color:#3c478f; border:1px solid #404040; height:50px; font-size:18px;}
.parameterR{ width:170px; padding-top:65px;}
.detailTitle{ height:32px; line-height:32px; border-bottom:2px solid #3c478f; margin-bottom:30px;}
.detailTitle span{ display:inline-block; background:#3c478f; color:#fff; padding:0px 25px;}
.parameterR a{ display:block; height:50px; line-height:24px; background:url(../image/download.png) no-repeat center center; color:#fff; font-size:18px; padding-left:50px; width:120px; margin-bottom:20px;}
.parameterR a:hover{ text-decoration:underline;}



.caseCon{ padding-bottom:40px; margin-bottom:40px; border-bottom:1px solid #3c478f;}
.caseImg{ width:422px; position:relative;}
.caseImg > div{ font-size:16px; text-align:center; width:100%; height:40px; line-height:40px; color:#fff; position:absolute; left:0px; bottom:0px; background:url(../image/caseBg.png) repeat-x;}
.caseTxt{ width:640px;}
.caseTxt dd{ margin-bottom:10px;}
.caseTxt dd .caseTxtL{ color:#3c478f; font-size:16px; font-weight:bold;}
.caseTxt dd .caseTxtR{ font-family:"宋体"; font-size:16px; color:#595959; line-height:24px; max-width:555px;}

.pagination{ text-align:center; font-size:14px; line-height:14px; margin-top:20px;}
.pagination a{ display:inline-block; margin-right:5px; border:1px solid #9eaac0; color:#3c478f; padding:5px 8px; -webkit-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.pagination a:hover,.pagination span{ background:#3c478f; border:1px solid #3c478f; color:#fff;}
.pagination span{ margin-right:5px; display:inline-block; padding:5px 8px; -webkit-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }

.commentList{ margin-bottom:1px;}
.commentDetail{ margin-bottom:1px; height:36px; line-height:36px; background:#e6e6e6; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; border-radius:5px;}
.questionIco{ width:40px; padding-left:13px; height:36px; background:url(../image/questionBg.png) no-repeat; font-size:20px; line-height:36px; color:#fff; }
.questionIco.active{ background:url(../image/questionHover.png) no-repeat;}
.questionCon{ max-width:970px; padding-left:10px; overflow:hidden; color:#666; font-size:16px;}
.commentList a{ float:right; height:36px; font-size:14px; font-family:"宋体"; color:#666; margin-right:20px;}
.commentList a:hover,.commentList a.active,.questionCon.active{ color:#3c478f; }
.commentTxt{ background:#f2f2f2; line-height:22px; color:#666; padding:20px 64px 20px 53px; position:relative; display:none;}
.commentIco{ position:absolute; width:33px; padding-left:20px; height:36px; line-height:36px; font-size:20px; background:url(../image/comBg.png) no-repeat; right:0px; bottom:0px; color:#fff;}

.questionList li{ padding:20px 15px 15px 55px; background:url(../image/wenHao.png) no-repeat 20px 10px; font-family:"宋体"; border-bottom:1px dotted #ccc; }
.questionList li a{ color:#666; font-size:16px; line-height:16px; width:900px;}
.questionList li a:hover{ color:#3c478f; text-decoration:underline;}
.questionList li span{ font-size:14px; color:#666;}
.questionTable .content{ padding-top:40px; margin-bottom:40px; border-top:1px dashed #3c478f;}
.questionTable table div{ font-weight:bold; margin-top:20px; text-align:center;}
.question .newsTitle{ padding-bottom:10px; margin-bottom:20px; border-bottom:1px dashed #ccc;}

.checkL{ width:518px; height:298px; border:1px solid #3c478f; color:#fff; position:relative;}
.checkImg{ width:298px; height:298px; overflow:hidden;}
.checkImg img:hover{ -webkit-transform:scale(1.2);  -o-transform:scale(1.2);  -moz-transform:scale(1.2);  -ms-transform:scale(1.2);  transform:scale(1.2);}
.checkTxt{ font-family:"宋体"; width:190px; padding:50px 15px 10px; background:#3c478f; height:238px;}
.checkTxt h3{ text-align:center; font-size:16px;  padding:0px 0px 15px; font-weight:bold;}
.checkTxt > div{ line-height:20px; font-size:14px;}
.checkTitle{ text-align:center; font-size:16px; font-family:"宋体"; height:40px; line-height:40px; position:absolute; bottom:0px; left:0px; width:298px; z-index:100; background:url(../image/caseBg.png) repeat-x;}

.processTitle{ text-align:center; margin-bottom:40px; height:55px; line-height:55px; color:#3c478f; font-weight:bold; font-size:30px; background:url(../image/processTitle.jpg) no-repeat center center;}
.processList{ margin-bottom:80px;}
.processList li{ padding-bottom:20px; margin-bottom:20px; border-bottom:1px dotted #9eaac0; font-size:16px; color:#404040; line-height:26px;}
.processList li span{ background:url(../image/proBg.jpg) no-repeat center center; text-align:center; color:#fff; float:left; width:24px; height:24px; margin-right:10px; height:100%;}
.processList li div.fl{ width:1066px;}
.processImgList{ width:100%; overflow:hidden; }
.processImgList ul{ width:1160px; }
.processImgList ul li{ position:relative; width:520px; height:360px; margin-right:60px; margin-bottom:40px;}
.equipTxt{ text-align:center; height:62px; background:url(../image/processArrow.png) no-repeat center center; color:#fff; font-size:16px; position:absolute; top:0px; left:0px; z-index:100; width:100%; font-family:"宋体"; line-height:41px;}

.standard .reasonList{ height:381px; margin-bottom:40px; }
.standard .reasonList ul{ height:221px;}
.standard .reasonList .reasonImg{ background:none; padding-top:50px;}
.standard .reasonList li{ cursor:pointer; width:188px; height:221px; background:url(../image/standBg.jpg) no-repeat center top; margin-right:32px; text-align:center;}
.standard .reasonT{ color:#3c478f; font-size:18px; height:69px; font-weight:bold;}
.standard .reasonList li:hover{ background:url(../image/standHoverBg.jpg) no-repeat;}
.standard .reasonList li:hover .reasonT{ color:#fff;}
.standard .reasonList li .reasonImg .transition05{ display:none;}
.standard .reasonList li:hover .reasonImg img{ display:none;}
.standard .reasonList li:hover .reasonImg .transition05{ display:inline;}
.standardDetail{ margin-top:20px; text-align:center; display:none; height:105px; background:url(../image/standardBg.jpg) no-repeat center center; padding:25px 130px 10px; color:#fff;}
.standardDetail h3{ font-size:20px; margin-bottom:10px; }
.standardDetail > div{ font-size:14px; line-height:22px; filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; font-family:"宋体";}
.standardDetail.active{ display:block;}
.identy{ margin-top:40px;}
.identy > div{ margin-bottom:15px;}
.identyDetail{ font-size:14px; color:#666; line-height:24px; font-family:"宋体"; max-width:900px;}

.promise{ height:700px; background:url(../image/promise.jpg) no-repeat; font-family:"宋体"; }
.promiseL,.promiseR{ width:481px;}
.promiseL{ padding:40px 30px;}
.promiseR{ padding:130px 30px 30px;}
.promiseL h3{ margin-bottom:30px; text-align:center; font-family:"微软雅黑"; }
.promiseL h3 span{ font-size:28px; font-weight:bold; padding:5px 15px; color:#3c478f; border:2px solid #3c478f;}
.promiseLTxt{ font-size:14px; line-height:22px; color:#3c478f; margin-bottom:40px;}
.promiseTxt li{ padding-left:35px; font-weight:bold; color:#3c478f; font-size:16px; line-height:22px; padding-bottom:20px; border-bottom:1px dotted #bfbfbf; margin-bottom:20px; background:url(../image/star.png) no-repeat left top;}

.inquiryDetail{ height:589px; background:url(../image/inquiryBg.jpg) no-repeat center center;}
.inquiryL{ width:655px;}
.inquiryR{ width:420px; position:relative;}
.littlePerson{ position:absolute; top:-27px; right:65px;}
.beiZhu{ height:258px; padding-top:230px; width:420px; height:258px;}
.area{ min-height:589px;  text-align:center; background:url(../image/inquiryBg.jpg) no-repeat center bottom;}
.area .content{ width:1098px; background:#e6e6e6 url(../image/tableBg.jpg) no-repeat center 50px; margin-bottom:40px;}
.area h3{ background:#3c478f; color:#fff; font-weight:bold; font-size:24px; height:50px; line-height:50px; -webkit-border-top-left-radius:10px; -o-border-top-left-radius:10px; -ms-border-top-left-radius:10px; -moz-border-top-left-radius:10px; border-top-left-radius:10px;
          -webkit-border-top-right-radius:10px; -o-border-top-right-radius:10px; -ms-border-top-right-radius:10px; -moz-border-top-right-radius:10px; border-top-right-radius:10px;}
.areaL{ color:#3c478f; width:540px; border-collapse:collapse;}
.areaL th,.areaL td{ border:1px solid #3c478f;}
.areaL th{ font-size:20px; font-weight:bold; height:50px; border-top:0px;}
.areaL td{ font-family:"宋体"; font-size:16px; height:35px;}
.inquiryDes{ padding:40px; color:#3c478f; font-size:20px; line-height:28px; border:1px solid #3c478f;border-top:0px solid #3c478f;
             -webkit-border-bottom-right-radius:10px; -o-border-bottom-right-radius:10px; -ms-border-bottom-right-radius:10px; -moz-border-bottom-right-radius:10px; border-bottom-right-radius:10px;
             -webkit-border-bottom-left-radius:10px; -o-border-bottom-left-radius:10px; -ms-border-bottom-left-radius:10px; -moz-border-bottom-left-radius:10px; border-bottom-left-radius:10px;
             }
.partnerList li{ height:210px; background:url(../image/partnerBg.jpg) no-repeat 0 0; margin-bottom:30px; }
.partnerImg{ width:246px; height:196px; overflow:hidden; margin:2px 0px 2px 2px;}
.partnerImg img:hover{ -webkit-transform:scale(1.2); -o-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); transform:scale(1.2);}
.partnerTxt{ margin:40px 20px 40px 0px; height:130px; overflow:hidden; width:800px;}
.partnerTxt h3{ font-size:20px; color:#3c478f; margin-bottom:10px;}
.partnerTxt > div{ font-size:14px; color:#333; line-height:20px;}

.about{ height:370px; margin-bottom:40px; }
.aboutImg{ width:600px; text-align:right; padding-left:34px; padding-top:24px; height:100%; background:url(../image/aboutBg.jpg) no-repeat;}
.aboutTxt{ padding:25px 0px 10px 0px; width:435px; height:335px;}
.aboutTxt h3{ font-size:28px; color:#3c478f; font-weight:bold;}
.subAbout{ font-size:16px; color:#1a1a1a; padding-bottom:10px; background:url(../image/titleBg2.png) no-repeat 0 bottom; margin-bottom:25px;  font-family:"宋体",arial;}
.aboutTxtCon{ height:220px; overflow:hidden; color:#404040; font-size:12px; line-height:18px; background:url(../image/blueLine.jpg) no-repeat left bottom;}
.aboutTxtCon p{ margin-bottom:10px;}
.aboutColumn{ background:url(../image/shuLine.jpg) repeat-y center 0;}
.columnTitle{ font-size:20px; font-weight:bold; height:40px; line-height:40px; text-align:center; background:#3c478f; color:#fff;}
.columnL,.columnR{ width:100%;}
.columnL{ padding-top:175px; overflow:hidden;}
.aboutColumn ul li{ padding-top:40px; margin-bottom:185px; }
.columnL ul li{ float:left; background:url(../image/yearLine.jpg) no-repeat right 73px; width:470px;  padding-right:80px;  text-align:right;}
.year{ font-size:50px; color:#404040;}
.year span{ color:#3c478f; font-family:Arial;}
.yearSub{ color:#4c4c4c; font-size:14px; margin-bottom:40px;}
.yearImg{ width:320px; height:180px; overflow:hidden; }
.columnL .yearImg{ margin-left:150px;}
.columnR ul li,.columnL ul li.right{ padding-right:0px; margin-top:-180px; text-align:left; background:url(../image/yearLine.jpg) no-repeat 0 73px;  padding-left:80px; width:470px; float:right;}
.columnL ul li.right .yearImg{ margin-left:0px;}

.advantage{  position:relative; }
.advanBg{ position:absolute; right:-50px; bottom:0px; z-index:10;}
.advantage ul{ width:1110px;}
.advantage ul li{ width:280px; padding:25px 39px 39px; border:1px solid #9eaac0; margin-right:10px; float:left; margin-bottom:30px;
                  -webkit-box-shadow:0px 2px 1px rgba(153,153,153,0.75);-o-box-shadow:0px 2px 1px rgba(153,153,153,0.75);
                  -moz-box-shadow:0px 2px 1px rgba(153,153,153,0.75);-ms-box-shadow:0px 2px 1px rgba(153,153,153,0.75);
                  box-shadow:0px 2px 1px rgba(153,153,153,0.75);
                  }
.advantage ul li h3{ text-align:center; font-size:24px; font-weight:bold; color:#3c478f; margin:5px auto 10px;}
.advantageTxt{ color:#808080; line-height:18px; height:90px; overflow:hidden; margin-bottom:15px;}
.advanImg{ width:100%; height:165px; overflow:hidden;}

.culture{ margin-bottom:45px;}
.cultureL{ width:445px;}
.cultureR{ width:620px;}
.cultureR h2{ color:#3c478f; font-weight:bold; font-family:"宋体"; font-size:28px; padding-left:45px; margin-bottom:25px; background:url(../image/culture2.jpg) no-repeat 0 center;}
.cultureR h3{ color:#000; font-size:24px; margin:15px 0px;}
.cultureTxt{ font-size:14px; line-height:20px; color:#404040;}
.cultureList ul{ width:1240px;}
.cultureList ul li{ width:160px; margin-right:150px; float:left; margin-bottom:30px;}
.cultureList ul li h3{ font-size:20px; color:#3c478f; font-weight:bold;}
.cultureTitle{ padding-left:15px; background:url(../image/blueDot.jpg) no-repeat 0 8px; color:#595959; margin:10px 0px;}
.cultureImg{ width:100%; height:160px; overflow:hidden; position:relative;}
.smallCul{ position:absolute; top:10px; left:10px; color:#fff; -webkit-text-shadow:1px 1px rgba(0,0,0,0.75); -o-text-shadow:1px 1px rgba(0,0,0,0.75); -ms-text-shadow:1px 1px rgba(0,0,0,0.75); -moz-text-shadow:1px 1px rgba(0,0,0,0.75); text-shadow:1px 1px rgba(0,0,0,0.75); z-index:10;}

.team{ height:250px; padding-bottom:30px; border-bottom:1px dotted #3c478f; margin-bottom:30px;}
.teamL{ position:relative; width:400px; height:250px; overflow:hidden;}
.teamR{ width:660px; }
.teamList{ position:absolute; top:0px; left:0px; }
.teamList li{ width:400px; height:250px; float:left;}
.switchBar2{ position:absolute; width:100%; bottom:0px; z-index:10; left:0px; height:22px; line-height:35px; background:url(../image/teamBg.png) repeat; padding-top:13px;}
.switchBar2 ul{ margin:0px auto;}
.switchBar2 ul li{ width:8px; cursor:pointer; height:8px; margin-right:8px; float:left; background:#666; border:1px solid transparent;}
.switchBar2 ul li.active,.switchBar2 ul li:hover{ border:1px solid #fff; background:#3c478f;}
.teamR dt{ font-size:20px; color:#3c478f; padding-bottom:5px; border-bottom:1px solid #3c478f; margin-bottom:25px; font-weight:bold;}
.teamR dd{ font-size:14px; color:#808080; line-height:24px; height:144px; overflow:hidden;}
.teamTime{ color:#3c478f; margin-top:10px;}

.honorHead{ height:366px; overflow:hidden; background:url(../image/honorBg.jpg) no-repeat center center; margin-bottom:40px;
            
            }
.honorL{ width:460px; overflow:hidden; height:100%;}
.honorR{ width:600px; padding-left:40px; padding-top:100px; color:#3c478f; font-size:16px; line-height:24px; font-weight:bold; font-family:"宋体";}
.honorR p{ margin-bottom:20px;}
.honorImg{ height:532px; background:url(../image/honorBigBg.jpg) no-repeat center center; border-top:1px solid transparent; }
.honorImg .flexslider
{
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;
     border-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none; border:0px;}
.honorImg .slideHonorB{ width:500px; height:320px; margin:50px auto 40px;-webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.3); -moz-box-shadow:0px 0px 10px rgba(0,0,0,0.3); -ms-box-shadow:0px 0px 10px rgba(0,0,0,0.3); -o-box-shadow:0px 0px 10px rgba(0,0,0,0.3); box-shadow:0px 0px 10px rgba(0,0,0,0.3);}
.slideHonorB .slides li{ width:500px; height:290px; padding-top:30px; float:left; text-align:center; background:#fff; }
.slideHonorB .slides li img{ border:1px solid #b3b3b3; padding:0px 20px;}
.slideHonorB .slides li > div{ color:#3c478f; font-size:14px; font-family:"宋体"; margin-top:10px; font-weight:bold;}
.slideHonorB .flex-direction-nav a{ -moz-opacity:1; filter:alpha(opacity=100); opacity:1; width:45px; height:45px;}
.slideHonorB .flex-direction-nav .flex-prev{ background:url(../image/left.png) no-repeat center center; left:-145px;}
.slideHonorB .flex-direction-nav .flex-next{ background:url(../image/right.png) no-repeat center center; right:-145px;}
.slideHonorB .flex-direction-nav .flex-prev:hover{ background:url(../image/leftHover.png) no-repeat center center;}
.slideHonorB .flex-direction-nav .flex-next:hover{background:url(../image/rightHover.png) no-repeat center center;}
.honorImg .slideHonorS{ width:500px; margin:0px auto; height:72px; background:none;}
.honorImg .slideHonorS li{ width:108px; background:#fff; margin-right:20px; }
.honorImg .slideHonorS li.flex-active-slide img{ border:1px solid #3c478f;}
.honorImg .slideHonorS li img{ padding:0px 5px; border:1px solid #d9d9d9;}

.firstNews{ padding-bottom:40px; border-bottom:1px dashed #3c478f; margin-bottom:25px;}
.firstNewsL{ width:400px; height:250px; overflow:hidden;}
.firstNewsR{ width:660px; padding-top:25px;}
.firstNewsR dt a,.firstNewsR dt span{ display:block;}
.firstNewsR dt a{ color:#3c478f; font-size:16px; margin-bottom:10px; font-weight:bold;}
.firstNewsR dt a:hover{ text-decoration:underline;}
.firstNewsR dt span{ color:#808080; margin-bottom:20px;}
.firstNewsR dd{ color:#808080; line-height:24px; height:72px; overflow:hidden; margin-bottom:20px;}
.more{ width:90px; height:30px; line-height:30px; color:#fff; text-align:center; display:inline-block; background:#808080;}
.more:hover{ background:#3c478f; color:#fff; text-decoration:underline; }
.newsList{ padding:15px 0px; border-bottom:1px dotted #ccc; }
.newsList dt{ margin-bottom:10px;}
.newsList dt span{ padding-left:22px; background:url(../image/clockBlue.jpg) no-repeat 0 center; color:#3c478f; margin-right:20px;}
.newsList dt .newsCon{ color:#4c4c4c; font-size:16px; width:850px; font-weight:bold;}
.newsList dt .newsCon:hover{ color:#3c478f; text-decoration:underline; }
.newsMore{ color:#666;}
.newsMore:hover{ text-decoration:underline; color:#3c478f;}

.newsTitle{ font-weight:bold; font-size:24px; margin-bottom:10px; color:#333;}
.newsSmall{ color:#808080; padding-bottom:10px; border-bottom:1px dashed #808080; margin-bottom:20px;}
.newsDetail{ color:#666; line-height:25px;}
.newsSmall span{ padding-right:20px;}
.newsDetail p{ margin-bottom:10px;}
.relateNews{ margin-top:50px;}
.relateNews h3{ color:#333; padding-bottom:10px; border-bottom:1px dashed #808080; margin-bottom:20px;}
.relateNewsPrev{ color:#999; margin-bottom:10px;}
.relateNewsPrev a{ color:#333; width:900px; display:inline-block;}
.relateNewsPrev a:hover{ color:#3c478f; text-decoration:underline;}

.mapCon{ border:1px solid #3c478f;}
.contactMap{ position:relative;}
.contactTxt{ width:310px; position:absolute; right:0px; top:1px; z-index:1000; height:330px; padding:30px 20px 40px; background:url(../image/contactBg.png) repeat; color:#fff; text-align:center;}
.contactTxt h3{ font-size:20px; color:#fff; position:relative; padding-bottom:20px; border-bottom:1px solid #7981b2; margin-bottom:25px;}
.contactTxt h3 span{ position:absolute; width:92px; height:3px; background:#fff; bottom:-2px; left:50%; margin-left:-46px;}
.contactTxt p{ color:#fff; font-family:"宋体"; line-height:28px; font-size:16px;}
.contactTxt .code{ margin-top:25px;}

.online table{ border-collapse:collapse; color:#333; font-size:16px;}
.online td input{ background:url(../image/txtBg.jpg) repeat-x; margin-bottom:20px; border:1px solid #b3b3b3; width:508px; padding:11px 5px; line-height:16px; height:16px; }
.online td textarea{ font-size:14px; outline:0; border:1px solid #b3b3b3; width:1088px; margin-bottom:20px; background:url(../image/textBg.jpg) repeat-x; padding:10px 5px; height:138px;}
.online td button{ background:url(../image/submitBg.jpg) repeat-x; border:1px solid #3c478f; color:#fff; width:1098px; height:43px; line-height:43px;}

.searchList li{ height:40px; line-height:40px; border-bottom:1px dashed #ccc;}
.searchList li .columnLink{ color:#3c478f; font-weight:bold;}
.searchList li .columnLink:hover{ text-decoration:underline; }
.searchList li .searchLink{ color:#333; width:880px; margin-left:20px; }
.searchList li .searchLink:hover{ text-decoration:underline; color:#3c478f;}
.searchList li span{ color:#999;}

.joinTable{ margin-top:50px;}
.join .joinTable td input{ margin-bottom:0px; width:341px; vertical-align:middle;}
.join .joinTable td img{ vertical-align:middle; cursor:pointer;}
.join .joinTable td textarea{ margin-bottom:0px; font-size:14px;}
.joinTxt{ line-height:30px;}





@media screen and (max-width: 768px){
	.reason{ padding:40px 0px 0px; background:#f2f2f2;}
    .breadCon,.breadCon span{ color:#666;  opacity:1;  }
    html,body{ overflow-x: hidden}
    .proDesCon div{ color: #fff}
    .headRTop,.search,.inquiry,.weChat,.QQ{ display: none}
    .menu{ position: absolute; right: 0; top: 0; width: 60px; height: 60px; background-image: url(../image/menu.png); background-repeat: no-repeat; background-position: center center;
    background-size: 50% auto; z-index: 1000}
    .header{ height: 60px; overflow: hidden}
    .header img{ height: 45px; margin-top: 7px; width: auto}
    .headNav{ width: auto; background-image: none; display: none}
    .headNav .content{ width: 100%;background-color: rgba(0,0,0,0.8)}
    .headNav{ position: absolute; top: 60px; left: 0; width: 100%}
    .headNav ul li,.headNav ul li.first{ width: 100%; background-image: none}
    .headNav ul .first .firstNav:hover, .headNav ul .first.current .firstNav{ background-image: none}
    .headNav ul .first .firstNav,.headNav ul li .firstNav { width: 100%}
    #doyoo_panel{ display: none !important;}
    .slideCon ul li a img {
        position: inherit;
        margin-left:0; width: 100%;
    }
    .headRBot>.english{ position: absolute; top: 0; right: 70px}
    .headRBot>.english img,.headRBot>.chinese img{ height: 60px; object-fit: contain}
    .headRBot>.chinese{position: absolute; top: 0; right:140px}
    .headRBot.clear{ position: inherit}
    .banner{ height: 240px;}
    .content{ width: 95%; margin: auto; padding: 0 2.5%}
    .proL{ width: 100%}
    .title{ font-size: 16px; padding-bottom: 5px;}
    .title img{ padding-top: 5px;}
    .proL .proImg{ height: 200px;}
    .opaLShow .proImg{ height: auto !important;}
    .reason{  width: 100%}
    .proImg img{ width: 100% !important; height: auto !important;}
    .hos3 .content img{ max-width: 100%; height: auto !important; }
    .hos3 .content div{ padding: 0 !important;}
    .newsR{ width: 100%}
    .indexPro{ height: auto !important;}
    .comment{ width: 100%}
    .comment dl{ background-image: none}
    .comment dl dt a,.comment dl dd{ color: #666}
    .opaLShow{ margin-top: 20px}
    .opaLShow{ width: 100%}
    .footContact{ height: auto !important;}
    .footContact > div{ margin-bottom: 10px; float: none; margin-right: 0; height: auto}
    .footContact .lastContact{ float: none}
    .botNav li{ width: 33%; margin-right: 0}
    .footLink .botNav{ width: 100%; overflow: hidden; float: none}
    .mapImg{ width: 100%}
    .footBot{ display: none}
    .headL{ width: 100%}
    .botCode{ float: none}
    .botNav li dd a{ font-size: 14px;}
    .headNav ul li dl dd{ background-image: none}
    .headNav ul li{ height: auto}
    .headNav ul li:hover .firstNav, .headNav ul li.current .firstNav{ background-image: none}
    .headNav ul li dl{ display: none !important;}



    .subBanner{ background-size: cover !important;}
    .menuList{ margin-left: 0; width: 100%; border-bottom: 1px solid #5c5c5c; line-height: 45px;}
    .bread{ min-height:100px;}
    .breadCon{ width: 100%; float: none !important;}
    .bread{ height: 60px;}
    
    .bread .content a{ color: #fff}
    .menuList li a:hover, .menuList li a.current{ background-image: none; font-size: 14px; color: #fff}
    .proDesL,.proList ul{ width: 100%}
    .proDesR{ width: 100%; background-image: none; top: 0; left: 0; right: 0; position: inherit}
    .proDesCon{ width: 95%; margin: auto !important;}
    .proList{ margin-top: 30px;}
    .proDesL img{ width: 100% !important; height: auto !important;}
    .breadCon a{  opacity:1;  }
    .proList{ width: 100%; padding: 0}
    .proList ul li{ width: 44%; margin: 2.5%}
    .productMenu li > div{background-position: 95% center !important;
    width:95%;padding: 0 2.5%}
    .caseImg,.caseTxt{ width: 100%}
    .caseImg img,.online td button{ width: 100% !important;}
    .columnName {
        font-size: 24px;
        padding: 10px;
    }

.proDetail .fl{ text-align: center}
    dd {
        display: block;
        -webkit-margin-start: 0;
    }
    .introR dd{ width: 100%}
    .proDes .proDesL{ background-color: #fff; height: auto}
    .promiseL, .promiseR{ width: 100%; padding: 0 !important;}
    .promise{ height: auto; background-image: none}
    .opaLShow>img{ width: 100% !important; height: 400px !important;}
    .inquiryR{ width: 100%}
    .beiZhu{ width: 100%; height: auto}
    .beiZhu img{ width: 100% !important; height: auto !important;}
    .areaL{ width: 100%}
    .area .content{ width: 95%; }
    .area h3{ display: none}
    .about{ width: 100%}
    .aboutImg{ width: 90%; padding: 5%; background-size: 100% 100%; height: auto}
    .aboutImg img{ width: 100% !important; height: auto !important;}
    .aboutTxt{ width: 100%; height: auto; padding: 0}
    .about{ height: auto}
    .aboutColumn{ background-image: none}
    .columnL ul li{ width: 100% !important;  padding-left:0 !important; float: none !important; background-image: none !important; padding-right: 0 !important;}

    .yearImg,.yearImg img{ width: 100% !important; height: auto !important;}
    .columnL .yearImg{ margin-left: 0}
    .aboutTxtCon{ height: auto}

    .wrap{ width: 100%}
    .wrap.bread{ min-width: 300px !important; height: auto}
    .wrap.bread .content{ height: auto}

    .joinTable td,.joinTable tr,#formid tr,#formid td{ display:block !important; float: none; height: auto!important; width: 100%}
    .join .joinTable td input{ display: block; float: left; margin-bottom: 15px}
#formid table{ display: block}
    .online td textarea{ width: 100%}
    #formid{ width: 100%; overflow: hidden; display: block}
    .joinTable{ display: block; width:100%; margin: auto}
    .my-map{ width: 100% !important;}
    .contactTxt{ width: 100%; padding: 0}
    .contactTxt{ position: inherit}
    .contactMap .contactTxt{ margin-top: 20px;}

    .partnerList li{ height: auto; background-image: none}
    .partnerImg{ display: none}
    .partnerTxt{ width: 100%; margin: 0}
    .content img{ max-width: 100%;margin: auto; display: block}
    .processList li>span{ display: none}
    .processList li div.fl{ width: 100%}
    .processImgList ul{ width: 100%; overflow: hidden}
    .processImgList ul li{ width: 100%; margin-right: 0}
    .standard .reasonList{ height: auto}
    .checkL,.checkImg,.checkTxt{ width: 100%}
    .checkTxt{ padding: 10px 0}
    .checkTitle{ width: 100%}
    .checkL ,.checkL .checkTxt{ height: auto}
    .checkL .checkTxt{ padding-bottom: 40px}
    .checkL{ margin-bottom: 20px; float: none !important; overflow: hidden}
    .checkTxt>div{ width: 95%; margin: auto}
    .questionList li{ padding-left: 0; background-image: none}
    .questionIco{ display: none}
    .commentTxt{ padding-left: 20px}
    .advantage ul li{ width: 95%; padding: 2%; margin: auto; float: none; margin-bottom: 20px}
    .advantage ul{ width: 100%; margin: auto; overflow: hidden}
    .advantage .advanImg img{ width: 100% !important;; height: auto !important;}
    .advanBg{ display: none}
    .advantageTxt{ height: auto}
    .cultureL img{ width: 100% !important; height: auto !important;}
    .cultureR{ width: 100%; float: none; height: auto}
    .cultureList ul{ width: 100%; overflow: hidden;}
    .cultureList ul li{ width: 45%; margin: 2.5%}
    .cultureL{ width: 100%; float: none !important;}
    .cultureList ul li:last-child{ width: 100% !important;}
    .teamL,.teamList{ width: 100% !important; height: auto !important;}
    .teamR{ width: 100%; float: none !important;}
    .switchBar2{ display: none}
    .honorHead{ height: auto; width: 100%}
    .honorR{ width: 100%; padding-top: 20px}
    .honorImg{ width: 100%}
    .honorImg .slideHonorB{ margin-top: 0; width: 100%}
    .honorHead{ background-image: none}
    .firstNewsR{ width: 100%}
    .newsList dt .newsCon{ width: 100%}
    .proList ul li .proTxtLink{ width: 100%}
    .productL{ width: 100%; float: none}
    .productR{ width: 100%; overflow: hidden; margin-right: 0; float: none}
    .introL,.introR{ width: 100%; float: none !important;}
    .subBanner .content{ height: auto}
    .columnName{ bottom: -240px; color: #fff}
    


    .phoneformid{ display: block}
    .phoneformid_row{ width: 95%; padding:0 2.5%; overflow: hidden; margin-bottom: 10px;}
    .phoneformid_row input{ display: block; border: none; background-color: #f3f3f3; width:100%; padding: 0 5px; height: 40px;}
    .phoneformid_row #verification{ width: 50% !important; float: left}
    #leaveCon,#msgCon{ width:100%; border: none; background-color: #f3f3f3; height: 100px}
    .phoneformid_rowbtn button{ display: block; width: 100%; height: 40px; background-color: #0b99f3; color: #fff}

    #looyu_leave,#doyoo_panel,#doyoo_monitor{ display: none !important;}
    .wrap{ min-width: 300px !important;}
    .reasonList{ width: 100%; height: auto; overflow: hidden}
    .reasonList ul{ width: 100%; overflow: hidden; height: auto}
    .reasonList ul li{ width: 33%; margin-right: 0; margin-bottom: 30px;}
    .promiseImg{ width: 100%;}
    .reasonSmallT{ line-height: 28px;}
    .newsImg{ float: none; margin: auto}
    .headNav{ z-index: 1000}
    .promiseImg a .bigImg {
        position: absolute;
         left: -10px;
         top: 0px;
         margin-left:0;
        z-index: 10;
        object-fit: contain;
    }
    .promiseImg a div{ left: 10px;}
    .indexPro{    padding: 10px 0px 20px;}
    .reasonList ul li:last-child{ float: none; margin: auto; clear: both}
    .case{ padding-top: 20px}
    .botCode{  margin: auto;margin-top: 20px;}
    .footLink{ padding: 20px 0}
    .introR dt{ float: none; margin: auto; overflow: hidden}
    .introR dl{ text-align: center}
    .parameterR{ width: 100%; padding-top: 30px;}
    .parameterR a{ margin: auto; margin-bottom: 15px;}
    .introL ul li{ width: 100% !important;}
    .introL ul{ width: 100% !important;}
    .introL{ border: none}
    .footContact img{ display: inline !important;}
    .proDetail{ padding-top: 20px;}
    .opaRShow{ margin-bottom: 20px !important;background-size: 80%;
    background-position: center;}
    .areaL td{ width: 50%}
    .opaLShow{ margin-bottom: 15px;}
    .honorL{ height: auto !important;}
    .flex-direction-nav{ display: block}
    .main{min-height: 200px}
    .content  .headL img{ float: left}
}
.slideHonorB .flex-direction-nav a{ display: none}

@media screen and (max-width:640px){
    .standardDetail{ background-image: none; background: none}
    .content .transition05{ display: inline-block; height: 30px; width: auto; padding-right: 0}

    .promiseImg a div {
        font-size: 10px;
        left: 0;
        font-weight: normal;
        line-height: 40px;
    }
    .banner{ height: 200px}
    .slideCon ul li a img{ height: 200px}
    .processImgList ul li{ height: auto}
    .processImgList ul li img{ height: auto !important;}
    .standardDetail{padding-left: 0; padding-right: 0; text-align: center}
    .standard .reasonList li{ width: 40%; margin:0 4% }
    .standard .reasonList ul{ height: auto}
    .reasonList ul{ width: 100%}
    .reasonList ul li{ width: 50%; margin-right: 0; margin-bottom: 30px;}
    .inbanner .bd li a{ display: block; width: 100%; height: 100%}
    .reasonList ul li{ height: 160px;}





}
@media screen and (max-width:410px){
    .banner{ height: 160px}
    .slideCon ul li a img{ height: 160px;}
}

.phoneformid{ display: none}