@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6,p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,del, dfn, em,  img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,input,textarea,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td
{font-family:Microsoft YaHei;font-weight:normal;word-break:break-all;word-wrap:break-word;margin:0;padding:0;outline:0;text-decoration:none;list-style-type:none;}
img{border:0;display:inline-block; vertical-align:middle;}
.clear{clear:both;}
.clearfix:after{content:".";visibility:hidden;display:block;height:0;clear:both;}
.fl{float:left;}
.fr{float:right;}
::-webkit-input-placeholder{color:rgb(120,120,120);font-family:Microsoft YaHei;}
a{color:rgb(120,120,120);}
a:hover{color:rgb(200,22,36);}
/* --Public-- */
body{padding-top:80px;}
.pub{width:74%;margin:auto;}
/* --Header-- */
.web-header{width:100%;height:80px;position:fixed;top:0;z-index:999;background:rgb(255,255,255);box-shadow:0px 0px 8px rgba(0,0,0,0.2);}
.web-header-logo{width:14%;height:80px;line-height:80px;float:left;}
.web-header-logo img{width:100%;height:auto;}

.web-header-tab{width:18%;height:80px;float:right;}
.web-header-tab-con{width:200px;height:80px;float:right;}
.web-header-tab .lang{width:160px;height:28px;float:left;margin-top:12px;overflow:hidden;}
.web-header-tab .lang h4{ width:70px;height:28px;line-height:24px;cursor: pointer;position: relative;font-size:12px;float:left;margin-left:10px;}
.web-header-tab .lang h4 img{margin-right:6px;float:left;}
.web-header-tab .search{width:23px;height:28px;float:right;margin-top:12px;}
.web-header-tab .search-tit{width: 21px;height:26px;float:right;
background:rgb(246,246,246);position: relative;overflow: hidden;
border-radius:3px;border:0px solid #ddd;
color: #666;font-size: 12px;}
.web-header-tab .search input.s{color:#999;font-size:12px;width:170px;height:26px;line-height:26px;float:left;border:none;padding: 0 3px;background:rgb(246,246,246);}
.web-header-tab .search input.b{width:21px;height: 26px;border:none;position:absolute;right:0px;top:0px;z-index:2;background:url(../images/b1.png) no-repeat center rgb(246,246,246); cursor: pointer;}
.web-header-tab .tel{width:auto;height:30px;font-size:22px;line-height:30px;text-align:right;color:rgb(200,22,36);font-weight:bold;overflow:hidden;}

.web-header-nav{width:56%;float:left;height:50px;margin-top:15px;margin-left:12%;}
.navul{position:relative; font-size: 16px;}
.navul .li1{ width:16%;float:left;height:50px;line-height:50px;position:relative;text-align:center;}
.navul .li2{ width:1px;float:left;height:50px;background:url(../images/b2.png) no-repeat center;}
.navul .li1 a.navul-li{ color:#686868;display: inline-block; text-align: center;overflow:hidden;width:100%;height:50px;line-height:50px;}
.navul .li1 span{position:absolute;left:0;bottom:0px;width:0;height:3px;background-color:rgb(200,22,36);
-moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.navul .li1:hover a.navul-li{color:rgb(200,22,36);}
.navul .li1:hover span{width:100%;}
.hideul{width: 100%;position: absolute;background:rgb(254,254,254);z-index:999;top:50px;display:none; box-shadow:1px 1px 10px rgba(0,0,0,0.2);
-moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.hideul li{width: 100%;height:42px;line-height:42px;border-bottom:1px solid rgb(230,230,230);text-align:center;font-size:14px;overflow:hidden;}
.navul .li1:hover .hideul{display:block;}

/* --Flash-- */
.index-banner{position:relative;z-index:99;}
.index-banner .swiper-container{width:100%;height:auto;}
.index-banner .swiper-slide{
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.index-banner .swiper-slide img{width:100%;height:auto;display:block;}
.index-banner .swiper-pagination-bullets {
	bottom:18% !important;
	padding:0px 13% !important;
	text-align:right !important;
	box-sizing:border-box;
}
.index-banner .swiper-pagination-bullet {
    width:22px !important;
	height:22px !important;
	background:#FFF !important;
}
.index-banner .swiper-pagination-bullet-active {
    width:16px !important;
	height:16px !important;
	background:rgb(191,1,1) !important;
	border:3px solid #FFF !important;
}

/* --Index-- */
.index-company{margin-top:-8%;padding-bottom:50px;position:relative;z-index:99;}
.index-company-left{width:44.05%;float:left;position:relative;}
.index-company-left .img{width:100%;display:block;}
.index-company-right{width:55.95%;float:left;position:relative;}
.index-company-right .img{width:100%;display:block;}
.index-company-left-content{width:100%;height:100%;position:absolute;left:0px;top:0px;}
.index-company-left-content ul{width:80%;height:auto;margin-top:30%;margin-left:6%;}
.index-company-left-content ul li{width:33.33%;height:auto;float:left;text-align:center;overflow:hidden;color:#FFF;}
.index-company-left-content ul li b{display:block;font-size:32px;}
.index-company-left-content ul li p{font-size:16px;margin-top:8px;}
.index-company-right-content{width:100%;height:100%;padding:5%;position:absolute;left:0px;top:0px;background:rgba(200,22,36,0.75);box-sizing:border-box;}
.index-company-right-content .border{width:100%;height:100%;box-sizing:border-box;border:1px solid #FFF;padding:8% 10%;overflow:hidden;}
.index-company-right-content .border img{width:auto;height:33px;float:right;margin-bottom:4%;}
.index-company-right-content .border .text{width:auto;height:160px;overflow:hidden;}
.index-company-right-content .border .text p{font-size:15px;color:#FFF;line-height:32px;text-indent:2em;}
.index-company-right-content .border h3{font-size:20px;color:#FFF;text-decoration:underline; font-style:italic;font-family:"黑体";margin-top:4%;}
.index-company-right-content .border a{width:auto;height:32px;line-height:32px;padding:0px 30px;background:rgb(200,22,36);float:right;color:#FFF;font-size:14px;margin-top:4%;}

.index-product{padding:50px 0px;}
.index-product-title{text-align:center;}
.index-product-title img{height:100px;}
.wrapper {width: 100%;height:510px;margin-top:50px;overflow:hidden;}
.wrapper section {
  width: calc(100% / 4);
  height: 100%;
  float: left;
  transition-duration: 0.5s;
  position: relative;cursor:pointer;
}
.wrapper section::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 1;
  transition: 0.3s;
}
.wrapper section.sec01 {background:url(../images/p1.jpg);}
.wrapper section.sec02 {background:url(../images/p2.jpg);}
.wrapper section.sec03 {background:url(../images/p3.jpg);}
.wrapper section.sec04 {background:url(../images/p4.jpg);}
.wrapper section.sec01, .wrapper section.sec02, .wrapper section.sec03, .wrapper section.sec04 {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
.wrapper:hover section:hover {
  width: 40%;
  -webkit-filter: grayscale(50%);
          filter: grayscale(50%);
}
.wrapper:hover section:hover::before {opacity: 0;}
.wrapper:hover section:not(:hover) {width: 20%;}
.wrapper section .bt {
	width:18%;height:38.2%;font-size:16px;color:rgb(200,200,200);overflow:hidden;
	background:rgb(62,62,62);
	position:absolute;top:0px;left:0px;z-index:9;
	writing-mode:tb-rl;-webkit-writing-mode:vertical-rl;
}
.wrapper section .bt table{width:100%;height:100%;}
.wrapper:hover section:hover .bt {display:none;}
.wrapper section .con {
	width:100%;height:100%;font-size:16px;color:#FFF;overflow:hidden;background:rgba(200,22,36,0.6);display:none;
	box-sizing:border-box;padding:16% 10%;
	position:absolute;top:0px;left:0px;z-index:99;
}
.wrapper section .con h2{width:auto;height:76px;font-size:26px;line-height:76px;padding-bottom:2px;overflow:hidden;background:url(../images/b5.png) no-repeat left bottom;}
.wrapper section .con p{width:auto;height:90px;font-size:16px;line-height:30px;overflow:hidden;margin-top:8%;}
.wrapper section .con span{width:auto;height:42px;line-height:42px;padding:0px 30px;border:1px solid #FFF;float:left;color:#FFF;font-size:14px;margin-top:10%;}
.wrapper:hover section:hover .con {display:block;}


.index-cases{padding:50px 0px;}
.index-cases-left{width:44%;float:left;}
.index-cases-right{width:44%;float:right;}
.index-cases-title{min-height:236px;padding-left:10%;padding-top:20px;background:url(../images/b6.png) no-repeat left top;}
.index-cases-title h1{font-size:36px;font-weight:bold;}
.index-cases-title h2{font-size:20px;font-weight:bold;font-family:"楷体";color:rgb(200,22,36);margin-top:2%;}
.index-cases-title p{font-size:14px;color:rgb(77,77,77);margin-top:2%;line-height:24px;}
.index-cases-project{width:100%;height:auto;position:relative;margin-top:64px;cursor:pointer;}
.index-cases-project .img{width:100%;height:auto;display:block;overflow:hidden;}
.index-cases-project .img img{width:100%;height:auto;display:block;
-moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.index-cases-project span{font-size:100px;position:absolute;left:36px;top:-66px;color:rgb(200,22,36);}
.index-cases-project .title{background:rgb(200,22,36);color:#FFF;font-size:20px;line-height:24px;box-sizing:border-box;padding:20px 40px 26px;}
.index-cases-project .title b{background:#FFF;display:block;width:20%;height:1px;margin-top:20px;}
.index-cases-project:hover .img img{transform: scale(1.1);}
.index-cases-right .index-cases-project .title{background:rgb(62,62,62);}
.index-cases-more{text-align:center;}
.index-cases-more a{
	width:auto;height:auto;display:inline-block;background:url(../images/b7.png) no-repeat center bottom 40px rgb(237,237,237);padding:40px 70px 100px;
	writing-mode:tb-lr;-webkit-writing-mode:vertical-lr;
}

.index-news{width:100%;height:422px;position:relative;}
.index-news-left-bg{width:50%;height:100%;background:rgb(62,62,62);position:absolute;left:0px;top:0px;}
.index-news-right-bg{width:50%;height:100%;background:rgb(200,22,36);position:absolute;right:0px;top:0px;}

.index-news-con{height:100%;position:relative;z-index:99;}
.index-news-con-left{width:50%;height:100%;float:left;box-sizing:border-box;padding:5% 10% 5% 2%;position:relative;}
.index-news-con-left .tab{width:100%;height:40px;}
.index-news-con-left .tab a{width:28%;height:40px;float:left;background:rgb(120,120,120);color:#FFF;line-height:40px;text-align:center;font-size:18px;margin-right:5%;overflow:hidden;}
.index-news-con-left .tab a.current{background:rgb(200,22,36);color:#FFF;}
.index-news-con-left .list{width:100%;height:156px;margin-top:6%;}
.index-news-con-left .swiper-container-news1,.index-news-con-left .swiper-container-news2{
	width: 100%;
	height: 100%;
	overflow:hidden;
}
.swiper-pagination-news1,.swiper-pagination-news2{width:auto;display:inline-block;position:absolute;right:6% !important;}
.index-news-con-left .swiper-pagination-bullet{
    background:rgb(255,255,255) !important;
}
.index-news-con-left .swiper-pagination-bullet-active{
    background:rgb(200,22,36) !important;
}
.index-news-con-right{width:50%;height:100%;float:left;overflow:hidden;}
.index-news-con-right img{width:100%;height:100%;display:block;
-moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.index-news-con-right:hover img{transform: scale(1.1);}

.index-news-list{width:100%;height:100%;overflow:hidden;}
.index-news-list a{width:auto;height:auto;max-height:48px;font-size:18px;font-weight:bold;color:#FFF;line-height:24px;display:block;overflow:hidden;}
.index-news-list a:hover{text-decoration:underline;}
.index-news-list p{width:auto;height:96px;font-size:16px;color:rgb(236,236,236);line-height:24px;margin-top:12px;overflow:hidden;}

.index-news-con-left .btn{width:110px;height:38px;display:block;border:1px solid #FFF;margin-top:6%;line-height:38px;text-align:center;color:#FFF;}
.index-news-con-left .btn:hover{border:1px solid rgb(200,22,36);background:rgb(200,22,36);color:#FFF;}

.index-contact{}
.index-contact-left{width:50%;height:228px;float:left;}
.index-contact-left .con{width:40%;height:100%;float:left;text-align:center;line-height:30px;color:#FFF;background:url(../images/b8.png) no-repeat center rgb(200,22,36);padding:84px 0px;box-sizing:border-box;}
.index-contact-left .con p{font-size:20px;}
.index-contact-left .con b{font-size:14px;display:block;}
.index-contact-left .img{width:60%;height:100%;display:block;overflow:hidden;}
.index-contact-left .img img{width:100%;height:100%;display:block;
-moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.index-contact-left:hover .img img{transform: scale(1.1);}

.index-contact-right{width:50%;height:228px;float:left;}
.index-contact-right .con{width:40%;height:100%;float:left;text-align:center;line-height:30px;color:#FFF;background:url(../images/b9.png) no-repeat center rgb(62,62,62);padding:84px 0px;box-sizing:border-box;}
.index-contact-right .con p{font-size:20px;}
.index-contact-right .con b{font-size:14px;display:block;}
.index-contact-right .img{width:60%;height:100%;display:block;overflow:hidden;}
.index-contact-right .img img{width:100%;height:100%;display:block;
-moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.index-contact-right:hover .img img{transform: scale(1.1);}

.index-contact-style{width:auto;height:546px;overflow:hidden;background:url(../images/b10.png) no-repeat left -40px center;}
.index-contact-style .img{width:42%;height:auto;float:right;margin:80px 0px 40px;text-align:center;}
.index-contact-style .img img{width:auto;height:53px;display:block;padding:0px 12px;}
.index-contact-style table{width:42%;height:auto;float:right;}
.index-contact-style table tr td{padding:20px 5px;}
.index-contact-style table p{font-size:16px;line-height:24px;color:rgb(77,77,77);}
.index-contact-style table p a{color: rgb(200,22,36);font-weight:bold;margin-left:10px;}


/* --footer-- */
.web-footer{width:auto;height:auto;padding-bottom:40px;background:rgb(62,62,62);color:rgb(246,246,246);overflow:hidden;}
.web-footer-nav{padding-top:36px;}
.web-footer-nav li{float:left;font-size:18px;color:rgb(246,246,246);margin-right:5%;line-height:24px;}
.web-footer-nav li:hover{color:rgb(255,90,0);}

.web-footer table{padding-top:36px;}
.f-logo{width:20%;height:auto;}
.f-logo img{width:100%;height:auto;}
.f-contact{width:auto;height:auto;padding-left:5%;}
.f-contact p{font-size:15px;line-height:26px;}
.f-erweima{width:20%;height:auto;}
.f-erweima img{width:100%;height:auto;}

.web-foot{width:auto;height:60px;background:rgb(62,62,62);color:rgb(246,246,246);border-top:1px solid rgb(246,246,246);font-size:14px;line-height:60px;overflow:hidden;}
.web-foot a{color:rgb(246,246,246);}

.sh_head{ display:none;}
.sj_nav_all{ display:none;}
@media screen and (max-width: 1720px){
	/* --Index-- */
	.index-company-right-content .border{padding:7% 10%;}
	.index-company-right-content .border .text{height:128px;}
	
	.index-news-con-left .btn{margin-top:8%;}
	.index-contact-style{background-size:auto 60%;}
	.index-contact-style .img img{height:40px;}
	.index-contact-style .img{width:50%;}
	.index-contact-style table{width:50%;}
}
@media screen and (max-width: 1440px){
	/* --Header-- */
	.web-header-tab-con{width:100%;}
	.web-header-tab .lang{width:70%;}
	.web-header-tab .lang h4{width:40%;text-indent:999px;overflow:hidden;margin-left:10%;}
	.web-header-tab .tel{font-size:20px;}
	.navul .li1 a.navul-li{font-size:15px;}
	
	/* --Flash-- */
	.index-banner .swiper-pagination-bullet {
		width:16px !important;
		height:16px !important;
		background:#FFF !important;
	}
	.index-banner .swiper-pagination-bullet-active {
		width:12px !important;
		height:12px !important;
		background:rgb(191,1,1) !important;
		border:2px solid #FFF !important;
	}
	
	/* --Index-- */
	.index-company-right-content .border img{height:28px;}
	.index-company-right-content .border .text{height:96px;}
	
	.index-product-title img{height:80px;}
	.wrapper {height:440px;}
	.wrapper section .bt {height:48%;}

	.index-contact-style{background-size:auto 40%;}
	.index-contact-style .img img{height:40px;}
	.index-contact-style .img{width:58%;}
	.index-contact-style table{width:58%;}
}
@media screen and (max-width: 1240px){
	/* --Public-- */
	.pub{width:86%}
	/* --Header-- */
	.web-header-tab{width:14%;}
	.web-header-tab .tel{display:none;}
	.web-header-tab .lang{margin-top:32px;}
	.web-header-tab .search{margin-top:32px;}
	.web-header-nav{width:64%;margin-left:3%;}
	
	/* --Index-- */
	.index-company{margin-top:-5%;}
	.index-company-right-content .border img{height:24px;}
	.index-company-right-content .border h3{font-size:16px;}
	
	.wrapper {height:400px;}
	.wrapper section .con {padding:10% 10%;}
	.wrapper section .con h2{font-size:22px;}
	
	.index-contact-style{background-size:auto 40%;}
	.index-contact-style .img{width:60%;}
	.index-contact-style table{width:60%;}
	
	/* --footer-- */
	.f-erweima{width:25%;}
}
@media screen and (max-width: 1024px){
	/* --Public-- */
	.pub{width:90%}
	/* --Index-- */
	.index-company-left-content ul li b{font-size:24px;}
	.index-company-left-content ul li p{font-size:14px;}
	.index-company-right-content .border img{height:20px;}
	.index-company-right-content .border .text{height:64px;}
	
	.index-product-title img{height:60px;}
	.wrapper {height:360px;margin-top:40px;}
	.wrapper section .con h2{font-size:18px;}
	.wrapper section .con p{height:72px;line-height:24px;font-size:14px;margin-top:6%;}
	
	.index-cases-title{padding-left:14%;padding-top:30px;}
	.index-cases-title h1{font-size:26px;}
	.index-cases-project span{font-size:60px;top:-40px;}
	.index-cases-project .title{font-size:18px;padding:12px 20px 20px;}
	.index-cases-project .title b{margin-top:10px;}
	.index-cases-more a{background:url(../images/b7.png) no-repeat center bottom 20px rgb(237,237,237);padding:20px 50px 80px;}
	
	.index-news{height:320px;}
	.index-news-con-left{padding:5% 10% 5% 0;}
	.index-news-con-left .tab a{width:38%;}
	.index-news-con-left .list{height:108px;}
	
	.index-news-list a{font-size:16px;}
	.index-news-list p{font-size:14px;}

	.index-contact-left{height:168px;}
	.index-contact-left .con{padding:54px 0px;}
	.index-contact-left .con b{font-size:12px;}
	.index-contact-right{height:168px;}
	.index-contact-right .con{padding:54px 0px;}
	.index-contact-right .con b{font-size:12px;}

	.index-contact-style .img img{height:30px;}	
	.index-contact-style{height:446px;background-size:auto 40%;}
	.index-contact-style .img{width:60%;margin:40px 0px 20px;}
	.index-contact-style table{width:60%;}
	.index-contact-style table p{font-size:14px}
	
	/* --footer-- */
	.web-footer-nav{display:none;}
	.f-logo{display:none;}
	.f-contact{padding-left:0;}
	.f-erweima{width:30%;}
}
@media screen and (max-width: 769px){
	body{padding-top:0px;}
	/* --Header-- */
	.web-header{ display:none;}
	
	.sj_nav_all{ display:block;z-index:999;box-shadow:0px 0px 8px rgba(0,0,0,0.2);}
	.sh_head{ display:block;height:50px;line-height:50px; width:96%; margin:auto;}	
	.sj_nav{ width:8.5%;height:100%;float:right; }
	.sj_nav img{ width:50%; max-height:50px;}
	.sj_logo{float:left;height:100%;margin-left:2%;}
	.sj_logo img{ max-height:30px;}
	
	.nav2{width: 87.7%;background:#fff;height: 100%;overflow: auto; position: absolute;left: -87.7%;top: 0; z-index:999;}
	.sj_yop{ width:100%; overflow:hidden; height:auto; height:50px; padding:5px 0; line-height:50px;}
	.zhony span a{ color:#a2a2a2}
	.zhony span.cur{ display:inline-block; height:30px; line-height:30px;  padding:0 10px;}
	.zhony span.cur a{ color:#d40000; display:inline-block; width:100%;}
	.sj_ser{ width:100%; position:relative; }
	.shuryu{ position:absolute; top:15px; right:15px}
	.sj_ser input{ width:100%; border:#28b6e8 solid 1px; line-height:40px; padding:0 15px; box-sizing:border-box;}
	.nav2 .ywlogo2{width:30%;margin-left: 4.46%; float:left;}
	.nav2 .ywlogo2 img{max-width:100%;}
	.zhony{ width:55%; float:right; text-align:right; line-height:50px; }
	.zhony span{margin-right: 4.46%;}
	.nav2 .navw{border-bottom: 1px solid #dfdfdf;}
	.nav2 .navw .navn{height: 35px;line-height: 35px;}
	.nav2 .yw500{width: 89.28%;margin-left: 6.25%}
	.nav2 .navw .navl{width: 35%;float: left;}
	.nav2 .navw .navr{width: 65%;float: right;text-align: right;}
	.nav2 .navw a{font-size: 14px;color: #333;display: block;}
	.nav2 .navw .navr img{width: 15px;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg);
		-webkit-transition:transform 0.5s;-moz-transition:transform 0.5s;-o-transition:transform 0.5s;transition:transform 0.5s;}
	.nav2 .navw ul{display: none;}
	.nav2 .navw ul li a{width: 89.28%;padding-left: 6.25%;height: 35px;line-height: 35px;}
	.nav2 .navw.current .navn{background-color: #28b6e8;}
	.nav2 .navw.current .navl a{color: #fff;} 
	.nav2 .navw.current .navr img{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
	.zhez {width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: rgba(0,0,0,0.6); z-index: 100; display: none;}
	.nav2 .navw .nav_2{ width:100%;}
	
	/* --Flash-- */
	.index-banner .swiper-pagination-bullets {
		bottom:6% !important;
		text-align:center !important;
	}
	.index-banner .swiper-pagination-bullet {
		width:12px !important;
		height:12px !important;
		background:#FFF !important;
	}
	.index-banner .swiper-pagination-bullet-active {
		width:8px !important;
		height:8px !important;
		background:rgb(191,1,1) !important;
		border:2px solid #FFF !important;
	}

	/* --Index-- */
	.index-company{margin-top:30px;padding-bottom:30px;}
	.index-company-left{width:100%;}
	.index-company-left-content ul{width:88%;}
	.index-company-right{width:100%;}
	.index-company-right .img{display:none;}
	
	.index-company-right-content{padding:3%;position:relative;}
	.index-company-right-content .border{padding:8% 5%;overflow:hidden;}
	.index-company-right-content .border .text{height:auto;}
	.index-company-right-content .border .text p{font-size:14px;line-height:28px;}
	.index-company-right-content .border h3{font-size:16px;margin-top:6%;}
	.index-company-right-content .border a{height:42px;line-height:42px;float:none;display:block;margin:auto;margin-top:8%;text-align:center;}

	.index-product{padding:30px 0px;}
	.wrapper{height:auto;margin-top:0px;}
	.wrapper section {width:100%;height:320px;float:none;display:block;margin-top:30px;}
	.wrapper:hover section:hover{width:100%;-webkit-filter: grayscale(0%);filter: grayscale(0%);}
	.wrapper:hover section:not(:hover) {width: auto;}
	.wrapper section .bt {
		width:100%;height:50px;font-size:16px;color:#FFF;line-height:50px;
		top:auto;bottom:0px;
		writing-mode:lr-tb;-webkit-writing-mode:horizontal-tb;
	}
	.wrapper section .con {padding:10% 6%;}
	.wrapper section .con h2{height:46px;font-size:20px;line-height:46px;}
	.wrapper section .con p{margin-top:6%;}
	.wrapper section .con span{margin-top:6%;}

	.index-cases{padding:30px 0px;}
	.index-cases-left{width:100%;float:none;}
	.index-cases-right{width:100%;float:none;}
	.index-cases-title{padding:0px 6px 0px;background:none;min-height:inherit;}
	.index-cases-title h1{font-size:24px;}
	.index-cases-title h2{font-size:20px;font-weight:bold;font-family:"楷体";color:rgb(200,22,36);margin-top:6%;}
	.index-cases-title p{margin-top:4%;}
	.index-cases-project{margin-top:30px;}
	.index-cases-project .title{font-size:16px;padding:12px 16px 20px;}
	.index-cases-more a{
		background:url(../images/b15.png) no-repeat right 30px center rgb(237,237,237);
		padding:16px 90px 16px 50px;margin-top:30px;border-radius:4px;
		writing-mode:lr-tb;-webkit-writing-mode:horizontal-tb;
	}
	
	.index-news{height:auto;}
	.index-news-left-bg{width:100%;}
	.index-news-right-bg{display:none;}
	.index-news-con-left{width:100%;height:100%;float:none;padding:40px 30px 40px 0px;}
	.index-news-con-right{display:none;}
	.index-news-con-left .list{margin-top:8%;}
	
	.swiper-pagination-news1,.swiper-pagination-news2{right:0px !important;}
	.index-news-con-left .swiper-pagination-bullet{
		width:12px !important;height:12px !important;
	}
	
	.index-contact-left{width:100%;margin-top:30px;}
	.index-contact-right{width:100%;margin-top:30px;}

	.index-contact-style{padding-bottom:30px;}
	.index-contact-style .img img{height:26px;}	
	.index-contact-style{height:auto;background:none;}
	.index-contact-style .img{width:100%;margin:40px 0px 10px;}
	.index-contact-style table{width:100%;}
	.index-contact-style table img{height:38px;}
	.index-contact-style table p{font-size:14px}
	
	/* --footer-- */
	.f-logo{width:50%;display:none;}
	.f-contact{display:block;}
	.f-erweima{width:24%;}
}