body{background: #f6f6f6;}
.top-banner{width:100%;height:450px;}
.mianbaoxie{
	width:100%;
	height:70px;
	line-height: 70px;
	background: #00a0e9;
}
.mianbaoxie p{
	padding-left:40px;
	font-size:16px;
	color:#fff;
	float:left;
	background: url(../images/inside/home.png) left center no-repeat;
}
.mianbaoxie p a{color:#fff;}
.mianbaoxie ul{
	float:right;
}
.mianbaoxie ul li{
	float:left;
	width:170px;
	text-align: center;
	
}
.mianbaoxie ul li.on a,.mianbaoxie ul li a:hover{
	background: #0080e8
;
}
.mianbaoxie ul li a{
	display: block;
	font-size:16px;
	color:#fff;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
.bigtitle{
	text-align: center;
	font-size:32px;
	color:#333;
	font-weight: bold;
	margin-top:80px;
	padding-bottom:22px;
	background: url(../images/hr3.png) center bottom no-repeat;
}
.about-box{
	margin-top:40px;
}
.about-left{
	width:580px;
	float:left;
}
.about-left h1{
	font-size:24px;
	color:#00a0e9;
	font-weight: bold;
	padding-bottom:28px;
	margin-top:30px;
	background: url(../images/hr3.png) left bottom no-repeat;
}
.about-left p{
	margin-top:18px;
	text-indent: 34px;
	color:#808080;
	font-size: 16px;
	line-height: 30px;
	letter-spacing: 1px;
}
.about-icon{
	margin:35px 25px 0;
	width:86px;
	text-align: center;
	display: inline-block;
}
.about-icon i{
	width:100%;
	margin-top:20px;
	color:#00a0e9;
	display: inline-block;
}
.about-right{
	width:580px;
	float:right;
	overflow: hidden;
}
.about-right img{
	display: block;
	-webkit-transition: all 0.4s ease-in-out;    -moz-transition: all 0.4s ease-in-out;    transition: all 0.4s ease-in-out;
}
.about-right img:hover{
	transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);
}
.about-bottom li{
	width:580px;
	float:left;
	position: relative;
	margin-top:40px;
	overflow: hidden;
}
.about-bottom li img{
	width:100%;
	height:100%;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
.about-bottom li:hover img{
	transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);
}
.about-bottom li div{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	color:#fff;
	padding:0 50px;
	padding-top:284px;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
.about-bottom li.fr{float:right;}

.about-bottom li div h1{
	font-size:24px;
	font-weight: bold;
}
.about-bottom li div p{
	font-size:16px;
	margin-top:35px;
	line-height: 30px;
	opacity: 0;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
.about-bottom li:hover div{
	padding-top:78px;
	background-color:rgba(0,0,0,0.5) ;
}
.about-bottom li:hover div p{
	opacity: 1;
}

.big-text{
	text-align: center;
	padding:10px 180px 30px;
	line-height: 30px;
	font-size:16px;
	color:#808080;
	letter-spacing: 1px;
}
.duoyuan-body{
	height:500px;
	background: url(../images/duanyuanimg.jpg) center top no-repeat;
}
.duanyuan-list{padding:50px 50px 10px 40px;width:50%;float:right;}
.duanyuan-list li{
	color:#fff;
	margin-bottom:32px;
	letter-spacing: 1px;
	padding-left:28px;
	background: url(../images/libg.png) left 5px no-repeat;
}
.duanyuan-list li h1{
	font-size:22px;
	font-weight: bold;
	margin-bottom:10px;
}
.duanyuan-list li p{
	font-size:16px;
	line-height: 35px;
}
.wenhua-list{
	margin-left:-20px;
	margin-bottom:80px;
}
.wenhua-list li{
	width:285px;
	height:375px;
	margin-left:20px;
	float:left;
	overflow:hidden;
	position: relative;
	color:#fff;
}
.wenhua-list li img{
	width:100%;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
.wenhua-list li:hover img{
	transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);
}
.wenhua-list li h1{
	position: absolute;
	top:32px;
	left:26px;
	font-size:24px;
	padding-bottom:17px;
	letter-spacing: 2px;
	background: url(../images/hr4.png) left bottom no-repeat;
}
.wenhua-list li p{
	position: absolute;
	top:85px;
	left:26px;
	padding-right:26px;
	font-size:16px;
	line-height: 24px;
	letter-spacing: 1px;
}

.fuwu-body{margin:80px auto;}
.fuwu-body img{ max-width: 100%; }
.fuwu-box{
	background: #fff;
	margin-bottom:50px;
}
.fuwu-box a{
	display: block;
}
.fuwu-left{
	float:left;
	width:625px;
	height:400px;
	position: relative;
	overflow: hidden;
}
.fuwu-left img{
	width:100%;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
.fuwu-box:hover img{
	display: block;
	transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);
}
.fuwu2 .fuwu-left{
	float:right;
}
.fuwu1 .fuwu-left span{
	position: absolute;
	top:0;
	right:0;
	width:25px;
	height:100%;
	background: url(../images/rightbg.png) no-repeat;
}
.fuwu2 .fuwu-left span{
	position: absolute;
	top:0;
	left:0;
	width:25px;
	height:100%;
	background: url(../images/leftbg.png) no-repeat;
}
.fuwu-right{
	float:left;
	width:575px;
	padding-top:78px;
}
.fuwu1 .fuwu-right{
	padding-left:25px;
	padding-right:50px;
}
.fuwu2 .fuwu-right{
	padding-left:50px;
	padding-right:25px;
}
.fuwu-right h1{
	font-size:24px;
	font-weight: bold;
	color:#333;
	padding-bottom:28px;
	background: url(../images/inside/hr3.png) left bottom no-repeat;
	letter-spacing: 1px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.fuwu-right p{
	font-size:16px;
	line-height: 30px;
	color:#808080;
	margin-top:15px;
	letter-spacing: 1px;
}
.fuwu-right span{
	width:140px;
	height:35px;
	line-height: 33px;
	text-align: center;
	font-size:18px;
	color:#00a0e9;
	letter-spacing: 1px;
	background: #fff;
	border:1px solid #00a0e9;
	display: block;
	margin-top:20px;
	border-radius: 20px;
	
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
.fuwu-box:hover .fuwu-right span{
	background: #00a0e9;
	color:#fff;
}


.xq-left{
	float:left;
	width:600px;
}
.xq-left h1{
	font-size:24px;
	color:#323232;
	font-weight: bold;
	padding-bottom:28px;
	background: url(../images/hr3.png) left bottom no-repeat;
}
.xq-left .oh-text{
	padding-right:58px;
	overflow: auto;
	font-size:16px;
	height:325px;
	line-height: 32px;
	color:#808080;
	letter-spacing: 1px;
	margin-top:20px;
}
.xq-left .oh-text::-webkit-scrollbar{width: 2px; height:150px;  }   
.xq-left .oh-text::-webkit-scrollbar-track{width: 2px !important;height:150px !important;  border-radius: 15px; -webkit-box-shadow: 0; background: #d2d2d2;}   
.xq-left .oh-text::-webkit-scrollbar-thumb{width: 2px !important; height:49px !important; background:#00a0e9;} 
.xq-right{
	float:right;
	width:540px;
	height:400px;
	overflow: hidden;
}
.xq-right img{
	display: block;
	height:100%;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
.xq-right img:hover{
	transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);
}

.xq-ul{
	margin-top:75px;
	margin-bottom:90px;
	padding:0 50px;
	background: url(../images/hr5.png) center top repeat-y;
}
.xq-ul li{
	float:left;
	width:488px;
	padding-top:20px;
	padding-left:115px;
	position: relative;
}
.xq-ul li .fuwu-icon{
	position: absolute;
	top:0;
	left:0;
}
.xq-ul li h1{
	font-size:24px;
	color:#323232;
}
.xq-ul li h2{
	font-size:16px;
	color:#b2b2b2;
	margin-top:10px;
	margin-bottom:15px;
}
.xq-ul li .text{
	font-size:14px;
	color:#808080;
	line-height: 24px;
	height:90px;
}
.xq-ul li .img{
	margin-top:20px;
	position: relative;
	
}
.xq-ul li .img img{
	width:100%;
	display: block;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
.xq-ul li .img img:hover{
	transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);
}
.xq-ul li .img span{
	width:5px;
	height:5px;
	border-radius: 5px;
	display: block;
	background: #dbdbdb;
	position: absolute;
	top:50px;
}
.xq-ul li .img span:after{
	content: "";
	display: block;
	height:1px;
	background: #dbdbdb;
	position: absolute;
	left:0;
	top:2px;
}
.xq-ul .xqli1 .img span{
	right:60px;
}
.xq-ul .xqli1 .img span:after{
	width:126px;
}
.xq-ul .xqli2 .img span{
	left:60px;
}
.xq-ul .xqli2 .img span:after{
	width:242px;
	right:0;
	left:auto;
}
.xq-ul .xqli1{
	margin-bottom:80px;
}
.xq-ul .xqli2{
	float:right;
	margin-top:80px;
}


.news-box{
	box-shadow: 0 3px 8px #dedede;
}
.news-box .fuwu-left{
	width:450px;
	height:300px;
}
.news-box .fuwu-left span{
	background: #00a0e9;
	color:#fff;
	width:70px;
	height:70px;
	font-size:30px;
	font-family: arial;
	font-weight: bold;
	text-align: center;
	position: absolute;
	top:0;
	left:0;
}
.news-box .fuwu-left span i{
	font-size:14px;
	font-weight: normal;
	display: block;
	color:#e5e5e5;
	margin-top:2px;
}
.news-box .fuwu-right{
	width:750px;
	padding:45px 50px 0;
}
.news-box .fuwu-right h1{
	font-size:20px;	
}
.news-detail{
	margin-bottom:80px;
	padding:50px;
	background: #fff;
	box-shadow: 0 3px 8px #dedede;
}
.news-detail-left{
	width:700px;
	float:left;
}
.news-detail-left h1{
	text-align: center;
	font-size:20px;
	color:#333;
	font-weight: bold;
}
.news-detail-left .t-p{
	color:#999;
	text-align: center;
	line-height: 52px;
	border-bottom:1px dashed #ccc;
}
.news-detail-left .t-p span{
	padding-left:28px;
	display: inline-block;
	margin:0 10px;
}
.news-detail-left .t-p .t1{
	background: url(../images/inside/time.png) left center no-repeat;
}
.news-detail-left .t-p .t2{
	background: url(../images/inside/yj.png) left center no-repeat;
}
.text-box{
	padding:30px 0;
	line-height: 30px;
	font-size:16px;
	color:#808080;
}

.nppage {
	padding:30px 0;
	border-top: 1px dashed #dcdcdc;
	color: #666;
}

.nppage a {
	color: #666;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
}

.nppage a:hover {
	color: #00a0e9;
}

.nppage .f-fl {
	float: left;
	line-height: 2;
}

.nppage .f-fr {
	float: right;
}

.nppage .f-fr a {
	width: 80px;
	height: 36px;
	line-height: 34px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	border: 1px solid #00a0e9;
	background: #00a0e9;
	display: block;
	margin-top: 10px;
}

.nppage .f-fr a:hover {
	background: #fff;
	color: #00a0e9;
}

.news-detail-right{
	width:360px;
	float:right;
}
.news-detail-right h1{
	padding-bottom:25px;
	border-bottom:1px solid #d9d9d9;
	font-size:20px;
	padding-left:14px;
	font-weight: bold;
	background: url(../images/inside/hr6.png) left 2px no-repeat;
}
.news-detail-right li{
	padding-top:25px;
}
.news-detail-right li img{
	width:100%;
	border:1px solid #fff;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
	
}
.news-detail-right li p{
	font-size:18px;
	color:#333;
	padding:25px 0 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	border-bottom:1px solid #d9d9d9;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
}
.news-detail-right li a:hover p{
	color:#00a0e9 ;
}
.news-detail-right li a:hover img{
	border:1px solid #00a0e9;
}

.map{
	width:100%;
	height:500px;
	border:1px solid #d9d9d9;
	margin-bottom:80px;
}
.lianxi-list{
	width:450px;
	height:500px;
	padding:88px 0 0 49px;
	background: url(../images/tmbg3.png);
	float:right;
	position: absolute;
	top:0;
	right:0;
}
.lianxi-list h1{
	font-size:30px;
	font-weight: bold;
	color:#fff;
	padding-bottom:42px;
	margin-bottom:40px;
	background: url(../images/hr7.png) left bottom no-repeat;
}
.lianxi-list p{
	line-height: 30px;
	font-size:16px;
	padding-left:50px;
	color:#fff;
	margin-top:28px;
	letter-spacing: 1px;
}
.lianxi-list .p1{
	background: url(../images/c1.png) left center no-repeat;
}
.lianxi-list .p2{
	background: url(../images/c2.png) left center no-repeat;
}
.lianxi-list .p3{
	background: url(../images/c3.png) left center no-repeat;
}
.lianxi-list .p4{
	background: url(../images/c4.png) left center no-repeat;
}
.listpage{width: 100%;  text-align: center;  color: #666;}
.list-right .listpage li{width: auto;margin-right: 0px;margin-bottom: 0px;}
.listpage a,.listpage span,.listpage input.go_input,.listpage input.go_submit{    display: inline-block;font-size:16px; width: 30px; height: 30px; line-height: 28px;  border:1px solid #a0a0a0; color: #999;margin-right: 9px; }
.listpage a:hover,.listpage span,.listpage a.thisclass{ color: #fff;  background: #00a0e9;border: 1px solid #00a0e9;}
.listpage a.active{color: #fff;border: 1px solid #00a0e9; background: #00a0e9;}



.white {  padding: 40px 30px; background: #fff;  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.05); overflow: hidden;}
.map{ height: 450px;margin-bottom: 40px; position: relative; }
.contact{ margin-bottom: 80px; }
#allmap{ height: 450px; width: 100%; }
.map-right{ width: 412px;height: 450px; padding: 65px 30px; background:url(../images/inside/map-right.png) no-repeat;background-size: cover ;  right: 0; top: 0; position: absolute; }
.map-right h4{ font-size: 20px; font-weight: bold; color: #fff; letter-spacing: 2px; }
.map-right i{ width: 75px; height: 2px; background:#17a90b; margin-top: 15px; }
.map-right dl{ overflow: hidden; margin-top: 10px; }
.map-right dd{ font-size: 14px; line-height: 30px; color: #fff; }
.map-right ul{ overflow: hidden; margin-top: 10px; }
.map-right li{ width: 100px; float: left; margin-left: 30px; }
.map-right li:first-child{ margin-left: 0; }
.map-right li span{ width: 100%; height: 100px; background: rgba(255,255,255,0.15); display: block; padding:7px;  }
.map-right li span img{ width: 100%; height: 100%; }
.map-right li p{ text-align: center; color: #fff; margin-top: 5px;}



.contact .contacter{ background: #fff;  overflow: hidden; padding:30px 0; margin-top: 50px; margin-bottom: 0; }
.contacter h5 {
	text-align: center;
    font-size: 24px;
    color: #00a0e9;
    font-weight: bold;
    margin-bottom: 18px;
}
.contacter form p.title {
	text-align: center;
    font-size: 16px;
    color: rgb(128, 128, 128);
    letter-spacing: 1px;
}
.contacter form p.sol {
    font-size: 18px;
    color: rgb(102, 102, 102);
    font-weight: bold;
    margin: 35px 0 20px;
}
.contacter form p.sol span {
	font-size: 14px;
    color: #808080;
    margin: 20px 0;
}
.contacter form label{ font-weight: normal; }
.contacter form label.qiu {
    font-size: 16px;
    color: rgb(128, 128, 128);
    margin-left: 55px;
}
.contacter form label.qiu.fir{
    margin-left: 0px;
}
.contacter form label.qiu input {
    margin-right: 20px;
}
.contacter form .message_nav div {
	display: block;
}
.messsage1{ 
	overflow: hidden; 
	clear: both;
}
.contacter form .msg {
    font-size: 16px;
    color: rgb(128, 128, 128);
}
.contacter form .msg span {
	float: left; display: block; width: 90px; 
}
.contacter .messsage1{ width: 1140px; } 

.contacter form textarea {
    border-radius: 5px;
    background-color: #fcfcfc;
    width:1050px; width: 1010px\0;float: right;
    height: 248px;
   
    outline:none;
    border-style: groove;
    border:1px solid rgb(204, 204, 204);
    font-size: 16px;
    color: rgb(179, 179, 179);
    line-height: 1;
    padding: 20px;
    vertical-align: top;
}
.contacter li{ 
	float: left;
	margin-bottom: 20px;
}

.contacter ul.sec li {
	margin-bottom: 30px;
} 

.contacter ul{ overflow: hidden; }
.contacter ul li{ width: calc( ( 100% - 60px ) / 3 ); width: 360px\0; margin-left: 30px; }
.contacter ul li:first-child{ margin-left: 0; } 

.contacter ul li label {
	width: 90px;
}
.contacter ul.sec li:last-child label {
	width: 135px;
}
.contacter ul.sec li:nth-child(3){ margin-left: 30px; width: 383px }
.contacter li label {
	font-size: 16px;
    color: rgb(128, 128, 128);
    display: inline-block;
    line-height: 42px;
    float: left;
}




.contacter li span {
	float: right;
	margin-right: 10px;
}
.contacter li i{ 
    color: #3fa8e7;
    float: right;
}
.contacter form input.xin {
    border-radius: 5px;
    background-color: rgb(252, 252, 252);
    width: calc( 100% - 90px ); width: 255px\0;
    height: 40px;
   	padding:0 10px;
    font-size: 16px;
    color: rgb(128, 128, 128);
    outline:none;
    border-style: groove;
    border:1px solid rgb(204, 204, 204);
}
.contacter ul.sec li:nth-child(3){ margin-left: 0;    width: 383px; }
    .contacter ul.sec li:nth-child(3) input.xin{ width: calc( 100% - 135px );width: 241px\0; }

.button.relation_nav {
	width: 500px;
	text-align: center;
	margin:30px auto 0; overflow: hidden;
}
.button.relation_nav .l_rel {
	width: 200px;
	line-height: 50px;
	height: 50px\0;
	background: #00a0e9;
    border-radius: 50px;
    text-align: center;
    float: left;
}
.button.relation_nav .l_rel  input{ background: #00a0e9;font-size: 20px;color: #fff; }
.button.relation_nav a.relation_product {
	color: #fff;
	text-decoration: none;
	font-size: 20px;display: block;

}
.button.relation_nav .r_msg {
	width: 200px;
	line-height: 50px;
	height: 50px\0;
	background: #a5a5a5;
    border-radius: 50px;
    text-align: center;
    float: right; 
}
.button.relation_nav a.message_online{
    color: #fff;
    text-decoration: none;
    font-size: 20px;display: block;
}


.case{ margin:40px auto; }
.case-list li{ width: calc( ( 100% - 60px ) / 3 ); float: left;min-height: 330px; padding: 10px 10px 0; background: #e6e6e6; overflow: hidden; transition: all .5s; margin-right: 30px; margin-bottom: 50px; }
.case-list li:nth-child(3n){ margin-right: 0; }
.case-list li .scale-img{ display: block; position: relative; width: 100%; height:270px; overflow: hidden;  }
.case-list li .scale-img img{ width: 100%; height: 100%; -webkit-transition: all 0.4s ease-in-out;position: relative; z-index: 2;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;}
.case-list li:hover .scale-img img{transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}

.case-list li span{ width:100%; display: inline-block; color: #333; font-size: 18px; line-height: 45px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.case-list li span a{ display: block; text-align: center; color: #333; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.case-list li:hover{ background:#0064e0; }
.case-list li:hover span a{ color: #fff; }



.product-show1{ overflow: hidden; padding-bottom: 40px; border-bottom: 1px solid #dcdcdc; }
.preview{ width: 122px;height: 450px; margin-right: 20px; overflow: hidden }
.preview .swiper-slide{ width: 118px; height: 92px; border:2px solid #e6e6e6; }
.preview .swiper-slide.active-nav{ border-color: #0064e0; }
.preview .swiper-slide img{ width: 100%; height: 100%; }
.view{ width: 590px; height: 450px; overflow: hidden;border:10px solid #e6e6e6;}
.view .swiper-slide{ width: 590px; height: 430px;  }
.view .swiper-slide img{ max-width: 100%; }
.product-show-r{ width: 420px; height: 450px; display: flex; justify-content: center; align-items: center; }
.product-show-r-main{ width: 100%; }
.product-show-r .product-show-r-main h5{ font-size:24px; color: #333333; border-bottom: 1px solid #dcdcdc; padding-bottom: 30px;}
.product-show-r .product-show-r-main>div{ overflow: hidden; margin-top: 20px;height: 320px; overflow: auto; }
.product-show-r .product-show-r-main>div::-webkit-scrollbar {
  /*滚动条整体样式*/
  width : 1px;  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
  }
.product-show-r .product-show-r-main>div::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 1px;
  box-shadow   : #fff;
  background   : #0064e0;
  }
.product-show-r .product-show-r-main>div::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow   : #fff;
  border-radius: 1px;
  background   : #fff;
  }
.product-show-r .product-show-r-main p{ font-size: 16px; line-height: 36px; color: #666666; }
.product-show2{ overflow: hidden; margin-top: 30px; padding:0 50px 60px;border-bottom: 1px solid #dcdcdc;  }
.product-show2 p{ font-size: 16px; color: #666666; line-height: 36px; }
.product-show2-main2{ margin-top:40px }
.product-show3{ overflow: hidden; padding: 20px 50px; border-bottom: 1px solid #dcdcdc; }
.product-show3 li{ width: 50%; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #0064e0;font-size: 18px; }
.product-show3 li:first-child+li{ text-align: right; }
.product-show3 li a{ color: #666; font-size: 18px;}
.product-show3 li a:hover{ color: #0064e0 }
.inside-title{ font-size: 24px; line-height: 36px; color: #333; text-align: center; }



@media only screen and (max-width: 1440px) {
	.top-banner{ height: 300px; }
	.mianbaoxie{ height: 50px; line-height: 50px; }
	.fuwu-body{ margin: 40px auto;  }
	.news-box .fuwu-right{ width: 550px; padding:30px 30px 0; }
	.news-detail{ padding:30px; margin-bottom: 50px; }
	.news-detail-left{ width: 600px; }
	.news-detail-right{ width: 300px; }
	.white {
	    padding: 40px 30px;
	}
	.map{ height: 450px;margin-bottom: 40px; }
	#allmap{ height: 450px; }
	.map-right{ height: 450px; width: 412px; background-size: cover !important;    padding: 65px 30px; }
	.map-right h4{ font-size: 20px; }
	.map-right i{ margin-top: 15px; }
	.map-right dl{ margin-top: 10px; }
	.map-right dd{ line-height: 30px; font-size: 14px; }
	.map-right ul{ margin-top: 10px; }
	.map-right li{ width: 100px; margin-left: 30px; }
	.map-right li span{ height: 100px; }
	.map-right li p{ margin-top: 5px; }
	.contact .contacter{ padding: 30px 0; }
    .contacter ul li{ width: calc( ( 100% - 60px ) / 3); width: 360px\0;margin-left: 30px; }
    .contacter ul li:first-child{ width: calc( ( 100% - 60px ) / 3); width: 346px\0; }
    .contacter form input.xin{ width: calc( 100% - 90px ); width: 255px\0; }
    .contacter ul.sec li:nth-child(3){ margin-left: 0;    width: 383px; }
    .contacter ul.sec li:nth-child(3) input.xin{ width: calc( 100% - 135px );width: 241px\0; }
    .msg{ width: 100%; width: auto\0; }
    .contacter form textarea{ width: calc( 100% - 90px ); width: 1010px\0; }
    .case-list li .scale-img{ height: 220px; }
    .case-list li{ width: calc( ( 100% - 40px ) / 3 ); width: 313px\0; float: left;min-height: 280px; padding: 10px 10px 0; background: #e6e6e6; overflow: hidden; transition: all .5s; margin-right: 20px; margin-bottom: 30px; }
}



@media only screen and (min-width:240px) and (max-width: 768px) {
	.w{width:100%;padding-left:3%;padding-right:3%;overflow: hidden;}
	.top-banner{
		height:35vw;
		background-position: top center !important;
	}
	.mianbaoxie{
		display:none;
		height:50px;
		line-height: 50px;
	}
	.mianbaoxie .w{padding:0;}
	.mianbaoxie p{
		display: none;
	}
	.mianbaoxie ul{
		float:none;
		display: flex;
		display: -webkit-flex;
	}
	.mianbaoxie ul li{float:none;width:auto;flex: 1;-webkit-flex: 1;}
	.bigtitle {
	    font-size: 24px;
	    margin-top: 40px;
	    padding-bottom: 15px;
    }
	.about-box{margin-top:0;}
	.about-left{
		width:100%;
	}
	.about-left h1{
		font-size:20px;
	}
	.about-left p{
		letter-spacing: 0;
	}
	.about-icon{
		width:25%;
		margin:0;
		margin-top:20px;
		float:left;
	}
	.about-icon img{
		height:25px;
	}
	.about-right{
		width:100%;
		margin-top:30px;
	}
	.about-right img{
		width:100%;
	}
	.about-bottom li{
		width:100%;
		height:70vw;
		margin-top:20px;
	}
	
	.about-bottom li div {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    color: #fff;
	    padding: 0 5%;
	    padding-top: 6vw;
	    background-color: rgba(0,0,0,0.2);
	    -webkit-transition: all .5s ease-in-out;
	    -moz-transition: all .5s ease-in-out;
	    transition: all .5s ease-in-out;
	}
	.about-bottom li:hover div{
		padding-top: 6vw;
	}
	.about-bottom li div p{
		opacity: 1;
	    font-size: 13px;
	    margin-top: 15px;
	    line-height: 24px;
	}
	.about-bottom li div h1{
		font-size:20px;
	}
	.big-text{
		padding:10px 0;
		line-height: 20px;
		font-size:14px;
	}
	.duoyuan-body{
		height:auto;
		background-position:-970px top !important;
	}
	.duanyuan-list{
		width:100%;
		padding:30px 0;
		padding-bottom:0;
	}
	.duanyuan-list li p{
		letter-spacing: 0;
		line-height: 28px;
	}
	.wenhua-list{margin-left:0;margin-bottom:40px}
	.wenhua-list li{
		width:50%;
		height:60vw;
		margin-left:0;
	}
	.wenhua-list li h1 {
	    top: 26px;
	    left: 20px;
	    font-size: 20px;
	    padding-bottom: 15px;
	    letter-spacing: 2px;
	}
	.wenhua-list li p {
	    top: 75px;
	    left: 20px;
	    padding-right: 20px;
	    font-size:14px;
	    line-height: 20px;
	}
	.duanyuan-list li h1{
		font-size:18px;
	}
	.fuwu-body{margin:30px auto;}
	.fuwu-left{
		width:100%;
		height:auto;
	}
	.fuwu-left span{
		display: none !important;
	}
	.fuwu-right{
		width:100%;
		padding:30px 20px !important;
	}
	.fuwu-box{margin-bottom:20px;}
	.fuwu-right h1{
		font-size:20px;
		padding-bottom:20px;
	}
	.xq-left{
		width:100%;
	}
	.xq-left .oh-text{
		padding-right:0px;
		overflow: initial;
		height:auto;
	}
	.xq-right{
		width:100%;
		height:auto;
	}
	.xq-right img{
		width:100%;
		height:auto;
	}
	.xq-ul{
		padding:0;
		background: none;
		margin-top: 40px;
    	margin-bottom: 40px;
	}
	.xq-ul li{
		width:100%;
		float:none;
		padding-left:60px;
		margin-bottom:20px !important;	
	}
	.xq-ul .xqli2{
		margin-top:0;
		float:none;
	}
	.xq-ul .xqli1{margin-bottom:0;}
	.xq-ul li .img span{display: none;}
	.xq-ul li .fuwu-icon{
		width:50px;
		top:15px;
	}
	.xq-ul li .text{
		height:auto;
	}
	.news-box .fuwu-left{
		width:100%;
		height:auto;
	}
	.news-box .fuwu-right{
		width:100%;
	}
	.fuwu-right h1{
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.news-detail{
		padding:20px 0px;
		margin-bottom:40px;
		background: none;
    	box-shadow: none;
	}
	.news-detail-left{
		width:100%;
	}
	.text-box img{
		max-width: 100%;
	}
	.news-detail-right{
		width:100%;
	}
	.news-detail-left .t-p{display: none;}
	.lianxi-list{
		width:100%;
		height:auto;
		padding:40px 20px;
		position: initial; 
		margin-bottom:40px;
	}
	.lianxi-list h1{
		font-size:20px;
		padding-bottom:25px;
		margin-bottom:30px;
	}
	.lianxi-list p{
		margin-top:20px;
	}
	.listpage a {
	    display: none;
	}
  .listpage a:first-child,.listpage a:last-child{ display:inline-block;}
	.listpage a.listpage-prev, .listpage a.listpage-next {
	    display: inline-block;
	}
	.contact.white{ padding: 20px 3%; }
	.contact{ margin-bottom: 20px; }
	#allmap{ height: 200px; }
	.map{ height: auto; margin-bottom: 20px; }
	.map-right{ width: 100%; position: relative; height: auto; padding:20px 3%; }
	.contact .contacter{ margin-top: 20px; padding:0;}
	.contacter{ padding:20px 3%; }
    .contacter h5{ font-size: 22px;    margin-bottom: 10px; }
    .contacter form p.sol{ margin:20px 0; }
    .select-info{ overflow: hidden; }
    .contacter form label.qiu{ width: 49%; margin-left: 0; float: left; margin-bottom: 10px; }
    .contacter form label.qiu:nth-child(2n){ float: right; }
    .contacter ul li{ width: 100%; margin-left: 0;     margin-bottom: 10px;}
    .contacter ul li:first-child,.contacter ul.sec li:nth-child(3){ width: 100%; }
    .contacter ul.sec li{ margin-bottom: 10px; }
    .contacter .messsage1{ width: 100%; }
    .contacter form textarea{ height: 100px; padding: 5px 3%; font-size: 14px; line-height: 24px; }
    .button.relation_nav{ width: 100%; margin: 10px auto 0;}
    .button.relation_nav .l_rel,.button.relation_nav .r_msg{ width: 48%;line-height: 40px; }
    .button.relation_nav a.relation_product,.button.relation_nav a.message_online{ font-size: 16px; }

    .case{ margin:20px auto; }
    .case-list li{ width: 100%; padding: 10px 3% 0; min-height: auto; margin-bottom: 20px; margin-right: 0;}


    .product-show1{ padding-bottom:20px }
    .preview{ display: none; }
    .view{ width: 100%; height: auto;    border: 4px solid #e6e6e6; }
    .view .swiper-slide{ width: 100%; height: auto; }
    .product-show-r{ width: 100%; height: auto; }
    .product-show-r .product-show-r-main h5{ font-size: 18px; padding: 15px 0; }
    .product-show-r .product-show-r-main>div{ margin-top: 15px;height: auto; }
    .product-show-r .product-show-r-main p{ line-height: 30px; }
    .product-show2{ margin-top: 20px;    padding: 0 3% 20px; }
    .product-show2 p{ line-height: 30px; }
    .product-show2-main2{ margin-top: 20px; }
    .product-show3{ padding:15px 3%; }
    .product-show3 li{ width: 100%; }
    .product-show3 li:first-child+li{  text-align: left; margin-top: 10px; }
}