@charset "gb2312";
/* CSS Document
Theme Name: c_jsqt888
Theme URI: 
Description: -.-#
Version: 2020.05.10
Author: pw
 */
/* CSS Document */
/***预设样式***/
*{border:0;padding:0;margin:0;}
body,h1,h2,h3,h4,h5,h6,li,ul,ol,dt,dl,dd,input,p{margin:0;padding:0;font-weight:normal;}
body{font-family:"PingFang SC";font-size:14px;background:#fff;color:#333;}
ol,ul{list-style:none;}
input,img{border:none;}
a{text-decoration:none;color:#333;}
i{font-style:normal;}
img{display:block;}

/***公用样式**/
.all{width:100%;height:auto;overflow:hidden;}
.kong{width:1200px;margin:0 auto;overflow:hidden;}
.kong2{width:1400px;margin:0 auto;overflow:hidden;}
.left{float:left;}
.right{float:right;}
.clear{height:0;clear:both;font-size:0;}

.top{width:100%;}
.topa{border-bottom:1px solid #ccc;}
.top .kong{width:1400px;}
.logo{overflow:hidden;height:30px;line-height:30px;font-size:14px;font-weight:bold;}
.logo img{height:80%;margin-top:3px;float:left;margin-right:10px;}
.dh{line-height:30px;color:#2182ec;background:url(../images/phone.png) no-repeat center left;padding-left:25px;font-size:12px;margin-right:10px;background-size:10%;font-weight:bold;}
.nav{height:66px;box-shadow:0 5px 10px #ccc;display:none;}
.nav ul li{float:left;margin:0 30px;line-height:66px;position:relative;}
.nav ul li a{font-size:16px;}
.nav ul li hr{width:46px;height:4px;background:#2182ec;border-radius:15px;box-shadow:0 5px 10px #ccc;position:absolute;left:50%;margin-left:-23px;bottom:5px;opacity:0;}
.nav ul li:hover hr{opacity:1;transition:.5s;}
@media screen and (max-width:768px){
	.logo a span{display:none;}
	.nav ul li{width:25%;margin:0;text-align:center;}
	.logo img{height:70%;float:left;margin:6px 0 0;}
	.dh{line-height:48px;color:#2182ec;background:url(../images/phone.png) no-repeat center left;padding-left:30px;font-size:16px;margin-right:10px;background-size:10%;font-weight:bold;}
}

.main{overflow:hidden;min-height:500px;}
.title_bt{margin-top:60px;text-align:center;}
.title_bt h2{text-transform:uppercase;font-size:28px;color:#8c919a;height:70px;line-height:70px;}
.title_bt hr{width:54px;height:3px;background:#2182ec;margin:0 auto;}
.title_bt h3{width:210px;height:80px;margin:0 auto;line-height:80px;font-size:30px;text-align:center;}
.title_bt h3.hot{background:url(../images/hot.png) no-repeat center left;}
@media screen and (max-width:768px){
	.title_bt{margin-top:30px;}
	.title_bt h2{font-size:16px;height:42px;line-height:42px;}
	.title_bt h3{height:48px;line-height:48px;font-size:28px;text-align:center;}
}

#demo,#demoa,#demob{overflow:hidden;width:98%;margin:0 auto;position: relative;margin-top:20px;}
#indemo,#indemoa,#indemob{float: left;width:800%}
#demo1,#demoa1,#demob1{float: left;}
#demo2,#demoa2,#demob2{float: left;}
@media screen and (max-width:768px){
	#demo1,#demoa1,#demob1{height:272px;overflow:hidden;}
}


.cpalist{}
.cpalist ul li{width:280px;height:auto;float:left;margin:20px 0 0 25px;}
.cpalist ul li img{width:278px;max-height:195px;border:1px solid #ccc;}
.cpalist ul li:nth-child(1){margin-left:0;}
.cpalist ul li:nth-child(5){margin-left:0;}
.cpalist ul li:nth-child(9){margin-left:0;}
.cpalist ul li h2{height:45px;line-height:45px;text-align:center;}
.cpalist ul li h2 a{font-size:16px;color:#333;}

@media screen and (max-width:768px){
	.kong{width:98%;margin:0 auto;}
	.cpalist ul li{width:48%;height:auto;margin:20px 0 0 0;}
	.cpalist ul li img{width:98%; height:8em; border:1px solid #ccc;}
	.cpalist ul li:nth-child(odd){float:left;}
	.cpalist ul li:nth-child(even){float:right;}
	.cpalist ul li h2{height:45px;line-height:45px;text-align:center;}
	.cpalist ul li h2 a{font-size:16px;color:#333;}
	.top .kong{width:98%;}
}

.case_list{}
.case_list li{float:left;margin-left:15px;margin-right:15px;padding-bottom:15px;_display:inline;}
.case_list li a.img{padding:4px;}
.case_list li a.img img{width:283px;height:196px;border:1px solid #cacaca;box-shadow:0 5px 15px #ccc;}
.case_list li h3{text-align:center;padding-top:25px;}
.case_list li h3 a{font-size:20px;}
.case_list li a.img{display:block;}
.case_list li a.img:hover{border-color:#e87518;}

.roll_product{float:left;}

.index_cases{margin-top:30px;}
.index_cases ul li{width:386px;float:left;margin:20px 0 0 10px;}
.index_cases ul li img{width:384px;border:1px solid #ccc;}
.index_cases ul li:nth-child(1){margin-left:0;}
.index_cases ul li:nth-child(4){margin-left:0;}
.index_cases ul li h2{line-height:50px;margin-top:15px;text-align:center;}
.index_cases ul li h2 a{font-size:16px;}
.index_cases ul li p{color:#666666;font-size:16px;line-height:24px;padding:0 25px;}
.index_cases ul li h3{width:100px;background:url(../images/more.png) no-repeat center right;line-height:28px;margin:10px 0 0 25px;}
.index_cases ul li h3 a{color:#989898;font-size:16px;display:block;}

@media screen and (max-width:768px){
	.index_cases ul li{width:98%;margin:0;}
	.index_cases ul li img{width:98%;margin:20px auto 0}
	.alb ul li{width:48%;}
	.alb ul li:nth-child(odd){float:left;}
	.alb ul li:nth-child(even){float:right;}
}



.footer{width:100%;overflow:hidden;background:#2b2b2b;margin-top:50px;}
.ft{border-bottom:1px solid #4e4e4e;margin:50px 0 0;}
.fta,.ftb,.ftc{float:left;}
.fta p:last-child{width:132px;margin:45px auto 0;}
.ftb{margin-left:210px;text-align:center;}
.ftb dl dt{font-size:20px;color:#fff;height:40px;line-height:40px;margin-bottom:20px;}
.ftb dl dd{line-height:36px;font-size:20px;}
.ftb dl dd a{color:#fff;font-size:16px;}
.ftc{margin-left:230px;text-align:left;}
.ftc dl dt{font-size:20px;color:#fff;height:40px;line-height:40px;margin-bottom:20px;}
.ftc dl dd{line-height:36px;font-size:20px;padding-left:30px;}
.ftc dl dd a{color:#fff;font-size:16px;}
.ftc dl dd:nth-child(2){background:url(../images/tb1.png) no-repeat left center;}
.ftc dl dd:nth-child(3){background:url(../images/tb2.png) no-repeat left center;}
.ftc dl dd:nth-child(4){background:url(../images/tb3.png) no-repeat left center;}
.fb{height:70px;line-height:70px;color:#949494;font-size:14px;text-align:center;}
.fb a{color:#949494;font-size:12px;}
@media screen and (max-width:768px){
	.fb{line-height:32px;color:#949494;font-size:14px;text-align:center;padding:15px;}
}

.nybanner{height:auto;overflow:hidden;display:none;}
.nybanner img{margin:0 auto;display:block;max-width:100%;}
@media screen and (max-width:768px){
	.nybanner{min-height:210px;background:url(../images/nybanner1.jpg) no-repeat center;background-size:contain;}
	.nybanner img{display:none;}
}
.dybox{overflow:hidden;width:100%;}
.mbx{font-size:16px;line-height:52px;border-bottom:1px solid #454545;color:#898989;display:none;}
.mbx a{font-size:16px;}
.dyinfo{padding:0 0 25px;line-height:42px;font-size:14px;}
.dyinfo p{text-indent:2em;}
.dyinfo img{max-width:100%;display:block;margin:0 auto;}
.lxinfo{padding:25px 0;}
.lxinfo p{line-height:36px;font-size:14px;}
.lxinfo p span{font-weight:bold;}

.back{position:fixed;right:5px;bottom:100px;}
.back ul li{width:50px;height:50px;text-align:center;line-height:50px;background:#2182ec;border-radius:5px;box-shadow:0 0 5px #fff;font-size:16px;color:#fff;font-weight:bold;cursor:pointer;}
.back ul li a{color:#fff;font-weight:bold;display:block;}
.back ul li.pulltop{display:none;margin-top:5px;}

.xs{display:block;}

.kong1{width:1200px;margin:25px auto 0;overflow:hidden;}

@media screen and (max-width:768px){
	.dybox{width:98%;}
}

@media screen and (max-width:768px){
	
}


.c-banner{
	width: 100%;
	position: relative;
}
.c-banner img{
	width: 100%;
}
.c-banner .banner ul{
	list-style: none;
	padding-left: 0px;
	margin-bottom: 0px;
}
.c-banner .banner ul li{
	position: absolute
	display: none;
	opacity: 0;
}
.c-banner .banner ul li:nth-child(1){
	opacity: 1;
	display: block;
}
.c-banner .banner ul li img{
	width: 100%;
	position: absolute;
	top: 0px;
}
.c-banner .banner ul li:first-child img{
	position: relative;
}
.c-banner .nexImg,.c-banner .preImg{
	position: absolute;
	top: 50%;
	margin-top: -53px;
	z-index: 10;
	
}
.c-banner .nexImg:hover,.c-banner .preImg:hover{
	opacity: 0.8;
}
.c-banner .nexImg{
	right: 5%;
}
.c-banner .preImg{
	left: 5%;
}
.c-banner .nexImg img,.c-banner .preImg img{
	
	
}
.c-banner .jumpBtn{
	width: 100%;
	position: absolute;
	bottom: 20px;
	text-align: center;
}
.c-banner .jumpBtn ul{
	margin-bottom: 0px;
	padding: 0px;
}

.c-banner .jumpBtn ul li{
	width:12px;
	height: 12px;
	display: inline-block;
	background-color: #fff;
	opacity: 0.9;
	margin-left: 10px;text-align:center;color:#edf5fe;border-radius:50px;
}
.c-banner .jumpBtn ul li:first-child{
	margin-left: 0px;
}

@media screen and (max-width:768px){
	.c-banner .nexImg,.c-banner .preImg{display:none;}
}