﻿body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;word-wrap:break-word}
body,html,input{font:15px/1.5 '微软雅黑';}
*:focus {outline: none;}
fieldset, img { border: 0; }
table{border-collapse:collapse;border-spacing:0;}img{border:none}
pre {white-space: pre-wrap; /* css-3 */white-space: -moz-pre-wrap; /* Mozilla, since 1999 */white-space: -pre-wrap; /* Opera 4-6 */white-space: -o-pre-wrap; /* Opera 7 */	word-wrap: break-word; /* Internet Explorer 5.5+ */}
h1,h2,h3,h4,h5,h6{font-size:100%;}input.dialog{height:0; height:0; font-size:0; line-height:0; border:none}
h1{font-size:34px;}h2{font-size:26px;}h3{font-size:18px; }h4{font-size:16px;}h5{font-size:14px;}h6{font-size:12px;}
input,label,img,th{vertical-align:rightdle;}
.font-fixh{font-family: Georgia,Arial; color: #f00; font-size: 16px; font-weight: 700;}address,cite,dfn,em,var{font-style:normal;}
code,kbd,pre,samp{font-family:courier new,courier,monospace;}
input.button ,input.btn{padding:0.25em;width: auto;_width:0;overflow:visible !ie;}
ul,ol,li{list-style:none;}
a{text-decoration:none; color: inherit;}
a:hover{text-decoration:none;}
.white,.white a{color:#fff}.blue,.blue a{color:#004499}.gray4,a.gray4{color:#999}
.red, .red a, a.red{color:red;}.green{color:#0E774A}
select optgroup{color:#CAC8BB;}
.fr{float:right; display:inline}
.fl{float:left; display:inline}
label {max-width: none;}
input.button,
input.btn {padding: 0.25em;width: auto;}
button {border: 0;border-radius: 0%;appearance: button;-moz-appearance: button;-webkit-appearance: button;}
input[type="button"],
input[type="submit"],
input[type="reset"],
input {-webkit-appearance: none;}
textarea {-webkit-appearance: none;}
textarea,
input {outline: none;}

/*通用page*/
.page{font-size: 12px; color: #777777; text-align: center; margin-top: 40px;}
.page a,.page span { color: #777777;display: inline-block;border: 1px solid #ededed; background:#e5e5e5;padding: 5px 10px;vertical-align: middle;margin: 0 0 10px -1px;}
.page .goprev{margin-right: 10px;}
.page .gonext,.page .count {margin-left: 10px;}
.page i{color: #777777;display: inline-block;padding: 5px 10px;vertical-align: middle;margin: 0 0 10px -1px;}
.page a:hover,.page span{color:#fff; background: #de000d;}
.page span.count { border: 0;background: 0;color: #777777;}


/*通用样式*/
.hidden{display:none;}.invisible{visibility:hidden;}
.ib,.ib-a a{display:inline-block;zoom:1;*display:inline;}
.clear:after,.main:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.clear,.main{display:inline-block;}/* Hides from IE-mac \*/* html .clear,* html .main{height:1%;}.clear,.main{display:block;}
.f12{font-size: 12px}.f14{font-size: 14px}.f16{font-size: 16px}.f18{font-size:18px}.f20{font-size:20px}
.lh20{line-height: 20px}.lh22{line-height: 22px}.lh24{line-height: 24px}.lh26{line-height: 26px}.lh28{line-height: 28px}
.fb{ font-weight:bold}.fn{ font-weight:normal}
.bk,.bk3,.bk6,.bk8,.bk10,.bk15,.bk20,.bk30{clear: both;font-size: 1px;height: 0;line-height: 1px}
.bk3{height: 3px;}.bk6{height: 6px}.bk8{height: 8px}.bk10{height: 10px}.bk15{height: 15px}.bk20{height: 20px}.bk30{height: 30px}
.row-2 li{ float:left; width:50%}.row-3 li{ float:left; width:33%}.row-4 li{ float:left; width:25%}.row-5 li{ float:left; width:20%}
.cu,.cu-li li,.cu-span span {cursor: hand;!important;cursor: pointer}
.text-c{text-align: center}.text-l{text-align: left}.text-r{text-align: right}
.lf{float: left}.rt{float: right}.pr{ position:relative}.pa{ position:absolute}
.el { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.img-wrap{border:1px solid #eee;text-align:center;overflow:hidden}
.img-wrap a{display:table-cell;vertical-align:rightdle;*display:block; overflow:hidden; background-color:#fff}
.img-wrap a:hover{ background-color:#e8eff6}
.mb50{ margin-bottom:50px;}
.col-left{float:left}
.col-auto{overflow:hidden;_zoom:1;_float:left;}
.col-right{float:right}
.fix { *zoom: 1; *clear: both;}
.fix:before, .fix:after { display: table; clear: both; content: '';}
.f-cb {zoom: 1;}
.el { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] ._full{position: absolute;left: 0;top:0;width: 100%;height: 100%;
*height: auto;}
.rect-32{padding-bottom: 32%;}
.rect-35{padding-bottom: 35.5%;}
.rect-36{padding-bottom: 36%;}
.rect-40{padding-bottom: 40%;}
.rect-45{padding-bottom: 45%;}
.rect-49{padding-bottom: 49%;}
.rect-50{padding-bottom: 50%;}
.rect-53{padding-bottom: 53%;}
.rect-54{padding-bottom: 54%;}
.rect-5625{padding-bottom: 56.25%;}
.rect-58{padding-bottom: 58%;}
.rect-60{padding-bottom: 60%;}
.rect-61{padding-bottom: 61%;}
.rect-618{padding-bottom: 61.8%;}
.rect-62{padding-bottom: 62%;}
.rect-63{padding-bottom: 63%;}
.rect-65{padding-bottom: 65%;}
.rect-66{padding-bottom: 66%;}
.rect-665{padding-bottom: 66.5%;}
.rect-671{padding-bottom: 67.1%;}
.rect-70{padding-bottom: 70%;}
.rect-725{padding-bottom: 72.5%;}
.rect-75{padding-bottom: 75%;}
.rect-775{padding-bottom: 77.5%;}
.rect-78{padding-bottom: 78%;}
.rect-80{padding-bottom: 80%;}
.rect-83{padding-bottom: 83%;}
.rect-90{padding-bottom: 90%;}
.rect-95{padding-bottom: 95%;}
.rect-100{padding-bottom: 100%;}
.rect-109{padding-bottom: 109%;}
.rect-110{padding-bottom: 110%;}
.rect-120{padding-bottom: 120%;}
.rect-150{padding-bottom: 150%;}
.rect-6875{padding-bottom:68.75%;}
.rect-3175{padding-bottom:31.75%;}
.imgZoom img,.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.imgZoom { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }
.gray{ background:#fafafa;}
.imgHover {overflow:hidden; }
.imgHover img{-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);}
.imgHover .title{-moz-transform: translateY(180%);-ms-transform: translateY(180%);-webkit-transform: translateY(180%);transform: translateY(180%);-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);opacity:1;}
.imgHover .m_detail{-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-moz-transform: translateY(10%);-ms-transform: translateY(10%);-webkit-transform: translateY(10%);transform: translateY(10%);filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);color: #fff;line-height: 1.5;width: 100%;opacity:0;}
.imgHover:hover .title,.imgHover:hover .m_detail{filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);-moz-transform: translateY(10%);-ms-transform: translateY(10%);-webkit-transform: translateY(10%);transform: translateY(10%);opacity:1;}
@media (max-width:426px) {
.imgHover .title{-moz-transform: translateY(280%);-ms-transform: translateY(280%);-webkit-transform: translateY(280%);transform: translateY(280%);}
.imgHover:hover .title,.imgHover:hover .m_detail{-moz-transform: translateY(0%);-ms-transform: translateY(0%);-webkit-transform: translateY(0%);transform: translateY(0%);}
}
.ellipsis{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all}
.multi-ellipsis{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;
-webkit-box-orient: vertical;-webkit-line-clamp: 2;line-clamp: 2;word-wrap:break-word;word-break:break-all;}
.b-shadow{-o-box-shadow:0 0 30px rgba(0,0,0,.08); -ms-box-shadow:0 0 30px rgba(0,0,0,.08); -moz-box-shadow:0 0 30px rgba(0,0,0,.08); -webkit-box-shadow:0 0 30px rgba(0,0,0,.08); box-shadow:0 0 30px rgba(0,0,0,.08);}

.v-middle{vertical-align:middle;}
.v-top{vertical-align:top;}
.v-bottom{vertical-align:bottom;}
.block{display:block;}
.inline{display:inline;}
.inline-block{display:inline-block !important;*display:inline;zoom:1;}
.relative{position:relative;z-index:1;}
.absolute{position:absolute;}
.t-hide{opacity: 0;visibility: hidden;}
.pointer{cursor:pointer !important;}

.justify, .inner, img, input, textarea, select, button, table, label, .center, .searchForm { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.clearfix { *zoom: 1; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clear{margin:0px auto;clear:both;height:0px;font-size:0px;overflow:hidden;position: relative;}
.clear.a{top: -54px;display:block;height: 1px;width: 100%;position: relative;}
.clean{/* zoom:1; */}
.clean:after,
.clean:before{content:'';display:table;}
.clean:after{clear:both;}
.center { width: 90%; margin-left: auto; margin-right: auto; max-width: 1765px; }
.justify { text-align: justify; text-justify: inter-ideograph; letter-spacing: 0px; font-size: 0px; }
.justify:after { content: ''; height: 0px; width: 100%; display: inline-block; overflow: hidden; }
.justify .line { display: inline-block; height: 0px; overflow: hidden; }
.justify > * { text-align: left; font-size: 14px; }
.justify .box { display: inline-block; vertical-align: top; }
.more a{ color:#666;font-size:15px; font-weight:normal;padding:10px 40px; border:1px #ccc solid; line-height:30px; }
.more a:hover{ background: #0e6fda;border: 1px solid #0e6fda; color: #fff;}
.container{ position: relative;}
.page-section{ padding:80px 0;}
.page_title { line-height: 1;text-align:center; margin-bottom:30px;}
.page_title .title1 {padding-bottom:15px;font-size: 40px; font-weight: bold; margin-bottom: 15px; color: #333; position: relative;}
.page_title .title1:after{ position: absolute; left: 48.5%; bottom: 0px; content: ""; width: 35px; height: 3px; background-color: #0e6fda;}
.page_title .title2 {font-size: 22px; line-height: 38px;color: #1e1e1e;}
.page-tit { text-align: center; margin-bottom: 30px;}
.page-tit h3{ font-size: 40px; margin-bottom: 20px;}
.page-tit p{ font-size: 16px; line-height: 30px; color: #666; width: 74%; margin: 0 auto;}
@media (max-width:1440px) {
.page_title h3 { font-size: 34px; }
}
@media (max-width:1366px) {
.page-section{ padding:60px 0;}
.page_title .title2 {width: 100%; }
.page_title .title1 { font-size: 32px; }
.page-tit h3{ font-size: 26px; }
.page-tit p{ font-size: 15px; }
}
@media (max-width:1024px) {
.page-section{ padding:40px 0;}
.page_title { margin-bottom:30px;}
.page_title .title1 { font-size: 28px; padding-bottom: 10px;}
.page_title .title2 {font-size: 18px; line-height:28px;}
.page-tit h3{ font-size: 26px; margin-bottom: 10px;}
}
@media (max-width:768px) {
.page_title { margin-bottom:20px;}
.page_title .title1 { font-size: 22px; padding-top: 10px;}
.page_title .title2 { line-height:26px;}
.page-tit h3{ font-size: 22px; margin-bottom: 15px;}
.page-tit p{ width: 100%; }
}
@media (max-width:668px) {
.page_title .title1 { font-size: 18px;}
.page_title .title1:after{ left: 43%; width: 50px; }

}
button:disabled,
.disabled{
    opacity:0.5;
    cursor:default;
}
.hi{overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.css3,a{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;}
.comdiv{
width:100%; overflow:hidden; margin:0; padding:0;}
.cssimg,.cssimgp img{transition: all 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;/*transition-duration: 0.7s;-ms-transition-duration: 0.7s;-moz-transition-duration: 0.7s; -webkit-transition-duration: 0.7s;*/}
.cssimg:hover,.cssimgp:hover img{/*-webkit-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05);*/transform: scale(1.08, 1.08);}


.daxie{text-transform: uppercase;}
.cell_mid1{ display: table; height:100%; width:100%; }
.cell_h1{ height:100%;display: table-cell; vertical-align: middle; } 
/*************************/
.mobile_menu_shop{ display:none;
float:right; margin-right:1em; margin-top:1.125em;}
.mobile_menu{ cursor:pointer; display:none;
 position:fixed; right:3%; top:1.09375em; z-index:9999;   width:45px; height:45px;}
.nav-trigger{ overflow: hidden; text-indent: 100%;white-space: nowrap;color: transparent;} .nav-trigger span,.nav-trigger span::before,.nav-trigger span::after{position: absolute;width: 28px; height:2px;background-color: #0e6fda;-webkit-backface-visibility: hidden;backface-visibility: hidden;} .header.pages-header .nav-trigger span,.header.pages-header .nav-trigger span::before,.header.pages-header .nav-trigger span::after{background:#000} .nav-trigger span {top: 21px;left: 8px;-webkit-transition: background 0.2s 0.1s;-moz-transition: background 0.2s 0.1s;transition: background 0.2s 0.1s;} .nav-trigger span::before, .nav-trigger span:after {content: '';left: 0;-webkit-transition: -webkit-transform 0.2s 0.1s;-moz-transition: -moz-transform 0.2s 0.1s;transition: transform 0.2s 0.1s;} .nav-trigger span::before {bottom: 8px;} .nav-trigger span::after {top: 8px;} .nav-trigger.active span {background-color: rgba(255, 255, 255, 0);} .header.pages-header .nav-trigger.active span {background-color: rgba(0, 0, 0, 0);} .nav-trigger.active span::before, .nav-trigger.active span::after {background-color:#0e6fda;} .header.pages-header .nav-trigger.active span::before,.header.pages-header .nav-trigger.active span::after {background-color:#000;} .nav-trigger.active span::before {-webkit-transform: translateY(8px) rotate(-45deg);-moz-transform: translateY(8px) rotate(-45deg);-ms-transform: translateY(8px) rotate(-45deg);-o-transform: translateY(8px) rotate(-45deg);transform: translateY(8px) rotate(-45deg);} .nav-trigger.active span::after {-webkit-transform: translateY(-8px) rotate(45deg);-moz-transform: translateY(-8px) rotate(45deg);-ms-transform: translateY(-8px) rotate(45deg);-o-transform: translateY(-8px) rotate(45deg);transform: translateY(-8px) rotate(45deg);}

.momenu{ background-color:#fff;  -webkit-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);
    -moz-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);
    -ms-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);
    -o-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);
    box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);
-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;opacity:0;
position:fixed; right:3%; top:-100%; width:10em;  ; overflow-y:auto; z-index:888;}
.momenu ul{
margin-top:3.9375em; padding:0.5em 0; overflow:hidden;}
.momenu ul li{
text-align:center;font-family: "GILROY-LIGHT"; text-transform: uppercase;}
a.momenu_big{ color:#333;
display:block;padding:0.4em 0; text-align:left; padding-left:1em;}
.momenu ul li.on a.momenu_big{
background-color:#0e6fda; color:#fff;}
.momenu ul li dl dd{ text-align:left;
font-size:0.875em; padding:0.3em 0; padding-left:2em;}
.momenu ul li dl dd:nth-child(1){
margin-top:0.5em;}
.momenu ul li dl dd a{
color:#666;}
.momenu ul li dl{ overflow:hidden;
-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; height:0; opacity:0;}
.momenu ul li.on dl{
height:auto; opacity:1;}
.promenubg{ display:none;
position:fixed; left:0; top:0; z-index:100; width:100%; height:100%; background-image:url(../images/about/menubg.png);}
.promenubg_left{
float:left; width:20%;}
.promenubg_right{
float:right; width:80%;}
.promenubg_mid{
margin-top:5em; background-color:#f7f7f7; padding:3.5em 0 4.5em 0;}
.promenubg_left{ padding-top:1.5em;
background-position:left top; background-repeat:no-repeat; background-image:url(../images/about/img17.jpg);}
.promenubg_left_1{
color:#0e6fda; font-size:1.75em;}
.promenubg_left_2{ margin-top:0.5em; margin-bottom:3.5em;
font-family:Arial, Helvetica, sans-serif; color:#808080; font-size:0.875em;}
.promenubg_left_3 a{ font-family:Arial, Helvetica, sans-serif;
display:inline-block; border:1px #0e6fda solid; font-size:0.875em; color:#0e6fda; width:8.428571428571429em; text-align:center; line-height:2.285714285714286em;}
.promenubg_left_3 a:hover{
color:#fff; background-color:#0e6fda;}
.promenubg_right table{
width:100%;border-collapse: collapse;}
.promenubg_right table td{
border:1px #ccc solid; width:8.333333333333333%; text-align:center; vertical-align:middle;}
.promenubg_right_1{
padding:1em 0;}
.promenubg_right_2{
font-size:0.875em; color:#666; padding:0 1em; padding-bottom:1em;}
.promenubg_right table td:hover .promenubg_right_2{
color:#0e6fda}
@media screen and (max-width:1325px) {
#menu{
display:none;}
.momenuon{
top:0;opacity:1}
.mobile_menu_shop,.mobile_menu{
display:block;}
.mobile_menu{
top:0.71875em;}
}

.footer_1_mid{
margin:0 6.25%;}
/*******头部****/
#header{position:fixed; left:0; width:100%; border-top: 3px solid #0e6fda;  height: 102px; z-index:999; top:0em;}
.header_mid{ padding-right:7em;position:relative; background-color:#fff; padding-left:0px;}
.header_mid_left{ height:100%;position:absolute; left:0; top:0; }
.header_mid_left img{margin-top: 12px;}
.header_mid_right{position:absolute; right:0; top:0; height:100%; width:7em;}
.header_mid_mid ul{margin-left:32%;}
.header_mid_right ul li{float:left;  }
.header_mid_right ul li a{ background-position:center bottom;   background-repeat:no-repeat;display:inline-block; height:1.3em;}
.header_mid_right ul li:nth-child(2){margin-right:10px;}
.header_mid_mid ul li{ position:relative;float:left; font-size:18px; margin-left:3.5em; }
.header_mid_mid ul li:nth-child(1){margin-left:0}
.header_mid_mid ul li a.biga{ padding-right:1.2em; line-height:102px; height:102px;display:inline-block; background-position:right center; background-repeat:no-repeat; background-image:url(../images/img5.png);}
.header_mid_mid ul li a:hover.biga{ background-image:url(../images/img5h.png);}
.header_mid_mid ul li:nth-child(1) a.biga{padding-right:0; background-image:none}
.header_mid_mid ul li a:hover{color:#0e6fda }
.nymenu{border-bottom:1px #d9d9d9 solid;}
.header_mid_mid_sub{ display:none; width:48em; overflow:hidden; background-position:top; background-repeat:repeat-x; background-image:url(../images/img9.jpg);position:absolute; left:-3em; top:98px; z-index:100; background-color:#fff;}
.header_mid_mid_sub_mid{ position:relative; padding-right:20em;margin:1.785714285714286em; min-height:14.5em; padding-left:1em;}
.header_mid_mid_sub_left dl dd{float:left; line-height:38px; margin-bottom:15px; width:48%; border-bottom: 1px solid #eee;  padding:5px 10px; font-size: 17px; font-weight: normal;}
.header_mid_mid_sub_left dl dd:hover{ border-bottom: 1px solid #0e6fda; color:#0e6fda; }
.header_mid_mid_sub_left dl dd:nth-child(2n){float:right;} 
.header_mid_mid_sub_left dl dd a:hover{color:#0e6fda; }
.header_mid_mid_sub_right{width:18em; position:absolute; right:0; top:0;}
.header_mid{height: 102px;background:none}
.header_mid_mid_sub{background-image:none}
.header_mid_mid_sub:after{opacity:0.5;position:absolute; left:0; top:0; width:100%; height:1px; background-color:#999; content:'';}
.bodyon2 .header_mid_mid_sub{background-color:#fff;}
.header_mid_mid{ z-index:2;} 
.header_mid_mid_search{position:absolute; right:0px; top:26px; -webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; }
.header_mid_mid_search .tel{width:205px; height:40px; line-height: 40px; border:1px #0e6fda solid;color:#0e6fda;  padding:0 10px; border-radius:24px;}
.header_mid_mid_search a img{ margin-right: 10px; margin-top: -5px;}
.header_mid_mid_search a{display:block; position:absolute; left:15px; top:0px; line-height: 40px; color:#0e6fda; font-size: 18px; font-weight: bold; height:100%; }
.header_mid_right ul li:nth-child(1){opacity:0;}
#header.show,.bodyon #header{top:0;box-shadow: 0 5px 8px rgba(0,0,0,.2);width:100%;left: 0; background-color:#fff; height: 75px;}
#header.show .header_mid_left,.bodyon #header .header_mid_left { width:18%; }
#header.show .header_mid_left img,.bodyon #header .header_mid_left img{ width:100%; margin-top: 6px;}
#header.show .header_mid, .bodyon #header .header_mid{height: 75px; }
#header.show .header_mid_mid ul li a.biga,.bodyon #header .header_mid_mid ul li a.biga { line-height:75px; height:75px;}
#header.show .header_mid_mid_search, .bodyon #header .header_mid_mid_search{ top:15px;}
#header.show .header_mid_mid_sub, .bodyon #header .header_mid_mid_sub{ top:72px;}
@media screen and (max-width: 1600px){
.header_mid_mid ul li{margin-left:2.5em;}
.header_mid_mid_search{top:25px; }
#header{ height: 102px; }
.header_mid_left img{ margin-top: 16px;}
}
@media screen and (max-width: 1500px){
.header_mid_mid_search{top:28px; }
}
@media screen and (max-width: 1366px){
.header_mid_mid ul li{margin-left:1.8em;}
#header.show .header_mid_left,.bodyon #header .header_mid_left { width:22%; }
.header_mid_left img{ margin-top: 22px; width: 95%;}
.header_mid_mid_search .tel{width:185px; padding:0 5px;}
.header_mid_mid_search a{left:10px;}
}               
@media screen and (max-width: 1280px){
.header_mid_right{width:0px;}
.header_mid{padding-right:0px;}
.header_mid_left img{ width: 90%;}
.header_mid_mid ul{margin-left:35%;}
.header_mid_mid ul li{margin-left:2.5em;}
.header_mid_mid ul li a.biga{ padding-right:1em;}
.header_mid_mid_search .tel{width:0px; padding:0 0px; border: 0px;}
.header_mid_mid_search a{left:0px;}
.header_mid_mid_search a img{ margin-right: 0px; margin-top: -5px;}
.header_mid_mid_search a{display:none; }
}
@media screen and (max-width: 1200px){
.header_mid_left img{margin-top: 7px;}
}
@media screen and (max-width: 768px){
}
#header .m-btn { display:none;float:right; margin-right:0em; position:relative;width: 24px;height: 28px;cursor: pointer;}
#header .m-btn .box {display: block;width: 100%;height: 100%;position: relative;}
#header .m-btn .line {display: block;width: 100%;height: 1px;background-color: #000;position: absolute;left: 0;-webkit-transition: -webkit-transform 0.2s 0.1s;-moz-transition: -moz-transform 0.2s 0.1s;transition: transform 0.2s 0.1s;}
#header .m-btn .line1 {/* width: 12px;*/top: 0;}
#header .m-btn .line2 {/* width: 22px;*/top: 7px;}
#header .m-btn .line3 {/*width: 16px;*/top: 14px;}
#header .m-btn.cur .line1, #header .m-btn.cur .line2, #header .m-btn.cur .line3 {width: 100%;}
#header .m-btn.cur .line2{opacity:0;}
#header .m-btn.cur .line1 {-webkit-transform: translateY(9px) rotate(-45deg);-moz-transform: translateY(9px) rotate(-45deg);-ms-transform: translateY(9px) rotate(-45deg);-o-transform: translateY(9px) rotate(-45deg);transform: translateY(9px) rotate(-45deg); background-color:#000;} 
#header .m-btn.cur .line3{-webkit-transform: translateY(-5px) rotate(45deg);-moz-transform: translateY(-5px) rotate(45deg);-ms-transform: translateY(-5px) rotate(45deg);-o-transform: translateY(-5px) rotate(45deg);transform: translateY(-5px) rotate(45deg); background-color:#000}

/*******导航********/
.ovh-f {position:fixed;width:100%;height:100%;left:0;top:0}
.sub-menu { background-color:#fff;width:100%;display:none;position:absolute;left:0;top:80px;height:calc(100vh - 80px);z-index:888;overflow-y:auto}
.sub-menu ul {width:100%;padding-bottom:6%}
.sub-menu li {border-bottom:1px solid #dcdcdc;font-size:18px}
.sub-menu .tit {display:block;padding:0 1em;line-height:60px;color:#000;position:relative}
.sub-menu li:last-child {border-bottom:none}
.sub-menu .titx {display:block;width:94%;padding:0 3%;line-height:60px;color:#000;position:relative;border-bottom:1px solid #dcdcdc}
.sub-menu .sub-tit:after {content:'';display:block;width:26px;height:26px;background:url(../images/ico_03.png) no-repeat center;background-size:100% auto;position:absolute;right:1em;top:50%; margin-top:-13px;}
.sub-menu .sub-tit.on {background-color:#0e6fda;color:#fff}
.sub-menu .sub-tit.on:after {background:url(../images/ico_03_h.png) no-repeat center;background-size:100% auto}
.sub-menu .sec-list {line-height:40px;padding:10px 4%;display:none}
.sub-menu .sec-list p {background:url(../images/ico_04.png) no-repeat left center;background-size:6px auto;font-size:14px}
.sub-menu .sec-list a {padding-left:3%;color:#666;display:block}
@media screen and (max-width: 1200px){
#header{height:82px;-webkit-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);-moz-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);-ms-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);-o-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);position:fixed; top:0; background-color:#fff;}
#header .footer_1_mid{margin-left:0;}
.header_mid_mid{display:none}
.header_mid{height:72px;}
.header_mid_right{width:auto;}
#header .m-btn{display:block}
.header_mid_right ul li:nth-child(1){display:none;}
.header_mid_right ul li:nth-child(4){ padding-left:15px;background-position:left center; background-repeat:no-repeat; background-image:url(../images/img2.png); margin-left:15px;}
#mid{margin-top:60px;}
.index_1_mid_1{font-size:1.375em;}
.index_1_left,.index_1_right{width:3em; height:3em; margin-top:-1.5em;}
.header_mid{ padding-left: 0px; padding-right: 0px;}
.header_mid_mid{background-color:rgba(255,255,255,1);}
.header_mid_left{ width: auto; text-align: left;}
.header_mid_right ul li:nth-child(2){margin-right:0px;}
.bodyon #header{position:fixed; top:0; background-color:#fff;}
.bodyon2 #header{top:0; position:fixed; background-color:#fff;}
.bodyon .header_mid_mid ul li a.biga,.bodyon2 .header_mid_mid ul li a.biga{height:4.657142857142857emm; line-height:4.657142857142857em;}
.bodyon .header_mid_mid_sub,.bodyon2 .header_mid_mid_sub{top:4.657142857142857em;}
.sub-menu { top:72px;height:calc(100vh - 72px); }
#header.show .header_mid, .bodyon #header .header_mid{height: 72px; }
#header.show,.bodyon #header{ height:65px;}
#header.show .sub-menu,.bodyon #header .sub-menu { top:72px;height:calc(100vh - 72px); }
.sub-menu li { font-size:16px}
}
@media screen and (max-width:992px){
#header.show .header_mid_left,.bodyon #header .header_mid_left { width:26%; }
}
@media screen and (max-width: 768px){ 
#header{height:65px;}
#header.show,.bodyon #header{ height:60px;}
.sub-menu {  top:60px;height:calc(100vh - 60px);}
.sub-menu li {font-size:16px!important}
.sub-menu .sub-tit:after {width:18px;height:18px; margin-top:-9px;background-size:18px auto!important}
.sub-menu .sec-list p {background-size:3px auto!important}
.sub-menu .sec-list p a {padding-left:1em}
.header_mid_left img{ width: 72%;margin-top: 5px;}
#header.show .header_mid_left,.bodyon #header .header_mid_left { width:45%; }
#header.show .header_mid_left img,.bodyon #header .header_mid_left img { margin-top: 5px;width: 80%;}
} 
@media screen and (max-width:600px){ 
#header.show,.bodyon #header{ height:54px;}
#header.show .header_mid, .bodyon #header .header_mid{height: 54px; }
#header.show .m-btn,.bodyon #header.show .m-btn { height: 22px;}
}
@media screen and (max-width: 480px){ 
.sub-menu .tit {line-height:50px}
.sub-menu .sub-tit:after {width:12px; height:12px; margin-top:-6px;}
.header_mid_left img{ width: 72%;}
#header.show,.bodyon #header{ height:58px;}
#header.show .header_mid_left,.bodyon #header .header_mid_left { width:52%; }
#header.show .header_mid_left img,.bodyon #header .header_mid_left img {width: 97%;}
#header.show .m-btn,.bodyon #header.show .m-btn { height: 20px;}
}
@media screen and (max-width: 400px){ 
#header.show .header_mid_left,.bodyon #header .header_mid_left { width:66%; }
#header.show .header_mid_left img,.bodyon #header .header_mid_left img {width:82%;}
#header.show .sub-menu,.bodyon #header .sub-menu { top:62px;height:calc(100vh - 62px); }
}
@media screen and (max-width: 360px){ 
#header.show .header_mid_left,.bodyon #header .header_mid_left { width:80%; }
}
.footer_1{ color:#fff;padding: 70px 0px; background-color:#221f1f; overflow:hidden;}
.footer_1_mid_2_left { float: left; width:65%;}
.footer_1_mid_2_right{ float: left; width:10%;}
.footer_1_mid_2_mid{ float: left; width:25%;}
.footer_1_mid_2_left ul li{float:left; width:25%;}
.footer_1_mid_2_left_2 dl dd a{color:#b6b6b6; font-size:16px; line-height: 30px;}
.footer_1_mid_2_left_2 dl dd a:hover{color:#fff;}
.footer_1_mid_2_left_1{ padding-bottom:22px;font-size:20px; margin-bottom:25px; position:relative;}
.footer_1_mid_2_left_1:after{content: "";position: absolute;z-index: 1;left: 0%;width: 18px;bottom: 0em;height:2px; background-color:#0e6fda;background-repeat:no-repeat;background-position:center;z-index:10;-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.footer_1_mid_2_left_1 a:hover{color:#fff;}
.footer_1_mid_2_left_2{line-height:1.6;}
.footer_1_mid_2_left_2 dl dd{margin-top:10px;}
.footer_1_mid_2_left_2 dl{margin-top:15px; padding-right:1em;}
.footer_1_mid_2_mid_2{ padding-bottom:22px;font-size:20px; margin-bottom:25px; position:relative;}
.footer_1_mid_2_mid_2:after{content: "";position: absolute;z-index: 1;left: 0%;width: 18px;bottom: 0em;height:2px; background-color:#0e6fda;background-repeat:no-repeat;background-position:center;z-index:10;-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.footer_1_mid_2_mid_2_1{color:#b6b6b6; font-size:16px; line-height: 30px;}
.footer_1_mid_2_right_1{margin-top:10px;}
.footer_1_mid_2_right_1_2{font-size:15px; color:#b6b6b6; margin-top:15px;}
.footer_2{line-height:1.6; padding:15px 0; border-top: 1px solid #444444;background-color:#221f1f;color:#b6b6b6;}
.footer_2_left{float:left;}
.footer_2_right{float:right;}
#tool { position: fixed; bottom: 0; left: 0; z-index: 900; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); width: 100%; border-bottom:2px solid #0e6fda}
ul.toollist { position: absolute; z-index: 900; bottom: 0; left: 0; right: 0; display: block;margin: 0; padding: 0;background: #0e6fda; color: #fff }
.toollist li{ float: left;height: 100%; width: 25%; position: static !important; margin: 0; border-radius: 0 !important; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 1;box-shadow: none !important; background: none; }
.toollist li a { color: #fff; line-height: 20px; text-align: center; display: block; text-decoration: none; padding-top: 2px; position: relative; }
.toollist li span { font-size: 20px; line-height: 20px; text-align: center; display: block; text-decoration: none; margin: 5px 0; position: relative; }
.toollist li a img { width: 24px; height: 24px; }
.toollist li span img { width: 24px; height: 24px; }
.toollist li a p { margin: 1px 0 1px 0; display: block !important; line-height: 18px; text-align: center; }
.toollist li span p { margin: 1px 0 1px 0; font-size: 12px; display: block !important; line-height: 18px; text-align: center; color: #FFF }
.toollist_blue_chun li a { color: #fff; padding: 5px 0}
.toollist_blue_chun li a:hover { color: #0e6fda}
.toollist_blue_chun li { border-right: 1px solid rgba(250, 250, 250, 0.4); color: #fff; }
@media screen and (max-width: 1090px){
.footer_1_mid_2_right{display:none}     
.footer_1_mid_2_left { float: left; width:75%;}
.footer_1_mid_2_mid{ float: left; width:25%;}
}
@media screen and (max-width: 992px){
.footer_2{ margin-bottom: 60px;}
}
@media screen and (max-width: 768px){
.footer_1_mid_2_left { float: left; width:100%;}
.footer_1_mid_2_right{ float: left; width:100%;}
.footer_1_mid_2_mid{ float: left; width:100%;}
.footer_1_mid_2_left::after{ display:none} 
.footer_1_mid_2_left_2{padding-left:1em; display:none;}     
.footer_1_mid_2_left ul li.on .footer_1_mid_2_left_2{display:block}     
.footer_1_mid_2_left_1{padding-bottom:0; padding:15px 0; border-bottom:1px #ebebeb solid;}     
.footer_1_mid_2_left_1:after{ left:auto; background-color:transparent;right:0; width:10px; height:5px; bottom:auto; top:50%; margin-top:-2.5px; background-position:center; background-repeat:no-repeat; background-image:url(../images/img5.png);}
.footer_1_mid_2_left ul li.on .footer_1_mid_2_left_1:after{transform:rotate(-30deg);-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-o-transform:rotate(-180deg);-mz-transform:rotate(-180deg);}         
.footer_1_mid_2{padding-right:0}   
.footer_1_mid_2_left ul li,.footer_1_mid_2_left ul li:nth-child(3){width:100%;}     
.footer_1{padding-bottom:0px;}     
.footer_1_mid_2_left_1{font-size:1em;}   
}
@media screen and (max-width: 568px){
.footer_1{ color:#fff;padding: 40px 0px 20px; }
.footer_1_mid_2_left{display:none}   
.footer_2_left{float:left;}
.footer_2_right{float:left;} 
.footer_1_mid_2_mid_2{ padding-bottom:15px;font-size:18px; margin-bottom:15px; }
}
.d-inline {
    display: inline-block;
}
.messages span {display: inline-block;color: #666;margin-right: 30px;}
.messages #code {width: 185px;height: 55px;border: 1px solid #e5e5e5;background-color: #fff;margin-right: 15px;}
.messages .lzsub{ margin-top: 15px;}
