@charset "utf-8";
/* reset */
html { height: 100%; +overflow-x:hidden; }
body { min-height: 100%; overflow-x:hidden; }
body { _height: 100%;overflow-x: auto; }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure { margin: 0; padding: 0 }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, p, blockquote, figure, header, footer, nav, article, section, aside, address, figcaption { *zoom: 1 }
li { list-style-type: none }
h1, h2, h3, h4, h5, h6 { font-size: 100% }
iframe, frame, fieldset, img { border: 0 none }
img { vertical-align: top }
input[type=button], input[type=submit], input[type=reset] { cursor: pointer }
button { cursor: pointer }
input, textarea, button { -webkit-border-radius: 0; -webkit-appearance: none }
input[type=radio] { -webkit-border-radius: 100%; -webkit-appearance: radio }
input[type=checkbox] { -webkit-appearance: checkbox }
input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box }
textarea { overflow: auto; resize: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none }
table { border-collapse: collapse; border-spacing: 0 }
caption, th { text-align: left }
th { font-weight: normal }
em, cite, address,i { font-style: normal }
sup { vertical-align: text-top }
sub { vertical-align: text-bottom }
body, input, select, button, textarea,p { font-size: 14px;  font-family:Microsoft Yahei,Arial; *font-weight:normal;color: #B6B6B7; }
body { line-height: 1.17 ;font-weight:normal}

a,.header_c,.search_box,header,section,footer{ text-decoration: none ;transition:all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.scale-img .img,.scale-img img{ text-decoration: none ;transition:all 0.4s cubic-bezier(0.42,0,1,1) 0s;}
a:hover { color:#686666; }
a,li,span { blr:expression(this.onFocus=this.blur()) }
a * { *cursor: pointer }
:focus { outline: none }

.scale-img{ overflow: hidden;}
.scale-img img{ width: 100%;}
.scale-img:hover img {
    transform: scale(1.1);
}

/* clear 页头，页脚，内容区都不用再加清除样式 */
.fixed:before, .clearfix:before, .cf:before, body:before, .header:before, .main:before, .footer:before { content: ''; display: table }
.fixed:after, .clearfix:after, .cf:after, after, .header:after, .main:after, .footer:after { content: ''; display: table; clear: both }
.fixed, .clearfix, .cf, .header, .main, .footer { *zoom: 1 }

.clear, .cl { display: block!important; float: none!important; clear: both; width: auto!important; max-width: none!important; min-width: 0!important; max-height: none!important; min-height: 0!important; overflow: hidden; margin: 0!important; padding: 0!important; border: 0 none!important; font-size: 0!important; line-height: 0!important }

.arial { font-family:Arial; }
.fl {  float:left;}
.fr {  float:right;}
.fw400{ font-weight: 400;}
.fw700{ font-weight: 700;}
.mb10{ margin-bottom: 10px;}
.mb20{ margin-bottom: 20px;}
.mb30{ margin-bottom: 30px;}
.mb40{ margin-bottom: 40px;}

.brd-t{ border-top:1px solid #E6E6E6;}

.other_main{ width: 980px;margin: 0 auto;}
header,section,footer{ opacity:0;overflow: hidden;}
header { padding: 40px 0 30px;border-top: 40px solid #1060A6;}
header .inner{ width: 980px;margin: 0 auto;position: relative;}
header .header_l{ float: left;}
header .header_l .t1{ margin-bottom: 4px;font-size: 24px;color: #474443;}
header .header_l .t2{ font-size: 18px;color: #566892;font-weight: 700;}
header .header_c{ float: right;padding-top: 15px;}
header li { position:relative; display:inline-block;line-height: 40px }
header li a { font-size:16px; color:#333; display:block; padding:0 25px;}
header li.on a{ color:#566892;}
header li:hover a{ color:#007aff;}
header .header_r{ position: absolute;right: -260px;top: 15px;}
header .header_r form{ position: relative;}
header .header_r .ipt{ border:2px solid #ddd;width: 120px;padding: 8px 60px 8px 10px;}
header .header_r .search_svg{ background: transparent;padding: 0 10px;position: absolute;top: 0;right: 0;bottom: 0;border:0;z-index: 200;}
header .header_r .search_svg span{display: block;background:url(../img/search.svg) no-repeat center;background-size: 18px;width: 18px;height: 18px;}

/*轮播图*/
.in_banner ul,.in_banner ul li {  width:100%; height:100%; z-index:1; overflow: hidden;}
.in_banner ul li.curr{z-index:2;}
.in_banner li img { width:100%; height:100%; }
.in_banner .vbox{ position:absolute; width:100%; height:100%; z-index:1; left:0; top:0; cursor:pointer;  background:#000; }
.in_banner .vbox video{width: 100%; height:100%; }
.in_banner ul li video{ height:100%; width:100%; transform: scale(1.02); -webkit-transform: scale(1.02);}
.in_banner ul li em{ display:block; width:100%; height:100%; background:rgba(0,0,0,0.6) center no-repeat; position:absolute; left:0; top:0; cursor:pointer;}

.in_banner { position:relative; overflow:hidden; }
.in_banner dl { position:absolute; text-align:center; bottom:20px; left:0; width:100%; z-index:5000; }
.in_banner dl dd { display:inline-block; width: 9px; height:9px; border-radius:100%; background:#fff; margin-right:14px; cursor:pointer; }
.in_banner dl dd:last-child { margin-right:0; }
.in_banner dl dd.active { background:#666; }
.in_banner .banner-act{ position: absolute;left: 100px;top: 70px; }  /*240 275 178*/
.banner-act .t1{ font-size: 18px;color: #98773c;line-height: 1;}
.banner-act .t2{ margin: 10px 0 0;font-size: 12px;color: #98773c;}
.banner-act .t3{ font-size: 14px;line-height: 2;color: #5F5D5D;}
.banner-act .line{ width: 20px;height: 1px;background: #5F5D5D;margin: 20px 0;}

/*通用标题*/
.fn-title {  display:block; padding:70px 0; position:relative; text-align: center;}
.fn-title h4 { font-size: 24px;font-weight: 400;color: #333;}
.fn-title p { margin-top: 15px;font-size: 16px;color: #566892;font-weight: 700;}
.fn-title .line { width: 30px;height: 1px;background: #bfbfbf;margin: 25px auto;}
.fn-title .des { line-height: 2;font-size: 12px;}
.fn-title-bg{ background: #F2F2F2;}

.more-des{ margin-bottom: 40px;}
.more-des p{ margin-bottom: 20px;line-height: 1.7;text-align: center;}

.more-des2{ margin-bottom: 110px;}
.more-des2 p{ margin-bottom: 20px;line-height: 1.7;text-align: justify;}
.more-des2 .t1{ color: #566892;}

.cube-title{ display: block;position: relative;margin: -1px auto 50px;width: 110px;height: 110px;text-align: center;background: #1060A6;color: #fff;overflow: hidden}
.cube-title .t1{ font-size: 16px;margin-top: 30px;}
.cube-title .t2{ font-size: 14px;margin-top: 10px;}
.cube-title .jia{ position: absolute;left: 0;right: 0;bottom: 10px;font-size: 14px;}
.cube-title:hover { color: #eee;background: #106db7;}

.col-3{ overflow: hidden; margin: 0 -5px;}
.col-3 .col{ width: 33.33%;float: left;box-sizing: border-box;padding: 0 5px 10px;}
.col-3 .col img{ width: 100%;}

/*弹出窗*/
.new_outer_bg{ position:fixed; width:100%; height:80000px; background:url(../img/new_png.png) repeat; z-index:90000; left:0; top:0; display:none;}
.login_outer{ width:500px; height:300px; position:fixed; left:50%; top:50%; margin-left:-250px; margin-top:-150px; z-index:90001; background:#fff; display:none;}
.login_outer_close{ height:55px;}
.login_outer_close a{display:block; width:73px; height:55px; background:url(../img/close.svg) no-repeat center; background-size:18px 18px; float:right;}
.login_outer .img{ margin:0 20px 20px;}
.login_outer img{ width: 100%;height: 100%;margin: 0 auto;display: block;}

/*公共底部*/
footer{ background: #F2F2F2;}
.footer_box{ padding: 88px 0;width: 980px;overflow: hidden;color: #333}
.footer_box .w50{ width: 50%;float: left;box-sizing: border-box;padding-left: 80px;}
.footer_box .t1{ font-size: 20px;margin-bottom: 10px;}
.footer_box .t2{ font-size: 14px;}
.footer_box .img{ margin: 0 auto 15px;display: block;}
.footer_box .line{ width: 40px;height: 1px;background: #333;margin: 20px 0;}
.footer_box .address .item{ font-size: 12px;line-height: 1.8;margin-top: 20px;}
.footer_box .code{ width: 80px;background: #fff; margin-top: 20px;}
.footer_box .svg{ vertical-align: middle;display: inline-block;margin-right: 4px;width: 18px;height: 18px;background: left center no-repeat;background-size: 18px;}
.footer_box .svg-tel{background-image:url(../img/tel.svg);}
.footer_box .svg-tel1{background-image:url(../img/tel2.svg);margin-top: -3px;}
.footer_box .svg-pos{background-image:url(../img/position.svg);}
.footer_box .svg-email{background-image:url(../img/email.svg);margin-top: -2px;}
footer .copyright { background: #191919;padding: 30px 0;text-align: center;color: #fff;font-size: 12px;}
footer .copyright a{ margin: 0 10px;color: #fff;}
footer .copyright span{  margin: 0 10px;color: #fff;}
footer .rl{ position: relative;}
footer .rl:after{content:" ";position: absolute;right: -12px;top: 4px;bottom: 2px;width: 1px;background: #fff; }
/* loading */
.ball-clip-rotate > div {
    background-color: #fff;
    width: 36px;
    height: 36px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    border: 1px solid #000;
    border-bottom-color: transparent;
    height: 36px;
    width: 36px;
    background: transparent !important;
    display: inline-block;
    -webkit-animation: rotate 0.75s 0s linear infinite;
    animation: rotate 0.75s 0s linear infinite; position:fixed; left:50%; margin-left: -18px; top:50%; margin-top: -18px; }

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg) scale(1);
        transform: rotate(0deg) scale(1); }

    65% {
        -webkit-transform: rotate(180deg) scale(1);
        transform: rotate(180deg) scale(1); }

    100% {
        -webkit-transform: rotate(360deg) scale(1);
        transform: rotate(360deg) scale(1); }
}