@charset "utf-8";
body{font-family:"微软雅黑"!important;font:14px Microsoft YaHei!important;line-height: 24px;}
body,div,p,span,ul,li,dl,dd,h1,h2,h3,a,input,img{margin:0;padding:0;}
li,ol{list-style:none;}
a,input,img,textarea{border:none;outline:none;}
i,em{font-style:normal;}
a{text-decoration: none;color: #000;}
a:focus{text-decoration: none;}
a:focus, a:hover{ text-decoration: none!important; outline: none;outline-offset:0;}
label{font-weight: normal;width:100%;}
a:focus {outline:none;outline-offset:0;}
.fl{ float:left; }.fr{ float:right; }
.cl:after{ content:""; display:block; height:0; clear:both; visibility:hidden;}
.tl{ text-align:left;}.tc{ text-align:center;}.tr{ text-align:right;}
.transition{-webkit-transition: all  0.3s ease-out;-moz-transition: all  0.3s ease-out;-o-transition: all  0.3s ease-out; transition: all  0.3s ease-out; }
.slick-slide{outline: none!important;height:auto;}
#wrap_index{overflow: hidden;position: relative;}
.moder_leftright_r img{max-width:100%}
@media (min-width: 1420px) {
  .container{width: 1600px;padding: 0;margin:0 auto;}
}
.clearfix:after { content:'\20'; display:block; height:0; clear:both; }
.clearfix { *zoom:1;}
a:hover{ color:#007d6d}


/*header*/
#header{position:relative; background:url(../images/top-by.jpg) top no-repeat;z-index: 90;}
.logo{height:120px;}
.logo a{display:table-cell;width:100%;height:80px;vertical-align:middle;}
.logo img{ max-width:100%;max-height: 100%; }
#header .tel { float:right;  margin-top: 24px;  font-size: 20px;  height: 70px;   color: #007d6d;   padding-left: 70px;  background: url(../images/tel.png) no-repeat left;}
#header .tel .tel_text {  font-size: 14px;  color: #444444;  line-height: 20px; height: 20px;  margin: 12px 0 6px;}
#header .tel .text_number {  font-size: 30px;  color: #007d6d;    line-height: 30px;  height: 30px;font-style:italic; }

#header .pc_Menu{width:100%; background:url(../images/na-by.png) #007d6d  center no-repeat;  }
.pc_Menu .menul{width:100%;height:73px;  padding:0px 10px; }
.pc_Menu .menul .firstli{position:relative;width:14.2857%;float:left;text-align:center;transition:300ms; margin-top:10px;}
.pc_Menu .menul .firstli a{display:block;position:relative;box-sizing:border-box; width:100%;height:50px;line-height:50px;padding:0px 6px;font-size:16px;color:#fff;overflow:hidden;}
.pc_Menu .menul .firstli.cur>a, .pc_Menu .menul .firstli:hover>a{color: #007d6d; background:#fff;border-radius:10px; }
.pc_Menu .secdulBox{display: none;position: absolute;width: 100%; top:60px;left: 50%;transform: translateX(-50%); }
.pc_Menu .secdulBox .secdli a {font-size:14px; padding: 0;height: 33px;line-height: 33px;color: #333;margin-top:5px; background-color:rgba(255,255,255,.9);border-radius:8px;-webkit-transition:300ms;-moz-transition:300ms;-o-transition:300ms; transition: 300ms;}
.pc_Menu .secdulBox .secdli.current a,.pc_Menu .secdulBox .secdli a:hover {color: #fff; background:#007d6d;}
.pc_Menu .menul .firstli:after{opacity: 0; position: absolute;content:"";bottom:-10px;left:50%;transform:translateX(-50%);width: 24px;height: 8px;background:url(../images/ico3.png)no-repeat center;-webkit-background-size: cover;background-size: cover;-webkit-transition: all  0.3s ease-out;-moz-transition: all  0.3s ease-out;-o-transition: all  0.3s ease-out; transition: all  0.3s ease-out; }
.pc_Menu .menul .firstli.cur:after,.pc_Menu .menul .firstli:hover:after{bottom:11px;opacity: 1;}


/*手机头部*/
.model-header{ width: 100%;height:60px;padding: 0 10px;z-index:30; background:#007d6d;}
.model-header .model-header-logo{width:40%;float: left;height:60px;}
.model-header .model-header-logo a{display: table-cell;vertical-align: middle;width: 300px;height:60px;}
.model-header .model-header-logo a img{max-width: 100%;max-height: 100%;}
.model-header .model-navbtn{width: 32px;height:60px;line-height: 42px;float: right;padding:8px 0 16px 0;}
.model-header .model-navbtn img{max-width:100%;}

@media (max-width:991px){
	.logo,.logo a{height:60px;}
	.pc_Menu .menul{height:60px;}
	.pc_Menu .menul .firstli:after{width: 20px;height: 6px;}
	.pc_Menu .menul .firstli.cur:after, .pc_Menu .menul .firstli:hover:after{bottom:8px;}
	.pc_Menu .menul .firstli>a{font-size:14px;height:60px;line-height:60px;padding:0 3px;}
	.pc_Menu .secdulBox{top:60px;border-radius:5px;}
	.pc_Menu .secdulBox .secdli a{font-size:14px;height:32px;line-height:32px;}
}



/*颜色重写*/
/*banner*/
#model_banner .banner_img img{position:relative;}
#model_banner .banner_img a{display:block;width: 100%;overflow: hidden;}
.slick .slick-prev:before,.slick .slick-next:before{ content:""; }
#model_banner .slick-prev,#model_banner .slick-next{width:46px;height:84px;}
#model_banner .slick-prev{opacity:.2;left:60px;z-index:9; background:url("../images/arw.png") no-repeat center;transform:translateY(-50%) rotate(180deg);}
#model_banner .slick-next{opacity:.2;right:60px; background:url("../images/arw.png") no-repeat center;}
#model_banner .slick-prev:hover,#model_banner .slick-next:hover{opacity:1;}
#model_banner .slick-dots li{margin:0 10px;}
#model_banner .slick-dots li button{background: #fff;opacity:.6;}
#model_banner .slick-dots li.slick-active button{background: #fff;opacity:.6;}
#model_banner .slick-dots li.slick-active button:after{position:absolute;content:"";top:50%;left:50%;transform:translate(-50%,-50%); width:18px;height:18px;border:1px solid #cfc7c0;border-radius:50%;}
#model_banner .slick-dots {bottom: 10px;}

.model-textlist-one ul li:hover{border-bottom:1px solid #007d6d;}
.model-textlist-one ul li:hover dt{color:#007d6d;}
.model-textlist-one ul .textlist-lifirst .textlist-text .textlist-more:hover{border:1px solid #007d6d;background:#007d6d url(../images/icon10.png) 90% center no-repeat;}
.updown_fenlei .cont_nav .one .one_a i{background:url(../images/icon4.png) center no-repeat;}
.model-classify-nav .one .o_li .one_a i{background:url(../images/icon6.png) center no-repeat}

.updown_posnav .nav_item a:hover, .updown_posnav .nav_item a.on,#model_contant_main .model_dec_adress a:hover{color:#007d6d;}
.updown_fenlei .cont_nav .one .o_li:hover .one_a, .updown_fenlei .cont_nav .one .o_li a.ez{background-color:#007d6d;}
#model_contant_main .model_dec_adress a:hover,#model_contant_main .model_dec_adress a.cur{color:#007d6d;}
.model-dectil-bottom .model-dectil-chose a:hover{color:#007d6d;}
.model-dectil-img .slick-dots li button{border: 1px solid #007d6d;}
.model-dectil-img .slick-dots li.slick-active button{background:#007d6d;}
.model_seach .model-seachdiv form .seabtn,.model-textlist-three ul li a:before{background:#007d6d;}
.model-textlist-three ul li a:hover, .model-textlist-three ul li a:hover dt{color:#007d6d;}
.model_page a.on, .model_page a:hover,.model_page a.on, .model_page a.current{color:#007d6d;border-bottom: 1px solid #007d6d;}
.model-textlist-four ul li a:hover{background: #007d6d;}
.model-textlist-two ul li a:hover .textlist-l dt,.model-textlist-two ul li a:hover .textlist-l p{color:#007d6d;}
.model-textlist-two ul li a:hover .newtime{background: #007d6d;}
.model-imgtextlist-two ul li a:hover .imgtextlist-r dt,.model-imgtextlist-one ul li a:hover .imgtextlist-l dt,
.model-imgtextlist-three ul li a:hover .imgtextlist-r dt,.model-imgtextlist-three ul li .imgtextlist-r .time p{color:#007d6d;}
.model-imgtextlist-four ul li a:hover .imgtextlist-text,.model-imglist-two ul li a:hover p{background: #007d6d;}
.model-imglist-two ul li .pimg em span{background:#007d6d url(../images/icon7.png) center no-repeat}
.model-imglist-three ul li a:hover{border:2px solid #007d6d;}
.model-imglist-three ul li a:hover p{color:#007d6d;background:url(../images/icon6.png) right center no-repeat;}
.model_leftright_l .cont_nav .one .o_li .one_a i{background:url(../images/icon6.png) center no-repeat;}

/*手机端*/
.model-classify .model-classify-posnav{background:#007d6d;}
/*底部导航*/
.model-fixed{background:#007d6d!important;}
.model-classify-nav .one .o_li a.ez,.model-classify-nav .second a.sen_x{color:#007d6d;}
.model-classify-nav .second a.sen_x:before{background:#007d6d;}
.model-phone-page span i{color:#007d6d;}

.model-leftnav-top{background: #007d6d;}

.model-fixed .fnavbox li a, .fnavbox li dd{color:#fff!important;}
/*左右布局*/
.model_leftright_l .l_posnav{background: #007d6d;}
.model_leftright_l .cont_nav .one .o_li a.one_a:hover, .model_leftright_l .cont_nav .one .o_li a.ez{color:#007d6d;}
.model_leftright_l .cont_nav .second .e_li a:hover, .model_leftright_l .cont_nav .second .e_li a.sen_x{color:#007d6d;}
.model_leftright_l .cont_nav .second .e_li a:hover:before, .model_leftright_l .cont_nav .second .e_li a.sen_x:before{background: #007d6d;}
.model_leftright_l .cont_nav .second .e_li a:hover, .model_leftright_l .cont_nav .second .e_li a.sen_x{color:#007d6d;}
.moder_leftright_r .r_posnav p{border-bottom:4px solid #007d6d;}
.moder_leftright_r .r_posnav span a:hover{color:#007d6d;}
/*内页产品详情箭头*/
.model-dectil-imgtwo .model-dectil-slick2 .slider-nav .slick-prev:before{border-bottom:12px solid #007d6d;}
.model-dectil-imgtwo .model-dectil-slick2 .slider-nav .slick-next:before{border-top:12px solid #007d6d;}
.model-dectil-imgtwo .model-dectil-slick2 .slider-nav .slick-prev:hover{border-bottom:1px solid #007d6d;}
.model-dectil-imgtwo .model-dectil-slick2 .slider-nav .slick-next:hover{border-top:1px solid #007d6d;}
@media (min-width:768px){
	.model-textlist-four ul li .textlist-r dd{color:#fff;}
	.model-imgtextlist-four ul li a:hover .imgtextlist-text p,.model-imgtextlist-four ul li .imgtextlist-text dd{color:#fff;}
}
@media (max-width:640px){
.model-dectil-imgtwo .model-dectil-slick2 .slider-nav .slick-next:after{    border-left: 7px solid #007d6d;}
.model-dectil-imgtwo .model-dectil-slick2 .slider-nav .slick-next{border-left: 1px solid #007d6d;}
.model-dectil-imgtwo .model-dectil-slick2 .slider-nav .slick-prev:after{border-right: 7px solid #007d6d;}
}


/*私下css*/
.index_box .title{margin:0 auto; width:100%;height:156px;  display:inline-block;text-align:center; background:url(../images/title-by.png) center no-repeat; }
.index_box .title b{ color:#007d6d; font-size:24px; font-weight:normal;line-height:24px;text-align:center; margin-top:0px; display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.index_box .title p{line-height:36px;color:#3f3a38;font-size:36px;   text-align:center;text-transform:Uppercase; margin-top:50px;display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }

/*私下css*/
.pro_list{ padding:50px 0px 50px 0px; background:#f5f5f5; position:relative; top:-63px;  }

.pro_list ul{ padding:0px 80px; }
.pro_list ul li{ float:left; width: calc((100% - 0px)/5);padding-left:40px; padding-right:40px;}
.pro_list ul li .pro{ margin:0 auto; text-align:center; padding:12%  0px; border:2px #3f3a38 solid; }
.pro_list ul li .pro b{  padding:0px 0px 0px 0px;font-size:16px; margin-top:3%; text-align:center; color:#3f3a38; transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s;display:block; white-space:nowrap; 
text-overflow:ellipsis; overflow:hidden;}
.pro_list ul li .pro p{ padding:0px 0px 0px 0px;font-size:12px;line-height:24px; height:24px; margin-top:1%;  text-align:center; color:#3f3a38; transition: all .4s;-webkit-transition: all .4s;
-moz-transition: all .4s;display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display: -webkit-box; -webkit-line-clamp:3;-webkit-box-orient: vertical;}
.pro_list ul li .pro span{ text-align:center; -shadow:0 0 0px #e9e9e9; overflow:hidden; display:block; transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s;}
.pro_list ul li .pro span i{margin:0 auto;  font-size:70px; color:#555;}
@media (min-width:640px){
.pro_list ul li .pro:hover span i{color:#fff;}
.pro_list ul li .spro:hover span{ text-align:center; }
.pro_list ul li .pro:hover b{ color:#fff;  }
.pro_list ul li .pro:hover p{ color:#fff;    }
.pro_list ul li .pro:hover{ background:#007d6d; border:2px #007d6d solid; }

}

/*about css*/
.about{margin:0 auto; width:100%; height: auto; padding:0px;}
.about .inter{  margin-top:0px; border:1px #eee solid;  background:#fafafa; }

.about .box_tu{float:left;text-align:center;display: table; }
.about .box_tu .box_img {  height:470px;  display: table-cell; vertical-align: middle; margin:auto;}
.about .box_tu .box_img img{max-width:100%; max-height:100%;  margin:auto;}

.about .box_text{float:right;padding:115px 0px;text-align:center;   border:none; }
.about .box_text .title{margin:0 auto;width:100%; height:156px;  display:inline-block;text-align:center; background:url(../images/title-by.png) center no-repeat;}
.about .box_text .title b{ color:#007d6d; font-size:24px; font-weight:normal;line-height:24px;text-align:center; margin-top:0px; display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.about .box_text .title p{line-height:36px;color:#3f3a38;font-size:36px;   text-align:center;text-transform:Uppercase; margin-top:50px;display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.about .box_text .text{float:left;margin-top:30px;font-size:14px; color: #fff;line-height: 30px;height:240px; text-align:left;text-indent:28px; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp:8;-webkit-box-orient: vertical;margin-bottom: 0px;}


.more {margin:0 auto;display: block;color:#fff;border-radius:30px;  font-size:16px; width: 167px; line-height: 36px;height: 36px;text-align:left; text-indent:24px;  margin-top: 45px;
 background:url(../images/icon17.png) #007d6d right no-repeat; overflow:hidden}
.more a{color:#fff; }
@media (min-width:640px){.more:hover{  width: 167px; line-height: 36px;height: 36px;font-size:16px;color:#fff;  background:url(../images/icon17.png) #555 right no-repeat;}
}


/*.product css*/
.product{margin:0 auto; width:100%; height: auto; padding:0px;}
.product .inter{  margin-top:0px;  border-left:1px #eee solid; border-right:1px #eee solid;border-bottom:1px #eee solid; background:#fafafa; }

.product .box_tu{float:right;text-align:center; display: table;}
.product .box_tu .box_img{ margin:0 auto;  height:470px;  display: table-cell; vertical-align: middle;}
.product .box_tu .box_img img{max-width:100%; max-height:100%;  }

.product .box_text{float:left; padding:115px 0px;text-align:center;   border:none;}
.product .box_text .title{margin:0 auto;width:100%;height:156px;   display:inline-block;text-align:center; background:url(../images/title-by.png) center no-repeat; }
.product .box_text .title b{ color:#007d6d; font-size:24px; font-weight:normal;line-height:24px;text-align:center; margin-top:0px;display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.product .box_text .title p{line-height:36px;color:#3f3a38;font-size:36px;   text-align:center;text-transform:Uppercase; margin-top:50px; display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.product .box_text .text{float:left;margin-top:30px;font-size:14px; color: #fff;line-height: 30px;height:240px; text-align:left;text-indent:28px; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp:8;-webkit-box-orient: vertical;margin-bottom: 0px;}

/*私下css*/
.jion_list{ padding:80px 0px 150px 0px; margin-top:60px;background:#f5f5f5;text-align:center; background-attachment: fixed; background-repeat:no-repeat;   }
.jion_list .title{margin:0 auto; width:100%;height:156px;  display:inline-block;text-align:center; background:url(../images/title-by1.png) center no-repeat;}
.jion_list .title b{ color:#007d6d; font-size:24px; font-weight:normal;line-height:24px;text-align:center; margin-top:0px;display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.jion_list .title p{line-height:36px;color:#a1a0a0;font-size:36px;   text-align:center;text-transform:Uppercase; margin-top:50px; display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.jion_list ul{ padding:0px 80px; }
.jion_list ul li{ float:left; margin-top:60px; width: calc((100% - 0px)/5);padding-left:0px; padding-right:0px;text-align:center;}

.jion_list ul li .jion{ margin:0 auto; width:115px; height:115px; text-align:center; padding:7%  0px; border:1px #fff solid;border-radius:50%; }
.jion_list ul li .b{  padding:0px 0px 0px 0px;font-size:24px; font-weight:normal; margin-top:10px; text-align:center; color:#fff; transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s;display:block; white-space:nowrap; 
text-overflow:ellipsis; overflow:hidden;}
.jion_list ul li .jion p{ padding:0px 0px 0px 0px;font-size:14px;line-height:24px; height:24px; margin-top:30px;  text-align:center; color:#3f3a38; transition: all .4s;-webkit-transition: all .4s;
-moz-transition: all .4s;display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display: -webkit-box; -webkit-line-clamp:3;-webkit-box-orient: vertical;}
.jion_list ul li .jion span{ text-align:center; -shadow:0 0 0px #e9e9e9; overflow:hidden; display:block; transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s;}
.jion_list ul li .jion span i{margin:0 auto;  font-size:70px; color:#fff;}
@media (min-width:640px){
.jion_list ul li .jion:hover span i{color:#007d6d;}
.jion_list ul li .jion:hover span{ text-align:center; }
.jion_list ul lihover b{ color:#007d6d;  }
.jion_list ul li .jion:hover p{ color:#007d6d    }
.jion_list ul li .jion:hover{  border:1px #007d6d solid; border-radius:50%; }

}




.news{padding: 60px 0px;}
.news .inner{margin-top:70px; }
.news .inner ul li{ text-align:center; display:inline;  position:relative; top:0px; }
.news .inner ul li:hover { top:-20px;   transition:0.3s;}
.news .inner ul li a{ display:block}
.news .inner ul li .text { margin-top:0px;color:#333;  background:#fff;  padding:30px 50px; border:1px #eee solid;  }
.news .inner ul li .text  b{line-height: 30px;font-size:16px;font-weight:bold;text-align:left; display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.news .inner ul li .text  p{ margin-top:35px;color:#666;line-height: 24px;height:48px;font-size:14px; text-align:left; padding:0px 0px;overflow: hidden; text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical;}
.news .inner ul li .text  .time{margin-top:70px;color:#999; font-size:14px; text-align:left; line-height:30px; height:30px; background:url(../images/icon18.png) right no-repeat;   }
@media (min-width:640px){
	.news .inner ul li:hover .text{ transition: all  0.3s ease-out; box-shadow: 2px 3px 3px 2px rgba(51,51,51,.1);}
	.news .inner ul li:hover .text  .time{color:#999;  background:url(../images/icon19.png) right no-repeat;}
    .news .inner ul li:hover .text  b{ color:#007d6d  ;line-height: 30px;font-size:16px;  text-align:left; display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }

}

#footer{ background:#007d6d; margin-top:0px; padding:15px 0; text-align:center; color:#fff; line-height:25px;overflow:hidden;}
#footer a{ color:#fff}


.footer{ background:#e8e8e8; overflow:hidden; }
.footNav  {padding:35px 0px 35px 0px;display: inline-block;vertical-align: top;width:75%;}
.footNav li{display: inline-block;vertical-align: top;width:16%;}
.footNav li a{display: block;font-size: 14px;line-height:36px;display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.footNav li h3 a{margin-bottom:5px;font-size: 16px;}
.footNav li a:hover{color:#007d6d;}

.footNa{float: right;width: 21%; padding:49px 0px 49px 0px;    background:#f2f2f2;}
.footNa img{max-height: 100%;max-width: 100%; margin:0 auto;}
.footNa dt{font-size: 16px;width: 160px;height:160px;margin:0 auto;background:#e8e8e8; }
.footNa dd{font-size: 14px;line-height: 24px;padding-top:7px;}

.contact{display: inline-block;vertical-align: top;width:28%;}
.contact h3{font-size: 30px;font-weight: bold;line-height: 40px; color:#4e4e4e;}
.contact p{ line-height: 30px;font-size: 14px;color:#666;height:30px;
    overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:1;}
.contact .con_n{margin-top:12px;}
.contact .hot_zx,.contact .gz_wb{display: inline-block;vertical-align: top;
margin:20px 30px 0 0;width:135px;height:38px;line-height: 38px;text-align: center;border:1px solid #ddd;font-size: 14px;color:#666;}
.contact .hot_zx i,.contact .gz_wb i{display: inline-block;width:20px;height:20px;margin:-3px 10px 0 0;vertical-align: middle;}
.contact .hot_zx i{background: url(../images/w-tel.png) no-repeat center center;}
.contact .hot_zx:hover i{background: url(../images/w-tel-n.png) no-repeat center center;}
.contact .gz_wb i{background: url(../images/w-wb.png) no-repeat center center;}
.contact .gz_wb:hover i{background: url(../images/w-wb-n.png) no-repeat center center;}
.contact .hot_zx:hover,.contact .gz_wb:hover{background: #796b96;border:1px solid #796b96;color:#fff;}

@media (min-width: 1500px) and (max-width: 1699px){
    .container{width: 1430px;}
}
@media (min-width: 1200px) and (max-width: 1499px){
.container{width: 1100px;}
.pro_list ul li {    padding:0px 25px;}
.pro_list ul li .pro { padding:8% 0px;}
.pro_list ul li .pro span i {  font-size: 60px;}

.jion_list ul li .jion {    margin-top: 10px;  }


}
@media (min-width: 992px) and (max-width: 1199px){
.pro_list ul { padding: 0px 50px;}
.pro_list ul li {    padding:0px 15px;}
.pro_list ul li .pro { padding:8% 0px;}
.pro_list ul li .pro span i {  font-size: 60px;}


.index_box .title{  background-size: 35% 70% ; }
.index_box .title b{ font-size:18px;  }
.index_box .title p{line-height:30px;font-size:28px;margin-top:55px; }	

.about .box_text .title{     width: 80%; background-size: 35% 70% ; }
.about .box_text .title b{ font-size:18px;  }
.about .box_text .title p{line-height:30px;font-size:28px;margin-top:55px; }

.product .box_text .title{     width: 80%; background-size: 35% 70% ; }
.product .box_text .title b{ font-size:18px;  }
.product .box_text .title p{line-height:30px;font-size:28px;margin-top:55px; }	

.jion_list .title{    width: 100%;  background-size: 14% 70% ; }
.jion_list .title b{ font-size:18px;  }
.jion_list .title p{line-height:30px;font-size:28px;margin-top:55px; }	
.jion_list ul li {margin-top: 20px;  margin-bottom: 50px; width: calc((100% - 0px)/5); }
.jion_list ul li:nth-child(5){display: block; }
.jion_list ul li .jion { padding: 15% 0px 0% 0px;}
.jion_list ul li .jion b {margin-top: 35px;    font-size: 18px;}
.jion_list ul li .jion span i {font-size: 60px;}


.news .inner {margin-top: 50px;}

.index_box  .title{    width: 100%;  background-size: 14.1% 70% ; }
.index_box  .title b{ font-size:18px;  }
.index_box  .title p{line-height:30px;font-size:28px;margin-top:55px; }		


.more{ width: 145px;margin-top: 25px; }
.more:hover{ width:145px;  }
	}
	
@media (min-width: 768px) and (max-width: 991px){

.index_box .title{  width: 100%;  background-size: 19% 70% ;  }
.index_box .title b{ font-size:18px;  }
.index_box .title p{line-height:30px;font-size:28px;margin-top:55px; }	

.about {margin-top:30px;}
.about .inter{  margin-top:0px; border:0px #eee solid; background:none;  }
.about .box_text{padding:50px 0px 73px 0px;  border-left:1px #eee solid; border-right:1px #eee solid;border-top:1px #eee solid;background: #fafafa;}
.about .box_text .title{    width: 100%;  background-size: 18% 70% ;  }
.about .box_text .title b{ font-size:18px;  }
.about .box_text .title p{line-height:30px;font-size:28px;margin-top:55px; }	
.about .box_tu{border-left:1px #eee solid; border-right:1px #eee solid;border-bottom:1px #eee solid;background: #fafafa;}
.about .box_tu .box_img{ height:415px; }

.product {margin-top:30px;}
.product .inter{  margin-top:0px; border:0px #eee solid; background:none }
.product .box_text{padding:50px 0px 73px 0px;  border-left:1px #eee solid; border-right:1px #eee solid;border-top:1px #eee solid;background: #fafafa;}
.product .box_text .title{   width: 100%;  background-size: 18% 70% ;  }
.product .box_text .title b{ font-size:18px;  }
.product .box_text .title p{line-height:30px;font-size:28px;margin-top:55px; }	
.product .box_tu{border-left:1px #eee solid; border-right:1px #eee solid;border-bottom:1px #eee solid;}
.product .box_tu .box_img{ height:415px; }

.jion_list {  padding: 80px 0px 80px 0px;  margin-top: 30px;  background-position:top;background-attachment: inherit;}
.jion_list .title{   width: 100%;  background-size: 18% 70% ;  }
.jion_list .title b{ font-size:18px;  }
.jion_list .title p{line-height:30px;font-size:28px;margin-top:55px; }	
.jion_list ul {   padding: 0px 30px;}
.jion_list ul li {margin-top: 20px;  margin-bottom: 50px; width: calc((100% - 0px)/2); padding-left: 15px;padding-right: 15px;}
.jion_list ul li:nth-child(5){display:none; }
.jion_list ul li .jion { padding: 7% 0px 0% 0px;}
.jion_list ul li .jion b {margin-top: 35px;    font-size: 18px;}
.jion_list ul li .jion span i {font-size: 60px;}


.more{ width: 145px;margin-top: 25px; }
.more:hover{ width:145px;  }


.news{padding:15px 0px 35px 0px;}
.news .inner {  margin-top: 0px;}
.news .inner ul li{  margin-top:40px;  }
.news .inner ul li .text {   padding: 20px 25px;}
.news .inner ul li .text p { margin-top: 20px;}
.news .inner ul li .text .time { margin-top: 20px;}
}

@media (max-width:768px){
	
.index_box .title{  width: 100%;  background-size: 19% 70% ;  }
.index_box .title b{ font-size:18px;  }
.index_box .title p{line-height:30px;font-size:28px;margin-top:55px; }	

.about {margin-top:30px;}
.about .inter{  margin-top:0px; border:0px #eee solid; background:none;  }
.about .box_text{padding:50px 0px 73px 0px;  border-left:1px #eee solid; border-right:1px #eee solid;border-top:1px #eee solid;background: #fafafa;}
.about .box_text .title{    width: 100%;  background-size: 18% 70% ;  }
.about .box_text .title b{ font-size:18px;  }
.about .box_text .title p{line-height:30px;font-size:28px;margin-top:55px; }	
.about .box_tu{border-left:1px #eee solid; border-right:1px #eee solid;border-bottom:1px #eee solid;background: #fafafa;}
.about .box_tu .box_img{ height:415px; }

.product {margin-top:30px;}
.product .inter{  margin-top:0px; border:0px #eee solid; background:none }
.product .box_text{padding:50px 0px 73px 0px;  border-left:1px #eee solid; border-right:1px #eee solid;border-top:1px #eee solid;background: #fafafa;}
.product .box_text .title{   width: 100%;  background-size: 18% 70% ;  }
.product .box_text .title b{ font-size:18px;  }
.product .box_text .title p{line-height:30px;font-size:28px;margin-top:55px; }	
.product .box_tu{border-left:1px #eee solid; border-right:1px #eee solid;border-bottom:1px #eee solid;background: #fafafa;}
.product .box_tu .box_img{ height:415px; }

.jion_list {  padding: 80px 0px 80px 0px;  margin-top: 30px;  background-position:top;background-attachment: inherit;}
.jion_list .title{   width: 100%;  background-size: 18% 70% ;  }
.jion_list .title b{ font-size:18px;  }
.jion_list .title p{line-height:30px;font-size:28px;margin-top:55px; }	
.jion_list ul {   padding: 0px 30px;}
.jion_list ul li {margin-top: 10px;  margin-bottom: 30px; width: calc((100% - 0px)/2); padding-left: 15px;padding-right: 15px;}
.jion_list ul li:nth-child(5){display:none; }
.jion_list ul li .jion { padding:7% 0px 0% 0px;}
.jion_list ul li .jion b {margin-top: 35px;    font-size: 18px;}
.jion_list ul li .jion span i {font-size: 60px;}

.more{ width: 145px;margin-top: 25px; }
.more:hover{ width:145px;  }


.news{padding:15px 0px 35px 0px;}
.news .inner {  margin-top: 0px;}
.news .inner ul li{  margin-top:40px;  }
.news .inner ul li .text {   padding: 20px 25px;}
.news .inner ul li .text p { margin-top: 20px;}
.news .inner ul li .text .time { margin-top: 20px;}
#footer{ padding-bottom: 60px;}
}

@media (max-width:640px){

.index_box .title{  background-size: 35% 70% ; }
.index_box .title b{ font-size:18px;  }
.index_box .title p{line-height:30px;font-size:28px;margin-top:55px; }	

.about { margin:0 auto;margin-top:30px; }
.about .inter{  margin-top:0px; border:0px #eee solid; margin-left:0px; margin-right:0px; background:none; }
.about .box_text{padding:20px 0px 43px 0px;  border-left:1px #eee solid; border-right:1px #eee solid;border-top:1px #eee solid;background: #fafafa;}
.about .box_text .title{     width: 80%; background-size: 35% 70% ; }
.about .box_text .title b{ font-size:18px;  }
.about .box_text .title p{line-height:30px;font-size:28px;margin-top:55px; }	
.about .box_tu{border-left:1px #eee solid; border-right:1px #eee solid;border-bottom:1px #eee solid;background: #fafafa;}
.about .box_tu .box_img{ height:345px; }

.product {margin-top:30px;}
.product .inter{  margin-top:0px; border:0px #eee solid;margin-left:0px; margin-right:0px;  background:none;}
.product .box_text{padding:20px 0px 43px 0px;  border-left:1px #eee solid; border-right:1px #eee solid;border-top:1px #eee solid;background: #fafafa;}
.product .box_text .title{     width: 80%; background-size: 35% 70% ; }
.product .box_text .title b{ font-size:18px;  }
.product .box_text .title p{line-height:30px;font-size:28px;margin-top:55px; }	
.product .box_tu{border-left:1px #eee solid; border-right:1px #eee solid;border-bottom:1px #eee solid;background: #fafafa;}
.product .box_tu .box_img{ height:345px; }

.jion_list {  padding: 80px 0px 80px 0px;  margin-top: 30px;  background-position:top;background-attachment: inherit;}
.jion_list .title{ width: 80%; background-size: 35% 70% ; }
.jion_list .title b{ font-size:18px;  }
.jion_list .title p{line-height:30px;font-size:28px;margin-top:55px; }	
.jion_list ul {padding: 0px 30px;}
.jion_list ul li {margin-top:10px;  margin-bottom:20px; width: calc((100% - 0px)/2); padding-left: 15px;padding-right: 15px;}
.jion_list ul li:nth-child(5){display:none; }
.jion_list ul li .jion {width:115px; height:115px;text-align:center;display: table;}
.jion_list ul li .b {margin-top: 10px; color:#fff;    font-size: 18px; font-weight:normal;}
.jion_list ul li .jion span i {width:115px;font-size: 60px;vertical-align: middle;display: table-cell; margin:auto; text-align:center; padding-top:12%}


.more{ width: 145px;margin-top: 15px; }
.more:hover{ width:145px;  }


.news{padding:15px 0px;}
.news .inner {  margin-top: 0px;}
.news .inner ul li{  margin-top:20px;  }
.news .inner ul li .text {   padding: 20px 25px;}
.news .inner ul li .text p { margin-top: 20px;}
.news .inner ul li .text .time { margin-top: 20px;}

#footer{ margin-bottom:45px; margin-top:15px;}
#quickbar-wrap{ padding-bottom:0}
.model-dectil-text img{ max-width:100%}
}