@charset "utf-8";
/*about*/
#page{margin:50px auto}
.title2{text-align:center;margin-top:50px;padding-bottom:76px;background:url(../images/1_071.png) no-repeat bottom center;line-height:1}
.title2 b{font-size:43px}
.title2 b span{font-size:30px}
.title2 p{font-size:29px;line-height:1;margin-top:10px}
.title2 p span{font-size:20px}
.content{max-width:1110px;margin:18px auto 0;line-height:40px;padding:0 50px}
.about_ys{text-align:center;max-width:1000px;margin:43px auto 57px}
.about_ys dl{float:left;width:48%;text-align:left;padding-left:94px;box-sizing:border-box;margin:22px 0 0 2%}
.about_ys dl dt{font-size:26px;font-weight:bold;line-height:26px}
.about_ys dl dd{font-size:22px;line-height:35px}
.about_ys1{background:url(../images/2_06.png) no-repeat left center}
.about_ys2{background:url(../images/2_08.png) no-repeat left center}
.about_ys3{background:url(../images/2_10.png) no-repeat left center}
.about_ys4{background:url(../images/2_15.png) no-repeat left center}
.about_ys5{background:url(../images/2_16.png) no-repeat left center}
.about_ys6{background:url(../images/2_17.png) no-repeat left center}
.about_case{overflow:hidden;padding:0 0 44px 0;background:url(../images/zizhibg2.jpg) fixed;background-size:contain}
.about_case h2{text-align:center;font-size:80px;line-height:100px;margin:57px 0 88px 0;color:#fff}
.about_case>div{text-align:center;max-width:1200px;margin:0 auto}
.about_case img{display:inline-block;width:19%;margin:0}
.about_case a{display:block;width:135px;margin:87px auto;padding-left:70px;line-height:53px;color:#fff;background:#F33B31 url(../images/2_25.png) no-repeat 27px center;border-radius:5px}

/*products*/
.title3{text-align:center;font-size:30px;line-height:144px;font-weight:bold;padding-bottom:24px;background:url(../images/1_071.png) no-repeat bottom center;color:#333}
.prolist{overflow:hidden;margin-top:7px;margin-bottom:50px}
.box50{box-sizing:border-box;width:23%;min-height:242px;margin:1% 1%;float:left;border-radius:5px;padding:10px;background:#A6A6A6;padding-bottom:20px;cursor:pointer}
.redbg{background:#FF5D5E !important}
.prolist h2{text-align:center;font-size:20px;color:#333;line-height:40px;margin:39px 0 10px 0}
.prolist p{text-align:center;margin-bottom:25px}
.proimg{width:33.3%;float:left}
.proimg img{width:100%}
.procon{font-size:16px}
.liucheng{}
.liucheng h2{text-align:center;font-size:30px;line-height:120px;padding:120px 0 30px;color:#333}
#jiangxin{}
#jiangxin ul{}
#jiangxin ul li{height:932px;overflow:hidden;background:url(../images/kehu.jpg)}
#jiangxin ul li p{max-width:1200px;margin:172px auto 0;line-height:180px;text-indent:56px;font-size:30px;font-weight:bold;color:#fff;background:rgba(0,0,0,0.5)}
.hcp{padding-top:55px;padding-bottom:66px;max-width:1200px;margin:0 auto}
.hcp p{font-size:24px;color:#666;font-weight:bold;line-height:27px}
.hcp img{display:block;margin:52px auto 0}
#hzhb{text-align:center;background:url(../images/kehu.jpg) fixed;padding:80px 0}
#hzhb img{max-width:30%}

/*detail*/
#product{position:fixed;z-index:10;width:100%;top:0;height:100%;background:rgba(0,0,0,0.5);display:none}
.close{position:absolute;top:-24px;font-size:100px;line-height:70px;right:0;z-index:11;color:#999;cursor:pointer}
.product-box{display:none;max-width:1000px;box-sizing:border-box;margin:0 auto;background:#fff;padding:20px 100px 50px;position:relative;overflow-y:scroll;height:100%}
#product h1{}
.con{}
.kefu{}
.fuwu dt{float:left;height:100%;width:20%}
.fuwu dt span{display:block;width:80%;background:#ccc;line-height:100px;text-align:center;font-size:20px}
.fuwu dd{float:left;width:23%;border:1px dotted;box-sizing:border-box;margin:1%}
.fuwu dd div{}
.fuwu dd div img{display:block;margin:0 auto;max-width:100%}
.fuwu dd p{text-align:center}
.video2{height:400px;background:#ccc}
.video3{}
.video3 img{display:block}
.video3 h2{position:absolute;top:200px;left:100px;font-size:50px;color:#fff;line-height:100px}
.video3 p{position:absolute;top:300px;left:100px;font-size:30px;border-bottom:2px solid #fff;color:#fff}
.contact{margin:50px auto}
.contact li{padding-right:15px;padding-left:15px;overflow:hidden;width:33.33333333%;float:left;position:relative;min-height:1px;box-sizing:border-box}
.contact p{line-height:1.75;position:relative;padding:20px;border:1px solid #dedede;margin-top:20px}
.contact li a{}
@media only screen and (min-width: 100px) and (max-width: 640px) {
    .title2{margin-top:20px;padding-bottom:50px}
	.title2 b{font-size:20px}
	.title2 p{font-size:15px}
	#page{margin:0}
	.about_ys dl{width:46%}
	.about_case h2{font-size:20px}
	.fuwu dd{width:48%}
	.contact li{width:100%}
	.contact p{margin-top:10px;padding:20px}
}