*{font-family: 'Microsoft YaHei',serif;}
body{width: 100%;overflow-x:hidden;background: #ebeef3;}
.clearfix:after {content: " ";display: block;clear: both;height: 0;}
.clearfix {zoom: 1;}
.maxwidth{width: 100%;max-width: 1200px;margin-left: auto;margin-right: auto;}

/*
公共部分头和尾部
 */
/*
头部
 */
.hearder{width: 100%;z-index: 110px;}
.hearder_top{height: 30px;border-bottom: 1px solid #999999;}
.hearder_top p{display: block;line-height: 30px;font-size: 14px;color:#333333;}
.hearder_nav{width: 100%; background-color: #ebeef3;max-height: 144px;box-shadow: 3px 3px 15px #ACADB1}
.hearder_navDiv{height: 100%;}
.logo{float: left;width: 30.4%;position: relative;margin: 1% 0px;padding-top: 6.4%;height: 0px;box-sizing: border-box;}
.logo img{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.hearder_navDiv .nav{height: 50px;float: right;margin-top: 1.5%;}
.nav-li{position: relative;float: left;height: 100%;margin-left: 7px;}
.nav-li a{display: block;color: rgb(51, 51, 51);font-size: 16px;height: 100%;padding-left: 6px;padding-right: 6px;line-height: 56px;box-sizing: border-box;margin-left: 24px;}
.nav-li:nth-child(1) a{padding-left: 16px;padding-right: 16px;}
.nav-li a:hover{color: #D61216;}
.nav-li .navclick{color: #D61216;}
.hearder_navDiv .nav .sub{display: none;position: absolute;width: 120px;z-index: 999;box-shadow: 0px 0px 12px #999999;background-color: #ffffff;}
.hearder_navDiv .nav .sub a{display: block;height: 30px;padding:0 0;margin:0 0; text-align: center;line-height: 30px;border-bottom: 1px solid #666666;color: #666666; }
.hearder_navDiv .nav .sub a:hover{color: #ffffff;background-color:#D61216;}
.nav_more{display: none; position: relative;margin-top: 10px;margin-right: 10px;width: 60px;height: 40px;float: right;cursor: pointer;opacity: 0.9;}
.nav_more span{display: block;position: absolute;height: 4px;top: 22px;left: 8px;right: 0px;background-color: #D61216}
.nav_more span:before,.nav_more span:after{content:"";display: block;position: absolute;width: 100%;height: 4px;background: #D61216;}
.nav_more span:before{top: -10px;}
.nav_more span:after{bottom: -10px;}
.main_nav{position:fixed;left:0px;top:0px;width:100%;height:100%;z-index:999;display:none;}
.main_nav ul{width:100%;height:auto;position:absolute;right: -180px;top:95px;width:180px;opacity: 0.98;}
.main_nav ul li{font-size:16px;line-height:40px;border-bottom:1px solid white;overflow:hidden;width:100%;text-align: center;overflow: hidden;height: 40px;}
.main_nav ul li a{margin: 0 0;color:#ffffff;display:block;padding-left:0px;text-decoration: none;background-color: #D61216;opacity: 0.8;width: 100%;}
.main_nav ul li a:hover{opacity: 0.6;color:#ffffff;}
/*.main_nav ul li.clo{position:absolute;bottom:0px;background-color:#FD5030;}
.main_nav ul li.clo a{color:white;}*/

/*

/*
尾部
 */
.footer .bottom{background-color: #333333;height: auto;}
.footer .bottom .txt{float: left;margin: 29px 0px;}
.footer .bottom .txt span{font-size: 16px; color: rgb(191, 191, 191);text-align: left; line-height: 2em;display: block;}
.footer .bottom .txt span a{font-size: 16px; color: rgb(191, 191, 191);}
.QRCodeDiv{float: right;margin-top: 15px;}
.QRCodeDiv .pic{float: right;width: 160px;margin-top: 5px;margin-left: 15px;}
.QRCodeDiv .pic img{display: inline-block;height: 160px; width: 160px;}
.QRCodeDiv .pic span{font-size: 18px;color: #fefefe;display: block;text-align: center;}
.QRCodeDiv .soma{font-size: 24px;color: white;display: block;width: 24px;display: inline-block;margin-left: 13px;vertical-align: middle;float: right;margin-right: 5px;line-height: 1.3em;}
.technical_support{display: block;width: 100%;height: auto;text-align: center;padding-top: 6px;color: #fbfbfb;font-size: 14px;margin-bottom: 10px;}

/*
手机底部
 */
.iphonebottom_nav{display: none;width: 100%;position: fixed;bottom: 0px;left: 0px;background-color: #262626;z-index: 9999;}
.iphonebottom_nav a{display: block;width: 25%;border-left: 1px solid #ffffff;box-sizing:border-box;height: 60px;float: left;}
.iphonebottom_nav a:nth-child(1){border:none;}
.iphonebottom_nav a img{display: block;width: 30px;height: 28px;margin: 7px auto 0 auto;}
.iphonebottom_nav a p{display: block;text-align: center;font-size: 13px;color: #ffffff;margin-top: 3px;}
/*
banner
 */
#ad{position: relative;}
#ad .item{display: block;position: relative;height: 0px;width: 100%;padding-top: 36%;box-sizing: border-box;}
#ad .item img{position: absolute;height: 100%;width: 100%;top: 0px;left: 0px;}
#ad .left{display: none;position: absolute;width: 45px;height: 45px;top:50%;left: 10px;margin-top: -23px;z-index: 10;border-radius: 50% 50%;color: white;cursor: pointer;background-image: url("../images/bL.png");background-size: 100% 100%;}
#ad .right{display: none;position: absolute;width: 45px;height: 45px;top:50%;right: 10px;margin-top: -23px;z-index: 10;border-radius: 50% 50%;color: white;cursor: pointer;background-image: url("../images/bR.png");background-size: 100% 100%;}
#ad .left:hover{background-image: url("../images/wL.png");}
#ad .right:hover{background-image: url("../images/wR.png");}

/*
首页
 */
.home{padding: 33px 0px 40px 0px; box-sizing: border-box;}
.homebody{position: relative;padding-left:240px;box-sizing: border-box;}
.htitle1{font-size: 16px;color: #ffffff;font-weight: bold;background-color:#D61216;height: 46px;line-height: 52px;padding-left: 10px;box-sizing: border-box;}
.htitle2{font-size: 16px;color: #0c0c0c;font-weight: bold;text-align: left;height: 35px;line-height: 35px;border-bottom: 1px solid #E1E1E1;padding-left: 10px;box-sizing: border-box;}
.hidetitle{display: none;}
.homeL{position: absolute;top: 0px;left: 0px;width: 240px;}
.hprocList ,.hcontact{border: 1px solid #D61216;box-sizing: border-box;width: 100%;}
.hprocList ul li{width: 100%;height: 44px;border-top: 1px solid #E1E1E1;box-sizing: border-box;}
.hprocList ul li:nth-child(1){border-top: none;}
.hprocList ul li a{display: block;width: 100%;height: 100%;line-height: 44px;text-align: left;box-sizing: border-box;padding-left: 10px;font-size: 14px;color: #333333;font-weight: bold;}
.hprocList ul li a:hover{background-color: #F2F2F2;}
.hcontact{padding-bottom: 28px;margin-top: 15px;}
.hcontact p{line-height: 2em;font-size: 12px;color: rgb(38, 38, 38);box-sizing: border-box;padding-left: 10px;}
.hcontact p:nth-child(1){margin-top: 8px;}
.hcontact p span{font-size: 14px;color:#D61216; }

.homeR{width: 100%;box-sizing: border-box;padding-left: 18px;overflow: hidden;min-height: 555px;}
.hpro1,.hpro2{width: 100%;margin-top: 13px!important;margin-bottom: 22px;}
.hproCard{float: left;border:1px solid #E1E1E1;margin-right: 7px;padding: 10px 10px;}
.hproCard .pic{display: block;width:160px;height: 160px;}
.hproCard .pic img{width: 100%;height: 100%;}
.hproCard .txt{width: 160px;height: 42px;text-align: center;padding-top: 12px;box-sizing: border-box;text-align: center;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;text-align: center;}
.hproCard .txt a{font-size: 14px;line-height: 17px;color: #333333;width: 100%;}
.hproCard .txt a:hover{color: #D61216;text-decoration: underline;}

.habout{width: 100%;}
.habout .nr{position: relative;width: 100%;box-sizing: border-box;padding: 12px 0px 8px 242px;}
.habout .nr .pic{display: block;width: 232px;height: 146px;position: absolute;top: 12px;left: 10px;}
.habout .nr .pic img{width: 100%;height: 100%;}
.habout .nr .txt{padding:0px 18px;width: 100%;box-sizing: border-box;height: 146px;}
.habout .nr .txt a{font-size: 14px;color: rgb(63, 63, 63);max-height: 155px;word-break:break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:9;overflow: hidden;}
.hyzs{margin-top: 8px;}
.hhydt,.zsxt{width: 48.6%;float: left;}
.zsxt{margin-left:2.8%;}
.zsxt ul li,.hhydt ul li{height: 37px;box-sizing: border-box;border-bottom: 1px solid #E1E1E1;}
.zsxt ul li a,.hhydt ul li a{display: block;font-size: 12px;color: #333;padding-left: 10px;float: left;width: 60%;line-height:37px;height: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.zsxt ul li a:hover,.hhydt ul li a:hover{text-decoration: underline;}
.zsxt ul li span,.hhydt ul li span{font-size: 12px;color: #666;padding-right: 10px;float: right;line-height: 37px;}

/*
分页关于我们
 */
.about .nr{width: 100%;box-sizing: border-box;padding: 12px 10px 8px 10px;}
.about .nr .pic{display: block;position: relative;width: 100%;height: 0px;padding-top:27%;}
.about .nr .pic img{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;}
.about .nr .txt h2{color: rgb(12, 12, 12);font-size: 14px;font-weight: bold;}
.about .nr .txt p{color: rgb(63, 63, 63);font-size: 12px; line-height: 1.75em;margin-bottom: 25px;}

/*
产品中心
 */
.productCardAll{width: 100%;padding:13px 10px;box-sizing: border-box;}
.productCard{width: 24.25%;margin-right:1%;float: left;border: solid 1px #DDD;box-sizing: border-box;padding: 10px;margin-top: 10px;}
.productCard:nth-child(4n){margin-right:0%;}
.productCard .pic{display: block;position: relative;width: 100%;height: 0px;padding-top:100%;}
.productCard .pic img{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;}
.productCard .txt {height: 32px;text-align: center;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.productCard .txt a{line-height: 42px;}
.productCard .txt a:hover{color: #D61216;text-decoration: underline;}

/*
新闻资讯
 */
.newsCardAll{width: 100%;padding:0px 10px 13px 10px;box-sizing: border-box;}
.newsCard{position: relative;width: 100%;float: left;border-bottom: solid 1px #DDD;box-sizing: border-box;padding: 10px 10px 10px 150px;}
.newsCard .pic{position: absolute;top: 10px;left: 0px;width: 140px;height: 140px;}
.newsCard .pic img{width: 100%;height: 100%;}
.newsCard .txt{width: 100%;height: 140px;}
.newsCard .txt .caption{float: left;max-width: 60%;min-width:186px;height: 36px;text-align: left;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.newsCard .txt .caption a{font-size: 14px;color: #333333;font-weight: bold;line-height: 36px;}
.newsCard .txt span{display: block;float: right;width: 75px;height: 36px;line-height: 36px;font-size: 12px;color: #666;}
.newsCard .txt .nr{max-height: 85px;font-size: 12px;color: #999999;line-height: 22px;word-break:break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow: hidden;}
.newsCard .txt .caption a:hover{color: #D61216;text-decoration: underline;}
.newsCard .txt .nr:hover{color: #D61216;text-decoration: underline;}

/*
联系我们
 */
.contactus{width: 100%;padding:0px 10px 13px 10px;box-sizing: border-box;}
.contactusCardAll{width: 100%;margin-top: 35px;}
.contactusCard{width: 33%;float: left;}
.contactusCard .pic{width: 50px;height: 50px;margin:0 auto;}
.contactusCard .pic img{width: 100%;height: 100%;}
.contactusCard .txt{text-align: center;margin-top: 15px;font-size: 12px;color: #999999;}
.contactus .map{position: relative;width: 100%;height:0px;padding-top: 58.6%;box-sizing: border-box;margin-top: 35px;}
.contactus .map .mapdiv{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;}
/*
产品详情
 */
.productDetails{width: 100%;padding:0px 10px 13px 10px;box-sizing: border-box;}
.proDetails{position: relative;width: 100%;height: 100%;padding-left: 340px;box-sizing: border-box;min-height: 350px;margin-top: 10px;}
.proDetails .pic{position: absolute;top: 0px;left: 10px;width: 300px;height: 300px;}
.proDetails .pic img{width: 100%;height: 100%;}
.proDetails .txt{width: 100%;}
.proDetails .txt h2{font-size: 16px;font-weight: bold;color: #333333;margin-bottom: 15px;}
.proDetails .txt p{font-size: 14px;margin-bottom: 15px;color:#666666;}
.proDetails .txt span{font-size: 14px;line-height: 1.5em;}
/*
新闻详情
 */
.newsDetails{width: 100%;padding:0px 10px 13px 10px;box-sizing: border-box;}
.newsDetails .top{text-align: center;font-size: 20px;color: #333333;border-bottom: 2px solid #E1E1E1;padding-bottom: 10px;}
.newsDetails .data{text-align: center;margin-top: 10px;margin-bottom:15px;color: #999999;}
.prenext{margin-top: 15px;}

/*
在线留言
 */
.leavemesgDiv{width: 100%;padding:0px 10px 13px 10px;box-sizing: border-box;margin-top: 3%;}
.leavemesgDiv div{width: 50%;float: left;margin-top: 15px;}
.leavemesgDiv div label{text-align: right;display: inline-block;width: 65px;}
.leavemesgDiv div span{color: red;}
.leavemesgDiv div input{height: 28px;margin-left: 8px;width: 50%;border-radius: 5px 5px 5px 5px; outline: none;box-shadow: none;border: none;border:1px solid #999999;}
.leavemesgDiv .dx{width: 70%;}
.leavemesgDiv .dx textarea{width: 60%;margin-left: 8px;height: 80px;}
.leavemesgDiv .sbmret{width: 100%;}
.leavemesgDiv div input[type=button]{outline: none;height:32px;width: 100px;background-color: white;}
.leavemesgDiv div input[type=reset]{outline: none;height:32px;width: 100px;background-color: white;}

/*
分页符号
 */
.pagination a{display: inline-block;width: 30px;height: 30px;border: 1px solid red;text-align:center;line-height: 30px;}
.pagination .next ,.pagination .prev,.pagination .index{width: 45px;}
.pagination span{display: inline-block;width: 30px;height: 30px;text-align:center;}

@media screen and (max-width: 1200px){
	.maxwidth{width: 98%;}
	.logo{width: 24.6%;padding-top: 5.8%;}
	.hearder_navDiv .nav{height: 50px;float: right;margin-top: 1%;}
	.nav-li{margin-left: 6px;}
	.nav-li a{font-size: 15px;line-height: 50px;}
	.home{padding: 2.7% 0px 3.3% 0px; }
	.hidetitle{display: none;}
}
@media screen and (max-width: 960px){
	.hearder_top div{float: right;margin-top: 12px;height: 29px;}
	.hearder_top div .pic{width: 27px;height: 21px;margin-left: 19px;}
	.hearder_top div span{font-size: 18px;height: 21px;}
	.hearder_top div .map{font-size: 14px;color:#4c4c4c;margin-left: 19px;}
	.logo{width: 18.4%;padding-top: 4.4%;}
	.hearder_navDiv .nav{height: 40px;float: right;margin-top: 1%;}
	.nav-li{margin-left: 0px;}
	.nav-li a{font-size: 13px;line-height: 40px;}
	.productCard{width: 32.6%;}
	.productCard:nth-child(4n){margin-right:1%;}
	.productCard:nth-child(3n){margin-right:0%;}
	.proDetails{padding-left: 220px;}
	.proDetails .pic{width: 200px;height: 200px;}
	.leavemesgDiv div input{width: 65%;}
	.leavemesgDiv .dx textarea{width: 75%;}
	.footer .bottom .txt span{font-size: 14px;}
	.hidetitle{display: none;}
}
@media screen and (max-width: 768px){
	.hearder_top div{display: none;}
	.hearder_navDiv .nav{display: none;}
	.hearder_top{height: 30px;}
	.hearder_top p{height: 100%;line-height: 30px;}
	.hearder_nav{height: 65px;}
	.logo{width: 219px;height:46px;margin-top: 10px;}
	.nav_more{display: block;}
	.footer .bottom .txt{float: none;margin-bottom: 10px;}
	.footer .bottom .txt span{text-align: center;font-size: 14px;}
	.QRCodeDiv{float: none;margin: 0 auto;width: 312px;}
	.QRCodeDiv .pic{width: 120px;}
	.QRCodeDiv .pic span{font-size: 15px;}
	.QRCodeDiv .pic img{width:120px;height: 120px;}
	.QRCodeDiv .soma{font-size: 19px;margin-top: 5px;}
	.homebody{padding-left: 0px;}
	.homeL{position: relative;width: 100%;}
	.homeR{min-height: 300px;}
	.hprocList{float: left;width: 240px;margin-top: 0px;margin-right: 20px;box-shadow: 3px 3px 12px #999999;margin-bottom: 10px;}
	.hcontact{float: left;width: 240px;margin-top: 0px;margin-right: 0px;padding-bottom: 0px;box-shadow: 3px 3px 12px #999999;}
	.hprocList ul{display: none;position: absolute;width: 238px;z-index: 12;background-color: white;opacity: 0.9;box-shadow: 3px 3px 12px #999999;}
	.hcontact .txt{display: none;position: absolute;width: 236px;z-index: 12;background-color: white;border: 1px solid #D61216;box-shadow: 3px 3px 12px #999999;padding-bottom: 8px;}
	.homeR{padding-left: 0px;}
	.htitle1{display: none;}
	.hidetitle{display: block;}

}
@media screen and (max-width: 480px){
	.hearder_top{display: none;}
	.hearder_nav{height: 50px;position: fixed;top: 0px;left: 0px;z-index: 9999;}
	.hearder_hidediv{width: 100%;height: 50px;}
	.logo{width: 154px;height:32px;margin-top: 8px;}
	.nav_more{margin-top:1px;}
	.main_nav ul{top: 50px;}
	.nullDiv{width: 100%;height: 60px;}
	.iphonebottom_nav{display: block;}
	.bottom{display: none;}
	#ad .left{width: 30px;height: 30px;margin-top: -15px;}
	#ad .right{width: 30px;height: 30px;margin-top: -15px;}
	.htitle1{font-size: 15px;height: 36px;line-height: 42px;}
	.hcontact{display: none;}
	.habout .nr{padding-left: 0px;}
	.habout .nr .pic{position: relative;width: 100%;height: 0px;padding-top:63%;top: 0px;left: 0px;}
	.habout .nr .pic img{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;}
	.habout .nr .txt{padding: 0px 0px;margin: 10px 0px; }
	.hhydt{width: 100%;}
	.zsxt{width: 100%;margin-left: 0px;margin-top: 10px;}
	.productCard{width: 49%;margin-right:2%;}
	.productCard:nth-child(3n){margin-right:2%;}
	.productCard:nth-child(2n){margin-right:0%;}
	.newsCard{padding-left:80px;}
	.newsCard .pic{width: 80px;height: 80px;}
	.newsCard .txt{height:80px;}
	.newsCard .txt .caption{height: 16px;width:100%;max-width: 100%;}
	.newsCard .txt .caption a{line-height: 16px;}
	.newsCard .txt span{height: 16px;line-height: 16px;margin-top: 5px;float: left;}
	.newsCard .txt .nr{-webkit-line-clamp:2;max-height: 42px;}
	.contactusCard .pic{width: 30px;height: 30px;}
	.proDetails{padding-left: 0px;}
	.proDetails .pic{position: relative;}
	.proDetails .txt{margin-top: 10px;}
	.leavemesgDiv div{width: 100%;}
	.leavemesgDiv .dx{width: 100%;}
	.leavemesgDiv .dx textarea{width: 65%;}
}