@charset "utf-8";

/* Hschubin */
@font-face{
    font-family: 'Bell MT';
    src : url('../font/bellmt.ttf');
}
*{margin: 0;padding: 0;}
html {font-family: "Microsoft YaHei";font-size:625%;color: #333;}
body {max-width:640px;overflow-x:hidden;margin:auto;font-size:0;background:#fff;}
p,input {font-size:inherit;}
a{color:inherit;text-decoration: none;outline-style: none; border:none;}
ul,ol,li{list-style:none;}
img{max-width:100%;border:none;}
a,button,input,textarea{-webkit-tap-highlight-color: rgba(0,0,0,0); tap-highlight-color: rgba(0,0,0,0);}
em,i{font-style:normal;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
.clearfix{*zoom:1;}
.clearfix:before,.clearfix:after{content:'';display:block;height:0;clear:both;visibility:hidden;}
.bl{float:left;display:inline-block;}
.br{float:right;display:inline-block;}
.main{max-width:6rem;margin:0 auto;}
.img_box{display:table-cell;vertical-align:middle;text-align:center;}
.img_box img{vertical-align:middle;border:none;display:inline-block;max-width:100%;max-height:100%;}
.col-2{width:50%;float:left;display:inline-block;}
.col-3{width:33.33%;float:left;display:inline-block;}
.col-4{width:25%;float:left;display:inline-block;}


.sidebar-wrapper{position:relative;height:100%; overflow-y:auto;font-size: .20rem;display:none;}
#dowebok {background-color:rgba(0,0,0,.80);}
#dowebok .nav {margin-top:0.5rem; line-height:0.75rem;list-style-type:none;padding:0 0.2rem;}
#dowebok .nav a {display:block;color: #fff;text-decoration:none;}
[data-simplersidebar='active']{box-shadow: 3px 0px 3px 0px rgba(0, 0, 0, 0.5);}
#dowebok ul.nav li{border-bottom:1px solid #555;background:url(../images/angle.png) no-repeat 85% center;background-size:.1rem .16rem;}


.banner img{width:100%;}
.banner .swiper-pagination{text-align:center;bottom:.15rem;position:absolute;z-index:4;}
.banner .swiper-pagination-bullet{width:.1rem;height:.1rem;background:none;border:1px solid #fff;opacity:1;}
.banner .swiper-pagination-bullet-active{background: #fff}


.bannero{width:100%;max-width:6.4rem;}
.bannero img{width:100%;}

/*头部*/
.header{height:1rem;background:#fff;position:relative;}
.header h1{margin-left:.1rem;width:3.9rem; height:1rem; position:absolute; left:0;top:0;}
.header h1 img{border:none;display:inline-block;max-width:100%;max-height:100%;}
.header .menu{width:1.2rem;height:.5rem;float:right;
	font-size: .22rem;
	line-height: .5rem;
    background-size:50%;
	font-family: 黑体;
	background-position:right; background-repeat:no-repeat; background-image:url(../images/menu.jpg);position:absolute; right:.1rem;top:.3rem; cursor:pointer;}

.footMar{width:100%;height:1rem;background:#1E1E1E;}
.footFix{width:100%;max-width: 6.4rem;height:1rem;position:fixed;bottom:0;left:0;right:0;z-index:666;margin:auto;background:url(../images/foot_nav.jpg) center; background-size: 100%;}
.footFix ul li{color:#f6f6f6;width:25%;line-height:1.5rem;text-align:center;display:inline-block;font-size:.20rem;color:#eaeaea;font-family:'微软雅黑';}
.footFix li a{display:block;}

/*搜索框*/
.search{
    padding:.2rem 0;
}
.search .main{
    position:relative;
}
.search form input.text{
    width:100%;
    height:.5rem;
    background:#EAEAEA;
    border:none;
    font-size:.2rem;
    color:#333;
    text-indent:.1rem;
    outline: none;
}
.search form input.submit{
    width:1rem;
    height:.5rem;
    position:absolute;
    top:0;right:0;
    border:0;
    background: #313131;
    color:#fff;
    font-size:.18rem;
    outline: none;
    cursor:pointer;
}


/*首页产品中心*/
.htit1{
    padding:.4rem 0;
    color:#323232;
    text-align:center;
}
.htit1 h3{
	font-size: .3rem;
	color: #FF5418;
	font-family: 'Bell MT';
}

.htit1 h2{
    font-size:.27rem;
    font-weight: bold;
    background:url(../images/htit_bg.png) no-repeat center;
    background-size:100%;
    padding:.05rem 0;
}
.index_pro{
    width:100%;
    max-width:6.4rem;
    height:8.98rem;
}
.index_pro_slide .hd li{
    width:1.93rem;
    height:.5rem;
    line-height:.5rem;
    text-align:center;
    display:inline-block;
    font-size:.18rem;
    color:#333;
    background:#DCDCDC;
    float:left;
    margin:0 .1rem .1rem 0;
    cursor:pointer;
}
.index_pro_slide .hd li.on{
    color:#fff;
    background:#313131;
}
.index_pro_slide .hd li:nth-child(3n){
    margin-right:0;
}
.index_pro_slide .bd .img_box{
	width: 5.98rem;
	height: 3.48rem;
                display: block;
                margin: .35rem auto;
                border:1px solid #ccc;
                text-align: center;
}
.index_pro_slide .bd img{
	max-width: 5.98rem;
	max-height: 3.48rem;
}
.index_pro_slide .bd .pro_desc h4{
	font-size: .25rem;
	font-weight: bold;
	text-align: left;
	margin-bottom: .2rem;
}
.index_pro_slide .bd .pro_desc p{
	font-size: .2rem;
}
.index_pro_slide a.more{
    width:100%;
    height:.55rem;
    line-height:.55rem;
    text-align:center;
    font-size:.2rem;
    color:#fff;
    background:#313131;
    display:block;
    margin:0 auto;
    margin-top:.3rem;
}


/*首页关于鸿涛*/
.index_about{
	width: 100%;
	max-width: 6.4rem;
	margin-top: .4rem;
}
.index_about .about_desc p{
	 font-size: .2rem;
	 line-height: .35rem;
	 margin-top: .2rem;
	 text-overflow: ellipsis;
	 display: -webkit-box;
	 -webkit-box-orient: vertical;
	 -webkit-line-clamp: 7;
	 overflow: hidden;
}
.index_about a.more{
    width:100%;
    height:.55rem;
    line-height:.55rem;
    text-align:center;
    font-size:.2rem;
    color:#fff;
    background:#313131;
    display:block;
    margin:0 auto;
    margin-top:.6rem;
}



/*首页案例工程*/
.index_case{
    width:100%;
    height:8rem;
    margin-top: .2rem;
}
.index_case .main{
    overflow: hidden;
}
.index_case_slide .hd li{
    width:1.93rem;
    height:.5rem;
    line-height:.5rem;
    text-align:center;
    display:inline-block;
    font-size:.18rem;
    color:#333;
    background:#DCDCDC;
    float:left;
    margin:0 .1rem .1rem 0;
    cursor:pointer;
}
.index_case_slide .hd li.on{
    color:#fff;
    background:#313131;
}
.index_case_slide .hd li:nth-child(3n){
    margin-right:0;
}
.index_case_slide > a{
    display: block;
    position: relative;
    overflow: inherit;
}
.index_case_slide .img_box{
   text-align: center;
   border:1px solid #eee;
   width:6rem;
   height:4.6rem;
}
.index_case_slide .img_box img{
    max-width: 100%;
    max-height: 4.6rem;
}
.index_case_slide .swiper-slide p{
	width: 6rem;
	height: .5rem;
	color: white;
	font-size: .2rem;
	line-height: .5rem;
	position: absolute;
	bottom: 0;
	left: 0;
                text-align: center;
	background:rgba(0,0,0,0.5);
}
.index_case_slide .bd{
     height: 6rem;
}
.index_case_slide .bd .swiper-container{
	position: relative;
	overflow: inherit;

}
.index_case_slide .bd .swiper-pagination{
	position: absolute;
	bottom: -0.4rem;
}
.index_case_slide .bd .swiper-pagination span{
	width:.15rem;
	height: .15rem;
}
.index_case_slide .bd .swiper-pagination span.swiper-pagination-bullet{
	background: #000;
}
.index_case_slide .bd .swiper-pagination span.swiper-pagination-bullet-active{
	background: #FF5519;
}




/*首页新闻中心*/
.index_news{
	width: 100%;
	max-width: 6.4rem;
	margin-top: .4rem;
	background: #F4F4F4;
	height: 10.3rem;

}
.index_news .news_detail{
	height: 1.7rem;
	background: #fff;
	padding: .2rem .2rem;
	border-bottom: .03rem solid #ccc;
	margin-bottom: .35rem;
}
.index_news .news_detail h3{
	font-size: .24rem;
}
.index_news .news_detail p{
	font-size: .2rem;
	line-height: .26rem;
	color: #666;
	margin: .3rem 0;
	 text-overflow: ellipsis;
	 display: -webkit-box;
	 -webkit-box-orient: vertical;
	 -webkit-line-clamp: 2;
	 overflow: hidden;
}
.index_news .news_detail span{
	font-size: .2rem;
	color: #666;
}
.index_news a.more{
    width:100%;
    height:.55rem;
    line-height:.55rem;
    text-align:center;
    font-size:.2rem;
    color:#fff;
    background:#313131;
    display:block;
    margin:0 auto;
    margin-top:.3rem;
}


/*首页底部*/
.footer{
	width: 100%;
	height: 4.5rem;
	background: url(../images/foot_bg.jpg) no-repeat top center;
	background-size: 100%;
	font-size: .2rem;
	color: #BDBDBD;
}
.footer .tel{
	padding: .61rem .6rem;
	padding-bottom: .4rem;
}
.footer .tel h3{
	font-size: .18rem;
	font-weight: bold;
}
.footer .tel h4{
	font-size: .26rem;
	font-weight: bold;
}
.footer .tel h4 span{
	margin-right: .4rem;
}
.footer .contact_way{
	border-bottom: 1px solid #ccc;
	padding-bottom: .2rem;
}
.footer .contact_way p{
	line-height: .32rem;
}
.footer .copy{
	padding-top: .2rem;
}
.footer .copy p{
	line-height: .32rem;
}
div.banner_o{
    height: 3.6rem;
    overflow: hidden;
}



.adress{
    width: 100%;
    background: #222222;
}
div.adress h3{
    height: .6rem;
    line-height: .6rem;
    font-size: .22rem;
    color: white;
    background: url(../images/arrow_sr.png) no-repeat right center;
}
div.adress h3 a{
    display: block;
}
div.adress ul{
    background: #E5E5E5;
    display: none;
}
div.adress ul li{
    font-size: .22rem;
    height: .6rem;
    color: #222;
    line-height: .6rem;
    border-top: .03rem solid #fff;
}
div.adress ul li a{
    display: block;
    padding-left: .18rem;
}




/*关于鸿涛*/
.about_about{
    width: 100%;
    padding:.4rem 0;
    margin-bottom: .2rem;
}
.about_about .about_desc{

}
.about_about .about_desc h2{
    font-size: .26rem;
    font-weight: bold;
}
.about_about .about_desc p{
    font-size: .2rem;
    color: #555;
    line-height: .34rem;
    margin: .25rem 0;
}

/*产品中心*/
.pro_center{
    padding-bottom: 1.8rem;
    width: 100%;
}
.pro_center .pro_desc{
    width: 6.4rem;
}
.pro_center .pro_desc>a{
    display: block;
    width: 2.9rem;
    height: 2.83rem;
    display: inline-block;
    margin-top: .6rem;
    margin-right: .2rem;
    position: relative;
}
.pro_center .pro_desc div{
    width: 2.88rem;
    height: 2.21rem;
    text-align: center;
    border:1px solid #ccc;
}
.pro_center .pro_desc div img{
     max-width: 2.88rem;
     max-height: 2.21rem;
}
.pro_center .pro_desc div h4{
    width: 2.87rem;
    height: .5rem;
    border:1px solid #EEEEEE;
    background: #EEEEEE;
    margin-top: .1rem;
    font-size: .2rem;
    bottom: 0rem;
    position: absolute;
    line-height: .5rem;
    text-align: center;
}
.pro_center .paginate{
    position: relative;
    top: .95rem;
    text-align: center;
}
.pro_center .paginate a{
    padding: .10rem .2rem;
    line-height: .6rem;
    background: #fff;
    font-size: .2rem;
    text-align: center;
    color: #444444;
    margin: .05rem;
    border: 1px solid #666;
}
.pro_center .paginate a.on{
    background: #222222;
    border:1px solid #222222;
    color: white;
}




/*产品详情*/
.pro_detail .pro_pic{
    padding: .7rem 0;
    position: relative;
}
.pro_detail .pro_pic .swiper-container{
    /*margin:0 .5rem;*/
    height: 3.5rem;
    /*background: #000;*/
    border: 1px solid #ccc;
}
.pro_detail .pro_pic .swiper-container .swiper-slide{
    text-align: center;
    
}
.pro_detail .pro_pic .swiper-container .swiper-wrapper img{
    max-width: 5.0rem;
    max-height: 3.5rem;
}
.pro_detail .pro_pic a.prev{
    position: absolute;
    left: 0;
    top: 45%;
    width: .4rem;
    height: .8rem;
    background: #222222 url(../images/arrow2_l_h.png) no-repeat center;
    background-size: 100%;
}
.pro_detail .pro_pic a.next{
    position: absolute;
    right: 0;
    top: 45%;
    width: .4rem;
    height: .8rem;
    background: #222222 url(../images/arrow2_r_h.png) no-repeat center;
    background-size: 100%;
}
.pro_detail .pro_desc h2{
    font-size: .25rem;
    color: #111;
    margin-bottom: .2rem;
}
.pro_detail .pro_desc p{
    font-size: .2rem;
    line-height: .35rem;
}
.pro_detail .paginate{
    margin: .8rem 0;
    text-align: center;
}
.pro_detail .paginate a{
    display: inline-block;
    font-size: .2rem;
    text-align: center;
    line-height: .5rem;
    width: 2.58rem;
    height: .5rem;
    color: #444444;
    border:1px solid #999;
    margin-right: .2rem;
}
.pro_detail .paginate a:nth-child(2){
    margin-right: 0;
}
.pro_detail .paginate a.on{
    background: #262626;
    color: #fff;
    border-color: #262626;
}



/*相关产品*/
.relate_pro h3{
    margin-bottom: .3rem;
    font-size: .2rem;
}
.relate_pro .main{
    /*overflow: hidden;*/
}
.relate_pro .pro_list{
    width: 6.4rem;
    padding-bottom: 0.3rem;
}
.relate_pro .pro_list>a{
    display: block;
    width: 2.9rem;
    height: 2.83rem;
    display: inline-block;
    margin-bottom: .6rem;
    margin-right: .2rem;
    position: relative;
}
.relate_pro .pro_list div{
    width: 2.88rem;
    height: 2.21rem;
    text-align: center;
    border:1px solid #ccc;
}
.relate_pro .pro_list div img{
     max-width: 2.88rem;
     max-height: 2.21rem;
}
.relate_pro .pro_list div h4{
    width: 2.87rem;
    height: .5rem;
    border:1px solid #EEEEEE;
    background: #EEEEEE;
    margin-top: .1rem;
    font-size: .2rem;
    bottom: 0rem;
    position: absolute;
    line-height: .5rem;
    text-align: center;
}



/*工程案例*/
.case_center{
    padding-bottom: 1.8rem;
    width: 100%;
}
.case_center .case_desc{
    width: 6.4rem;
}
.case_center .case_desc>a{
    width: 2.9rem;
    height: 2.6rem;
    display: inline-block;
    margin-top: .6rem;
    margin-right: .2rem;
}
.case_center .case_desc div{
    width: 2.9rem;
    height: 2.1rem;
    text-align: center;
}
.case_center .case_desc div img{
   max-width: 2.9rem;
   max-height: 2.1rem;
}
.case_center .case_desc div h4{
    width: 100%;
    height: .3rem;
    margin-top: .1rem;
    font-size: .2rem;
    line-height: .3rem;
    text-align: center;
}
.case_center .paginate{
    position: relative;
    top: .95rem;
    text-align: center;
}
.case_center .paginate a{
    padding: .13rem .2rem;
    line-height: .55rem;
    background: #fff;
    font-size: .2rem;
    text-align: center;
    color: #444444;
    margin: .05rem;
    border: 1px solid #666;
}
.case_center .paginate a.on{
    background: #222222;
    border:1px solid #222222;
    color: white;
}





/*新闻中心*/
.news_center{
    padding-bottom: 1.8rem;
    width: 100%;
}
.news_center .news_list{
    width: 100%;
    height: 2rem;
    padding: .4rem 0;
    border-bottom: 1px solid #ccc;
}
.news_center .news_list .news_pic{
    width: 2.7rem;
    height: 2rem;
    float: left;
    text-align: center;
}
.news_center .news_list .news_pic img{
    max-width: 2.7rem;
    max-height: 2rem;
}
.news_center .news_list .news_detail{
    width: 3.1rem;
    height: 2rem;
    float: right;
    padding: .1rem 0; 
    position: relative;
}
.news_center .news_list .news_detail h2{
    font-size: .22rem;
    height: .3rem;
    margin-bottom: .15rem;
}
.news_center .news_list .news_detail p{
    line-height: .26rem;
    font-size: .18rem;
    color: #666;
}
.news_center .news_list .news_detail span{
    font-size: .16rem;
    display: block;
    position: absolute;
    bottom: .3rem;
    left: 0;
}
.news_center .paginate{
    position: relative;
    top: .95rem;
    text-align: center;
}
.news_center .paginate a{
    padding: .13rem .2rem;
    line-height: .55rem;
    background: #fff;
    font-size: .2rem;
    text-align: center;
    color: #444444;
    margin: .05rem;
    border: 1px solid #666;
}
.news_center .paginate a.on{
    background: #222222;
    border:1px solid #222222;
    color: white;
}


/*新闻详情*/
.news_info{
    width: 100%;
}
.news_info .news_content{
    padding: .4rem 0;
}
.news_info .news_content .news_title{
    text-align: center;
    margin-bottom: .5rem;
}
.news_info .news_content .news_title h2{
    font-size: .28rem;
    margin-bottom: .1rem;
}
.news_info .news_content .news_title span{
    font-size: .18rem;
}
.news_info .news_content > p{
    font-size: .18rem;
    line-height: .4rem;
}
.news_info .paginate{
    margin: .4rem 0;
    margin-bottom: .8rem;
    text-align: center;
}
.news_info .paginate a{
    display: inline-block;
    font-size: .2rem;
    text-align: center;
    line-height: .5rem;
    width: 2.58rem;
    height: .5rem;
    color: #444444;
    border:1px solid #999;
    margin-right: .2rem;
}
.news_info .paginate a:nth-child(2){
    margin-right: 0;
}
.news_info .paginate a.on{
    background: #222222;
    border:1px solid #222222;
    color: white;
}



/*联系我们*/
.contact{
    width: 100%;
    padding-bottom: .7rem;
}
.contact .contact_way{
    border-bottom: 1px solid #999;
    padding: .6rem 0;
    padding-bottom:.4rem; 
    margin-bottom: .2rem;
}
.contact .contact_way h2{
    font-size: .25rem;
    margin-bottom: .3rem;
    color: #222;
    font-weight: bold;
}
.contact .contact_way p{
    font-size: .2rem;
    line-height: .35rem;
}
.contact .contact_way img{
    width: 100%;
    display: block;
    margin-top: .4rem;
}
.contact .message p{
    font-size: .2rem;
    margin-bottom: .3rem;
}
.contact .message input.text{
    padding: 0 .1rem;
    width: 5.8rem;
    height: .53rem;
    background: #EEEEEE;
    border:none;
    outline: none;
    margin: .07rem 0;
    font-size: .2rem;
}
.contact .message input.text::input-placeholder{
    color: #222222;
}
.contact .message input.text::-webkit-input-placeholder{
    color: #222222;
}
.contact .message input.text::-moz-input-placeholder{
    color: #222222;
}
.contact .message input.text::-ms-input-placeholder{
    color: #222222;
}
.contact .message input.btn{
    width:3.6rem;
    height: .55rem;
    font-size: .2rem;
    background: #1E1E1E;
    color: #fff;
    border:none;
    display: block;
    margin-top: .3rem;
    position: relative;
    left: 50%;
    transform: translate(-50%);
    outline: none;
}





div#jquery-overlay{
    width: 100% !important;
}