@charset "utf-8";
/* clear */
.fn-clearfix:after { display: block; font-size: 0; content: '\0020'; clear: both; height: 0; }
.fn-clearfix { zoom: 1; /*for IE6 IE7*/ }
.fn-clear { visibility: hidden; clear: both; }
.zj{ width:1200px; margin:0 auto; display:block;}
.about_nk .nav_menu3{width: auto;line-height: 1; background:none; position: absolute; z-index:9999; top:28px; right:6% ; display:table}
.about_nk .logobox{ position:inherit; margin-left:6%}
.about_nk .logobox .clearfix{    padding:6px 0 6px;}
.about_nk{ background: url(../images/ab_bj1.jpg) no-repeat center bottom;}
/*.about_nk .fo2{ opacity:1; position: inherit;  bottom:0; color:#a7966a;vertical-align:middle;display: table; text-align:center; font-size:13px; text-align:center;  margin:0 auto; width:100%;line-height:30px; padding:10px 0;   opacity:1}
.about_nk .fo2 a{color:#a7966a; }
.about_nk .fo2 .fo_lj{  width:122px; display: inline-block; height:30px;vertical-align:middle}
.about_nk .fo2 .fo_lj img{ display:table; padding:2px 0 0 }*/

.fy{ width:100%; text-align:center; color:#fff; display:table}
.bann{ display: table; width:100%; padding:0px 0 0;}
.bann img{max-width: 100%;}
.bann_t1{ display:none}
.about_nk .sy_bt{ padding:4% 0 0}
.wap_jj1{ display:none}


.xw1{ display: table; width:90%; margin:0 auto; padding:50px 0 0; max-width:1400px;}
.xw1 ul{ margin:0px auto 20px; display:table;width:100%;}
.xw1 li{ width:100%;  height:140px; margin:0px 0 20px; }
.xw1 li a{ background:#f2f2f2; display:block; padding:25px 15px;}
.xw1 li .sj1{ width:162px;height:90px;  padding-left:34px; font-weight:bolder; box-sizing:border-box;font-size:14px; color:#239594; 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 #239594; display:table}

.xw1 li .xw_z{ float:left; margin:0px 20px;     width: calc(100% - 270px); 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 h1{display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}

.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:#239594;}

/*footer*/
.footer{color: #fff; background: url(../images/fo_bj.jpg) repeat center top; position:relative; display:table; width:100%; padding:35px 0 0; }
.footer .fo2{ color:#fff; padding:5px 0 ; border-top:1px solid #5e5e5e; }
.footer a{color: #fff; }
.footer a:hover{color: #d3a171; opacity:1}

.foot{width:100%; box-sizing:border-box; display:table; margin:0 auto; padding:0px 10% 60px}
.fo_logo{ width:22%; float:left; display:table}
.fo_logo img{ width:80%}

.fo_nav_k{ float:left; width:42%}
.footer .fo_nav{ float:left; width:50%}
.footer .fo_nav  .uk-active{ padding:0; float:inherit}
.footer .fo_nav li{ padding-left:11px; font-size:14px; line-height:2.2; float:left; min-width:110px}
.footer .fo_nav li a{ opacity:.6;}
.footer .fo_nav .uk-active .f-bt{color: #fff; padding: 0 0 0 10px; margin:0 0 12px; display:table; font-size: 16px; height:22px; line-height:22px; opacity:1 }
.footer .fo_nav li a:hover{ opacity:1}


.footer .ewm{/*max-width:280px;*/ width:100px; float:left}
.footer .ewm li{text-align:center; width:100px; padding:5px 0 0}
.footer .ewm li img{width:100%; display:table}
.footer .ewm h6{ font-size: 12px; line-height:30px; padding:6px 0 0 }
.fo_r{ float:right; font-size:15px; line-height:1.4; background:url(../images/fo_tel.png) no-repeat top left; padding-left:66px;}
.fo_r h1{ font-size:28px; color:#fff; font-weight:bolder}
.fo_r h2{ font-size:14px; opacity:.6}

.foo{ border-top:1px solid #5e5e5e; width:100%; height:50px; line-height:50px; padding:0 7%; box-sizing:border-box; opacity:.6}
.foo_l{ float:left; width:70%;}
.foo_r{ float:right; width:30%; text-align:right}

.about0{ color:#5e5d5d; font-size:16px; line-height:2.1; min-height:400px; padding:0 0 60px; width:90%; max-width:1280px; display:table; margin:0 auto}
.about0 hr{ border:1px dashed #fff; height:1px; border-bottom:none;border-left:none;border-right:none}
.ej_bt {width:90%; max-width:1280px;  display:table; margin:0 auto; padding:20px 0 10px}
.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;}


.about_nk .nav_menu3 > ul > li > a{ color:#333}
.about_nk  .nav_menu3 > ul > li .tel{    background: url(../images/tel1.png) no-repeat 20px center; color:#333}
.about_n{ color:#5e5d5d; font-size:16px; line-height:2.1; min-height:400px; padding:0 0 60px; max-width:1400px; margin:0 auto}

.ab{ width:90%; padding:40px 0 80px 0; display:table; margin:0 auto;max-width:1400px; }
.ab_l{ width:60%; float:left; }
.ab_l .ab_bt10{font-size:32px; display:table; color:#239594; width:100%; line-height:40px;  padding:130px 0 0 20px; box-sizing:border-box; vertical-align:bottom;   background:url(../images/ab_bt1.png) no-repeat left center; margin:0 0 26px; background-size:70%}
.ab_l .ab_bt10 img{ height:40px; float:left; margin:0 8px 0 5px}
.ab_n{ font-size:15px; line-height:32px; color:#626262}

.ab_r{ width:36%; float:right; padding:30px 0 0}
.ab_r img{ width:100%}

.ab_btn{ background: #ad0912; height:42px; line-height:42px; font-size:15px; color:#fff; display:table; padding:0 30px; border-radius:25px; margin:30px  0 0}
.ab_btn span{ margin-right:15px; float:left}
.ab_btn img{ float:left; padding:14px 0 0}
.ab_btn:hover{ color:#fff;background:#e3c47e}

/*内页banner*/
.ny-banner{height:390px;width: 100%;}
.banner-wz{padding-top:5%; text-align:center; color:#333}
.banner-wz h2{font-size:44px;line-height: 50px; margin:0;margin-bottom:10px;color:#239594; }
.banner-wz p{font-size:24px; margin:0;margin-top:5px; text-transform:uppercase;}
.banner-wz:after{content: '';width: 208px;height:44px; background: url(../images/nav_jt.png) no-repeat center center;display: table; margin:0 auto}

.nav-ctitle{ height:60px;line-height:60px;position: relative;z-index:99;top:-30px}
.nav-ctitle .ctitle1 { display:table; margin:0 auto;background:#b68f4e; border-radius:50px;}
.nav-ctitle .ctitle1 li{float:left;width:180px; border-right:1px solid #a38450; box-sizing:border-box;}
.nav-ctitle .ctitle1 li:last-child{border-right: none}
.nav-ctitle .ctitle1 li a{float:left;width:100%;height:60px;line-height: 60px;color:#fff;font-size:18px;text-align: center;}
.nav-ctitle .ctitle1 li:hover a{ background: #a7966a;color:#fff}
.nav-ctitle .ctitle1 li:last-child:hover a{ border-radius: 0 50px  50px 0 }
.nav-ctitle .ctitle1 li:first-child:hover a{ border-radius:50px 0 0 50px }

.wrap_n{ width:100%; display:table; padding:0px 0 0px 0}

.ab_nav{ text-align:center; margin:0 auto ; display:table; padding:40px 0 32px; }
.ab_nav a{ border:1px solid #239594; border-radius:25px;   color:#444444; min-width:128px; height:42px; padding:0 15px; font-size:18px;line-height:42px; display: inline-block; margin:0 10px ; text-align:center;}
.ab_nav a:hover,.ab_nav .active{ background:#239594;border:1px solid #239594; color:#fff; }

/*产品*/
.ab_bt1{ color:#a7966a; text-align:center; font-size:18px; line-height:2; max-width:1100px; display:table; margin:0 auto; padding:30px 0 40px;}
.ab_bt1 h1{ font-size:32px; padding:0 0 5px; color:#a7966a; line-height:2}

.ab_cp{ display:table; margin:0 auto; width:100%; text-align:center; padding:30px 0 0 }
.ab_cp ul{ display:table; margin:0 auto; width:1440px;}
.ab_cp li{ width:420px;  display: inline-block; margin:0 30px 20px ; float:left}
.ab_cp li a{width:420px;  display:table; position:relative; overflow:hidden;}
.ab_cp li a .cp_t{ border:1px solid #CCC; box-sizing:border-box;width:420px; height:420px; overflow:hidden}
.ab_cp li a .cp_t,.ab_cp li a .cp_t img{ width:100%; height:100%; display:table;transition: all .4s;box-sizing:border-box;}
.ab_cp li a .cp_w{ width:100%; height:100%; position: absolute; top:0; background:rgba(182,143,78,0.9); opacity:0;transition: all .4s; color:#fff; text-align:center}
.ab_cp li a  h1{ font-size:20px; line-height:60px; padding:0; color:#000; font-weight:100}
.ab_cp li a  h1{display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.ab_cp li a .cp_w i{ width:46px; height:46px; font-size:40px; line-height:50px; text-align:center; border-radius:50%; border:1px solid #fff; display:table; margin:0 auto}
.ab_cp li a:hover .cp_w{ opacity:1; }
.ab_cp li a:hover .cp_t img{transform: scale(1.05);box-sizing:border-box;}
.ab_cp li a:hover .cp_t{border:1px solid #239594;}
.ab_cp li a:hover  h1{ color: #239594}


.ab_ry{ display:table; margin:0 auto; width:100%; text-align:center; padding:40px 0 0 }
.ab_ry ul{ display:table; margin:0 auto; width:1440px;}
.ab_ry li{ width:420px;  display: inline-block; margin:0 30px 20px ; float:left}
.ab_ry li a{width:420px;  display:table;overflow:hidden;}
.ab_ry li a .cp_t{ border:1px solid #CCC; box-sizing:border-box;width:294px;  overflow:hidden}
.ab_ry li a .cp_t{ width:100%; display:table;transition: all .4s;box-sizing:border-box;}
.ab_ry li a .cp_t img{ width:100%; display:table;transition: all .4s;box-sizing:border-box;}
.ab_ry li a  h1{ font-size:20px; line-height:60px; padding:0; color:#000; font-weight:100; height:60px}
.ab_ry li a  h1{display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.ab_ry li a:hover .cp_t img{transform: scale(1.05);box-sizing:border-box;}
.ab_ry li a:hover .cp_t{border:1px solid #239594;}
.ab_ry li a:hover  h1{ color: #239594}


.lx_k{ width:90%; display:table; margin:0 auto 70px; padding:20px 0 60px; max-width:1240px}
.lx{}
.lx dt{ width:23%; height:220px; margin:0 1%; padding:0 10px; box-sizing:border-box; float:left; border:1px solid #d9d9d9; font-size:18px; color:#333333; text-align:center;}
.lx dt span{ width:90px; height:80px; background:url(../images/lx.png); display:block; margin:20px auto 0;}
.lx dt .lxt1{background-position:0 0;}
.lx dt .lxt2{ background-position: -90px 0;}
.lx dt .lxt3{background-position:-180px 0;}
.lx dt .lxt4{ background-position: -270px 0;}
.lx dt:hover .lxt1{background-position:0 80px;}
.lx dt:hover .lxt2{ background-position: -90px 80px;}
.lx dt:hover .lxt3{background-position:-180px 80px;}
.lx dt:hover .lxt4{ background-position: -270px 80px;}
.lx dt:hover{ background:#239594; color:#fff;}
.lx dt:hover h2{ color:#fff;}

.lx dt h1{ font-size:22px; line-height:45px; font-weight:bolder; padding:10px 0 0}
.lx dt h2{ font-size:20px; color:#191919; line-height:30px; font-weight:bolder}

.lx_t{ display:table; border:3px solid #e4e4e4; margin:40px auto 60px; width:98%; box-sizing:border-box}
.lx_t img{ width:100%; }
/*ly*/
.cont{ width:964px; margin:0 auto; padding:0 0 40px}
.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:#239594; border-radius:5px; color:#fff; margin:40px auto;}
.cont .btn:hover{ background:#333}

/*.b_lxk*/
.ab_lxk{ background:#b68f4e; padding:4px; width:1440px; box-sizing:border-box; margin:60px auto; display:table}
.ab_lx_l{ width:40%; background:#253836; height:100%; display:table; float:left; padding: 0 0 120px;}
.ab_lx_l .lx_logo{ width:58%; display:table; margin:0 auto; padding:70px 0 40px}
.ab_lx_l .lx_logo img{ width:100%; display:table}
.ab_lx_l  .lx_w{ width:58%; display:table; margin:0 auto; background:#213230; border:1px solid #384947; padding:15px 0 15px 15px ; box-sizing:border-box; color:#a7966a; font-size:15px; line-height:1.8}
.ab_lx_l  .lx_w img{ height:120px; width:120px; display:table; float:left}
.ab_lx_l  .lx_w span{ float:left; padding:15px 0 0 20px}
.ab_lx_r{ width:60%; float:right; display:table}
.ab_lx_r ul{ }
.ab_lx_r li{ width:50%; float:left; display:table; text-align:center; padding:60px 6% 0px; box-sizing:border-box; line-height:30px}
.ab_lx_r li img{ width:136px; display:table; height:136px; margin:0 auto}
.ab_lx_r li h1{ font-size:20px; padding:20px 0 15px}
.ab_lx_r li h2{ font-size:26px; font-weight:bolder}




.cp_xx{ width:1200px; display:table; margin:0 auto}
.cp_xx .cp_xx_bt{ font-size:36px; color:#b68f4e; font-weight:bolder; display:table; margin:0 auto; text-align:center; line-height:1.8; padding:20px 0 30px}
.cp_xx_n{ width:100%; display:table; padding:0 0 60px; min-height:300px;font-size:18px; line-height:1.8; color: #b68f4e;}
.cp_xx_n img{ max-width:100%}


@media screen and (min-width:1350px)  and  (max-width:1500px)  {
.about_nk .lx_fott{    padding: 18px 6% 0;}
.ab_joink{ width:86%}	
.jm_gh,.jm_ms_n,.jm_ms1,.jm_lc,.jm_bd1{ width:90%;}
	
.ab_qy{ width:90%}
.ab_qy_r img{ width:90%}	
}
@media screen and (min-width:1350px)  and  (max-width:1440px)  {
.ab_cp ul{ width:96%;display:table; margin:0 auto; }	
.ab_cp li{ width:31.33%; height: auto; display: inline-block; margin:15px 1% ; float:left}
.ab_cp li a{width:100%; height: auto; display:table; position:relative; overflow:hidden;}
.ab_cp li a .cp_t, .ab_cp li a .cp_t img{ height:auto;}
.about_nk .nav_menu3{right: 4%;}

.ab_ry ul{ width:96%;display:table; margin:0 auto; }	
.ab_ry li{ width:31.33%; height: auto; display: inline-block; margin:15px 1% ; float:left}
.ab_ry li a{width:100%; height: auto; display:table; position:relative; overflow:hidden;}
.ab_ry li a .cp_t{ }

}
@media screen and (min-width:1280px)  and  (max-width:1366px)  {
.about_nk .lx_fott{    padding: 18px 4% 0;}
.ab_cp ul{ width:96%;display:table; margin:0 auto; }	
.ab_cp li{ width:31.33%; height: auto; display: inline-block; margin:15px 1% ; float:left}
.ab_cp li a{width:100%; height: auto; display:table; position:relative; overflow:hidden;}
.nav-ctitle .ctitle1 li{ width:170px;}	
.ab_cp li a .cp_t, .ab_cp li a .cp_t img{ height:auto;}
.ab_lxk{ width:94%}
.ab_lx_l .lx_logo{ width:62%}
.ab_lx_l .lx_w{ width:62%; font-size:14px}
.ab_lx_r li img{ width:126px; display:table; height:126px; margin:0 auto}

.foot{padding: 0px 5% 60px;}
.footer .fo_nav li{    min-width: 100px;}

.ab_ry ul{ width:96%;display:table; margin:0 auto; }	
.ab_ry li{ width:31.33%; height: auto; display: inline-block; margin:15px 1% ; float:left}
.ab_ry li a{width:100%; height: auto; display:table; position:relative; overflow:hidden;}
.ab_ry li a .cp_t{ }

}

@media screen and (min-width:1200px)  and  (max-width:1280px)  {
.nav-ctitle .ctitle1 li{ width:160px;}	
.ab_cp ul{ width:96%;display:table; margin:0 auto; }	
.ab_cp li{ width:31.33%; height: auto; display: inline-block; margin:15px 1% ; float:left}
.ab_cp li a{width:100%; height: auto; display:table; position:relative; overflow:hidden;}
.ab_cp li a .cp_t, .ab_cp li a .cp_t img{ height:auto;}
.ab_l .ab_bt10{    padding: 110px 0 0 20px;}
.foot{padding: 0px 5% 60px;}
.footer .fo_nav li{    min-width: 100px;}

.ab_ry ul{ width:96%;display:table; margin:0 auto; }	
.ab_ry li{ width:31.33%; height: auto; display: inline-block; margin:0 1% ; float:left}
.ab_ry li a{width:100%; height: auto; display:table; position:relative; overflow:hidden;}
.ab_ry li a .cp_t{ }
}
@media screen and (min-width:200px)  and  (max-width:1200px)  {

.about_nk .nav_menu3{ display:none}
.ab_cp ul{ width:96%;display:table; margin:0 auto; }	
.ab_cp li{ width:31.33%; height: auto; display: inline-block; margin:15px 1% ; float:left}
.ab_cp li a{width:100%; height: auto; display:table; position:relative; overflow:hidden;}
.nav-ctitle{ top:0; width:100%; position:inherit; height:auto; padding:15px 0 10px}
.nav-ctitle .ctitle1{ border-radius:0; width:96%; background:none}
.nav-ctitle .ctitle1 li{ width:24%; background:#b68f4e; border-right:none; margin:0.5%}
.ab_bt1{ width:90%}
.ab_cp li a .cp_t, .ab_cp li a .cp_t img{ height:auto;}
.ab_joink{ width:92%}	
.ab_l{ width:100%; float:inherit; display:table}
.ab_r{ width:90%; text-align:center; float:inherit; margin:0 auto; padding:5% 0 }
.footer{ display:none}
.bann .bann_t1{ display:table; width:100%}
.bann .bann_t{ display:none}
.ab_cp{    padding: 30px 0  60px 0;}
.ab_cp li a h1{ font-size:16px}


.lxk{ width:94%; padding:0 0 80px; display:table; margin:0 auto}

.cont{ width:90%; display:table; margin:0 auto; padding:0 0 80px}
.cont dt input{ width:46%;     margin: 10px 2%; padding:0 10px; box-sizing:border-box}
.cont dt textarea{ width:96%; margin:10px 2%; padding:0 10px; box-sizing:border-box}
.lx_k{ width:96%; padding:0 0 10% }
.lx dt{ width:48%; margin:0 1% 2%;padding:0 10px 10px}
.lx dt h2{ font-size:18px; line-height:1.2 }
.lx dt .lxt4{ }
.lx dt h1{ font-size:20px}
.ab_nav{    padding: 25px 0 25px;}

.ab_ry{     padding: 40px 0 10%;}
.ab_ry ul{ width:96%;display:table; margin:0 auto; }	
.ab_ry li{ width:31.33%; height: auto; display: inline-block; margin:0 1% ; float:left}
.ab_ry li a{width:100%; height: auto; display:table; position:relative; overflow:hidden;}
.ab_ry li a h1{ font-size:18px}

.about_nk{ background-size:90%}
.wap_jj2{ display:none}
.wap_jj1{ display: table; width:100%; border-radius:10px}


}
@media screen and (max-width:760px) {
	
.ab_cp li{ width:48%; height: auto; display: inline-block; margin:15px 1% ; float:left}
.banner-wz{ padding:14%}	
.ny-banner{ height:320px; margin:90px 0 0}	
.banner-wz p{ font-size:18px;}	
.banner-wz h2{ font-size: 38px; line-height:1.4;}	
.nav-ctitle .ctitle1 li a{ height:38px; line-height:38px; font-size:16px;}	
.ab{width: 92%;    padding: 20px 0 100px;}
.ab_l .ab_bt10{     padding: 50px 0 0 5px;    background: url(../images/ab_bt1.png) no-repeat left top;    background-size: 80%; font-size:24px}
.about_nk .sy_bt{    padding: 7% 0 0;}
.xw1{ width:94%;padding: 30px 0 10%;}

.ab_ry li{ width:48%; height: auto; display: inline-block; margin:0 1% ; float:left}
.ab_ry li a h1{ font-size:15px; line-height:50px; height:50px}
.ej_bt h1{ font-size:20px; margin:0 auto }
}

@media screen and (max-width:640px) {
.xw1 li a .jt{ display:none}
.xw1 li .sj1{ width:100px;    padding-left: 10px;}
.xw1 li .xw_z{    width: calc(100% - 130px);    margin: 0px 0 0 18px;}
.xw1 li .sj1 h1{ font-size:24px;}
.xw1 li .sj1{ font-size:13px}
.xw1 li a{    padding:15px 10px;}
.xw1 li{ height:auto}
.ab_nav a{ padding:0 20px; min-width:0; font-size:15px; margin:0 3px}

.info1{ width:auto; display:table; margin:0 auto; padding:0 10px}
	}
@media screen and (max-width:414px) {
.ny-banner{ height:220px; margin:90px 0 0}	
.banner-wz p{ font-size:14px;}	
.banner-wz h2{ font-size: 34px; line-height:1.4; margin-bottom:5px}	
.banner-wz:after{ width:180px; background-size:100%}	
.wrap_n{    padding: 20px 0 0px 0;}
.ab_cp li a .cp_w{ position:inherit; opacity:1; background:none; color:#a7966a}
.ab_cp li a .cp_w i{ display:none}
.ab_cp li a .cp_w h1{ font-size:16px; width:100%; line-height:30px; font-weight:100; height:30px; padding:0; margin:10px 0 0}	
.ab_cp li a .cp_w h1{display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp:1;}
.ab_cp li{ margin:0px 1% 5px}
.ab_cp li a h1{ font-size:15px; line-height:50px}
.lunb{padding-top:15px;}

	}
	
@media screen and (max-width:375px) {
.s_nav a{    padding: 7px 0;}	
.wap_tel{    padding: 8px 0 0; line-height:24px}
.wap_tel img{ height:24px; width:24px;}
}
	
@media screen and (max-width:360px) {
.wap-logo img{ height:50px}	
.menu0{    margin: 7px 0 0;}
}
	
@media screen and (max-width:320px) {
.wap-logo img{ height:40px; margin:0 0 5px}	
.wap_tel{    padding: 8px 0 0; line-height:24px}
.wap_tel img{ height:24px; width:24px;}
.menu0{    margin: 7px 0 0;}
}

.fl{float:left;}.fr{float:right;}.cl{clear:both;}.fb{font-weight:bold;}.fnb{font-weight:200;margin-left:-1px;}
	
.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; padding:0 0 60px}
.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:20px auto 60px;}
.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;}
.listConts img{max-width:100%;}

/*留言栏目*/
.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;}