@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{margin:0;padding:0;}
body{ color:#444; font-size:14px; font-family:"微软雅黑";}
ul, ol { list-style: none;} 
img,fieldset{vertical-align:top;border:0;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
address,cite,code,em,i,th {font-weight:normal; font-style:normal;}
input,button,textarea,select{font:100% Arial,''; vertical-align:middle}
table,td,tr,th{ line-height:29px;}
.nodispaly{ display:none}
.line{height:20px; line-height:20px; font-size:0px; clear:both; overflow:hidden; display:block;}
.fK{color:#a91432;}
.clearfix{*zoom:1;}
.clearfix:after{display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}
a{color:#444; text-decoration:none;transition:all 0.3s;}
a:hover {color:#eb5300; text-decoration:none; }
.layout{ max-width:1180px; height:auto; margin:0 auto}
.fl{float:left;}
.tp{ text-align:right; color:#fff; line-height:36px;}
.tp a{ color:#fff;}
.tp span{ margin-left:15px; font-size:16px;}
.header{ width:100%;  z-index: 103; top:0; background:#fff;}
.top_box{position:relative;}
.toper{ background:#f2f2f2; height:30px; line-height:30px; color:#666;}
.top{ height:100px; }
.top .logo{ float:left; width:19%; padding-top:20px;}
.top .logo img{ width:90%;}

.navBar{  z-index:1;  height:45px; line-height:45px; width:100%; background:#e3e3e3}
.nav{  margin:0 auto; max-width:1180px;}
.nav li{ width:14.2%;text-align:center; }
.nav h3{ font-size:15px; font-weight:normal;}
.nav h3 a{ zoom:1; line-height:45px;  display:block; text-transform:uppercase;font-weight:bold; }
.nav li:hover a{ color:#e60012; border-bottom:0px #00b4ff solid;}
.nav .on h3 a{border-bottom:5px solid #c00;}
.nav .sub{ position:absolute; left:0px; top:45px; z-index:11111; }
.nav .sub li{ text-align:center; line-height:35px; }
.nav .sub li a{ color:#333; display:block; zoom:1;background:rgba(255, 255, 255, 1)!important;-webkit-transition: all 0.9s ; border:0px;}
.nav .sub li a:hover{color:#e60012; background:#00b4ff !important; }

.nav .m1{ float:left;  display:inline; text-align:center;   }
.nav .subs{ width:100% !important; position:absolute; left:0px; top:145px; background:#333; padding:35px 0 0 0; }
.nav .subs .subcon{ width:1000px; height:auto; overflow:hidden; margin:auto;}
.nav .subs .subcon .sboupl{ width:100%; float:left; height:auto; overflow:hidden; padding-bottom:2%;}
.nav .subs .subcon .sboupl dl{ width:21%; float:left; margin:0 2%;}
.nav .subs .subcon .sboupl dl h4{ color:#333; line-height:35px;}
.nav .subs .subcon .sboupl dl h4 a{ color:#333; font-weight: bold;}
.nav .subs .subcon .sboupl dl h4 a:hover,.nav .subs .subcon .sboupl dl dd a:hover,.nav .subs .subcon .sboupl dl dt a:hover{color:#eb5300; }
.nav .subs .subcon .sboupl dl dt{ width:100%; height:auto; overflow:hidden;}
.nav .subs .subcon .sboupl dl dt img{ width:100%;}

.nav .subs .subcon .sboupl dl dd{ line-height:35px; text-align:center;}
.nav .subs .subcon .sboupl dl dd a{color:#f1f1f1; }

.nav .subs .subcon .sbopr{ width:400px; float:left; height:auto; overflow:hidden;}
.nav .subs .subcon .sbopr img{ border:1px #eee solid; float:left; margin-left:10px; margin-bottom:10px; width:150px; height:150px;}
.nav .subs .more5{ line-height:60px; background:url(../images/icon-menu.png) no-repeat center center; text-indent:105px;}

.nav .subs .subcon .sboprc{ width:400px; float:left; height:auto; overflow:hidden;}
.nav .subs .subcon .sboprc img{ float:left; margin-left:5px; margin-bottom:5px; width:200px; height:200px;}

.adbox{ width:23%; height:auto; overflow:hidden; float:left; line-height:100px; font-size:18px; color:#777;}

#search{float:left; width:4%; height:100px; background:url(../images/search.png) no-repeat center; cursor:pointer; position:relative; margin-left:30%;}
.search_i{position:absolute; z-index:1111; top:25%; background:#F00; right:50px; width:auto; height:0; overflow:hidden; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.search_i form{padding:3px;}
.search_i input {padding:0 20px; width:200px; height:44px; line-height:44px; border:0;}
#search:hover .search_i{height:50px; overflow:visible;}

.lan{ width:24%;height:100px; float:left;  text-align:center; line-height:100px;  color:#999; }
.lan a{ color:#999;}

/*main*/
.content{width: 100%;margin:0 auto;padding-bottom:60px; background:#f1f1f1; height:auto; overflow:hidden;}

.header .m-btn { width:60px; height:100px; line-height:100px; text-align:center; display:none; cursor:pointer; float:right; margin-right:5%;}
.header .m-btn .box {display: block;position: relative; font-size:24px;}
.m-sub-menu.show {right: 0;transition: all 0.44s ease 0s;}
.m-sub-menu {position: fixed;right: -100%;width: 66%;top: 0;z-index: 100;height: 100%;background-color: #fff;transition: all 0.64s ease 0s;}
.m-sub-menu .top-box {line-height: 60px;background-color: #333;}
.m-sub-menu .top-box .stt {display: inline-block;font-size: 16px;color: #acacac;margin-left: 8.2%; float:left;}
.m-sub-menu .top-box .close { width:60px;  height:60px; line-height:60px; color:#FFF; cursor: pointer; float:right; text-align:center; font-size:16px; text-shadow:none; opacity:1;}
.m-sub-menu .list-wrap ul {  width: 100%;}
.m-sub-menu .list-wrap li {line-height: 50px;  width: 100%;  border-bottom: 1px solid #f2f2f2; text-transform:uppercase;}
.m-sub-menu .list-wrap li .col-box { display: block; padding: 0 7.8% 0 8.2%;}
.m-sub-menu .list-wrap .tit { font-size: 16px;  float:left;}
.m-sub-menu .list-wrap .point { display: inline-block; width: 8px; height: 12px; float:right; color:#999;}
.m-sub-menu .bot-link { width: 84%; padding: 0 7.8% 0 8.2%; margin-top: 10px;}
.m-sub-menu .bot-link a { display: inline-block; width: 30px; height: 50px; line-height:50px; margin-right: 10px; float: left; text-align:center;}
.m-sub-menu .bot-link a:hover{ text-decoration:none;}
.m-sub-menu .sec-sub-list { position: absolute; right: -100%; top: 60px; width: 100%;}
.m-sub-menu .sec-sub-list .return-fir { display: block; width: 100%; padding: 0 7.8% 0 0; line-height: 60px; background-color: #333;}
.m-sub-menu .sec-sub-list .return-fir p { padding-left: 18px; color: #fff; font-size: 16px; text-transform:uppercase;}
.m-sub-menu .sec-sub-list .return-fir p i{ font-size:14px; margin-right:10px;}
.m-sub-menu .sec-sub-list .boxs { width: 100%; transition: all 0.4s ease 0s; background:#fff; position: absolute; left: 0; top: 0;}
.m-sub-menu .sec-sub-list .boxs.show { left: -100%;}
.m-sub-menu .sec-sub-list ul, .m-sub-menu .sec-sub-list li { width: 100%;}
.m-sub-menu .sec-sub-list li { line-height: 50px; border-bottom: 1px solid #f2f2f2;}
.m-sub-menu .sec-sub-list li a { display: block; width: 84%; padding: 0 7.8% 0 8.2%; font-size: 16px; color: #666;}
.m-sub-menu .sec-sub-list li a:hover{ text-decoration:none;}
.m-sub-menu .sec-sub-list .bot-link { margin-top: 14px;}



.fbg{ background:#1a1b1f;height:auto; overflow:hidden; }
.foot{height:auto; overflow:hidden; width:1180px; margin:2% auto ;}
.foot_nav{ width:740px;height:auto; overflow:hidden; }
.foot_nav dl{width:23%; float:left;  }
.foot_nav dl dt{ font-size:16px; line-height:40px; color:#fff;text-align:left;}
.foot_nav dl dt a{ color:#c7c7c7;}
.foot_nav dl dd{ color:#8f8f8f;font-size:12px; line-height:21px; text-align:left;}
.foot_nav dl dd a{ color:#8f8f8f; font-size:12px;}
.foot_nav dl dd a:hover{ color:#fff;}

.ewm{ width:100px; float:left; overflow:hidden; margin-top:14px;}
.ewm img{ width:100%;}
.ewm p{ text-align:center; line-height:30px; color:#8f8f8f;}
.copyright{ width:340px; height:auto; overflow:hidden; text-align: right; margin-top:10px;}
.copyright .namecolor {color: #fff;font-size: 26px; height:50px;}
.copyright .mail {color: #f8f8f8;text-decoration: none;background: url(../images/icon-mail-f.png) no-repeat 130px top;font-size: 15px;line-height: 20px; height:25px;}
.copyright .mail a{color: #f8f8f8;}
.copyright .copy{color: #666; font-size:12px; line-height:56px;}
.dbfo{ width:100%; background:#2b2b2b; color:#E9E9E9; text-align:center; padding:15px 0; font-size:12px;}


.foott{ background:#000; height:auto; overflow:hidden;text-align:center; padding-top:10px;}
.copyrights{ color:#919090; line-height:30px; padding:10px 0; width:1100px;height:auto; overflow:hidden; margin:auto; font-size:13px;}
.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background:#fb9700 url(../images/top.png) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */
  opacity: 1;
}
.no-touch .cd-top:hover {
  background-color: #ffd200;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}