/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}

del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font:12px/1.14 arial,\5b8b\4f53;color:#333;outline:0; font-family: 'microsoft yahei'} 
body{background:#fff;}
a,a:hover{color:#333;}
a:hover{color:#333;}
a,a:hover{text-decoration: none;}
a:link, a:visited, a:active, a {
    text-decoration: none !important;
}
.clearfix,.clearfix:before,.clearfix:after{
	display: table;
	clear: both;
	content: "";
}
@media screen and (min-width: 1200px) {
	.container-wd{width: 90%;margin: 0 auto;}
}

.clear{clear: both;}
body,html{min-width: 380px;}
#alla,#content{width: 100%;overflow: hidden;}
.space-6{width: 100%;height: 6rem;}
.dhtb{display:none}
@media (max-width: 768px) {
.space-6{width: 100%;height: 2rem;}
.dhtb{display:block;}
.xftb{display:none;}
}
/* ----------------------------------------------------通用样式-------------------------------------------------------------- */


/* 头部开始 */
.headerbox{background: rgba(255,255,255,0.9);position: fixed;z-index: 99;width: 100%;border-bottom: 1px solid #CCCCCC;}
.headerbox:hover{background: rgba(255,255,255,1);}
.headerwd{padding: 0 4rem;width: 100%;}
.headlogo{display: block;margin-top: 0.5rem;}

.headnav{position: unset !important;}
.headnav ul{display: flex;flex-wrap: wrap;margin-bottom: 0;}
.headnav ul h2{padding: 0;margin: 0;}
.headnav ul li a{
	display: block;
	font-size: 16px;
	color: #333;
	text-align: center;
	padding: 1.3rem 2rem;
	}
.headnav ul li:hover h2 a{color: #0353e7;}
.nav-menu{background: #ffffff;background: url(sjbj1.jpg);background-size: 100% 100%;  width: 100%;position: absolute;top: 100%;left: 0;z-index: 9; display: none; border-top: 1px solid #0353e7;padding:2rem 4rem;box-sizing: border-box;}
.headnav ul li:hover .nav-menu{display: block;}
.nav-menu:hover{display: block;}
.mavmenu-tit{font-size: 1.4rem;color: #333333;}
.mavmenu-dec{font-size: 0.67rem;color: #666666;line-height: 2rem;}
.navmenurt{box-sizing: border-box;padding: 1rem;}
.navmenurt img{width: 70%;}
.navmenu-ul{display: flex;width: 90%;margin-top: 2rem;}
.navmenu-ul li{width: 30%;box-sizing: border-box;padding: 0 1rem;overflow: hidden;}
.navmenu-ul li a{display: block;border-bottom: 1px solid #CCCCCC;font-size: 0.67rem;color: #666666;height: 3rem;line-height: 2rem;width: 100%;overflow: hidden;}
.navmenu-ul li a:hover{color:#0353e7 ;}
.headnav-rt{margin-top: 1rem;}
.headssicon{cursor: pointer; display: inline-block;width: 1.5rem;height: 1.5rem;background: url(head-ss01.png);background-size: 100% 100%;}
.headlangeicon{cursor: pointer;display: inline-block;width: 1.5rem;height:1.5rem;background: url(lang.png);background-size: 100% 100%;margin-left: 1rem;}
.headssicon:hover{background: url(head-ss01-02.png);background-size: 100% 100%;}
.headlangeicon:hover{background: url(lang02.png);background-size: 100% 100%;}
.headmobi-menu{float: right;width: 2rem;height: 2rem;}
.headmobi-menu img{width: 100%;margin-top: 1rem;margin-left: 1rem;}
.headssbox{
	position: absolute;top: 0;left: 0;background: #ffffff;padding: 3rem 0;width: 100%;display: none;
}
.headssbox form{display: block;width: 70%;margin: 0 auto;border-bottom: 1px solid #CCCCCC;padding: 0.5rem;}
.headssbox form input{border: none;font-size: 0.8rem;color: #333333;width: 80%;}
.search_btn{width: 1rem;height: 1rem;background: url(head-ss02.png);background-size: 100%;border: none;float: right;}
.search_btn:hover{background: url(head-ss02-02.png);background-size: 100%;}
.headss-close{cursor: pointer; width: 1rem;height: 1rem;background: url(headss-close.png);background-size: 100%;position: absolute;top: 2rem;right: 2rem;}
.headss-close:hover{background: url(headss-close02.png);background-size: 100%;}

.headnav-mobi{width: 100%;position: fixed;z-index: 999;height: 100%;background: rgba(0,0,0,0.6);top: 0;right: -200%;}
.headnavmobirt{background: #FFFFFF;width: 80%;float: right;height: 100%;padding-top: 3rem;}
.headnavmobi-close{width: 2rem;height: 2rem;background: url(mobi-close.png);background-size: 100%;position: absolute;left: 2rem;top: 2rem;}
.heanavmobiti{text-align: center;font-size: 2rem;line-height: 3rem;color: #333333;}
.headnavmobirt ul{padding: 0 2rem;}
.headnavmobirt ul li a {display: block;font-size: 1.2rem;line-height: 3rem;height: 3rem;overflow: hidden;color: #333333;text-align: left;border-bottom: 1px dashed #CCCCCC;}
.headnavmobirt ul li a span{float: right;color: #999999;}

			
@media (max-width: 1200px) {
	.headerwd{padding: 0 1rem;}
	.headnav ul li a{padding: 1.3rem 1rem;}
	.headlogo img{width: 100%;}
}

@media (max-width: 991px) {
	.headerwd{padding-bottom: 0.5rem;}
	.headlogo{margin-bottom: 0.5rem;}
	.headnav-rt{float: left;}
}






/* 首页产品展示就开始 */
.sytit{text-align: center;}
.sytitp1{font-size: 2rem;color: #000000;line-height: 2rem;}
.sytitp2{font-size: 1rem;color: #999999;line-height: 2rem;}
.sycp-ul{margin-top: 2rem;}
.sycp-ul li{margin-bottom: 2rem;}
.sycp-ul li a{display: block;}
.sycpimg{width: 100%;overflow: hidden;}
.sycpimg img{width: 100%;}
.sycp-wz{font-size: 0.78rem;color: #666666;line-height: 2rem;height: 2rem;width: 100%;display: block;box-sizing: border-box;padding: 0.5rem;text-align: center;overflow: hidden;}
.sycp-ul li:hover .sycpimg img{transform: scale(1.1);}
.sycp-ul li:hover .sycp-wz{color: #0353e7;}



/* 优势开始 */
.syyslist{padding-top: 6rem;padding-bottom: 6rem;transition: all 0.3s ease;}
.syys{background: url(ysys-bj.png);background-size: 100% 100%;color: #FFFFFF;text-align: center;}
.syysicon{background: #FFFFFF;border-radius: 50%;width: 23%;margin: 0 auto;}
.syysicon img{width: 100%;}
.syystit{font-size: 1.3rem;font-weight: bold;line-height: 2rem;margin-top: 1rem;margin-bottom: 2rem;}
.syysdec{font-size: 0.8rem;line-height: 2rem;box-sizing: border-box;padding: 0 2rem;}
.syyslist:hover{background: #0353e7;}
@media (max-width: 768px) {
	.syyslist{padding-top: 2rem;padding-bottom: 2rem;}
}


/* 首页关于我们 */
.syabout{background: url(about-bj.png);background-size: 100% 100%;background-attachment: fixed;}
.syaboutlftit{font-size: 1.4rem;color: #000000;line-height: 2rem;margin-bottom: 2rem;font-weight: bold;}
.syaboutlfdec{font-size: 0.74rem;color: #666666;line-height: 2rem;margin-bottom: 1rem;}
.syaboutrt{text-align: right;}
.syaboutrt img{width: 80%;}
.syabout-btn{display: inline-block;border-radius: 30px;text-align: center;color: #FFFFFF;background: #0353e7;padding: 0.8rem 2rem;border: 1px solid #0353e7;}
.syabout-btn:hover{background: #FFFFFF;border: 1px solid #0353e7;}

@media (max-width: 991px) {
	.syyslist{padding-top: 2rem;padding-bottom: 2rem;}
	.syaboutrt img{width: 100%;margin-top: 1rem;}
}



/* 首页新闻开始 */
.synews{background: #f9fafa;}
.synews-ul{margin-top: 2rem;width: 100%;}
.synews-ul li{margin-top: 2rem;}
.synews-ul li a{display: block;}
.synews-data{font-size: 0.66rem;color: #999999;line-height: 2rem;}
.synews-tit{font-size: 1rem;color: #333333;line-height: 2.5rem;height: 2.5rem;overflow: hidden;display: block;box-sizing: border-box;border-bottom: 1px solid #CCCCCC;position: relative;}
.synewsline{position: absolute;left: 0;bottom: 0;width: 2rem;height: 1px;background: #666666;transition: all 0.5s ease;}
.synews-ul li:hover .synewsline{width: 100%;}

.synews-btn{font-size: 0.66rem;color: #0353e7;margin-top: 2rem;}
.synews-ul li:hover .synews-btn{color: #19cf24;}
.synews-ul li:hover .synews-tit{color: #0353e7;}

.syzx{background: url(zx-bj.jpg);background-size: 100% 100%;text-align: center;}
.syzxtit{font-size: 2rem;color: #FFFFFF;line-height: 3rem;text-align: center;}

.cyzx-btn{margin: 0 auto;margin-top: 2rem; display: inline-block;border-radius: 30px;text-align: center;color: #FFFFFF;background: #0353e7;padding: 0.8rem 2rem;border: 1px solid #0353e7;}
.cyzx-btn:hover{background: #FFFFFF;border: 1px solid #0353e7;}


/* foot开始 */
.footbox {background: #333333;;color: #CCCCCC;font-size: 0.86rem;padding-top: 4rem;padding-bottom: 2rem;}
.footbox a{color: #CCCCCC;font-size: 0.66rem;}
.footlisttit{font-weight: bold;margin-bottom: 1rem;border-bottom: 1px solid #5b5c5b;line-height: 2rem;}
.footbox ul{}
.footbox ul li{position: relative;}
.footbox ul li a{width: 92%;height: 2rem;overflow: hidden;box-sizing: border-box;
display: block;
    word-break: keep-all;
    line-height: 2rem;}
.footbox ul li span{position: absolute;right: 0;color: #5b5c5b;top: 25%;}
.footbox ul li:hover a{color: #0353e7;}
.footbox ul li:hover span{color: #0353e7;}

.footlistlx{text-align: right;}
.footlxp1{margin-bottom: 1rem;font-weight: bold;}
.footlxp2{color: #CCCCCC;font-size: 0.66rem;line-height: 2rem;}
.footimgbox{width: 40%;float: right;text-align: center;margin-top: 2rem;}
.footimgbox img{width: 90%;}
.footimgbox p{color: #CCCCCC;font-size: 0.66rem;line-height: 2rem;}
.foot-bot{background: #000000;color: #FFFFFF;text-align: center;color: #CCCCCC;font-size: 0.66rem;line-height: 1.5rem;}
.foot-bot a{color:#ffffff;}
@media (max-width: 768px) {
	.footimgbox{width: 100%;text-align: center;}
	.footimgbox img{width: 60%;}
	.footlistlx{text-align: center;margin-top: 1rem;}
}






/*分页样式开始*/
.ye_ma{text-align: center;margin: 0px;clear: none;width: 100%;padding-top:30px; font-size:14px; color:#666;}
.ye_ma a{line-height: 35px;clear: none; height: 35px; font-size:14px; color:#333; padding:0 15px; border:1px solid #cccccc; border-radius:6px; display:inline-block; margin:0 3px;}
.ye_ma a:hover{background-color:#0353e7; border:1px solid #0353e7; color:#FFF;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;/*过渡效果*/}
/*分页样式结束*/
@media (max-width: 768px) {
	.ye_ma a{margin: 5px 0px;line-height: 25px;height: 25px;}
	.mainspace100{height: 2rem;}
	.new_des{padding: 2rem 4rem;}
}


/* 内页banner */
.bannernei{width: 100%;padding: 10rem; background-size: 100%;}
.banner-cp{background-image: url(banner_nei.jpg);}
	@media (max-width: 768px) {
		.bannernei{width: 100%;padding: 5rem; background-size: 100%;}
	}

/* 产品列表页 */
.cptop-tit{font-weight: bold; text-align: center;font-size: 1.6rem;color: #000000;line-height: 4rem;border-bottom: 1px solid #CCCCCC;}
	.cptop-ul{display: flex;flex-wrap: wrap; justify-content: center;margin-top: 1.5rem;}
	.cptop-ul li{
		padding: 0.2rem;box-sizing: border-box;width: 14%;
	}
	.cptop-ul li a{
		background: #f2f3f2;color: #000000;padding: 0rem 1.5rem;font-size: 0.8rem;line-height: 2rem;height: 2rem;
display: block;overflow: hidden;box-sizing: border-box;width: 100%;text-align: center;
	}
	
.page-wz{font-size: 0.66rem;color: #666666;line-height: 2rem;padding-top: 0.5rem;background: #FFFFFF;box-shadow: 2px 2px 3px #CCCCCC;padding-bottom: 0.5rem;}
.cpbox ul li{margin-top: 2rem;}
.cpbox ul li a{display: block;border: 1px solid #CCCCCC;border-radius: 0.5rem;padding: 0.5rem;}
.cpbox ul li a .cp-img{overflow: hidden;box-sizing: border-box;border-radius: 0.5rem;}
.cpbox ul li a .cp-img img{width: 100%;transition: all 0.5s ease;}	
.cp-wz{height: 3rem;line-height: 3rem;font-size: 0.8rem;color: #000000;overflow: hidden;display: block;border-top: 1px solid #CCCCCC;margin-top: 1rem;text-align: center;}	
	.cpbox ul li a:hover  .cp-img img{transform: scale(1.1);}
	.cpbox ul li a:hover .cp-wz{color: #0353e7;}	
	
	
	
	@media (max-width: 768px) {
		.cptop-ul li{width: 33%;}
		.cptop-ul li a{font-size: 0.67rem;}
	}
	
	
/* 产品内页	 */
.cpneilfbox{padding:0 1rem;}
	.cpneilfbox img{width: 100%;}
	.cpnei-rt h1{font-size: 1.2rem;color: #000000;line-height: 3rem;font-weight: bold;}
	.cpneiline{width: 2rem;height: 2px;background: #0353e7;}
	.cpnei-rtp{font-size: 0.8rem;line-height: 1.8rem;margin-top: 2rem;}
	.cpnei-tag{font-size: 0.8rem;line-height: 1.8rem;}
	.cpnei-tag a{margin-right: 2rem;}
	.cpneibtn-box{margin-top: 2rem;display: flex;justify-content: left;margin-bottom: 2rem;}
	.cpneibtn1{color: #FFFFFF;font-size: 1rem;padding: 0.8rem 2rem;background: #0353e7;margin-right: 2rem;}
	.cpneibtn2{color: #FFFFFF;font-size: 1rem;padding: 0.8rem 2rem;background: #8b8c8b;}
	.cpnei-dh{color: #8b8c8b;font-size: 1rem;line-height: 2rem;}
	.cpnei-dh span{color: #0353e7;}
	.cpnei-bj{background: #ececec;padding-top: 6rem;padding-bottom: 6rem;}	
	
.cpnei-dec{padding-top: 4rem;padding-bottom: 4rem;}
	.cpnei-dectit{font-weight: bold;font-size: 1rem;line-height: 3rem;color: #666666;}
	.cpnei-decbox p{font-size: 0.8rem;color: #666666;line-height: 2rem;text-indent:2rem;}
	.cpnei-decbox1 p{font-size: 0.8rem;color: #666666;line-height: 2rem;/*text-indent:2rem;*/}
	.cpnei-decbox1 p img{ margin:0px auto;}
@media (max-width: 768px) {
		.cpnei-decbox1 img{
		    width: 100%;
		}
	}	
	
@media (max-width: 768px) {
		.cpneilfbox{padding: 0;}
	}	
	
	
/* 新闻列表页	 */
.newslist ul{margin-top: 2rem;}
.newslist ul li {margin-top: 1.5rem;width: 100%;}
.newslist ul li a{display: block;background: #f2f3f2;}
.newslistlf{overflow: hidden;}
.newslistlf img{width: 100%;transition: all .5s ease;transform: scale(1.1);}
.newslist ul li:hover .newslistlf img{transform: scale(1.2);}
.newslisttit{font-size: 1.2rem;color: #000000;line-height: 3rem;height: 3rem;overflow: hidden;display: block;}
.newslistdec{margin-top: 1rem; font-size: 0.8rem;color: #666666;line-height: 1.5rem;height: 3rem;overflow: hidden;display: block;}
.newslistrt{padding-top: 2rem;padding-left: 2rem;}
.newslistdata{padding-top: 4rem;}
.newslistdatap1{font-size: 4rem;color: #444444;font-family: Impact;line-height: 4rem;text-align: center;}
.newslistdatap2{padding-bottom: 2rem;font-size: 0.8rem;color: #444444;text-align: center;font-weight: bold;    font-family: Arial;}
.newslist ul li:hover .newslisttit{color: #0353e7;}
.newslistdatacp{padding-top: 2rem !important;}
.newslistcp{padding-top: 2rem;border-top: 1px dashed #CCCCCC;}
.newslistcp a{background: #e5e5e5;}
.newslistcp li{margin-top: 1rem;}
.newslistcp .newslistlf{    padding-top: 1.4rem;}
@media (max-width: 768px) {
		.newslistdata {padding-top: 1rem;}
	}	




/* 新闻内页 */
.newsneilftop h1{font-size: 1.8rem;font-weight: bold;text-align: center;line-height: 3rem;}
.newsneitiowz{font-size: 0.68rem;text-align: center;line-height: 3rem;color: #999999;}
.newsneilftop{padding-bottom: 1rem;border-bottom: 1px solid #CCCCCC;}
.newsneilf-dec{padding: 2rem 0;}
.newsneilf-dec p{font-size: 0.8rem;color: #333333;line-height: 2rem;text-indent: 2rem;}


.newsnei-rtbox1{border: 1px solid #ececec;padding: 2rem;position: relative;margin-bottom: 2rem;}
	.newsnei-rtdec{border-top: 1px solid #ececec;padding-top: 1rem;}
	.newsnei-rtdec a{font-size: 0.8rem;color: #666666;line-height: 1.5rem;}
	.newsneirtboxdz{font-size: 1rem;color: #000000;background: #FFFFFF;position: absolute;top: 1.5rem;left: 2rem;padding-right: 1rem;}
	.newsnei-newslist{box-sizing: border-box;border: 8px solid #ececec;padding: 2rem;}
	.newsneilistp{font-size: 1rem;color: #000000;line-height: 2rem;font-weight: bold;}
	.newsneilistp li a{display: block;width: 100%;}
	.newsneitit{font-size: 0.8rem;color: #666666;line-height: 1.5rem;}
	.newsneidata{font-size: 0.68rem;color: #999999; line-height:1.2rem;}
	.newsnei-newslist li{border-bottom: 1px solid #ececec;padding-bottom: 0.5rem;}
	.newsnei-newslist li .newsneitit{line-height: 2rem;height: 2rem;overflow: hidden;}
	.newsnei-newslist li:hover .newsneitit{color: #0353e7;}
	.newsnei-rtdec:hover a{color: #0353e7;}




/* 单独页面 */
.abouttit{font-size: 1.8rem;line-height: 4rem;color: #000000;text-align: center;border-bottom: 1px solid #CCCCCC;padding-bottom: 0.5rem;}
.abouttitneir p{font-size: 0.68rem;color: #666666;line-height: 2rem;text-indent: 2rem;}
.abouttitneir{margin-top: 1rem;}



/* 动画效果 */
#sygslf{position: relative;left: -100%;opacity: 0;}
#sygsrt{position: relative;right: -100%;opacity: 0;}
#sysz{position: relative;top: 100px;/*opacity: 0;*/}


.gssll .linw {
        width: 50px;
        height: 4px;
        background: #faf6f3;
        display: block;
        margin-bottom: 28px;
    }
    
    .smjz {
        
        padding: 0px;
        margin-bottom: 20px;
    }
    
    .smjz li {
        line-height: 30px;
        margin-bottom: 30px;
        color: #333;
       width:25%;
        box-sizing:border-box;
        text-align: center;
        float: left;
        border-right: 1px dashed #bbb;
        padding: 20px 30px 0 30px;
        transition: 0.3s;
		    background: #f6f6f6;
    padding-bottom: 50px;
    }
   .smjz p{text-indent:0;} 
	
	
    .smjz li img {
        width: 70px;
		display:block;
        margin:0 auto;
	   margin-top:1.5rem;
    }
    
    .smjz .qyyj {}
    
    .smjz .qyyj2 {
        border-right: none
    }
    
    .smjz li strong {
        display: block;
        font-size: 18px;
        font-weight: bold;
    }
    
    .smjz li em {
        display: block;
        font-size: 15px;
        font-style: normal;
    }
    
    .smjz li:hover {
        -webkit-transform: translate(0, -10px);
        transform: translate(0, -10px);
    }
.kfay {
        width: 100%;
        height: 210px;
        padding-top: 0px;
		margin-bottom:10px;
    }
    
    .kfay list-paddingleft-2 {
        width: 188px;
        float: left;
        padding: 10px;
    }
    
.kfay li img{ height:auto; width:178px; }
    
    
    .kfay li {
        margin-right:2rem;
    }
    
    .kfay li h4 {
        padding-top: 32px;
        font: 24px "Microsoft YaHei";
        color: #000;
        background:url(/images/lxg.png) no-repeat left bottom;
        font-weight: bold;
		line-height:50px
    }
    
    .kfay li h4 i {
        padding-left: 15px;
        text-transform: uppercase;
        font: 16px "Arial";
        color: #999999;
    }
    
    .kfay li p {
            text-indent: 2rem;
    font-size: 14px;
        color: #333333;
        line-height: 30px;
        padding-top: 15px;
    }



.smjz li:nth-child(4){border: none;}

@media (max-width: 768px){



.list-paddingleft-2{display: block!important;}
.kfay li p{ text-align: center;}
.kfay{height:auto;}
.smjz li{width: 50%;}
}