@charset "utf-8";
* { font-family: "微软雅黑","宋体", Arial, Helvetica, sans-serif;  }
body { margin: 0; padding: 0; background: #fff; color:#333;}

h1, h2,h3, h4,h5, h6 {font-weight: bold; padding: 0; margin: 0; line-height: normal; }
a { color: #333; text-decoration: none; }
a:focus, a:hover { text-decoration: none; color:#3B5CAB; }
img { display: block; max-width: 100%; height: auto }
address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; padding: 0; margin: 0; }
.hidden-md { display: none; }
	p{ margin:0; padding:0}
/* a:before,a:after{-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;}


/* public*/
p.more { width: 100%; }
p.more a { background: #0166ce; border-radius: 20px; color: #fff; padding: 9px 80px; margin: 3% auto; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; display: table }
p.more a:hover { box-shadow: 10px 10px 10px 10px #5d5d5d; }
.tran { transition: all .4s ease-out; -webkit-transition: all .4s ease-out; -ms-transition: all .4s ease-out; -o-transition: all .4s ease-out; -moz-transition: all .4s ease-out; }
input { -webkit-appearance: none; outline: none; border: 0; }
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none !important;}
*:focus { outline: none; }
select { appearance: none; -moz-appearance: none; -webkit-appearance: none; }
input[type="number"] { -moz-appearance: textfield; }
.shadow:hover{box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);}
img.scale:hover{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2); }

/* 手机导航*/
.hamburger{position:absolute;right:0;top:0;background-color:#3E5DAF;z-index:11;display:none;width:100%}
.hamburger .h-icon{position:absolute;right:6%;top:19px;cursor:pointer; z-index:1;}
.hamburger .h-icon i{float:left;clear:left;width:20px;height:2px;margin-bottom:5px;background-color:#3E5DAF;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s}
.hamburger .h-icon .m{width:15px}
.hamburger .h-icon .text{position:absolute;left:-40px;top:-4px;font-size:16px;color:#333;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
.hamburger .box{position:relative;width:100%;height:calc(100% - 100px);height:-moz-calc(100% - 100px);height:-webkit-calc(100% - 100px);display:none;overflow:scroll;}
.hamburger .box-inner{position:relative;width:100%;height:100%;min-height:430px;overflow:hidden;}
.hamburger .box .list{position:absolute;left:0;top:50%;width:100%;line-height:50px;padding-bottom:3em;transform:translate(0,-50%);-ms-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-o-transform:translate(0,-50%);-moz-transform:translate(0,-50%)}
.hamburger .box .list li{padding:0 1em;font-size:20px;font-weight:700;text-align:center;transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-o-transition:all .6s;position:relative;left:100%;top:0}
.hamburger .box .list li a:hover{color:#0168b5}
.hamburger .box .bottom{position:absolute;left:0;bottom:-90px;width:100%;text-align:center;margin-bottom:20px;transition:all .6s ease .3s;-moz-transition:all .6s ease .3s;-webkit-transition:all .6s ease .3s;-o-transition:all .6s ease .3s}
.hamburger .box .bottom *{display:inline-block;width:100%;line-height:30px}
.hamburger .box .bottom b{font-size:16px}
.hamburger.open{top:78px;}
.hamburger.open .h-icon{top:-58px}
.hamburger.open .h-icon .t{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:3%;-ms-transform-origin:3%;-o-transform-origin:3%;transform-origin:3%}
.hamburger.open .h-icon .b{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:3%;-ms-transform-origin:3%;-o-transform-origin:3%;transform-origin:3%}
.hamburger.open .h-icon .m{opacity:0}
.hamburger.open .box{display:block;position:relative;border-top:1px solid #e4eaec;padding-top:10px}

.baidushare,.freebj{width:100%;background-color:rgba(0,0,0,.5);position:fixed;top:0;left:0;z-index:99;display:none}
.freebj .free-ask{width:94%;background-color:#fff;position:absolute;top:50%;left:3%;z-index:21474836472;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:1px solid #fff;border-radius:4px;text-align:center;margin-top:-100px}
.freebj .free-ask .title{background-color:#fff;font-size:16px;color:#333}
.freebj .free-ask .txt{color:#999;text-align:center}
.freebj .info-block{padding:0 15px}
.freebj .info-item span.redStar{color:#fff}
.freebj .info-item .t{width:22%}
.freebj .btn-submit input{background:#3fafee}
.freebj-close{display:block;width:32px;height:32px;background:url(../images/free-close-bg.png) 0 0 no-repeat;position:absolute;top:10px;right:15px;z-index:2;-webkit-background-size:contain;-moz-background-size:contain;background-size:contain}
.freebj .wechatIcon{width:57px;height:46px;background:url(../images/contacted.png) no-repeat;background-size:57px 69px;margin:32px auto 28px}
.freebj .zhuanshu{color:#000;font-size:16px;margin-bottom:24px;text-align:center}
.freebj .copyWeixinText{width:87%;margin:0 auto 28px;text-align:center;color:grey;font-size:12px}
.freebj .HHtravelWeixin{color:#5a8c12;padding-left:8px}
.freebj .HHtravelWeixin,.openWeixinBtnsOk{font-weight:500;font-size:16px}

.mobile-bottom-contact{position:fixed;bottom:0;left:0;width:100%;height:40px;z-index:10;background-color:#3B5CAB;display:none}
.mobile-bottom-contact li{position:relative;float:left;width:33.33333%;height:40px;line-height:40px;text-align:center;color:#fff}
.mobile-bottom-contact li:hover{background-color:#2097da}
.mobile-bottom-contact li:after{content:"";position:absolute;right:0;top:0;width:1px;height:100%;background-color:#1b86c2}
.mobile-bottom-contact li:last-child:after{width:0}
.mobile-bottom-contact li a{display:block; color:#fff;}
.mobile-bottom-contact li a:before{display:inline-block;width:18px;height:18px;margin-right:15px;content:"";vertical-align:middle;background:url(../images/icons1.png);background-color:#fff;background-size:135px;border-radius:50%}
.mobile-bottom-contact li.tel a:before{background-position:-5px -45px}
.mobile-bottom-contact li.qq a:before{background-position:-23px -45px}
.mobile-bottom-contact li.wx a:before{background-position:-40px -45px}

/* public end */


/* top  begin */
.top{height:35px; background:#F9F9F9; width:100%; overflow:hidden; color:#fff; line-height:35px;  border-bottom:1px solid #E9E9E9; font-size:0.9em; }
.top a{ padding:0 10px}
.top a:last-child{ padding-right:0;}
.top *{ color:#999;}
.top>div>span{ float:left}


.top_container{}
.top_container h1,.top_container h2{ float:left; width:260px; height:70px; text-indent:-9999px;}
.top_container h1 a,.top_container h2 a{width:100%; height:100%; display:block; background:url(../images/logo.jpg) no-repeat; background-size:100% 100%; text-indent:-9999px;}
.top_container { padding:15px 0;}

.top_container>p{  padding:10px 0 0 30px; float:left; line-height:1.6;}
.top_container>p span{}
.top_container>p strong{ display:block; font-size:20px; color:#3B5CAB;}
.top_container>p strong b{ color:#3B5CAB}

.top_container .tel{ color:#999; text-align:right; float:right; margin-right:30px; background:url(../images/tel.gif) center right no-repeat; padding-right:40px; margin-top:10px;}
.top_container .tel span{display: block;
    font-size: 26px;
    color: #3B5CAB;
    font-weight: bold;}
.top_container .tel em{ display:block}
/* top  end */

/* nav  begin */
nav{ height:46px; background:#404040; width:100%;}
nav>ul{ height:100%;}
nav>ul>li{ float:left; height:100%; position:relative;}
nav>ul>li>a {  color:#fff;height:100%; line-height:46px; padding:0 35px;}
nav>ul>li>a:hover,nav>ul>li>a.hover{color: #B0C4DE; font-weight:900;}


nav>ul>li>figure{ position:absolute; width:350%; background:#fff;; height:0px; top:46px; left:-2%; overflow:hidden; z-index:999;}
nav>ul>li>figure figcaption{float: left;border-right: 1px solid #dadada;padding:20px 10px 0 28px;overflow: hidden; height:100%; width:45%;}
nav>ul>li>figure figcaption a {display:block; 
    padding-left: 17px;
    line-height: 36px;
    font-size: 14px;
    color: #333333;
    background: url(../images/t_j.jpg) no-repeat 0 17px;
}
nav>ul>li>figure>div{ float:right; padding:15px; width:55%;
   }
nav>ul>li>figure>div p:first-child{ padding:3px; border: 1px solid #e8e8e8; margin-bottom:10px;}
nav>ul>li>figure>div p:last-child{ font-size: 12px;line-height: 26px;color: #555555;  word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box; 
    -webkit-box-orient: vertical; 
    -webkit-line-clamp: 3; 
    overflow: hidden; }
nav>ul>li:nth-child(n+5)>figure{ left:-30%;}
nav>ul>li:nth-child(n+6)>figure{ left:-50%;}
nav>ul>li:nth-child(n+7)>figure{ left:-120%;}

nav>ul>li:hover>figure{ display:block; height:230px;}




/* nav  end */
footer{ padding-top:40px; background:#353533; color:#aeaead; font-size:12px;}
footer *{color:#aeaead;}
footer DL.contact{ width:100%; overflow:hidden;}
footer dl.contact dd{ float:left; width:33.3%; padding-left:60px; background-position:left top; background-repeat:no-repeat; padding-bottom:20px; line-height:1.8;}
footer dl.contact dd:nth-child(1){ background-image:url(../images/ficon01.gif);}
footer dl.contact dd:nth-child(2){ background-image:url(../images/ficon02.gif);}
footer dl.contact dd:nth-child(3){ background-image:url(../images/ficon03.gif);}


.sitemap{ padding:15px 0;}
.sitemap dl{ float:left; padding:15px 40px 15px 20px; border-right:1px solid #2F2F2E; border-left:1px solid #393938;}
.sitemap dl dd{ clear:both; display:block; padding:3px 0;}
.sitemap dl dt{ font-size:14px; padding-bottom:5px;}
.sitemap dl:first-child{border-left:none;} 

.sitemap .ewm{ float:right; text-align:center; margin-right:25px; margin-top:25px;}
.sitemap  .ewm img{ display: block;
  width:100px; height:100px;
    border: 7px solid #fff;
    border-radius: 3px; margin-bottom:10px;}
   
p.copyrights{    height: 50px;
    background: #3B5CAB;
    line-height: 50px;
    font-size: 12px;
    font-weight: normal; width:100%; clear:both; overflow:hidden; text-align:center;  color:#fff;}
p.copyrights *{color:#a4d1b8;}

.banner{ width:100%;}
.banner img{width:100%;}


section.search{ padding:25px 0; overflow:hidden;}
.search dl{float:left; padding-top:5px;}
.search dl dt{ font-weight:600;float:left;font-size:14px;}
.search dl dd{ float:left; padding-left:15px;font-size:12px; padding-top:1px;}
.search form{float:right; position:relative;width:300px;}
.search form .inp01{border-radius:18px;box-shadow: 0 0 1px rgba(0,0,0,.3); padding:15px; font-size:12px; height:34px; color:#666;width:100%;border: 1px solid #C3CED9;}

.search form .inp02{position:absolute; right:2px; background:url(../images/serbtn.png) no-repeat; width:50px; height:29px;top:2px; cursor:pointer;}

.pro_box{ width:100%;}
.pro_box aside{ width:22%; float:left;}
.pro_box aside h4{ width:100%; background:url(../images/listnav.jpg) center top no-repeat; padding:33px 0; font-size:22px; color:#fff; font-weight:normal; text-align:center; background-size:100%;}
.pro_box aside h4 em{ display: block;
    font-size: 12px;
    font-family: Arial;
    text-transform: capitalize;
    color: #fff; margin-top:10px; }
.pro_box aside dl{ background:#F7F9FA; overflow:hidden; margin:0; padding-bottom:20px;}
.pro_box aside dl dt{ margin:25px 0 18px 25px; width:80%; clear:both;height: 28px;border: 1px solid #8d9c92;overflow: hidden; line-height:28px;padding-left: 36px;
    font-size: 14px;
    color: #333333;
    background: url(../images/listico02.png) no-repeat 10px center;}
	.pro_box aside dl dt a.hover,.pro_box aside dl dd a.hover{ font-weight:900;color:#3B5CAB;}
.pro_box aside dl dd{width:80%;margin:12px 0 12px 25px;font-size: 12px;
    color: #333;padding-left: 36px;background: url(../images/newsicon.gif) no-repeat 17px center;}
	
	
.pro_box aside p{background:url(../images/list_tel.gif) no-repeat 45px 24px #595959 ; color:#fff; height:72px; overflow:hidden; padding-left:80px;}
.pro_box aside p span{ display:block;
    font-size: 22px;
    font-family: Arial;
    padding-top: 16px;
    line-height: 24px;}
.pro_box aside p em{display:block; font-size:12px;}	


	
	
	
	
	
	
	
	

.pro_box .pro_list{ float:right; width:74%;}
.pro_box .pro_list p{ max-height:170px; overflow:hidden;}
.pro_box .pro_list ul{overflow:hidden;}
.pro_box .pro_list ul li{ width:31.5%; float:left; margin-right:2.74%; margin-top:25px;}
.pro_box .pro_list ul li:nth-child(3n){ margin-right:0;}
.pro_box .pro_list ul li>a:first-child{ display:block; width:100%; height:176px;}
.pro_box .pro_list ul li>a:first-child img{ width:100%; height:100%;}
.pro_box .pro_list ul li>a:last-child{ text-align:center; display:block; padding-top:15px; font-size:12px; width:100%;text-overflow: ellipsis;white-space: nowrap;overflow:hidden;}


ul.tab_list{width:100%;overflow: hidden;}
ul.tab_list LI{overflow: hidden;float: left;}
	
ul.tab_list li:last-child{ margin-right:0;}	
ul.tab_list li a{width:100%; text-align:center; height:100%;font-size: 14px; line-height:40PX;height: 40px; display:block;background: #979797; color:#fff;}
ul.tab_list li a.hover,ul.tab_list li a:hover{ background:#019c58;}
ul.tab_list li.hover a{ background:#3B5CAB;}

ul.tab_6 li{ width:16%; margin-right:0.7%;}
ul.tab_5 li{ width:19.5%; margin-right:0.5%;}
ul.tab_4 li{ width:24.7%; margin-right:0.4%;}
ul.tab_3 li{ width:33%; margin-right:0.5%;}