@charset "utf-8";
/* CSS Document */
body { font-size: 16px; font-family: '微软雅黑','Microsoft YaHei', Arial, Helvetica, sans-serif, ""; font-weight: normal; text-align: center; color: #666 ; background-color:#f8f8f8 ; line-height:1.5em; }
ul, li { list-style: none; }
textarea { resize:vertical; border: 1px solid #e1e1e1; }
table { border-collapse: collapse; border-spacing: 0; font-size: 12px; border: 0; }
input {vertical-align: middle; }
input[type=text], textarea { outline: none; }
input[type=button] { cursor: pointer; font-family: '微软雅黑'; }
select, em, s, small, i, u, strong, font, ins { font-style: normal; text-decoration: none; }
html, body, div, span, p, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input { margin: 0; padding: 0; }
.fix:after { display:block; height:0; clear:both; overflow:hidden; visibility:hidden; content:'';}
a:link, a:visited { text-decoration: none; color: #333; }
a:hover { color: #f06105; }
img { border: none; }
.fl { float: left; }
.fr { float: right; }
.hide { display: none }
.show { display: block; }
.clear { clear: both; }
.ofh{ overflow: hidden; }
.tal { text-align: left; }
.tar { text-align: right; }
.bdnone { border: none; }
.rel { position: relative; }
.abs { position: absolute; }
.container {text-align: left; width: 908px; margin:0 auto; clear:both;}
.clearfix{ height:0px; overflow:hidden; clear:both; line-height:0; font-size:0; width:100%;}
/**/
.focusbox,.focusbox .imgs li{height:435px;}
.focusbox{  position:relative; overflow:hidden; clear:both;}
.focusbox .imgs li{ position: relative; background-repeat:no-repeat;background-position:center center; text-align:center; width:100%;}
.focusbox .thumbbox{ position:absolute; bottom:13px; left:0px; width:100%; text-align:center;}
.focusbox .thumbbox span{ display:inline-block; width:64px; height:10px; background-color:#fff; margin:  0 10px;}
.focusbox .thumbbox span.cur{background-color:#21d7a1 ;}
.focusbox .more{background:url(../images/bg1.png) no-repeat center center; width: 199px; height: 58px; line-height: 58px; color: #fff; text-align: center; font-size: 24px; display: inline-block; position: absolute; bottom: 110px; left: 50%; margin-left: -100px;}
.supervisioncodeFocus.focusbox .more{ margin-left: -290px; bottom: 68px;}
/*-foot-*/
/*.footbox,.footiframe iframe{height:432px;}*/
.footboxwrap{background-color: #eee ;  clear:both; /*font-family:"宋体";*/}
.footbox,.footbox a{color: #666;}
.footbox{ padding: 48px 0;}
.footbox .links { font-size: 18px; line-height: 1.1em; margin-bottom: 20px;}
.footbox .links a{ display: inline-block; padding: 0 10px; border-right: 1px solid transparent; border-left:1px solid #666;}
.footbox .links a.home{ border-left: none;}
.footiframe iframe{ width:100%; }
.copyright{  text-align:center; font-size: 16px;}
/**/
.sidePopWrap{ display:block;  font-size: 12px; line-height: 1.5em; position:fixed; width: 136px;  z-index:100; top:0; height: 100%;
/*    left:50%;margin-left: 640px;*/
    right:0px;
   color: #333;
}
.sidePopWrap.click{ right: -136px;}
.sidePopWrap .code{ width: 132px; height: 132px;}
.sidePopWrap .name{}
.sidePopWrap .bd1{ width: 100%; display: table; height: 100%; }
.sidePopWrap .bd2{ display: table-cell; vertical-align: middle;}
.sidePopWrap .bd3{ padding: 10px 5px 15px; border-radius:5px 0 0px 5px; background-color: #fff; position: relative;}
.sidePopWrap .tip1{ color: #1eaff2 ;}
.sidePopWrap .line{}
.sidePopWrap .tel{ margin-top: 8px; margin-bottom: 10px; font-size: 12px;}
.sidePopWrap .gotop{ display: inline-block; padding-right: 15px;background:url(../images/topTo2.png) no-repeat right center;}
.saoyisaoTip{background-color: #09bb86 ; color: #fff; text-align: center; line-height: 22px;
border-radius: 0 0 4px 4px; margin: 12px 5px 0px;}
.sidePopWrap .qqLine a img{ margin: 5px 0; width: 85%;}
.sidePopWrap .qqLine .title{ text-align: left; margin: 5px 0; font-size: 14px;}
.sidePopWrap .collapseTit{background:url(../images/qq1.png) no-repeat left top; position: absolute; left: -34px; top: 0px; width: 34px; height: 135px; cursor: pointer;}
/**/
.pagination{ margin:20px; text-align:center;}
.pagination a{ display:inline-block; line-height:24px; margin:0 2px; border:1px solid #eee; padding: 0 10px;}
.pagination a.current{ background-color:#f38d93 ; color:#fff;}

/*dialog*/
.dialog iframe {width:640px; height:460px;}
.interviewBody{text-align: left;}
/**/
.interviewBody .infInputWrap{}
.interviewBody .infInputWrap .iptWrap{ width: 320px;}
.rconWrap .descibeWrap .titWrap{ margin-top: 0px;}
.attrEach.w100{ width: 100%;}
.companyDetMod{ margin-top: 20px;}
/**/
.zmask{position: fixed; background-color:rgba(0,0,0,0.5); width:100%; height:100%; left: 0px; top: 0px; z-index:1000; display:none;}
.popWrap{position: fixed; width:100%; height:100%; left: 0px; top: 0px; z-index:1001; display:none;}
.popWrap .bd1{height:100%; display:table; width:100%;}
.popWrap .bd2{ margin:auto; vertical-align:middle; display:table-cell;}
.popWrap .bd3{ width: 700px;text-align: left; background: #fff;  position: relative; border: 5px solid rgba(0,0,0,0.8); margin: auto;}
.interviewCon{ padding-bottom: 30px;}
.popWrap .close{position:absolute; right:10px; top:10px; CURSOR: pointer; font-size:0px; TEXT-DECORATION: underline; width:24px; height:24px;background:url(../images/close.png) no-repeat center center;}
/**/
.topWrap1{ background-color: #09bb86 ; color: #fff; font-size: 16px; height: 30px; line-height: 30px; border-bottom: 1px solid #089f72 ;}
.topWrap1 .inner,.topWrap2 .inner{ text-align: left; margin: auto; width: 1000px;}
.topWrap2{ background-color: #fff; padding: 26px 0;}
.navlistWrap{ padding-top: 7px;}
.navlist li{ position: relative;font-size: 16px; margin-left: 20px; float: left; display: inline;}
.navlist li .item{ color: #333; padding: 9px 5px; display: inline-block;}
.navlist li .empty{ width: 2em; display: inline-block;}
.navlist li.cur .item,.navlist li .item:hover{ color: #09bb86; background:url(../images/navbg.png) no-repeat center bottom;}
.navlist li.cur,.navlist li:hover{ border-bottom: 3px solid #09bb86 ;}
.dropdownItem .con{  display: none;text-align: center;padding: 5px 0; z-index: 1000; position: absolute; background-color: #eee; left: 0px; top: 38px; width: 100%;}
li.dropdownItem .item:hover{ background: #e2e2e2 ;}
li.dropdownItem:hover .con{ display: block;}
li.dropdownItem .conitem{ display: block; width: 100%; margin:5px 0;}
li.dropdownItem .conitem.cur,li.dropdownItem .conitem:hover{ color: #09bb86 ;}
.indMod1{ background-color: #eee; padding: 64px;}
.indMod1 .container{}
.indMod1 .titleWrap{ position: relative; max-width: 1470px; color: #0fafad ; font-size: 18px;line-height: 1.5em; margin: auto;}
.indMod1 .titleWrap .tit1{ font-size: 40px;line-height: 1.5em;  font-weight: bold;}
.indMod1 .line{ width: 100%; height: 2px; position: absolute; z-index: 1; left: 0px; background-color: #0fafad ; font-size: 0px; line-height: 0px; top: 50%;}
.indMod1 .titleWrap .tit{ position: relative; z-index: 10;  display: inline-block; margin: auto; padding:  0 55px; background-color: #eee;}
.indModList{ width:1090px; margin: auto;}
.indModList li{border-radius: 5px; background-color: #fff; color: #999; margin: 57px 37px 0px 37px; float: left;width:190px; height:190px; box-shadow: -1px 1px 1px rgba(0,0,0,0.5); border: 4px solid #d7d4c7 ;
/*    background:url(../images/bg4.png) no-repeat center center;*/
    
}
.indModList .thumb{ height: 116px; background-position: center center; background-repeat: no-repeat;}
.indModList .name{ font-size: 20px; line-height: 1.3em; }
.indModList li.item1 .thumb{background-image:url(../images/modIcon0.png);}
.indModList li.item2 .thumb{background-image:url(../images/modIcon1.png);}
.indModList li.item3 .thumb{background-image:url(../images/modIcon2.png);}
.indModList li.item4 .thumb{background-image:url(../images/modIcon3.png);}
.indModList li.item5 .thumb{background-image:url(../images/modIcon4.png);}
.indModList li.item6 .thumb{background-image:url(../images/modIcon5.png);}
.indModList li.item7 .thumb{background-image:url(../images/modIcon6.png);}
/**.indModList li:hover{border: 4px solid #09bb86 ;}**/
.indModList li:hover{color: #fff; background: #09bb86 ; border: 4px solid #09bb86 ;cursor:pointer;}
.indModList li.cur{ color: #fff; background: #09bb86 ; border: 4px solid #09bb86 ;}
.indModList li.item5{ margin-left: 110px;}
.indModList li.item6,.indModList li.item7{ margin-left: 62px; margin-right: 62px;}
.indMod2{ color: #fff; height: 558px; background:#0ebc88  url(../images/indmod1bg.png) no-repeat center center;}
.indMod3{ background-color: #eee;}
.indMod2 .title1,.indMod3 .title1{ font-size: 34px; padding-top: 60px; line-height: 1.5em;}
.indMod2 .title2,.indMod3 .title2{ font-size: 16px;}
.indMod2List { width:1040px ; margin: 68px auto 0;}
.indMod2List li{ text-align: left;position: relative; color: #666; float: left; margin:0 18px 62px 18px;  background:url(../images/bg2.png) no-repeat center center; width: 308px; height: 84px;}
.indMod2List .id{ font-size: 28px; font-weight: bold; position: absolute; z-index: 10; left: 0px; top: 0px; position: absolute; width: 50px; height: 50px; line-height: 50px; text-align: center;}
.indMod2List .des1{ text-align: center; margin-left: 15px; margin-top: 15px; margin-bottom: 5px; font-size: 18px; font-weight: bold;}
.indMod2List .des2{ margin-left: 63px; margin-right: 20px; font-size: 12px; line-height: 1.5em;}
.indMod3List { width:1045px ; margin: 55px auto 0; }
.indMod3List li{float: left; background:url(../images/bg3.png) no-repeat left top; padding-left: 64px; width: 286px; margin: 0 78px 53px 78px; text-align: left; position: relative;}
.indMod3List .id{ color: #fff; font-size: 28px; font-weight: bold; position: absolute; z-index: 10; left: 0px; top: 0px; position: absolute; width: 54px; height: 54px; line-height: 54px; text-align: center;}
.indMod4{ background-color: #fff; padding: 70px 0; border-top: 1px solid #999;}
.indMod4 .title{ margin-bottom: 70px; color: #0fafad ; font-size: 45px; line-height: 1.5em; font-weight: bold;}
.indMod3List .des1{ font-size: 16px; font-weight: bold; margin: 10px 0 5px;}
.indCooperWrap{ width: 1000px; text-align: left; margin: auto;}
.indCoopConWrap{  background-color: #6d9b95 ; padding: 2px 34px; position: relative;}
.indCoopList { background-color: #fff; padding: 80px 0; overflow: hidden;}
.indCoopList ul{ width:300%; }
.indCoopList li{ float: left; margin: 0 12px; }
.locPosition { font-size: 16px; padding: 30px 0;}
.locPosition a{ color: #666;}
.locPosition .sep{ margin: 0 4px; color: #666;}
.locPosition a.cur { color: #04bb70;}
.proModDes1{ color: #666; font-size: 16px; text-indent: 2em; margin: 20px 0; line-height: 1.5em;display:none;}
.proModDes2 .thumb{ margin-top: 94px; width:405px; float: left;}
.proModDes2 .main{ width: 450px; float: right; text-align: justify;}
.indMainTitle{ font-size: 24px; line-height: 1.2em; padding: 12px 0; border-bottom: 1px solid #666; display: inline-block;}
.proModDes2 .con{ text-indent: 2em; padding: 15px 0;}
.proModDes3{ margin: 80px 0;}
.proModDes4 .img1{ margin-top: 80px;}
.proModDes4 .des1{ margin-top: 30px; margin-bottom: 50px;}
.proModDes4 .des2{ margin-top: 53px; margin-bottom: 80px;}
.mainBotWrap{ margin-top: 50px; text-align: center; display: table; background-color: #0d8763 ; width: 100%; height: 120px; color: #fff;}
.mainBotWrap .line1,.mainBotWrap .line2{ font-size: 22px; line-height: 1.6em; display: table-cell; vertical-align: middle; width: 100%;}
.mainBotWrap .line1{ font-size: 28px;}
.mainBotWrap .tel1{ margin-right: 20px;}
.servicesCon{ margin-top: 40px;}
.servicesCon .des{ text-indent: 2em; font-size: 18px; margin-bottom: 80px;}
.contractFocus{ border-bottom: 1px solid #dfdfdf ;}
.contractDes1{ margin-top: 60px; padding-bottom: 30px; color: #333; background:url(../images/contract1.png) no-repeat left top; padding-left: 185px;}
.contractDes1 .title{ font-size: 24px;}
.contractDes1 .con{ margin-top: 20px; font-size: 18px; line-height: 2em;}
.contractDes1 .quotes{ font-size: 30px; font-weight: bold;}
.indMainTitle2Wrap{ margin-top: 23px; margin-bottom: 24px;}
.indMainTitle2{ font-size: 24px; line-height: 1.2em; padding: 5px 0; border-bottom: 7px solid #09bb86 ; display: inline-block;}
.indMainBd{ border: 2px solid #8d8d8d ; border-radius: 5px;}
.indMainBdMap img{border-radius: 5px; width: 100%;}
.contarctDes3{ padding-top: 50px;}
.contarctDes3 .eachLine{ margin-bottom: 40px; position: relative; min-height: 100px; padding-left: 150px;}
.contarctDes3 .thumb { width: 97px; position: absolute; left: 35px; top: 0px;}
.contarctDes3 .name{ font-size: 34px; line-height: 1.2em; margin-bottom: 12px;} 
.contarctDes3 .des{ font-size: 20px;}
.contarctDes2{ padding: 45px 0;}
.contarctDes2 .thumb{ background:url(../images/tel1.png) no-repeat 30px 52px; padding:60px 0 60px 130px;  font-size: 20px; line-height: 1.5em; float: left;}
.contarctDes2 .thumb .line2{ font-size: 20px; color: #09bb86 ;}
.contarctDes2 .main{ padding:10px 0 10px 40px; border-left: 1px solid #8d8d8d ; margin-left:300px ; font-size: 18px; line-height: 2em;}
.supervisioncodeBody{color: #333;}
.supervisioncodeDes1{ color: #333; padding-top: 10px;}
.supervisioncodeTitle{  color: #333;  padding: 30px 0 10px; font-size: 30px; line-height: 1.3em;}
.supervisioncodeDes2{ padding-bottom: 40px; background-color: #e8e8e8 ;}
.supervisioncodeDes2 .container{ width: 990px;}
.supervisioncodeDes2 table{ margin-top: 20px; width: 100%;}
.supervisioncodeDes2 table{background-color: #09bb86 ; border-radius: 5px 5px 0 0;}
.supervisioncodeDes2 th,.supervisioncodeDes2 td{ font-size: 16px; padding: 10px 5px;}
.supervisioncodeDes2 th{ text-align: center; color: #0c5b43 ; border-bottom: 1px solid #0d8763  ;}
.supervisioncodeDes2 td{ color: #666; background-color: #fff; border: 1px solid #dcdcdc ;}
.supervisioncodeDes2 .col2{ padding-left: 50px;}
.supervisioncodeDes2 .col3{ padding-left: 10px;}
.supervisioncodeDes2 .titcol2{ border-left: 1px solid #0d8763 ; border-right: 1px solid #0d8763 ;}
.supervisioncodeDes3 .container{ width: 1004px;}
.supervisioncodeDes3 .thumb{ width: 100%;}
.supervisioncodeDes3 .supervisioncodeTitle{margin-bottom: 20px; text-align: center;}
.supervisioncodeDes4 .list li{font-size: 16px; float: left; width: 183px; margin: 0 30px 30px 30px;}
.supervisioncodeDes4 .list li a{ display: block; line-height: 44px; border-radius: 10px; text-align: center; color: #333;  background-color: #fdeec9 ;}
.supervisioncodeDes4 .list li.cur a,.supervisioncodeDes4 .list li a:hover{ color: #fff;  background-color: #fe9c58 ;}
.supervisioncodeDes4Tit{ font-size: 30px; color: #d8b357 ; line-height: 1.5em; margin: 60px 0 30px;}
.investList li{ margin-top: 56px; position: relative; padding-left: 50px;}
.investList .id{ height: 46px; line-height: 46px; font-size: 40px; position: absolute; width: 50px; text-align: center; font-style: italic; font-weight: bold;margin-bottom: 47px; left: 0px; top: 0px; z-index: 10;}
.investList .titWrap{}
.investList .tit{ font-size: 20px; display: inline-block; border-radius: 5px 5px 0 0; color: #fff; line-height: 46px; padding: 0 24px;}
.investList .line{ border-width: 0px; border-top-width: 1px; border-style: solid; padding: 20px 30px;}
.investList .con{ font-size: 16px; border-radius: 0 0 5px 5px; border-width: 1px; border-top-width: 0px; border-style: solid;}
.investList .tit{ background-color: #0091ed ;}
.investList .con{border-color:#0091ed;}
.investList .line{border-color:#0091ed;}
.investList .id{ color: #0091ed;}

.investList .item2 .tit{ background-color: #09bb86  ;}
.investList .item2 .con{border-color:#09bb86 ;}
.investList .item2 .line{border-color:#09bb86 ;}
.investList .item2 .id{ color: #09bb86 ;}

.investList .item3 .tit{ background-color: #ff6e71  ;}
.investList .item3 .con{border-color:#ff6e71 ;}
.investList .item3 .line{border-color:#ff6e71 ;}
.investList .item3 .id{ color: #ff6e71 ;}

/*0909*/
.servicesCon{ margin-top: 0px;}
.serviceDes1{ text-indent: 2em; font-size: 16px; color: #666;}
.servicesTit1{ color: #333; font-size: 20px; margin: 30px 0;}
.servicesTit2{ margin-bottom: 25px; color: #333; font-size: 16px;}
.serviceDes2List{ overflow: hidden;}
.serviceDes2List li{ float: left; width: 50%; margin-bottom: 15px;}
.serviceDes2List li .con{ height: 210px; margin: 10px 0 10px 40px;}
.serviceDes2List .thumb{ float: left; width: 125px;}
.serviceDes2List .des{  text-indent: 0px; text-align: justify; margin-left: 145px; font-size: 16px; line-height: 1.3em; color: #666;}
.serviceDes2List li.item3 .con{ margin-right: 0px;}
.serviceDes2List li.item3 .des{ padding-top: 15px; font-size: 15px; line-height: 2em; text-align: left;}
.serviceDes2List li.item4 .des{  padding-top: 40px;}
.serviceDes3 .servicesTit2{ margin-top: 27px; margin-bottom: 4px;}
.serviceDes3 .des{ text-indent: 0px; margin-left: -5px;}

/*0922*/
.proAllCon{ width: 956px; height: 753px; background-color: #fff; position: relative;}
.proAllCon {}
.proAllConTit{ text-align: left; position: absolute; left: -160px; top: 120px; width: 160px;}
.proAllConTit .tit{ cursor: pointer;text-align: left; padding-left: 36px; line-height: 36px; background-repeat: no-repeat; background-position: 10px center;}
.proAllConTit .tit.cur{border-radius: 5px 0 0 5px; background-color: #fff ;}
.proAllConTit .tit1{ background-image:url(../images/proall1.png);}
.proAllConTit .tit2{ background-image:url(../images/proall2.png);}
.proAllContent {padding: 20px; color: #000;}
.proAllContent .each{ display: none; }
.proAllContent .line1{ font-size: 40px; line-height: 59px; padding-left: 69px; background:url(../images/logo2.png) no-repeat left center;}
.proAllContent .line2{ margin: 35px 0;}
.proAllContent .line3{ position: relative;overflow: hidden; border: 1px solid #ccc;}
.proAllContent .line3 .box{ width: 50%; float: left;}
.proAllContent .line4{ margin-top: 40px;margin-bottom: 50px; position: relative;}
.proAllContent .line4 span{ background-color: #fff; display: inline-block; position: relative; z-index: 2; padding-right: 10px; font-size: 24px;}
.proAllContent .line4 .line{height: 20px; border-bottom: 1px solid #ccc; left: 0px; position: absolute; width: 100%; top: -8px; z-index: 1;}
.proAllContent .line3 .box .boxcon{ }
.proAllContent .line3:after,.proAllContent .line3:before{ content: ''; position: absolute; width: 1px; height: 100%; background: #ccc; left: 50%; top: 0px;}
.proAllContent .line3:after{margin-left: 1px;}
.proAllContent .line3:before{margin-right: 1px;}
.proAllContent .saomatip{ font-size: 12px; color:#ccc; width: 148px; text-align: center; margin-top: 0px; margin-bottom: 5px;}
.proAllContent .line3 .box2 .boxcon .col1{ width: 228px; margin-top: 16px; margin-left: 30px;}
.proAllContent .line3 .box2 .img1{ margin-bottom: 9px;}
.proAllContent .saomabg{ padding-top: 15px;}
.proAllContent .line5{ margin-left: 42px;}
.proAllContent .boxdes{ color: #666; font-size: 14px; padding: 44px 25px 44px;}