.fl{float:left}.fr{float:right}.clear{clear:both}.clearfix,.container:after,.row:after,ul{*zoom:1}.clearfix:after,.container:after,.row:after,ul:after{content:" ";display:block;height:0;clear:both;visibility:hidden}.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.container{margin-right:auto;margin-left:auto}.content img{max-width:100%}.content_box,.content_box *,.content_box :after,.content_box :before{box-sizing:content-box}.ml5{margin-left:5px}.mt5{margin-top:5px}.mr5{margin-right:5px}.mb5{margin-bottom:5px}.mg5{margin:5px}.pl5{padding-left:5px}.pt5{padding-top:5px}.pr5{padding-right:5px}.pb5{padding-bottom:5px}.pd5{padding:5px}.ml10{margin-left:10px}.mt10{margin-top:10px}.mr10{margin-right:10px}.mb10{margin-bottom:10px}.mg10{margin:10px}.pl10{padding-left:10px}.pt10{padding-top:10px}.pr10{padding-right:10px}.pb10{padding-bottom:10px}.pd10{padding:10px}.ml15{margin-left:15px}.mt15{margin-top:15px}.mr15{margin-right:15px}.mb15{margin-bottom:15px}.mg15{margin:15px}.pl15{padding-left:15px}.pt15{padding-top:15px}.pr15{padding-right:15px}.pb15{padding-bottom:15px}.pd15{padding:15px}.ml20{margin-left:20px}.mt20{margin-top:20px}.mr20{margin-right:20px}.mb20{margin-bottom:20px}.mg20{margin:20px}.pl20{padding-left:20px}.pt20{padding-top:20px}.pr20{padding-right:20px}.pb20{padding-bottom:20px}.pd20{padding:20px}.ml25{margin-left:25px}.mt25{margin-top:25px}.mr25{margin-right:25px}.mb25{margin-bottom:25px}.mg25{margin:25px}.pl25{padding-left:25px}.pt25{padding-top:25px}.pr25{padding-right:25px}.pb25{padding-bottom:25px}.pd25{padding:25px}.ml30{margin-left:30px}.mt30{margin-top:30px}.mr30{margin-right:30px}.mb30{margin-bottom:30px}.mg30{margin:30px}.pl30{padding-left:30px}.pt30{padding-top:30px}.pr30{padding-right:30px}.pb30{padding-bottom:30px}.pd30{padding:30px}.ml35{margin-left:35px}.mt35{margin-top:35px}.mr35{margin-right:35px}.mb35{margin-bottom:35px}.mg35{margin:35px}.pl35{padding-left:35px}.pt35{padding-top:35px}.pr35{padding-right:35px}.pb35{padding-bottom:35px}.pd35{padding:35px}.ml40{margin-left:40px}.mt40{margin-top:40px}.mr40{margin-right:40px}.mb40{margin-bottom:40px}.mg40{margin:40px}.pl40{padding-left:40px}.pt40{padding-top:40px}.pr40{padding-right:40px}.pb40{padding-bottom:40px}.pd40{padding:40px}.ml45{margin-left:45px}.mt45{margin-top:45px}.mr45{margin-right:45px}.mb45{margin-bottom:45px}.mg45{margin:45px}.pl45{padding-left:45px}.pt45{padding-top:45px}.pr45{padding-right:45px}.pb45{padding-bottom:45px}.pd45{padding:45px}.ml50{margin-left:50px}.mt50{margin-top:50px}.mr50{margin-right:50px}.mb50{margin-bottom:50px}.mg50{margin:50px}.pl50{padding-left:50px}.pt50{padding-top:50px}.pr50{padding-right:50px}.pb50{padding-bottom:50px}.pd50{padding:50px}.f12{font-size:12px}.f14{font-size:14px}.f16{font-size:16px}.f18{font-size:18px}.f20{font-size:20px}.f22{font-size:22px}.f24{font-size:24px}.f26{font-size:26px}.f28{font-size:28px}.f30{font-size:30px}.f32{font-size:32px}.f34{font-size:34px}.f36{font-size:36px}

/*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */
html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}
figcaption,figure,main{display:block}
figure{margin:1em 40px}
hr{box-sizing:content-box;height:0;overflow:visible}
pre{font-family:monospace,monospace;font-size:1em}
a{background-color:transparent;-webkit-text-decoration-skip:objects}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:inherit;font-weight:bolder}
code,kbd,samp{font-family:monospace,monospace;font-size:1em}
dfn{font-style:italic}
mark{background-color:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
audio,video{display:inline-block}audio:not([controls]){display:none;height:0}
img{border-style:none}svg:not(:root){overflow:hidden}
button,input,optgroup,select,textarea{margin:0}
button,input{overflow:visible}
button,select{text-transform:none}
[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
progress{display:inline-block;vertical-align:baseline}
textarea{overflow:auto}
[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
details,menu{display:block}
summary{display:list-item}
canvas{display:inline-block}
[hidden],template{display:none}
*,:after,:before{box-sizing:border-box}
blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
address,cite,dfn,em,var{font-style:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
legend{color:#000}
fieldset,img{border:0}
body,button,input,select,textarea{font:14px/1.5 \\5FAE\8F6F\96C5\9ED1,arial;color:#333;font-size:14px}
table{border-collapse:collapse;border-spacing:0}
ol,ul{list-style:none}
a,button,input[type=button],input[type=file],input[type=reset],input[type=submit]{cursor:pointer}
a{color:inherit;color:expression(this.parentNode.currentStyle.color);text-decoration:none}
a:focus{outline:thin dotted}
a:active,a:hover{outline:0}
h1{font-size:36px}
h2{font-size:32px}
h3{font-size:28px}
h4{font-size:24px}
h5{font-size:20px}
h6{font-size:16px}
small{font-size:12px}
.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{position:relative;min-height:1px;padding-right:15px;padding-left:15px}
.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{float:left}
.col-xs-12{width:100%}
.col-xs-11{width:91.66666667%}
.col-xs-10{width:83.33333333%}
.col-xs-9{width:75%}
.col-xs-8{width:66.66666667%}
.col-xs-7{width:58.33333333%}
.col-xs-6{width:50%}
.col-xs-5{width:41.66666667%}
.col-xs-4{width:33.33333333%}
.col-xs-3{width:25%}
.col-xs-2{width:16.66666667%}
.col-xs-1{width:8.33333333%}
.col-xs-pull-12{right:100%}
.col-xs-pull-11{right:91.66666667%}
.col-xs-pull-10{right:83.33333333%}
.col-xs-pull-9{right:75%}
.col-xs-pull-8{right:66.66666667%}
.col-xs-pull-7{right:58.33333333%}
.col-xs-pull-6{right:50%}
.col-xs-pull-5{right:41.66666667%}
.col-xs-pull-4{right:33.33333333%}
.col-xs-pull-3{right:25%}
.col-xs-pull-2{right:16.66666667%}
.col-xs-pull-1{right:8.33333333%}
.col-xs-pull-0{right:auto}
.col-xs-push-12{left:100%}
.col-xs-push-11{left:91.66666667%}
.col-xs-push-10{left:83.33333333%}
.col-xs-push-9{left:75%}
.col-xs-push-8{left:66.66666667%}
.col-xs-push-7{left:58.33333333%}
.col-xs-push-6{left:50%}
.col-xs-push-5{left:41.66666667%}
.col-xs-push-4{left:33.33333333%}
.col-xs-push-3{left:25%}
.col-xs-push-2{left:16.66666667%}
.col-xs-push-1{left:8.33333333%}
.col-xs-push-0{left:auto}
.col-xs-offset-12{margin-left:100%}
.col-xs-offset-11{margin-left:91.66666667%}
.col-xs-offset-10{margin-left:83.33333333%}
.col-xs-offset-9{margin-left:75%}
.col-xs-offset-8{margin-left:66.66666667%}
.col-xs-offset-7{margin-left:58.33333333%}
.col-xs-offset-6{margin-left:50%}
.col-xs-offset-5{margin-left:41.66666667%}
.col-xs-offset-4{margin-left:33.33333333%}
.col-xs-offset-3{margin-left:25%}
.col-xs-offset-2{margin-left:16.66666667%}
.col-xs-offset-1{margin-left:8.33333333%}
.col-xs-offset-0{margin-left:0}
@media screen and (min-width:768px){
    .col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left}
    .col-sm-12{width:100%}
    .col-sm-11{width:91.66666667%}
    .col-sm-10{width:83.33333333%}
    .col-sm-9{width:75%}
    .col-sm-8{width:66.66666667%}
    .col-sm-7{width:58.33333333%}
    .col-sm-6{width:50%}
    .col-sm-5{width:41.66666667%}
    .col-sm-4{width:33.33333333%}
    .col-sm-3{width:25%}
    .col-sm-2{width:16.66666667%}
    .col-sm-1{width:8.33333333%}
    .col-sm-pull-12{right:100%}
    .col-sm-pull-11{right:91.66666667%}
    .col-sm-pull-10{right:83.33333333%}
    .col-sm-pull-9{right:75%}
    .col-sm-pull-8{right:66.66666667%}
    .col-sm-pull-7{right:58.33333333%}
    .col-sm-pull-6{right:50%}
    .col-sm-pull-5{right:41.66666667%}
    .col-sm-pull-4{right:33.33333333%}
    .col-sm-pull-3{right:25%}
    .col-sm-pull-2{right:16.66666667%}
    .col-sm-pull-1{right:8.33333333%}
    .col-sm-pull-0{right:auto}
    .col-sm-push-12{left:100%}
    .col-sm-push-11{left:91.66666667%}
    .col-sm-push-10{left:83.33333333%}
    .col-sm-push-9{left:75%}
    .col-sm-push-8{left:66.66666667%}
    .col-sm-push-7{left:58.33333333%}
    .col-sm-push-6{left:50%}
    .col-sm-push-5{left:41.66666667%}
    .col-sm-push-4{left:33.33333333%}
    .col-sm-push-3{left:25%}
    .col-sm-push-2{left:16.66666667%}
    .col-sm-push-1{left:8.33333333%}
    .col-sm-push-0{left:auto}
    .col-sm-offset-12{margin-left:100%}
    .col-sm-offset-11{margin-left:91.66666667%}
    .col-sm-offset-10{margin-left:83.33333333%}
    .col-sm-offset-9{margin-left:75%}
    .col-sm-offset-8{margin-left:66.66666667%}
    .col-sm-offset-7{margin-left:58.33333333%}
    .col-sm-offset-6{margin-left:50%}
    .col-sm-offset-5{margin-left:41.66666667%}
    .col-sm-offset-4{margin-left:33.33333333%}
    .col-sm-offset-3{margin-left:25%}
    .col-sm-offset-2{margin-left:16.66666667%}
    .col-sm-offset-1{margin-left:8.33333333%}
    .col-sm-offset-0{margin-left:0}
}
@media screen and (min-width:992px){
    .col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left}
    .col-md-12{width:100%}
    .col-md-11{width:91.66666667%}
    .col-md-10{width:83.33333333%}
    .col-md-9{width:75%}
    .col-md-8{width:66.66666667%}
    .col-md-7{width:58.33333333%}
    .col-md-6{width:50%}
    .col-md-5{width:41.66666667%}
    .col-md-4{width:33.33333333%}
    .col-md-3{width:25%}
    .col-md-2{width:16.66666667%}
    .col-md-1{width:8.33333333%}
    .col-md-pull-12{right:100%}
    .col-md-pull-11{right:91.66666667%}
    .col-md-pull-10{right:83.33333333%}
    .col-md-pull-9{right:75%}
    .col-md-pull-8{right:66.66666667%}
    .col-md-pull-7{right:58.33333333%}
    .col-md-pull-6{right:50%}
    .col-md-pull-5{right:41.66666667%}
    .col-md-pull-4{right:33.33333333%}
    .col-md-pull-3{right:25%}
    .col-md-pull-2{right:16.66666667%}
    .col-md-pull-1{right:8.33333333%}
    .col-md-pull-0{right:auto}
    .col-md-push-12{left:100%}
    .col-md-push-11{left:91.66666667%}
    .col-md-push-10{left:83.33333333%}
    .col-md-push-9{left:75%}
    .col-md-push-8{left:66.66666667%}
    .col-md-push-7{left:58.33333333%}
    .col-md-push-6{left:50%}
    .col-md-push-5{left:41.66666667%}
    .col-md-push-4{left:33.33333333%}
    .col-md-push-3{left:25%}
    .col-md-push-2{left:16.66666667%}
    .col-md-push-1{left:8.33333333%}
    .col-md-push-0{left:auto}
    .col-md-offset-12{margin-left:100%}
    .col-md-offset-11{margin-left:91.66666667%}
    .col-md-offset-10{margin-left:83.33333333%}
    .col-md-offset-9{margin-left:75%}
    .col-md-offset-8{margin-left:66.66666667%}
    .col-md-offset-7{margin-left:58.33333333%}
    .col-md-offset-6{margin-left:50%}
    .col-md-offset-5{margin-left:41.66666667%}
    .col-md-offset-4{margin-left:33.33333333%}
    .col-md-offset-3{margin-left:25%}
    .col-md-offset-2{margin-left:16.66666667%}
    .col-md-offset-1{margin-left:8.33333333%}
    .col-md-offset-0{margin-left:0}
}
@media screen and (min-width:1200px){
    .col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{float:left}
    .col-lg-12{width:100%}
    .col-lg-11{width:91.66666667%}
    .col-lg-10{width:83.33333333%}
    .col-lg-9{width:75%}
    .col-lg-8{width:66.66666667%}
    .col-lg-7{width:58.33333333%}
    .col-lg-6{width:50%}
    .col-lg-5{width:41.66666667%}
    .col-lg-4{width:33.33333333%}
    .col-lg-3{width:25%}
    .col-lg-2{width:16.66666667%}
    .col-lg-1{width:8.33333333%}
    .col-lg-pull-12{right:100%}
    .col-lg-pull-11{right:91.66666667%}
    .col-lg-pull-10{right:83.33333333%}
    .col-lg-pull-9{right:75%}
    .col-lg-pull-8{right:66.66666667%}
    .col-lg-pull-7{right:58.33333333%}
    .col-lg-pull-6{right:50%}
    .col-lg-pull-5{right:41.66666667%}
    .col-lg-pull-4{right:33.33333333%}
    .col-lg-pull-3{right:25%}
    .col-lg-pull-2{right:16.66666667%}
    .col-lg-pull-1{right:8.33333333%}
    .col-lg-pull-0{right:auto}
    .col-lg-push-12{left:100%}
    .col-lg-push-11{left:91.66666667%}
    .col-lg-push-10{left:83.33333333%}
    .col-lg-push-9{left:75%}
    .col-lg-push-8{left:66.66666667%}
    .col-lg-push-7{left:58.33333333%}
    .col-lg-push-6{left:50%}
    .col-lg-push-5{left:41.66666667%}
    .col-lg-push-4{left:33.33333333%}
    .col-lg-push-3{left:25%}
    .col-lg-push-2{left:16.66666667%}
    .col-lg-push-1{left:8.33333333%}
    .col-lg-push-0{left:auto}
    .col-lg-offset-12{margin-left:100%}
    .col-lg-offset-11{margin-left:91.66666667%}
    .col-lg-offset-10{margin-left:83.33333333%}
    .col-lg-offset-9{margin-left:75%}
    .col-lg-offset-8{margin-left:66.66666667%}
    .col-lg-offset-7{margin-left:58.33333333%}
    .col-lg-offset-6{margin-left:50%}
    .col-lg-offset-5{margin-left:41.66666667%}
    .col-lg-offset-4{margin-left:33.33333333%}
    .col-lg-offset-3{margin-left:25%}
    .col-lg-offset-2{margin-left:16.66666667%}
    .col-lg-offset-1{margin-left:8.33333333%}
    .col-lg-offset-0{margin-left:0}
}
body,button,input,select,textarea{font:12px/1.4 \\5FAE\8F6F\96C5\9ED1,arial;color:#5a5a5a;font-size:12px}
.center{max-width:1300px;margin:0 auto;width: 100%;position: relative;}
.preloader {
    background: #fff;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999;
}
.status,
.status-mes {
    background-image: url(../img/status.gif);
    background-position: center;
    background-repeat: no-repeat;
    height: 200px;
    left: 50%;
    margin: -100px 0 0 -100px;
    position: absolute;
    top: 50%;
    width: 200px;
}
.status-mes {
    background: none;
    left: 0;
    margin: 0;
    text-align: center;
    top: 65%;
}
.status-mes h4 {
    color: #333;
    margin-top: 30px;
	text-transform: uppercase;
}
.header{width:100%;height:90px;position: fixed;top: 0;left: 0;z-index: 999;background:rgba(0,0,0,0.8);opacity:0;transition: all .3s; }
.header.headon{position: fixed;border-bottom: 0px solid #ddd;opacity:1;height:auto;}
.header:before{position: absolute;content: ""; top: -100%;left: 0;width: 100%;height: 0;transition: all .3s;z-index: 0;  display:block ; }
.header.headon:before{height: 100%;top: 0;}

.head_top_content{width:10%;height:auto;overflow:hidden;position: relative;float: left;}
.head_top_content .head_logo{padding-top:0;text-align: center;margin: 0 0;position: relative;text-align: center;z-index:2;transition: all .3s;}
.header.headon .head_top_content .head_logo{}

.head_top_content .head_logo img{display:inherit;width: 90%;max-width: 120px;margin: 0px 0 10px;}
.head_top_content .head_logo .head_tit{margin-left:10px;padding-right:20px;border-right:1px dotted #028bcf}
.head_top_content .head_logo .head_tit h4{color:#1c4587;font-size:26px;line-height:25px}
.head_top_content .head_logo .head_tit h6{color:#1c4587;font-size:15px;line-height:25px;font-weight:400}
.head_top_content .head_logo .head_text{height:50px;padding-left:20px;border-left:1px dotted #028bcf}
.head_top_content .head_logo .head_text p{font-size:18px;color:#434343}
.head_top_content .head_logo .head_text p em{color:#e69138;font-style:normal}
.head_top_content .head_logo .head_text span{font-size:14px;color:#434343}
.head_top_content .fr{width:65%;padding-top:30px}
.head_top_content .fr img{width:44px;float:right}
.head_top_content .fr p{float:right;padding-top:7px;padding-right:10px}
.head_top_content .fr p em{display:block;font-weight:400;font-style:normal;text-align:right}
.head_top_content .fr p span{display:block;color:#f90;font-size:20px}
.head_nav{height:0;overflow: hidden;display: none;border: 0px solid #ddd;border-left: 0;border-right: 0;max-width: 1100px;margin: 0px auto 0;z-index: 3;transition: all .3s;}
.header.headon  .head_nav{margin-top: 15px;height:auto;display: block}
.head_nav ul{margin: 0 auto;width:100%;}
.head_nav ul li{height:43px;float:left;line-height:43px;text-align:center;margin:0 0px;width:30%;max-width:155px; overflow: hidden;position: relative; }
/*.head_nav ul li:hover a:after{background:rgba(0,0,0,0.5);}*/
.head_nav ul li >a{color:#fff;font-size:16px;height:43px;float:left;position: absolute;width: 100%;left: 0;top: 0;line-height:43px;text-align:center;transition: all .3s;}
.head_nav ul li >a.active{background: none;}
.head_nav ul li >a span{z-index: 1;position: relative}
.head_nav ul li >a:after{position: absolute;content: ""; color: #666;top: 0;left: 50%;width: 0;height: 100%;transition: all .3s;background: none;z-index: 0;  display:block ; }
.head_nav ul li:hover >a:after{width: 100%;left: 0;opacity:1;}
.head_nav ul li:hover >a{color: #fff;transform: scale(1.1, 1.1);}
.head_nav ul li:hover >a.active{transform: scale(1, 1);}
.sublist{position: absolute;width: 150px;height: 0;padding:  0;top: 158px;z-index: 333;transition: all .6s;opacity:0;border: 1px solid #eee;overflow: hidden;box-shadow: 0 6px 12px rgba(0,0,0,.175);background: none;}
.sublist .sublist_a{height: 30px;line-height: 30px;text-align: left;padding-left:10%; width: 90%;}

.head_nav ul li .sublist a{width: auto;color: #666;z-index: 3;background: none;position: relative;float: none;line-height: 30px;height: auto;transition: all .3s;display:block ; }
.sublist:after{position: absolute;content: ""; top: 0;left: 0;width: 100%;height: 0;transition: all .0s;background: rgba(255,255,255,1);z-index: 0;  display:block ; }
.head_nav ul li:hover .sublist:after{height: 100%;}
.head_nav ul li:hover .sublist{height: auto;padding: 10px 0;opacity:1}
.head_nav ul li:hover .sublist a:hover{color: #976a37;transition: all .3s;font-size: 14px;}
.head_nav ul li >a .tit1,.head_nav ul li >a .tit2{transition: all .3s;transform: translateY(0px);}
.head_nav ul li >a .tit2,.head_nav ul li >a.active .tit1{font-size: 14px;}
.head_nav ul li >a:hover .tit1,.head_nav ul li >a.active .tit1,.head_nav ul li >a:hover .tit2,.head_nav ul li >a.active .tit2{transition: all .3s;}
.head_nav ul li >a.active .tit1{background:url( '../img/navbg.jpg') no-repeat center bottom/35%;}
.head_nav ul li:hover >a .tit1{transform: translateY(-100px);}
.head_nav ul li:hover >a .tit2{transform: translateY(-43px);}
.m-nav{position: absolute;top: 20%;left:1%;display: none;z-index: 666}
.m-nav .lines {
    cursor: pointer;
    height: 30px;
    margin: 0;
    position: relative;
    width:50px;
    border: 1px solid #ddd;
    border-radius:5px;
    margin-top: 10px;
    text-align: center;
}
.m-nav .lines span{line-height: 30px;color: #fff}
.head_top_content .fr{padding: 0}
.m-nav .lines p {
    padding: 0;
    background-color: #ddd;
    border-radius: 2px;
    height: 2px;
    left: 10px;
    position: absolute;
    transition: all 0.8s ease 0s;
    width: 30px;
}
.m-nav .lines p:nth-child(1) {
    top: 7px;
    transform: rotateZ(0deg);
    transform-origin: left top 0;
    transition: all 0.5s ease 0s;
}
.m-nav .lines p:nth-child(2) {
    top: 14px;
    transition: all 0.5s ease 0s;
}
.m-nav .lines p:nth-child(3) {
    top: 21px;
    transform: rotateZ(0deg);
    transform-origin: left bottom 0;
    transition: all 0.5s ease 0s;
}
.m-nav .lines.cur p:nth-child(1) {
    transform: rotateZ(28deg);
}
.m-nav .lines.cur p:nth-child(2) {opacity:0}
.m-nav .lines.cur p:nth-child(3) {transform:rotateZ(-28deg)}

.banner{width:100%;overflow:hidden;position:relative;z-index:1;}
.banner li{text-align:center;height: 100%;position: relative;}
.banner li img{width: 100%;opacity:1;vertical-align: top}
.banner_text{position:absolute;left:36%;top:20%;z-index:3}
.banner_text .banner_text_content .imgleft{width:124px;position:absolute;left:106%;z-index:4}
.banner_text .banner_text_content .banner_text_bg{width:519px;height:157px;padding-left:62px;position:absolute;z-index:3;left:62px;top:10px;background:url(../img/fff.png)}
.banner_text .banner_text_content .banner_text_bg p{position:relative;top:290%}
.banner_text .banner_text_content .banner_text_bg p strong{font-size:14px;color:#434343;font-weight:400;display:block;text-align:center;padding-top:20px}
.banner_text .banner_text_content .banner_text_bg p b{font-size:19px;font-weight:400;font-style:normal;color:#434343;display:block;padding-top:18px;text-align:center}
.banner_text .banner_text_content .banner_text_bg p b span{font-weight:700;color:#1c4587}
.banner_text .banner_text_content .banner_text_bg i{font-size:0;opacity:0;color:#000;font-weight:700;display:block;text-align:center;font-style:normal}
.banner_text .banner_text_content .banner_text_bg i em{font-style:normal;font-weight:700;color:#068915}
.i_box1,.main{width:100%}
.i_box1{padding-bottom:40px}
.i_box1 .i_box1_content{width:100%}
.main_l{width:240px;position:relative;z-index:4;}
.main_l p{width:100%;height:105px;background:#1c4587;padding-top:22px}
.main_l p span{font-size:27px}
.main_l p i,.main_l p span{text-align:center;display:block;color:#fff}
.main_l p i{font-size:12px;font-style:normal}
.main_l>ul>li{width:100%;height:48px;border:1px solid #ececec;position:relative;overflow:hidden}
.main_l>ul>li:before{content:"+";width:20px;height:20px;line-height:18px;text-align:center;color:#415b87;border:1px solid #415b87;position:absolute;right:10px;top:50%;margin-top:-10px}
.main_l>ul>li.active,.main_l>ul>li:hover{background:#1c4588}
.main_l>ul>li.active span,.main_l>ul>li:hover span{color:#fff}
.main_l>ul>li.active:before,.main_l>ul>li:hover:before{border-color:#fff;color:#fff}
.main_l>ul>li.active:before{content:"-"}
.main_l>ul>li.no_child:before{display:none}
.main_l>ul>li>a{height:48px;width:100%;display:block}
.main_l>ul>li>a span{font-size:16px;color:#1c4588;line-height:48px;float:left;margin-left:10px}
.main_l>ul>li>a i{float:right;font-style:normal}
.main_l>ul ul{display:none}
.main_l>ul ul li{text-align:center;line-height:36px;background-color:#f5f5f5;border-top:1px dashed #9b9a9c}
.main_l>ul ul li:first-child{border-top:0}
.main_l .contact{width:100%;height:203px;background:#086aac;padding-top:40px}
.main_l .contact a img{width:65px;display:block;margin:0 auto}
.main_l .contact a h3{font-size:19px;text-align:center;color:#fff}
.main_l .contact a span{font-size:14px;text-align:center;display:block;color:#fff}
.main_r{width:927px;float:right}
.pro_list{overflow:hidden;margin-top:32px}
.pro_list ul{width:100%}
.pro_list ul li{width:31.33%;padding:0;margin:1%;margin-bottom:28px;float:left;}
.pro_list ul li .pro-item{overflow: hidden}
.pro_list ul li:hover{ box-shadow:0 2px 15px #888}
.pro_list ul li a .img{width:100%;height:200px;overflow: hidden;position: relative;transition: transform 0.3s ease-in-out 0s;}
.pro_list ul li img{width:100%;}
.pro_list ul li a:hover .img{transform: scale(1.1, 1.1);}
.pro_list ul li a .img:before{
    position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(255,255,255,0.5);content: '';
    /*! -webkit-transition: -webkit-transform 0.6s; */
    transition: -webkit-transform 0.6s;
    transition: transform 0.6s;
    transition: transform 0.6s, -webkit-transform 0.6s;
    -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
    transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);

}
.pro_list ul li:hover a .img:before {
    -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
    transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
}
.pro_list ul li a span{display:block;margin-top:6px;text-align:center;font-size:16px;line-height: 40px;}
.i_box2{width:100%;padding:40px 0 50px;overflow:hidden;background:url(../img/aboutbg.jpg)}
.i_box2 .i_box2_tit{width:100%;height:55px;position:relative}
.i_box2 .i_box2_tit span{width:100%;height:1px;display:block;background:#fff;position:absolute;top:26px}
.i_box2 .i_box2_tit p{background:url(../img/aboutbg.jpg);width:260px;padding:0 10px;position:relative;z-index:3;margin:0 auto}
.i_box2 .i_box2_tit p i{display:block;font-style:normal;height:55px;line-height:55px;font-size:20px;text-align:center;width:240px;background:url(../img/tit.png) no-repeat;color:#fff}
.i_box2 .i_box2_content .i_box2_content1{width:840px;background:url(../img/img2.png) no-repeat 100% 100%}
.i_box2 .i_box2_content .i_box2_content1 .flimg{width:100%;height:48px}
.i_box2 .i_box2_content .i_box2_content1 .flimg img{width:40px;height:48px;float:left}
.i_box2 .i_box2_content .i_box2_content1 .i_box2_img{width:377px;height:249px;overflow:hidden;margin:0 0 0 30px}
.i_box2 .i_box2_content .i_box2_content1 .i_box2_img img{width:377px;height:249px}
.i_box2 .i_box2_content .i_box2_content1 .i_box2_text{width:380px;margin-left:48px;height:249px}
.i_box2 .i_box2_content .i_box2_content1 .i_box2_text p{color:#fff;font-size:14px;line-height:181%}
.i_box2 .i_box2_content .i_box2_content1 .i_box2_menu{width:100%;padding:30px 0 0 30px}
.i_box2 .i_box2_content .i_box2_content1 .i_box2_menu a{width:107px;height:34px;border-radius:40px;border:3px solid #fff;text-align:center;line-height:28px;color:#fff;font-size:16px;display:-moz-inline-stack;display:inline-block;vertical-align:middle;*vertical-align:auto;zoom:1;*display:inline;margin-right:18px}
.i_box2 .i_box2_content .fr{width:284px;border:1px dotted #fff;padding:10px}
.i_box2 .i_box2_content .fr .i_box2_fr_img{width:240px;height:350px;margin:10px auto;overflow:hidden}
.i_box3{width:100%;overflow:hidden;padding:40px 0 0;background:url(../img/bgcase.jpg)}
.i_box3 .i_box3_tit p{display:block;font-style:normal;height:55px;line-height:55px;font-size:20px;text-align:center;width:240px;background:url(../img/casetit.png) no-repeat;color:#086aac;margin:0 auto}
.i_box3 .i_box3_content{width:100%;margin-top:50px;overflow:hidden}
.i_box3 .i_box3_content ul li{width:230px;padding:0 15px;float:left}
.i_box3 .i_box3_content ul li a img{width:200px;height:160px}
.i_box3 .i_box3_a{width:100%;margin-top:60px}
.i_box3 .i_box3_a a{background:url(../img/more.png) no-repeat;width:89px;height:40px;font-size:14px;color:#fff;text-align:center;line-height:53px;margin:0 auto;display:block}
.i_box4_content .new_list{width:849px}
.i_box4_content .new_list ul li{width:100%;float:left;padding:12px 0;border-bottom:1px dotted #dbd4cd;margin:10px 0}
.i_box4_content .new_list ul li .i_box4_time{width:74px;height:59px;background:#086aac;margin-left:20px}
.i_box4_content .new_list ul li .i_box4_time p span{font-size:24px;color:#fff;text-align:center;font-weight:700;line-height:41px;display:block}
.i_box4_content .new_list ul li .i_box4_time p i{font-style:normal;text-align:center;color:#fff;font-size:13px;display:block}
.i_box4_content .new_list ul li .i_box4_text{width:705px;margin-left:40px}
.i_box4_content .new_list ul li .i_box4_text a span{font-size:20px;color:#1c4587;line-height:140%}
.i_box4_content .new_list ul li .i_box4_text a span:hover{color:#0064d4}
.i_box4_content .new_list ul li .i_box4_text p{font-size:14px;color:#ccc;line-height:140%}
.i_box4_content .fr{width:240px}
.i_box4_content .fr h3{height:60px;line-height:60px;text-align:center;color:#fff;font-size:21px;background:#086aac;font-weight:400}
.i_box4_content .fr p{float:left}
.i_box4_content .fr p img{height:18px;float:left;margin-top:9px;margin-right:12px}
.i_box4_content .fr p span{float:right;width:210px;display:-moz-inline-stack;display:inline-block;vertical-align:middle;*vertical-align:auto;zoom:1;*display:inline;font-size:14px;color:#666;line-height:35px}
.i_box4_content .fr .map{width:240px;float:left;margin-top:20px}
.flink{margin-top:50px;width:100%}
.flink .flink_tit{width:100%;position:relative}
.flink .flink_tit p{height:12px;width:100%;background:url(../img/dian.png);position:absolute;top:15px}
.flink .flink_tit span{height:42px;background:#fff;color:#1c4587;font-size:14px;border:1px solid #1c4587;position:relative;z-index:2;display:block;width:115px;text-align:center;line-height:42px;margin-left:40px}
.flink .flink_list{width:100%;margin-top:30px;margin-left:40px}
.flink .flink_list ul li{float:left;margin-right:28px}
.flink .flink_list ul li a{font-size:14px;line-height:28px;color:#5a5a5a}
.flink .flink_list ul li a:hover{color:#47cdff}
.flink .news_list{width:auto;height:auto;border:0;padding:20px 0}
.page_location{background: #666;line-height: 45px;height: 45px;color: #ddd;font-size:14px;display: none}
.page_location a{color: #ddd;font-size:14px;padding: 0 5px;}
.page_location2{background: none;color: #333;}
.page_location2 a{color: #333;font-size:14px;padding: 0 5px;}
.footer{width:100%;background:#000;border: 1px solid #333;}
.footer .fl{padding-top:50px;width: 70%;}
.footer .fl img{float:left;max-height:95px}
.footer .fl .foot_contact{padding-left:0%;float:left; }
.footer .fl .foot_contact p{color:#999;font-size:14px;line-height:180%}
.footer .fr{padding-top:50px;width: 25%;line-height: 28px;color: #999;font-size: 13px;}
.footer .fr img{max-width:120px;max-height:120px}
.footer .fl .foot_contact ul li{width:120px;float: left;line-height: 30px;height:250px;text-align: center;color: #f1f1f1}
.footer .fl .foot_contact ul li> a{color: #fff;font-size: 16px;font-weight: bold}
.footer .fl .foot_contact ul li >a .sublist2{font-size: 12px;font-variant: normal}
.footer .fr .pname{font-weight: bold}
.footer_bottom{background: #333;color: #999;font-size: 12px;text-align: center;line-height: 20px;padding: 15px 0;border-top: 1px solid #888;}
.page_banner{width:100%;overflow:hidden;text-align: center}
.page_banner img{max-width:1920px;position:relative;width: 100%;vertical-align: top}
.container .main_r{width:905px}.liuyan{width:100%;margin-top:10px}
.liuyan b{width:240px;height:100px;display:block;overflow:hidden}
.liuyan b:hover a{left:-240px}
.liuyan b:hover a,.liuyan b a{position:relative;transition:.5s}
.liuyan b a{width:480px;height:100px;display:block;left:0}
.liuyan b a img{width:240px;float:left}
.crumbs{width:905px;height:34px;background:#0269ab;margin-top:40px;margin-bottom:30px;color:#fff}
.crumbs p{width:100%;height:34px;background:url(../img/ds.png) no-repeat 0;padding-left:20px}
.crumbs p a{font-size:14px;color:#fff;line-height:34px}
.news_list{width:100%;height:auto;padding:40px 0;border:0px solid #ebebeb}
.news_list ul li{width:98%;margin:3% 1%;padding: 1%;border-bottom:0px dashed #c6c6c6;position: relative;float: none;box-shadow:0 2px 15px #888;border-radius:20px;}
.news_list ul li a .tit span{font-size:16px;color:#333;padding-top: 20px;}
.news_list ul li a p{color: #888;margin-top: 10px;max-height: 32px;overflow: hidden;}
.news_list ul li a .tit{padding: 8% 0;transition: all .3s;}
.news_list ul li a .img{float: left;width: 30%;height: 240px;margin: 1%;border-radius:0px;overflow: hidden;box-shadow:0 2px 5px #888;}
.news_list ul li a .right{float: right;width: 65%;text-align: left;position: relative; padding: 20px 1%; }
.news_list ul li a .news-time{text-align: center;width: 22%;font-size: 15px;border-right: 1px solid #ddd;padding: 5px 0px 20px;transition: all .3s; z-index: 1;position: relative}
.news_list ul li a .news-time-date{font-size: 25px;}
.news_list ul li:hover{}
.news_list .img img{width: 100%;vertical-align: top;}
.news_list ul li a .tit h4{font-size: 16px;color:#04287e;}
.news_list ul li a .right .news-time-year{margin-top:3%;color: #888;}
/*.news_list ul li a .right:after{ background: #333;content: ""; box-shadow:4px 4px 10px #666; position: absolute;top: 0;  left: 0;  width:0;height:100%;  z-index: 0;  display:block ;  -webkit-transition: all .3s;  -moz-transition: all .3s;  -ms-transition: all .3s;  transition: all .3s;  }
.news_list ul li a .right:hover:after{width: 100%;}
.news_list ul li a .right:hover{color: #fff;}
.news_list ul li a .right:hover  span,.news_list ul li a .right:hover  .news-time{color: #fff;}
.news_list ul li a .right:hover a p{color: #888}*/
.pages{width:100%;text-align:center}
.pages a{padding:2px 5px;border:1px solid #0269ab;color:#0269ab;font-size:12px;margin:0 2px;display:-moz-inline-stack;display:inline-block;vertical-align:middle;*vertical-align:auto;zoom:1;*display:inline}
.pages a.active,.pages a:hover{background:#0269ab;color:#fff}
.news{margin: 3% 0}
.news-detail{max-width:930px;float: left;width: 100%;}
.content_tit h3{font-size:25px;color:#000;padding:3px 0 10px;line-height:1.7em;font-weight:400;margin:0}
.content_tit p{width:100%;margin-bottom: 10px;}
.content_tit p span{line-height:21px;font-size:14px;color:#666;margin:0 0px}
.content_des{border-bottom: 1px dashed #ddd;padding: 0 0 10px 0;margin-bottom: 15px;}
.content_des p{font-size:13px;color:#868686;line-height:24px}
.content p{font-size:16px;line-height:24px;text-indent:2em;margin-top:15px}
.content img{max-width: 1200px;}
.news-more{float: right;width: 320px;}
.news-m{margin-top: 15px;line-height: 25px;}
.news-m li{margin-top: 10px;font-size: 14px;padding:0 10px;border-bottom: 1px solid #ddd;}
.news-m li:hover{color: #a37541;transition: all .3s; font-size: 15px;}
.m-tit{background: #333;color: #fff;line-height: 40px;font-size: 16px;padding-left: 10px;}
.news-m li .news-time-year{color: #888;font-size: 12px;}
.prve{width:100%;margin-top:3%;font-size: 16px;}
.prve p{width:100%;margin-bottom: 10px;color: #888}
.prve p span{color: #333}
.prve p a{width:100%;line-height:25px;font-size:14px;color:#333}
.prve p a:hover{color:#95242e}
.content_img{width:100%;height:240px;overflow:hidden;margin:25px 0}
.content_img img{height:230px}
.container .pro_list{width:100%;position: relative;}
.container .pro_list li{margin:1%;}
.show_guest{float:right;margin-top:50px;width:100%}
.show_guest .fl{width:353px;height:458px;padding:0 20px;position:relative}
.show_guest .fl i{width:1px;font-style:normal;display:block;height:458px;background:#eee;position:absolute;left:175px;top:0}
.show_guest .fl .guestbook{width:313px;height:148px;padding:15px 0;background:#fff;position:relative;z-index:3;top:155px}
.show_guest .fl .guestbook b{width:313px;height:118px;overflow:hidden;display:block;position:absolute}
.show_guest .fl .guestbook b img{width:313px;position:absolute;top:-70px}
.show_guest .fl .guestbook p{position:absolute;width:313px;height:118px;top:15px;left:0;padding-top:26px}
.show_guest .fl .guestbook p strong{font-size:29px;line-height:43px;text-align:center;display:block;font-weight:400;color:#fff}
.show_guest .fl .guestbook p span{color:#fff;font-size:12px;line-height:18px;text-align:center;display:block}
.show_guest .fr{width:415px;height:458px;padding:20px;border:1px solid #ececec}
.show_guest .fr p{width:370px;float:left;margin:7px 0}
.show_guest .fr p span{padding:10px 0;line-height:1.5;font-size:12px;display:block}
.show_guest .fr p input{height:37px}
.show_guest .fr p input,.show_guest .fr p textarea{width:370px;border:none;border:1px solid #ddd;font-size:12px;text-indent:5px}
.show_guest .fr p textarea{height:162px}
.show_guest .fr p .btn{height:49px;border:none;border-radius:4px;background:#0269ab;color:#fff}
.show_guest .fr p .btn:hover{background:#00aff1}
.swiper-container,.swiper-slide{height:100%}
.pagination p{
    margin:0;
    cursor:pointer
}
.pagination{
    height:40px;
    padding:20px 0px;
}
.pagination a{
    display:block;
    float:left;
    margin-right:10px;
    padding:2px 12px;
    height:24px;
    border:1px #cccccc solid;
    background:#fff;
    text-decoration:none;
    color:#808080;
    font-size:12px;
    line-height:24px;
}
.pagination a:hover{
    color:#333;
    background: white;
    border:1px #333 solid;
}
.pagination a.cur{
    border:none;
    background:#333;
    color:#fff;
}
.pagination a.cur:hover{border: 0}
.pagination p{
    float:left;
    padding:2px 12px;
    font-size:12px;
    height:24px;
    line-height:24px;
    color:#bbb;
    border:1px #ccc solid;
    background:#fcfcfc;
    margin-right:8px;
}
.pagination p.pageRemark{
    border-style:none;
    background:none;
    margin-right:0px;
    padding:4px 0px;
    color:#666;
}
.pagination p.pageRemark b{
    color:red;
}
.pagination p.pageEllipsis{
    border-style:none;
    background:none;
    padding:4px 0px;
    color:#808080;
}

.dates li {font-size: 14px;margin:20px 0}
.dates li span{float:right}
.pages .pagination{display:-moz-inline-stack;display:inline-block;vertical-align:middle;*vertical-align:auto;zoom:1;*display:inline}
.pages .pagination a,.pages .pagination p{line-height:20px}
.pages .pagination .pageRemark{line-height:26px;padding:0;display: none}
.pages .pagination a:hover{border: 1px solid #333;}

.banner_btn{width:100%;height:16px;position:absolute;left:0;bottom:20px;z-index:3;text-align:center}
.banner_btn a{display:inline-block;position: relative;text-align: center;width:13px;height:13px;border-radius:8px;margin:0 3px;background: none;}
/*.banner_btn a.in,.banner_btn a:hover{background:#fff;border:3px solid rgba(0, 0, 0, 0.5);}*/
.banner_btn a span{background: #ddd;width: 10px;height: 10px;position:absolute;left:1.5px;top: 1.5px;border-radius:8px;}
.banner_btn a.in span,.banner_btn a:hover span{background:#fff;border:3px solid rgba(0, 0, 0, 0.2);left:0;top: 0;width: 13px;height: 13px;}
.banner_l{background:rgba(0,0,0, 0.2);border-radius:80px; position: absolute;left: 10px;top: 40%;font-size: 20px;color: rgba(255,255,255, 0.6);width: 60px;height: 60px;text-align: center;line-height: 60px;}
.banner_r{background:rgba(0,0,0, 0.2);border-radius:80px;position: absolute;right: 10px;top: 40%;font-size: 20px;color: rgba(255,255,255, 0.6);width: 60px;height: 60px;text-align: center;line-height: 60px;}
.banner_l:hover,.banner_r:hover{color: rgba(255,255,255, 1);cursor: pointer;}

.tag{border-top:1px dashed #999;border-bottom:1px dashed #999;line-height:40px;}
.pro_nav{position: relative;max-width:100%;margin: 0 auto;}
.pro_nav ul{display: table;width: 100%;text-align: center;}
.pro_nav ul:after{content: none;}
.pro_nav li.item{width: 150px;height: 40px;margin-right: 0%;line-height: 40px;text-align: center;display: table-cell;font-size: 16px;position: relative}
.pro_nav li.item:last-child{margin: 0}
.pro_nav li.item .nr{border: 0px solid #fff;height: 40px;}
.pro_nav li.item a{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;color: #ddd;}
.pro_nav li.item:after{position: absolute;content: ""; top: 0;left: 50%;width: 0;height: 100%;transition: all .3s;background: none;z-index: 0;  display:block ; }
.pro_nav li.item:hover:after{width: 100%;left: 0}
.pro_nav li.item.active .nr{background: url('../img/navbg.jpg') no-repeat center bottom/40%;font-weight: bold;}
.pro_nav li.item:hover{color: #fff;font-weight: bold; transition: all .3s;z-index: 1}
.pro_nav li.item:hover a,.pro_nav li.active .nr a{color: #fff;}
.title-m{text-align: center;font-size: 30px;color: #fff;padding: 3% 0;margin-top: -17%;position: relative;z-index: 3;text-shadow: 0px 2px 5px #000;}
.title-m .line{margin: 0 auto;width: 50px;height: 3px;background: linear-gradient(to right, #666 , #ddd); margin-top: 1%}
.scroll-top{position: fixed;bottom: 10px;right: 5px;background: #333;color: #fff;width: 30px;padding: 7px 0;font-size: 14px;text-align: center;cursor: pointer}
.scroll-top:hover{background:#000;}
.scroll-top i{font-size: 14px;}
.pro-detail{position: relative;}
.pro-detail .show_img{float: left;width: 55%;}
.pro-detail .show_img img{width: 100%;}
.pro-detail .tit2{text-align: center;font-size: 40px;}
.pro-detail .content_tit{width: 100%;text-align: left}
.pro-detail .content_tit h3{font-size: 20px;}
.pro-detail .content_tit p{}
.content_content p{text-indent: 0;}
.content p{}
.nav-list{margin-top: -80px;background: rgba(0,0,0, 0.8);padding: 20px 0;z-index: 1;position: relative}
.product-particular-box{
        width: 100%;
    }
    .product-particular-box .container{max-width: 1200px;}
    .product-particular-box h1{
        text-align: center;
        border-bottom: 0px solid #333;
        padding: 65px 0;
        font-size: 42px;
    }
    .product-particular-box h1 a{
        color: #333;
        padding-bottom: 20px;
        border-bottom: 3px solid #fff;
        -ms-transition: 0.3s;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        -moz-transition: 0.3s;
        transition: 0.3s;
    }
    .product-particular-box h1 a.product-particular-box-act{
        border-bottom: 3px solid #333;
    }
   /*solve*/
    .product-particular-solve{
        padding: 0 20px;
    }
    .product-particular-solve-box{
        width: 100%;
        padding: 30px 0 30px 0;
        border-bottom: 1px solid #000;
    }
    .product-particular-solve-a, .product-particular-solve-q{
        width: 100%;
        padding: 30px 0 0 0;
        
    }
    .ptop{margin: 3% 0 0;font-size: 16px;}
    .product-particular-solve-q p{line-height: 30px;font-size: 16px;}
    .product-particular-solve-a h5,.product-particular-solve-q h6{
        font-size: 14px;
        margin: 22px 0 0 80px;
        word-wrap:break-word;
        word-break:break-all;
        -webkit-word-break:break-all;
        -ms-word-break:break-all;
        -moz-word-break:break-all;
        -o-word-break:break-all;
    }
    .product-particular-solve-a h5{
        font-size: 16px;
        color: #5D5D5D;
        padding: 0 0 30px 0;
        border-bottom: 1px dashed #a6a6a6;
        font-weight: 600;
    }
    .product-particular-solve-q h6{
        color: #5D5D5D;
        font-size: 16px;
        padding-bottom: 30px;
        font-weight: 600;
    }
    .product-particular-solve-q{
        margin: 0px 0 0 80px;
/*        background: url(../img/flge/product-particular-solve-a.jpg) no-repeat 0 30px;*/
    }
    .product-particular-solve-a{
        background: url(../img/flge/product-particular-solve-q.jpg) no-repeat 0 30px;
    }
    .pro_d img{width: 100%;vertical-align: top;}
    .nav-item{box-shadow:0 0 5px #000;letter-spacing: 5px;position: fixed;text-align: center;z-index: 888;right: 1%;top: 10px;width: 125px;height: 45px;font-size: 18px;line-height: 45px;background: rgba(255,255,255, 0.8);color: #333;}
    .nav-item img{height: 50%;vertical-align: middle;}
    /*# sourceMappingURL=yunu.css.map */
@media screen and (max-width:768px){
    .nav-item{display:none;}
    .header{width:100%;height:auto;position: relative;opacity:1;}
    .header.headon{height:50px;position: relative;}
    .head_top_content{width:100%;float:none;}
    .header.headon .head_top_content .head_logo{max-width: 100%;}
    .header.headon2{position: fixed;}
    .head_top_content .head_logo{float: none;height: auto;padding-left: 0%;padding-top: 0%;margin: 0 auto;max-width: 640px; width: 100%;position: relative;z-index:2;}
    .head_top_content .head_logo img{width: auto;margin: 2% ;max-height: 35px;display:inherit;}
    .m-nav{display:block;top:1%;}
    .head_nav{display:block;margin:0;height:auto;padding-bottom:10px;width:100%;background:rgba(0,0,0, 0.8);transition: all .3s;position: absolute;top:50px;left:-100%;}
    .head_nav.hover{left:0;}
    .header.headon .head_nav{margin:0;height:100vh}
    .head_nav ul li >a.active{background: none;}
    .head_nav ul li{width:100%;display:block;float:none;max-width:80%;}
    .head_nav ul li:hover{background:#EFEFEF}
    .head_nav ul li>a{text-align:center;padding-left:10%;font-size:12px;}
    .head_nav ul li > a.active .tit1 {
    background: url( '../img/navbg.jpg') no-repeat center bottom/20%;
}
    
    .sublist{position: relative;width:100%;top:0;}
    .sublist .sublist_a{width:85%;padding-left:15%;}
    .sublist .sublist_a a{width:100%;}
    .banner{height:auto;}
    .banner li img{width: 100%;opacity:1}
    .banner_l,.banner_r{display:none;}
    .news_list{padding:0;}
    .news_list ul li{margin:4% 1%;padding:0%;width:98%;border-radius:0}
    .news_list ul li a .img{width:100%;float:none;height:150px;margin:0}
    .news_list ul li a .right{width:98%;float:none;height:auto;padding:1%;}
    .news_list ul li a .news-time{width:20%;padding:2% 0;}
    .news_list ul li a .tit{width:100%;padding:2%;}
    .news_list ul li a .tit p{display:none}
    .pro_list ul li{width:48%;}
    .pro_list ul li a .img{height:100px;}
    .pro_list ul li a span{font-size:12px;line-height:22px;}
    .pro-detail .show_img{float: none;width: 98%;margin:1% auto}
    .pro-detail .content_tit{float: none;width: 98%;margin:1% auto}
    .content_content{width: 98%;margin:1% auto}
    .content_content img{max-width:100%;}
    .pagination .wy,.pagination .sy,.pagination .alink{display: none;}
    .footer{display:none;}
    .page_location{padding:0 1%;}
    .content img{max-width:100%;}
    .nav-list{margin-top:-14%;padding:0}
    .pro_nav{margin-top:13px;}
    .pro_nav li.item{font-size:12px;padding:0;}
    .product-particular-solve-a{padding:15px 0 0 0}
    .product-particular-solve-box{padding:1% 0}
    .product-particular-solve-q{margin:0;padding:30px 0 0 0}
    .product-particular-box h1{font-size:16px;padding:20px 0;}
    .product-particular-solve-q p{font-size:12px;line-height:25px;}
    .product-particular-solve-a h5,.ptop{font-size:14px;}
}
@media screen and (max-width:320px){
    .pro_nav li.item{font-size:12px;}
}