@charset "utf-8";
.clear{clear: both;}
html, body {
    height: 100%;
}

body{
	margin: 0;
}


*{box-sizing:border-box; margin:0px; padding:0px;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}

* {
	margin: 0;
	padding: 0;
	outline: none;
}
html { height: 100%; }
body { min-height: 100% }
body { _height: 100% }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure { margin: 0; padding: 0 }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, p, blockquote, figure, header, footer, nav, article, section, aside, address, figcaption { *zoom: 1 }
li { list-style-type: none }
h1, h2, h3, h4, h5, h6 { font-size: 100% }
iframe, frame, fieldset, img { border: 0 none }
img { vertical-align: top }
input[type=button], input[type=submit], input[type=reset] { cursor: pointer }
button { cursor: pointer }
input, textarea, button { -webkit-border-radius: 0; -webkit-appearance: none }
input[type=radio] { -webkit-border-radius: 100%; -webkit-appearance: radio }
input[type=checkbox] { -webkit-appearance: checkbox }
input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box }
textarea { overflow: auto; resize: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none }
table { border-collapse: collapse; border-spacing: 0 }
caption, th { text-align: left }
th { font-weight: normal }
em, cite, address,i { font-style: normal }
sup { vertical-align: text-top }
sub { vertical-align: text-bottom }
body, input, select, button, textarea {  font-family:"Microsoft Yahei","微软雅黑",arial;  }
body { line-height: 1.5 }
a:link,
a:visited,
a:active,
a { text-decoration: none;color: #000; }
a:hover {}
a { blr:expression(this.onFocus=this.blur()) }
a * { *cursor: pointer }
:focus { outline: none }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {opacity:0.5;}
input:-moz-placeholder, textarea:-moz-placeholder {opacity:0.5;}
input::-moz-placeholder, textarea::-moz-placeholder { opacity:0.5;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {opacity:0.5;}

/*公共部分*/
.w90{width: 86%;max-width: 1400px;margin: 0 auto;}
.light-txt{width: 100%;height: auto;}
.light-txt p{font-size: 16px;}
.margin-pub{padding:90px 0;}
.margin-spac{margin-top: 60px;}
.title{width: 100%;height: auto;}
.title h3{font-family:arial;font-size: 36px;color: #000000;text-transform: capitalize;}
.title h4{font-family: "微软雅黑";font-size: 28px;color: #000000;}
.more{width: 145px;height: 45px;line-height: 45px;text-align: center;border: 1px solid #000000;font-family:arial;font-weight:bold; color: #000000;display: block;text-transform: uppercase;}
.more:hover{background: #0046AA;border: #0046AA; color: #FFFFFF;}


@media only screen and (max-width:1500px) {
	.light-txt p{font-size: 16px;}
	.margin-pub{padding: 85px 0;}
}


@media only screen and (max-width:1300px) {
	.light-txt p{font-size: 15px;}
	.margin-pub{padding:70px 0;}
	.title h3{font-size: 34px;}
	.title h4{font-size: 26px;}
	.more{width: 130px;height:45px;line-height: 45px; font-size:15px;}
	.margin-spac{margin-top: 50px;}
}
@media only screen and (max-width:1024px) {
	.light-txt p{font-size: 14px;}
	.margin-pub{padding:60px 0;}
	.title h3{font-size: 32px;}
	.title h4{font-size: 24px;}
	.more{width: 110px;height:40px;line-height: 40px; font-size:14px;}
	.margin-spac{margin-top: 45px;}
}
@media only screen and (max-width:720px) {
	.w90{width:90%;}
	.margin-pub{padding:48px 0;}
	.title h3{font-size: 23px;}
	.title h4{font-size:20px;}
	.margin-spac{margin-top: 35px;}
}





.header{width: 100%;height:80px;position: fixed;top: 0;left: 0;background: #FFFFFF;z-index: 9999;box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.pc-nav{width: 100%;height: auto;position: relative;}
.pc-nav .pc-nav-r{width:calc(100% - 170px);float: right;}
.pc-nav .logo{width: 170px;height: auto;float: left;margin-top: 5px;}
.pc-nav .logo img{display: block;width: 100%;height: auto;}
.pc-nav .pc-nav-r .nav{width: calc(100% - 80px);text-align:right; float: left;font-size: 0;}
.pc-nav .pc-nav-r .nav li{display: inline-block;position: relative; font-size: 16px;padding: 0 2%;line-height: 80px;}
.pc-nav .pc-nav-r .nav li a{color: #000;display: block;}
.pc-nav .pc-nav-r .nav li .downs{display: none; width: 180px;text-align: center; position: absolute;background: #0046AA;left: 50%;transform: translateX(-50%);
-ms-transform: translateX(-50%);-moz-transform: translateX(-50%);-webkit-transform: translateX(-50%);-o-transform: translateX(-50%);top: 100%;line-height: 40px;}
.pc-nav .pc-nav-r .nav li .downs a{display: block;width: 100%;height: auto;border-bottom: 1px solid rgba(255,255,255,0.1);border-top: 0.5px solid rgba(0,0,0,0.05);color: #FFFFFF;}
.pc-nav .pc-nav-r .nav li:hover .downs{display: inherit;}
.pc-nav .pc-nav-r .nav li .downs a:hover{background: #e9680a;}

.pc-nav .pc-nav-r .nav li:hover > a{color: #0046AA;}
.pc-nav .pc-nav-r .nav li.active > a{color: #0046AA;}
.pc-nav .pc-nav-r .search{background: #0046aa;width: 80px;height: 80px;position: absolute;right: 0;top: 0;}
.pc-nav .pc-nav-r .search img{display: block;z-index: 0; width: 30px;height: auto;position: absolute;left: 50%;top: 50%;transform: translateX(-50%)translateY(-50%);}
.pc-nav .pc-nav-r .search-box{position: absolute;z-index: 1; right: 0;width:0;overflow: hidden;height:100%;}
.pc-nav .pc-nav-r .search-box form{display: block;width: 100%;height: 40px;border-bottom: 1px solid rgba(255,255,255,0.5);}

.pc-nav .pc-nav-r .search-box form .sk{width:calc(100% - 40px);line-height: 40px;float: left; height: auto;color: #FFFFFF;padding-left: 20px;border: none; background: none;}
.pc-nav .pc-nav-r .search-box form .sbn{width: 40px;height: 38px;float: left; background: url(../img/a001.png)center no-repeat #0046AA;background-size: 30px 30px;border: none;}

.pc-nav .pc-nav-r .search:hover{width: calc(100% - 180px);}
.pc-nav .pc-nav-r .search:hover .search-box{width: 100%; padding: 20px 20px; }
.pc-nav .pc-nav-r .search:hover img{display: none;}
.header form .sk::-webkit-input-placeholder {color: #FFFFFF;font-family: "微软雅黑";}
.header form .sk::-moz-placeholder{color: #FFFFFF;font-family: "微软雅黑";}
.header form .sk::-ms-input-placeholder{color: #FFFFFF;font-family: "微软雅黑";}

#dl-menu{display: none;}
#dl-menu .mb-search{width: 100%;height: auto;padding: 10px 20px;}
#dl-menu .mb-search form{width: 100%;height: 35px;border: 1px solid rgba(255,255,255,0.8);}
#dl-menu .mb-search form .sk{width:calc(100% - 35px);line-height: 35px;float: left; height: auto;color: #FFFFFF;padding-left: 20px;border: none; background: none;}
#dl-menu .mb-search form .sbn{width: 34px;height: 33px;float: left; background: url(../img/a001.png)center no-repeat #0046AA;background-size: 25px 25px;border: none;}


@media only screen and (max-width:1400px) {
	.pc-nav .pc-nav-r .nav li{font-size: 15px;}
}
@media only screen and (max-width:1024px) {
.pc-nav{display: none;}
#dl-menu{display: inherit;}
.header{height: 60px;}



}





.banner{width: 100%;height: auto;margin-top: 80px;position: relative;overflow: hidden;}
.banner .banner-js{width: 100%;height: auto;}
.banner .banner-js .pic{width: 100%;height: auto;position:relative;overflow: hidden;}
.banner .banner-js .pic img{display: block; width:100%;height: auto;}


.banner .banner-js .pic .con{position: absolute;width:100%;overflow:hidden; color: #FFFFFF; right: 0;text-align:left;z-index: 999;top: 46%;height: auto;transform: translateY(-50%);}
.banner .banner-js .pic .con .line{margin-bottom: 20px; display: inline-block;width:75px;height: 3px;background: #FFFFFF;}
.banner .banner-js .pic .con h6{width: 100%; color: #FFFFFF;font-size:50px;text-shadow: 1px 1px 2px rgba(0,0,0,0.5);}
.banner .banner-js .pic .con p{display: none; font-size: 22px;text-shadow: 1px 1px 2px rgba(0,0,0,0.5);}



 .mouse{display: block; width: 30px;height: auto;right: 10%;top: 73%; z-index: 66;-webkit-animation: rotate 3.5s 0.1s infinite;animation: rotate 1.8s 0.2s infinite;animation-name:rotate ;position: absolute;}
@keyframes rotate{
      0%{transform: translateY(-15px);-ms-transform: translateY(-15px);-webkit-transform: translateY(-15px);-moz-transform: translateY(-15px);-o-transform: translateY(-15px);}
    50%{transform: translateY(-15px);-ms-transform: translateY(15px);-webkit-transform: translateY(15px);-moz-transform: translateY(15px);-o-transform: translateY(15px);}
  100%{transform: translateY(-15px);-ms-transform: translateY(-15px);-webkit-transform: translateY(-15px);-moz-transform: translateY(-15px);-o-transform: translateY(-15px);}
}
.mouse img{display: block;width: 100%;height: auto;}

.banner-js .swiper-slide-active   img, .banner-js .swiper-slide-duplicate-active  img{transition:4s linear;transform:scale(1.1,1.1);}
.banner .banner-js .pic .con{transform: translateX(-200%)translateY(-50%);-ms-transform: translateX(-200%)translateY(-50%);-webkit-box-transform: translateX(-200%)translateY(-50%);-moz-transform: translateX(-200%)translateY(-50%);}
.banner-js .swiper-slide-active  .pic .con{transform: translateX(0)translateY(-50%);-ms-transform: translateX(0)translateY(-50%);-moz-transform: translateX(0)translateY(-50%);-webkit-transform: translateX(0)translateY(-50%);-o-transform: translateX(0)translateY(-50%);
transition:all 0.5s ease;-ms-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;}

.banner  .swiper-pagination{color: #FFFFFF;text-align:right;padding-right:10%;bottom:10%; transform: translateY(50%);}
.banner  .swiper-pagination-fraction{color: #FFFFFF;font-size:34px; font-family: arial;}
.banner .swiper-pagination-total{color: #FFFFFF;font-size: 20px;padding-left: 12px; position: relative;}
.banner .swiper-pagination-total:before{content: "0";position: absolute;left: 0;color: #FFFFFF;font-size: 20px;top: 50%;transform: translateY(-50%);}


@media only screen and (max-width:1760px) {
	 .mouse{right: 5%;top:70%;}
	 .banner  .swiper-pagination{padding-right: 5%;}
}

@media only screen and (max-width: 1500px) {
	.banner .banner-js .pic .con .line{width: 65px;}
	.banner .banner-js .pic .con h6{font-size: 36px;}
	.banner .banner-js .pic .con p{font-size: 20px;}
	.mouse{right: 5%;top:68%;}

	.banner .banner-js .pic .con h6{font-size: 45px;}
	.banner .banner-js .pic .con p{font-size: 20px;}
	.banner  .swiper-pagination-fraction{font-size: 26px;}
	.banner  .swiper-pagination-total{font-size: 18px;}
	.banner .swiper-pagination-total:before{font-size: 18px;}

}

@media only screen and (max-width:1300px) {
	.mouse{right: 5%;width: 24px; top:67%;}
	.banner .banner-js .pic .con .line{width: 55px;}
	.banner .banner-js .pic .con h6{font-size: 34px;}
	.banner .banner-js .pic .con p{font-size: 18px;}
		.banner  .swiper-pagination-fraction{font-size: 24px;}
	.banner  .swiper-pagination-total{font-size: 16px;}
	.banner .swiper-pagination-total:before{font-size: 16px;}

}

@media only screen and (max-width:1024px) {
	.mouse{right: 5%;width: 20px; top:70%;}
	.banner .banner-js .pic .con .line{width: 50px;margin-bottom: 10px;}
	.banner .banner-js .pic .con h6{font-size:26px;}
	.banner .banner-js .pic .con p{font-size: 16px;}
	.banner{margin-top: 60px;}
}
@media only screen and (max-width:720px) {
		.mouse{display: none;}
		.mouse{right: 5%;width: 20px; top:70%;}
		.banner .banner-js .pic .con{text-align: center;}
	.banner .banner-js .pic .con .line{display: none;}
	.banner .banner-js .pic .con h6{font-size:14px;font-weight:bolder; text-align: center;}
	.banner .banner-js .pic .con p{font-size: 12px;text-align: center;}
	.banner  .swiper-pagination-fraction{font-size: 22px;}
	.banner  .swiper-pagination-total{font-size: 12px;padding-left: 10px;}
	.banner .swiper-pagination-total:before{font-size: 12px;}

}


.in-cpy{width: 100%;height: auto;background: url(../img/a007.png) no-repeat right top;background-size:50%;}
.in-cpy .in-cpy-box{width: 100%;height: auto;}
.in-cpy .in-cpy-box .in-ab{width: 44%;padding-top: 8%; float: right;}
.in-cpy .in-cpy-box .in-ab .title{margin-top: 30px;}
.in-cpy .in-cpy-box .in-ab .logo{margin-bottom: 5%; width: 200px;height: auto;}
.in-cpy .in-cpy-box .in-ab .logo img{display: block;width: 100%;height: auto;}
.in-cpy .in-cpy-box .in-ab .txt{margin-top: 6%; width: 100%;height:120px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;}
.in-cpy .in-cpy-box .in-ab .txt p{color: #000000;}
.in-cpy .v-box{ width:56%; float: left; height: auto;position: relative;}
.in-cpy .v-box:before{content: "";position: absolute;right: 0;top: 15%;height:85%;width: 90px; background: #FFFFFF;z-index: 222;}
.in-cpy .v-box .pic{
	cursor: pointer;
	width: 100%;
	height: 500px;
	z-index: 66;
	border-top-right-radius: 30px;
	border-bottom-left-radius: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;
}
.in-cpy .v-box .pic img{display: block;width: 60px;height: auto;position: absolute;left: 50%;top: 50%;transform: translateX(-50%)translateY(-50%);}



.in-cpy .advs{width: 100%;height: auto;padding-top: 35px;}
.in-cpy .advs ul{width: calc(100% - 280px);float: left;font-size: 0;}
.in-cpy .advs ul li{padding-right: 5%;padding-left: 5%;border-right: 1px solid #DCDCDC; width: 33.3%;height: auto;display:inline-block ;vertical-align: top;}
.in-cpy .advs ul li:first-child{border-left:  1px solid #dcdcdc;}
.in-cpy .advs ul li:last-child{border-right: 0;}
.in-cpy .advs ul li .ico{width: 35px;height: auto;}
.in-cpy .advs ul li .ico img{display: block;width: 100%;height: auto;}
.in-cpy .advs ul li h2{font-size: 16px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; color: #000000;font-size: 18px;margin-top:10px;}
.in-cpy .advs ul li h2 span{font-size: 50px;font-family: arial;font-weight: bold;}
.in-cpy .advs ul li .txt{width: 100%;height:auto;margin-top: 5px;}
.in-cpy .advs ul li .txt p{font-size: 16px; color: #000000;}
.in-cpy .advs .more1{text-align: center;padding:3% 0; display: block; width: 280px; background: #0046AA; height: auto;float: right}
.in-cpy .advs .more1 span{font-size: 16px;color: #FFFFFF; display: inline-block;padding-top: 40px;background:url(../img/a012.png)center top;background-repeat: no-repeat;background-size: 25px 25px;}
.in-cpy .advs .more1:hover{box-shadow: 0px 0 10px rgba(0,0,0,0.3);}

@media only screen and (max-width:1500px) {
	.in-cpy .advs ul li h2 span{font-size: 48px;}
	.in-cpy .advs .more1{width: 220px;}
	.in-cpy .advs ul{width: calc(100% - 220px);}
	.in-cpy .v-box .pic{height: 450px;}
}
@media only screen and (max-width:1300px ) {
	.in-cpy .in-cpy-box .in-ab .txt {height: 104px;}
	.in-cpy .advs ul li .txt p{font-size: 15px;}
	.in-cpy .advs ul li h2{font-size: 16px;}
	.in-cpy .advs ul li .ico{width: 30px;}
	.in-cpy .advs ul li h2 span{font-size: 40px;}
	.in-cpy .advs .more1{width: 160px;}
	.in-cpy .advs ul{width: calc(100% - 160px);}
	.in-cpy .v-box .pic{height: 400px;}
	.in-cpy .v-box:before{width: 70px;}

}
@media only screen and (max-width:1024px) {
		.in-cpy .advs ul li .txt p{font-size: 14px;}
	.in-cpy .advs ul li h2{font-size: 14px;}
	.in-cpy .advs ul li .ico{width:28px;}
	.in-cpy .advs ul li h2 span{font-size: 32px;}
	.in-cpy .advs .more1{width: 140px;}
	.in-cpy .advs ul{width: calc(100% - 140px);}

	.in-cpy .v-box .pic{height: 300px;}
	.in-cpy .advs ul li{padding:0 20px ;}
	.in-cpy .v-box:before{width: 55px;}

}
@media only screen and (max-width:720px) {
	.in-cpy .in-cpy-box .in-ab .txt{-webkit-line-clamp: 3;height: 62px;margin-top: 30px;}
	.in-cpy .advs ul li .ico{width: 25px;height: auto;}
		.in-cpy .advs .more1{display: none;}
	.in-cpy .advs ul{width:100%;}
	.in-cpy .v-box{width: 100%;height: auto;border-radius:0;margin-top: 30px;}
	.in-cpy .v-box:before{width: 0px;}
	.in-cpy .v-box .pic{border-radius: 0;height: 200px;}
	.in-cpy .in-cpy-box .in-ab{width: 100%;height: auto;padding-top: 0;}
	.in-cpy .in-cpy-box .in-ab .title{margin-top: 0;}

		.in-cpy .advs ul li h2{font-size: 12px;overflow: inherit;word-break: break-all;text-overflow: inherit;white-space: inherit;}
	.in-cpy .advs ul li .ico{width:25px;}
	.in-cpy .advs ul li h2 span{font-size:18px;}
	.in-cpy .advs ul li{padding: 0 10px;}
}






.in-pro{width:100%;height: auto;z-index: 0;position: relative;z-index: 0;}
.in-pro .bks{width: 100%;height: 55%;position: absolute;top: 0;left: 0;z-index: -1;background-attachment: fixed;background-position: center;background-repeat: no-repeat;}
.in-pro .in-pro-sort{width: 100%;font-size: 0; height: 30px;}
.in-pro .in-pro-sort li{cursor: pointer; display: inline-block;color: #0046AA;margin-right:20px; vertical-align: bottom;font-size: 18px;font-weight: bolder;}
.in-pro .in-pro-sort li.on{font-size: 30px;color: #e9680a;}
.in-pro .in-pro-sort li:hover{font-size: 30px;color: #e9680a;}
.in-pro .in-pro-box{display: none; width:90%;margin-left: 10%; height: auto;margin-top: 60px;position: relative;}
.in-pro .in-pro-js{width: 100%;height: auto;padding-right: 5%;overflow: hidden;border-left: 1px solid #DCDCDC;}
.in-pro .in-pro-js a{display: block; width: 100%;height: auto; border:1px solid #DCDCDC;border-left: none;}
.in-pro .in-pro-js a .pic{width: 100%;height: auto;overflow: hidden;}
.in-pro .in-pro-js a .pic img{display: block;width: 100%;height: auto;}

.in-pro .in-pro-js a .con{text-align: center;padding:20px 0;}
.in-pro .in-pro-js a .con .line{width: 35px;height: 2px;background: #E9680A;display: block;margin: 0 auto;margin-bottom: 15px;}
.in-pro .in-pro-js a .con h6{font-size: 18px;color: #000000;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.in-pro .in-pro-js a:hover  .pic img{transform: scale(1.1);transition: all 0.3s ease;}

.in-pro .in-pro-box .swiper-button-prev{
    background: url(../img/a004s.png)center no-repeat #0046AA;
    left:-25px;
    right: auto;
}
.in-pro .in-pro-box .swiper-button-next{
	 background: url(../img/a005s.png)center no-repeat #0046AA;
    right:3%;
    left: auto;
    opacity: 0.1;
}

.in-pro .in-pro-box:hover .swiper-button-next{opacity: 1;transition: all 0.3s ease;}



.in-pro .in-pro-box .swiper-button-prev,.in-pro .in-pro-box .swiper-button-next {
    position: absolute;
    top: 50%;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size:cover;
    -webkit-background-size: cover;
    -ms-background-size: cover;
    background-size:cover;
    background-position: center;
    background-repeat: no-repeat;
}


@media only screen and (max-width:1500px ) {
	.in-pro .in-pro-sort li.on{font-size: 26px;}
.in-pro .in-pro-sort li:hover{font-size: 26px;}
}

@media only screen and (max-width:1300px) {
.in-pro .in-pro-box .swiper-button-prev,.in-pro .in-pro-box .swiper-button-next {
    position: absolute;
    top: 50%;
    width: 40px;
    height: 40px;
    margin-top: -10px;
}
.in-pro .in-pro-box .swiper-button-prev{left: -20px;}
.in-pro .in-pro-sort li{font-size: 16px;}
.in-pro .in-pro-sort li.on{font-size: 24px;}
.in-pro .in-pro-sort li:hover{font-size: 24px;}
.in-pro .in-pro-js a .con h6{font-size: 16px;}

}
@media only screen and (max-width:1024px) {
.in-pro .in-pro-box .swiper-button-prev,.in-pro .in-pro-box .swiper-button-next {
    position: absolute;
    top: 50%;
    width: 35px;
    height: 35px;
    margin-top: -10px;
}
.in-pro .in-pro-box .swiper-button-prev{left: -17.5px;}

.in-pro .in-pro-js a .con h6{font-size: 15px;}

}
@media only screen and (max-width:720px) {
	.in-pro .in-pro-js{padding-right:20%;}
	.in-pro .in-pro-box .swiper-button-prev,.in-pro .in-pro-box .swiper-button-next {
    position: absolute;
    top: 50%;
    width: 30px;
    height: 30px;
    margin-top: -10px;
}
.in-pro .in-pro-js a .con .line{margin-bottom: 10px;}
.in-pro .in-pro-box .swiper-button-prev{left: -15px;}
.in-pro .in-pro-sort{height: auto;overflow: hidden;}
.in-pro .in-pro-sort li{font-size: 15px;line-height: 40px;display: block;color: #000000; width: calc(50% - 0px);margin-right: 0; text-align: center; width: 50%;float: left;}

.in-pro .in-pro-sort li.on{font-size: 15px;line-height: 40px;background: #E9680A;color: #FFFFFF;}
.in-pro .in-pro-sort li:hover{font-size: 15px;line-height: 40px; background: #E9680A;color: #FFFFFF;}
.in-cpy .advs ul li .txt p{font-size: 12px;}
}









.in-solution{width: 100%;height:850px;position: relative;z-index: 0;}
.in-solution .bks-pic{width: 100%;height:100%;position: absolute;top: 0; left: 0;}
.in-solution .bks-pic li{width: 100%;height: 100%;position:absolute;left: 0;top: 0; display: none;  background-size: cover;background-repeat: no-repeat;background-position: center;}
.in-solution .in-solt-list{z-index: 1; position: absolute;top: 0; left: 0; width: 100%;height:auto; background: rgba(0,0,0,0.2);}
.in-solution .in-solt-list li{width: 25%;height: 850px; border-right: 1px solid rgba(255,255,255,0.1);float: left;position: relative;}
.in-solution .in-solt-list li .con{color: #FFFFFF;text-align: left; width: 84%;height: auto;position: absolute;bottom: 50px;left:8%}

.in-solution .in-solt-list li .con h6{position: relative; font-size: 26px;color: #FFFFFF;}
.in-solution .in-solt-list li .con .slogan{font-size: 16px;color: #FFFFFF;margin-top: 10px;}
.in-solution .in-solt-list li .con .txt{width: 100%;height:72px;margin-top: 6%; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;word-break: break-all;display: none;}
.in-solution .in-solt-list li .con .txt p{color: #FFFFFF;}
.in-solution .in-solt-list li .con .mores{width: 40px;height: 40px;background: #e9680a;display: block;position: relative;display: none; margin-top: 8%;}
.in-solution .in-solt-list li .con .mores:before{content: "";position: absolute;background: #FFFFFF;width: 1px;height: 16px;top: 12px; left:20px;}
.in-solution .in-solt-list li .con .mores:after{content: "";position: absolute;background: #FFFFFF; width: 16px;height: 1px;top:20px;left: 12px;}
.in-solution .in-solt-list li.on{background: rgb(0,0,0,0.2);}
.in-solution .in-solt-list li.on .con{bottom: 50%;transform: translateY(50%);-moz-transform: translateY(50%);-ms-transform: translateY(50%);-webkit-transform: translateY(50%);-o-transform:translateY(50%);}
.in-solution .in-solt-list li.on .con h6{padding-top: 30px;}
.in-solution .in-solt-list li.on .con h6:before{content: ""; position: absolute;left: 0;top: 0;width: 15%;height: 2px;background: #FFFFFF;}
.in-solution .in-solt-list li.on .con .slogan{display: none;}
.in-solution .in-solt-list li.on .con .txt{display: block;display: -webkit-box;}
.in-solution .in-solt-list li.on .con .mores{display: block;}
@media only screen and (max-width:1500px) {
.in-solution .in-solt-list li .con h6{font-size: 24px;}

}
@media only screen and (max-width:1300px) {
.in-solution{height: 750px;}
.in-solution .in-solt-list li{height: 750px;}
.in-solution .in-solt-list li .con .txt{height: 65px;}
.in-solution .in-solt-list li.on .con h6{padding-top:20px;}
.in-solution .in-solt-list li .con h6{font-size: 20px;}
.in-solution .in-solt-list li .con .slogan{font-size: 15px;}
.in-solution .in-solt-list li .con .mores{width: 36px;height: 36px;}
.in-solution .in-solt-list li .con .mores:before{top: 10px;left: 18px;}
.in-solution .in-solt-list li .con .mores:after{left: 10px;top: 18px;}
}


@media only screen and (max-width:1200px) {
	.in-solution{height: 650px;}
.in-solution .in-solt-list li{height: 650px;}
}

@media only screen and (max-width: 1024px) {
.in-solution{height: 550px;}
.in-solution .in-solt-list li{height: 550px;}
.in-solution .in-solt-list li .con .txt{height: 62px;}
.in-solution .in-solt-list li.on .con h6{padding-top: 15px;}
.in-solution .in-solt-list li .con h6{font-size: 18px;}
.in-solution .in-solt-list li .con .slogan{font-size: 14px;}
.in-solution .in-solt-list li .con .mores{width: 30px;height: 30px;}
.in-solution .in-solt-list li .con .mores:before{top:8px;height: 14px;left: 15px;}
.in-solution .in-solt-list li .con .mores:after{left:8px;width: 14px;top: 15px;}
}
@media only screen and (max-width: 720px) {
.in-solution{height: 550px;}
.in-solution .in-solt-list li.on .con h6{padding-top: 10px;}
.in-solution .in-solt-list li .con .txt{height: 41px;-webkit-line-clamp: 2;}
.in-solution .in-solt-list li .con h6{font-size: 16px;}
.in-solution .in-solt-list li{height: 275px;width: 50%;}
.in-solution .in-solt-list li:nth-child(1){border-bottom: 1px solid rgba(255,255,255,0.2);}
.in-solution .in-solt-list li:nth-child(2){border-bottom: 1px solid rgba(255,255,255,0.2); }
.in-solution .in-solt-list li .con .mores{width: 26px;height: 26px;}
.in-solution .in-solt-list li .con .mores:before{top:7px;height: 12px;left: 13px;}
.in-solution .in-solt-list li .con .mores:after{left:7px;width: 12px;top: 13px;}
}


.in-certificate{width: 100%;height: auto;background-size: cover;background-repeat: no-repeat;background-position: center;}
.in-certificate .in-cert-top{width: 100%;height: auto;position: relative;}

.in-certificate .in-cert-con{width: 100%;height: auto;}
.in-certificate .in-cert-con .in-cert-js{width: 100%;height: auto;}
.in-certificate .in-cert-con .in-cert-js .pic{width: 100%;height: auto;box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.in-certificate .in-cert-con .in-cert-js .pic img{display: block;width: 100%;height: auto;}


.in-certificate .in-cert-top .swiper-button-prev{
    background: url(../img/a004.png)center no-repeat;
    right:60px;
    left: auto;
}
.in-certificate .in-cert-top .swiper-button-next{
    background: url(../img/a005.png)center no-repeat;
    right: 0px;
    left: auto;

}


.in-certificate .in-cert-top .swiper-button-prev,.in-certificate .in-cert-top .swiper-button-next {
    position: absolute;
    top: 50%;
    width: 50px;
    height: 50px;
    margin-top: -10px;
    z-index: 10;
    cursor: pointer;
    border: 1px solid #0046AA;
    -moz-background-size:cover;
    -webkit-background-size: cover;
    -ms-background-size: cover;
    background-size:cover;
    background-position: center;
    background-repeat: no-repeat;
}
.in-certificate .in-cert-top .swiper-button-prev:hover{background: url(../img/a004s.png)center no-repeat #0046AA;background-size: cover;}
.in-certificate .in-cert-top .swiper-button-next:hover{background: url(../img/a005s.png)center no-repeat #0046AA;background-size: cover;}

@media only screen and (max-width:1300px) {
	.in-certificate .in-cert-top .swiper-button-prev,.in-certificate .in-cert-top .swiper-button-next {
    position: absolute;
    top: 50%;
    width: 40px;
    height: 40px;
    margin-top: -10px;
}
.in-certificate .in-cert-top .swiper-button-prev{
    right:50px;
    left: auto;
}
}
@media only screen and (max-width:1024px) {
	.in-certificate .in-cert-top .swiper-button-prev,.in-certificate .in-cert-top .swiper-button-next {
    position: absolute;
    top: 50%;
    width: 35px;
    height: 35px;
    margin-top: -10px;
}
.in-certificate .in-cert-top .swiper-button-prev{
    right:45px;
    left: auto;
}

}











.in-news{width: 100%;height: auto;}
.in-news .in-news-top{width: 100%;height: auto;overflow: hidden;}
.in-news .in-news-top .title{width: calc(100% - 160px);float: left;}
.in-news .in-news-top .more{float: right;}
.in-news .in-news-list{width: 100%;height: auto;font-size: 0;}
.in-news .in-news-list li{width: calc(33.3% - 50px);margin-right: 75px;display: inline-block;}
.in-news .in-news-list li:nth-child(3){margin-right: 0;}
.in-news .in-news-list li .item-top{width:100%;height: auto;overflow: hidden;}
.in-news .in-news-list li .item-top .time{position: relative; display: block;width: 80px;float: left;}
.in-news .in-news-list li .item-top .time  span{font-size:20px;color: #000000;font-family: arial;font-weight: bolder;}
.in-news .in-news-list li .item-top .time b{padding-left:35px; font-size: 30px;}

.in-news .in-news-list li .item-top h6{width: calc(100% - 80px);padding-left: 15px;margin-top: 10px; float: left; font-size: 18px; height:54px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;word-break: break-all;}
.in-news .in-news-list li .txt{width: 100%;height: auto;margin-top: 10px; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;word-break: break-all;display: -webkit-box;}
.in-news .in-news-list li .txt p{font-size: 16px;color: #000000;}
.in-news .in-news-list li .item-top .time:before{content:" "; display: block; width: 80px; height: 1px;
position: absolute; left: -4px; top: 30px;background: #333;
transform:rotate(-40deg);
-ms-transform:rotate(-40deg); 	/* IE 9 */
-moz-transform:rotate(-40deg); 	/* Firefox */
-webkit-transform:rotate(-40deg); /* Safari 和 Chrome */
-o-transform:rotate(-40deg); }


.in-news .in-news-list li:hover .item-top h6{color: #0046AA;}
.in-news .in-news-list li:hover .item-top .time span{color: #0046AA;}
.in-news .in-news-list li:hover .item-top .time b{color: #0046AA;}
.in-news .in-news-list li:hover .item-top .time:before{background: #0046AA;}

@media only screen and (max-width:1300px) {
.in-news .in-news-top .title{width: calc(100% - 140px);}
.in-news .in-news-list li{width: calc(33.3% - 30px);margin-right: 45px;}
.in-news .in-news-list li .txt p{font-size: 15px;}
.in-news .in-news-list li .item-top h6{font-size: 16px;height: 46px;}
.in-news .in-news-list li .txt p{font-size: 15px;}
.in-news .in-news-list li .item-top .time{width: 65px;}
.in-news .in-news-list li .item-top h6{width: calc(100% - 65px);}
.in-news .in-news-list li .item-top .time:before{left: -8px;}
.in-news .in-news-list li .item-top .time  span{font-size: 18px;}
.in-news .in-news-list li .item-top .time  b{font-size: 26px;}
}
@media only screen and (max-width:1024px) {
	.in-news .in-news-list li{width: calc(33.3% - 15px);margin-right:22.5px;}
.in-news .in-news-top .title{width: calc(100% - 110px);}
.in-news .in-news-list li .txt p{font-size: 14px;}
.in-news .in-news-list li .item-top h6{font-size: 16px;}
.in-news .in-news-list li .txt{}
.in-news .in-news-list li .txt p{font-size: 14px;}
}

@media only screen and (max-width: 850px) {
	.in-news .in-news-list li .item-top .time{width: 50px;}
.in-news .in-news-list li .item-top h6{width: calc(100% - 50px);}
.in-news .in-news-list li .item-top .time:before{left: -15px;width: 65px;}
.in-news .in-news-list li .item-top .time  span{font-size: 16px;}
.in-news .in-news-list li .item-top .time  b{font-size: 24px;padding-left: 20px;}
	.in-news .in-news-list li{width: 100%;margin-right: 0;margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #DCDCDC;}
}

@media only screen and (max-width:720px) {
.in-news .in-news-top .more{float: none;margin-top: 20px;}
.in-news .in-news-top .title{width: 100%;float: none;}
}
















.in-design{width: 100%;height: auto;}
.in-design ul{width: 100%;height: auto;overflow: hidden;}
.in-design ul li{width: 50%;height: auto;float: left; background-size: cover;background-repeat: no-repeat;background-position: center;}
.in-design ul li .bk{width: 100%;height:240px;position: relative; background:rgba(0,0,0,0.1);}
.in-design ul li .bk .con{color: #FFFFFF; width: 80%;left: 10%;top: 25%;position: absolute; height: auto;}
.in-design ul li:hover .bk{background: rgba(0,70,170,0.85);}
.in-design ul li .bk .con h5{font-size: 28px;color: #FFFFFF;}
.in-design ul li .bk .con h6{margin-top: 10px; font-size: 16px;font-weight: normal; text-transform: uppercase;color: #FFFFFF;}
.in-design ul li .bk .con p{width: 100%;font-size: 16px; height: auto;margin-top: 20px;}
@media only screen and (max-width:1500px) {
	.in-design ul li .bk .con h5{font-size: 26px;}
}
@media only screen and (max-width:1300px) {
	.in-design ul li .bk .con h5{font-size: 24px;}
	.in-design ul li .bk{height: 200px;}
	.in-design ul li .bk .con h6{font-size: 15px;}
	.in-design ul li .bk .con p{margin-top: 15px;font-size: 15px}
}
@media only screen and (max-width:1024px) {
	.in-design ul li .bk .con h5{font-size: 20px;}
	.in-design ul li .bk{height: 180px;}
	.in-design ul li .bk .con h6{font-size: 14px;margin-top: 5px;}
	.in-design ul li .bk .con p{font-size: 14px;margin-top: 10px;}
}
@media only screen and (max-width:720px) {
	.in-design ul li .bk .con h5{font-size: 18px;}
	.in-design ul li{width: 100%;}
	.in-design ul li .bk{height: 150px;}
	.in-design ul li .bk .con h6{font-size: 12px;margin-top: 5px;}
	.in-design ul li .bk .con p{font-size: 12px;margin-top: 10px;}
}

.footer{width: 100%;height: auto;background: #0046AA;padding-top:60px;color: #FFFFFF;}
.footer .foot-t{width:100%;height: auto;overflow: hidden;border-bottom: 1px solid rgba(255,255,255,0.5);padding-bottom:15px;line-height: 45px; vertical-align: middle;}
.footer .foot-t h6{width: calc(100% - 180px);font-size: 16px; float: left;vertical-align: middle; color: #FFFFFF;}
.footer .foot-t a{width:180px;text-align: right; color: #e9680a;font-size: 30px; display: block;float: right; font-family:arial;font-weight: bolder; text-transform: capitalize;}
.footer .foot-d{width: 100%;height: auto;overflow: hidden;padding: 25px 0;border-top: 1px solid rgba(255,255,255,0.5);}
.footer .foot-d span{display: block;font-size: 16px; float: left;color: #FFFFFF;}
.footer .foot-d span a{color: #FFFFFF;}
.footer .foot-d .return-top{display: block;width: 30px;height: 30px;float: right;}
.footer .foot-d  .return-top img{display: block;width: 100%;height: auto;}

.footer .foot-m{width: 100%;height: auto;padding: 50px 0;overflow: hidden;}
.footer .foot-ml{float: left;width:280px;height: auto;font-size: 0;}
.footer .foot-ml .ewm{width:calc(50% - 25px);margin-right: 25px;float: left;}
.footer .foot-ml .ewm img{display: block;width: 100%;height: auto;}
.footer .foot-mr{float: right;width:calc(100% - 280px);padding-left: 5%;}
.footer .foot-mr li{width:calc(45% - 55px); height: auto;padding-left: 8%; float: left;}
.footer .foot-mr li:first-child{width:calc(10% + 110px);}
.footer .foot-mr li h6{font-size: 18px;color: #FFFFFF;}
.footer .foot-mr li .con{width: 100%;height: auto;margin-top: 20px;}
.footer .foot-mr li .con a{display: block;color: #FFFFFF;font-size: 16px;margin-bottom: 5px;}
.footer .foot-mr li .con p{font-size: 16px;color: #FFFFFF;font-size: 16px;margin-bottom: 5px;}
@media only screen and (max-width:1500px) {
	.footer .foot-ml{width: 260px;}
	.footer .foot-mr{width: calc(100% - 260px);}
	.footer .foot-t a{font-size: 26px;}
	.footer .foot-ml .ewm{width: calc(50% - 20px);margin-right:20px;}
	.footer .foot-mr li h6{font-size: 17px;}
}

@media only screen and (max-width:1300px) {
	.footer .foot-m{padding: 40px 0;}
	.footer .foot-ml{width: 240px;}
	.footer .foot-t a{font-size: 24px;}
	.footer .foot-mr{width: calc(100% - 240px);}
	.footer .foot-ml .ewm{width: calc(50% - 15px);margin-right:15px;}
	.footer .foot-mr li h6{font-size: 16px;}
	.footer .foot-t h6{font-size: 15px;}
	.footer .foot-d span{font-size: 15px;}
	.footer .foot-mr li .con a{font-size: 15px;}
	.footer .foot-mr li .con p{font-size: 15px;}
	.footer .foot-mr li{width:calc(47.5% - 55px); height: auto;padding-left: 5%; float: left;}
.footer .foot-mr li:first-child{width:calc(5% + 110px);}
}
@media only screen and (max-width: 1024px) {
	.footer .foot-m{padding: 30px 0;}
	.footer .foot-ml{width:180px;}
	.footer .foot-t a{font-size: 20px;}
	.footer .foot-mr{width: calc(100% - 180px);}
	.footer .foot-ml .ewm{width: calc(50% - 10px);margin-right:10px;}
	.footer .foot-mr li h6{font-size: 15px;}
	.footer .foot-t h6{font-size: 14px;}
	.footer .foot-d span{font-size: 14px;}
	.footer .foot-mr li .con{margin-top: 10px;}
	.footer .foot-mr li .con a{font-size: 14px;}
	.footer .foot-mr li .con p{font-size: 14px;}
	.footer .foot-mr li{width:50%; height: auto;padding-left: 3%; float: left;}
.footer .foot-mr li:first-child{display: none;}
}
@media only screen and (max-width:720px) {
	.footer .foot-t{line-height: 1.5;}
	.footer .foot-t h6{width: 100%;height: auto;float: none;text-align: center;}
	.footer .foot-t a{width: 100%;height: auto;text-align: center;float: none;margin-top: 10px;}
	.footer .foot-mr{width: 100%;padding-left: 0;}
	.footer .foot-mr li{width: 100%;padding: 0;margin-top: 20px;text-align: center;}
	.footer .foot-ml{width: 100%;height: auto;text-align: center;}
	.footer .foot-ml .ewm{display: inline-block;width:90px;float: none; height: auto;margin:0 10px;}
	.footer .foot-d span{width: 100%;height: auto;text-align: center;float: none;}
	.footer .foot-d .return-top{float: none; margin: 0 auto;margin-top: 10px;}
}


.in-case{width: 100%;height:auto;position: relative;z-index: 0;}
.in-case .in-case-pic-js{width: 100%;height:100%;z-index: -1; position: absolute;top: 0;left: 0;}
.in-case .in-case-pic-js .case-pic{width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;}
.in-case .in-case-top{width: 100%;height: auto;position: relative;}
.in-case .in-case-bk{z-index: 10; width: 100%;height: auto;}
.in-case .in-case-top .title{color: #FFFFFF;width: 100%;text-shadow: 1px 1px 2px rgba(0,0,0,0.5);}
.in-case .in-case-top .title h3{color: #FFFFFF;}
.in-case .in-case-top .title h4{color: #FFFFFF;}
.in-case .in-case-bk {width: 100%;height: auto;position: relative;}
.in-case .in-case-bk  .in-case-list-js{width: 100%;height: auto;margin-top: 10%;height: auto;vertical-align: bottom;}
.in-case .in-case-bk  .in-case-list-js .in-case-box{padding: 20px;margin-top: 156px; background: #FFFFFF;display: block; width: 100%;height: auto;overflow: hidden;}
.in-case .in-case-bk  .in-case-list-js .in-case-box  .pic{width:150px;height: 90px;float: left; background-size: cover;background-repeat: repeat;background-position: center;}
.in-case .in-case-bk  .in-case-list-js .in-case-box  .con{width: calc(100% - 150px);padding-left: 5%;height: auto;float: left;}
.in-case .in-case-bk  .in-case-list-js .in-case-box  .con h6{font-size: 16px;color: #000000;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;height: auto;}
.in-case .in-case-bk  .in-case-list-js .in-case-box  .con .txt{width: 100%;margin-top: 10px; height:42px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.in-case .in-case-bk  .in-case-list-js .in-case-box  .con .txt p{font-size: 14px;color: #000000;}
.in-case .in-case-bk  .in-case-list-js .swiper-slide-active .in-case-box .pic{width: 100%;height: 150px;}
.in-case .in-case-bk  .in-case-list-js .swiper-slide-active .in-case-box .con{width: 100%;height: auto;padding-left: 0;margin-top: 20px;}
.in-case .in-case-bk  .in-case-list-js .swiper-slide-active .in-case-box{margin-top: 0;}

.in-case .in-case-top .swiper-button-prev{
    background: url(../img/a004s.png)center no-repeat;
    right:60px;
    left: auto;
}
.in-case .in-case-top .swiper-button-next{
    background: url(../img/a005s.png)center no-repeat;
    right: 0px;
    left: auto;
}
.in-case .in-case-top .swiper-button-prev,.in-case .in-case-top .swiper-button-next {
    position: absolute;
    top: 50%;
    width: 50px;
    height: 50px;
    margin-top: -10px;
    z-index: 10;
    cursor: pointer;
    border: 1px solid #FFFFFF;
    -moz-background-size:cover;
    -webkit-background-size: cover;
    -ms-background-size: cover;
    background-size:cover;
    background-position: center;
    background-repeat: no-repeat;
}
.in-case .in-case-top .swiper-button-prev:hover{background: url(../img/a004.png)center no-repeat #FFFFFF;background-size: cover;}
.in-case .in-case-top .swiper-button-next:hover{background: url(../img/a005.png)center no-repeat #FFFFFF;background-size: cover;}

@media only screen and (max-width:1300px) {
	.in-case .in-case-bk  .in-case-list-js .in-case-box{padding: 15px;margin-top: 150px;}
.in-case .in-case-bk  .in-case-list-js .in-case-box  .pic{width: 130px;height: 70px;}
.in-case .in-case-bk  .in-case-list-js .swiper-slide-active .in-case-box .pic{height: 130px;}
.in-case .in-case-bk  .in-case-list-js .in-case-box  .con{width: calc(100% - 130px);}
.in-case .in-case-top .swiper-button-prev,.in-case .in-case-top .swiper-button-next {
    position: absolute;
    top: 50%;
    width: 40px;
    height: 40px;
    margin-top: -10px;
}
.in-case .in-case-top .swiper-button-prev{
    right:50px;
    left: auto;
}
}
@media only screen and (max-width:1024px) {
		.in-case .in-case-bk  .in-case-list-js .in-case-box{padding: 10px;margin-top: 130px;}
	.in-case .in-case-bk  .in-case-list-js .in-case-box  .pic{width: 90px;height:70px;}
	.in-case .in-case-bk  .in-case-list-js .swiper-slide-active .in-case-box .pic{height: 120px;}
	.in-case .in-case-bk  .in-case-list-js .in-case-box  .con h6{font-size: 15px;}
	.in-case .in-case-bk  .in-case-list-js .in-case-box  .con {width: calc(100% - 90px);}
	.in-case .in-case-bk  .in-case-list-js .in-case-box  .con .txt{margin-top: 10px;}
	.in-case .in-case-bk  .in-case-list-js .swiper-slide-active .in-case-box .con{margin-top: 10px;}
.in-case .in-case-top  .swiper-button-prev,.in-case .in-case-top  .swiper-button-next {
    position: absolute;
    top: 50%;
    width: 35px;
    height: 35px;
    margin-top: -10px;
}
.in-case .in-case-top  .swiper-button-prev{
    right:45px;
    left: auto;
}

}

@media only screen and (max-width:900px) {
.in-case .in-case-bk  .in-case-list-js .in-case-box{padding: 10px;margin-top: 120px;}
	.in-case .in-case-bk  .in-case-list-js .in-case-box  .pic{width: 70px;height:60px;}
	.in-case .in-case-bk  .in-case-list-js .swiper-slide-active .in-case-box .pic{height: 110px;}
	.in-case .in-case-bk  .in-case-list-js .in-case-box  .con h6{font-size: 15px;}
	.in-case .in-case-bk  .in-case-list-js .in-case-box  .con {width: calc(100% - 70px);}
	.in-case .in-case-bk  .in-case-list-js .in-case-box  .con .txt{margin-top: 5px;height: 35px;}
		.in-case .in-case-bk  .in-case-list-js .in-case-box  .con .txt p{font-size: 12px;}
	.in-case .in-case-bk  .in-case-list-js .swiper-slide-active .in-case-box .con{margin-top: 10px;}
}

@media only screen and (max-width:720px) {
	.in-case .in-case-bk  .in-case-list-js{margin-top: 65px;}
	.in-case .in-case-top  .swiper-button-prev,.in-case .in-case-top  .swiper-button-next {
    position: absolute;
    top: auto;
    bottom: 0;
    width: 35px;
    height: 35px;
    margin-top: 0px;
}
}


.in-banner{width: 100%;height: auto;margin-top: 80px;}
.in-banner .pic{width: 100%;height: 500px;position: relative; background-size: cover;background-repeat: no-repeat;background-position: center;}
.in-banner .pic .bk{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background:rgba(0,0,0,0.1);}
.in-banner .pic .bk .title2{width: 100%;height: auto;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.in-banner .pic .bk .title2 h3{color: #FFFFFF;}
.in-banner .pic .bk .title2 h4{color: #FFFFFF;}



.bread{width: 100%;height: auto;line-height: 25px;padding-top: 30px;}
.bread a{display: inline-block;margin:0 10px; font-size: 16px;color: #000000;}
.bread a.home{position: relative;margin-left: 0;padding-left: 35px;}
.bread a.home:before{content: "";background: url(../img/a013.png)center no-repeat;width: 25px;height: 25px;background-size: cover;position: absolute;left: 0;bottom: 0;}
.bread a:hover{color: #0046AA;}

@media only screen and (max-width:1500px) {
	.in-banner .pic {height: 450px;}
}
@media only screen and (max-width:1300px) {
	.in-banner .pic {height: 400px;}
	.bread a{font-size: 15px;}
}
@media only screen and (max-width:1024px) {
	.in-banner .pic {height: 350px;}
	.in-banner{margin-top: 60px;}
	.bread{line-height: 20px;padding-top: 15px;}
	.bread a{font-size: 14px;margin: 0 5px;}
	.bread a.home{padding-left: 25px;}
	.bread a.home:before{width: 20px;height: 20px;background:url(../img/a013.png)center no-repeat;background-size: cover;}
}
@media only screen and (max-width:720px) {
	.in-banner .pic {height: 200px;}
}


.ab{width: 100%;height: auto;}
.ab-c{height: auto;position: relative;overflow: hidden;}
.ab .ab-r{width: 40%;float: right; height: auto;position: absolute;right: 0;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;}
.ab .ab-l{width: 45%;float: left;height: auto;}



.num-bk{width: 100%;height: auto;}
.num-bk .bk-pic{width: 100%;height: auto;background-position: center;background-attachment: fixed;background-repeat: no-repeat;}
.num-bk .bk-pic .bks{width: 100%;height: auto; background:rgba(0,0,0,0.2);}
.num-bk .num{width: 100%;height: auto;overflow: hidden;padding: 8% 0;}
.num-bk .num li{width: 33.3%;height: auto;float: left; text-align: center;color: #FFFFFF;}
.num-bk .num li h2{font-size: 16px;}
.num-bk .num li h2 span{color: #FFFFFF;font-size:48px;font-family: arial;}
.num-bk .num li .txt{width: 100%;height: auto;}
.num-bk .num li .txt p{font-size: 16px;color: #FFFFFF;}

@media only screen and (max-width:1500px) {

}

@media only screen and (max-width:1300px ) {
	.ab .ab-r{width: 45%;}
	.num-bk .num li h2 span{font-size: 45px;}
	.num-bk .num li h2 {font-size: 15px;}
	.num-bk .num li .txt p{font-size: 15px;}
}
@media only screen and (max-width:1024px ) {
	.ab .ab-r{width: 45%;}
	.ab .ab-l{width: 50%;}
	.num-bk .num li h2 span{font-size:36px;}
	.num-bk .num li h2 {font-size: 14px;}
	.num-bk .num li .txt p{font-size:14px;}

}
@media only screen and (max-width:720px) {
		.ab .ab-l{width: 100%;float: none;}
		.ab .ab-r{display: none;}
		.num-bk .bk-pic{background-size: cover;background-attachment: inherit;}
		.num-bk .num li h2 span{font-size:28px;}
		.num-bk .num li{width: 100%;padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid rgba(255,255,255,0.1);}
	.num-bk .num li h2 {font-size: 12px;}
	.num-bk .num li .txt p{font-size:14px;}
	.num-bk .num li:last-child{padding-bottom: 0;margin-bottom: 0;border-bottom: none;}

}

.culture{width: 100%;height: auto;}
.culture .culture-js{width: 100%;height: auto;}
.culture .culture-js .pic{cursor: default; position:relative; width: 100%;height:450px;background-position: center;background-repeat: no-repeat;background-size: cover;}
.culture .culture-js .pic .bks{width: 100%;height:100%;top: 0;left: 0;color: #FFFFFF; position: absolute;background: rgba(0,0,0,0.2);}
.culture .culture-js .pic .bks .con{position: absolute;top: 50%;left: 50%;width: 88%;height: auto;text-align: center;transform: translateX(-50%)translateY(-50%);-webkit-transform: translateX(-50%)translateY(-50%) ;-ms-transform:  translateX(-50%)translateY(-50%);-moz-transform:  translateX(-50%)translateY(-50%);-o-transform:translateX(-50%)translateY(-50%);}
.culture .culture-js .pic .bks .con h6{font-size: 24px;color:#FFFFFF}
.culture .culture-js .pic .bks .con .txt{display: none;width: 100%;height: auto;margin-top: 20px;}
.culture .culture-js .pic .bks .con .txt p{font-size: 16px;color: #FFFFFF;}
.culture .culture-js .pic:hover .bks{background: rgba(0,70,170,0.8);}
.culture .culture-js .pic:hover .bks .con .txt{display: inherit;}
@media only screen and (max-width: 1500px) {
	.culture .culture-js .pic .bks .con h6{font-size: 22px;}
	.culture .culture-js .pic{height: 420px;}
}
@media only screen and (max-width:1300px) {
	.culture .culture-js .pic .bks .con h6{font-size: 20px;}
	.culture .culture-js .pic{height:390px;}
	.culture .culture-js .pic .bks .con .txt p{font-size: 15px;}
}
@media only screen and (max-width: 1024px) {
	.culture .culture-js .pic .bks .con h6{font-size:18px;}
	.culture .culture-js .pic{height:50px;}
	.culture .culture-js .pic .bks .con .txt{margin-top: 15px;}
	.culture .culture-js .pic .bks .con .txt p{font-size: 14px;}
}
@media only screen and (max-width:720px ) {
		.culture .culture-js .pic{height:280px;}
}


.equipment{width: 100%;height:auto}
.equipment .equip-top{width: 100%;height: auto;position: relative;}

.equipment .equip-js{width: 100%;height: auto;}
.equipment .equip-js .pic{width: 100%;height: auto;overflow: hidden;}
.equipment .equip-js .pic img{display: block;width: 100%;height: auto;}
.equipment .equip-js .pic:hover img{transition: all 0.3s ease;transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1)}
.equipment .equip-top .swiper-button-prev{
    background: url(../img/a004.png)center no-repeat;
    right:60px;
    left: auto;
}
.equipment .equip-top .swiper-button-next{
    background: url(../img/a005.png)center no-repeat;
    right: 0px;
    left: auto;

}


.equipment .equip-top .swiper-button-prev,.equipment .equip-top .swiper-button-next {
    position: absolute;
    top: 50%;
    width: 50px;
    height: 50px;
    margin-top: -10px;
    z-index: 10;
    cursor: pointer;
    border: 1px solid #0046AA;
    -moz-background-size:cover;
    -webkit-background-size: cover;
    -ms-background-size: cover;
    background-size:cover;
    background-position: center;
    background-repeat: no-repeat;
}
.equipment .equip-top .swiper-button-prev:hover{background: url(../img/a004s.png)center no-repeat #0046AA;background-size: cover;}
.equipment .equip-top .swiper-button-next:hover{background: url(../img/a005s.png)center no-repeat #0046AA;background-size: cover;}

@media only screen and (max-width:1300px) {
.equipment .equip-top .swiper-button-prev,.equipment .equip-top .swiper-button-next {
    position: absolute;
    top: 50%;
    width: 40px;
    height: 40px;
    margin-top: -10px;
}
.equipment .equip-top .swiper-button-prev{
    right:50px;
    left: auto;
}
}
@media only screen and (max-width:1024px) {
.equipment .equip-top .swiper-button-prev,.equipment .equip-top .swiper-button-next {
    position: absolute;
    top: 50%;
    width: 35px;
    height: 35px;
    margin-top: -10px;
}
.equipment .equip-top .swiper-button-prev{
    right:45px;
    left: auto;
}

}

.news{width: 100%;height: auto;}
.news ul{width: 100%;height: auto;border-top: 1px solid #ededed;}
.news ul li{width: 100%;height: auto;overflow: hidden;padding: 30px 0;border-bottom: 1px solid #ededed;}
.news ul li .pic{float: left; width: 280px;height:210px;background-size: cover;background-repeat: no-repeat;background-position: center;}
.news ul li:hover{padding:30px;background: #ededed;transition: all 0.3s ease;}
.news ul li .con{width: calc(100% - 280px);height: auto;float: right;padding-left: 40px;}
.news ul li .con h6{font-size: 20px;color: #000000;}
.news ul li .con .time{font-size: 16px;color: #999;font-family: arial; margin-top: 10px;}
.news ul li .con .txt{width: 100%;height: auto;margin-top: 20px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;word-break: break-all;}
.news ul li .con .txt p{color: #000000;}
.news ul li .con .mores{width: 100%;height: auto;position: relative;font-size: 0;margin-top: 10px;}
.news ul li .con span{width:90px; text-align: left; display: inline-block;font-size: 16px;color: #000000;position: relative;}
.news ul li .con i{ width: 0;height: 1px;vertical-align: 5px; background: #0046AA;display: inline-block;}
.news ul li:hover .con  i {width: calc(100% - 100px);transition: all 0.5s ease;}
.news ul li:hover span{margin-left: 10px;text-align:right}

.fy{width: 100%;height: auto;font-size: 0;text-align: center;margin-top:40px;}
.fy a{font-size: 16px;color: #000000;line-height: 30px;margin: 0 5px; padding: 0 10px; display: inline-block;}
.fy a.on{background: #E86814;color: #FFFFFF;}
.fy a:hover{background: #E86814;color: #FFFFFF;}
@media only screen and (max-width:1300px) {
	.news ul li .con h6{font-size: 18px;}
	.news ul li .con .time{font-size: 15px;}
	.news ul li .con span{font-size: 15px;}
	.news ul li .pic{width: 240px;height: 180px;}
	.news ul li .con{width: calc(100% - 240px);}
	.fy a{font-size: 15px;margin: 0 3px;padding: 0 10px;line-height: 24px}
}
@media only screen and (max-width:1024px) {
	.news ul li {padding: 20px 0;}
	.news ul li:hover{padding: 20px;}
	.news ul li .con h6{font-size: 16px;}
	.news ul li .con .txt{margin-top: 15px;-webkit-line-clamp: 2;}
	.news ul li .con .time{font-size: 14px;}
	.news ul li .con span{font-size: 14px;}
	.news ul li .pic{width:200px;height: 150px;}
	.news ul li .con{width: calc(100% - 200px);padding-left: 30px;}
	.fy a{font-size: 14px;margin: 0 3px;padding: 0 8px;line-height: 24px}
}
@media only screen and (max-width:720px) {
	.fy{margin-top: 25px;}
	.news ul li .con{background: #EDEDED;}
	.news ul li .con h6{font-size: 18px;}
	.news ul li .con .time{font-size: 14px;}
	.news ul li .con span{width: 65px; font-size: 14px;}
	.news ul li:hover .con i{width: calc(100% - 75px);}
	.news ul li .pic{width: 100%;height: 150px;float: none;}
	.news ul li .con{width: 100%;height: auto;padding: 20px 15px;float: none;}
.news ul li:hover{background:none;padding: 0  0;}
.news ul li{padding: 0  0;margin-bottom: 20px;}
}

.news-d{width: 100%;height: auto;}
.news-d h6{font-size: 24px;color: #000000;}
.news-d .time{font-size: 16px;color: #999999;margin-top: 20px;}
.news-d .txt{width: 100%;height: auto;margin-top: 35px;height: auto;}
.news-d .txt p{color: #000000;}
.news-d .txt img{display: block;width: 100%;height: auto;}
.news-d .pn{width: 100%;height: auto;margin-top: 40px;padding-top: 30px;overflow: hidden;border-top: 1px solid #DCDCDC;}
.news-d .pn .pn-l{width: calc(100% - 160px);float: left;}
.news-d .pn .pn-l a{width: 100%;height: auto;display: block; color: #000;margin-bottom: 10px;}
.news-d .pn .return{float: right;}


@media only screen and (max-width:1300px) {
	.news-d h6{font-size: 22px;}
	.news-d .time{font-size: 15px;}
	.news-d .pn .pn-l a{font-size: 15px;}
}
@media only screen and (max-width:1024px) {
	.news-d h6{font-size: 20px;}
	.news-d .time{font-size: 14px;}
	.news-d .pn .pn-l a{font-size: 14px;}
}
@media only screen and (max-width:720px) {
	.news-d h6{font-size: 18px;}
	.news-d .time{font-size: 14px;}
	.news-d .pn{padding-top: 25px;margin-top: 30px;}
	.news-d .pn .pn-l a{font-size: 14px;}
		.news-d .pn .pn-l{width: 100%;float: none; height: auto;padding-bottom: 10px;}
		.news-d .pn  .return {float: none;}
}


.inset-sort{width: 100%;height: auto;}
.inset-sort a{position: relative; font-size: 18px;font-weight: bold; margin: 0 10px; color: #000000;display: inline-block;}
.inset-sort a.cut:before{content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%); width: 45px;height: 2px;background: #E86814;}
.inset-sort a.cut{padding-left: 55px;color: #0046AA;}
.inset-sort a:hover:before{content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%); width: 45px;height: 2px;background: #E86814;}
.inset-sort a:hover{padding-left: 55px;color: #0046AA;}


.case-box{width: 100%;padding-bottom: 100px; height: auto;background-repeat: no-repeat;background-position: center;background-size: cover;}
.case{width: 100%;height: auto;}
.case ul{width: 100%;height: auto;overflow: hidden;}
.case ul li{position: relative; width: calc(33.3% - 12px);margin-bottom: 20px; float: left;margin-right: 18px;height: auto;}
.case ul li:nth-child(3n){margin-right: 0;}
.case ul li .pic{width: 100%;height: auto;overflow: hidden;}
.case ul li .pic img{display: block;width: 100%;height: auto;}
.case ul li h6{display: none; background: rgba(0, 70,170,0.9); position:absolute;left: 0;bottom: 0;width: 100%;height: auto;padding:15px 10px;text-align: center; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color:#FFFFFF;font-size:18px;}
.case ul li:hover .pic img{transform: scale(1.1);transition: all 0.5s ease;}
.case ul li:hover h6{display: inherit;transition: all 0.5s ease;}
@media only screen and (max-width:1500px ) {
	.case ul li h6{font-size: 17px;}
	.case-box{padding-bottom: 85px;}
}
@media only screen and (max-width:1300px ) {
	.case ul li h6{font-size: 16px;}
	.case ul li{width: calc(33.3% - 8px);margin-right: 12px;margin-bottom: 12px;}
	.inset-sort a{font-size: 16px;}
	.case-box{padding-bottom: 75px;}
}
@media only screen and (max-width:1024px ) {
	.case ul li h6{font-size: 16px;}
	.case ul li{width: calc(50% - 10px);margin-right: 20px;margin-bottom: 20px;}
	.case ul li:nth-child(3n){margin-right: 20px;}
	.case ul li:nth-child(2n){margin-right: 0;}
	.inset-sort a{font-size: 15px;}
	.case-box{padding-bottom: 60px;}
}
@media only screen and (max-width:720px ) {
	.case ul li h6{font-size: 16px;}
	.case-box{padding-bottom: 48px;}
	.case ul li{width: calc(50% - 5px);margin-right: 10px;margin-bottom: 10px;}
	.case ul li:nth-child(3n){margin-right:10px;}
	.case ul li:nth-child(2n){margin-right: 0;}
	.inset-sort {overflow: hidden;}
	.inset-sort a{font-size: 14px;border:1px solid #dcdcdc;line-height:35px; width: 50%;height: auto;margin: 0;text-align: center;display: block;float: left;}
	.inset-sort a.cut:before{display: none;}
	.inset-sort a.cut{padding-left: 0;background: #E86814;color: #FFFFFF;}
	.inset-sort a:hover:before{display: none;}
	.inset-sort a:hover{padding-left: 0;background: #E86814;color: #FFFFFF;}
	.inset-sort a:nth-child(3){border-top: none;}
	.inset-sort a:nth-child(4){border-top: none;}
	.inset-sort a:nth-child(2n){border-left: none;}
}

.case-d{width: 100%;height: auto;}
.case-d .case-dl{width: 50%;height: auto;float: left;}
.case-d .case-dl .case-top-js{width: 100%;height: auto;margin-bottom: 20px;}
.case-d .case-dl .case-top-js .pic{width: 100%;height: auto;}
.case-d .case-dl .case-top-js .pic img{display: block;width: 100%;height: auto;}
.case-d .case-dl .case-thumbs-js{width: 100%;height: auto;border:15px solid #cccccc; background: #cccccc;}
.case-d .case-dl .case-thumbs-js .pic{width: 100%;height: auto;}
.case-d .case-dl .case-thumbs-js .pic img{display: block;width: 100%;height: auto;}
.case-d .case-dr{width: 40%;padding-top: 5%; height: auto;float: right;}
.case-d .case-dr h6{font-size:28px;color: #000000;}
.case-d .case-dr .con{width: 100%;height: auto;margin-top: 40px;}
.case-d .case-dr .con p{font-size: 18px;color: #000000;margin-bottom: 10px;}
.case-d .case-dr .txt{width: 100%;height: auto;margin-top: 25px;}
.case-d .case-dr .txt p{color: #000000;}
.case-d .case-dl .case-top-js .swiper-button-next{
    background-image: url(../img/a014.png);
    right: 10px;
    left: auto;
}
.case-d .case-dl .case-top-js .swiper-button-prev{
    background-image: url(../img/a015.png);
    left: 10px;
    right: auto;
}
.case-d .case-dl .case-top-js .swiper-button-prev,.case-d .case-dl .case-top-js .swiper-button-next {
    position: absolute;
    top: 50%;
    width: 25px;
    height: 40px;
    margin-top: -20px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 25px 40px;
    -webkit-background-size: 25px 40px;
    background-size: 25px 40px;
    background-position: center;
    background-repeat: no-repeat;
}

.case-d .case-fy{width: 100%;height: auto;overflow: hidden;}
.case-d .case-fy a.prev{float: left;width:48%;height: auto;display: block;font-size: 16px;text-align: left;}
.case-d .case-fy a.next{float:right;width: 48%;height: auto;display: block;font-size: 16px;text-align: right;}
.case-d .case-fy a:hover{color: #0046AA;}
@media only screen and (max-width:1500px) {
	.case-d .case-dr h6{font-size: 26px;}
	.case-d .case-dr .con p{font-size: 16px;}

}

@media only screen and (max-width:1300px) {
	.case-d .case-dr h6{font-size: 24px;}
	.case-d .case-fy a.prev{font-size: 15px;}
	.case-d .case-fy a.next{font-size: 15px;}
	.case-d .case-dr .con p{font-size: 15px;}
		.case-d .case-dl .case-top-js{margin-bottom: 15px;}
}
@media only screen and (max-width:1024px) {
	.case-d .case-dr h6{font-size: 20px;}
	.case-d .case-fy a.prev{font-size: 14px;}
	.case-d .case-fy a.next{font-size: 14px;}
	.case-d .case-dr .con p{font-size: 14px;}
		.case-d .case-dr .con{margin-top: 25px;}
	.case-d .case-dl .case-thumbs-js{border: 10px solid #cccccc;}
}

@media only screen and (max-width:800px) {
	.case-d .case-dr{width: 100%;height: auto;float:none}
	.case-d .case-dl{width: 100%;height: auto;float:none;}
	.case-d .case-dl .case-top-js{margin-bottom: 5px;}
	.case-d .case-dl .case-thumbs-js{border: 5px solid #cccccc;}
	.case-d .case-fy a.prev{width: 100%;height: auto;float: none;}
	.case-d .case-fy a.next{width: 100%;height: auto;float: none;text-align: left;margin-top: 10px;}
}
.solution{width: 100%;height: auto;}
.solution h5{font-size: 28px;color: #000000;padding-bottom: 15px;margin-bottom: 40px;position: relative;text-align: center;}
.solution h5:before{content: "";position:absolute;bottom: 0;left: 50%;width: 65px;height: 1px;background: #0046AA;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-moz-transform: translateX(-50%);-o-transform: translateX(-50%);}
.solution-d h5{font-size: 28px;color: #000000;padding-bottom: 15px;margin-bottom: 40px;position: relative;text-align: center;}
.solution-d h5:before{content: "";position:absolute;bottom: 0;left: 50%;width: 65px;height: 1px;background: #0046AA;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-moz-transform: translateX(-50%);-o-transform: translateX(-50%);}

.solution .txt{text-align: center;}
.solution-list{width: 100%;height: auto;background: #f5f5f5;}

.solution-list ul{width: 100%;height: auto;}
.solution-list ul li{width: 100%;height: auto;overflow: hidden;margin-bottom: 40px;}
.solution-list ul li:last-child{margin-bottom: 0;}
.solution-list ul li .pic{width: 360px;height:270px;float: left;background-size: cover;background-repeat: no-repeat;}
.solution-list ul li .con{padding-left: 40px; width:calc(100% - 360px);height: auto;float: right;}
.solution-list ul li .con h6{font-size: 24px;font-weight: normal; color: #000000;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.solution-list ul li .con  .txt{width: 100%;height: auto;margin-top: 30px;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 2;word-break: break-all;}
.solution-list ul li .con .txt p{color: #000000;}
.solution-list ul li .con .more{border: 1px solid #0046AA;color: #0046AA;margin-top: 40px;}
.solution-list ul li:hover .con .more{background: #0046AA;color: #FFFFFF;}
.solution-list ul li:hover .con h6{color: #0046AA;}
@media only screen and (max-width:1500px) {
	.solution-list ul li .con h6{font-size: 22px;}
	.solution h5{font-size: 26px;}
	.solution-d h5{font-size: 26px;}
	.solution-list ul li .con  .txt{height: 46px;}
}
@media only screen and (max-width:1300px) {
	.solution h5{font-size: 24px;}
	.solution-d h5{font-size: 24px;}
	.solution-list ul li .con h6{font-size: 20px;}
	.solution-list ul li .pic{width: 300px;height:225px;}
	.solution-list ul li .con{width: calc(100% - 300px);}
	.solution-list ul li .con  .txt{height: 43px;}
}
@media only screen and (max-width:1024px) {
	.solution h5{font-size: 20px;margin-bottom: 25px;}
	.solution-d h5{font-size: 20px;margin-bottom: 25px;}
	.solution-list ul li {margin-bottom: 30px;}
	.solution-list ul li .con h6{font-size: 20px;}
	.solution-list ul li .pic{width:240px;height:180px;}
	.solution-list ul li .con{width: calc(100% - 240px);padding-left: 30px;}
	.solution-list ul li .con .more{margin-top: 30px;}
	.solution-list ul li .con  .txt{margin-top: 20px;height: 41px;}
}
@media only screen and (max-width:720px) {
	.solution h5{font-size: 20px;}
	.solution-d h5{font-size: 20px;}
	.solution-list ul li .con h6{font-size: 18px;}
	.solution-list ul li .pic{width:100%;height:150px;float: none;}
	.solution-list ul li .con{width:100%;padding-left: 0;float: none;margin-top: 20px;}
	.solution-list ul li .con .more{margin-top: 20px;}
	.solution-list ul li .con  .txt{margin-top: 10px;}
}


.solution-d{width: 100%;height: auto;}
.solution-d .txt{width: 100%;height: auto;}
.solution-d .txt p{color: #000000;}
.solution-d .txt img{display: block;width: 100%;height: auto;}

.recom{width: 100%;height: auto;}
.recom .recom-top{position: relative; width: 100%;height: auto;}
.recom .recom-js{width: 100%;height: auto;padding-right: 1px;}
.recom .recom-js a{padding-top: 20px; background: #FFFFFF; border: 1px solid #dcdcdc; display: block;width: 100%;height: auto;position:relative;}
.recom .recom-js a .pic{overflow: hidden; width: 100%; height: auto;}
.recom .recom-js a .pic img{display: block;width: 100%;height: auto;}
.recom .recom-js a .con{margin-top: 20px; width: 100%;height: auto;background: #f6f6f6;padding: 20px 10px;text-align: center;}
.recom .recom-js a .con h6{font-size: 18px;color: #000000;padding-top: 15px;position: relative;}
.recom .recom-js a .con h6:before{content: "";position: absolute;top: 0;left: 50%;width: 40px;height: 1px;background: #E86814;transform: translateX(-50%);-moz-transform:translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.recom .recom-js a .bk{ width: 100%;height:0%;overflow: hidden; position: absolute;top: 0;left: 0;background: rgba(0,70,170,0.9);}
.recom .recom-js a .bk .cons{ text-align: center; color: #FFFFFF; width: 100%;position: absolute; height: auto;padding: 0 10px;left: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform:translateY(-50%)}
.recom .recom-js a .bk .cons .txt{width: 100%;height: auto;}
.recom .recom-js a .bk .cons .txt p{font-size: 16px;color: #FFFFFF;}
.recom .recom-js a .bk .cons span{display: block;width: 100%;margin-top: 35px; font-size: 16px;color: #FFFFFF;}
.recom .recom-js a:hover .bk{height: 100%;transition: all 0.3s ease;}
.recom .recom-js a:hover .con{background: #fff;}
.recom .recom-js a:hover h6{opacity: 0;-moz-opacity: 0;-webkit-opacity: 0;}
.recom .recom-js a:hover .pic img{transform: scale(1.1);transition: all 0.5s ease;}
.recom .recom-top .swiper-button-prev{
    background: url(../img/a004.png)center no-repeat;
    right:60px;
    left: auto;
}
.recom .recom-top .swiper-button-next{
    background: url(../img/a005.png)center no-repeat;
    right: 0px;
    left: auto;

}
.recom .recom-top .swiper-button-prev,.recom .recom-top .swiper-button-next {
    position: absolute;
    top: 50%;
    width: 50px;
    height: 50px;
    margin-top: -10px;
    z-index: 10;
    cursor: pointer;
    border: 1px solid #0046AA;
    -moz-background-size:cover;
    -webkit-background-size: cover;
    -ms-background-size: cover;
    background-size:cover;
    background-position: center;
    background-repeat: no-repeat;
}
.recom .recom-top .swiper-button-prev:hover{background: url(../img/a004s.png)center no-repeat #0046AA;background-size: cover;}
.recom .recom-top .swiper-button-next:hover{background: url(../img/a005s.png)center no-repeat #0046AA;background-size: cover;}

@media only screen and (max-width:1300px) {
.recom .recom-top .swiper-button-prev,.recom .recom-top .swiper-button-next {
    position: absolute;
    top: 50%;
    width: 40px;
    height: 40px;
    margin-top: -10px;
}
.recom .recom-top .swiper-button-prev{
    right:50px;
    left: auto;
}
.recom .recom-js a .bk .cons .txt p{font-size: 15px;}
.recom .recom-js a .con h6{font-size: 16px;}
.recom .recom-js a .bk .cons span{font-size:15px;}
}
@media only screen and (max-width:1024px) {
.recom .recom-top .swiper-button-prev,.recom .recom-top .swiper-button-next {
    position: absolute;
    top: 50%;
    width: 35px;
    height: 35px;
    margin-top: -10px;
}
.recom .recom-top .swiper-button-prev{
    right:45px;
    left: auto;
}
.recom .recom-js a .con{padding: 15px 10px;}
.recom .recom-js a .bk .cons .txt p{font-size: 14px;}
.recom .recom-js a .bk .cons span{font-size:14px;}
.recom .recom-js a{padding-top: 10px;}
.recom .recom-js a .cons{margin-top: 10px;}
}

.pro{width: 100%;height: auto;}
.pro .pro-list{width: 100%;height: auto;overflow: hidden;}
.pro .pro-list li{width: calc(25% - 15px);float: left; margin-right: 20px;margin-bottom: 20px;height: auto;vertical-align: top;padding-top: 20px; background: #FFFFFF; border: 1px solid #dcdcdc; position:relative;}

.pro .pro-list li:nth-child(4n){margin-right: 0;}
.pro .pro-list li .pic{overflow: hidden; width: 100%; height: auto;}
.pro .pro-list li .pic img{display: block;width: 100%;height: auto;}
.pro .pro-list li .con{margin-top: 20px; width: 100%;height: auto;background: #f6f6f6;padding: 20px 10px;text-align: center;}
.pro .pro-list li .con h6{font-size: 18px;color: #000000;padding-top: 15px;position: relative;}
.pro .pro-list li .con h6:before{content: "";position: absolute;top: 0;left: 50%;width: 40px;height: 1px;background: #E86814;transform: translateX(-50%);-moz-transform:translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.pro .pro-list li .bk{ width: 100%;height:0%;overflow: hidden; position: absolute;top: 0;left: 0;background: rgba(0,70,170,0.9);}
.pro .pro-list li .bk .cons{ text-align: center; color: #FFFFFF; width: 100%;position: absolute; height: auto;padding: 0 10px;left: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform:translateY(-50%)}
.pro .pro-list li .bk .cons .txt{width: 100%;height: auto;}
.pro .pro-list li .bk .cons .txt p{font-size: 16px;color: #FFFFFF;}
.pro .pro-list li .bk .cons span{display: block;width: 100%;margin-top: 35px; font-size: 16px;color: #FFFFFF;}
.pro .pro-list li:hover .bk{height: 100%;transition: all 0.3s ease;}
.pro .pro-list li:hover .con{background: #fff;}
.pro .pro-list li:hover h6{opacity: 0;-moz-opacity: 0;-webkit-opacity: 0;}
.pro .pro-list li:hover .pic img{transform: scale(1.1);transition: all 0.5s ease;}
@media only screen and (max-width:1500px) {


}

@media only screen and (max-width:1300px) {
.pro .pro-list li .bk .cons .txt p{font-size: 15px;}
.pro .pro-list li .con h6{font-size: 16px;}
.pro .pro-list li .bk .cons span{font-size:15px;}
}
@media only screen and (max-width:1024px) {
		.pro .pro-list li{width: calc(33.3% - 10px);margin-right: 15px;height: auto;margin-bottom: 15px;}
		.pro .pro-list li:nth-child(4n){margin-right: 15px;}
			.pro .pro-list li:nth-child(3n){margin-right: 0;}
	.pro .pro-list li .bk .cons .txt p{font-size: 14px;}
.pro .pro-list li .con h6{font-size: 16px;}
.pro .pro-list li .bk .cons span{font-size:14px;}
}
@media only screen and (max-width:720px) {
		.pro .pro-list li{width: calc(50% - 4px);margin-right: 8px;height: auto;margin-bottom: 8px;}
		.pro .pro-list li:nth-child(4n){margin-right: 8px;}
			.pro .pro-list li:nth-child(3n){margin-right: 8px;}
			.pro .pro-list li:nth-child(2n){margin-right: 0px;}
	.pro .pro-list li .bk .cons .txt p{font-size: 14px;}
.pro .pro-list li .con h6{font-size: 16px;}
.pro .pro-list li .bk .cons span{font-size:14px;}
.pro .pro-list li a{padding-top: 10px;}
.pro .pro-list li a .cons{margin-top: 10px;}
.pro .pro-list li a .con{padding: 15px 10px;}
}

.pro-detail{width: 100%;height: auto;}
.pro-detail .txt{width: 100%;height: auto;}
.pro-detail .txt p{color: #000000;}
.pro-detail .txt img{display: block;width: 100%;height: auto;}

.pro-d-box{width: 100%;height: auto;background: #ededed;}
.pro-d {width: 100%;height: auto;}

.pro-d .pro-dl{width:50%;height: auto;float: left;}
.pro-d .pro-dr{width:35%;height: auto;float: right;padding-top: 3%;}
.pro-d .pro-dr h6{font-size: 28px;color: #000000;}
.pro-d .pro-dr .txt{width: 100%;margin-top: 30px; height: auto;}
.pro-d .pro-dr .txt p{color: #000000;}
.pro-d .pro-dr .zx{width: 100%;height: auto;margin-top: 40px;width: 140px;line-height: 45px;background: #0046AA;color: #FFFFFF;display: block;text-align: center;}


.pro-top-js{width: 100%;height: auto;background: #FFFFFF;z-index: 0;margin-bottom: 10px;}
.pro-top-js img{display: block;width: 100%;height: auto;}
.pro-top-js .enlarge_pane{position: relative;height: auto; overflow: hidden;cursor: none;z-index: 1; }
.pro-thumbs-js{width: 100%;height: auto;}
.pro-thumbs-js .pic{width: 100%;height: auto;}
.pro-thumbs-js .pic img{display: block;width: 100%;height: auto;}
.pro-thumbs-js .swiper-slide-active .pic{border: 1px solid #0046AA;}
@media only screen and (max-width:1500px) {
.pro-d .pro-dr h6{font-size: 26px;}
}
@media only screen and (max-width:1300px) {
	.pro-d .pro-dr h6{font-size: 24px;}
	.pro-d .pro-dr .zx{font-size: 15px;}
}
@media only screen and (max-width:1024px) {
	.pro-d .pro-dr h6{font-size: 20px;}
	.pro-d .pro-dr .zx{font-size: 14px;}
	.pro-d .pro-dr .zx{line-height: 35px;width: 120px;}
	.pro-d .pro-dl{width: 55%;}
}

@media only screen and (max-width:850px ) {
		.pro-d .pro-dr h6{font-size: 20px;}
	.pro-d .pro-dr .zx{font-size: 14px;}
	.pro-d .pro-dr .zx{line-height: 35px;width: 120px;}
	.pro-d .pro-dl{width: 100%;height: auto;}
	.pro-d .pro-dr{width: 100%;height: auto;margin-top: 30px;padding-top: 0;}
}

.service-box{width: 100%;height: auto;background: #f5f5f5;}
.service{width: 100%;height: auto;}
.service ul{width: 100%;height: auto;overflow: hidden;}
.service ul li{background: #FFFFFF; width: calc(25% - 15px);text-align: center;padding: 30px 10px; float: left;vertical-align: top; margin-right: 20px;border-bottom: 3px solid #FFFFFF;}
.service ul li:nth-child(4n){margin-right: 0;}
.service ul li .ico{width: 40px;height: auto;margin: 0 auto;}
.service ul li .ico img{display: block;width: 100%;height: auto;}
.service ul li h6{margin-top: 25px;color: #000000;font-size: 16px;}
.service ul li:hover{border-bottom: 3px solid #0046AA;transition: all 0.3s ease;}
@media only screen and (max-width:1300px) {
	.service ul li h6{font-size: 15px;}
	.service ul li{background: #FFFFFF; width: calc(25% - 12px);margin-right:16px;margin-bottom: 16px;}
}
@media only screen and (max-width:1024px) {
	.service ul li{width:calc(50% - 10px);margin-right: 20px; height: auto;margin-bottom: 20px;}

	.service ul li:nth-child(4n){margin-right: 20px;}
		.service ul li:nth-child(2n){margin-right: 0;}
		.service ul li h6{font-size: 14px;}
}
@media only screen and (max-width:720px) {
	.service ul li{width:calc(50% - 5px);margin-right: 10px; height: auto;margin-bottom: 10px;}

	.service ul li:nth-child(4n){margin-right: 10px;}
		.service ul li:nth-child(2n){margin-right: 0;}
		.service ul li .ico{width: 35px;}
		.service ul li h6{font-size: 14px;}
}

.order{width: 100%;height: auto;}
.order .order-list{font-size: 0;width: 100%;height: auto;overflow: hidden;padding-top: 20px;}
.order .order-list li{width: 16.6%;height: auto;float: left;position: relative;}
.order .order-list li .con{width: 100%;height: 160px;text-align:center;padding:50px  10px 35px 10px; border: 1px solid #dcdcdc;}
.order .order-list li .con p{font-size: 16px;color: #000000;}
.order .order-list li:nth-child(2n) .con{border-left: none;}
.order .order-list li:nth-child(3) .con{border-left: none;}
.order .order-list li:nth-child(5) .con{border-left: none;}
.order .order-list li .num{width: 40px;height: 40px;background: #0046AA;border-radius: 100%;left: 50%;transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%); color: #FFFFFF;font-size: 16px;font-family: arial;text-align: center;line-height: 40px;position: absolute;top: -20px;}
@media only screen and (max-width:1300px ) {
	.order .order-list li .con p{font-size: 15px;}
}
@media only screen and (max-width:1024px) {
	.order .order-list li{width: 33.3%;height: auto;margin-bottom: 40px;}
	.order .order-list li .con{border: 1px solid #dcdcdc;}
	.order .order-list li .con p{font-size: 14px;}
	.order .order-list li:nth-child(2n) .con{border: 1px solid #dcdcdc;}
.order .order-list li:nth-child(3) .con{border: 1px solid #dcdcdc;}
.order .order-list li:nth-child(5) .con{border: 1px solid #dcdcdc;}
}
@media only screen and (max-width:720px) {
	.order .order-list li{width: 50%;height: auto;margin-bottom: 40px;}
	.order .order-list li .con{border: 1px solid #dcdcdc;height: 110px;padding:30px  10px 25px 10px;}
	.order .order-list li .con p{font-size: 12px;}
	.order .order-list{padding-top: 15px;}
	.order .order-list li .num{font-size: 14px;width: 30px;height: 30px;line-height: 30px;top: -15px;}
	.order .order-list li:nth-child(2n) .con{border: 1px solid #dcdcdc;}
.order .order-list li:nth-child(3) .con{border: 1px solid #dcdcdc;}
.order .order-list li:nth-child(5) .con{border: 1px solid #dcdcdc;}
.order .order-list li:nth-child(2n) .con{border-left: none;}
}

.contact{width: 100%;height: auto;}

.contact .cont-inform{width: 36%;padding: 5%;color: #FFFFFF; float: right;border: 1px solid #FFFFFF;border-radius: 10px;}
.contact .cont-inform ul{width: 100%;height: auto;}
.contact .cont-inform ul li{width: 100%;height: auto;margin-bottom: 20px;}
.contact .cont-inform ul li h6{font-size: 14px;color: #bbb;}
.contact .cont-inform ul li p{font-size: 16px;color: #FFFFFF;width: 100%;height: auto;display: block;margin-top: 10px;}
.contact .form{width:58%;height: auto;background: #FFFFFF;float: left;padding: 5%;}
.contact .form .title{text-align: center;margin-bottom: 40px;}
.contact .form .c1{width: calc(50% - 10px);float: left;  margin-right: 20px;margin-bottom: 10px; height: auto;}
.contact .form .c1 p{font-size: 16px;color: #666666;margin-bottom: 10px;}
.contact .form .c1 input{width: 100%;padding-left: 15px; height: auto;background: none; border: 1px solid #dcdcdc;line-height: 40px; color: #666;font-family: "微软雅黑";}
.contact .form .c1:nth-child(2){margin-right: 0;}
.contact .form .c2{width: 100%;height: auto;margin-bottom: 10px;}
.contact .form .c2 p{font-size: 16px;color: #666;margin-bottom: 10px;}
.contact .form .c2 textarea{width: 100%;height: 120px;border: 1px solid #dcdcdc;padding: 10px 0 0 10px;}
.contact .form .c3{width: 100%;height: auto;}
.contact .form .c3 .reset{width: calc(50% - 10px);margin-right: 20px;float: left;text-align: center;line-height: 40px;border: none;background: #a7a7a7;color: #FFFFFF; height: auto;}
.contact .form .c3 .send{width: calc(50% - 10px);color: #FFFFFF;text-align: center;line-height: 40px;background: #0046AA;border: none;}
@media only screen and (max-width:1300px) {
	.contact .cont-inform ul li h6{font-size: 13px;}
.contact .cont-inform ul li p{font-size: 15px;}
.contact .form .c1 p{font-size: 15px;}
.contact .cont-inform{padding: 40px;}
.contact .form{padding:40px;}
}
@media only screen and (max-width:1024px) {
	.contact .cont-inform ul li h6{font-size: 12px;}
.contact .cont-inform ul li p{font-size: 14px;}
.contact .form .c1 p{font-size: 14px;}
.contact .cont-inform{padding:30px;}
.contact .form{padding:30px;}
}
@media only screen and (max-width:720px) {
	.contact .cont-inform ul li h6{font-size: 12px;}
.contact .cont-inform ul li p{font-size: 14px;}
.contact .form .c1 p{font-size: 14px;}
.contact .form{padding:30px;width: 100%;height: auto;float: none;}
.contact .cont-inform{padding:30px;width: 100%;height: auto;float: none;margin-top: 35px;}
.contact .cont-inform{padding:25px;}
.contact .form{padding:25px;}
}

.emc{width: 100%;height: auto;}
.emc .title{text-align: center;}
.emc .title h4{padding-bottom: 15px;position: relative;}
.emc .title h4:before{width: 35px;bottom: 0; height: 2px;content: "";position: absolute;left: 50%;background: #0046AA;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-moz-transform: translateX(-50%);-o-transform: translateX(-50%);}

.emc .txt{margin-top: 40px;height: auto;}
.emc .txt p{color: #000000;}
.emc .txt p img{max-width: 100%;height: auto;}