@charset "utf-8";
/* CSS Document */
/*  ------------------------ 通用 ----------------------------  */
*, *::after, *::before { -webkit-box-sizing: border-box;-o-box-sizing: border-box; 
     -ms-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;}
*{ margin:0px; padding:0px;}
body {font-family:"Montserrat-Regular", Arial;  font-size:14px; line-height:24px;color:#333333;}
body,html{ width:100%; height:auto;}
body{background:#ffffff;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;font-family:'Montserrat-SemiBold'; text-transform:uppercase;}
body, button, input, select, textarea{  font-family: 'Montserrat-Regular',Arial; font-size:14px;}
ol, ul ,li{list-style: none; margin:0px; padding:0px}
img,ol, ul ,li{ border:none;}
a{ text-decoration:none; color:#333333;
-webkit-transition: all 0.2s ease-out 0s; 
   -moz-transition: all 0.2s ease-out 0s; 
	 -o-transition: all 0.2s ease-out 0s; 
		transition: all 0.2s ease-out 0s;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;outline:none;background: none;text-decoration: none;}
input[type=button], input[type=submit], input[type=reset] ,select{-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none;}
input:focus,input:hover,input:active {outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-modify:read-write-plaintext-only;outline:0;}
select:focus,select:hover,select:active,textarea {outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-modify:read-write-plaintext-only;outline:0;}

select{-webkit-appearance:listbox;appearance:none; -moz-appearance:none;-webkit-appearance:none; background:#fff url("../images/arrow.png") no-repeat scroll 90% center;padding-right: 14px;}
table{ border-collapse: collapse; border-spacing: 0; }
table,table tr,table td,table th{border:1px solid #e1e9ff;}
.clearfix:after{content:".";display:block; width:100%;height:0; line-height:0;clear:both; overflow:hidden}
.ts3{transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; -ms-transition:all ease 0.3s; 
    -o-transition:all ease 0.3s;}
.ts5{transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; 
    -o-transition:all ease 0.5s;}

.pcblock{display:block;}
.wapblock{display:none;}
.mainbox{max-width:1320px;height:auto;margin:auto;}
.header{width:100%;height:96px;position:fixed;left:0;top:0;background:rgba(0,0,0,0.2);border-bottom:1px solid rgba(222,222,222,0.2); z-index:2;}
.logo{display:block;float:left;width:269px;height:auto;margin-top:20px;}
.logo img{display:block;width:100%;height:auto;}
.nav{float:right;}
.nav li{display:inline-block;}
.nav li>a{color:#ffffff;font-size:16px;line-height:96px;padding:0 18px;}
.nav li:last-child a{padding-left:0;}
.icon_earth{display:inline-block;width:40px;height:96px; background:url(../images/icon_earth.png) no-repeat center right/20px auto;vertical-align:top;position:relative;margin-right:10px;}
.icon_earth::before{content:"";width:1px;height:16px;background:rgba(255,255,255,0.5);position:absolute;left:0;top:50%;margin-top:-8px;}
.header_bg{display:none;width:100%;height:50px;line-height:50px;position:absolute;left:0;top:96px;background:#13769a;z-index:1;}
.level{display:none; width:100%; position:absolute;left:50%;top:96px;transform:translate(-50%,0); text-align:center; z-index:2}
.level dd{display:inline-block;}
.level dd a{color:#ffffff;display:block;line-height:50px;padding:0 10px;position:relative;font-size:14px;}
.level dd a::after{content:'';width:1px;height:20px;background:#3c8ba8;position:absolute;right:0;top:50%;margin-top:-10px;}

/*更多*/
.more_btn{display:block;width:162px;height:45px;line-height:45px;border:1px solid rgba(0,0,0,0.4);color:#4b4b4b;margin-top:60px;text-align:center;font-size:18px;}
.icon_more{display:inline-block;width:20px;height:45px;background:url(../images/icon_more.png) no-repeat center center/13px auto;vertical-align:top;margin-left:10px;}
.more_btn:hover{background:#13769a;color:#ffffff;border-color:#13769a;}
.more_btn:hover .icon_more{background:url(../images/icon_more_white.png) no-repeat center center/13px auto;}
.more_btn_w{border-color:#ffffff;color:#ffffff;margin:0 auto 60px;}
.more_btn_w .icon_more{background:url(../images/icon_more_white.png) no-repeat center center/13px auto;}
.more_btn_w:hover{border-color:#13769a;}

/*footer*/
.footer{width:100%;height:auto;background:#f5f5f5;border-top:1px solid #dedede;}
.footer_top .mainbox{padding:50px 0;border-bottom:1px solid #dedede;}
.footer_left{width:40%;float:left;}
.footer_company_name,.footer_list_tit{font-size:16px;font-weight:bold;margin-bottom:15px;}
.footer_company_about,.footer_company_address{color:#666666;}
.footer_company_tel{font-size:18px;color:#13769a;margin-top:45px;}

.footer_right{width:60%;float:right;}
.footer_list{float:right;width:180px;text-align:center;}
.footer_list_erweima{width:120px;}
.erweima{display:block;width:100%;height:auto;}
.footer_list_des{color:#666666;margin-top:15px}
.footer_list_ul li{display:block;width:100%;height:auto;margin-top:5px;}
.footer_list_ul li a{color:#666666;}

.footer_bot{width:100%;height:auto;text-align:center;padding:15px 0;color:#666666;}


@media (max-width:750px){
.pcblock{display:none;}
.wapblock{display:block;}


}






