/*reset-start*/
@charset "utf-8";


@font-face {
  font-family: "Alibaba-PuHuiTi-Regular";
  src: url("../font/Alibaba-PuHuiTi-Regular.woff") format("woff"),
 
       url("../font/Alibaba-PuHuiTi-Regular.eot") format("embedded-opentype"),
       url("../font/Alibaba-PuHuiTi-Regular.otf") format("opentype");
}



html{ overflow-x:hidden; font-size:14px; font-family:'Alibaba-PuHuiTi-Regular'; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0; }
table{border-collapse:collapse;border-spacing:0;}
body { margin:0 auto;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{ font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
input,button,textarea,select,optgroup,option{ font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}
body{font:12px/1.231;}
select,input,button,textarea,button{font:99%;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{ *font-size:108%;line-height:100%;}
/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;}
h3 { font-size:20px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:10px;}

a { color:#666; text-decoration:none;  blr:expression(this.onFocus=this.blur())}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
a:hover {text-decoration:none;}
p {text-align:justify; text-justify:inter-ideograph; white-space: normal; }
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0; overflow:hidden;}
.tr { text-align:right;}
.tl { text-align:left;}
.pr { position:relative;}
.pa { position:absolute;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}

.ys3 { opacity:0.3;}
.ys5 { opacity:0.5;}

.fz30 { font-size:3.0vw;} /*英文小标题24px*/
.fz35 { font-size:3.5vw;} /*正文字体28px*/
.fz37 { font-size:3.75vw;} /*小标题30px*/
.fz75 { font-size:7.5vw;} /*大标题60px*/

.t1s { -webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all 1s;}
.tt { -webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all 1s;}
.tt img { -webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all 1s;}
.yy img { -moz-box-shadow: 0px 0px 20px 1px #8c8883; box-shadow: 0px 0px 20px 1px #8c8883;}

/* 公用 */
.content { width: 1700px; margin: 0 auto;}

@media screen and (max-width:1750px){
.content { width: 96%;}
}

.pcxs { display: block!important;}
.mobile { display: none!important;}
@media screen and (max-width:900px) {
.pcxs { display: none!important;}
.mobile { display: block!important;}
}

/* 头部 */
.header { width:100%; float:left; height:95px; line-height:95px; font-size:18px; background:rgba(255,255,255,0.9);transition: all 0.5s; position:fixed; top:0; left:0; z-index:999999999999;  }
.header .content { position:relative;}

.logo { width:25%; float:left;}
.logo img { display:block; height:65px; margin-top:15px; webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;}

.nav { width:58%; float:right; text-align:right;}
.nav a { color:#636363; margin:0 2%;}
.nav a.nav_cur{ color:#002b61;}

.t_cal { width: 15%; height: 36px; float:right; margin-top: 30px;}
.t_cal_xs { position: absolute; right: 220px;background: #fff;top: 95px;padding: 0px 15px;border-radius: 8px; opacity: 0; border: 1px solid #e2e1e1; z-index:999;  line-height: 40px;}
.t_cal:hover .t_cal_xs { opacity: 1;}

@media screen and (max-width:1750px){
.t_cal { width: 6%; text-align: right;}
.t_cal_xs { right: 0px;}
}

@media screen and (max-width:1300px){
.nav { width: 68%;}
.nav a { width:0 1%;}
}

@media screen and (max-width:1050px){
.header { font-size: 16px;}
}

/*banner*/
.s_banner { width:100%; float:left;}
.s_banner img { display: block; width: 100%;}

/* 第一部分-展示 */
.m1_bt { width: 100%; float: left; height: 65px; line-height: 65px; font-size: 24px; color: #313131;
 margin: 20px auto 40px;}
.m1_bt div { width: 23%; float: left; margin-right: 2.5%; border-bottom: 1px solid #aeaeae; text-indent: 40px;}
.m1_bt div:nth-child(4) { margin-right: 0;}
.m1_bt div em { display: block; width: 45px; height: 65px; float: right; background: url(/images/m1btm.png) no-repeat center center;}
.m1_bt div.active { color: #002b61; border-bottom: 1px solid #002b61;}
.m1_bt div.active a span{color: #002b61;}
.m1_bt div span{ color:#313131;}
.m1_bt div.active em { background: url(../img/m1btmm.png) no-repeat center center;}
.m1_bt div:nth-child(1) { background: url(../img/m1bt1.png) no-repeat center left; background-size:23px;}
.m1_bt div:nth-child(2) { background: url(../img/m1bt2.png) no-repeat center left;background-size:23px;}
.m1_bt div:nth-child(3) { background: url(../img/m1bt3.png) no-repeat center left;background-size:23px;}
.m1_bt div:nth-child(4) { background: url(../img/m1bt4.png) no-repeat center left;background-size:23px;}




#m1_nr { width: 100%; float: left; }
#m1_nr img { display: block; max-width: 49%; float: left; margin-right: 2%;border-radius: 5px;}
#m1_nr img:nth-child(2) { margin-right: 0;}


@media screen and (max-width:1380px){
.m1_bt div em{width: 25px;}
.m1_bt{font-size: 22px;}
}


@media screen and (max-width:1220px){
.m1_bt div{
    text-indent: 30px;}
}

@media screen and (max-width:1150px){
.m1_bt div{width: 24%;
    float: left;
    margin-right: 1.3%;
    border-bottom: 1px solid #aeaeae;
    text-indent: 25px;}
	
.m1_bt div span{ font-size:20px;}

.m1_bt div em {  width: 15px; }
}

@media screen and (max-width:1010px){
	
.m1_bt div span{ font-size:18px;}
}





/* 第二部分-产品 */
.product_content { width: 100%; float: left;}
.product_container { width: 100%; float: left; background: #f5f5f5; border-top: 1px solid #dcdcdc; padding: 40px 0 80px 0;}

.m2ta { width: 100%; float: left; height: 55px; line-height: 55px; margin: 55px auto 25px;}
.m2ta span { display: block; float: left; font-size: 32px; color: #002b61;}
.m2ta em { display: block; float: left; font-size: 22px; color: #002b61; border-bottom: 2px solid #002b61; margin-left: 20px; padding-right: 25px; background: url(../img/jtx.png)no-repeat right center; background-size: 20px;padding-left: 8px;transition: all 0.5s;}

.m2ta em.guan{ background:url(../img/cha.png) no-repeat right center;transition: all 0.5s;background-size: 20px;}

.m2tb { width: 100%; float: left; height: 65px; line-height: 65px; padding-bottom: 4px;}
.m2tb div a { padding-right: 5%; float: left; font-size: 22px; color: #535353;margin-right: 1%;}
.m2tb div.active a { border-bottom: 5px solid #002b61; color:#002b61;}
.m2tb span { font-size: 22px;}
.m2tb span a{color: #535353;}


.product_word_content{ width:100%; overflow:hidden;}

.product_word_content ul li{ width:31.29%; float:left; margin:3% 3.05% 0 0; position:relative;}






.product_word_content ul li:nth-child(3n){ margin-right:0;}




.product_word_content ul li img{ max-width:39.66%; height:auto; display:block; float:left; border-radius:50%;}

.product_word_right{ width:55%; overflow:hidden; float:right;  position:absolute;
        left:70%;
        top:50%;
        transform: translate(-50%,-50%); 
        -ms-transform: translate(-50%,-50%);  /* IE9及以上支持 */
        -webkit-transform: translate(-50%,-50%);    /* Safari and Chrome */
        -o-transform: translate(-50%,-50%);     /* Opera */
        -moz-transform: translate(-50%,-50%);       /* Firefox */}

.product_word_right h3{ font-size:22px; line-height:30px; border-bottom:2px solid #c8c8c8; font-weight:normal; color:#002b61; letter-spacing:1px; box-sizing:border-box; padding-left:8px; padding-bottom:12px;text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;}

.product_word_right p{ font-size:16px; line-height:22px; color:#626262; letter-spacing:1px; padding-left:8px; box-sizing:border-box; margin-top:18px;text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;}

.product_word_right p b{ font-size:22px; line-height:30px; color:#002b61; margin-left:8px;}



@media screen and (max-width:1600px){

.product_word_content ul li{}

.product_word_right h3{font-size:20px;padding-bottom:10px;}

.product_word_right p{font-size:13px; margin-top:10px;}
.product_word_right p b{ font-size:19px;}
}


@media screen and (max-width:1100px){
.product_word_content ul li{ width:48.5%; float:left; margin:3% 3% 0 0; position:relative;}

.product_word_content ul li:nth-child(3n){ margin-right:3%;}

.product_word_content ul li:nth-child(2n){ margin-right:0;}

}


/*产品箭头导航*/

.product_list{ width:100%; overflow:hidden; display:none; border:1px solid #ccc; box-sizing:border-box;margin-bottom: 10px;}
.product_list ul{ width:96%; overflow:hidden; margin:1% auto;}
.product_list ul li{ width:20%; float:left; font-size:18px; line-height:50px;}

.product_list ul li a{ color:#002b61;}


@media screen and (max-width:1200px){

.product_list ul li{ width:25%;}
}

@media screen and (max-width:980px){

.product_list ul li{ width:25%;}
}


/* 第三部分-品牌 */
.about_content { width: 100%; float: left; height: 400px; background: url(../img/main3_bg.jpg) no-repeat center top; position:relative;}
.about_content .content { position:relative;}
.m3nr { width: 600px; height: 150px; top: 160px; left: 0; position: absolute; z-index: 10;}
.m3nr h3 { width: 100%; float: left; font-size: 40px; color: #313131; font-weight: bold; margin-bottom: 15px;}
.m3nr h3 i { font-style: normal; font-size: 26px; margin-left: 10px; font-weight:normal; }
.m3nr p { font-size: 16px; line-height: 28px; color: #626262;letter-spacing: 1px;}




/* 第四部分-优势 */
.advantage_content { width: 100%; float: left; padding: 60px 0;}
.m4_bt { width: 100%; float: left; height: 60px; line-height: 60px; font-size: 32px; color: #002b61; margin-bottom: 50px;}
.advantage_content ul { width: 100%; float: left;}
.advantage_content ul li { width: 18%; min-height: 265px; border-radius: 6px; overflow: hidden; float: left; margin-right: 9%; background: #fff;}
.advantage_content ul li:nth-child(4) { margin-right: 0;}
.advantage_content ul li img { display: block;  margin: 0 auto;}
.advantage_content ul li h3 { padding:20px 5% 10px 5%; display: block; font-size: 20px; color: #002b61; line-height: 26px; text-align: center;}
.advantage_content ul li p { padding:0 2%; margin-bottom: 25px;font-size: 16px; color:#535353; line-height: 25px; text-align: center;}

@media screen and (max-width:1200px){
.advantage_content ul li { width: 23%; margin-right:2%;}

}

@media screen and (max-width:900px){
.advantage_content { padding: 20px 0 5px 0;}

.m4_bt {
  
    height: 60px;
    line-height: 60px;
    font-size: 22px;
    color: #002b61;
    margin-bottom: 0px;
}

.advantage_content ul li { width: 49%; min-height: auto; margin-right: 2%; margin-bottom: 25px;}
.advantage_content ul li:nth-child(2n) { margin-right: 0;}

.advantage_content ul li h3 {
    padding: 20px 5% 10px 5%;
    display: block;
    font-size: 18px;
    color: #002b61;
    line-height: 26px;
    text-align: center;
}


}

@media screen and (max-width:560px){

.advantage_content ul li img{ display:block; margin:0 auto; width:38%;}

.advantage_content ul li p{padding: 0 2%;
    margin-bottom: 10px;
    font-size: 14px;
    color: #535353;
    line-height: 20px;
    text-align: center;}
}

/* 第五部分-新闻 */
.news_content { width: 100%; float: left; background: #f5f5f5; padding: 60px 0;}
.m5_bt { width: 100%; float: left; height: 60px; line-height: 60px; font-size: 32px; color: #002b61;}
.news_content ul { width: 100%; float: left; margin-top:2%;}
.news_content ul li { width: 23.6%; /*min-height: 365px;*/ border-radius: 6px; overflow: hidden; float: left; margin-right:1.8%; background: #fff;  box-shadow:0px 1px 6px  #dfdfdf;}
.news_content ul li:nth-child(4) { margin-right: 0;}
.news_content ul li img { display: block; width: 100%;}
.news_content ul li h3 { padding:20px 5%; display: block; font-size: 18px; color: #002b61; line-height: 26px; font-weight:normal;text-overflow: ellipsis;
white-space: nowrap; 
overflow:hidden;}
.news_content ul li p { padding:0 5%; margin-bottom: 25px;font-size: 14px; color:#002b61; line-height: 25px;}

@media screen and (max-width:1200px){
.news_content ul li { min-height: auto;}
.news_content ul li h3 {padding: 10px 5%; font-size: 16px; text-overflow: ellipsis;
white-space: nowrap; 
overflow:hidden;}

}




@media screen and (max-width:1000px){
.news_content ul li { width: 49%; margin-right: 2%; margin-bottom: 25px;}
.news_content ul li:nth-child(2n) { margin-right: 0;}

}


@media screen and (max-width:900px){
.news_content{padding: 20px 0;}
.m5_bt{ font-size:22px;}

}



@media screen and (max-width:560px){

.m5_bt { }
.news_content ul li { width: 100%; margin-right:0; }

}
/* 底部导航 */
.footer_nav { width: 100%; height: 105px; padding: 45px 0 30px 0; float: left;}
.footer_nav ul { width: 100%; float: left;}
.footer_nav ul li { width: 25%; float: left;}
.footer_nav ul li h3 { display: block; width: 100%; height: 50px; line-height: 50px; font-size: 24px; color: #002b61; font-weight: bold; text-indent: 50px; margin-bottom: 15px;}

.footer_nav ul li.foot_dhc{ width:30%;}

.footer_nav ul li.foot_dhd{ width:20%;}

.foot_dha h3 { background: url(../img/foot_dha.png) no-repeat left center;}
.foot_dhb h3 { background: url(../img/foot_dhb.png) no-repeat left center;}
.foot_dhc h3 { background: url(../img/foot_dhc.png) no-repeat left center; margin-bottom: 8px!important;}

.foot_dhd h3 { background: url(../img/foot_dhd.png) no-repeat left center;margin-bottom: 8px!important;}

.footer_nav ul li a { font-size: 16px; color: #707070;}

.foot_dha a { margin-right: 5px; padding-right: 5px; border-right: 2px solid #ccc;}
.foot_dha a:nth-last-child(1) { border: none;}
.foot_dhb a { margin-right: 5px; padding-right: 5px; border-right: 2px solid #ccc;}
.foot_dhb a:nth-last-child(1) { border: none;}

.foot_dhc img { display: block; max-height: 35px; float: left; margin: 0 10px 0 0;}

.foot_dhd { position:relative;}
.foot_dhd a { height: 30px; overflow: hidden; display: block; float: left; }
.foot_dhd img { display: block; max-height: 30px; margin: 0 3px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.foot_dhd a:hover img.fuhao_1,.foot_dhd a:hover img.ding_1 { margin-top: -30px;}

.fuwu_weixin{ width:157px; height:167px; background:url(../img/weixin_bg.png) no-repeat; position:absolute; left:5px;top:135px; opacity:0; transition: all 0.5s;z-index:9999999999;  }

.dingyue_weixin{ width:157px; height:167px; background:url(../img/weixin_bg.png) no-repeat; position:absolute; top:135px; left:85px;opacity:0;transition: all 0.5s;z-index:999999999; }

.fuwu_weixin img,.dingyue_weixin img{ height:auto; display:block; margin:15px auto 0 auto; max-height:146px;}

.foot_dhd a.fuwu:hover .fuwu_weixin,.foot_dhd a.dingyue:hover .dingyue_weixin{ display:block;top:95px; opacity:1;transition: all 0.5s;}



@media screen and (max-width:1300px){
.footer_nav ul li { width: 33.333%;}
.foot_dhb { display: none;}

.footer_nav ul li.foot_dhc{ width:41%;}

.footer_nav ul li.foot_dhd{ width:25%;}

}

@media screen and (max-width:900px){
	
	.footer_nav{padding: 20px 0 20px 0;}
.footer_nav ul li { width: 50%;}
.foot_dha { display: none;}
.footer_nav ul li.foot_dhc{ width:60%;}

.footer_nav ul li.foot_dhd{ width:40%;}

.fuwu_weixin{ display:none;}
.dingyue_weixin{display:none;}

.foot_dhd a.fuwu:hover .fuwu_weixin,.foot_dhd a.dingyue:hover .dingyue_weixin{ display:block;}

}

@media screen and (max-width:750px){
.foot_dhc img { width: 40%; margin: 0 2%;}
}

@media screen and (max-width:560px){
	
	
	.footer_nav{ height:auto;}
	.footer_nav ul li.foot_dhc{ display:none;}
	.footer_nav ul li.foot_dhd{ width:100%;}
	
	.footer_nav ul li h3 {
    display: block; width:auto; 
    
   float:left; margin-right:1.2%; font-size:22px; font-weight:normal; text-indent:45px;
}

@media screen and (max-width:360px){
	
.foot_dhd h3{background-size: 32px;}
.footer_nav ul li h3{text-indent: 40px;}

}

.foot_dhd a{height: 30px;
    overflow: hidden;
    display: block;
    float: left; margin-top:10px;}
	
	
	.fuwu_weixin{ width:90px; height:96px; background:url(../img/weixin_bg.png) no-repeat; position:absolute; background-size:100%; left:45%;top:135px; opacity:0; transition: all 0.5s; display:none;}

.dingyue_weixin{ width:90px; height:96px; background:url(../img/weixin_bg.png) no-repeat; background-size:100%;position:absolute; top:70px; left:67%; opacity:0;transition: all 0.5s;display:none;}

.fuwu_weixin img,.dingyue_weixin img{ height:auto; display:block; margin:10px auto 0 auto; max-height:146px; width:92%;}
	
	.foot_dhd a.fuwu:hover .fuwu_weixin,.foot_dhd a.dingyue:hover .dingyue_weixin{ display:block;top:50px; opacity:1;transition: all 0.5s;display:block;}
	

}

@media screen and (max-width:360px){

.dingyue_weixin{  left:74%; }

.fuwu_weixin{left:48%; }
}

/* 底部 */
.foot_bg { width: 100%; float: left; background: #002b61; padding-top: 30px;}

.foot_a { width: 100%; float: left; margin-bottom: 40px;}
.foot_a input.sou_a { width: 380px; height: 65px; line-height: 65px; border-bottom: 1px solid #ccc; background: #002b61; border-top: none; border-left: none; border-right: none;text-indent: 10px; color: #fff; outline:none; font-size:16px;}
.foot_a input.sou_b { width: 35px; height: 66px; line-height: 66px; border-bottom: 1px solid #ccc; background:url(../img/ss.png) no-repeat center 28px #002b61; background-size: 20px;border-top: none; border-left: none; border-right: none; margin-left: -5px; outline:none;}

.foot_a input::-webkit-input-placeholder { /* WebKit browsers */ color: #fff; }
.foot_a input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #fff; }
.foot_a input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #fff; }
.foot_a input:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #fff; }

/**/
.foot_b { width: 100%; float: left; color: #fff; margin-bottom: 30px; }
.foot_b a { color: #fff;}
.foot_b span { display: block; width: 100%; height: 55px; line-height: 55px; border-bottom: 1px solid #fff; font-size: 16px; margin-bottom: 15px; }
.foot_b1 span { height: 80px; margin-bottom: 15px; border: none;}
.foot_b1 span img { display: block; width: 100%;}
.foot_a1nr { line-height: 23px;}

.foot_a1nr p{ font-size:13px; line-height:23px;}
.foot_b ul li { line-height: 30px;}

.foot_b1 { width: 23%; float: left; margin-right: 4%;}
.foot_b2 { width: 15%; float: left; margin-right: 4%;}
.foot_b3 { width: 15%; float: left; margin-right: 4%;}
.foot_b4 { width: 15%; float: left; margin-right: 4%;}
.foot_b5 { width: 15%; float: left;}

@media screen and (max-width:1200px){
.foot_b1 span { height: auto;}
.foot_b1 { width: 26%; }
.foot_b2 { width: 19%; }
.foot_b3 { width: 19%; }
.foot_b4 { width: 19%; }
.foot_b5 { display: none;}

}

/**/
.foot_c { width: 100%; float: left; color: #fff; font-size: 16px; overflow:hidden;}
.foot_c span { width: 100%; float: left;height:50px; line-height: 50px; border-bottom: 1px solid #fff;}
.foot_c span a{ color:#fff; margin-right:1%; font-size:15px;}
.foot_c ul { width: 100%; float: left; height: 85px; line-height: 85px;}
.foot_c ul li { float: left; margin-right: 5%; color:#fff;}
.foot_c ul li.foot_c1 { width: 20%; }
.foot_c ul li.foot_c2 { width: 15%; }
.foot_c ul li.foot_c3 { width: 15%; }
.foot_c ul li.foot_c4 { width: 11%; }
.foot_c ul li.foot_c5 { width: 19%;float: right; margin-right:0; margin-top:5px; }


@media screen and (max-width:1500px){
.foot_c1 { display: none;}
.foot_c ul li.foot_c2 { width: 20%; }
.foot_c ul li.foot_c3 { width: 20%; }
.foot_c ul li.foot_c4 { width: 20%; }
.foot_c ul li.foot_c5 { width: 23%; }
}

@media screen and (max-width:1200px){
.foot_c1 { display: none;}
.foot_c ul li.foot_c2 { display: none;}
.foot_c ul li.foot_c3 { width: 30%; }
.foot_c ul li.foot_c4 { width: 30%; }
.foot_c ul li.foot_c5 { width: 30%; }
}

/* 手机端导航开始 */

.pcxs { display: block;}
.mobile { display: none;}
@media screen and (max-width:900px) {
.pcxs { display: none!important;}
.mobile { display: block!important;}
}
.xf_header { width: 100%; float: left;  height: 9vh;}
.xf_footer { width: 100%; float: left; height: 11vh;}


.xf_hei{ display:none;}
.mobile_address{ display:none;}
/*------手机端样式-------*/

@media screen and (max-width:900px) {
/*头部K*/
.header { width:100%; height:6vh; background:#fff; color:#dcdcdc; position:fixed;; padding:1.5vh 0; overflow:hidden; z-index: 9999999;}
.header img { height: 4vh; display:block; margin:0 auto;}
.header .top_dh { width:20%; float:left;position: relative;top: 50%;transform: translateY(-50%); }
.header .mobile_logo { width:60%; display:block; float:left; text-align:center; color:#FFF; font-size:3vh; font-weight:normal;position: relative;top: 50%;transform: translateY(-50%); }
.header .mobile_logo a { color:#FFF;}
.header .top_ss { width:20%; float:left;position: relative;top: 50%;transform: translateY(-50%); }
.header .mobile_logo img { height:6vh;}

/*导航*/
.nav_bg_m { position:fixed; left:-50%; width:50%; height:91vh; overflow-x:hidden; top:0; z-index:9999998; background:url(../img/mobile_bg.jpg) center center;
 -webkit-transition: all 1.0s;
  -moz-transition: all 1.0s;
  -o-transition: all 1.0s;
  transition: all 1.0s;
  background-size:cover;
   padding-top:9vh;

}
.nav_gb_m { position:fixed; right:-100%; width:50%; height:100vh; overflow-x:hidden; top:0; z-index:9999998; background:rgba(0,0,0,0.8);
 -webkit-transition: all 1.0s;
  -moz-transition: all 1.0s;
  -o-transition: all 1.0s;
  transition: all 1.0s;
   background-size:cover; 
}
.nav_gb_m p { font-size:6vw; color:#fff; z-index:9999; right:5vw; top:12vh; position:absolute;}
.mobile_logo2 { width:90%;    margin: 3vh auto 2vh auto;}
.mobile_logo2 img { width: 70%; margin-left: 15%; display:block;}
.nav { display:block; float:right; width:100%; text-align:center;  }
.nav li { width: 70%;display: block;float: left;height: 5.5vh;line-height: 5.5vh;position: relative;font-size: 16px;padding: 0 15%;}
.nav li a { color:#2b2b2b;  width: 100%; height: 0.45rem;}
.nav li.cur { background:none;}
.nav li.cur a { color:#216833; width: 100%;height: 100%; }


/*底部悬浮导航*/
.xf_hei{width:100%; height:11vh; float:left; overflow:hidden; display:block; }
.xf_dh { width:100%; height:11vh; float:left; font-size:0.14rem; overflow:hidden; background:url(../img/xf_dh_bg.jpg) no-repeat center center #141418; background-size:123%; position:fixed; bottom:0; left:0; z-index:99999;}
.xf_dh li { width:20%; height:100%; display:block; float:left; background-size:4.5vh;}
.xf_dh li a { display:block; padding-top:7vh; height:4vh; line-height:3vh; text-align:center; color:#FFF; font-size:1.6vh;}
.xf_dh_a { background:url(../img/xf_dh_a.png) no-repeat center 1.8vh;}
.xf_dh_b { background:url(../img/xf_dh_b.png) no-repeat center 1.8vh;}
.xf_dh_c { background:url(../img/xf_dh_c.png) no-repeat center 1.8vh;}
/* .xf_dh_c a { color:#fdd228!important;} */
.xf_dh_d { background:url(../img/xf_dh_d.png) no-repeat center 1.8vh;}
.xf_dh_e { background:url(../img/xf_dh_e.png) no-repeat center 1.8vh; }

.sg_xiang { width:100%; height:auto; padding:2vh; text-align:left; overflow:hidden; background:#3d3d3d;  box-sizing:border-box;}
.sg_xiang .m_ewm { margin:3vw 0;}
.sg_xiang .m_ewm img { width:40%; margin:0 5%; display:block; float:left}

.sg_xiang p {font-size:14px; line-height:25px; color:#fff;}
.sg_xiang p a {color:#fff;}

/*底部地址*/


.mobile_address { width:100%; height:auto; padding:2vh; text-align:left; overflow:hidden; background:#3d3d3d;  box-sizing:border-box; display:block;}


.mobile_address p {font-size:14px; line-height:25px; color:#fff;}
.mobile_address p a {color:#fff;}




/*第一部分*/


.m1_bt{ height:auto; line-height:45px;    margin: 20px auto 20px;}

.m1_bt div{width: 46%;margin: 0 2%; text-indent:35px; font-size:19px; height:45px;}

.m1_bt div em{height: 45px;}

/*产品导航*/
.product_list ul li{ width:33.3333%;}


.m2ta{margin: 20px auto 10px; height:40px; line-height:40px;}
.m2ta span{ font-size:22px;}
.m2ta em{ font-size:18px; line-height:40px;}


.m2tb{ height:auto; line-height:normal; margin:2% 0;}

.m2tb .xm{ width:25%; float:left;}


.m2tb .xm:nth-child(2){width:30%;}
.m2tb .xm:nth-child(4){width:20%;}
.m2tb div a{ font-size:16px; line-height:30px; width:100%; padding-right:0;}

.m2tb div.active a{ border-bottom:none;}

.m2tb span{ display:none;}

/*产品列表*/

.product_container{    padding: 20px 0 30px 0;}
.product_word_content ul li{ margin-top:4%;}


.product_word_right h3{font-size:16px;padding-bottom:5px;}

.product_word_right p{font-size:14px; margin-top:5px;}

.product_word_right p span{ display:none;}
.product_word_right p b{ font-size:17px;margin-left: 0px;}


/*品牌*/
.about_content {
    height: 300px;
}

.m3nr {
    width: 460px;
    height: 150px;
    top: 90px;
}

.m3nr h3 {
    width: 100%;
    float: left;
    font-size: 28px;   
    margin-bottom: 10px;
}

.m3nr h3 i {
    font-size: 22px;
    margin-left: 10px;
   
}



}

@media screen and (max-width:710px){
.product_list ul li{ width:50%; font-size:16px;}
}

@media screen and (max-width:560px){


/*产品*/

.product_container{    padding: 10px 0 25px 0;}

.product_list ul li{ width:50%; font-size:14px;}

.product_word_content ul li{ width:100%; margin:5% 0 0 0;}

.product_word_content ul li img{max-width: 30.66%;
    height: auto;
    display: block;
    float: left;
    border-radius: 50%;}
	
.product_word_right {
    width: 64%;
    overflow: hidden;
    float: right;
    position: absolute;
    left: 66%;
    top: 50%;}	
	
	
.product_word_right p span{ display:inline-block; margin-right:8px;}

/*品牌*/

.about_content { height: auto; padding: 40px 0;}
.m3nr { width: 95%; height: auto; top: 0px; position: relative; margin:0 auto 0 auto;}
.m3nr h3 {
   
    font-size: 26px;   
    margin-bottom: 10px;
}

.m3nr h3 i {
    font-size: 20px;
    margin-left: 10px;
   
}

.m3nr p{ font-size:13px; line-height:23px;}


}


@media screen and (max-width:500px){

/*第一部分*/

.m1_bt div em{ display:none;}	

.m1_bt div span{ font-size:18px;}

}


@media screen and (max-width:470px){
.m1_bt div {
  
    text-indent: 19px;    background-size: 18px!important;
}
.m1_bt div span{ font-size:15px;}


}


@media screen and (max-width:361px){
.m1_bt div span{ font-size:14px;}
}

/*导航固定*/

.fixed10{ height:80px; line-height:80px; background:rgba(255,255,255,1);border-bottom:1px solid #002b61;}

.fixed10 .logo img{ margin-top:5px;}

.fixed10 .t_cal{ margin-top:20px;}
.fixed10 .t_cal_xs{ top:80px;}

.t5s{-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;}


@media screen and (max-width:900px){

/*第一部分*/

.fixed10{ display:none;}	

}



/*video*/
video{ width:100%;}
.bg-video{ width:100%; overflow:hidden; position:relative; background:#000; z-index:999;}

.video_word{ width:100%; position:absolute; left:0; top:0;}
.video_word img{ width:100%; height:auto;}


.video_word_neirong{ width:100%; position:absolute; top:30%; left:0;
		}
		
img.banner1{  width:25%; height:auto; margin-left:10%; position:absolute; top:30%;}

img.banner2{  width:22%; height:auto; position:absolute; top:30%; right:20%;}

img.banner3{ width:33%; height:auto; left:15%; position:absolute; top:40%;}


img.banner4{ width:25%; height:auto; margin-left:10%; position:absolute; top:30%;}




@media screen and (max-width:900px){


img.banner2{  width:40%; height:auto; position:absolute; top:30%; right:2%;}

img.banner3{ width:45%; height:auto; left:5%; position:absolute; top:35%;}

}


img.xiubanner2{ display:none;}




@media screen and (max-width:900px){

img.xiubanner1,video.video1,.video_word,img.banner1{ display:none;}
img.xiubanner2{ display:block;}

}


#BDBridgeIconWrap{display:none !important;} 
#nb_icon_wrap{display:none !important;}

/*右侧悬浮*/
.contactifix{ position:fixed; right:0; top:40%; z-index:9999999;}
 @media (max-width: 900px) {
.contactifix{
	display: none;
}
}
.contactifix ul li{ border:1px solid #001f50; background:rgba(0,31,80,0.9);border-radius:10px 0 0 10px;  margin-top:5px; float:right; position:relative;}



.contactifix ul li .contact_biao{ float:right; text-align:center; padding:8px 8px 6px 8px; width:48px;}

.contactifix ul li .contact_biao p{ font-size:12px; line-height:20px; color:#fff; text-align:center; width:100%;}


.contactifix ul li:first-child h6,.contactifix ul li.tel656 h6{ float:left; font-size:20px; font-weight:normal; color:#fff; line-height:64px; padding:0 20px 0 18px;transition-duration: .5s;
-ms-transition-duration: .5s;
-moz-transition-duration: .5s;
-webkit-transition-duration: .5s;   margin-right:-500px;opacity:0; height:64px; overflow:hidden; }

.contactifix ul li:first-child:hover h6,.contactifix ul li.tel656:hover h6{transition-duration: .5s;
-ms-transition-duration: .5s;
-moz-transition-duration: .5s;
-webkit-transition-duration: .5s; opacity:1; margin-right:0;opacity:1; }


.contactifix ul li.contact_tel3 .erwei{ width:135px; overflow:hidden; float:left; position:absolute; right:-50px; opacity:0;transition-duration: .5s;
-ms-transition-duration: .5s;
-moz-transition-duration: .5s;
-webkit-transition-duration: .5s;  }
.erwei img{ width:135px; height:135px;}


.contactifix ul li.contact_tel3:hover .erwei{transition-duration: .5s;
-ms-transition-duration: .5s;
-moz-transition-duration: .5s;
-webkit-transition-duration: .5s;opacity:1; right:66px;}



#toTop { display: none;}


@media screen and (max-width:360px){
.product_list ul li{font-size: 13px;}
}