@charset "UTF-8";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}
*{margin:0;padding:0;outline:0}
body,button,input,select,textarea{font:100% Arial, Helvetica, sans-serif, "Myriad Pro"; color:#404040;}
body{font-size:12px; background-color:#fff;}
h1,h2,h3,h4,h5,h6{font-weight:400;font-size:100%}
address,cite,dfn,em,var{font-style:normal}
code,kbd,pre,samp{font-family:courier new,courier,monospace}
small{font-size:10px}ol,ul{list-style:none;margin:0;padding:0}
button,input{line-height:normal}
button,input,select,textarea{margin:0;outline:0;vertical-align:baseline}
cite,em,i,u{font-style:normal}
a,a:hover{text-decoration:none}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
legend{color:#000}
fieldset,img{border:0}
button,input,select,textarea{font-size:100%}
textarea{resize:none}table{border-collapse:collapse;border-spacing:0}
article,aside,audio,details,figcaption,figure,footer,header,hgroup,mark,menu,nav,section,summary,time,video{display:block;margin:0;padding:0}
.clearfix{zoom:1}
.mark{background:#ff0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
.hide{display:none}.show{display:block!important}
.clear:after{content:'\20';display:block;height:0;clear:both}
.clear{float:none!important;clear:both}
.inline-block{display:inline-block}
.fl{float:left;display:inline}
.fr{float:right;display:inline}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
body{overflow-x:hidden}
a{text-decoration:inherit;cursor:pointer}
a:active,a:focus{outline:0}
.menu{display:none;float:right;cursor:pointer;width:90px;text-align:center}




.header{padding:0px 10px; background:#fff; cursor:default; height:123px; border-bottom:3px solid #b8b8b8;}
@media only all and (max-width:480px){.header{padding:0 20px; background-color:#dd000d; height:40px; border-bottom:none;}}
@media only all and (max-width:768px){.header{padding:0 20px; background-color:#dd000d; height:60px;border-bottom:none;}}
@media only all and (max-width:1024px){.header{padding:0 20px; background-color:#dd000d; height:60px;border-bottom:none;}}


.navbar{height:95px; margin:0 auto; width:1100px}
@media only all and (max-width:480px){.navbar{width:100%px; height:40px;}}
@media only all and (max-width:768px){.navbar{width:100%px; height:60px;}}
@media only all and (max-width:1024px){.navbar{width:100%;height:60px}.navbar .navbar-contact,.navbar .navbar-nav{display:none}.navbar .menu{display:block;margin-right:0;margin-top:0;position:absolute;right:0;width:80px;text-align:center;height:95px;padding-top:14px}}
@media only all and (min-width: 1025px) and (max-width: 1200px) {.navbar{width:1000px; height:95px;}}





.navbar-header{width:306px; float:left;}
@media only all and (max-width:480px){.navbar-header{ width:135px;}}
@media only all and (max-width:768px){.navbar-header{ width:185px;}}
@media only all and (max-width:1024px){.navbar-header{ width:185px;}}
@media only all and (min-width: 1025px) and (max-width: 1200px){.navbar-header{ width:220px;}}




.logo{height:95px; background-image:url(../images/index_r1_c2.jpg); background-repeat:no-repeat; cursor:pointer; background-size:auto; display:block}
.logo:hover{background-image:fasle}
@media only all and (max-width:480px){.logo{background-repeat:no-repeat; background-size:100%!important; background-position:0px; cursor:pointer; height:40px; background-image: url(../images/x-logo.png); width:135px; }}
@media only all and (max-width:768px){.logo{background-repeat:no-repeat;background-size:80%; background-position:0px;cursor:pointer; height:60px;background-image: url(../images/z-logo.png); width:185px;}}
@media only all and (max-width:1024px){.logo{background-repeat:no-repeat;background-size:100%; background-position:0px;cursor:pointer; height:60px ;background-image: url(../images/z-logo.png); width:185px;}}
@media only all and (min-width: 1025px) and (max-width: 1200px) {.logo{background-repeat:no-repeat;background-size:100%; background-position:0px;cursor:pointer; height:95px ;background-image: url(../images/d-logo.png); width:220px;}}


.top11{ width:465px; float:right; height:65px; }
.top11 span{ font-size:16px; font-family:Arial, Helvetica, sans-serif, "Myriad Pro"; color:#898989; margin-left:35px; display:inline; line-height:65px;}
.top11 p{ width:155px; float:right; }
.top11 p label{position:absolute; top:0px;}
.top11 select{ width:155px; margin-top:23px; }
.top11 option{ color:#454545;}

.navbar-nav{height:95px;float:right; width:765px;}



.navbar-nav ul{margin:0;padding:0;border:0;overflow:hidden; float:right; border-top:1px solid #e2e2e2; width:100%}
.navbar-nav ul li{list-style-image:none; list-style-type:none; display:inline-block ;vertical-align:middle; white-space:nowrap; margin-left:37px; padding:16px 0px 0px 0px; float:left;}
.navbar-nav ul li a{cursor:pointer; font-size:14px;font-weight:500;color:#454545;vertical-align:middle; font-family:Arial, Helvetica, sans-serif, "Myriad Pro";}
.navbar-nav ul li a:hover{ color:#FF0000; }


.nav-mobile{display:none}
.nav-mobile ul{margin:0;padding:0;border:0;overflow:hidden;background:#e83828}

.nav-mobile ul li{border-bottom:1px solid #b51608}
.nav-mobile ul li:hover{ background-color:#e51c0a;}
.nav-mobile ul a{width:100%;height:10px;padding:10px 0 16px 26px;display:inline-block; color:#fff;cursor:pointer}

.nav-mobile ul li.active{background-color:#bd180a}


.L_mu_subnav{background:url(images/2nav_b.png); width:240px; height:485px; position:absolute; margin-top:0px; padding-top:18px; z-index:9999; left:46%; overflow:hidden; display:none; background-color:#000000;}
@media only all and (max-width:1024px){.L_mu_subnav{display:none}}

.L_mu_subnav ul li{ line-height:34px; width:80%; margin:0px auto; font-family:Arial, Helvetica, sans-serif, "Myriad Pro"; font-size:13px; border-bottom:1px solid #171717;}
.L_mu_subnav ul li span{ color:#ffea00;}




.jianrong{ display:none;}

@media only all and (max-width:1024px){.jianrong{ display: block; background:#aa0000; width:100%;}.jianrong li{ line-height:30px; width:19.5%; float:left; text-align:center; border-right: 1px solid #b90404} .jianrong li a{ color:#fff;}}




.footer1{ width:100%; background-color:#dfdfdf; margin-top:20px;}
.footer1_n{ width:1100px; margin:0px auto; padding:12px 0px;}

.footer1_n_l{ width:420px; float:left;}

.footer1_n_l img{ margin-right:12px; float:left; display:inline; }
.footer1_n_r{ float:right; width:215px;}
.footer1_n_r span{ padding-top:10px; font-size:16px; color:#575757; font-family:Arial, Helvetica, sans-serif, "Myriad Pro";}
.footer1_n_r a{ margin-left:8px;}
@media only all and (min-width: 0px)and (max-width: 450px){.footer1{ display:none;}}
@media only all and (min-width: 451px) and (max-width: 700px){.footer1_n{width:95%; margin:0px auto;}.footer1_n_r{ display:none;}}
@media only all and (min-width: 701px) and (max-width: 870px){.footer1_n{width:95%; margin:0px auto;} }
@media only all and (min-width: 871px) and (max-width: 1024px){.footer1_n{width:95%; margin:0px auto;}}
@media only all and (min-width: 1025px) and (max-width: 1200px){.footer1_n{width:1000px;}}



.footer2{ width:100%; background-color:#9d9d9d; padding:20px 0px; border-top:4px solid #bebebe; color:#fff;}
.footer2_p1{ width:1100px; margin:0px auto; line-height:24px; font-family:Arial, Helvetica, sans-serif, "Myriad Pro"; font-size:14px;}
.footer2_p1 a{ color:#fff; margin-right:15px;}
.footer2_p1 span{ float:right;}
.footer2_p2{ display:none;}

@media only all and (min-width: 0px) and (max-width: 800px){.footer2_p2{ display: block; line-height:24px; text-align:center;} .footer2_p1{ display:none;}}
@media only all and (min-width: 801px) and (max-width: 870px){.footer2_p1{width:95%; margin:0px auto;}.footer2_p1 span{ float: none;}}
@media only all and (min-width: 871px) and (max-width: 1024px){.footer2_p1{width:95%; margin:0px auto;}}
@media only all and (min-width: 1025px) and (max-width: 1200px){.footer2_p1{width:1000px;}}