﻿*{margin: 0;padding: 0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,pre,form,input,textarea,p,hr,thead,tbody,tfoot,th,td{margin:0;padding:0;}
ul,ol{list-style:none;}
a{text-decoration:none;}
html{-ms-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;}
body{line-height:1.5; font-size:0.24rem !important;background:#fff;-webkit-tap-highlight-color:rgba(0,0,0,0)}
body,button,input,select,textarea{color:#666;font-family:"Microsoft YaHei",'helvetica neue',tahoma,'hiragino sans gb',stheiti,'wenquanyi micro hei',\5FAE\8F6F\96C5\9ED1,\5B8B\4F53,sans-serif;}
a{text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0.35); color:#666;font-size:0.24rem;outline:none;-webkit-tap-highlight-color: rgba(0,0,0,0);}
a:focus{outline:none}
a:hover,a:active{outline:none}:focus{outline:none}
a:visited {color:#666}
a:hover {color:#666}
a:active{color:#666}
b,strong{font-weight:bold;}
h1,h2,h3,h4,h5,h6,b,strong{font-weight:400;}
i,em{font-style:normal;}
table{border-collapse:collapse;border-spacing:0;}
table th,table td{border:1px solid #ddd;padding:5px;}
table th{font-weight:inherit;border-bottom-width:2px;border-bottom-color:#ccc;}
img{border:0 none;width:auto\9;max-width:100%;vertical-align:top; height:auto;}
button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;vertical-align:baseline;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
button[disabled],input[disabled]{cursor:default;}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
input:focus{outline:none;}
select[size],select[multiple],select[size][multiple]{border:1px solid #AAA;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}
audio,canvas,video,progress{display:inline-block;}
body{background:#fff;}
input::-webkit-input-speech-button {display: none}
button,input,textarea{-webkit-tap-highlight-color: rgba(0,0,0,0);}
img{vertical-align:middle;display:block;max-width:100%;height:auto;margin: auto}

.wap_tit{ text-align:center; padding:15px 0px;}
.wap_tit img{ max-width:100%;}
.tit_w_2 img{ width:70%;}
.wap_ts_out{ width:48%; margin:0 1%; float:left;}
.wap_ts_out img{ text-align:center; width:100%;}
.wap_ts_tit li{ font-size:0.4rem; padding:20px 0px; text-align:center; color:#3b3b3b; float:left;}
.wap_ts_tit li:first-child,.wap_ts_tit li:last-child{ width:40%;}
.wap_ts_tit li:nth-child(2){ color:#f98485; width:20%; font-weight:bold;}
.wap_ts_left{ width:50%; float:left;}
.wap_ts_right{ width:50%; float:right;}
.wap_ts_left p{ padding:10px; line-height:20px; color:#1c97cb; font-size:0.23rem;}
.wap_ts_right p{ padding:10px; line-height:20px; color:#979797; font-size:0.23rem;}
.wap_gl_out{ background-color:#ececec; padding:20px 0px; width:100%;}
.wap_class_out{ padding-top:20px;}
.class_list li{ margin:0.1rem 1%; width:48%; padding:.2rem; background-color:#71b4f6; color:#fff; float:left;}
.class_list li .cl_img{ display:block; width:33%; margin:0 auto;}
.cl_img img{ width:100%;}
.class_list li h4{ font-size:.3rem; text-align:center; padding:0.2rem 0; font-weight:bold;}
.class_list li .cl_line{ display:block; width:100%; height:1px; border-bottom:1px dotted #fff;}
.class_list li p{ padding:.2rem 0; height:2rem;}
.class_list li .cl_more{
    display: block;
    margin: auto;
    width: 131px;
    height: 55px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    background: url(../images/hwjy_p_69.png) center no-repeat;
    font-size: 0.3rem;
    font-weight: bold;
}
.f-l{float:left}
.f-r{float:right}
.clear{ clear:both;}

.height10{height:0.1rem;clear:both;zoom:1;line-height:0;font-size:0;}
.height20{height:0.2rem;clear:both;zoom:1;line-height:0;font-size:0;}
.height25{height:0.25rem;clear:both;zoom:1;line-height:0;font-size:0;}
.height30{height:0.3rem;clear:both;zoom:1;line-height:0;font-size:0;}
.height40{height:0.4rem;clear:both;zoom:1;line-height:0;font-size:0;}
.height50{height:0.5rem;clear:both;zoom:1;line-height:0;font-size:0;}
.tran_all{-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease}

.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {*zoom:1;}
.clearfix {display:block;}
.clear{clear:both;height:0}
.dis_none{ display:none;}
.over-hide{overflow:hidden}

.text-c{text-align:center}
.text-r{text-align:right}

.text-overflow{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}

.center{width:7.5rem;margin:auto;background-color:#f7f7f7}

.pdr30{padding-right:.3rem}
.pd30{padding:0 0.3rem}

.separate{height:1px;width:100%;background:#bbb;-webkit-transform: scaleY(.5);-ms-transform: scaleY(.5);transform: scaleY(.5);}

::-webkit-input-placeholder {color:#999;font-size:0.26rem}
:-moz-placeholder {color:#999;font-size:0.26rem}
::-moz-placeholder {color:#999;font-size:0.26rem}
:-ms-input-placeholder {color:#999;font-size:0.26rem}

.bgs{background-color:#f5f5f5}
.bgw{background-color:#ffffff}



/*head*/
.header{position:fixed;left:0;right:0;top:0;margin:auto;z-index:100;height:1.2rem;width:100%;background-color:#393939;box-shadow: 0 0 5px rgba(0,0,0,0.1)}
.header .logo{float:left;height:1.2rem;overflow:hidden}
.header .logo a{display:block;width:100%;height:100%;padding:0.1rem 0.3rem;}
.header .logo img{height:1rem;margin:0}

/*foot*/
#mcover{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);display:none;z-index:20000;}
#mcover .img1{position:fixed;right:18px;top:5px;max-width:80%;max-height:45%;z-index:20001;}
#mcover .img2{ position:relative;top:50%;left:-80px;margin:0 0 0 50%;width:160px;box-shadow:rgba(0,0,0,0.5) 0 0 30px; -webkit-box-shadow:rgba(0,0,0,0.5) 0 0 30px; -moz-box-shadow:rgba(0,0,0,0.5) 0 0 30px;}

.footer{position:relative; z-index:9;background-color:#fff;}
.footer .box1{width:100%;padding:0;}
.footer .f_bot1{width:2.5rem; float:left;}
.footer .f_bot1 .button{height:1.6rem;padding:0.2rem 0;color:#666;width:100%;cursor:pointer; background:none;border:none; box-shadow:rgba(153,153,153,0.2) 1px 0 0 inset;-webkit-box-shadow:rgba(153,153,153,0.2) 1px 0 0 inset;-webkit-box-shadow:rgba(153,153,153,0.2) 1px 0 0 inset;color:#666}
.footer .f_bot1 .button img{width:0.8rem;height:0.8rem;}
.footer .f_bot1 .button2{box-shadow:rgba(153,153,153,0.05) 0 0 0 inset;-webkit-box-shadow:rgba(153,153,153,0.05) 0 0 0 inset;-moz-box-shadow:rgba(153,153,153,0.05) 0 0 0 inset;}


.foot-c{;padding:.3rem;border-top:1px solid #ddd;}
.foot-b{color:#999;line-height:1.8;background: url(../images/tel.png) no-repeat right .1rem;background-size:.6rem .6rem}


.h_pic{ width:100%; background-color:#343434;color:#fff;font-size:0.24rem;padding:0.25rem ;text-align:center;}
.h_pic img{margin-bottom:0.2rem;}
.h_pic p a{color:#fff;font-size:0.24rem;}

.top_barbg{height:1rem;}
.top_bar { position: fixed; z-index: 900; bottom: 0; left: 0;max-width:100%;left:0;right: 0; margin: auto;background:#1f1f1f;box-shadow:0 0 5px rgba(0,0,0,0.1) }
.top_menu { display:-webkit-box; display: block; width: 100%; height:1.3rem; display: -webkit-box; display: box; margin:0; padding: 0 0; -webkit-box-orient: horizontal;}
.top_bar .top_menu>li { width:20%; text-align:center; }
.top_menu li:first-child { background:none; }
.top_bar .top_menu li a {  display:block;height:1rem;line-height:1rem; padding-top:.3rem;font-size:0; text-align:center; color:#fff; text-decoration:none;-webkit-box-flex:1;vertical-align:middle }
.top_bar .top_menu li a label {display:block;height:0.5rem;line-height:0.5rem;width:auto;font-size:0.2rem; overflow:hidden;color: #fff;vertical-align:middle }
.top_bar .top_menu>li>a img { display: block; height: 0.5rem;width:0.5rem; margin:auto ; vertical-align:middle }
#ft_tel{ position:relative;}
#ft_tel img { display: block; height: 1.1rem;width:1.1rem; margin:auto ; vertical-align:middle; border:.1rem solid #1f1f1f;border-radius:100%; margin-top:-.6rem;}
.top_bar li:first-child a { display: block; }







/*banner*/
.focus{width:7.5rem;overflow:hidden;margin:0 auto;display:block; position:relative;overflow:hidden;background-color:#fff}
.focus .hd{position:absolute; z-index:1;width:100%;left:0; bottom:.2rem; text-align:center;font-size:0}
.focus .hd ul{ display:inline-block;  font-size:0; }
.focus .hd ul li{ display:inline-block; width:.15rem; height:.15rem;  border-radius:50%; background:#000; margin:0 0.1rem;  overflow:hidden; opacity:0.2  }
.focus .hd ul .on{ background:#1860a6;opacity:1 }
.focus .bd{ position:relative; z-index:0; }
.focus .bd li {position:relative;}
.focus .bd li img{display:block;width:7.5rem;}
.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0) }

.hjfous{width:7.5rem;overflow:hidden;margin:0 auto;display:block; position:relative;overflow:hidden;background-color:#fff}
.hjfous .hd{position:absolute; z-index:1;width:100%;left:0; bottom:.2rem; text-align:center;font-size:0}
.hjfous .hd ul{ display:inline-block;  font-size:0; }
.hjfous .hd ul li{ display:inline-block; width:.15rem; height:.15rem;  border-radius:50%; background:#000; margin:0 0.1rem;  overflow:hidden; opacity:0.2  }
.hjfous .hd ul .on{ background:#cc0905;opacity:1 }
.hjfous .bd{ position:relative; z-index:0; }
.hjfous .bd li {position:relative;}
.hjfous .bd li a span{ display:block; position:absolute; bottom:0px; color:#fff;  width:100%; background: rgba(0,0,0,0.6); line-height:.8rem; text-align:center;}
.hjfous .bd li img{display:block;width:7rem;}
.hjfous .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0) }
.wap_tit_txt{ padding-bottom:20px; text-align:center; font-size:0.4rem;}
.wap_tit_txt font{ color:#df3f3f;}
.adv_01{background: url(../images/hwjy_35.jpg) no-repeat;background-size:100%; width:100%; height:2rem;background-color:#fff;}
.adv_01 .adv_tit{ font-size:0.5rem; font-weight:bold; color:#fff; padding-top:.1rem; text-align:right; width:100%; padding-right:.1rem;}
.adv_01 a.rm{
    display: block;
	float:right;
	margin-right:.2rem;
    width: 40%;
    text-align: center;
    color: #fff;
    background: url(../images/hwjy_p_03.png) center no-repeat;
    font-size: 0.3rem;
    font-weight: bold;
	background-size:100%;
	margin-right:.8rem;
	}
.wap_lc_out{background: url(../images/hwjy_41.jpg) no-repeat;background-size:100%; width:100%; height:.8rem;}
.wap_lc_txt li{ width:16.6%; float:left; text-align:center;}


/*menu*/
.cl_bg {width:7.5rem; background: url(../images/bt_bg_02.jpg) no-repeat;background-size:cover; height:2.3rem;}
.cl_bg ul{ margin-top:.5rem;}
.cl_bg li{ float:left; width:33%; text-align:center;}
.cl_bg li img{ width:60%;}
.cl_bg li p{ font-size:.3rem; line-height:.7rem;}
.index-menu li{width:1.87rem;height:2rem;padding:0.25rem 0;float:left;overflow:hidden}
.index-menu li a{display:block;width:100%;height:100%;overflow:hidden}
.index-menu li i{display:block;width:1rem;height:1rem;margin:auto;}
.index-menu li p{margin-top:0.1rem;text-align:center;color:#999}
.index-menu li .icon1{background: url(../images/hwjy_p_18.png) no-repeat;background-size:100%}
.index-menu li .icon2{background: url(../images/hwjy_p_11.png) no-repeat;background-size:100%}
.index-menu li .icon3{background: url(../images/hwjy_p_13.png) no-repeat;background-size:100%}
.index-menu li .icon4{background: url(../images/hwjy_p_15.png) no-repeat;background-size:100%}
.index-menu li .icon5{background: url(../images/hwjy_p_28.png) no-repeat;background-size:100%}
.index-menu li .icon6{background: url(../images/hwjy_p_31.png) no-repeat;background-size:100%}
.index-menu li .icon7{background: url(../images/hwjy_p_33.png) no-repeat;background-size:100%}
.index-menu li .icon8{background: url(../images/hwjy_p_25.png) no-repeat;background-size:100%}
.index-menu li .icon9{background: url(../images/hwjy_p_43.png) no-repeat;background-size:100%}
.index-menu li .icon10{background: url(../images/hwjy_p_46.png) no-repeat;background-size:100%}
.index-menu li .icon11{background: url(../images/hwjy_p_40.png) no-repeat;background-size:100%}
.index-menu li .icon12{background: url(../images/hwjy_p_49.png) no-repeat;background-size:100%}




/*title*/
.title01{padding:.6rem 0 .35rem;text-align: center;overflow:hidden}
.title01 h2 span{display: inline-block;position:relative;color:#333;font-size:0.36rem}
.title01 h2 span:before{content:'';position:absolute;right:100%;margin-right:.2rem;top:50%;height:0;width:7.5rem;border-top:1px solid #ddd}
.title01 h2 span:after{content:'';position:absolute;left:100%;margin-left:.2rem;top:50%;height:0;width:7.5rem;border-top:1px solid #ddd}
.title01 p{color:#666;font-size:.24rem;font-weight:lighter}
.title01 .line{width:.5rem;height:.02rem;margin:auto;margin-top:.15rem;background-color: #cc0905}

.title01.type02 h2 span{color:#fff;}
.title01.type02 p{color:#999;}




/*pro*/
.products .tabBox .hd ul{width: 7.2rem;}
.products .tabBox .hd ul li{ float:left; width:1.6rem;margin-left:.2rem;margin-bottom:.15rem; }
.products .tabBox .hd ul li:nth-child(4n){margin-right:0}
.products .tabBox .hd ul li a{display:block;width:1.6rem;padding:.1rem 0;text-align:center;color:#fff; background-color:#5b5a58;}
.products .tabBox .hd ul li.on a{ color:#000;background-color:#e0be96 }
.products .tabBox .bd .con{ padding:.2rem;}

.pro_out{ background-color:#2d2d2d; padding:.3rem 0; margin-top:.3rem;}
.pro_tit{ padding-bottom:.3rem;}

.products2 .tabBox .hd ul{width: 7.2rem;}
.products2 .tabBox .hd ul li{ float:left; width:1.6rem;margin-left:.2rem;margin-bottom:.15rem; }
.products2 .tabBox .hd ul li:nth-child(4n){margin-right:0}
.products2 .tabBox .hd ul li a{display:block;width:1.6rem;padding:.1rem 0;text-align:center;color:#fff; border:1px solid #c7c7c7; border-radius:3px}
.products2 .tabBox .hd ul li.on a{ color:#fff;background-color:#e0be96 }
.products2 .tabBox .bd .con{ padding:.2rem;}

.probig_out{ position:relative;}
.probig_out span{ display:block; position:absolute; bottom:0px; color:#fff;  width:100%; background: rgba(0,0,0,0.6); line-height:.8rem;}
.probig_out span a{ margin-left:.5rem; font-size:.3rem; display:block; color:#fff;}
.proimglist{ margin-top:.3rem;    height: 2.5rem;}
.proimglist li{ width:33.3%; text-align:center; line-height:.5rem; float:left; color:#fff;background: url(../images/hypn_35.png) bottom center no-repeat; padding-bottom:.3rem; background-size:80%;}
.proimglist li img{ width:90%;}
.pro_more{ display: block;
    margin: auto;
    width: 2rem;
    padding: .1rem 0;
    text-align: center;
    color: #e6d088;
	border:1px solid #ddbf72;
    border-radius: 3px;}
	
.case_more{ display: block;
    margin: auto;
    width: 2rem;
    padding: .1rem 0;
    text-align: center;
    color: #606060;
	border:1px solid #606060;
    border-radius: 3px;}
.products .tabBox .bd ul li{ float:left;width:3.3rem;margin-left:.3rem;margin-top:.3rem; text-align:center;overflow: hidden }
.products .tabBox .bd ul li a{ display:block;width:100%;height:100%;border:1px solid #ddd;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow: hidden }
.products .tabBox .bd ul li .pic{width:3rem;margin:.15rem auto}
.products .tabBox .bd ul li .txt{height:.7rem;line-height:.7rem;border-top:1px solid #ddd}
.products .tabBox .bd ul li .txt span{display: inline-block;position:relative;padding-right:.45rem;}
.products .tabBox .bd ul li .txt span:after{content:'';position: absolute;right:0;top:50%;margin-top:-0.18rem;width:.36rem;height:.36rem;background: url(../images/1-00.png) no-repeat 0 0;background-size:auto 100%}


.case_out{width:7.5rem; background: url(../images/casebg_02.jpg) no-repeat;background-size:cover; padding:0.3rem 0;}
.case_tit_txt{ text-align:center; padding:.2rem 0; font-size:.3rem;}

/*joined*/
.joined{position:relative;width:100%;background-size:cover; background-color:#fff; padding:20px 0px;}
.joined .picScroll{ margin:10px auto; text-align:center; clear:both; }
.joined .picScroll .bd ul{ width:100%;  float:left; padding-top:10px;  }
.joined .picScroll .bd ul li{ width:30%; margin:0px 1.5%; float:left;font-size:14px; text-align:center; }
.joined .picScroll .bd ul li .pic{ width:100%;}
.joined .picScroll .bd ul li .pic img{width:2rem;height:2rem;border-radius:50%;}
.joined .picScroll .bd ul li .tit{ padding-top:.2rem;   }
.joined .picScroll .bd ul li .txt{font-size:.24rem}
.joined .picScroll .hd{ margin-top:.4rem;text-align:center}
.joined .picScroll .hd ul{display:none }
.joined .picScroll .prev,.picScroll .next{display:inline-block; width:1rem; height:.5rem; background:url(../images/j-06.png) 0 0 no-repeat; overflow:hidden; margin:0 0.1rem; background-size:auto 100% }
.joined .picScroll .next{ background-position:-1rem 0; }
.joined .picScroll .prevStop,
.joined .picScroll .nextStop{opacity:.5; }
.tablist{height:5.5rem; overflow:hidden;}
.tabmenu{ width:70%; margin:0 auto;}
.tabmenu li{ float:left; width:30%; margin:.3rem 1.5%;padding:.2rem; text-align:center;  background-color:#36a0cc;}
.tabmenu li div{ color:#fff;font-size:.3rem; }


.midtel{width:7.5rem;height:1.66rem;padding:.3rem .3rem 0;background: url(../images/0-03.png) no-repeat center;background-size:100% 100%}
.midtel .txt{float:left;width:3.4rem}
.midtel .tel{float:right;width:3.4rem}
.midtel .p1{color:#e6e6e6;}
.midtel .p2{color:#fff;font-size:.26rem;}
.midtel .tel .p2{font-size:.36rem;}

.about_txt{ line-height:26px; padding:.2rem; display:block; margin:0 auto;}
/*abouts*/
.abouts{width:100%;background: url(../images/hwjy_43.jpg) no-repeat center;background-size:cover; height:6rem;}
.abouts .txt{ margin-left:2.5rem; padding-top:.8rem;}
.abouts .txt span{ font-size:.35rem; font-weight:bold; color:#333; padding-top:.3rem; display:block;}
.abouts .txt .about_tel{ font-size:.35rem; color:#df3f3f; padding-top:.3rem; margin-left:.45rem;}
.wap_feedback{width:100%;background: url(../images/hwjy_44.jpg) no-repeat center;background-size:cover; height:7rem;}
.feedback_out{  width:80%; margin:0 auto;padding-top:2.4rem;}
.feedback_out li{ margin-top:.2rem;}
.jm_input2{ width:100%; height:.7rem; border:0px; padding:.1rem;}
.jm_submit2{
	    display: block;
    margin: auto;
    width: 80%;
    height: 1.4rem;
    text-align: center;
    color: #fff;
    background: url(../images/hwjy_p_03.png) center no-repeat;
    font-size: 0.4rem;
    font-weight: bold;
	border:0px;
	margin-top:.2rem;
	background-size:100%;
	}

.alis{margin-top:.3rem}
.alis li{float:left;width:1.9rem;margin-left:.3rem;border:1px solid #ddd;border-radius:3px}
.alis li a{display:block;width:100%;padding:.15rem 0;color:#fff;line-height:.3rem}
.alis li i{float:left;width:.4rem;height:.4rem;margin-left:.1rem;margin-right:.1rem;margin-top:-0.05rem;background: url(../images/2-02.png) no-repeat;background-size:auto 100%}
.alis li .icon01{background-position:0 0}
.alis li .icon02{background-position:50% 0}
.alis li .icon03{background-position:100% 0}

.aboutus h2{color:#333;font-size:.34rem;text-align:center}
.aboutus .con{margin-top:.2rem;color:#999999}
.aboutus .con p{margin:0 !important;float:none !important}
.aboutus .alis li a{color:#999;}


.culture{width:100%;height:3rem;position:relative}
.culture .box{position:absolute;z-index:2;left:50%;margin-left:-3.4rem;bottom:0;width:6.8rem;padding:1px .3rem .3rem;background-color:#fff;box-shadow:0 0 8px rgba(0,0,0,0.1)}
.culture .box dl{margin-top:.2rem;color:#999999}
.culture .box dl h3{font-size:.3rem;color:#cc0905}

.develop h3{font-size:.28rem;text-align:center;color:#cc0905}
.gallery-top {width: 100%;}
.gallery-top .swiper-slide{padding:0 0.3rem;text-align:center}
.gallery-top .swiper-slide .tit{font-size:.34rem;color:#cc0905}
.gallery-top .swiper-slide .txt{color:#999;font-size:.28rem}
.gallery-thumbs {position:relative;height:1rem;}
.gallery-thumbs:after{height:0;width:100%;content:'';position:absolute;left:0;top:50%;z-index:1;border-top:1px solid #ddd;}
.gallery-thumbs .swiper-wrapper{z-index:2;}
.gallery-thumbs .swiper-slide {width: 1rem;height: 1rem;background:url(../images/ad.png) no-repeat center;background-size:50% 50%;}
.gallery-thumbs .swiper-slide-active {background-image:url(../images/add.png)}



.service dl{float:left;margin-left:.3rem;margin-bottom:.3rem;width:3.3rem;height:3.8rem;padding:.4rem .2rem 0;background-color:#fff}
.service dl i{display:block;width:1rem;height:1rem;background: url(../images/s-01.png) no-repeat no-repeat;background-size:auto 100%}
.service dl .icon01{background-position:0 0}
.service dl .icon02{background-position:33.333% 0}
.service dl .icon03{background-position:66.667% 0}
.service dl .icon04{background-position:100% 0}
.service dl h3{color:#333;font-size:.34rem;margin-top:.15rem}
.service dl p{color:#999;font-size:.24rem;margin-top:.15rem}




.contact{position:relative;padding-top:.5rem;}
.contact .txt{}
.contact .txt h2{margin-bottom:10px;font-size:.34rem;color:#333}
.contact .txt p{font-size:.26rem;color:#999;}
.contact .feed h3{margin-bottom:.2rem;text-align:center;font-size:.34rem;color:#333}
.contact .feed .inl{margin-bottom:.15rem}
.contact .feed .inl .tit{font-size:.26rem;color:#333}
.contact .feed .inl .tit span{margin-left:10px;font-size:.2rem;color:#999;}
.contact .feed .inl .lis{margin-top:.1rem;border:1px solid #ddd;padding:.1rem .2rem;font-size:0}
.contact .feed .inl .lis input{width:100%;height:.4rem;line-height:.4rem;font-size:.24rem;border:none}
.contact .feed .inl .lis textarea{width:100%;height:1.2rem;line-height:.4rem;font-size:.24rem;border:none}
.contact .feed .inl .yzm {padding:0 0 0 .2rem;font-size:0}
.contact .feed .inl .yzm input{float:left;margin-top:.1rem;width:4rem;height:.4rem;line-height:.4rem;}
.contact .feed .inl .yzm img{float:right;width:2rem;height:.6rem;}
.contact .feed .btns{width:2rem;margin:auto;margin-top:.3rem;}
.contact .feed .btns input{width:2rem;height:.8rem;background-color:#cc0905;border-radius:3px;border:none;color:#fff;text-align:center;font-size:.28rem}


.zhaoshang .box{position:relative;}
.zhaoshang .box h3{color:#cc0905;font-size:.36rem;}
.zhaoshang .box h4{color:#999999;font-size:.2rem;text-transform:uppercase}
.zhaoshang .box dl{position:relative;margin-top:.3rem;padding-left:1.2rem}
.zhaoshang .box dl h5{font-size:.3rem;color:#333;}
.zhaoshang .box dl p{font-size:.24rem;color:#999;margin-top:.1rem}
.zhaoshang .box dl:after{content:'';position:absolute;left:0;top:0;width:1rem;height:1rem;background: url(../images/j-02.png) no-repeat;background-size:100% auto}
.zhaoshang .box .dl01:after{background-position:0 0;}
.zhaoshang .box .dl02:after{background-position:0 50%;}
.zhaoshang .box .dl03:after{background-position:0 100%;}


.shopshow{width:100%;background: url(../images/j-07.jpg) no-repeat center;background-size:cover}
.shopshow .swiper-slide .tit{width:100%;height:.5rem;line-height:.5rem;color:#fff;font-size:.24rem;text-align:center  }
.shopshow .swiper-container{position:relative;padding-bottom:.8rem}
.shopshow .swiper-button-prev{left:auto;top:auto;bottom:0;right:50%; width:1rem; height:.5rem;margin-right:.1rem; background:url(../images/j-06.png) 0 0 no-repeat;background-size:auto 100%}
.shopshow .swiper-button-next{right:auto;top:auto;bottom:0;left:50%; width:1rem; height:.5rem;margin-left:.1rem; background:url(../images/j-06.png) -1rem 0 no-repeat;background-size:auto 100%}



/*news*/

.newsnav{ display:block; overflow:hidden; margin-bottom:10px;}
.newsnav a{display: block;height:.8rem;line-height:.8rem;font-size:.28rem;text-align:center; width:50%; float:left; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background: #52b9e4; color:#fff;}
.newsnav a.active{background: #52b9e4;color:#fff}

.newslists{width:100%}
.newslists ul li{position:relative;height:2.3rem;padding:.4rem .3rem;border-bottom:1px solid #ddd}
.newslists ul li a{display:block;width:100%;height:100%}
.newslists ul li .pic{float:left;width:2rem;height:1.5rem;border:1px solid #ddd;overflow:hidden; margin-right:.3rem;}
.newslists ul li .pic img{display:block;width:100%;}
.newslists ul li .con{height:1.5rem;}
.newslists ul li .con .tit{height:.3rem;line-height:.3rem; font-size:.3rem;}
.newslists ul li .con .date{color:#999;font-size:.2rem;height:.3rem;line-height:.3rem;}
.newslists ul li .con .txt{margin-top:.1rem;width:4.6rem;height:.3rem;line-height:.3rem;color:#999;font-size:.2rem;}
.newslists ul li .readmore{margin-top:.1rem;color:#cfa573;font-size:.2rem;}

a.rm{display:block;margin: auto;width:215px; height:58px; line-height:48px;text-align:center;color:#fff;background: url(../images/hwjy_p_03.png) center no-repeat; font-size:0.3rem; font-weight:bold;}

.newscenter{overflow:hidden}
.newscontent{padding:0.25rem;background-color:#fff}
.newscontent h2{font-size:0.34rem;font-weight:400;color:#333;text-align:center}
.newscontent .info{padding:0.15rem 0;color:#888;text-align:center;border-bottom:1px solid #e5e5e5}
.newscontent .con{padding:0.25rem 0;line-height:1.8}
.newscontent .con img{display:block;max-width:100% !important;height:auto !important;}

/*product*/
.pronav{width:100%;overflow:hidden}
.pronav a{position:relative;float:left;width:25%;height:1.8rem;padding-top:.3rem;}
.pronav a i{display:block;margin:auto;width:1.2rem;height:.8rem;background: url(../images/p-01.png) no-repeat;background-size:auto 200%}
.pronav a .icon9{background-position:0 0;}
.pronav a .icon10{background-position:25% 0;}
.pronav a .icon11{background-position:50% 0;}
.pronav a .icon12{background-position:75% 0;}
.pronav a .icon13{background-position:0 100%;}
.pronav a .icon14{background-position:25% 100%;}
.pronav a .icon15{background-position:50% 100%;}
.pronav a .icon16{background-position:75% 100%;}
.pronav a p{text-align:center;margin-top:.1rem}
.pronav a:after{position:absolute;content:'';right:-1px;bottom:0;height:100%;width:0;border-right:1px solid #ddd;transform: scaleX(.5);-ms-transform: scaleX(.5);-webkit-transform: scaleX(.5);-o-transform: scaleX(.5);-moz-transform: scaleX(.5);}
.pronav a:before{position:absolute;content:'';bottom:0;left:0;width:100%;height:0;border-bottom:1px solid #ddd;transform: scaleY(.5);-ms-transform: scaleY(.5);-webkit-transform: scaleY(.5);-o-transform: scaleY(.5);-moz-transform: scaleY(.5);}
.pronav a.active i{background-image: url(../images/p-02.png) }
.pronav a.active p{color:#cc0905}


.product-inlist ul{}
.product-inlist li{float:left;width:3.3rem;height:4.5rem;margin-top:.3rem;margin-left:.3rem;background-color:#fff}
.product-inlist li a{display:block;width:3.3rem;height:4rem;padding:.15rem;text-align:center}
.product-inlist li .pic{width:2.4rem;height:2.4rem;margin:auto}
.product-inlist li .pic img{width:2.4rem;}
.product-inlist li .tit{margin-top:.15rem;width:3rem;height:.4rem;line-height:.4rem;color:#cc0905;font-size:.28rem;}
.product-inlist li .txt{margin-top:0;width:3rem;height:.4rem;line-height:.4rem;color:#999999;font-size:.2rem;}
.product-inlist li .readmore{margin:.15rem auto 0;width:1.8rem;padding:.08rem 0;font-size:.2rem;color:#999999;border:1px solid #ddd;border-radius:50px}



.focus2{width:7.5rem;height:5rem;overflow:hidden;margin:0 auto;display:block; position:relative;overflow:hidden;background-color:#fff}
.focus2 .hd{position:absolute; z-index:1;width:100%;left:0; bottom:.2rem; text-align:center;font-size:0}
.focus2 .hd ul{ display:inline-block;  font-size:0; }
.focus2 .hd ul li{ display:inline-block; width:.15rem; height:.15rem;  border-radius:50%; background:#000; margin:0 0.1rem;  overflow:hidden; opacity:0.2  }
.focus2 .hd ul .on{ background:#cc0905;opacity:1 }
.focus2 .bd{ position:relative; z-index:0; }
.focus2 .bd li {position:relative;}
.focus2 .bd li img{display:block;height:5rem;}
.focus2 .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0) }


.products-right{padding:0.3rem}
.products-right h2{color:#333333;font-size:.34rem}
.products-right .con{padding:.2rem 0;color:#999}
.products-right .con img{max-width:100% !important;height:auto !important;}
.products-right .price{color:#999;font-size:.2rem;}
.products-right .price span{color:#ff2200;font-size:.3rem}
.products-right .price strong{color:#ff2200;font-size:.4rem;font-weight:normal}


.proxx .tabBox .hd ul li{ float:left; width:50%;height:.8rem;line-height:.8rem}
.proxx .tabBox .hd ul li a{display:block;color:#999;font-size:.3rem;text-align:center }
.proxx .tabBox .hd ul li.on a{ color:#cc0905;}
.proxx .tabBox .bd ul { padding:.3rem }
.proxx .tabBox .bd ul img{display:block;max-width:100% !important;height:auto !important;}




/*********      page      ***************/
#page{ width:100%;padding:.4rem 0;overflow:hidden;margin:auto}
.pagination{text-align:center;font-size:0}
.pagination > li{display: inline-block;border-bottom:none !important;padding:0 !important;margin-top:.15rem}
.pagination > li > a,.pagination > li > span{display:block;padding:0 .2rem;font-size:.26rem;margin:0 .05rem;border:none;background:#fff;border:1px solid #ddd;border-radius:4px;height:.6rem; line-height:.6rem;color:#666;}
.pagination .active span{background-color:#cc0905;border:1px solid #cc0905;color:#fff; font-weight:normal; font-size:.26rem;font-weight:bold}
.pagination .disabled{color:#aaa;}



.page-in{border-top:1px solid #ddd;padding:0;padding-top:0.25rem;background:#fff;}
.page-in .btn{line-height:1.8;}


.pro-banner {
    text-align: center;
    padding: 10px;
}
.pro-banner .pic {
    border: 1px solid #e7e7e7;
    margin-bottom: 10px;
    text-align: center;
}

.pro-banner .title {
    padding: 10px 0;
    line-height: 26px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    background: #cc0905;
}

.content {
    padding: 0 10px;
}
.news_out{ background-color:#fcfcfc;}
.ft_out{ background-color:#343434; color:#e8e8e8; padding:.5rem 0px;}
.ft_out a{ color:#e8e8e8; }
.ft_nav_tit{ font-size:.3rem; color:#fff;}
 .ft_nav_tit img{display: initial;}
.ft_nav_out ul{ width:33%; float:left;}
.ft_nav_out ul li{ text-align:center; line-height:.4rem;}
.ft_contact_out{ border-top:1px dotted #e8e8e8; padding:.3rem .6rem; line-height:.4rem; text-align:center;}
.ft_contact_out p{ font-size:.35rem;}
.mt20{ margin:20px 0px;}
.pt0{ padding:0px;}
.products .tabBox .twoitem ul{ width:3.6rem; margin:0 auto;}

.titbg{ background: url(../images/ny_t_bg_02.jpg) repeat; padding:30px 0px 20px 0px;background-size:100%;}
.titbg .detail-title{
	width:90%;
	margin:0 auto;
		text-align: center;
		font-size: 16px;
		color: #000;
		padding-bottom:10px;
		background: url(../images/ny_line_03.png) bottom no-repeat;
		background-size:100%;
	}
	.titbg .detail-date{ width:90%; margin:0 auto; text-align:right; padding:10px 0px;}
hr{border-top: 1px solid #d9d9d9;}
/* 面包屑导航 */
.am-breadcrumb {
    padding: .7em .5em;
    margin-bottom: 2rem;
    list-style: none;
    background-color: transparent;
    border-radius: 0;
    font-size: 85%;
    font-size: 14px;
    padding: 13px 0;
    margin-bottom: 0;
	background: url(../images/pos_03.jpg) center repeat-x;
}
.am-breadcrumb>li+li:before {
    content: ">";
    padding: 0 8px;
    color: #ccc;
    color: #232323;
}

.am-breadcrumb>.am-active {
    color: #999;
    color: #1369de;
}

@media screen and (max-width:640px) {
	.am-breadcrumb {
	    font-size: 14px;
	    padding: 9px 0;
	    padding-left: 5px;
	}
	.breadcrumb-bottom-hr {
		display: none;
	}
	.am-breadcrumb a {
	  
	}
	.am-breadcrumb a:link, a:visited {
	   
	}
	   
}
.content-right .detail-content{ font-size:.3rem;}
.floatl{ float:left;}
.floatr {
    float: right;
}