@font-face {
    font-family:'Gotham Medium';
    src: url('assets/fonts/fonts/Gotham-Medium.eot');
	src: url('assets/fonts/fonts/Gotham-Medium.eot?#iefix') format('embedded-opentype'),
		url('assets/fonts/fonts/Gotham-Medium.woff2') format('woff2'),
		url('assets/fonts/fonts/Gotham-Medium.woff') format('woff'),
		url('assets/fonts/fonts/Gotham-Medium.svg#Gotham-Medium') format('svg');
    font-weight: 350;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}

@font-face {
    font-family: 'gotham_bookregular';
    src: url('assets/fonts/ufonts.com_gotham-book_0-webfont.eot');
    src: url('assets/fonts/ufonts.com_gotham-book_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/ufonts.com_gotham-book_0-webfont.woff2') format('woff2'),
         url('assets/fonts/ufonts.com_gotham-book_0-webfont.woff') format('woff'),
         url('assets/fonts/ufonts.com_gotham-book_0-webfont.ttf') format('truetype'),
         url('assets/fonts/ufonts.com_gotham-book_0-webfont.svg#gotham_bookregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Gotham';
    src: url('assets/fonts/Gotham-Bold.eot');
    src: url('assets/fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Gotham-Bold.woff2') format('woff2'),
        url('assets/fonts/Gotham-Bold.woff') format('woff'),
        url('assets/fonts/Gotham-Bold.ttf') format('truetype'),
        url('assets/fonts/Gotham-Bold.svg#Gotham-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Gotham-Medium';
    src: url('assets/fonts/Gotham-Medium.eot');
    src: url('assets/fonts/Gotham-Medium.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Gotham-Medium.woff2') format('woff2'),
        url('assets/fonts/Gotham-Medium.woff') format('woff'),
        url('assets/fonts/Gotham-Medium.ttf') format('truetype'),
        url('assets/fonts/Gotham-Medium.svg#Gotham-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'GothamBold';
    src: url('assets/fonts/GothamBold.eot');
    src: url('assets/fonts/GothamBold.svg#GothamBold') format('svg'),
         url('assets/fonts/GothamBold.woff2') format('woff2'),
         url('assets/fonts/GothamBold.woff') format('woff'),
         url('assets/fonts/GothamBold.ttf') format('truetype'),
         url('assets/fonts/GothamBold.eot') format('embedded-opentype');
}

@font-face {
	font-family: 'Conv_Gotham-Bold';
	src: url('assets/fonts/Gotham-Bold.eot');
	src: local('☺'), url('assets/fonts/Gotham-Bold.woff') format('woff'), 
		 url('assets/fonts/Gotham-Bold.ttf') format('truetype'), 
		 url('assets/fonts/Gotham-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'GothamMedium';
    src: url('assets/fonts/GothamMedium.eot');
    src: url('assets/fonts/GothamMedium.eot') format('embedded-opentype'),
         url('assets/fonts/GothamMedium.woff2') format('woff2'),
         url('assets/fonts/GothamMedium.woff') format('woff'),
         url('assets/fonts/GothamMedium.ttf') format('truetype'),
         url('assets/fonts/GothamMedium.svg#GothamMedium') format('svg');
}
@font-face {
font-family: 'GothamBook';
src: url('assets/fonts/GothamBook.eot');
src: url('assets/fonts/GothamBook.eot') format('embedded-opentype'),
     url('assets/fonts/GothamBook.woff2') format('woff2'),
     url('assets/fonts/GothamBook.woff') format('woff'),
     url('assets/fonts/GothamBook.ttf') format('truetype'),
     url('assets/fonts/GothamBook.svg#GothamBook') format('svg');
}

html,body{width: 100%;height: 100%;}
html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strike,strong,sub,sup,tt,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);font-family: 'gotham_bookregular','GothamBook','Gotham','微软雅黑',Arial, sans-serif;font-size: 14px;color:#333;}
ol,ul,li{list-style:none;color:#333;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
body{font-family: PingFangSC-Regular, sans-serif;color:#333;height: 100%;}
h1,h2,h3,h4,h5,h6{font-weight: normal;color:#333;}
input[type=button], input[type=submit], input[type=file], button,input,select,textarea {/*-webkit-appearance: none;*/outline:none; box-shadow:none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);} 
input[type=datetime-local]{border:none;background: none;appearance:none; }
input[type=button], input[type=submit], input[type=file], button{cursor: pointer;}
a,button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor: pointer;}
a{text-decoration: none;color:#333;-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none; -khtml-user-select: none; user-select: none;}
a:active{border:none;background: none;}
.fl{float: left;}
.fr{float: right;}
.clear{clear: both;}
.wary{width:1200px;margin: 0 auto;position: relative;}
.h_90{height: 90px;}
/* header */
header{width: 100%;min-width: 1200px;height: 90px;box-sizing: border-box;position: absolute;top: 0;left: 0;z-index: 100;}
header .headerbtn .hopen{display: block; position: fixed;height: 90px;line-height: 90px;cursor: pointer;/**/}
header .headerbtn .hopen i{height: 8px;width: 18px;border-top:3px solid #000;border-bottom:3px solid #000;display: inline-block;margin-right: 8px;vertical-align: middle;}
header .headerbtn .hopen span{color: #000;vertical-align: middle; font-weight: normal; font-size: 18px; font-family: Conv_Gotham-Bold;}
header .headerbtn .hcolse{display: block;position: absolute;height: 40px; margin-top:35px; cursor: pointer;display: block;z-index: 550;}
header .headerbtn .hopen:hover i {opacity: 0.8;}
header .headerbtn .hopen:hover span {opacity: 0.8;}
/*header .headerbtn .hcolse i{display: inline-block;font-weight: normal;font-style: normal;color: #000;vertical-align: middle;font-size: 20px;margin-right: 8px;}
header .headerbtn .hcolse span{color: #000;vertical-align: middle;}*/
.logo{display: block;height: auto;width: 170px;position: absolute;top:20px;left:50%;margin-left: -85px;}
.header_nav{position: relative;}
.navshow{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: #fff;z-index: 500; box-sizing:; border-box;padding-top: 90px;display: none;}
.header_nav_list{padding-top: 150px; padding-left:100px; font-family: 'gotham_bookregular';}
.header_nav_list li{height: 120px;cursor: pointer;}
.header_nav_list li a{display: block;height: 100%;line-height: 120px;box-sizing: border-box;font-size: 50px;color:#666;position: relative;}
.header_nav_list li a:hover{color:#333; font-family: 'Gotham-Medium';}
/*.header_nav_list li.active a{color: #000;}*/
/*.header_nav_list li.active a::before{content: '';display: block;height: 2px;width: 40px;background: #e8412c;position: absolute;left: -45px;top:45px;}
.header_nav_list li:hover a::before{content: '';display: block;height: 2px;width: 40px;background: #e8412c;position: absolute;left: -45px;top:45px;}
.header_nav_buoy{position: absolute;height: 3px;width: 100px;background: #1a1a1a;bottom: 0;left: 15px;}*/
.header_lang {position: relative;margin-left: 25px;width: 37px;cursor: pointer;padding-right: 5px;margin-top:30px; /*text-shadow: 1px 1px 3px #666;*/}
.header_lang .close_down{display:inline-block;width:0;height:0;border-width:4px 0 4px 6px; border-style:solid; border-color:transparent transparent transparent #808080; vertical-align: middle;}
.header_lang .open_down{display:inline-block;width:0;height:0;border-width:6px 4px 0 4px; border-style:solid; border-color:#808080 transparent transparent transparent ; vertical-align: middle;}
.header_lang .nowlang {}
.header_lang .nowlang i {}
.header_lang .nowlang span {display:inline-block; width:auto; font-size: 12px; line-height: 22px; float: right; vertical-align: middle; font-family: 'GothamBook', '微软雅黑';}
/*.header_lang .nowlang span:hover{opacity: 0.8;}*/
.header_lang .lang_down_list{width: 70px; font-size: 12px; padding-bottom: 4px; margin-left: -8px; margin-top: 3px; background: #fff; display: none;position: absolute;z-index: 200; opacity: 0.8; border: #808080 solid 1px; border-radius: 3px;}
.header_lang .lang_down_list li{width: 100%; font-size: 12px;}
.header_lang .lang_down_list a{width: 100%; text-align: center; padding-top:5px; display:block;  color:#808080; font-size: 12px;}
.header_lang .lang_down_list li.active a{color: #000;}
.header_lang .lang_down_list a:hover{color: #000;}

.header_lang .lang_open_list { font-family: 'GothamBook', '微软雅黑';}
.header_lang .lang_open_list i.close_down {vertical-align: baseline; cursor: default;}
.header_lang .lang_open_list li{width: auto; font-size: 12px; float: left; margin-left: 10px; line-height: 22px;}
.header_lang .lang_open_list li span {color: #000; cursor: default;}
.header_lang .lang_open_list li a{color:#999;}
.header_lang .lang_open_list li.active a{color: #000;}
.header_lang .lang_open_list a:hover{color: #000;}

/* footr */
footer{width: 90%;min-width: 1200px;background: none;margin-top: 50px; border-top: #1a1a1a solid 1px; margin-left: 5%;}
.footer_nav{padding: 75px 0 25px 0;border-bottom: 1px solid #383838;overflow: hidden;}
.footer_nav ul{float: left;padding: 0 10px;width: 180px;}
.footer_nav ul li.footer_nav_title{color:#fff;margin-bottom: 45px;}
.footer_nav ul li a{display: inline-block;margin-bottom:8px;font-size: 14px;line-height: 22px;color: #7a7a7a;}
.footer_nav ul li a:hover{color:#fff;}
.footer_an{padding: 30px 0 20px 0; font-size: 12px;}
.footer_an p{text-align: center;width: 100%;color:#999;margin-bottom: 10px;}
.footer_an p a{color:#999;}