@charset "utf-8";

/* CSS Document */

body{ background-color:#F5F5F5;}

.waper-banner{ width:100%; margin-top:137px;}

.waper-banner img{ width:100%; display:block;}

.contner{ width:80%; position:relative; margin:0 auto}

.sectn-nav{ width:100%; display:table;}

.sectn-nav ul li{ float:left; width:33.333333%;}

.sectn-nav2 ul li{ width:50%;}

.sectn-nav3 ul li{ width:25%;}

.sectn-nav ul li a{ display:block; width:100%; padding:43px 0; text-align:center; font-size:14px; background-color:#fff; color:#999999;}

.sectn-nav ul li a:hover{ background-color:#FCA158; color:#fff;}

.sectn-nav ul li a.on{ background-color:#FCA158; color:#fff;}

.smll-logo{ width:100%; background-color:#fff; margin:50px 0; padding:30px 0; display:table;}

.smll-logo ul li{ float:left; width:25%; text-align:center; margin-bottom:20px;}

.smll-logo ul li img{ display:inline-block;}



.fw-field,

.fw-process,

.coch-us,

.join-us,

.join-td,

.join-introdu,

.join-honor{ width:100%; background-color:#fff; margin-top:30px; display:table;}





.fw-field .sub-field,

.fw-process ul,

.coch-us .sub-coch-us,

.sub-join,

.sub-join-td,

.sub-introdu,

.sub-honor{ padding:30px 70px;}



.fw-field .sub-field ul li{ display:table; margin-bottom:50px;}

.fw-field .sub-field ul li h3{ font-size:16px; color:#363636; font-weight:bold;}

.fw-field .sub-field ul li p{ line-height:20px; color:#999999; line-height:1.8; margin-top:25px;}

.fw-field .sub-field ul li p img{width:100%;height:auto;}

.the-company div img{width:100%;height:auto;}



.fw-field .sub-field ul li .img{ display:table; width:100%; margin-top:30px;}

.fw-field .sub-field ul li .img span{ display:block; width:32.5%; width:31.5%\0; float:left; margin-right:1%; padding-top:23%; position:relative;}

.fw-field .sub-field ul li .img span img{ width:100%; position:absolute; left:0; top:0; display:inline-block;}

.fw-field .sub-field ul li .img span:last-child{ margin-right:0%;}



.fw-process ul li{ width:100%; display:table; margin-bottom:50px;}

.fw-process ul li dl dt{ float:left; width:50%; text-align:center;}

.fw-process ul li dl dt img{ display:inline-block;max-width: 100%;height: auto;}

.fw-process ul li dl dd{ float:left; width:50%;}

.fw-process ul li dl dd h3{ font-size:24px; color:#363636; font-weight:bold;}

.fw-process ul li dl dd h3 font{ font-size:18px; color:#B4B4B4; font-family:'Arial'; font-weight:300; text-transform:uppercase; display:inline-block; margin-left:20px;}

.fw-process ul li dl dd h5{ margin-top:20px; font-size:14px; color:#363636; position:relative; margin-left:20px;}

.fw-process ul li dl dd h5:before{ position:absolute; content:''; left:-20px; top:6px; width:5px; height:12px; background-color:#FCA158;}

.fw-process ul li dl dd p{ font-size:13px; color:#999999; line-height:2;}

.fw-process ul li:nth-of-type(even) dl dt{ float:right;}

.fw-process ul li:nth-of-type(even) dl dd{ float:left;}

.fw-process ul li:last-child dl dd h3{ color:#6CA685;}

.fw-process ul li dl dd h5:nth-of-type(2):before{ background-color:#DDDDDD;}

.fw-process ul li:last-child dl dd h5:nth-of-type(2):before{ background-color:#A2E6BD;}

.fw-process ul li:last-child dl dd h5:nth-of-type(3):before{ background-color:#F47777;}





.sub-coch-us ul li{ float:left; width:50%;}

.sub-coch-us ul li h3{ font-size:20px; color:#363636; font-weight:bold;}

.sub-coch-us ul li h4{ font-size:13px; font-family:'Arial'; color:#777777; text-transform:uppercase; line-height:1.7; margin:20px 0;}

.sub-coch-us ul li p{ margin-bottom:15px;}

.sub-coch-us ul li p i,

.sub-coch-us ul li p font{ display:inline-block; color:#989898; text-transform:uppercase; vertical-align:middle;}

.sub-coch-us ul li p i{ margin-right:15px;}

.sub-coch-us ul li:last-child{/* padding-top:30%*/; position:relative; z-index:1;}

#dituContent{ position:absolute; left:0; top:0; padding-top:58%;}

#dituContent{ position:relative\0; width:200px\0; height:80px\0;}



.top-tit{ width:100%; border-bottom:1px solid #EAEAEA; display:table; padding:20px 0; cursor:pointer;}

.top-tit h3{ float:left; font-size:16px; color:#363636;}

.top-tit font{ float:right; margin-top:6px; width:58px; height:15px; line-height:15px; color:#CCCCCC; text-transform:uppercase; background:url(../img/bot-jt.png) no-repeat right center;}



.bot-cont{ padding:20px 0; display:none;}

.bot-cont h4{ font-size:16px; color:#6CA685;}

.bot-cont h5{ color:#363636; font-size:14px; position:relative; margin-left:20px; margin-top:20px;}

.bot-cont h5:before{ position:absolute; content:''; left:-20px; top:6px; width:5px; height:12px; background-color:#FCA158; }

.bot-cont h5:nth-of-type(2):before{ background-color:#A2E6BD;}

.bot-cont p{ margin-top:5px; line-height:1.7; color:#999999;}



.next-waper{ width:100%; border-top:1px solid #EAEAEA; margin-top:100px;}

.next-waper a{ display:block; padding:20px 0; width:80px; height:30px; line-height:30px; font-size:14px; color:#363636; text-align:right; color:#000; background:url(../img/lft-jt.png) no-repeat left center;}



.the-company{padding-bottom:30px;  border-bottom:1px solid #EAEAEA;}

.the-company:last-child{ border:none;}

.the-company h2{ font-size:16px; color:#363636; text-align:center; line-height:1.8;}

.the-company h2 strong{ display:inline-block; margin-right:14px;}

.the-company p{ font-size:14px; color:#999999; line-height:2; margin-top:20px;;}

.the-company p img{ width:100%;}

.the-company h5{ color:#363636; font-size:14px; position:relative; margin-left:20px; margin-top:20px;}

.the-company h5:before{ position:absolute; content:''; left:-20px; top:6px; width:5px; height:12px; background-color:#FCA158; }



.sub-join-td ul{ width:100%; display:table;}

.sub-join-td ul li{ float:left; width:33.33333%; position:relative;}

.sub-join-td ul li dl{ width:100%; position:relative;}

.sub-join-td ul li dl dt{ width:100%;}

.sub-join-td ul li dl dt img{ width:100%;}

.sub-join-td ul li dl dd.t1{ display:block; padding:7%; background-color:#F8F8F8; margin-top:-4px;}

.sub-join-td ul li dl dd.t1 i{ display:block; font-size:28px; color:#363636; font-style:normal;}

.sub-join-td ul li dl dd.t1 small{ display:block; font-size:16px; color:#999999; margin-top:8px; height:65px;}

.sub-join-td ul li dl:hover dd.t1{ background-color:#A2E6BD;}

.sub-join-td ul li dl:hover dd.t1 i,

.sub-join-td ul li dl:hover dd.t1 small{ color:#fff;}

.sub-join-td ul li dl dd.t2{ width:86%; background-color:#EFEFEF; padding:7%; display:none;

	transition: all .4s linear 0s;

	-webkit-transition: all .4s linear 0s;

	-moz-transition: all .4s linear 0s;

	-ms-transition: all .4s linear 0s;

}

.sub-join-td ul li dl dd.t2 p{ font-size:13px; color:#999999; line-height:1.8; margin-top:5px;}

.sub-join-td ul li dl dd.t2 p em{ display:inline-block; width:6px; height:6px; border-radius:50%; vertical-align:middle; margin-right:10px; background-color:#DDDDDD;}

.sub-join-td ul li dl:hover dd.t2{ display:block;}



.sub-introdu .xj p{ line-height:1.8; color:#999999; font-size:14px; margin-bottom:30px;}

.sub-introdu .xj p img{ width:100%;height:auto;}

.sub-introdu .ls{ width:100%; min-height:300px; margin-top:40px; background:url(../img/ik2.jpg) repeat-y left top;}

.sub-introdu .ls li{ width:100%; display:table; margin-bottom:35px;}

.sub-introdu .ls li dl{ margin-left:-9px;}

.sub-introdu .ls li dl dt{ float:left; width:100px;}

.sub-introdu .ls li dl dt span{ display:inline-block; margin-right:15px; width:18px; height:18px; background:url(../img/ik.jpg) no-repeat center center; vertical-align: middle;}

.sub-introdu .ls li dl dt font{ font-size:14px; color:#999999; vertical-align:middle;}

.sub-introdu .ls li dl dd{ float:left; margin-left:20px; min-width:30%; max-width:82%; font-size:14px; line-height:1.8;  background-color:#F5F5F5; color:#999999; padding:10px; margin-top:-10px;}

.sub-introdu .ry{ margin-top:20px;}



.sub-honor ul{  width:100%; display:table;}

.sub-honor ul li{ width:100%; height:100%; display:table; margin-top:-5px;}

.sub-honor ul li .lft,

.sub-honor ul li .rit{ float:left; width:40%; position:relative; min-height:440px; padding:0 5%;}



.sub-honor ul li .lft font{ font-size:25px; font-weight:bold; color:#DDDDDD; position:absolute; top:50%; transform:translateY(-50%); right:20px;}

.sub-honor ul li .lft span{ display:block; width:7px; height:100%; border:1px solid #DDDDDD; border-top:0px; border-bottom:0px; position:absolute; right:0;}

.sub-honor ul li .rit dl{ margin-bottom:30px;}

.sub-honor ul li .rit font{ font-size:14px; color:#999999; display:block; margin-top:10px;}

.sub-honor ul li .rit span{ font-size:14px; color:#999999; display:block; margin-top:5px; line-height:1.8;}

.sub-honor ul li:nth-of-type(even) .lft{ float:right;}

.sub-honor ul li:nth-of-type(even) .lft font{ left:20px;}

.sub-honor ul li:nth-of-type(even) .lft span{ left:-9px;}

.sub-honor ul li:nth-of-type(even) .rit{ text-align:right;}

.sub-honor ul li:first-child .lft span{ border-top:1px solid #DDDDDD;}

.sub-honor ul li:last-child .lft span{ border-bottom:1px solid #DDDDDD;}

.sub-honor ul li:nth-of-type(2n) .lft span{ background-color:#A3E6BD; border-color:#A3E6BD;}

.sub-honor ul li:nth-of-type(4n) .lft span{ background-color:#FCA158; border-color:#FCA158;}





.fours{ width:612px; height:422px; position:absolute; left:50%; margin-left:-306px; top:50%; margin-top:-211px; background:url(../img/404.jpg) no-repeat center top;}

.four-nav{ text-align:center; position:absolute; bottom:84px; width:100%;}

.four-nav a{ display:inline-block; color:#94DEB1; font-size:14px; margin:0 22px;}

.fours .fyt a{ display:block; width:120px; height:30px; border-radius:5px; background-color:#94DEB1; color:#fff; font-size:14px; text-align:center; line-height:30px; position:absolute; left:50%; margin-left:-60px; bottom:20px;}
.sub-coch-us ul li>div{width: 100% !important;}

@media only screen and (max-width:1366px) {

.sub-introdu p img{max-width:100%;height:auto;}
}