@charset "UTF-8";
body {font-size:14px; margin:0px;background:#FFF;  font:14px "微软雅黑","宋体",Arial; -webkit-text-size-adjust:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,img,p,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,hr{margin:0;padding:0}
body{line-height:1.333;font-size:12px}
li{list-style:none}
em,i{ font-style:normal;}
a:link{color: #333; text-decoration: none;}
a:visited{color:#333; text-decoration: none;}
a:hover{color:#000; text-decoration:none;}
a:active{color:#000; text-decoration:none}
.clear{clear:both}
.fl{ float:left;}
.fr{ float:right;}
.fc{ margin:0 auto;}
img.fc{margin:0px auto;display: block;}
img{border:none;vertical-align: middle;}
/*清除浮动*/
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {+height:1%;}

.pngfix{}
.pt20{padding-top: 20px;}
.mt_5{margin-top: 5px;}.mt_10{margin-top: 10px;}
.ml_5{margin-left: 5px;}.ml_10{margin-left: 10px;}
.h34{height: 34px;}.w240{width: 240px;}
.ml220{margin-left: 220px;}
.mb60{margin-bottom: 60px;}.mb50{margin-bottom: 50px;}.mb40{margin-bottom: 40px;}
.mb30{margin-bottom: 30px;}.mb20{margin-bottom: 20px;}.mb15{margin-bottom: 15px;}
.mt80{margin-top: 80px;}.mt60{margin-top: 60px;}.mt50{margin-top: 50px;}.mt40{margin-top: 40px;}
.mt30{margin-top: 30px;}.mt20{margin-top: 20px;}.mt15{margin-top: 15px;}
.cb0{clear:both;height:0px;line-height:0px;font-size:0;overflow:hidden;}
.cb{clear:both;height:1px;line-height:1px;font-size:0;overflow:hidden;}
.cb5{clear:both;height:5px;line-height:5px;font-size:0;overflow:hidden;}
.cb10{clear:both;height:10px;line-height:10px;font-size:0;overflow:hidden;}
.cb15{clear:both;height:15px;line-height:15px;font-size:0;overflow:hidden;}
.cb20{clear:both;height:20px;line-height:20px;font-size:0;overflow:hidden;}
.cb30{clear:both;height:30px;line-height:30px;font-size:0;overflow:hidden;}
.cb40{clear:both;height:40px;line-height:40px;font-size:0;overflow:hidden;}
.cb50{clear:both;height:50px;line-height:50px;font-size:0;overflow:hidden;}
.cb60{clear:both;height:60px;line-height:60px;font-size:0;overflow:hidden;}
.cb80{clear:both;height:80px;line-height:80px;font-size:0;overflow:hidden;}
.cb90{clear:both;height:90px;line-height:90px;font-size:0;overflow:hidden;}
.cb100{clear:both; height:100px; line-height:100px; font-size:0; overflow:hidden;}
.cb150{clear:both; height:150px; line-height:150px; font-size:0; overflow:hidden;}
.cb500{clear:both; height:500px; line-height:500px; font-size:0; overflow:hidden;}

.sj04{-webkit-transition-duration: .4s; transition-duration: .4s;}
.sj09{-webkit-transition-duration: .9s; transition-duration: .9s;}
.sj012{-webkit-transition-duration: 1.2s; transition-duration: 1.2s;}
.sj015{-webkit-transition-duration: 1.5s; transition-duration: 1.5s;}
.sj018{-webkit-transition-duration: 1.8s; transition-duration: 1.8s;}

.container{width: 70%; margin: 0px auto;clear:both;position: relative;}

a.hbtn{width: 148px;height: 43px;line-height: 43px;margin:3% auto;color: #174b72;font-size: 0.16rem;text-align: center;display: block;vertical-align: middle;position: relative;overflow: hidden;border:1px solid #174b72;border-radius: 10px;}
a.hbtn:hover{/*background-color: #174b72;*/color: #fff;}
a.btn1{z-index: 5;transition: 0.5s;}
a.btn1::before{content: "";width: 0;background-color: #174b72;color: #fff;z-index: -1; height: 100%;transition:0.2s ease all;position: absolute;top: 0;left: 0;}
a.btn1:hover::before{width: 100%;}
a.btn2{z-index: 5;}
a.btn2:before{content: "";;background-color: #174b72;z-index: -1;position: absolute;top: 0;left: 0;right: 0;bottom: 0;
-webkit-transform:scaleX(0);transform:scaleX(0);
 -webkit-transition-property:transform;
 transition-property:transform;
 -webkit-transition-duration:.3s;
 transition-duration:.3s;
 -webkit-transition-timing-function:ease-out;
 transition-timing-function:ease-out}
a.btn2:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1);}
/*头部*/
.section .navbar{position: absolute;top:3%;z-index: 9;width: 100%; z-index:9999;}
.nav_left{width: 25%;float: left;transition: all 1.5s;opacity: 0;position: relative;left: -800px;margin-left:5%;}
.logo{display: block;width: 335px;height:64px;float: left;}
.logo img{width: 100%;height: auto;}
.navbar_right{margin-right:0%; margin-top:1%;}
.navbar_right li{float: left;width: 8%;}
.navbar_right li a{color: #fff;font-size: 0.17rem;display:block;transition:all 0.3s;position: relative;text-align: right;}
.navbar_right li:hover a{color:#e50014;}
.navbar_right li:last-child{background-image: none;}
div.navbar_right2 li a{ color:#333;}
div.navbar_right2 li:hover a{color:#174b72;}

.trig_top{position:absolute;top:2%;right: 0;}
.trig_top a{color: #666;font-size: 0.12rem;}
.trig_top2{position:fixed;top:0;right:6%;z-index:222;font-size: medium;background: #096cb0;padding: 5px;}
.trig_top2 a:first-child,.trig_top a:first-child{margin-right: 10px;}
.trig_top2 a span,.trig_top2 a{color: #fff;font-size: 0.12rem;}
/*首页栏目标题*/
/*a.ntmenu{float: right;display: block;float: right;opacity: 0;margin-right: -100px;transition: all 1s;}*/

/*侧边栏*/
#side{position: fixed;right: 0;top: 0;z-index: 10;width: 40px;height: 100%;}
#menu {position: absolute;right: 0px;top: 50%;width: 40px;margin-top: -140px;padding: 0;list-style-type: none;}
#menu a{font-size: 14px;color: #666;margin-bottom: 10px;display: block;font-weight: 500;}
#menu a:hover, #menu .active a {color: #c81d22;font-weight: 700;}
#menu a img{display: block;margin-left: 2px;}

/*友链*/
.linkbox{width: 96%;margin:1% auto 0;height: auto;position: relative;z-index: 9;padding:8px 0;}
.linkbox span{float: left;width: 80px;display: block;font-size: 0.14rem;color: #174b72;line-height: 25px;}
.linkbox a{font-size: 0.14rem;color: #666;display: block;float: left;padding:0 10px;line-height: 25px;}
.linkbox a:hover{color: #174b72;}


/*分页*/
.pagination-wrapper {clear:both;padding:1em 0 2em 0;text-align:center;margin-top:20px;} 
.pagination {display: inline-block;*display: inline;*zoom: 1;font-size:14px;border-radius: 3px;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);} 
.pagination li{list-style: none;display: inline;padding:0 .8em;float: left;line-height: 34px;text-decoration: none;border: 1px solid #ddd;border-left-width: 0; height:34px;} 
.pagination li a {display: inline-block;/*background-color: #f9f9f9;*/color: #999; text-align:center;} 
.pagination li a:link{background:#fff;color: #555555;} 
.pagination li a:hover{text-decoration:none;color:#174b72;} 
.pagination li a:link:hover {color:#174b72;} 
.pagination li.thisclass{background-color: #174b72;} 
.pagination li.thisclass a{color:#fff;}
.pagination li:first-child {border-left-width: 1px;border-radius: 3px 0 0 3px;} 
.pagination li:last-child{border-radius: 0 3px 3px 0;} 
.pagination .pageinfo{color: #444;}

/**在线客服**/
/*回到顶部*/
.izl-rmenu{position:fixed; right:0; margin-right:10px; top:50%; margin-top:300px; padding-bottom:20px; z-index:999; }
.izl-rmenu .btn-top{width:87px; height:87px; background:url(../images/toTop.png) no-repeat; display:none;cursor: pointer;}

/*面包屑*/
.crumbsnav{width: 100%;height: 50px;line-height: 50px;font-size: 14px;color: #666666;margin:0px auto;border-bottom: 1px solid #dedede;position: relative;z-index: 9;}
.cruleft{color:#666666; display:block;width:700px;float: left;text-align: left;margin-left: 10px;}
.cruleft img{display: inline-block;margin-right: 10px;}
.crumbsnav a{color:#666666;}
.crumbsnav a:hover{color:#03449e;}
a.return{float: right;display: block;margin-right: 10px;}

/*特效*/
.active .nav_left{opacity: 1;left:0;}
.active .logo1{opacity: 1;top:0;}
.active .search{ opacity: 1; margin-top: 0px;transition-delay: 0.5s;}
.active .navbar .container{opacity: 1;}
.active a.ntmenu{opacity: 1;margin-right: 40px;}
.active .htitle{opacity: 1;-webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.5s;}

.active .nabout,.active .values,.active .timebox,.active .rongyubox,.active .teambox,.active .youshibox{bottom: 0; opacity: 1; transition-delay: 0.7s;}

/**sitemap**/
/*站点地图*/
.sitemapbox{border:2px #eee solid; padding:2% 2% 4%; margin:4% auto;}
.info-sitemap{ border:2px #eee solid; padding:15px 15px 35px; margin:50px auto;}
.info-sitemap-title{ display:block; height:55px; line-height:55px;}
.info-sitemap-title a{ font-size:17px; font-weight:700; margin-right:15px;color: #333;}
.info-sitemap-content{ display:block; padding-top:10px;}
.info-sitemap-content a{ margin-right:2%;transition:0.5s;}
.info-sitemap-contents{ display:block; /*padding-top:10px;*/}
.info-sitemap-contents a{ display:block; width:50%;font-size: 0.13rem; float:left; border-bottom:1px #ddd dashed; line-height:25px;transition:0.5s;}
.info-sitemap-fenqu{ display:block; padding-top:10px;}
.info-sitemap-fenqu a{ background:#eee; float:left; line-height:33px; padding:0 15px; margin-right:20px; margin-bottom:10px;}
.info-sitemap-contents a:hover,.info-sitemap-content a:hover{color: #e50014;}
.info-sitemap-contents a:hover{text-indent: 5px;}
.info-sitemap-content a:hover{font-weight: 700;}


@media screen and (max-width: 1400px) { 
.container{width: 90%;}
.navbar .container{right: 0;margin-right: 0;width: 100%;}  
.navbar .search{display: none;}

}
@media screen and (max-width: 1600px) { 
  .container{width:85%;}
  .logo1{margin:15% auto 15%;}
}
@media screen and (max-width: 1440px) { 
  .container{width:90%;}
}
@media screen and (max-height: 765px){
 .navlphone{margin-top: 15%;}
 .navl a{margin-top: 11%;}
}
@media screen and (max-height: 650px){
 .navlphone{margin-top: 7%;}
 .navl a{margin-top: 7%;}
 .navl{margin:11% 0;}
.habright{height: 440px;}
.hableftbox{padding: 0 17% 0% 0%;}



}