@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:#333; 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;}
input,button,textarea,select{font:100% Arial,''; vertical-align:middle}
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:#333; text-decoration:none; transition:all 0.3s;}
a:hover {color:#b0261c; text-decoration:underline;}
.layout{ width:1180px; margin:0 auto}
.fl{ float:left;} .fr{ float:right;}
.oh{ overflow: hidden;}
.fonze{font-size: 30px; height:50px;}
header{ background:#FFF; height:120px; transition:all 0.3s; position:relative; z-index:100; margin-bottom:1px;}

header .logo{ width:200px; position:absolute; left:3%; top:27px;}
header .logo img{ width:100%;}
.logohr{ background: url(../images/logo.png) 0 0 no-repeat;display: block;cursor: pointer; text-indent: -99em; height:123px;}
header .webalt{ float:left; width:200px; height:64px; margin:40px 0 0 16%; padding-left:20px;}


header .log{ width:200px; position:absolute; left:3%; top:27px;}
header .log img{ width:100%;}

.top_r{ float:right;  margin-top:2%;}
.top_r .top_r_t{ text-align:right; margin-top:10px;}
.top_r .top_r_t .dh{ font-size:18px; font-weight:bold; color:#b0261c; display:inline-block; line-height:40px; padding-right:20px;}
.top_r .top_r_t .dh i{ font-size:20px; padding-right:10px;}
.top_r .top_r_t .fbu{ display:inline-block; position:relative; text-align:center; z-index:100; background:url(../images/pic172.gif) no-repeat left center;}
.top_r .top_r_t .fbu>.f98b{ height:33px; line-height:33px; width:120px;}
.top_r .top_r_t .fbu:hover>.f98b{ border:1px solid #CCC; border-radius:10px 10px 0 0;}
.top_r .top_r_t .fbu>.f98b i{ font-size:10px; padding-left:8px; color:#000; font-weight:bold;}
.top_r .top_r_t .fbu ul{ display:none; position:absolute; left:0px; top:35px; background:#FFF; width:120px; border-left:1px solid #CCC; border-right:1px solid #CCC; line-height:34px; border-radius:0 0 10px 10px; padding-bottom:10px;}
.top_r .top_r_t .fbu:hover ul{ display:block;}
.top_r .top_r_t .fbu li{ border-bottom:1px solid #CCC;}
.top_r .top_r_t .fbu li a{ display:block;}
.top_r .top_r_t .fbu li a:hover{ display:block; text-decoration:none; color:#FFF; background:#b0261c;}
.top_r .top_r_t .fbu li:last-child{ border-bottom:none 0;}
.top_r .top_r_t .search{ display:inline-block; border:1px solid #DDD; border-radius:20px; height:28px; margin-left:20px;}
.top_r .top_r_t .search .box{}
.top_r .top_r_t .search .input_txt{ border:none; height:28px; line-height:28px; width:142px; border-radius:20px 0 0 20px; outline:medium; padding-left:8px; font-family:"微软雅黑";}
.top_r .top_r_t .search .input_btn{ border:none; height:28px; width:40px; background:url(../images/pic173.png) no-repeat center; background-size:60%; border-radius:0 20px 20px 0; outline:medium;}


.navBar{ height:70px;}
.nav{ font-size:0px;}
.nav li{ line-height:68px; font-size:16px; display:inline-block; padding:0 25px; text-align:center;}
.nav li p a{ display:block; border-bottom:2px solid #FFF;}
.nav li p a:hover{ display:block; text-decoration:none;}
.nav li p a.current{ border-bottom:2px solid #b0261c; color:#b0261c;}
.nav li .sub{ width:100%; display:none; padding:30px 0; position:absolute; z-index:10; left:0px; top:100px;  background:#F5F5F5; font-size:0px; text-align:right;}
.nav li .sub li{ display:inline-block; text-align:center; font-size:14px; margin:0 10px; line-height:50px; width:150px; padding:0 !important; }
.nav li .sub li img{ width:100%;}
.nav li .sub li a:hover{ text-decoration:none;}
.menu{ display:none;}
.sub_menu{ display:none;}


header .header-main { transition: padding 0.3s ease 0s, transform 0.5s ease 0s;}
header .m-btn { width:60px; height:60px; line-height:60px; text-align:center; display:none; cursor:pointer; float:right;}
header .m-btn .box {display: block;position: relative; font-size:24px;}

.body-wrap {width: 100%;position: relative;transition: all 0.5s ease 0s;z-index: 1;}

.body-wrap.left, header.left .header-main {transform: translateX(-66%);}

.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; color:#FFF; cursor: pointer; float:right; text-align:center; font-size:24px;}
.m-sub-menu .list-wrap ul {  width: 100%;}
.m-sub-menu .list-wrap li {line-height: 60px;  width: 100%;  border-bottom: 1px solid #f2f2f2;}
.m-sub-menu .list-wrap li .col-box { display: block; width: 84%; 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: 30px;}
.m-sub-menu .bot-link a { display: inline-block; width: 36px; height: 50px; margin-right: 20px; float: left;}
.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: 84%; padding: 0 7.8% 0 8.2%; line-height: 60px; background-color: #333;}
.m-sub-menu .sec-sub-list .return-fir p { padding-left: 18px; color: #fff; font-size: 18px;}
.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: 60px; 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;}


.search-alert { position: fixed; z-index: 100; background-color: #222222; left: 0; top: 0; width: 100%; height: 100%; display: none;}
.search-alert .cent-form { position: absolute; width: 94.8%; left: 2.6%; top: 50%; height: 124px; margin-top: -63px; border-bottom: 1px solid #515151;}
.search-alert .cent-form .tex { border: none; font-size: 66px; height: 124px; line-height: 124px; text-align: center; width: 100%; box-sizing: border-box; color: #555; background: none; font-family: "Base-font"; padding-left: 88px; padding-right: 80px; background: url(../img/ico_36.png) no-repeat 35px 60px;}
.search-alert .cent-form .sub-butn { border: none; height: 100px; margin-top: 24px; font-size: 24px; line-height: 100px; color: #555; text-align: right; background: none;
font-family: "Base-font"; position: absolute; right: 0; top: 0; width: 80px; text-align: center;}
.search-alert .close { display: block; width:40px; height:40px; line-height:40px; text-align:center; color:#FFF; position: absolute; top: 38px; right: 2.6%; cursor: pointer; transition: transform 0.3s ease 0s;}
.search-alert .close i{ font-size: 24px;}
.ewmimg{ width:120px; height:160px; margin:0 auto 20px auto; text-align:center; color:#ccc; line-height:40px;}
.ewmimg img{ width:100%;}

.foot{ background:#222; padding-top:2%;}
.foot .foot_t{ color:#666;}
.foot .foot_t .t_l{ float:left;}
.foot .foot_t .t_l .gt{ font-size:24px; margin-bottom:30px;}
.foot .foot_t .t_l .tel{ font-size:46px; font-weight:bold;}
.foot .foot_t .t_l p{ line-height:30px;}
.foot .foot_t .t_r{ float:right; width:140px; text-align:center; line-height:30px;}
.foot .foot_t .t_r img{ width:100%;}


.foot .foot_b{ padding:0 0 20px 0; color:#666; font-size:12px; }
.foot .foot_b a{color:#666; padding:0 8px;}
.copyright { background: #181818; color: #595959; font-size:12px; padding:20px 0;}