@charset "utf-8";
/* CSS Document */
*{
	padding: 0;
	margin: 0;
}
html{margin:0; padding: 0;font-size: 100%!important;  background: #eaeaea; font-family: "微软雅黑"}
body{margin:0; padding: 0; color: #333;
	font-size: 1em;
  font-family: "Microsoft YaHei", sans-serif;}
div{margin:0;padding: 0;}
ul,li{ list-style:none; list-style-position: outside; margin: 0; padding: 0;}
a{ text-decoration:none; color: 333;}a:hover{color:666;	text-decoration: none;}a:active{ color: #333} a:visited{ color: #333;}
p{ line-height: 2em; margin: 15px 0; text-indent: 2em; color: #000;}

/*首页样式*/


.bg{width:100%;overflow: hidden; margin-bottom: 1%;}
.bg img{width:100%}


/*解决方案*/
.jjfa{width:100%; margin: auto; overflow: hidden; margin-top: 5%;}
.jjfa-title{width:100%; margin: auto; overflow: hidden; text-align: center;}
.jjfa-content{width:100%; margin: auto; overflow: hidden; background: #ef810c; margin-top: 3%;}
.jjfa-content .tp{width:57%; float: left; overflow: hidden;}
.jjfa-content .tp img{max-width:100%}
.jjfa-content .wz{width:38%; float: right; overflow: hidden;font-size: 1.5em; color: #fff; margin-top: 10%; }
.jjfa-content .wz .text{width:100%; vertical-align: middle; }
.jjfa-content .wz .text span{font-size:2em; display:block; margin-bottom: 3%;}
.jjfa-content .wz .more{ width:100%; text-transform: uppercase; margin-top: 5%}
.jjfa-content .wz .more a{color:#fff;}

/*标题1*/
.index-title1{width:100%; margin: auto; margin-top: 5%; overflow: hidden; text-align: center; font-size:1em; color: #979696; line-height: 2.4em;}
.index-title1 span{ display:block;font-size:2em; color: #3c3b3b;}

/*标题2*/
.index-title2{ width:100%; margin:3% auto; overflow: hidden;}
.index-title2-1{position: relative;width:100%; margin: auto; font-weight: bold;overflow: hidden; font-size:2em; color: #000000; line-height: 2.em; text-align: center; z-index: 2}
.index-title2-2{ position: relative;width:100%; margin: auto; margin-top:-20px; z-index: 1; overflow: hidden; font-size:3.5em; font-weight:normal; color: #f3f3f3; line-height: 1em; text-align: center; text-transform: uppercase;}



/*标题3*/
.index-title3{width:100%; margin:4% auto;  overflow: hidden; font-size:2.25em; color: #3c3b3b; line-height: 1.5em; padding-left: 3%}
.index-title3 span{ display:block;font-size:1.2em; color: #3c3b3b; font-weight: bold; text-transform: uppercase;}



/*标题4*/
.bt4{width:100%; margin: auto; overflow: hidden; margin-top: 3%; margin-bottom: 3%}
.bt4 .list{ width:100%; float: left; text-align: center; margin: auto;}
.bt4 .list li{padding: 2%;margin: auto; display: inline; line-height: 3em;color:#323131;  margin-right: 1px; font-size: 0.938em;}
.bt4 .list li a{color:#323131}
.bt4 .list li a:hover{color:#fff}
.bt4 .list .line{   background: #212121; color: #fff;}
.bt4 .list li:hover{ background: #212121; color: #fff;}
.bt4 .list li:hover a{color:#fff;}



/*标题5*/
.bt5{width:100%; margin:3% auto; overflow: hidden;}
.bt5 ul{ width:100%; margin: auto; overflow: hidden}
.bt5 ul li{ float: left; border-left: 1px solid #e9e6e6; padding: 0 2%; margin-left: -1px; color: #ee3e49; font-size: 1.125em; }
.bt5 ul li a{color: #000000;}

/*标题6*/
.bt6{width:100%; margin: auto; overflow: hidden; font-size: 2em; margin-top: 1%}
.bt6 span{ text-transform:uppercase; display: block; font-weight: bold; font-size: 1.4em; font-family:Consolas, Andale Mono, Lucida Console, Lucida Sans Typewriter, Monaco, Courier New, monospace}


/*标题7*/
.title7{width:100%; margin: auto; margin-top: 5%; margin-bottom: 2%; overflow: hidden; text-align: center; font-size:1em; color: #979696; line-height: 2.4em;}
.title7 span{ display:block;font-size:2.35em; color: #3c3b3b;}

/*标题8*/
.title8{width:100%; margin: auto; margin-top: 5%; margin-bottom: 2%; overflow: hidden; text-align: center; font-size:1em; color: #232323; line-height: 3.4em;}
.title8 span{ display:block;font-size:3em; color: #3c3b3b;}

/*标题9*/
.title9{width:100%; margin: auto; margin-top: 5%; margin-bottom: 4%; overflow: hidden; text-align: center; font-size:1em; color: #6b6666;}
.title9 span{ display:block;font-size:2.4em; color: #3c3b3b; margin-bottom: 0.5em;}

/*标题10*/
.title10{width:100%; margin: auto; margin-top: 5%; margin-bottom: 2%; overflow: hidden; text-align: left; font-size:1.5em; color: #fff;}
.title10 span{ display:block;font-size:1.75em; color: #fff; margin-bottom: 0.2em;}

/*首页-产业*/
.index-cy{width:100%; margin: auto; overflow: hidden;}
.index-cy ul{width:100%; margin: auto; overflow: hidden;margin-left: -1%;}
.index-cy ul li{ width:24%; margin: auto; overflow: hidden; float: left; margin-left: 1%; background: #000; position: relative}
.index-cy ul li .bg{width:100%; position: relative; margin: auto; overflow: hidden}
.index-cy ul li .bg img{max-width:100%;transition: 0.3s;}
.index-cy ul li .text1{ position: absolute; z-index: 2;margin-left: 8%; color: #fff;bottom: 15%; font-size: 2.35em; font-weight: bold;}
.index-cy ul li .text2{ position: absolute; z-index: 2;  margin-left: 8%;color: #fff; bottom: 8%; text-transform: uppercase; font-size: 2em; font-family: Cambria, Hoefler Text, Liberation Serif, Times, Times New Roman, serif}

.index-cy ul li:hover .bg img{ opacity: 0.5; transform: scale(1.03); transition: 0.3s;}


/*首页-介绍*/
.index-about{width:100%; margin:5% auto; overflow: hidden; background: url(../images/index-about-bg.jpg) no-repeat right top}
.index-about-title{width:100%; margin: auto; overflow: hidden;}
.index-about-title img{max-width:100%;}
.index-about-text{width:90%; margin: 3% 3% 2% 3%; overflow: hidden; font-size: 1.125em; color: #000; line-height: 2em;}
.index-about-more{width:67px; float: right; margin-right: 8%}

/*首页-产品案例*/
.index-case{width:100%; margin: auto; overflow: hidden;}
.index-case-title{width:100%; margin: auto; overflow: hidden;}
.index-case-title1{width:20%; float: left; overflow: hidden; margin-left: 5%; font-size: 1.75em;color: #464646;}
.index-case-title1 span{ display:block; font-size: 3em; letter-spacing:2px;  color: #464646; font-family:Impact, Haettenschweiler, Franklin Gothic Bold, Arial Black," sans-serif"; line-height: 1em}
.index-case-title2{width:10%; float: left; overflow: hidden; text-align: center; margin-top: 5%}
.index-case-title2 img{ max-width: 100%;}
.index-case-title3{width:60%; float: left; overflow: hidden; color: #817c7c; font-size: 1.125em; margin-top: 3%; line-height: 1.85em;text-align:justify}

.index-case-box{width:100%; margin: auto; overflow: hidden; padding-bottom: 4%; margin-top: 3%;}
.index-case-box ul{width:100%; margin: auto; overflow: hidden;margin-left: -1%;}
.index-case-box ul li{ width:32.33%; margin: auto; float: left; margin-left: 1%; background: #000; position: relative; margin-bottom: 2em}
.index-case-box ul li .bg{width:100%; position: relative; margin: auto; overflow: hidden}
.index-case-box ul li .bg img{max-width:100%;transition: 0.3s; opacity:0.8;}
.index-case-box ul li .text1{ position: absolute; z-index: 2; margin-top: 8%; margin-left: 8%; color: #fff; font-size: 1.5em; font-family:Impact, Haettenschweiler, Franklin Gothic , Arial Black," sans-serif"; text-transform: uppercase;}
.index-case-box ul li .text2{ position: absolute; z-index: 2; margin-top: 15%; margin-left: 8%;color: #fff; text-transform: uppercase; font-size: 1.125em; font-weight: bold;}
.index-case-box ul li .casebtn{ width:50%;position: absolute; z-index: 2;  bottom: -2em; line-height: 4em; text-align: center; left:50%;margin-left: -25%;color: #fff; text-transform: uppercase; font-size: 0.875em;  background: #f92543}
.index-case-box ul li:hover .bg img{ opacity: 0.5; transform: scale(1.03); transition: 0.3s;}






/*案例*/
.case{width:90%; margin: auto; overflow: hidden;}
.pro-list .probox ul li a {
	display: block;
	height: auto;
	overflow: hidden;
	text-decoration: none;
}
.pro-list .probox ul li .pic {
	height: auto;
	width: 100%;
	position: relative;
	overflow: hidden;
	padding-bottom: 13%;
}
.pro-list .probox ul li .pic img {
   /*  width: auto!important; */
    height: auto!important;
    left: 50%;
    top: 50%;
    transition: .4s ease;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    position: absolute;
}

.index-btn{ width:100%; margin: auto; margin-top: 2%; overflow: hidden; text-align: center}
.index-btn1{ margin: auto;padding: 0 2%; line-height: 2.8em; font-size: 0.983em;  background: #212121;  color: #f0f0f0; overflow: hidden;  width: 180px; border-radius: 50px; transition: all 0.30s linear}
.index-btn1:hover{ background: #f92543; color: #fff; border: none; }

.index-btn2{ margin: auto;padding: 0 2%; margin-bottom: 50px; line-height: 2.8em; font-size:1.25em;  background: #212121;  color: #f0f0f0; overflow: hidden;  width: 380px; transition: all 0.30s linear}
.index-btn2:hover{ background: #f92543; color: #fff; border: none; }


.index-btn3{ 
    padding: 0 2%;
    margin-bottom: 50px;
    line-height: 2.8em;
    font-size: 1em;
    background: #212121;
    color: #f0f0f0;
    overflow: hidden;
    width: 150px;
	float:left;
    text-align: center;
    transition: all 0.30s linear;}
.index-btn3:hover{ background: #f92543; color: #fff; border: none; }




/*首页-新闻*/
.index-news{width:100%; margin: auto; overflow: hidden; margin-bottom: 2%; padding-bottom: 2%}







/* 底部
------------------------------ */
.XS-foot{ width:100%;height: auto; float:left;background: #272727; padding: 3% 0; color: #fff;}
.XS-foot .footmenu{ width: 65%; float: left; }
.XS-foot .footmenu ul{ list-style: none; list-style-position: outside; float: left; height: 208px;  padding:0 2% 0 0; margin:0; width:15%}
.XS-foot .footmenu ul li{ list-style: none; list-style-position: outside;line-height: 2.2rem ; font-size: 1.2em @important;} 
.XS-foot .footmenu ul li a{color:#b3b3b3; }
.XS-foot .footmenu ul li a:hover{ opacity: 0.7 }
.XS-foot .footmenu .title{font-size: 1.3em;}

.XS-foot .code{width:179px; height: 235px; float: left; text-align: center; line-height: 2em;font-size: 1.2em @important;}
.XS-foot .contact{ width:20%;  float: right; font-size:1.2em @important ;}
.XS-foot .contact1{ width:100%; float: left; margin-bottom: 0.75em;line-height: 1.6em ;} 
.XS-foot .contact1 img{ margin-right:18px; vertical-align:middle;}
.XS-foot .tel{ font-weight: bold;}

.XS-foot1{ width:100%;height: auto; float:left;background: #060606; padding: 1% 0; color: #8b8b8b; font-size: 1em;}
.XS-foot1 .copyright{width:40%; float: left;}
.XS-foot1 .copyright a{color:#8b8b8b;}
.XS-foot1 .copyright a:hover{ opacity: 0.8}
.XS-foot1 .jszc{ width:60%; float: right; text-align: right;}


/*底部通用*/
.foot-contact{width:100%; margin: auto; overflow: hidden; background: #fcfcfc;}
.foot-contact .zxmore{width:100%; margin: auto; padding: 6.2% 0; overflow: hidden; background:url(../images/foot-contact-bg.jpg) repeat-x center;}
.foot-contact .zxmore-btn{ margin: auto;padding: 0.5% 2%; line-height: 2.8em; font-size:1.25em;  background: #f92543;  color: #f0f0f0; overflow: hidden;  width: 280px; transition: all 0.30s linear; border-radius: 50px; text-align: center;}
.foot-contact .zxmore-btn:hover{ background: #212121; color: #fff; border: none; }

.foot-contact .line{width:100%; height: 1px; background: #dcdcdc;}
.foot-contact .ico-tel{width:100%; margin: auto; overflow: hidden; margin-top: 5%; margin-bottom: 5%}
.foot-contact .ico-tel-left{width:45%; float: left; margin: auto; overflow: hidden;}
.foot-contact .ico-tel-left li{width:19%; margin: 0 3%; float: left; text-align: center; color: #545454; line-height: 1.6em}
.foot-contact .ico-tel-left li img{ margin-bottom: 1em;transform: rotate(0deg);transition: transform 0.4s linear;}
.foot-contact .ico-tel-left li:hover img{transform: rotate(360deg);}
.foot-contact .ico-tel-left li a{color:#555; font-size: 1.125em;}
.foot-contact .ico-tel-left li a:hover{}

.foot-contact .ico-tel-right{width:55%; float: left; margin: auto; overflow: hidden; padding-top: 1.5%}
.foot-contact .ico-tel-right li{width:50%; float: left; text-align: right; color: #575757}
.foot-contact .ico-tel-right li span{ font-size: 3em; display: block; color: #191919;}

.ss-topbg{
	width: 100%;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: top center;
}

.section1{/*企业文化背景图*/
  	color: white;
	height: 600px;
	background-image: url(../images/about-bg2.jpg);
	background-size:auto;}




/*内页头部背景图*/
.section1{ width:100%; margin: auto; overflow: hidden;}
.section1 img{ max-width:100%}


/*子页内栏目导航*/
.news-menu-box{width:100%; border-bottom: 1px solid #ececec; margin-bottom: 10px;}
.news-menu-box .submenu{width:150px; text-align: center; float: left;line-height: 4em;}
/*新闻导航按钮*/
.button27 {
	color: rgba(0,0,0,1);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	position: relative;
	overflow: hidden;
}
.button27:hover{
}
.button27 a{
	color: rgba(51,51,51,1);
	text-decoration: none;
	display: block;
	font-size: 1.363em;
}
.button27::before{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	z-index: 1;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	-webkit-transform: translate(-100%, -600%) rotate(30deg);
	transform: translate(-100%, -600%)  rotate(30deg);
	background-color: rgba(215,34,0,0.8);
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);

}
.button27:hover::before{
	-webkit-transform: translate(0,0);
	transform: translate(0,0);	
}
.z-dh{float:right; line-height: 4em; color: #666;  font-size: 1.363em;  }





.pro-list{width:100%; overflow: hidden; margin-top: 3em; }
.pro-list .line{ width:100%; height: 1px; background: #ececec;margin-bottom: 50px;}
.pro-list .probox{width:100%; overflow: hidden;}
.pro-list .probox ul{ width: 103.33%; margin-left: -3.33%; overflow: hidden;}
.pro-list .probox ul li{width:30%;float: left;margin:0 0 0 3.33%;margin-bottom: 4em;}
.pro-list .probox ul li .pic{width:100%; height: 324px; overflow: hidden;  }
.pro-list .probox ul li .pic img{transition:.4s ease; width: 100%;}
.pro-list .probox ul li .title{ background: #fff; color: #474747; text-align: center;line-height: 2em; padding-top: 15px; transition:.4s ease;border-bottom: 1px solid #dfdfdf; overflow: hidden; width:90%; margin: auto;}
.pro-list .probox ul li .title .date{width: 26%; float: left;border-right: 1px solid #dfdfdf; margin-right: 6%;font-size: 1.25em; padding-top: 1em; padding-bottom: 1em}
.pro-list .probox ul li .title .date span{display: block;font-size: 2.5em;font-weight: bold; margin-bottom: 10px; }
.pro-list .probox ul li .title .bt{ font-size: 1.5em; text-align:left; padding-top: 1em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
.pro-list .probox ul li .title2{ background: #fff; color: #9e9e9e; text-align: center;padding-left: 10px; font-size: 0.75em;transition:.4s ease;}
.pro-list .probox ul li .title2 .more{width: 26%; float: left; line-height: 3.5em; font-size: 1.5em;}
.pro-list .probox ul li .title2 .arrow{float: right; padding-right: 20px; color: #b7b7b7; font-size: 3.5em; font-weight: bold;transition:.4s ease; }

.pro-list .probox ul li:hover .pic img{ opacity: 0.4;transition:.4s ease;transform: scale(1.1) translate(-45%,-45%);}
.pro-list .probox ul li:hover .title{ background: #fff;transition:.4s ease;}
.pro-list .probox ul li:hover .title .arrow{color: #fff;padding-right: 10px; transition:.4s ease;}
.pro-list .probox ul li .pic::before{content:'';width:  100%;height:  100%;position:  absolute;top: 0;background: rgba(0,0,0,0);left:  0;transition:  .4s ease;}
.pro-list .probox ul li:hover .pic::before{content:'';background: rgba(0,0,0,1);}




/*关于我们*/
.about{width:100%; margin: auto; overflow: hidden; padding-top: 3em; padding-bottom: 3em; background: url(../images/about-bg1.jpg) no-repeat top right }
.about-title{width:100%; margin: auto; overflow: hidden;}
.about-title-1{position: relative;width:100%; margin: auto; font-weight: bold;overflow: hidden; font-size:2.75em; color: #000000; line-height: 2em; text-align: left; z-index: 2}
.about-title-2{ position: relative;width:100%; margin: auto; margin-top:-50px; z-index: 1; overflow: hidden; font-size:6.5em; font-weight:bold; color: #f3f3f3; line-height: 1em; text-align: left; text-transform: uppercase;}

.about-content{width:100%; margin: auto; overflow: hidden;}
.about-content-title{width:100%; margin: auto; margin-top: 4em;}
.about-content-title img{ max-width:100%; width:40%}
.about-content-text{width:100%; font-size: 1.25em; line-height: 3.5em; margin-top: 2em;text-align:justify}
.about-content-text img{ float:right; margin-top: -6em; margin-left: 12%; margin-bottom: 2%; max-width: 100%}

/*企业文化*/
.qywh{width:100%; margin: auto; overflow: hidden;}
.qywh-title{width:100%; margin: auto; overflow: hidden; margin-top: 5%}
.qywh-title-left{width:40%; float: left;}
.qywh-title-left .whtitle1{font-size:1em;}
.qywh-title-left .whtitle2{font-size:3em; font-weight: bold}
.qywh-title-left .whtitleline{ width:80px; height: 6px; background: #f92543;}
.qywh-title-right{width:60%; float: left; font-size: 1.25em; line-height: 2.25em;}
.qywh-ico{width:100%; margin: auto; overflow: hidden;}
.qywh-ico .list{width:80%; float: left; overflow: hidden; margin-top: 80px; margin-left: 10%;}
.qywh-ico .list li{width:23%; margin: 1%; float: left; text-align: center;}
.qywh-ico .list li img{  margin-right: 10px;transform: rotate(0deg);transition: transform 0.3s linear;}
.qywh-ico .list li .text{ margin-top: 40px; font-size: 1.25em; font-weight: bold;}
.qywh-ico .list li .text span{display:block;font-size: 0.75em;  margin-top: 15px;  opacity: 0.65}
.qywh-ico .list li:hover img{transform: rotate(-180deg);}

/*组织架构*/
.zzjg{width:100%; margin:5% auto; overflow: hidden; text-align: center;}
.zzjg-title{width:100%; margin: auto; overflow: hidden;}
.zzjg-title-1{position: relative;width:100%; margin: auto; font-weight: bold;overflow: hidden; font-size:2.75em; color: #000000; line-height: 2em; text-align: left; z-index: 2}
.zzjg-title-2{ position: relative;width:100%; margin: auto; margin-top:-50px; z-index: 1; overflow: hidden; font-size:6.5em; font-weight:bold; color: #f3f3f3; line-height: 1em; text-align: left; text-transform: uppercase;}
.zzjg-title-line{ width: 80px; height: 6px; background: #f92543; margin-top: 2%}
.zzjg-content{width:100%; margin: auto; overflow: hidden; margin-top: 3%}
.zzjg-content img{ max-width:100%;}


/*发展历程*/
.fzlc{width:100%; margin: auto; overflow: hidden; margin-bottom: 4%}
.fzlc-title{width:100%; margin: auto; overflow: hidden; margin-top: 5%; }
.fzlc-title-left{width:40%; float: left;}
.fzlc-title-left .whtitle1{font-size:1em;color: #999}
.fzlc-title-left .whtitle2{font-size:3em; font-weight: bold;color: #000}
.fzlc-title-left .whtitleline{ width:80px; height: 6px; margin-top: 6%; background: #f92543;}
.fzlc-content{width:100%; margin: auto; overflow: hidden;}


/*资质*/
.honor{width:100%; margin: auto; overflow: hidden; margin-bottom: 4%}
.honor-title{width:100%; margin: auto; overflow: hidden; margin-top: 5%; padding-left: 2%; background: url(../images/honor-bg.jpg) no-repeat left bottom; }
.honor-title .zztitle1{font-size:1em;color: #999}
.honor-title .zztitle2{font-size:3em; font-weight: bold;color: #000; }
.honor-btn{width:150px; height: 40px; float: right; background: #e1202d; text-align: center; color: #fff; margin-top: -40px; line-height: 40px;} 
.honor-content{width:100%; margin: auto; overflow: hidden; margin-top: 4%}
.honor-content li{float:left; width:28.33%; margin:0 2.5% ; overflow: hidden}
.honor-content li img{width:100%;transition:.4s ease;}
.honor-content li:hover img{ opacity:0.7;transition:.4s ease;transform: scale(1.03) ;}




/*新闻列表*/

.news2{width: 100%;
	color: #454545;
	margin: auto;
	overflow: hidden;
	clear: both; margin-top: 4%}

.news2 ul{}
.news2 ul li{ background: #fff; margin-bottom: 2em;}
.news2 ul li .text{width:100%; margin: auto; overflow: hidden; }
.news2 ul li .text .text1{ width:80%; font-size: 1.5em; margin: 1.8em 0; height: 1.5em;overflow: hidden; float: left;}
.news2 ul li .text .date{width:20%; float: right;font-size: 0.75em;margin-top:3em; text-align: right; line-height: 1.5em;}
.news2 ul li .text .text2{width:100%; font-size:1.25em; margin-bottom: 3.5em; height: 2.8em; overflow: hidden; color:#717171;}
.news2 ul li .more{width:100px; float: left;background: url(../images/news-arrow.png) no-repeat right; line-height: 27px; height: 27px;font-size: 0.75em; margin-bottom: 2em;transition:.3s ease; }


.news2 ul li:hover{ background:#1a86e2;transition:.3s ease;}
.news2 ul li:hover .text{color:#fff;}
.news2 ul li:hover .text2{color:#fff;}
.news2 ul li:hover .more{background: url(../images/news-arrow2.png) no-repeat right;  margin-left: 1%;transition:.3s ease; }







.product2-1{width:80%; margin: auto; overflow: hidden; margin-bottom: 5%}
.product2-1 ul{}
.product2-1 ul li{ float:left; width:22%; margin:0.5% 1.5%;box-shadow: 1px 1px 8px rgba(0,0,0,0.1); text-align: center;}
.product2-1 ul li .text1{font-size:4.5em; font-weight: bold; color: #f4f5f7; margin-top: 15%}
.product2-1 ul li .text2{font-size:2.5em;  color: #767676; margin-top: -10%}
.product2-1 ul li .text3{font-size:1em;  color: #8490a3; margin-top: 5%}
.product2-1 ul li .text4{font-size:3em;  color: #8490a3; margin-top: 5%; margin-bottom: 15%}

.product2-1 ul li:hover{box-shadow: 1px 2px 5px rgba(0,0,0,0.6); background: #000; color: #fff;    transition: all 0.2s ease-in-out 0s;}
.product2-1 ul li:hover .text1{opacity:0.2}
.product2-1 ul li:hover .text2{color: #fff; opacity:0.9; }
.product2-1 ul li:hover .text3{color: #fff;}


.product2-2{width:100%; margin: auto; overflow: hidden; background: #f8f8fa; }
.product2-2-content ul{ width:100%; margin: auto; overflow: hidden; padding-bottom: 3%}
.product2-2-content ul li{ width:45%; float: left;margin:0.5% 1.5%; background: #fff; overflow: hidden; padding:2% 2% }
.product2-2-content ul li .pro2text{width:78%; float: left; font-size: 0.938em;text-align:justify}
.product2-2-content ul li .pro2text span{display:block; font-size:1.35em; font-weight: bold; margin-bottom: 3%}
.product2-2-content ul li .pro2ico1{width:75px; height: 90px; float: right;background: url(../images/pro-ico1.png) no-repeat;}
.product2-2-content ul li .pro2ico2{width:75px; height: 90px; float: right;background: url(../images/pro-ico2.png) no-repeat;}
.product2-2-content ul li .pro2ico3{width:75px; height: 90px; float: right;background: url(../images/pro-ico3.png) no-repeat;}
.product2-2-content ul li .pro2ico4{width:75px; height: 90px; float: right;background: url(../images/pro-ico4.png) no-repeat;}
.product2-2-content ul li .pro2ico5{width:75px; height: 90px; float: right;background: url(../images/pro-ico5.png) no-repeat;}
.product2-2-content ul li .pro2ico6{width:75px; height: 90px; float: right;background: url(../images/pro-ico6.png) no-repeat;}
.product2-2-content ul li .pro2ico7{width:75px; height: 90px; float: right;background: url(../images/pro-ico7.png) no-repeat;}


.product2-2-content ul li:hover{ background: #1b90c6;box-shadow: 1px 10px 15px rgba(27,145,198,0.3);transition: all 0.2s ease-in-out 0s;}
.product2-2-content ul li:hover .pro2ico1{background: url(../images/pro-ico1-1.png) no-repeat;}
.product2-2-content ul li:hover .pro2ico2{background: url(../images/pro-ico2-1.png) no-repeat;}
.product2-2-content ul li:hover .pro2ico3{background: url(../images/pro-ico3-1.png) no-repeat;}
.product2-2-content ul li:hover .pro2ico4{background: url(../images/pro-ico4-1.png) no-repeat;}
.product2-2-content ul li:hover .pro2ico5{background: url(../images/pro-ico5-1.png) no-repeat;}
.product2-2-content ul li:hover .pro2ico6{background: url(../images/pro-ico6-1.png) no-repeat;}
.product2-2-content ul li:hover .pro2ico7{background: url(../images/pro-ico7-1.png) no-repeat;}
.product2-2-content ul li:hover .pro2text{color:#fff;}



.product2-3{width:100%; margin: auto; overflow: hidden; }
.product2-3 ul{}
.product2-3 ul li{ width:18%; float: left; margin: 2% 1%;box-shadow: 1px 1px 8px rgba(0,0,0,0.1); text-align: center; padding: 3% 0}
.product2-3 ul li .ico{}
.product2-3 ul li .text{ color: #647291; font-size: 1.125em; margin-top: 3%}
.product2-3 ul li:hover{box-shadow: 1px 8px 10px rgba(27,145,198,0.3);transition: all 0.2s ease-in-out 0s;}


.product2-4{width:100%; margin: auto; overflow: hidden; background: url(../images/pro2-4-bg.jpg) center; margin-top: 5%; padding-bottom: 2.5%}
.product2-4 .line{width:100%;height: 1px; background: #fff; opacity: 0.4; margin-bottom: 4%;}
.product2-4 .pro2-4ico{width:100%; margin: auto; overflow: hidden;}
.product2-4 .pro2-4ico ul{}
.product2-4 .pro2-4ico ul li{width:18%; margin: 1%; float: left; text-align: center;padding: 3% 0}
.product2-4 .pro2-4ico ul li .ico{}
.product2-4 .pro2-4ico ul li .ico img{transform: rotate(0deg);transition: transform 0.4s linear}
.product2-4 .pro2-4ico ul li .text{ color: #fff;  margin-top: 5%;font-size:1.2em}

.product2-4 .pro2-4ico ul li:hover .ico img{transform: rotate(15deg);}



/*产业*/
.cy{ width:100%; margin: auto; overflow: hidden; margin-top: 4%}
.cy ul{}
.cy ul li{width:25%; float: left; position: relative; background: #000; color: #fff; text-align: center}
.cy ul li .cy-bg{ margin: auto; overflow: hidden; position: relative; opacity: 0.5}
.cy ul li .cy-bg img{width:100%;transition: 0.3s;}
.cy ul li .cy-ico{width:81px;position: absolute;z-index: 1;margin-top: 40%; left:50%;margin-left: -40px; transition: 0.3s;}
.cy ul li .cy-title{width:80%; margin: auto; position: absolute;z-index: 1;margin-top: 60%; margin-left: 10%; font-size:3.25em; font-weight: 600;}
.cy ul li .cy-text{width:60%;position: absolute;z-index: 1;margin-top: 90%;margin-left: 20%; font-size: 1.25em; opacity: 0;transition: 0.3s;}
.cy ul li .cy-btn{ color:#fff;width:90px;;position: absolute;z-index: 1;margin-top: 75%;left:50%;margin-left: -45px;  border: 1px solid #fff; line-height: 2em;transition: 0.3s; }


.cy ul li:hover .cy-btn{margin-top: 95%;transition: 0.3s;}
.cy ul li:hover .cy-text{opacity: 1;margin-top: 80%;transition: 0.3s;}
.cy ul li:hover .cy-bg img{transform: scale(1.05); transition: 0.3s; opacity: 0.5}



.cy-sub{width:100%; margin: auto; overflow: hidden; margin-top: 4%}
.cy-sub .subleft{width:36%; margin: auto; overflow: hidden; float: right; padding-right: 3%}
.cy-sub .subleft-title{width:100%; margin: auto; overflow: hidden; text-align: right;}
.cy-sub .subleft-content{width:100%; margin: auto; overflow: hidden; font-size: 1.125em; line-height: 2em; margin-top: 2em; color: #767171;text-align:justify}
.cy-sub .subleft-title .title1{font-size: 6.5em;font-weight: bold;color: #f3f3f3;text-transform: uppercase;}
.cy-sub .subleft-title .title2{font-weight: bold;color: #000000;    font-size: 2.75em;margin-top: -50px;}
.cy-sub .subleft-title .title3{ font-size: 1.25em; color: #808080; margin: 1em 0}
.cy-sub .subleft-title .title4{width:70px; height: 6px; background: #f03349; float: right}
.cy-sub .subright{width:55%; float: right; text-align: right}
.cy-sub .subright img{max-width:100%;}

.cy-protitle{width:100%; margin:5%  auto 3%; overflow: hidden; text-align: center; }
.cy-probox{width:100%; margin: auto; overflow: hidden}
.cy-probox ul li a {
	display: block;
	height: auto;
	overflow: hidden;
	text-decoration: none;
}
.cy-probox ul li .pic {
	height: auto;
	width: 100%;
	position: relative;
	overflow: hidden;
	padding-bottom: 13%;
}
.cy-probox ul li .pic img {
    width: auto!important;
    height: auto!important;
    left: 50%;
    top: 50%;
    transition: .4s ease;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    position: absolute;
}

.cy-probox{width:100%; overflow: hidden;}
.cy-probox ul li{width:30%;float: left;margin:0 1.5%;margin-bottom: 3em;}
.cy-probox ul li .pic{width:100%; height: 340px; overflow: hidden;  border: 1px solid #e7e7e7 }
.cy-probox ul li .pic img{transition:.4s ease; width: 100%; max-width: 100%}
.cy-probox ul li .title{ background: #fff; color: #474747; text-align: center;line-height: 2em; padding-top: 10px; font-size: 1.125em;transition:.4s ease;}
.cy-probox ul li .title2{ background: #fff; color: #9e9e9e; text-align: center;padding-left: 10px; font-size: 0.75em;transition:.4s ease;}
.cy-probox ul li .title .arrow{float: right; padding-right: 20px; color: #d73044; font-size: 1.2em; font-weight: bold;transition:.4s ease; }

.cy-probox ul li:hover .pic img{ opacity: 0.4;transition:.4s ease;transform: scale(1.1) translate(-45%,-45%);}
.cy-probox ul li:hover .title{ background: #fff;transition:.4s ease;}
.cy-probox ul li:hover .title .arrow{color: #fff;padding-right: 10px; transition:.4s ease;}
.cy-probox ul li .pic::before{content:'';width:  100%;height:  100%;position:  absolute;top: 0;background: rgba(0,0,0,1);left:  0;transition:  .4s ease;}
.cy-probox ul li:hover .pic::before{content:'';background: rgba(0,0,0,1);}



/*案例*/
.gcal{width:100%; margin: auto; overflow: hidden;}
.cy-probox ul li .title-gcal{ background: #fff; color: #474747; text-align: center;line-height: 2em; padding-top: 10px; transition:.4s ease;}
.cy-probox ul li .title-gcal .al-left{width:50%; float: left; text-align: left; font-weight: bold; font-size: 1.45em; height: 1.8em;}
.cy-probox ul li .title-gcal .al-right{width:50%; float: left; background: #f92543; color: #fff; line-height: 4em;}

/*联系方式*/
.contactus{width:100%; margin: auto; overflow: hidden; margin-bottom: 3%}
.contactus .c-left{width:400px; float: left; overflow: hidden;}
.contactus .c-left .title{width:100%; margin: auto; overflow: hidden; font-size: 2em; color: #353535;margin-bottom: 40px;}
.contactus .c-left .list{width:100%; margin: auto; overflow-y: scroll;  background: url(../images/contact-line.jpg) no-repeat top right;height: 480px;}
.contactus .c-left .list li{width:96%;  overflow: hidden; border-bottom: 1px solid #dedede; font-size: 1.2em;padding: 20px 0 20px 20px}
.contactus .c-left .list li img{float:left; margin-right: 15px; margin-bottom: 20px;}
.contactus .c-left .list li span{ font-size: 1.125em; display:block}
.contactus .c-right{width:calc(100% - 430px);  float: right; overflow: hidden; border:1px solid #d2d2d2;}




/*翻页*/
.fanye{  width: 100%;float: left; margin-top: 3em; margin-bottom: 3em; text-align: center;font-size: 0.875em;}
.fanye-box{width:380px;  float: none; text-align: center; line-height: 35px; margin: auto;}
.fanye-Previous{width:78px; float:left;border: 1px solid #bfc4c5;height: 35px; color: #666666; margin-right: 5px;}
.fanye-Next{width:78px; float:left;border: 1px solid #bfc4c5; height: 35px;color: #414040; margin-left: 5px;}
.fanye-Number{width:35px; float:left; color: #414040;  margin: 0 5px; border: 1px solid #bfc4c5;}
.fanye-Number-current{width:35px; float:left; color: #fff; background: #0062db; margin: 0 5px;}




/*详细页*/
.detail{width:100%; overflow: hidden; margin-top: 4%}
.detail .title{ font-size: 2em;   color: #333;  line-height: 2em;  text-align: center; font-weight: bold;}
.detail .date{ line-height: 2.6em; text-align: center;padding-left: 20px; padding: 1%; font-size: 0.938em; color: #7c7c7c; border-bottom: 1px solid #f3f2f2;}
.detail .content{width:100%;margin-top: 40px; margin-bottom: 60px;  line-height: 2.6em; font-size: 1.5em;}
.detail .content img{max-width:70%;   }

.detail-link{width:100%; background: #f0f0f0; overflow: hidden; padding-top: 15px; margin-top: 5%; padding-bottom: 15px; margin-bottom: 3%}
.detail-link li{width: 46%; float: left;overflow: hidden; padding:0 2%;    border-bottom: none;    padding-bottom: 0px;    margin-bottom: 0px;line-height: 30px;color: #595959; font-size: 1.25em;}
.detail-link li a{color: #555;}

/*详细页-案例*/
.detail-case{width:100%; overflow: hidden; margin-top: 4%}
.detail-case .title{ font-size: 1.85em;   color: #333;  line-height: 2em;  text-align: left; font-weight: bold;}
.detail-case .line{ width:30px; height: 2px; display: block; background: #999; margin: 1% 0}
.detail-case .name{ font-size: 1.5em;   color: #333;  line-height: 2em;  text-align: left; }

.detail-case .content{width:100%; margin-top: 40px; line-height: 2.6em; font-size: 1.125em; text-indent: 2em; overflow: hidden;}
.detail-case .content img{max-width:80%; }

.detail-case-link{width:100%;border-top: 1px dashed #d9d8d8; overflow: hidden; padding-top: 30px; margin-top: 50px; padding-bottom: 5%;}
.detail-case-link li{width: 100%;overflow: hidden;    border-bottom: none;    padding-bottom: 0px;    margin-bottom: 0px;line-height: 30px;color: #595959;}
.detail-case-link li a{color: #555;}








/*滚动新闻样式*/
.demo{
    background: linear-gradient(to right,#ffcccc,#d3d3d3);
}
.post-slide{
    margin: 5px 15px;
}
.post-slide .post-img{
    overflow: hidden;
}
.post-slide .post-img img{
    width: 100%;
    height: auto;
    transform: scale(1);
    transition: all 1s ease-in-out 0s;
}
.post-slide:hover .post-img img{
    transform: scale(1.08);
}
.post-slide .post-content{
    background: #fff;
    padding: 2em 0 0 0;
}
.post-slide .post-title{
    font-size: 1.65em;
    font-weight: bold;
    margin-top: 0;
    text-transform: capitalize;
}
.post-slide .post-title a{
    display: inline-block;
    color: #000000;
    transition: all 0.3s ease 0s;
}
.post-slide .post-title a:hover{
    color: #3d3030;
    text-decoration: none;
}
.post-slide .post-description{
    font-size: 1.125em;
    color: #6b6b6b;
    line-height: 24px;
    margin-bottom: 30px;
	margin-top: 20px;
}
.post-slide .post-bar{
    padding: 0;
    margin-bottom: 15px;
    list-style: none;
}
.post-slide .post-bar li{
    color: #676767;
    padding: 2px 0;
}
.post-slide .post-bar li i{
    margin-right: 5px;
}
.post-slide .post-bar li a{
    display: inline-block;
    font-size: 12px;
    color: #808080;
    transition: all 0.3s ease 0s;
}
.post-slide .post-bar li a:after{
    content: ",";
}
.post-slide .post-bar li a:last-child:after{
    content: "";
}
.post-slide .post-bar li a:hover{
    color: #3d3030;
    text-decoration: none;
}
.post-slide .read-more{
    display: inline-block;
    padding: 10px 35px;
    font-size: 0.85em;
	text-transform: uppercase;
    color: #fff;
    background: #7e7e7e;
	border-radius: 50px;
    transition: all 0.30s linear;
}
.post-slide .read-more:hover{
    background: #f92543;
    text-decoration: none;
}




.fenye{width:100%; text-align: center; margin-top: 20px; margin-bottom: 80px;}
.red{color:#f00;}

.w-1920{width:1903px; margin: auto; overflow: hidden; background: #fff; }
.w-1600{width:1600px; margin: auto; overflow: hidden; }
.w-1300{width:1300px; margin: auto; overflow: hidden; }

/*<1920*/
@media screen and (max-width:1919px) 
{
	.w-1920{width:100%;}
}
/*<1660*/
@media screen and (max-width:1659px) 
{
	.w-1600{width:94%; }
	
	/*底部*/
	.XS-foot .footmenu{width:60%;}
	.XS-foot .footmenu ul{ padding:0 1%;}
	.XS-foot .contact{ width:22%; }
	
	.about-content-text img{margin-left:8%}
	
	.cy-sub .subleft{width:40%; }
	
}
/*<1500*/
@media screen and (max-width:1599px) 
{
	.pro-list .probox ul li .pic{height:260px;}
	
	.index-case-title1 span{font-size:2.2em;}
	
	.cy ul li:hover .cy-btn{margin-top: 105%;transition: 0.3s;}

	.cy-probox ul li .pic{height:260px;}
	
}
/*<1450*/
@media screen and (max-width:1449px) 
{
	
	.about-content-text img{margin-left:4%}
}


/*<1400*/
@media screen and (max-width:1405px) 
{
	
}


/*<1380*/
@media screen and (max-width:1379px) 
{
	
}


/*<1366*/
@media screen and (max-width:1365px) 
{
	
	.w-1300{width:96%;}
	
	.slideTxtBox .bd ul .text-content{font-size:1em;}
	
	.about-right .wz .bt{font-size:1.5em;}
	.about-left .number li span{font-size:3.5em;}
	
	
	.about-content-text img{ margin-top: 0;}
	.about-content-text{ line-height:2.5em;}
}


/*<1300*/
@media screen and (max-width:1299px) 
{
	
	.index-js-60{width:55%;}
	.index-js-40{width:45%}
	.index-js-40 .js-content .title{margin-top:6%;font-size:1.45em;}
	.slideTxtBox .hd ul li{font-size:0.875em;}
	
	.service3 ul{width:96%}
}

/*<1280*/
@media screen and (max-width:1280px) 
{
	.index-js-40 .js-content .line{margin: 3% 0 4% 0;}
	.index-js-40 .js-content{width:86%}
	.index-js-40 .js-content .btn2{margin-top: 5%}
	
	.pro-list .probox ul li .pic{height:220px;}
	
	
	.foot-contact .ico-tel-left li img{width:100%}
	.foot-contact .ico-tel-right li span{font-size:2.3em;}
	
	.product2-1{width:90%}
	
	.index-cy ul li .text1{font-size:1.75em;}
	.index-cy ul li .text2{font-size:1.5em;}
	
	/*底部*/
	.XS-foot .footmenu{width:100%;}
	.XS-foot .footmenu ul{ padding:0 2%;}
	.XS-foot .code{width:100%; text-align: center; }
	.XS-foot .contact{ width:100%; float: left; text-align: center;}
	
	.cy ul li:hover .cy-btn{margin-top: 115%;}
	.cy ul li .cy-btn{margin-top: 85%;}
	.cy ul li .cy-text{font-size:1em;}
	.cy ul li .cy-title{font-size:2em; margin-top: 65%}
	
	
	.cy-sub .subleft{width:100%; padding-left: 3% }
	.cy-sub .subright{width:100%}
	
	.cy-probox ul li .pic{height:220px;}
}

/*<1100*/
@media screen and (max-width:1100px) 
{
	
	.jjfa-content .wz{font-size:1.2em; margin-top: 6%}
	
	.pro-list .probox ul li{width:46%;}
	.pro-list .probox ul li .pic{height:260px;}
	
	
	
	.slideTxtBox .hd ul{width:100%; margin-left: 0}
	.slideTxtBox .hd ul li{font-size:0.75em; width:24%; margin: 0.8% 0.5%}
	
	.product2-1 ul li .text3{font-size:0.875em;}
	
	.service2{ display:none;}
	
	
	
	
.service1 ul li .ser-ico{  margin-top: 10%; margin-left: 7% }
.service1 ul li .ser-text1{margin-top: 18%;  font-size:1.45em; margin-left: 7% }
.service1 ul li .ser-text2{  margin-top: 22%;color: #fff;margin-left: 5% }

.service1 ul li:hover .ser-ico{ margin-top: 7%; }
.service1 ul li:hover .ser-text1{ margin-top: 15%;margin-left: 7%  }
.service1 ul li:hover .ser-text2{ margin-top: 19%; margin-left: 5%}

	.cy-probox ul li .pic{height:260px;}
	.cy-probox ul li{width:46%}
}



/*<1000*/
@media screen and (max-width:999px) 
{
	.index-js-60{display:none;}
	.index-js-40{width:100%; padding-bottom: 5%}
	
	
	
	
	
	.slideTxtBox .bd ul .img{width:100%; margin:0}
	.slideTxtBox .bd ul .text{width:100%; margin: 0}
	
	.about-right .wz .bt{font-size:1.2em;}
	.about-left .number li span{font-size:2.5em;}
	.about-right .wz .content{ font-size:1em;}
	
	.service3 ul li{width:100%; height: auto}
	.service3 ul li .ser3-title{margin-top:10%}
	
	.pay1{width:100%}
    .pay2{width:100%}

	
}


/*<950*/
@media screen and (max-width:950px) 
{
	.pro-list .probox ul li .pic{height:200px;}
	
	.product2-1 ul li{width:47%;}
	.product2-1 ul li .text1{margin-top:5%;}
	.product2-1 ul li .text4{margin-bottom:5%; margin-top: 0;}
	
	.index-cy ul li .text1{font-size:1.25em;}
	.index-cy ul li .text2{font-size:1em;}
	
	.index-case-title1{width:25%;}
	.index-case-title1 span{font-size:1.85em;}
	.index-case-title2{display:none;}
	.index-case-title3{margin-left:3%; width:66%;font-size:1em;}
	
	.index-case-box ul li .text1{ display:none;}
	.index-case-box ul li .text2{ margin-top: 10%}
	.index-case-box ul li .casebtn{line-height:3em;bottom:-1.5em;}
	
	/*底部*/
	.XS-foot1 .copyright{width:100%; text-align: center;  }
	.XS-foot1 .jszc{ width:100%;text-align: center;}
	
	.cy-probox ul li .pic{height:200px;}
	
	.contactus .c-left{width:100%}
	.contactus .c-right{width:100%; margin-top: 3%}
}


/*<850*/
@media screen and (max-width:850px) 
{
	.about-left{width:100%}
	.about-right{width:100%}
	.about-right .tp1{width:50%; margin-top: 5%}
	.about-right .wz{margin-left: 0}
	.about-right .wz .bt{ margin-top:5%}
	.about-right .wz .content{ margin-top:5%}
	
	.about-left .tp{padding-bottom: 60%;    overflow: hidden;    height: 0;}
	
	.foot-contact .ico-tel-left{width:100%;}
	.foot-contact .ico-tel-left li img{width:auto}
	.foot-contact .ico-tel-right{width:100%; margin-top: 5%; border-top:1px solid #dcdcdc}
	.foot-contact .ico-tel-right li{ text-align: center}
	
.service1 ul li{width:50%}
.service1 ul li .ser-ico{  margin-top: 10%; margin-left: 15% }
.service1 ul li .ser-text1{margin-top: 28%;  font-size:1.45em; margin-left: 15% }
.service1 ul li .ser-text2{  margin-top: 35%;color: #fff;margin-left: 12% }

.service1 ul li:hover .ser-ico{ margin-top: 7%; }
.service1 ul li:hover .ser-text1{ margin-top: 22%;margin-left: 15%  }
.service1 ul li:hover .ser-text2{ margin-top: 30%; margin-left: 12%}
	
	.z-dh{display:none;}
	
	
	.cy ul li .cy-ico{ margin-top: 30%}
	.cy ul li .cy-text{width:90%; margin-left: 5%; margin-top: 30%}
	.cy ul li:hover .cy-ico{ margin-top: 20%}
	.cy ul li:hover .cy-title{ margin-top: 55%;transition: 0.3s;}
}

/*<760*/
@media screen and (max-width:760px) 
{
	.footer1-menu{width:100%}
	.footer2-left{width:100%}
	.footer2-right{width:100%}
	.footer2-right li{ text-align:left;}
	
	.XS-foot .footmenu ul{width:16.666%}
	
}

/*<660*/
@media screen and (max-width:620px) 
{
	.jjfa-content .tp{width:100%}
    .jjfa-content .wz{width:90%; padding-bottom: 3%}
    .jjfa-content .wz .text span{font-size:1.5em;}
	
	
	
	.index-js-40 .js-content .btn2 li{ padding: 0 3.5%}
	.pro-list .probox ul li{width:100%;}
	.pro-list .probox ul li .pic{height:200px;}
	
	.footer1-ico{margin:0 auto 2%; padding-top: 4%; float:inherit; overflow: hidden; width:110px;}
	
	.slideTxtBox .hd ul li{width:32%;font-size:0.5em}
	.slideTxtBox .bd ul{margin-top:30%}
	.slideTxtBox .bd ul .text-title{font-size:1.8em;}
	
	.title8 span{font-size:2em;}
	.title7{margin-top: 15%}
	.title7 span{font-size:2em;}
	
	.index-btn2{width:80%}
	
	.foot-contact .ico-tel-left li img{width:100%}
	.foot-contact .ico-tel-right li{font-size:0.875em;}
	.foot-contact .ico-tel-right li span{font-size:1.55em;}
	
	
	.detail .content img{max-width:100%; width:100%;  }
	
	
	
	.about-left .number li{width:28%; float: left; margin: 0; padding: 0; font-size: 0.983em;}
	.about-left .number li span{font-size:2em}
	.about-left .plus{font-size:1.5em;}
	
	.about-left .tp img{width:100%}
	
	.product2-1{width:100%}
	
	.product2-2-content ul li .pro2ico1{float:left;}
	.product2-2-content ul li .pro2ico2{float:left;}
	.product2-2-content ul li .pro2ico3{float:left;}
	.product2-2-content ul li .pro2ico4{float:left;}
	.product2-2-content ul li .pro2ico5{float:left;}
	.product2-2-content ul li .pro2ico6{float:left;}
	.product2-2-content ul li .pro2ico7{float:left;}
	.product2-2-content ul li{width:100%; margin: 2% 0; padding:5% 5% 5% 0;}
	.product2-2-content ul li .pro2text{width:70%;float:right}
	
	.product2-3 ul li{padding:5% 0}
	.product2-3 ul li .ico{width:65%; margin: auto;}
	.product2-3 ul li .ico img{width:100%;}
	.product2-3 ul li .text{font-size:0.75em;}
	
	.title10{font-size:1em;}
	
	.product2-4 ul li .ico{width:65%; margin: auto;}
	.product2-4 ul li .ico img{width:100%;}
	.product2-4 .pro2-4ico ul li .text{font-size:0.75em;}
	
	.service1 ul li .ser-ico{  margin-top: 10%; margin-left: 12% }
	.service1 ul li .ser-text1{margin-top: 32%;  font-size:1.45em; margin-left: 12% }
	.service1 ul li .ser-text2{  margin-top: 38%;color: #fff;margin-left: 8% ;font-size: 0.75em;}

	.service1 ul li:hover .ser-ico{ margin-top: 4%; }
	.service1 ul li:hover .ser-text1{ margin-top: 22%;margin-left: 12% ; }
	.service1 ul li:hover .ser-text2{ margin-top: 35%; margin-left: 8%; font-size: 0.75em;}
	
	
	.service3 ul li .ser3-title{margin-top:8%; margin-left: 20%}
	
	
   .pay1 .title{ font-size: 3em}
	
	.index-title3 span{ font-size:1em;}
	.index-title3{ font-size:1.75em;}
	.index-cy ul li{width:100%; margin-bottom: 1em;}
	.index-about{margin: 8% auto;}
	.index-about-text{margin: 10% 3% 2% 3%;}
	.index-case-title1{width:100%}
	.index-case-title3{width:100%; margin-left:0;}
	.index-case-box ul li{width:100%}
	.index-case-box ul li .text1{display:block}
	.index-case-box ul li .text2{ margin-top:17%;}
	.XS-foot .footmenu{display:none;}
	.XS-foot .code{display:none;}
	.XS-foot .contact{ text-align: left;}
	
	.news2 ul li .text .text1{width:100%; height: 1.4em; margin: 1.5em 0 0}
	.news2 ul li .text .date{width:100%; margin-top: 2%; margin-bottom: 2%; text-align: left;}
	.news2 ul li .text .text2{margin-bottom: 0;}
	.news2 ul li .more{display:none;}
	
	.qywh-title-left{width:100%}
	.qywh-title-right{width:100%; margin-top: 5%}
	.qywh-ico .list{width:100%;margin-left: 0;}
	.qywh-ico .list li .text{font-size: 1em;}
	
	.fzlc-title-left{width:100%}
	.cy ul li{width:100%; margin-bottom: 20px;}
	.cy-probox ul li{width:100%}
	.news2 ul li{border-bottom: 1px dashed #ccc; margin-bottom: 0;    padding-bottom: 2em;}
	
	.detail-link{display:none;}
	
	.about-title-1{font-size:2em;}
	.about-title-2{font-size:4.5em;}
	.qywh-title-left .whtitle2{font-size:2em;}
	.zzjg-title-1{font-size:2em;}
	.fzlc-title-left .whtitle2{font-size:2em;}
	.honor-title .zztitle2{font-size:2em;}
	}