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

a:link          { color: #333; text-decoration: none;}
a:visited       { color: #333; text-decoration: none;}
a:active        { color: #333; text-decoration: none;}
a:hover         { color: #32b16c; text-decoration: none;}

.img_list{ width: 100%;}
.img_list li{ float: left; width: 400px; padding: 5px; border: 1px solid #e5e5e5;}
.img_list li img{ width:400px; height: 300px;}
.img_list b{}
.img_list span{ float: left; width: 100%; text-align: center; font-size: 16px; line-height: 40px;}


/*----*/
.w100{ width:100%; margin:0 auto;}
.w1076{ width:1076px; margin:0 auto; background: #fff; padding: 12px; display: inline-block;}
.w1200{ width:1200px; margin:0 auto; }
.w1687{ max-width:1687px; margin:0 auto; }
.left{ float:left; display:inline;}
.right{ float:right; display:inline;}
.im img{ display:block; border:0px;}

.logo{ width:100%; text-align:center; padding-top:50px;}
/*top menu*/
.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;}

.bottom_menu{ float:left; width: 100%; border-top: 1px solid #e5e5e5;}
.bottom_menu ul{}
.bottom_menu li{ float: left; font-size: 14px; width: 176px; text-align: center; margin-top: 20px; margin-bottom: 20px; border-left:1px solid #ccc;}

.bottom_ba{ padding-top: 20px; padding-bottom: 100px;}

/* 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 */
.top_logo{}
.top_logo span{ float: left; padding: 10px 0;}
.top_logo ul{ float: right; margin-top: 20px;}
.top_logo li{ float: left; padding: 0 0px 0 60px; text-align: right;  background: url(/images/xx.png) 30px no-repeat;}
.top_logo li a{ color: #424242; font-size: 14px;}
.top_logo p{ float: right; margin-top: 65px;}

.top_tel{width:38px; height:38px; margin-top:2px; margin-right:10px; background-position:-98px -14px; float:left;}

.menufirst a{ background:#002248 !important; }

.m_50{margin-top: 50px;}
.p_50{ padding-top: 50px;}
/* header */
#wrap{width:100%;z-index:50}
.head_Logo img{}
::-webkit-scrollbar-track-piece{width:8px;background-color:#f8f8f8}
::-webkit-scrollbar{width:8px;background-color:#71bb4c}
::-webkit-scrollbar-thumb{width:8px;background-color:#aeaeae}
::-webkit-scrollbar-thumb:hover{width:8px;background-color:#71bb4c}

.topBar{transition:all .3s ease-out 0s;height:100px;/*box-shadow:0 2px 6px rgba(0,0,0,.08);*/ background-color: rgba(255,255,255, 1)}
.topBar .head_nav a{ }

.header{width:100%;height:auto;position:absolute;font-size:14px;z-index:50;}
.head_cont{max-width:1687px;margin:0 auto;z-index:10;padding:2px 0;transition:all .3s ease-out 0s;}

.head_Logo{width:220px;height:45px;display:block;float:left; background:#ccc; margin-left: 0px; background:url(/images/logo.png) no-repeat; /*background-size:200px;*/ margin-top:35px;transition: all 0.3s ease-out 0s;}

.head_nav{float:left; margin-top: 44px;}
.head_nav li{float:left;width:auto;height:20px;position:relative; border-left: 1px dotted #ccc;color:#333;}
.head_nav_li a{line-height:18px;height:20px;/*border-radius:30px;*/ text-align:center;padding:21px 10px;color:#333;font-size:18px;margin:0px 10px;}
.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{ color:#32b16c; /*border-bottom: 5px solid #32b16c;*/ transition:all .1s ease-out 0s;}

.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}


.navinow{ width: 115px; line-height:18px;height:20px;/*border-radius:30px;*/ text-align:center;padding:0px 0px;color:#333;font-size:18px;float: inherit;}
.navinow a{ color:#32b16c;}
.navinow a:link { color:#32b16c;}

#navi_2{line-height:25px;height:25px;text-align:center;padding:0px 15px;color:#333;font-size:18px;float: inherit;}
#navi_3{line-height:25px;height:25px;text-align:center;padding:0px 15px;color:#333;font-size:18px;float: inherit;}
#navi_4{line-height:25px;height:25px;text-align:center;padding:0px 15px;color:#333;font-size:18px;float: inherit;}
#navi_5{line-height:25px;height:25px;text-align:center;padding:0px 15px;color:#333;font-size:18px;float: inherit;}
#navi_6{line-height:25px;height:25px;text-align:center;padding:0px 15px;color:#333;font-size:18px;float: inherit;}


.a11{ width: 120px; float:left;}

.weixin{ float: right;}
/*#nav.hide{overflow:hidden;}*/
#nav.hide .topBar{background-color:rgba(255,255,255,1);/*box-shadow:0 2px 6px rgba(0,0,0,.08);*/height:60px;}
#nav.hide .topBar .head_nav a{ color:#333; line-height:20px;}
#nav.hide .topBar .head_nav a:hover{ color:#32b16c;}
#nav.hide .topBar .head_cont{padding:0px 0;}
#nav.hide .topBar .nav_cont{padding:12px}
#nav.hide .head_Logo{transform: scale(0.9, 0.9); margin: 0px; margin-top: 10px}
#nav.hide .headBar .ico{ margin-top: 0px; }
#nav.hide .headBar li:hover span { width: 80px; display:block; height: 60px; position:absolute; top:30px;background-color: rgba(227,62,60,1); transition: all 0.2s;opacity:1;}
#nav.hide .head_nav{float:left; margin-top: 20px;}
#nav.hide .head_nav li{float:left;width:auto;height:20px;position:relative;}
#nav.hide .head_nav_li a{line-height:20px;height:20px;/*border-radius:30px;*/ text-align:center;padding:10px 10px;color:#fff;font-size:18px;margin:0px 10px;}
#nav.hide .headBar{ float:right; width:86px;  }

.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:#71bb4c;color:#fff}

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

.headBar{ float:right; width:129px; margin-top: 17px;}
.headBar .ico{display:inline;float:left;height:24px;line-height:24px;position:relative;cursor:pointer; }
.headBar .ico.ask{ background: url(/images/yuyan.jpg) no-repeat; width: 127px; height: 30px; margin-top: 25px; }

.headBar li {position:relative;  }
.headBar li:hover { border:none;} /*解决在IE6的问题*/
.headBar li span { top:20; opacity:0;}
.headBar li:hover span { width: 127px; display:block; height: 60px; position:absolute; top:55px;background-color: #32b16c; transition: all 0.2s;opacity:1;}
.headBar li:hover.reserve_1{ display:none; position:relative;}
.headBar li:hover span a{ color: #fff; height: 29px; border-bottom: 1px solid #2c945b; width: 127px; display: block; text-align: center; line-height: 30px;}
.headBar li:hover span a:hover{ background: #2c945b}


.head_nav{float:left; margin-top: 44px;}
.head_nav li{float:left;width:115px; text-align: center; line-height: 25px; height:25px;position:relative; border-left: 1px dotted #ccc;}

.head_nav li span {opacity:0;}
.head_nav li:hover span { width: 115px; display:block;  line-height: 35px; position:absolute; top:25px;background-color: #32b16c; transition: all 0.2s;opacity:1;}
.head_nav li:hover.reserve_1{ display:none; position:relative;}
.head_nav li:hover span a{ color: #fff; height: 29px; font-size: 14px; border-bottom: 1px solid #2c945b; width: 115px; display: block; text-align: center; line-height: 30px;}
.head_nav li:hover span a:hover{background: #2c945b }

.head_nav_li a{ width: 115px; line-height:18px;height:20px;/*border-radius:30px;*/ text-align:center;padding:0px 0px;color:#333;font-size:18px;float: inherit;}
.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{ color:#32b16c; /*border-bottom: 5px solid #32b16c;*/ transition:all .1s ease-out 0s;}

/*底部*/
.dibu_bj{ background: #f2f2f2; height: 260px; }

.guanz{  margin-top: 25px;}
.guanz span{ float: left; font-size: 18px; /*font-weight: bolder;*/ width: 160px; border-bottom: 1px solid #d2d2d2; line-height: 25px; padding-bottom: 10px;}
.guanz b{ float: left; margin-top: 15px;}
.guanz ul{ padding-top: 5px; float:left;}
.guanz ul li{ background: url(/images/dd.jpg) no-repeat 0 13px; float:left; width: 160px; line-height: 30px; padding-left: 15px; font-size: 14px;}
.guanz u{ padding-top: 5px; float:left; background: url(/images/babk.jpg) no-repeat 0 7px;}
.guanz u li{ float:left; width: 160px; line-height: 30px; padding-left: 15px; font-size: 14px;}
.guanz dl{float:left; margin-top: 10px;}
.guanz dd{float:left; font-size: 18px; padding-left: 20px; line-height: 25px; margin-bottom: 5px;}
.guanz dt{float:left; font-size: 14px;background: url(/images/dz.jpg) no-repeat 0 6px; padding-left: 20px; line-height: 21px;}
.guanz a{color: #747474}
.guanz a:hover{color: #32b16c}

.t_1{background: url(/images/tel.jpg) no-repeat 0 5px;  }
.t_2{background: url(/images/email.jpg) no-repeat 0 5px;  }

.w160{width: 160px;float: left;}
.w400{width: 398px;float: right;}
.m_rt240{margin-right: 240px;}


.reserved{ background: #39424f; height: 30px; text-align: center; color: #a6a6a6; line-height: 30px;}

.index_about{ float: left;}
.index_about{ padding-top: 50px; margin-bottom: 50px; border-top:1px solid #f0f0f0;}
.index_about li{ display: inline-block; float: left; margin-left: 20px; margin-right: 20px;}
.index_about li img{ display: block;}
/* footer */

.pages{ float:left; margin-top:50px; width:900px; text-align:center; margin-bottom:50px;}
.pages ul{ float:left; width:670px; text-align:center;}
.pages li{ float:left; overflow:hidden; display:inline; margin-left:5px;  line-height:30px;}
.pages li a{ display: block;  background:#fff; color:#666; padding:12px 20px 12px 20px; line-height:16px;}
.pages li a:hover{display: block; background:#000; color:#fff;   padding:12px 20px 12px 20px;}
.pages .thisclass{ background:#000; color:#fff;   padding:12px 20px 12px 20px;  line-height:16px;}
.pages select{height:39px; }
.pages span{ margin-left:10px; float:left;}
.pageinfo{ background:#fff; padding:3px 20px 3px 20px; font-size:14px; line-height:38px; height:36px; overflow:hidden;}
/* 滚动样式 */
.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{filter:grayscale(100%);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}


.bott{ width: 100%; float:left; font-size: 14px; padding-top: 15px; padding-bottom: 30px;color: #ababab;}


/*CSS jogger PAGE pagination*/

DIV.jogger {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; MARGIN: 7px; PADDING-TOP: 2px; FONT-FAMILY: "Lucida Sans Unicode", "Lucida Grande", LucidaGrande, "Lucida Sans", Geneva, Verdana, sans-serif; font-size: 16PX; text-align: center; padding-bottom: 120PX;
}
DIV.jogger A {
	PADDING-RIGHT: 0.7em; PADDING-LEFT: 0.7em; PADDING-BOTTOM: 0.43em; MARGIN: 2px; COLOR: #fff; PADDING-TOP: 0.5em; BACKGROUND-COLOR: #ababab; TEXT-DECORATION: none
}
DIV.jogger A:hover {
	PADDING-RIGHT: 0.7em; PADDING-LEFT: 0.7em; PADDING-BOTTOM: 0.43em; MARGIN: 2px; COLOR: #fff; PADDING-TOP: 0.5em; BACKGROUND-COLOR: #ababab
}
DIV.jogger A:active {
	PADDING-RIGHT: 0.7em; PADDING-LEFT: 0.7em; PADDING-BOTTOM: 0.43em; MARGIN: 2px; COLOR: #fff; PADDING-TOP: 0.5em; BACKGROUND-COLOR: #ababab
}
DIV.jogger SPAN.thisclass {
	PADDING-RIGHT: 0.7em; PADDING-LEFT: 0.7em; PADDING-BOTTOM: 0.43em; MARGIN: 2px; COLOR: #FFF; PADDING-TOP: 0.5em; BACKGROUND-COLOR: #e33f3d
}
DIV.jogger SPAN.disabled {
	DISPLAY: none
}



/*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; }