@charset "utf-8";
BODY{font-size:12px; line-height:120%; font-family:'Microsoft Yahei'; color:#606060; background:#fff;}
*{ margin:0px; padding:0px;}

a:link          { color: #747474; text-decoration: none;}
a:visited       { color: #747474; text-decoration: none;}
a:active        { color: #747474; text-decoration: none;}
a:hover         { color: #004683; text-decoration: none;}

/*----*/
.w100{ width:100%; margin:0 auto;}
.w1200{ width:1200px; margin:0 auto;}
.left{ float:left; display:inline;}
.right{ float:right; display:inline;}
.im img{ display:block; border:0px;}

.mt{ margin-bottom:20px; background:#fff;}
.m_20{ margin-top:20px;}
.m_30{ margin-top:30px;}
.m_10{ margin-top:10px;}
.m_15{ margin-top:15px;}

.top_bj{ background:#fff;}

.more-loading {background-color: #dd4250;background-image: url("../images/more.gif");background-position: 50% 10px;background-repeat: no-repeat;border-radius: 4px;    height: 30px;margin-left: auto;margin-right: auto;margin-top: 60px;width: 100px;}

/*loading*/
#loading{z-index:999; background:#fff; position:fixed; top:0; left:0; width:100%; height:100%; max-height:100%; text-align:center; }
#loading .more-loading{margin-top:24%;}
#loading p{margin:10px 0; font-size:12px; line-height:20px; color:#666;}

/* reset */
body,div,p,h1,h2,h3,h4,ul,li,ol,dl,dd,dt,form{padding:0;margin:0;}

/* html5元素 */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,section{display:block;margin:0;padding:0;}
ul,li{list-style:none;}
input, select, textarea{outline:none;border:none;}
em,i,b{font-weight:normal;font-style:normal;text-decoration:none;}
a{text-decoration:none;outline:none;}

/* public */
.block{width:1000px;margin:0 auto;position:relative;height:100%;}
.fl{float:left;}
.fr{float:right;}
/* header */
#wrap{width:100%;z-index:50}
.head_Logo img{height:40px}
::-webkit-scrollbar-track-piece{width:8px;background-color:#f8f8f8}
::-webkit-scrollbar{width:8px;background-color:#13df81}
::-webkit-scrollbar-thumb{width:8px;background-color:#aeaeae}
::-webkit-scrollbar-thumb:hover{width:8px;background-color:#13df81}
.topBar{transition:all .3s ease-out 0s;height:70px;background-color:rgba(37,38,55,.8);box-shadow:0 2px 6px rgba(0,0,0,.08);}

.header{width:100%;height:auto;position:absolute;font-size:14px;z-index:50}
.head_cont{width:1200px;margin:0 auto;z-index:10;padding:21px 0;transition:all .3s ease-out 0s}
.head_Logo{width:auto;height:40px;display:block;float:left}
.head_nav{float:right}
.head_nav li{float:left;width:auto;height:50px;position:relative}
.head_nav_li a{line-height:36px;height:36px;border-radius:18px;text-align:center;padding:10px 26px;color:#fff;font-size:14px;margin:0 .5px}
.head_nav_li .subnav a{color:#6E6E6E;transition:all .3s ease-out 0s;width:180px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.head_nav_li .active,.head_nav_li a:hover{background-color:#fff;color:#333}

.subnav{position:absolute;width:192px;top:54px;left:50%;background-color:#fff;z-index:20;padding:22px 0 20px 0;border-radius:6px;box-shadow:0 6px 10px rgba(0,0,0,.1);margin-left:-95px;opacity:0;transition:all .3s ease 0s;transform:translate3d(0,10px,0);visibility:hidden}

.head_nav_li:hover .subnav{opacity:1;transform:translate3d(0,0,0);visibility:visible}
.subnav_Tri{width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #fff;position:absolute;top:-8px;right:46%}
.subnav li{height:44px;line-height:44px;width:100%;text-align:center;border-bottom:1px solid #f1f2f2;transition:all .3s ease-out 0s}
.subnav .subnav_bor{border-bottom:none}
.head_nav .subnav_a{height:44px;line-height:44px;border-radius:0;font-size:13px;color:#a3a3a3;padding:0 25px}
.subnav li a{color:#6E6E6E;background:0 0;line-height:42px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.subnav li:hover a{color:#3d3d3d;background:0 0;line-height:42px}
.subnav li:hover{background-color:#f7f7f7}

#nav.hide .topBar{background-color:rgba(37,38,55,.8);box-shadow:0 2px 6px rgba(0,0,0,.08);height:60px}
#nav.hide .topBar .head_cont{/*padding:12px*/}
#nav.hide .topBar .nav_cont{padding:12px}

.nav{width:100%;background-color:#39424f;height:auto;font-size:14px;z-index:50}
.nav_cont{width:1200px;margin:0 auto;z-index:10;padding:24px 0;transition:all .3s ease-out 0s}
.nav_box{height:90px;font-size:14px;background-color:#39424F}
.nav_Logo{width:auto;height:40px;display:block;float:left}
.nav_Logo img{height:40px}
.nav_list{float:right}
.nav_list_li{float:left;width:auto;height:46px;position:relative}
.nav_list_li:hover .subnav{opacity:1;transform:translate3d(0,0,0);visibility:visible}
.nav_list a{line-height:36px;height:36px;border-radius:18px;text-align:center;display:block;padding:0 26px;color:#DBDBDB;margin:0 .5px}
.nav_list .active,.nav_list a:hover{background-color:#13df81;color:#fff}

.icoBg{background:url(../images/img.png) no-repeat 0 0;display:block;overflow:hidden;}

.headBar{ float:right; margin-left:50px;}
.headBar .ico{display:inline;float:left;height:24px;line-height:24px;position:relative;margin-left:20px;cursor:pointer;}
.headBar .ico.tel{padding-left:30px;}
.headBar .ico.ask{padding-left:30px;}
.headBar .ico.wechat{padding-left:30px;}
.headBar .ico i{left:0;top:50%;position:absolute;transition:background-position 0.2s linear;-webkit-transition:background-position 0.2s linear;}
.headBar .ico.tel i{width:30px;height:30px;background-position:0px 0px;margin-top:-8px;}
.headBar .ico.ask i{width:30px;height:30px;background-position:-56px -0px;margin-top:-8px;}
.headBar .ico.wechat i{width:30px;height:30px;background-position:-112px -0px;margin-top:-9px;}
.headBar .ico.tel:hover i{background-position:-0px -30px;}
.headBar .ico.ask:hover i{background-position:-56px -30px;}
.headBar .ico.wechat:hover i{background-position:-112px -30px;}

.headBar span img{ width:120px;}

.headBar a {position:relative;  }
.headBar a:hover { border:none;} /*解决在IE6的问题*/
.headBar a span { display:none;}
.headBar a:hover span { display:block; padding:5px; position:absolute; left:-45px; top:49px;background-color: rgba(37,38,55,0.8);}

.navi1 menufirst1{border-bottom:5px solid #000;}

/* swipe */
.swiper-con{width:100%;overflow:hidden;position:relative;height:auto; text-align:center; display:none;}
.swiper-con .slides{float:left;display:none;}
.swiper-con .slides:nth-of-type(1){display:block;}
.swiper-con img{max-width:100%;}
.swiper-nav {position:absolute;left:0;bottom:20px;text-align:center;width:100%;height:5px;}
.swiper-nav  span{line-height:99em;background:#b5b5b5; width:8px; height:8px;margin-right:4px;overflow:hidden;cursor:pointer;display:inline-block; border-radius:4px;}
.swiper-nav  span.swiper-active-switch{background:#fff;}
/* footer */
footer{ background:#2e3044; height:250px; padding-top:50px;}

.lianxi_footer{ float:left; margin-right:40px; margin-left:20px; width:100px;}
.lianxi_footer h2{ float:left; text-align:center; line-height:24px; color:#808b91; margin-bottom:20px;}
.lianxi_footer h2 p{ float:left;text-align:center; width:100px; font-size:14px; font-weight:normal;}
.lianxi_footer b{ float:left; margin-right:80px;}

.tbiao_footer{ float:left; width:240px; margin-left:30px;}
.tbiao_footer span{float:left;width:240px; font-size:16px; color:#808b91;margin-left:20px; margin-bottom:40px; line-height:24px;}
.tbiao_footer b{float:left; width:38px; height:38px; margin-left:20px;  margin-right:20px; }
.tbiao_footer b a{ display:block;width:36px; height:36px;position:relative;}
.tbiao_footer b a:hover{ background:#fff; transition:all .3s ease-out 0s; background-color: rgba(0,0,0,0.3);border-radius:19px;}
.tbiao_footer b a:after{display:block;content:' ';position:absolute;width:0;height:0;left:50%;top:50%;margin-left:0;margin-top:0;border:0px solid #13df81;border-radius:19px;transition:all .3s ease-out 0s; }
.tbiao_footer b a:hover:after{width:36px;height:36px;margin-left:-18px;margin-top:-18px;border-width:1px;}


.t_4{ background:url(../images/wb.png) no-repeat;}
.t_5{ background:url(../images/qqwb.png) no-repeat;}
.t_6{ background:url(../images/wap.png) no-repeat;}

.dizhi{ float:right; width:770px; color:#808b91;}
.dizhi ul{ float:left; margin-top:30px;}
.dizhi li{ float:left; margin-left:70px; margin-right:70px; width:230px; line-height:30px;}
.dizhi h2{float:left; margin-left:70px; display:block; font-size:16px; font-weight:normal; line-height:24px;}

.footer1{ width:100%; border-top:1px solid #3c3e57; margin-top:30px;}
.bian_footer{ width:1200px; margin:0 auto ;}
.bian_footer p{ float:left; color:#4b596c; margin-top:17px;}
.bian_footer span{ float:left; margin-left:10px; margin-top:8px;}
/* 滚动样式 */
.partner_bg{width:100%;min-width:1200px;height:auto;position:relative;background-color:transparent}
.partner{width:1200px;height:170px;margin:0 auto;padding-top:35px;position:relative;z-index:10}
/*.partner_ul{width:1050px;margin:0 75px;overflow:hidden;z-index:10}*/
.partner_ul li{width:190px;height:130px;float:left}
.partner_ul li img{transition:all .3s ease-out 0s}
.partner_ul li :hover img{filter:grayscale(0)}
.par_box{margin:0 auto}
.parnter_arrow_a{color:#c3c6ca;font-size:26px;height:28px;width:28px;text-align:center;padding:4px;background-color:transparent;border-radius:24px;transition:all .3s ease-out 0s}
.parnter_arrow_l{float:left;position:absolute;top:90px;left:0; }
.parnter_arrow_r{float:right;position:absolute;top:90px;right:0;}
.parnter_arrow a:hover{color:#fff;background-color:#13DF81}

.fa {DISPLAY: inline-block; FONT:normal normal normal 24px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale}

/*clear float to div*/
.clear {clear:both;font-size:1px;visibility:hidden;width:1px;line-height:0px;}
/*CSS-HACK */
.clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
.clearfix{display:inline-table;}
* html .clearfix{height:1%;/*ie6*/}
*+html .clearfix{min-height:1px;}
.clearfix{display:block;}
li{ list-style:none; }

@media screen and (min-width:760px) and (max-width:900px){
	.swiper-con{ display:block}
	.h750{ display:none}
	.head_Logo{ background-size:130px;}
	#wrap{width:100%;z-index:50; }
	.w1200{width:100%;}
	.lianxi_footer{ margin-left:15px; margin-right:10px; margin-top:20px;}
	.tbiao_footer{ width:175px;margin-left:0px;}
	.tbiao_footer span{ width:166px; margin-left:10px; margin-top:20px; margin-bottom:20px;}
	.dizhi{ width:460px; margin-left:0px;}
	.dizhi h2{  margin-left:0px; line-height:30px; margin-top:20px; margin-bottom:10px;}
	.dizhi ul{ margin-left:0px; margin-top:0px;}
	.dizhi li{ margin-left:0px; line-height:30px; margin-right:0px;}
	.tbiao_footer b{ margin-left:10px; margin-right:10px;}
	.lianxi_footer h2{ width:100px; margin-top:0px;}
	.footer1{ margin-top:20px;}
	.head_cont{width:100%;}
	.nav_cont{width:100%;}
	.bian_footer{ width:100%;}
	.partner{width:100%;}
	.headBar{ display:none;}
	.head_nav_li a{ padding: 0 17px;}
}

@media screen and (min-width:1000px) and (max-width:1200px){
	.swiper-con{ display:block}
	.h750{ display:none}
	.head_Logo{ background-size:130px; }
	#wrap{width:100%;z-index:50; }
	.w1200{width:100%;}
	.lianxi_footer{ margin-left:25px; margin-right:10px; margin-top:20px;}
	.tbiao_footer{ width:175px;margin-left:40px;}
	.tbiao_footer span{ width:166px; margin-left:15px; margin-top:20px; margin-bottom:20px;}
	.dizhi{ width:660px; margin-left:0px;}
	.dizhi h2{  margin-left:40px; line-height:30px; margin-top:20px; margin-bottom:10px;}
	.dizhi ul{ margin-left:30px; margin-top:0px;}
	.dizhi li{ margin-left:10px; line-height:30px; margin-right:30px; font-size:14px; width:262px;}
	.tbiao_footer b{ margin-left:10px; margin-right:10px;}
	.lianxi_footer h2{ width:100px; margin-top:0px;}
	.footer1{ margin-top:20px;}
	.head_cont{width:100%; padding:11px 0; }
	.nav_cont{width:100%;}
	.bian_footer{ width:100%;}
	.partner{width:100%;}
	.headBar{ margin-top:6px; margin-left:0px;}
	.head_nav li{ line-height:50px;}
}