﻿
/*二级页*/
.wrap_n{  margin:0 auto 30px ; width:1200px; display: table; color:#5e5d5d; /*padding-bottom:100px;*/ padding-top:10px; min-height:400px; }
.bann{ display: table; width:100%; padding:0px 0 0;}
.bann img{max-width: 100%; width:100%}
.bann_t1{ display:none}
.about{ color:#5e5d5d; font-size:16px; line-height:2.1; min-height:400px; padding:0 0 60px}
.about hr{ border:1px dashed #fff; height:1px; border-bottom:none;border-left:none;border-right:none}
.ej_bt h1{ font-size:30px; color:#333333; text-align:center;line-height:32px; font-weight:bolder; margin:25px auto 0; }

.info1 { width: 450px; height: 27px; line-height: 28px;  text-align: center;  margin: 15px auto 20px; border: 1px dashed #ccc; border-left: none; border-right: none;  color: #6f6f6f;}


/*地图导航单页*/
.zd{ width:100%; display:table; border:1px solid #dcdcdc; box-sizing:border-box}
.zd_l{ width:20%; float:left}
.zd_r{ width:80%; height:585px; float:right}
.ditu_nav { overflow: scroll; height: 585px; overflow-x: hidden;background:#fff; }
.ditu_nav li { width: 100%; box-sizing:border-box; font-size: 12px; font-family: "微软雅黑"; padding: 15px 15px; margin: 0px ; position: relative; color: #333; border-bottom: 1px solid #ddd; }
.ditu_nav li b { background: red; border-radius: 100%; color: white; margin-right:5px; height:16px; width:16px; display: inline-block; text-align:center; line-height:16px;}
.ditu_nav li p { font-size: 12px; line-height: 1.8em; margin: 0; text-indent: 0em; }

.ab_nav{ text-align:center; margin:0 auto ; display:table; padding:0 0 32px; }
.ab_nav a{ border:1px solid #7d8683; border-radius:25px;   color:#444444; min-width:138px; height:42px; padding:0 20px; font-size:18px;line-height:42px; display: inline-block; margin:0 10px ; text-align:center;}
.ab_nav a:hover,.ab_nav .active{ background:#03ddf6;border:1px solid #03ddf6; color:#fff; }

.wrap_n .bt{ margin: 50px auto 30px;}

.ab_bt{ text-align:center;  display:table; margin:45px auto 30px; width:100%;position:relative;}
.ab_bt h1{ font-size:38px; color:#373737; line-height:80px; top:0; position:absolute; width:100%; }
.ab_bt h1 span{ /*color:#03ddf6;*/ font-weight: 800; }
.ab_bt h2{  font-size:72px; color:#333333; opacity:.08; text-transform: uppercase;  line-height:80px;letter-spacing: 5px; padding:0}
.ab_bt img{  display:table; margin:0 auto}
/**/
/*lx*/
.lx{ width:100%; background:#707070; color:#fff; display:table; margin-bottom:60px }
.lx_l{ width:50%; float: left;box-sizing:border-box; padding:2% 2% 2% 3%}
.lx_logo{ height:66px; margin:0 0 20px}
.lx_logo img{height:100%}
.lx_l ul{}
.lx_l li{ font-size:18px; padding:8px 0; width:100%; display:table; line-height:40px;}
.lx_l li i{ width:40px; height:40px; background:rgb(255,255,255,0.2); border-radius:50%; display:table; float:left; padding:2px;}
.lx_l li i img{ width:100%; display: table}
.lx_l li span{width: calc(100% - 50px); float:left; display:table; padding:0 0 0 18px; box-sizing:border-box }
.lx_r{ width:50%; float:right; padding:1%; box-sizing:border-box; height:100%; overflow:hidden }
.lx_wx{ display:table; padding:30px 0 0}
.lx_wx img{ width:120px; float:left; margin-right:20px}
.lx_wx i{ background:url(../images/lx_ico0.png) no-repeat top center ; width:181px; float:left; display:table; height:120px;}

.lx_r img{ width:100%; }
/*ly*/
.cont{ width:964px; margin:0 auto;}
.cont .ts { font-size:16px; color:#636363; text-align:center; margin:5px auto 25px;}
.cont dt input{ background:#fff; border:1px solid #dddcdd; width:435px;  height:48px; line-height:48px; padding-left:15px; font-size:14px; color:#bbbbbb; float:left; margin:10px 15px;}
.cont dt textarea{background:#fff; border:1px solid #dddcdd; font-size:14px; color:#757575; padding:15px; width:902px; height:180px;margin:10px 15px;}
.cont .btn { width:240px; font-size:16px; height:42px; line-height:42px; text-align:center; display:block; background:#03ddf6; border-radius:5px; color:#fff; margin:40px auto;}
.cont .btn:hover{ background:#333}

/*cp_sx*/
.cp_sx{ display:table;  padding:20px 0; width:100%}
.shaixuan-tj{font-size: 14px;}
.shaixuan-tj span , .shaixuan-tj i{margin: 10px 5px 10px 0;float: left;line-height: 28px;height: 28px;}
.sxcon{background:#fff; border:1px solid #e6e6e6; }
.shaixuan-tj span.crumb-select-item{position: relative;float: left;height: 26px;line-height: 26px;border: 1px solid #DDD;font-size: 12px;vertical-align: top;padding: 0 32px 0 4px;cursor: pointer;background: #f3f3f3;}
.shaixuan-tj span.crumb-select-item i{float: none;margin: 0;display: block;position: absolute;width: 25px;text-align: center;height: 26px;line-height: 26px;right: 0;top: 0;}
.shaixuan-tj span.crumb-select-item em , .shaixuan-tj span.crumb-select-item i{color: #e4393c;}
.shaixuan-tj span.crumb-select-itemon{border-color: #e4393c;}
.shaixuan-tj span.crumb-select-itemon i{background: #e4393c;color: #fff;}
.shaixuan-tj a:hover{color: inherit;}
.shaixuan-btn{float: right;width: 105px;}
.shaixuan-btn span{display: block;float: right;border: 1px solid #e8e8e8;height: 34px;width: 103px;line-height: 34px;margin: 6px 0;background: #f6f6f6;font-size: 14px;color: #666;text-align: center;cursor: pointer;}
.shaixuan-btn span i{font-size: 18px;color: #666;margin-left: 5px;}
.search-by{padding: 0 30px;width: 100%; box-sizing:border-box}
.search-by dl{width: 100%;padding: 12px 0;line-height: 34px;border-bottom: 1px dotted #e1e1e1;/*overflow: hidden;*/ display:table}
.search-by dl:last-child{ border-bottom:none}
.search-by dl dt a{font-weight: inherit;color: #333;line-height: 30px;}
.search-by dl dt{width: 100px;text-align: center;margin: 0;font-size: 18px;float:left; text-align:right; color:#969696 }
.search-by dl dd a{color: #333;font-size: 16px;line-height: 34px; border-radius:5px; width:120px; text-align:center;margin-left:10px;display: inline-block;}
.search-by dl dd a:hover,.search-by dl dd .on{ background:#03ddf6; color:#fff; }
.search-by dl dd{width:88%;font-size: 14px;/*height: 30px;overflow: hidden;*/ float:left}
.search-by dl dd.show-more{width: 70px;padding: 0;text-align: right;cursor: pointer; float:right}
.search-by dl dd.show-more h3{background: none;border: none;font-size: 14px;line-height: 14px;height: 30px;line-height: 30px;}
.search-by dl dd.show-more h3 i{background: none;float: none;display: inline-block;font-size: 16px;margin-left: 5px;}
.search-by dl span a{color: #333;line-height: 34px; border-radius:5px; margin-left:15px;display: inline-block; float:left}
.search-by dl span .on,.search-by dl span a:hover{ background:#03ddf6; color:#fff; }

.cp{ width:100%; display:table}
.cp dl{ width:33.3%; padding:0 0.5%; box-sizing:border-box; float:left; margin:0 0 10px}
.cp .cp_t{position: relative;float: left;overflow: hidden;margin: 0;text-align: center;cursor: pointer; border:1px solid #CCC}
.cp .cp_t img{position: relative;display: block;min-height: 100%;max-width: 100%;opacity: 0.8;}
.cp .cp_t{background: #fff; }
.cp .cp_t img{opacity: 1;-webkit-transition: opacity 0.35s;transition: opacity 0.35s;}
.cp .cp_t:hover img{opacity: 0.3;}
.cp .cp_t:hover{ background:#03ddf6}
.cp .cp_t figcaption::before,
.cp .cp_t figcaption::after{position: absolute;top: 12px;right:12px;bottom:12px;left: 12px;content: '';opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}
.cp .cp_t figcaption::before{border-top: 1px solid #fff;border-bottom: 1px solid #fff;-webkit-transform: scale(0,1);transform: scale(0,1);}
.cp .cp_t figcaption::after{border-right: 1px solid #fff;border-left: 1px solid #fff;-webkit-transform: scale(1,0);transform: scale(1,0);}
.cp .cp_t p{ background:url(../images/logo22.png) no-repeat  center 24% ; background-size:100px; padding:100px 20px 0; box-sizing:border-box;opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: translate3d(0,20px,0);transform: translate3d(0,20px,0); position:absolute; top:26%; color:#fff; text-align:center; nav-down:0 auto; display:table; margin:0 auto; width:100%; font-size:18px;}
.cp .cp_t p{ line-height:1.4;}
.cp .cp_t:hover figcaption::before,
.cp .cp_t:hover figcaption::after{opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
.cp .cp_t:hover p{opacity: 1;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.cp dl a h1{ font-size:17px; line-height:50px; height:50px; display:table; text-align:center; width:100%; color:#333}
.cp dl a h1,.xw1 li .xw_z h1{display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}

.cp dl a:hover h1{ color:#03ddf6}

.fy{ padding:15px 0; display:table}

.xw1{ display: table; width:1160px; margin:0 auto; padding:20px 0 0;}
.xw1 ul{ margin:0px auto 20px; display:table;}
.xw1 li{ width:1160px; float:left; height:140px; margin:0px 20px 20px;  display:table}
.xw1 li a{ background:#f2f2f2; display:block; padding:25px 15px; display:table; width:100%; box-sizing:border-box}
.xw1 li .sj1{ width:162px;height:90px;  padding-left:34px; font-weight:bolder; box-sizing:border-box;font-size:14px; color:#333; float:left; border-right:1px solid #dcdcdc; }
.xw1 li .sj1 h1{ font-size:30px;line-height:42px; margin-bottom:0px; font-weight:bolder; margin:10px 0 0 }
.xw1 li .sj1 p{ border-bottom:2px solid #333; display:table}

.xw1 li .xw_z{ float:left; margin:0px 20px; width:800px; height:90px; color:#747474; font-size:12px; line-height:22px;}
.xw1 li .xw_z h1{ font-size:16px; color:#313131; font-weight: bolder; line-height:30px; height:30px; margin-bottom:6px;}
.xw1 li .xw_z h2{ font-size:12px; line-height:22px; height:44px;}
.xw1 li .xw_z h2{display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.xw1 li a .jt{ background: url(../images/jt3.png) no-repeat center center; float:right; width:37px; height:90px; margin-right:30px;}
.xw1 li a:hover .jt{background: url(../images/jt4.png) no-repeat center center;}
.xw1 li a:hover .sj1{  color:#fff; float:left; border-right:1px solid #fff;}
.xw1 li a:hover .xw_z,.xw1 li a:hover .xw_z h1,.xw1 li a:hover .sj1 h1{ color:#fff;}
.xw1 li a:hover{ background:#03ddf6;}


/*join*/
.join_bt{ font-size:15px; text-align:center; line-height:36px; color:#7c8da0; padding:5px 0 30px;}
.join{width:1160px; display:block; margin:0 auto 20px; min-height:400px}
.join_t{ width:1110px; padding:0 25px; height:50px; line-height:50px; margin:0 auto 8px ; background:#b1b1b1; font-size:16px; color:#fff;}
.join_t span{ display:block; float:left; padding:0 ;}
.join_t span:nth-child(1){ width:270px;}
.join_t span:nth-child(2){ width:260px;}
.join_t span:nth-child(3){width:260px;}
.join_t span:nth-child(4){width:260px;}
.join_t span:nth-child(5){width:90px;}

.sideMenu{  }
.sideMenu dt{ width:1110px; background:#f2f2f2; padding:0 25px; margin:5px auto 0; font-size:14px; color:#5c5b5b; line-height:48px; height:48px; display: inline-block; cursor:pointer;}
.sideMenu .on,.sideMenu dt:hover{ background:#03ddf6; color:#fff; }
.sideMenu dt h1{ font-size:15px; width:270px; float:left;padding:0 0px;}
.sideMenu dt h2{ font-size:15px; width:260px; float:left; text-align:center;padding:0 ;}
.sideMenu dt h3{ font-size:15px; width:260px; float:left; text-align:center;padding:0 ;}

.sideMenu dt span{ font-size:14px; width:60px; height:48px; display: block; background:url(../images/join1.png) no-repeat right center; float:left; text-align:center;padding:0 ;}

.sideMenu dt:hover span,.sideMenu .on span{background:url(../images/join2.png) no-repeat right center;}

.sideMenu .jo{ padding:30px 50px; color:#333; font-size:15px; line-height:34px; display:none; border:1px solid #03ddf6; width:1058px; }

@media only screen and (max-width:1200px ) {
.wrap_n{ width:100%}	
.about{ padding:0 4% 3%; box-sizing:border-box}
.cp{ padding:0 1%; box-sizing:border-box}
.cp dl{ width:50%;    padding: 0 1%; margin:0 }	

.xw1{ width:94%;padding: 0px 0 40px;}
.xw1 li .sj1{ width:142px; padding-left:25px;}
.xw1 li .xw_z{width: calc(100% - 250px);}
.xw1 li a .jt{ margin-right:20px;}
.xw1 li{ width:100%; margin:0 0 20px; height:auto}
.xw1 ul{ display:table; width:100%}
.ej_bt h1{ font-size:28px; }
.ej_bt{ width:92%; margin:0 auto}
.lx{ width:96%; margin:0 auto 60px}
}
@media only screen and (max-width:750px ) {
.banner .swiper-slide em .banner_t1{ display: block}
.banner .swiper-slide em .banner_t{ display:none}
.bann_t1{ display: block}
.bann_t{ display:none}

.ab_bt{ margin:3% auto 2%;}
.ab_bt h1{ font-size:28px; line-height:66px; }
.ab_bt h2{  font-size:60px;line-height:66px;}

.cp .cp_t p{ display:none}
.cp dl a h1{ font-size:15px; line-height:42px; height:42px;}
.xw1 li a .jt{ display:none}
.xw1 li .sj1 h1{ font-size:22px;margin: 2px 0 0; line-height:38px}
.xw1 li .sj1{ font-size:13px;width:90px; padding-left:5px; height:70px}
.xw1 li .xw_z{width: calc(100% - 95px - 4%);margin: 0px 0 0  4%; height:70px; }
.xw1 li a{    padding: 10px 10px;}
.xw1 li .xw_z h1{ font-size:15px; height:28px; line-height:28px; margin-bottom:2px}
.xw1 li .xw_z h2{ height:40px; line-height:20px}

.ab_nav{ width:100%; text-align:center;padding: 15px 0 20px;}
.ab_nav a{ width:23%; font-size:14px; padding:0; margin:0 0.5% 1%; min-width:inherit; height:32px; line-height:32px;/* border-radius:5px*/}

.about{ font-size:15px; line-height:1.8;}

.info1{ width:90%}
.ej_bt h1{ font-size:22px;    margin: 15px auto 0; }
.lx_l{ width:100%;padding: 4% 5%;}
.lx_r{ width:100%;    padding: 3%;}

.lx{  margin:30px auto 60px}
.lx_logo{ height:auto; width:90%;}
.lx_logo img{ width:100%; display:table}
.lx_l li{ font-size:16px;}
.lx_l li span{ line-height:30px; padding:5px 0 0 10px}
.wrap_n{ margin:0 auto 80px}

.xw1{ padding:20px 0 0}

.lx_wx img{ width:100px;}
.lx_wx i{ background:url(../images/lx_ico0.png) no-repeat top center ; width:160px; background-size:100%; float:left; display:table; height:120px;}

}

@media only screen and (max-width:384px ) {
.ab_nav a{ font-size:13px;}	
.about{ font-size:14px; }
	
	}

.fl{float:left;}.fr{float:right;}.cl{clear:both;}.fb{font-weight:bold;}.fnb{font-weight:200;margin-left:-1px;}
/*分页样式*/
.page_info{text-align:center;margin-top:10px;color:#333; display:table; width:100%}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{height:24px;line-height:24px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:12px;margin-top:20px;}
.page_list a{display:inline-block;color:#898989;border:1px solid #e8e8e8;background:#f8f8f8;text-align:center;padding:0 8px;margin:0 1px;}
.page_list a:hover{color:#fff;border:1px solid #898989;background:#898989;}
.page_list a.on{color:#333;border:1px solid #ccc;background:#E5EDF2;}


/*内容分页*/
.contPage{height:20px;line-height:20px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:10px;margin-top:20px;}
.contPage a{display:inline-block;color:#898989;background:#fff;text-align:center;padding:0 7px;margin:0 1px;}
.contPage a:hover{color:#fff;background:#898989;}
.contPage a.on{color:#333;background:#E5EDF2;border:1px solid #C2D5E3;}

/*Top按钮*/
*html{background-image:url(about:blank);background-attachment:fixed;}/*解决IE6下滚动抖动的问题*/
.tbox{width:50px;float:right;position:fixed;right:10px;bottom:15px;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));_margin-bottom:15px;display:none;}/*解决IE6下不兼容 position:fixed 的问题*/
.tbox #gotop{width:50px;height:50px;background:url(../images/top.png) no-repeat 0 0;display:block;}

/*大图样式*/
.picarr{position:relative;margin:20px auto;}
.picarr .picture{width:100%;text-align:center;}
.picarr .picture a{display:none;}
.picarr .preview{width:1200px;margin-top:20px;padding:5px;background:#eef3fa;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.picarr .preview li{float:left;margin:4px;}
.picarr .preview li a{width:58px;height:45px;border:1px solid #fff;background:#fff;display:table-cell;vertical-align:middle;text-align:center;*display:block;*font-size:35px;*font-family:Arial;}
.picarr .preview li a img{vertical-align:middle;}
.picarr .preview li.current a{border:1px solid #000;}


/*详细页功能区*/
.preNext{position:relative;}
.preNext .line{height:10px;overflow:hidden;clear:both;background:url(../images/box_dotline.gif) left 15px repeat-x;margin:4px auto;padding-top:10px;}
.preNext .line strong{display:block;width:8px;height:10px;overflow:hidden;font-size:0px;line-height:100px;background:url(../images/box_dotline.gif) right -10px no-repeat;float:left;}
.preNext .text{color:#999;}
.preNext .actBox{position:absolute;top:25px;right:0;}
.preNext .actBox li{display:inline;padding-left:22px;background-image:url(../images/actbox-ico.gif);background-repeat:no-repeat;margin-left:10px;}
.preNext .actBox li a{color:#666;}
.preNext .actBox li#act-fav{background-position:4px 0px;}
.preNext .actBox li#act-err{background-position:4px -37px;}
.preNext .actBox li#act-pus{background-position:4px -73px;}
.preNext .actBox li#act-pnt{background-position:4px -109px;}


/*列表内容页*/
.listConts{line-height:26px;color:#000;}
.listConts .title{font-size:24px;text-align:center;line-height:40px;color:#000;}
.listConts .info{width:450px;height:27px;line-height:28px;text-align:center;margin:15px auto;border:1px dashed #ccc;border-left:none;border-right:none;color:#000;}
.listConts .info small{margin-left:8px;margin-right:3px;color:#000;font-size:12px;}
.listConts .info .small,.info .big{font-family:Georgia;font-weight:bold;cursor:pointer;}
.listConts .info .small{font-size:10px;padding-right:3px;}
.listConts .info .big{color:#000;padding-left:3px;}
.listConts .desc{margin:20px 15px 15px;padding:5px 10px;line-height:20px;border:1px solid #f4e4b4;background:#fffff0;}
.listConts .showimg{margin:20px 0;text-align:center;}
.listConts .showimg a img{border:1px solid #ccc;padding:1px;}
.listConts .showimg a:hover img{border:1px solid #F90;padding:1px;}
.listConts .conttitle{font-weight:bold;padding-bottom:7px;margin-bottom:7px;color:#2f2f2f;line-height:24px;border-bottom:1px solid #ddd;font-size:14px;}
.listConts .author{text-align:right;color:#999;}

/*留言栏目*/
.msgtitle{display:block;padding-bottom:5px;font-size:14px;font-weight:bold;}
.message_block{color:#666;}
.message_block p{padding:12px;}
.msg_input{width:400px;border:1px solid #e0e0e0;padding:8px 9px;background:#fff;font-size:13px;color:#888;-webkit-box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);border-radius:2px;}
.msg_input_on{width:400px;border:1px solid #8cd1ff;background:#f1f9ff;padding:8px 9px;-webkit-box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03);border-radius:2px;font-size:13px;color:#888;}
.message_labes{font-size:14px;}
.message_title{height:34px;line-height:34px;background:#f6f9fb;padding:0 12px;}
.message_title h2{color:#376b88;font-size:14px;float:left;}
.message_title span{float:right;font-weight:bold;color:#999;}
.message_info{color:#8ea6b6;text-align:right;}
.message_replay{background:#f5f5f5;padding:0 12px;}
.msg_btn_area{margin:16px 0;text-align:right;}
.msg_btn_area a{display:inline-block;padding:5px 15px;background:#ff0000;color:#fff;text-align:center;font-family:"宋体";font-size:14px;overflow:hidden;cursor:pointer;font-weight:bold;}
.msg_btn_area a:hover{text-decoration:none;background:#F60}
#validate{text-transform:uppercase;}

/*招聘详细*/
.jobConts{line-height:30px;color:#666;}
.jobConts .line{background:#ccc;height:1px;overflow:hidden;font-size:0;margin:10px 0;}
.jobConts .jobdesc{background:#f5f5f5;padding:10px;color:#333;}
.jobConts strong{color:#333;}