@charset "utf-8";
.fangF { width: 50%; margin: 50px auto; height: auto; clear: both; overflow: hidden; text-align: right; }
.fangF a, .fangF span { display: inline-block; border: #e2e2e2 1px solid; margin: 0 2.5px; padding: 9px 15px; }
.fangF a.fCurrent { border: #f26f21 1px solid; background-color: #f26f21; font-weight: 500; color: #ffffff; }
.fangF span { color: #aaaaaa; }
/* CSS Document */

@font-face{font-family:FontAwesome;src:url(//netdna.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?v=4.7.0);src:url(//netdna.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.eot#iefix&v=4.7.0) format("embedded-opentype"),url(//netdna.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.woff2?v=4.7.0) format("woff2"),url(//netdna.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.woff?v=4.7.0) format("woff"),url(//netdna.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.ttf?v=4.7.0) format("truetype"),url(//netdna.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format("svg");font-weight:400;font-style:normal}
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:montserrat,sans-serif;}
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:#ed1c25; text-decoration:none; }
.layout{ width:1180px; height:auto; margin:0 auto}
.container{ width:1180px; margin:auto; height:auto; overflow:hidden;}
.fl{float:left;}
.fr{float:right;}
.contain { width: 1180px; margin: 0 auto; height: auto; }
.gr_overflow{overflow:hidden;}
.wd{ max-width:1200px; margin:0 auto;}
.tp{ text-align:right; color:#fff; line-height:36px;}
.tp a{ color:#fff;}
.tp span{ margin-left:15px; font-size:16px;}
header{ width:100%; position: relative; z-index: 10; top:0; background:#fff;

    -webkit-transition: all .35s ease-in-out;
}

.top_box{position:relative;}
.top{ height:80px; padding:0 6%; }
.top .logo{ position:absolute; left:3%;width:260px; padding-top:10px;}
.navBar{  z-index:1;   float:left; margin-left:30%;}
.nav{  margin:0 auto;}
.nav h3{ font-size:15px; font-weight: bold;  }
.nav .m{  position:relative; float:left;  display:inline; text-align:center;   }
.nav h3 a{ zoom:1; line-height:80px;  font-size:16px;  display:block;  padding:0 30px;}

.nav li:hover a{ color:#ed1c25; border-bottom:0px #f90 solid;}
.nav .on h3 a{border-bottom:5px solid #c00;}
.nav .sub{ width:150px; position:absolute; left:-15px; top:80px; }
.nav .sub li{ text-align:center; line-height:35px; font-weight:300; }
.nav .sub li a{ color:#333; display:block; zoom:1;background:rgba(255, 255, 255, 1)!important;-webkit-transition: all 0.9s ; border:0px;font-weight:300;}
.nav .sub li a:hover{color:#fff; background:#f90 !important; }

.nav .m1{ float:left;  display:inline; text-align:center;   }
.nav .subs{ width:100% !important; position:absolute; left:0px; top:100px; background:#f5f5f5; padding:35px 0 0 0; }
.nav .subs .subcon{ width:1000px; height:auto; overflow:hidden; margin:auto;}
.nav .subs .subcon .sboupl{ width:600px; float:left; height:auto; overflow:hidden;}
.nav .subs .subcon .sboupl dl{ width:25%; float:left;text-align:left !important;}
.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{ line-height:32px;}
.nav .subs .subcon .sboupl dl dt a{color:#444343;}
.nav .subs .subcon .sboupl dl dd{ line-height:25px;  background:url(../images/icon-dot.png) no-repeat left center; text-indent:8px;}
.nav .subs .subcon .sboupl dl dd a{color:#444343; font-size:12px;}

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

#search{float:right; width:39px; height:80px; background:url(../images/search.png) no-repeat center; cursor:pointer; position: absolute; right:3%;}
.search_i{position:absolute; top:100%; background:#e67817; right:0; width:auto; height:0; overflow:hidden; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.search_i form{padding:8px;}
.search_i input {padding:0 20px; width:200px; height:44px; line-height:44px; border:0;}
#search:hover .search_i{height:60px; overflow:visible;}

header .m-btn { width:60px; height:60px; line-height:60px; text-align:right; display:none; cursor:pointer; float:right; margin-top:2%;}
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; color: #666; 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%;  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; max-width:1200px; margin:1% auto ; padding:2% 0;}
.foot_nav{ width:100%;height:auto; overflow:hidden; }
.foot_nav dl{width:20%; float:left; margin-left:5%;  }
.foot_nav dl dt{ font-size:22px; line-height:40px; color:#fff;text-align:left; text-transform:uppercase;}
.foot_nav dl dt a{ color:#fff; font-weight:700;}
.foot_nav dl dd{ color:#8f8f8f; line-height:25px; text-align:left;}
.foot_nav dl dd a{ color:#8f8f8f;}
.foot_nav dl dd a:hover{ color:#fff;}


.feedbakc{ width:100%; margin:auto; overflow: hidden; height:auto; margin-bottom:6%;}
.feedbakc h2{ font-size:36px; color:#fff; text-align:center; padding-bottom:3%; font-weight: 700;}
.feedbakc input{ color:#fff; line-height:45px; margin-bottom:2%;}
.wbkks{width:42%; margin-left:5%; background:#1a1b1f; border:1px #4c4e55 solid; padding-left:15px; }
.btn{ width:150px; height:45px; line-height:45px; margin:2% auto; background:#f57e23;border:1px #f57e23 solid;  display:block; border-radius:50px; font-size:24px;}

.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:10px 3% 0 3% ; }
.copyrights{ color:#919090; line-height:30px; padding:10px 0; max-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;
  }
}