@charset "utf-8";
/* CSS Document */
html{ overflow-y:scroll;}
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{background: #1f1f1f; color:#444; font-size:14px; font-family:"微软雅黑";}
section,article,aside,header,footer,nav,dialog,figure{display:block;}
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,th {font-weight:normal; font-style:normal; color: #ccc;}
input{ outline:none; vertical-align:middle;border:none;}
textarea{resize:none;outline:none;overflow:hidden;}
input.submit,input.reset{cursor:pointer;}
table,td,tr,th{font-size:12px;}
.nodispaly{ display:none}
.line{height:20px; line-height:20px; font-size:0px; clear:both; overflow:hidden; display:block;}
.clearfix{*zoom:1;}
.clearfix:after{display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}
a{color:#444; text-decoration:none;}
a:hover { color:#000; text-decoration:none; }
.layout{max-width:1200px; margin:0 auto;}

.header{ background:#cfcfcf url(../images/top_bg.jpg) center top no-repeat;}
.top{ background:#17181d; height:40px;}
.top .top_box{ margin:0 auto;}
.top .top_box .bwzx{ width:345px; float:left;}
.top .top_box .bwzx p{ line-height:40px; font-size:12px; color: #dedfe8;} 


.logobox{ max-width:1200px; margin:0 auto; height:85px;}
.logobox h1{ width:130px; float:left; margin-top:6px;}
.logobox h1 img{ width:100%;}

.header .nav{float: left; margin: 0 1.5%;}
.nav > ul{float:left;}
.header .nav>ul>li{position: relative;float: left;margin:0 25px;height: 100%;font-size: 14px;line-height:85px;}
.header .nav>ul>li:nth-child(8){margin-right: 235px;}
.header .nav>ul>li.active>a:after,.header .nav>ul>li.active>a:before{display: block;}
.header .nav>ul>li>a{display:block;color: #000;font-family: OpenSans; text-transform: uppercase; position: relative;}
.header .nav>ul>li>a:after{display: none;content: "";position: absolute;border-radius: 5px;left: 5px;top: 65px;width:30px;height: 3px;background-color: #fff;}
.header .nav>ul>li>a:before{display: none;content: "";position: absolute;border-radius: 3px;left: 0;top: 65px;width: 3px;height: 3px;background-color: #fc680f;}
.header .nav>ul>li>a:hover:after,.header .nav>ul>li>a:hover:before{display: block;}

.search{width:145px;height:32px;float:left;margin-left:14px; margin-top: 27px; border:1px solid #777;padding-left:32px;position:relative;}
.search:hover{border-color:#000;}
.flow-btn{width:24px;height:24px;background:url(../images/search.png) no-repeat left top; background-size: 18px; position:absolute;cursor:pointer;left:8px;top:50%;margin-top:-8px;}
.flow-btn:hover{background-position:-24px top;}
.flow-input{font-family:"OpenSans-Regular";width:135px;height:16px;line-height:16px;font-size:14px;color:#555;padding:8px 8px 8px 0;background:none;}


.ewm{float:left; width:165px; text-align:center; }
.ewm .pic1{ float:left;  line-height: 85px; padding: 0 7px}
.ewm .pic1  a{ color:#000; font-size: 15px; }


.logobox .rtox{float:right;  width:125px; margin-top: 4px; }
.logobox .rtox .fedxx{width: 100%; padding-top: 6px;}
.logobox .rtox .fedxx ul{overflow: hidden;}
.logobox .rtox .fedxx ul li{float: left; width: 98%;  color: #fff; margin-bottom: 7px; border: 1px solid #45485f;}
.logobox .rtox .fedxx ul li img{ width:100%;}


.menu{ display:none;}
.sub_menu{ display: none;}



.footer{padding:40px 0 20px;background-color:#000; overflow: hidden;}
.footer .main-width{overflow:hidden;}
.footer .box{float:left;width:18%;}
.footer .box h3{line-height:30px;font-size:20px;color:#eee;margin-bottom:15px;text-transform:uppercase;}
.footer .box li{line-height:22px;font-size:13px;color:#eee;margin-bottom:10px;}
.footer .box li a{color:#ccc;}

.footer .func{width:26%;}
.footer .language{margin-bottom:30px;}
.footer .language .click{width:240px;height:40px;overflow:hidden;}
.footer .language .click p{position:relative;width:100%;height:40px;line-height:38px;padding-left:44px;border:1px solid #d1cbc7;background-color:#fff;cursor:pointer;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;}
.footer .language .click .sel{position:relative;width:100%;border:1px solid #d1cbc7;border-top:none;background-color:#fff;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;z-index:2;}
.footer .language .click .sel a{display:block;position:relative;height:38px;line-height:38px;padding-left:44px;cursor:pointer;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;}
.footer .language .click .sel a:hover{background-color:#e8e3de;}
.footer .language .click i{position:absolute;top:9px;left:12px;width:25px;height:20px;background:url(../images/all-icon.png) no-repeat -40px -5px;}
.footer .language .click em{position:absolute;top:9px;right:12px;width:20px;height:20px;background:url(../images/all-icon.png) no-repeat -65px -5px;}
.footer .language .click.on{overflow:visible;}
.footer .language .click.on em{background-position:-85px -5px;}
.footer .sns h3{margin-bottom:15px;}
.footer .sns .icon{overflow:hidden;}
.footer .sns .icon a{float:left;display:block;width:23px;height:23px;margin:0 15px 15px 0;background:url(../images/all-icon.png) no-repeat;}
.footer .sns .icon a.pinterest{background-position:-110px -5px;}
.footer .sns .icon a.facebook{background-position:-133px -5px;}
.footer .sns .icon a.instagram{background-position:-156px -5px;}
.footer .sns .icon a.linkin{background-position:-179px -5px;}
.footer .sns .icon a.twitter{background-position:-202px -5px;}
.footer .sns .icon a.tumblr{background-position:-225px -5px;}
.footer .sns .icon a.alibaba{width:37px;background-position:-248px -5px;}
.footer .sns .icon a.pinterest:hover{background-position:-285px -5px;}
.footer .sns .icon a.facebook:hover{background-position:-308px -5px;}
.footer .sns .icon a.instagram:hover{background-position:-331px -5px;}
.footer .sns .icon a.linkin:hover{background-position:-354px -5px;}
.footer .sns .icon a.twitter:hover{background-position:-377px -5px;}
.footer .sns .icon a.tumblr:hover{background-position:-400px -5px;}
.footer .sns .icon a.alibaba:hover{background-position:-423px -5px;}

.footer .email{width:38%;}
.footer .form{width:100%;float:left;}
.footer .form p{width: 103%;}
.footer .form input[type='text']{display: block;width:46%;height:14px;padding:10px 0px;text-indent: 4px;color:#ccc;font-size: 14px;border:1px solid #999;background: none;float: left;margin-right:16px;margin-bottom: 10px;}
.footer .form textarea{width: 100%;border:1px solid #999;height:98px;background: none;;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;padding: 4px;color:#ccc;}
.footer .form em{ text-transform: uppercase;font-size: 13px;line-height: 34px;color:#666;font-style: normal;display: block;width: 206px;text-align: center;cursor: pointer;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-ms-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out;border:1px solid #999;border-radius: 20px;-webkit-border-radius:20px;margin:20px auto;}
.footer .form em:hover{background-color: #999;color:#FFF;}


.copy-right{background-color:#2e303d;color:#fff;text-align:center;line-height:32px;padding:16px 0;text-transform:uppercase;}