@charset "utf-8"
@import url("animate.min.css");
@import url("iconfont.css");
html {font-size: 62.5%;}
@media only screen and (min-width: 481px){
html {font-size: 110%!important;}
}
@media only screen and (min-width: 561px){
html {font-size: 109%!important;}
}
@media only screen and (min-width: 641px){
html {font-size: 125%!important;}	
}
body { font-family:"黑体", "宋体", Tahoma, 'Simsun', Arial, Helvetica, sans-serif;color: #555;margin: 0px; font-size:13px;line-height: 24px;padding: 0px;}
a{ font-family:"黑体", "宋体", Tahoma, 'Simsun', Arial, Helvetica, sans-serif;text-decoration: none; color: #555; font-size:13px;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,menu{ display: block; margin: 0px;}
a:hover {font-family:"黑体", "宋体", Tahoma, 'Simsun', Arial, Helvetica, sans-serif;  text-decoration: none; color: #000;-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; color: #74c5ca; }
h1,h2,h3,h4,h5,h6{display:block;padding:0px;margin: 0px;color:#555;font-family:"黑体", "宋体", Tahoma, 'Simsun', Arial, Helvetica, sans-serif;}
p,ul,ol,li,form,img,dl,dt,dd,em,i{margin:0;padding:0;border:0;font-family:"黑体", "宋体", Tahoma, 'Simsun', Arial, Helvetica, sans-serif !important;}
em,i { font-style: normal; }
s{text-decoration: none;}
img{ border: 0px !important;  max-width: 100%;}
input,button,select { margin: 0; font-size: 13px; vertical-align: middle; outline: none;font-family:"黑体", "宋体", Tahoma, 'Simsun', Arial, Helvetica, sans-serif;}
dl,dt,ul,ol { margin: 0px; display: block; padding: 0px; list-style: none; }
h1 { }
h2 { padding: 0px;  display: block; font-weight: normal; }
h3 { padding: 0px; margin: 0px; display: block; }
h4 {padding: 0px; margin: 0px; display: block; }
h5 { }
h6 { }

.scroll{width:30px;height:30px; padding:10px;position:fixed;right:10px;bottom:60px;cursor:pointer; color:#008f62; font-size:14px; line-height:16px;}
.scroll s{display:block; width:30px; height:20px;background:url(../images/huadong.png) no-repeat 0 0; margin:0 auto;}
@media (max-width:1100px) {

    body{font-size: 1.2rem; }
   a{font-size: 1.2rem;}

}
/*Pagination*/
#Pagination { height: 24px; padding: 30px 0px 30px 0px;display: flex; justify-content:flex-start; }
#Pagination b { display:inline-block;display: inline; position:relative; top:0px; vertical-align:top; margin-right: 6px;  background:#74c5ca; border: 1px solid #74c5ca; height: 24px; line-height: 24px; color:#fff; border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px; behavior: url(pie.htc); padding: 1px 10px; }
#Pagination a {display:inline-block;display: inline;  margin-right: 2px;  height: 24px; line-height: 24px; border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px; behavior: url(pie.htc); padding: 1px 10px; border: 1px solid #74c5ca; font-size: 14px; font-weight: bolder; behavior: url(pie.htc); color:#74c5ca;}
#Pagination a:hover { display: inline; padding: 0px 10px; background:#74c5ca; border: 1px solid #74c5ca; color: #fff;  height: 24px; border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px; behavior: url(pie.htc); padding: 1px 10px; }

.loading {position: fixed;width: 100%; height: 100vh; top: 0;left: 0;background: #fff;z-index: 999999999;}
.loading .gif {width: 200px;height: 110px;background: url('../images/loading.gif') no-repeat;position: fixed;left: 50%;top: 50%;margin-left: -71px;margin-top: -39.5px;z-index: 999999999999999999;}  
.img_fd img{width:100%;overflow-x: hidden; overflow-y: hidden; position: relative; z-index: 1; transition-delay: 0s; transition-duration: 1s; transition-property: all; transition-timing-function: ease; /* Firefox 4 */
-moz-transition-delay: 0s; -moz-transition-duration: 1s; -moz-transition-property: all; -moz-transition-timing-function: ease; /* Safari 和 Chrome */
-webkit-transition-delay: 0s; -webkit-transition-duration: 1s; -webkit-transition-property: all; -webkit-transition-timing-function: ease; /* Opera */
-o-transition-delay: 0s; -o-transition-duration: 1s; -o-transition-property: all; -o-transition-timing-function: ease;}
.img_fd:hover img{transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); 	/* IE 9 */ -moz-transform: scale(1.2, 1.2); 	/* Firefox */ -webkit-transform: scale(1.2, 1.2); /* Safari 和 Chrome */ -o-transform: scale(1.2, 1.2); 	/* Opera */opacity:1; }
.jbxg{-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.im-100 img{display: block; width: 100%;}



.im-fk s .k-t,.k-f,.k-l,.k-r,p{-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out;z-index: 2;}
.im-fk s .k-t{width: 0%; height: 3px; background: #fff;position: absolute; top: 4%; left: 2%;}
.im-fk s .k-f{width: 0%; height: 3px; background: #fff;position: absolute; bottom: 8%; right: 2%;}
.im-fk s .k-l{width: 3px; height: 0%; background: #fff;position: absolute; top: 4%; right:2%;}
.im-fk s .k-r{width: 3px; height: 0%; background: #fff;position: absolute; bottom: 8%; left: 2%;}
.im-fk s p{display: block; width: 40px;height: 40px; line-height: 40px; font-size: 1.5rem; color: #fff;position: absolute; top: 50%; left: 50%; margin: -220px 0 0 -15px;z-index: 9999;opacity: 0;}

.im-fk:hover s .k-t{width: 96%; height: 2px;}
.im-fk:hover s .k-f{width: 96%; height: 2px;}
.im-fk:hover s .k-l{width: 2px; height: 88%;}
.im-fk:hover s .k-r{width: 2px; height: 88%;}
.im-fk:hover s p{top: 50%; left: 50%; margin: -15px 0 0 -15px;opacity: 1;}

/*top*/

.w1540{width: 1540px;}
@media (max-width:1440px) {.w1540{width: 94%;}}
@media (max-width:1100px) {.w1540{width: 96%; padding-left: 2%; padding-right: 2%;}}
header{display: block; width: 100%; height: 80px;padding: 20px 0; background: #74c5ca; position: fixed; left: 0px; top: 0px; z-index: 999;}
header div{display: block; margin: 0 auto;background: #fff;}
header div .logo{display:inline-block; float: left; width: 145px; height: 80px;}
header div .menu-pc{display:inline-block; float: right; padding-top: 14px;}
header div .menu-pc dl{display: block; height: 23px; line-height: 23px;}
header div .menu-pc dl a{display:inline-block;height: 23px; float: right; color: #fff; font-size: 0.8rem; margin-left: 0.5rem;}
header div .menu-pc dl a i{display: inline-block; float: left; margin-right: 5px;}
header div .menu-pc ul{display: block;height: 47px; line-height: 27px;padding-top: 16px;}
header div .menu-pc ul li{float: left; display: inline-block; height: 47px; margin-left: 2rem;position: relative;text-align: center;}
header div .menu-pc ul li:hover{border-bottom: 2px solid #fff;height: 46px;}
header div .menu-pc ul li.active{border-bottom: 2px solid #fff;height: 46px;}
header div .menu-pc ul li a{display: block;height: 45px; font-size: 17px; color: #fff;}
header div .menu-pc ul li i{display: block; width: 34px; height: 28px; float: left;}
header div .menu-pc ul li a:hover{color: #fff;}

header div .menu-pc ul li span a{display: block;height: 40px; line-height: 40px; color: #fff; text-align: center; font-weight: normal; position: relative;}
header div .menu-pc ul li span a:hover{background: #fff; color: #74c5ca;}

header div .menu-pc ul li span{display: none;width: 155px;  position: absolute; top: 47px; left: -18px; background:rgba(116, 197, 202, 0.59); z-index: 80; border-radius: 0 0 6px 6px;}
header div .menu-pc ul li span figure{display: block;height: 40px; line-height: 40px; color: #fff; text-align: center; font-weight: normal; position: relative;}
header div .menu-pc ul li span figure a{display: block;height: 40px; line-height: 40px; color: #fff; text-align: center; font-weight: normal; position: relative;}
header div .menu-pc ul li span figure em{display: none; position: absolute; top: 0px; left: 155px; width: 160px; background:rgba(116, 197, 202, 0.59);}
header div .menu-pc ul li span figure em a{display: block; width: 100%; height: 30px; line-height: 30px; text-align: center;}
header div .menu-pc ul li span figure a:hover{background: #fff; color: #74c5ca;}
header div .menu-pc ul li span figure:hover em{display: block;}
header div .menu-pc ul li:hover span{display: block;}
header div .menu-pc ul li.active a{color: #fff; /* border-bottom: 2px solid #fff; */ }
header div .menu-pc ul li:nth-child(1) i{background: url(../images/png_03.png) no-repeat;background-size: 100%;}
header div .menu-pc ul li:nth-child(1):hover i{background: url(../images/png_03.png) no-repeat 0 -28px;background-size: 100%;}
header div .menu-pc ul li.active:nth-child(1) i{background: url(../images/png_03.png) no-repeat 0 -28px;background-size: 100%;}
header div .menu-pc ul li:nth-child(2) i{background: url(../images/png_05.png) no-repeat;background-size: 100%;}
header div .menu-pc ul li:nth-child(2):hover i{background: url(../images/png_05.png) no-repeat 0 -28px;background-size: 100%;}
header div .menu-pc ul li.active:nth-child(2) i{background: url(../images/png_05.png) no-repeat 0 -28px;background-size: 100%;}
header div .menu-pc ul li:nth-child(3) i{background: url(../images/png_07.png) no-repeat;background-size: 100%;}
header div .menu-pc ul li:nth-child(3):hover i{background: url(../images/png_07.png) no-repeat 0 -28px;background-size: 100%;}
header div .menu-pc ul li.active:nth-child(3) i{background: url(../images/png_07.png) no-repeat 0 -28px;background-size: 100%;}
header div .menu-pc ul li:nth-child(4) i{background: url(../images/png_09.png) no-repeat;background-size: 100%;}
header div .menu-pc ul li:nth-child(4):hover i{background: url(../images/png_09.png) no-repeat 0 -28px;background-size: 100%;}
header div .menu-pc ul li.active:nth-child(4) i{background: url(../images/png_09.png) no-repeat 0 -28px;background-size: 100%;}
header div .menu-pc ul li:nth-child(5) i{background: url(../images/png_11.png) no-repeat;background-size: 100%;}
header div .menu-pc ul li:nth-child(5):hover i{background: url(../images/png_11.png) no-repeat 0 -28px;background-size: 100%;}
header div .menu-pc ul li.active:nth-child(5) i{background: url(../images/png_11.png) no-repeat 0 -28px;background-size: 100%;}
header div .menu-pc ul li:nth-child(6) i{background: url(../images/png_13.png) no-repeat; background-size: 100%;}
header div .menu-pc ul li:nth-child(6):hover i{background: url(../images/png_13.png) no-repeat 0 -28px;background-size: 100%;}
header div .menu-pc ul li.active:nth-child(6) i{background: url(../images/png_13.png) no-repeat 0 -28px;background-size: 100%;}
header div .nav-bottom,.icon{display: none;}
@media (max-width:1100px) {
    header{height: 4rem;padding: 5px 0; position:fixed; z-index: 1110;}
    header div .logo{width: 7rem;}
    header div .nav-bottom{display: block; width:3rem; height: 4rem;line-height: 3rem; float: right; font-size: 4.2rem; color: #a17711; padding-left: 10px;}
    header div .menu-pc{padding-left: 0;padding: 0;}
    header div .menu-pc dl{display: block; width: auto; height: auto;float: right; padding: 1rem 0 0 0;}
    header div .menu-pc dl a{font-size: 1.3rem;}
    header div .menu-pc dl a:nth-of-type(1){border-right: 1px solid #fff; padding-right: 10px;}
    header div .menu-pc dl a:nth-of-type(2){
		/* display: none; */
		}
    header div .menu-pc dl a:nth-of-type(3){display: none;}
    header div .menu-pc ul{display:block; width: 100%; height: 5.2rem; padding: 1rem 0 !important; float: none; position:absolute; top: 4.5rem; left: 0; width: 100%;  background:rgba(116,197,202,0.8); z-index: 10; padding: 0; -webkit-box-sizing: border-box;

box-sizing: border-box; -webkit-transition: all .5s ease; transition: all .5s ease;}
    header div .menu-pc ul li{width: 16.35%; 
	/* height: 4rem; */
	height: auto !important;
	line-height: 1.2rem; background: none !important;float: left; margin: 0; text-align: center;border-right: 1px solid #ddd;font-weight: normal;}
    header div .menu-pc ul li a{padding: 0; font-size: 0.9rem; color: #fff;}
    header div .menu-pc ul li:nth-of-type(6){border: 0 0 2px solid #fff 0;}
    header div .menu-pc ul li i{display: block;height: 28px; float:none; margin: 0 auto;}
    header div .menu-pc ul li.active a{border: 0px; font-size: 0.9rem;width: auto ;}
    header div .menu-pc ul li span{width: 100%; height: auto; line-height: 3rem; padding: 0px !important; position:fixed; top: 9.7rem; left: 0px; background: rgba(0,47,50,0.5); border-radius: 0;}
    header div .menu-pc ul li span a{display: block; width: 16.6% !important; float: left; color: #fff; font-size: 0.9rem !important;}
    header div .menu-pc ul li span figure{display: block; width: 33.33%; float: left; color: #fff;height: 30px;}
    header div .menu-pc ul li span figure a{display: block; text-align: center;float: none; width: auto !important;}
	header div .menu-pc ul li.active span{display: block;}
	header div .menu-pc ul li:hover{border-bottom: 2px solid #fff;height: 52px;}
    header div .menu-pc ul li.active{border-bottom: 2px solid rgba(255, 255, 255, 0);
	height: auto !important;
	/* height: 51px; */
	}
    header div .menu-pc ul li span figure em{display: none;}
}

.zk02 {display: inline;}



/*index about*/

.index-title{display: block;width: 100%; text-align: center; color: #616161; font-size: 1.8rem;}

.index-title span{display:flex; justify-content: center; height:3rem; line-height: 3rem;}

.index-title span s{display: block; width: 15%;height: 2px; background: #555; margin-top: 2%;}

.index-title span p{display: block; 

/*   */

font-weight:515;

margin: 0 0.4rem 0 0.4rem;}

.index-title i{display: block; height: 2rem; line-height: 2rem; font-size: 0.8rem; text-transform: uppercase;}



.index-about-box{background: #fff;overflow: hidden;}



.index-about{ padding: 3rem 0px; margin: 0 auto;}

.index-about ul{display: block;padding-top: 1rem;}

.index-about ul li{display: flex; justify-content: space-between;-moz-justify-content: space-between; flex-wrap: wrap;-moz-flex-wrap: wrap; width: 100%; margin-bottom: 0.6rem;-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}

.index-about ul li:nth-of-type(2){width: 100%;flex-direction: row-reverse; }

.index-about ul li s{display: block; width: 50%;overflow: hidden;}

.index-about ul li dl{display:block; width: 44%; padding: 2% 3%; background: #74c5ca; color: #fff;}

.index-about ul li dl i{display: block; }

.index-about ul li dl dt{display: block; height: 3rem; line-height: 3rem; font-size: 1.6rem;}

.index-about ul li dl p{display: block; font-size: 14px;}

.index-about ul li dl a{display: inline-block;padding-top: 1rem;}



.hengfu{width: 100%; position: relative;}

.hengfu h2{position: absolute; top: 10%; color: #74c5ca;}



.index-news{padding: 1rem 0;overflow: hidden;}

.index-news div{display: flex; justify-content: space-between;-moz-justify-content: space-between; flex-wrap: wrap;-moz-flex-wrap: wrap; margin: 0 auto; padding: 2rem 0;}

.index-news ul{width: 55%;}

.index-news ul li{display: block;padding: 0.7rem; margin-bottom: 0.5rem;-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}

.index-news ul li dl{display: block; width: 5rem; height: 4.5rem; float: right; border-left: 2px solid #74c5ca; text-align: center; padding-left: 3%; margin-left: 2%;font-size: 0.70rem;

color: #74c5ca;}

.index-news ul li dl i{display: block; height: 3rem; line-height: 3rem; font-size: 1.8rem;}

.index-news ul li a{display: block;}

.index-news ul li a span{display: block; color: #74c5ca; font-size: 1rem;}

.index-news ul li a p{display: block; padding: 0.5rem 0px;}

.index-news ul li a i{display: block; width: 100px; height: 30px; line-height: 30px; text-align: center; color: #fff; background: #74c5ca;}

.index-news ul li a:hover i{background: #74c5ca; color: #fff;}

.index-news ul li:hover{box-shadow: 0px 2px 15px #ccc;}

.index-news ul li:hover dl{color: #74c5ca;}

.index-news s{display: block; width: 40%;overflow: hidden; background: #000;} 



footer{ width: 100%; background:url(../images/home_02.jpg) no-repeat top center; background-size: cover; padding: 3.5rem 0px 0 0px;

margin-top: -0.5rem;}

.footer-in{margin: 0 auto;display: flex; justify-content: space-between; flex-wrap: wrap;}

.font-menu{display: block; width: 55%;}

.font-menu li{display: block; float: left;padding: 0 1.9rem 0 0;}

.font-menu li h3{display: block; height: 3rem; line-height: 3rem;font-weight: normal;color: #fff; font-size: 1rem;}

.font-menu li span{display: block; height: 1.5rem; line-height: 2rem;}

.font-menu li span a{color: #fff;}

.font-menu li a:hover{color: #fff;}



/* .foter-share{display: block; width: 20%;} */

.foter-share strong{display: block; height: 1.2rem;color: #fff;font-size: 1.6rem;}

.foter-share i{display: block; height: 1rem; font-size: 12px;padding-bottom: 1rem; color: #fff;}

.foter-share span{display: block; border-top: 2px solid #fff; padding-top: 1rem;}

.foter-share span a{display: block; width: 45px; height: 45px; line-height: 45px; border: 1px solid #fff; text-align: center; float: left; font-size: 30px; margin-right: 2rem; position: relative; color: #fff;}

.foter-share span a s{display: none; width: 100px; height: 100px; position: absolute; top:46px; left: -2px;}

.foter-share span a:hover{color: #fff; border: 1px solid #fff;}

.foter-share span a:hover s{display: block;}



.top-share1{display: block;}

.top-share1 strong{display: block; height: 1.2rem;color: #fff;font-size: 1.6rem;}

.top-share1 i{display: block; height: 1rem; font-size: 12px;padding-bottom: 1rem; color: #fff;}

.top-share1 a{display: block;position: relative;}

.top-share1 a s{display: none; width: 100px; height: 100px; position: absolute; top:46px; left: -2px;    z-index: 100;}

.top-share1 a:hover s{display: block;}



.fot-kf{display:block; width: 20%;}

.fot-kf span{display: block;padding-bottom: 10px;}

.fot-kf span i{display: block; width: 30px; height: 30px; line-height: 30px; text-align: center; font-size: 30px; float: left;color: #fff;}

.fot-kf span p{display: block; margin: 0 0 0 40px; font-weight: bold; color: #fff;}



.bottom{display: block; width: 100%; border-top: 1px solid #fff; height: 3rem; line-height: 3rem; text-align: center; color: #fff;}

.bottom a{color: #fff;}

.wap-foot-nav{display: none;}

.wap-foot-dianhua{display: none;}



.links{margin: 0 auto;overflow: hidden; line-height: 1rem; display: flex;justify-content: flex-start; -moz-justify-content: flex-start; flex-wrap: wrap; -moz-flex-wrap: wrap;}

.links span{display:inline-block; padding-right: 10px;font-weight: bold; color: #fff;}

.links a{display:inline-block; height: 1rem; padding:0 10px; border-right: 1px solid #ccc; color: #fff;}

@media (max-width:1100px) {

    .index-title span s{display: block; width: 15%;margin-top: 4%;}

    .index-title span p{display: block; 

	/* width: 38%; */

	font-weight:515; font-size: 1.8rem;} 

    .index-title i{font-size: 1.2rem;}

    .index-about ul li:nth-of-type(2){width: 100%;flex-direction: row-reverse; }

	.index-about ul li s{width: 100%;}

	.index-about ul li dl{width: 94%;}



    

    .index-news ul{width: 100%;}

    .index-news ul li a span{font-size: 1.6rem;}

    .index-news ul li dl{float: none; width: 100%; text-align: left; border: 0px; height: 3rem; font-size: 1.2rem; padding: 0;}

    .index-news ul li dl i{display: none;}

    .index-news s{width: 96%; margin: 0 auto;} 

    

    footer{padding: 1rem 2% 0 2%;width: 96%;}

    .footer-in{display: none;}

    .font-menu,.foter-share,.fot-kf{width: 100%;}

    .foter-share,.fot-kf{padding: 2rem 0;}

    .font-menu{}

    .font-menu li{width: 94%;}

    .font-menu li h3{border-bottom: 1px solid #ccc; font-size: 1.4rem; height: 4rem; line-height: 4rem;}

    .font-menu li span{display: none; width: 100%; border-bottom: 1px dotted #ccc; background: #4f4f4f;height: 3rem; line-height: 3rem;}

    .font-menu li span a{padding-left: 20px;}

    .bottom{height: auto; line-height: 2rem;padding-top: 0.6rem; font-size: 0.8rem;}

    .bottom a{font-size: 0.8rem;}

    .wap-foot-nav{width: 100%; height: 1rem; line-height: 3rem;display: flex; justify-content: center;}

    .wap-foot-nav a{display:inline-block; text-align: center; padding: 0 1.8vw; font-size: 1rem; color: #fff;}

    .wap-foot-dianhua{padding: 1rem; text-align: center;display: block; font-size: 0.8rem; color: #fff;}

    .links{display: none;}

}



/*内页样式*/

.wrapper {width: 100%;height: 93vh; padding-top: 80px;}

.wrapper div {width: calc(100% / 4);height: 100%;float: left;-webkit-filter: grayscale(50%); filter: grayscale(1%);transition-duration: 0.5s;position: relative;}

.wrapper div::before {content: "";position: absolute;width: 100%;height: 100%;background: linear-gradient(rgba(0, 0, 0, 0), transparent);

/* opacity: 1; */

transition: 0.3s;}

.wrapper div.sec01 {background: url("../images/about_02.jpg") no-repeat center center; background-size: cover;}

.wrapper div.sec02 {background: url("../images/about_03.jpg") no-repeat center center;background-size: cover;}

.wrapper div.sec03 {background: url("../images/about_04.jpg") no-repeat center center;background-size: cover;}

.wrapper div.sec04 {background: url("../images/about_05.jpg") no-repeat center center;background-size: cover;}

.wrapper div.sec01, .wrapper section.sec02, .wrapper section.sec03 , .wrapper section.sec04{background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;}

.wrapper div dl{display: block; width:14rem; height: 12rem; background-size: 100%;position: absolute; margin-top: -6rem; left: 50%; margin-left: -7rem;}

.wrapper div dl span{display: block; height: 4rem; line-height: 4rem; text-align: center; color: #fff; font-size: 1.2rem; padding-top: 1.2rem;}

.wrapper div dl a{display: block; width: 5rem; height: 1.8rem; line-height: 1.8rem; text-align: center; margin: 0 auto; background: #fff; font-size: 0.8rem;border-radius: 6px;-moz-border-radius: 6px;}

.wrapper div:nth-of-type(1) dl{top:25%;}

.wrapper div:nth-of-type(2) dl{bottom:5%;}

.wrapper div:nth-of-type(3) dl{top:25%;}

.wrapper div:nth-of-type(4) dl{bottom:10%;}



.wrapper div:nth-of-type(1) dl a{ color: #c066a3;}

.wrapper div:nth-of-type(2) dl a{ color: #dfc777;}

.wrapper div:nth-of-type(3) dl a{ color: #3f9ccd;}

.wrapper div:nth-of-type(4) dl a{ color: #73a467;}

.wrapper:hover div:hover {width: 34%;-webkit-filter: grayscale(0%);filter: grayscale(0%);}

.wrapper:hover div:hover::before {opacity: 0;}

.wrapper:hover div:not(:hover) {width: 22%;}



.wrapper div dl:hover a{background: #fff; color: #74c5ca;}







.in-banner{width: 100%; overflow: hidden;

padding-top: 6rem;}

.in-banner img{display: block; width: 100%;}



.main-box{padding: 2rem 0; margin: 0 auto;}

/*.main-box img{max-width: 99%;}*/



.fl{float: left;}

.ri{float: right;}

.zj-about-title{display: block; height: 5rem; line-height: 5rem; font-size: 1.6rem; color: #74c5ca; font-weight: normal;}

.zj-about{overflow: hidden; display:table;}

.show-imgright{display:table-cell; }

.show-txet-box{display:table-cell;width: 30%; padding-left: 5%;}



.wrap{ display:table; width:100%; position: relative;}

.content {display:table-cell; vertical-align: middle; }

.sidebar {width:35%; padding-left: 5%; display:table-cell;}



.about-honnr ul{overflow: hidden; width: 105%;padding: 1rem 0;}

.about-honnr ul a{display: block; width: 10.8%;float: left; margin: 0 20px 20px 0; background: #fff; box-shadow: 0 -1px 9px #888;}

.about-honnr ul a img{width: 100%;}



.product{width: 100%;overflow: hidden;position: relative;}

.product div{width: 1540px; margin: 0 auto; position: absolute; left: 50%; top: 120px; margin-left: -770px; z-index: 10; height: 86%;}

.product div>dl{display: block; width:14rem; height: 12rem; background-size: 100%;}

.product div>dl>span{display: block; height: 4rem; line-height: 4rem; text-align: center; color: #fff; font-size: 1.2rem; padding-top: 1.2rem;}

.product div>dl>a{display: block; width: 5rem; height: 1.8rem; line-height: 1.8rem; text-align: center; margin: 0 auto; border: 1px solid #fff; font-size: 0.8rem;border-radius: 6px;-moz-border-radius: 6px; color: #fff;}

.product div>dl>a:hover{background: #fff; color: #74c5ca;}



.product div>dl:nth-of-type(1){position: absolute; top: 10%; background: url(../images/png_22.png) no-repeat center top; background-size: 100%;}

.product div>dl:nth-of-type(2){position: absolute; bottom: 38%; right: -1%; background: url(../images/png_28.png) no-repeat center top; background-size: 100%;}



/* .product div:hover dl:nth-of-type(1){background-size: 101%;} */

/* .product div>dl:nth-of-type(1):hover dl{background-size: 101%;} */

/* .product div :hover dl:nth-of-type(1){background-size: 101%;} */

/* .product:hover div>dl:nth-of-type(1){background-size: 101%;} */

.product div>dl:nth-of-type(1):hover {background-size: 102%;}

.product div>dl:nth-of-type(2):hover {background-size: 102%;}

/* .product div>dl:nth-of-type(1){-webkit-transition: all .4s ease-in-out;} */

.product div>dl {-webkit-transition: all .4s ease-in-out;}





.top-t{padding-top: 120px;}



.product-list{margin: 0 auto;}

.product-list ul{display: block; width: 105%;overflow: hidden; padding-bottom: 4rem;

padding-top: 3rem;}

.product-list ul li{width: 30%; float: left; margin: 0 2.3% 4% 0;border: 1px solid #ddd;-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}

.product-list ul li a{display: block; padding-bottom: 1rem;}

.product-list ul li a span{display: block; height: 3rem; line-height: 3rem; text-align: center; font-size: 1.6rem;}

.product-list ul li a i{display: block; height: 1.5rem; width: 5.5rem; line-height: 1.5rem; background: #545454; color: #fff; text-align: center; margin: 1.3rem auto;}

.product-list ul li a img{
	width: 100%; 
/* 	width: 440px;
    height: 409px;*/
	}

.product-list ul li a:hover i{background: #74c5ca; color: #fff;}

.product-list ul li:hover{box-shadow: 0 2px 9px #ddd;}



.product-zhuisu{width: 100%; position: relative;}

.product-zhuisu ul{display:flex;justify-content: space-between; flex-wrap: wrap; overflow: hidden;width: 100%; position: absolute; z-index: 2; left: 0; }

.product-zhuisu ul li{display: block; width: 25%; height: 100%;}

.product-zhuisu ul li i{display: block; width: 100%; height: 23vw;}

.product-zhuisu ul li em{display: block; width: 100%; height: 3vw;}

.product-zhuisu ul li dl{display: block; width:22.5vw; height: 20vw; background-size: 100%;}

.product-zhuisu ul li dl span{display: block;margin: 0 auto; height: 2.2rem; line-height: 2rem; text-align: center; color: #5d5d5d; font-size: 1.2rem; padding-top: 4.2vw;}

.product-zhuisu ul li dl a{display: block; width: 4rem; height: 1.3rem; line-height: 1.3rem; text-align: center; margin: 0 auto; border: 1px solid #74c5ca; font-size: 0.8rem;border-radius: 6px;-moz-border-radius: 6px; color: #ffffff;

background-color: #74c5ca;}

.product-zhuisu ul li dl:hover a{background: #74c5ca; color: #fff; border: 1px solid #74c5ca;}





.product-zhuisu ul li:nth-of-type(1) dl{background: url(../images/png_35.png) no-repeat center center; background-size: 100%;}

.product-zhuisu ul li:nth-of-type(2) dl{background: url(../images/png_37.png) no-repeat center center; background-size: 100%;}

.product-zhuisu ul li:nth-of-type(3) dl{background: url(../images/png_39.png) no-repeat center center; background-size: 100%;}

.product-zhuisu ul li:nth-of-type(4) dl{background: url(../images/png_41.png) no-repeat center center; background-size: 100%;}



.product-zhuisu ul li:nth-of-type(1):hover dl{background-size: 101%;}

.product-zhuisu ul li:nth-of-type(2):hover dl{background-size: 101%;}

.product-zhuisu ul li:nth-of-type(3):hover dl{background-size: 101%;}

.product-zhuisu ul li:nth-of-type(4):hover dl{background-size: 101%;}



.product-zhuisu ul li:nth-of-type(1) dl{-webkit-transition: all .4s ease-in-out;}

.product-zhuisu ul li:nth-of-type(2) dl{-webkit-transition: all .4s ease-in-out;}

.product-zhuisu ul li:nth-of-type(3) dl{-webkit-transition: all .4s ease-in-out;}

.product-zhuisu ul li:nth-of-type(4) dl{-webkit-transition: all .4s ease-in-out;}





.product-zhuisu div{width: 100%;overflow: hidden; }

.product-zhuisu div img{border: 0px !important; margin: 0rem;}



.product-show{margin: 0 auto; padding: 3rem 0;}

.product-show div{display: flex; justify-content: space-between; flex-wrap: wrap;}

.product-show s{display: block; width: 30%;}

.product-show dl{display: block; width: 65%;}

.product-show dl h1{font-size: 1.8rem; color: #74c5ca; display: block; height: 4rem; line-height: 4rem;

font-weight: normal;}



.news-box{background: url(../images/newsbg.jpg) no-repeat center top; background-size: 100%; padding-bottom: 3.5rem;}

.news-box ul{display: flex; justify-content: space-between; -moz-justify-content: space-between; flex-wrap: wrap; -moz-flex-wrap: wrap; margin: 0 auto; padding-top: 325px;}

.news-box ul li{display: block; width: 29%; padding: 1rem; background: #fff; border-radius: 1rem; box-shadow: 0px 1px 15px #aaa; -moz-box-shadow: 0px 1px 15px #aaa;}

.news-box ul li s{display: block; overflow: hidden;}

.news-box ul li dl{display: block; height: 12rem;  margin: 0 auto;-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}

.news-box ul li:nth-of-type(1) dl{background: url(../images/png_22.png) no-repeat center top; background-size: 65%;}

.news-box ul li:nth-of-type(2) dl{background: url(../images/png_24.png) no-repeat center top; background-size: 65%;}

.news-box ul li:nth-of-type(3) dl{background: url(../images/png_28.png) no-repeat center top; background-size: 65%;}

.news-box ul li dl span{display: block; height: 4rem; line-height: 4rem; text-align: center; color: #fff; font-size: 1.2rem; padding-top: 1.2rem;-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}

.news-box ul li dl a{display: block; width: 5rem; height: 1.8rem; line-height: 1.8rem; text-align: center; margin: 0 auto; border: 1px solid #fff; color: #fff; font-size: 0.8rem;border-radius: 6px;-moz-border-radius: 6px;}

.news-box ul li dl:hover a{background: #fff; color: #74c5ca;}

.news-box ul li:hover dl{background-size: 66%;}

.news-box ul li:hover dl span{font-size: 1.2rem;}





.news-list{ margin: 0 auto; padding: 2rem 0;}

.news-list div{display: flex; justify-content: space-between;-moz-justify-content: space-between; flex-wrap: wrap;-moz-flex-wrap: wrap;}

.news-list article{display: block;width: 55%;}

.news-list article h2{display: block; height: 4rem; line-height: 4rem; font-size: 1.8rem; color: #74c5ca;}

.news-list ul{display: block;}

.news-list ul li{display: block;padding: 0.7rem; margin-bottom: 0.5rem;-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}

.news-list ul li dl{display: block; width: 5rem; height: 4.5rem; float: right; border-left: 2px solid #74c5ca; text-align: center; padding-left: 3%; margin-left: 2%;font-size: 0.70rem; color: #74c5ca;}

.news-list ul li dl i{display: block; height: 3rem; line-height: 3rem; font-size: 1.8rem;}

.news-list ul li a{display: block;}

.news-list ul li a span{display: block; color: #74c5ca; font-size: 1rem;}

.news-list ul li a p{display: block; padding: 0.5rem 0px;}

.news-list ul li a i{display: block; width: 100px; height: 30px; line-height: 30px; text-align: center; color: #fff; background: #74c5ca;}

.news-list ul li a:hover i{background: #74c5ca; color: #fff;}

.news-list ul li:hover{box-shadow: 0px 2px 15px #ccc;}

.news-list s{display: block; width: 40%;overflow: hidden;} 



.news-list-jd{margin: 0 auto; padding: 3rem 0;}

.news-list-jd ul{display: block;}

.news-list-jd ul li{height: 3rem; line-height: 3rem;-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}

.news-list-jd ul li a{padding: 0 0.5rem;display: block;}

.news-list-jd ul li a span{display:inline-block; color: #888;float: right;}

.news-list-jd ul li a span i{display: block; width: 6rem; height: 1.5rem; line-height: 1.5rem; text-align: center; color: #fff; background: #74c5ca; float: right; margin-top: 0.7rem; margin-left: 10px;}

.news-list-jd ul li:hover{box-shadow: 0 2px 9px #ccc;}





.news-show{margin: 0 auto; padding: 3rem 0;}

.news-show img{max-width: 99%; height: auto;}

.show-title{display: block; height: 4rem; line-height: 4rem; font-size: 1.6rem; color: #74c5ca;}

.show-date{display: block; height: 3rem; line-height: 3rem; font-size: 0.8rem; color: #888; padding-bottom: 1rem; border-bottom: 1px solid #ddd; margin-bottom: 1rem;}



.contact{width: 100%;}

.contact ul{display: block; overflow: hidden;}

.contact ul li{display: block; width: 100%; height: 317px;}

.contact ul li article{margin: 0 auto; display: block; padding-top: 2%;}

.contact ul li article dl{display: block; width:14rem; height: 12rem;}

.contact ul li:nth-of-type(1) article dl{background: url(../images/png_22.png) no-repeat center center; background-size: 100%; float: left;}

.contact ul li:nth-of-type(2) article dl{background: url(../images/png_24.png) no-repeat center center; background-size: 100%; margin: 0 auto;}

.contact ul li:nth-of-type(3) article dl{background: url(../images/png_26.png) no-repeat center center; background-size: 100%; float: right;}

.contact ul li article dl span{display: block; height: 4rem; line-height: 4rem; text-align: center; color: #fff; font-size: 1.2rem; padding-top: 1.2rem;}

.contact ul li article dl a{display: block; width: 5rem; height: 1.8rem; line-height: 1.8rem; text-align: center; margin: 0 auto; border: 1px solid #fff; color: #fff; font-size: 0.8rem;border-radius: 6px;-moz-border-radius: 6px;}

.contact ul li dl:hover a{background: #fff; color: #000;}

.in{margin:0 auto;}



.menu-title{display: block; height: 4rem;line-height: 4rem; font-size: 1.6rem; color: #74c5ca;}

.viodeo{margin: 0 auto;padding: 3rem 0;}

.viodeo .shiping-box{width: 100%;display: flex; justify-content: space-between; flex-wrap: wrap;}

.viodeo article{display: block; width: 62%; padding: 1%; background: #fff; box-shadow: 0 2px 9px #ccc;}

.viodeo article s{overflow: hidden; display: block;}

.viodeo article s img{display: block; width: 100%;}

.viodeo ul{display: block; width: 30%;}

.viodeo ul li{display: block;margin-bottom: 0.5rem; height: 140px;}

.viodeo ul li s{display: block; width: 119px; height: 119px; padding: 2%;background: #fff; box-shadow: 0 2px 9px #ccc; float: left;}

.viodeo ul li s img{display: block; width: 100%;}

.viodeo ul li dl{display: block; margin: 0 0 0 150px;}

.viodeo ul li dl dt{display: block; 
/* height: 2rem;  */
line-height: 2rem; }

.viodeo ul li dl dt a{font-size: 1.4rem; color: #74c5ca;}

.viodeo ul li dl p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}



.in-title{display: block; height: 4rem; line-height: 4rem; font-size: 2.2rem; border-bottom: 1px solid #555; color: #74c5ca; }

.hoonr-xc{margin: 0 auto; padding-top: 4rem; position: relative;}

.hoonr-xc .bgds{display: block; width: 100%; height: 23%; position: absolute; bottom: 64px; left: 0;background: #e4feff;z-index: -1;}

.swiper-pc .swiper-slide{width: 22% !important; height: 12vw; margin: 0 0.65rem; border: 0.5rem solid #fff; border-radius: 0.5rem; box-shadow: 0 0 10px #aaa; background: #fff;}

.swiper-pc .swiper-slide img{display: block; 
/* height: 90%; */
   max-height: 8.8rem;
}

.swiper-pc .swiper-container {width: 100%; height: 14vw; margin: 5px 0; padding-top: 5px;}

.swiper-pc .swiper-wrapper{height: 14vw; padding-top: 5px;    
/* justify-content: center; */
}

.swiper-slide {text-align: center;font-size: 18px;background: #fff;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; }



.swiper-button-next1,.swiper-button-prev1{display: block; position: absolute; top: 26%; z-index: 10; width: 60px; height: 60px; cursor: pointer;}

.swiper-button-next1{left: -50px; background: url(../images/left-aniu1.png) no-repeat;}

.swiper-button-prev1{right: -50px; background: url(../images/right-aniu1.png) no-repeat;}



.hoonr-title{display:flex;justify-content:center; height:  4rem; line-height: 4rem; padding: 2rem 0px;}

.hoonr-title s{display: block;width: 10%; height: 2px; background: #000; margin-top: 1.8rem;}

.hoonr-title span{display: block; width: 30%; height: 4rem; font-size: 1.8rem; text-align: center; font-weight: normal;}



.hoonr-txt{display: block; margin: 0 auto 0 auto; padding: 1rem;background: #e4feff;}

.hoonr-nd{overflow: hidden;margin: 0 auto 2vw auto; border-top: 1px solid #ccc; background: #e4feff; padding: 1rem 0;}

.hoonr-nd ul{display: flex; justify-content: center; flex-wrap: wrap; margin-bottom: 1rem;}

.hoonr-nd ul li{display: block; width: 10%;  height: 8vw; line-height: 6vw;  text-align: center;}

.hoonr-nd ul li a{color: #fff;display: block; height: 100%; background: url(../images/about-yt2.png) no-repeat center top;-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}

.hoonr-nd ul li:hover a{font-size: 1.4rem;}

.hoonr-nd ul li a:hover{background: url(../images/about-yt1.png) no-repeat center top; cursor: pointer;}

.hoonr-nd ul li a.hover{background: url(../images/about-yt1.png) no-repeat center top;font-size: 1.4rem; cursor: pointer;}



.lxwm-box{margin: 0 auto; padding: 4rem 0;}

.lxwm-box td{font-weight: bold; font-size: 1rem; height: 3rem;}



.swiper-pc{display:block;}

.swiper-wap{display:none;}



.contact-rjlist{width: 100%;}

.contact-rjlist ul{display: block;overflow: hidden;}

.contact-rjlist ul li{width: 100%; height: 315px; position: relative;}

.contact-rjlist ul li dl{display: block; width:14rem; height: 12rem; background-size: 100%;position: absolute; margin-top: -6rem; top:50%;  margin-left: -7rem;}

.contact-rjlist ul li dl span{display: block; height: 4rem; line-height: 4rem; text-align: center; color: #fff; font-size: 1.2rem; padding-top: 1.2rem;}

.contact-rjlist ul li dl a{display: block; width: 5rem; height: 1.8rem; line-height: 1.8rem; text-align: center; margin: 0 auto; font-size: 0.8rem;border-radius: 6px;-moz-border-radius: 6px;border: 1px solid #fff; color: #fff;}

.contact-rjlist ul li dl a:hover{display: block; width: 5rem; height: 1.8rem; line-height: 1.8rem; text-align: center; margin: 0 auto; background: #fff; font-size: 0.8rem;border-radius: 6px;-moz-border-radius: 6px; border: 1px solid #fff; color: #74c5ca;}



    .contact-rjlist ul li:nth-of-type(1) dl{background: url(../images/png_22.png) no-repeat center center; background-size: 100%;    -webkit-transition: all .4s ease-in-out;}

	.contact-rjlist ul li:nth-of-type(2) dl{background: url(../images/png_24.png) no-repeat center center; background-size: 100%;    -webkit-transition: all .4s ease-in-out;}

    .contact-rjlist ul li:nth-of-type(3) dl{background: url(../images/png_28.png) no-repeat center center; background-size: 100%;    -webkit-transition: all .4s ease-in-out;}



    .contact-rjlist ul li:nth-of-type(1) dl{left: 15%;}

    .contact-rjlist ul li:nth-of-type(2) dl{right: 10%;}

    .contact-rjlist ul li:nth-of-type(3) dl{left: 50%;}

	

	.contact-rjlist ul li:nth-of-type(1):hover dl{background-size: 101%;}

	.contact-rjlist ul li:nth-of-type(2):hover dl{background-size: 101%;}

	.contact-rjlist ul li:nth-of-type(3):hover dl{background-size: 101%;}







@media (max-width:1440px){

    .about-honnr ul a{width: 10.55%;}

    .product div{width: 94%;left: 50%; margin-left: -47%;}

}

@media (max-width:1100px){

	/*单页*/

	.wrap{ display:block; width:100%;}

    .content {display:block;}

    .sidebar {width:100%;padding: 0;}

	

	

	.contact-rjlist ul li:nth-of-type(1) dl{left: 50%;}

    .contact-rjlist ul li:nth-of-type(2) dl{left: 50%;}

    .contact-rjlist ul li:nth-of-type(3) dl{left: 50%;}

	

	.swiper-button-next1,.swiper-button-prev1{display: none;}

	.swiper-button-next2,.swiper-button-prev2{display: block;}

	

    .swiper-wap{display: block;padding-bottom: 5rem;}

    .swiper-wap .swiper-container{width: 100%; height: 28vw; margin: 5px 0 5rem 0; padding-top: 5px;}

    .swiper-wap .swiper-wrapper{height: 43vw; padding: 5px 0 30px 0;    
	/* justify-content: center; */
	}

    .swiper-wap .swiper-slide{width: 42.5% !important;margin: 0 2%; border: 0.5rem solid #fff; border-radius: 0.5rem; box-shadow: 0 0 10px #aaa;}

    .swiper-wap .swiper-slide img{display: block;
	/* max-width:90%; */
	/* max-height:90%; */
	max-height: 14rem;
	width: expression(this.width > 90% && this.width > this.height ? 90% :true); height:expression(this.height >90% ? 90%: true);vertical-align:middle; overflow:hidden}
 .hoonr-xc .bgds{    height: 40%;}


	.news-box ul li dl{height: 15rem;}



.swiper-button-next2,.swiper-button-prev2{position: absolute; top: 16%; z-index: 9; width: 40px; height: 40px; cursor: pointer;}

.swiper-button-next2{left: 5px; background: url(../images/left-aniu1.png) no-repeat; background-size: 100%;}

.swiper-button-prev2{right: 5px; background: url(../images/right-aniu1.png) no-repeat; background-size: 100%;}

	

	.swiper-pc{display: none;}

    .top-t{padding-top: 5rem;/*height: 140vw;*/}

	

	.hoonr-title s{display: block;width: 10%; height: 2px; background: #000; margin-top: 1.8rem;}

    .hoonr-title span{display: block; width: 60%; height: 4rem; font-size: 1.8rem; text-align: center; font-weight: normal;}

	

	.hoonr-nd ul li{width: 33%; height: 25vw; line-height: 25vw; background-size: 80%;}

	.hoonr-nd ul li.hover{ background-size: 80% !important;}

    .wrapper{padding:4.8rem 0 4rem 0;}

    /*.wrapper div{width: 100%; float: none; height: 25vh;}*/

	.wrapper div{width: 50%;  height: 50vh;}

	.wrapper div:nth-of-type(1) dl{top:50%;}

    .wrapper div:nth-of-type(2) dl{top:50%;}

    .wrapper div:nth-of-type(3) dl{top:50%;}

    .wrapper div:nth-of-type(4) dl{top:50%;}

	

    .wrapper:hover div:hover {width: 100%;}

    .wrapper:hover div:not(:hover) {width: 100%;}

	    

    .in-banner{padding-top: 4.8rem;}
    .zj-about{display:block;}
    .zj-about s,.zj-about dl{width: 100%;}

    	

    .about-honnr ul{width: 100%;}

    .about-honnr ul a{width: 46%; margin: 0 2% 2rem 2%;}

    .about-honnr ul a img{width: 100%;}

	

    .product div{width: 100%; padding-top: 4rem; left: 0; top: 4rem; margin: 0;	 

		/*手机端-质量追溯背景图*/	

		background-attachment: fixed;

		background: url(../images/m_product_02.jpg) no-repeat center top;

		/*background-size: 275% 100%;*/	

		background-size: cover;}

    .product div>dl{width: 13rem; height: 11rem;}

    .product div>dl:nth-of-type(1){top: 28%; left: 5%;}

    .product div>dl:nth-of-type(2){top: 50%; right: 5%;}

    

    .product-list ul{width: 100%;}

    .product-list ul li{width: 99.5%; margin: 0 0 5% 0;}

    

	.product1{height: 140vw;}

    .product-zhuisu{background: url(../images/product-zs_02.jpg) no-repeat center top; background-size: cover; height: 140vw;}

    .product-zhuisu ul{height: 141vw;margin-top: -1%;

		/*手机端-品牌与产品背景图*/	

		background-attachment: fixed;

		background: url(../images/m_product-zs_02.jpg) no-repeat center top;

		background-size: cover;}

    .product-zhuisu ul li {width: 50%; height: 35%;margin-top: 3rem;}
    .product-zhuisu ul li s{display: block;width:  15rem;}
    .product-zhuisu ul li i{height: 10%;}
    .product-zhuisu ul li dl{margin: 0 auto; width: 45vw; height: 43vw}
    .product-zhuisu ul li dl span{padding-top: 8vw;}
    .product-zhuisu div{display: none;}
    .product-zhuisu ul li em{display: block; width: 100%; height: 5vw;}
 

    .product-show s{width: 100%;}
    .product-show dl{width: 100%;}

    

	.news-box{background-size: cover; padding-bottom: 10rem;}
	.news-box ul{padding-top: 3rem;}
	.news-box ul li{width: 92%; margin: 0 auto 1rem auto;}

    .news-list article{width: 100%;}
    .news-list s{width: 100%;}
    .news-list ul li a span{font-size: 1.6rem;}
    .news-list ul li dl{float: none; width: 100%; text-align: left; border: 0px; height: 3rem; font-size: 1.2rem; padding: 0;}
    .news-list ul li dl i{display: none;}
    .news-list s{width: 96%; margin: 0 auto;}

    .contact ul li{height:14.92rem;}
    .contact ul li:nth-of-type(1) article dl{margin: 3% auto; float: none;}
    .contact ul li:nth-of-type(2) article dl{margin: 3% auto;}
    .contact ul li:nth-of-type(3) article dl{margin: 3% auto; float: none;} 

    .viodeo article{width: 100%; margin-bottom: 2rem;}
    .viodeo article video{height: 58vw;}
    .viodeo ul{width: 100%;}
    .news-list-jd ul li a span i{display: none;}

}

.product-fm{padding: 6vw 0; margin: 0 auto;}
.product-fm ul{display: flex; justify-content:space-between; flex-wrap: wrap; padding: 50px 0;}
.product-fm ul li{display: block; width: 238px;margin-bottom: 2vw; border: 1px solid #ccc; padding-bottom: 20px;-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.product-fm ul li a{display: block;}
.product-fm ul li a s{display: block; overflow: hidden; background: #000;}
.product-fm ul li a s img{display: block; width: 100%;}
.product-fm ul li a span{display: block; height: 4rem; line-height: 4rem; font-size: 1.4rem; text-align: center;}
.product-fm ul li a i{display: block; width: 100px; height: 30px; line-height: 30px; margin: 0 auto;text-align: center; background: #616161; color: #fff;}
.product-fm ul li a:hover i{background: #74c5c9; color: #fff;}
.product-fm ul li a:hover span{color: #74c5c9;}
.product-fm ul li:hover{max-width: 100%; box-shadow: 0px 2px 15px #888; border: 1px solid #888;}

.about-licheng-box{display: block; padding: 6vw 0; margin: 0 auto; background: #e4feff; border-radius:10px; -moz-border-radius:10px;}

.about-lc{ width: 100%; overflow: hidden; margin: 0 auto;padding: 10px 2px 10px 2px;}
.about-lc ul{padding: 0 10px;}
.about-lc ul li{ padding: 30px 0;}
.about-lc ul li article{display: block; padding: 40px; border: 2px solid #7cc9cf;border-radius: 20px; -moz-border-radius: 20px; width: 90% !important; overflow: hidden;margin: 0 auto; text-align: left;}
.about-lc ul .swiper-slide{background: none;}

.about-licheng{display: block;}
.about-licheng ul li{display: block; height: 10vw; line-height: 6vw;  text-align: center;padding-bottom: 2vw;}
.about-licheng ul li{color: #fff;display: block; height: 100%; background: url(../images/about-yt2.png) no-repeat center top;-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.about-licheng ul li:hover{background: url(../images/about-yt1.png) no-repeat center top; cursor: pointer;}
.about-licheng ul li.swiper-slide-thumb-active{background: url(../images/about-yt1.png) no-repeat center top;}
.about-licheng-box2{display: none;}
.about-licheng .swiper-button-prev,.swiper-button-next{color: #74c5c9 !important; font-size: 30px !important; top: 40% !important;}
.about-licheng .swiper-button-next{right: 0 !important;}
.about-licheng .swiper-button-prev{left: 0 !important;}
@media (max-width:1100px){
    .product-fm ul li{width: 48%;}
    .about-licheng-box2{display: block;}
    .about-licheng-box{display: none;}
    
    .about-lc ul li article{width: 89% !important;
	padding: 15px;
	font-size: 1rem;
	margin-left: -2%;}
    .about-licheng ul li{width:50% !important; height: 27vw; line-height: 25vw; 
	/* background-size: 50%; */
	}
    .about-licheng ul li:hover{background: url(../images/about-yt1.png) no-repeat center top; cursor: pointer;}
}



/* 搜索 */

/* header */

/* list */
.search-width {width: 80%;}
.search-list{ margin: 0 auto; padding: 9rem 0;}
.search-list div{display: flex; justify-content: space-between;-moz-justify-content: space-between; flex-wrap: wrap;-moz-flex-wrap: wrap;}
.search-list article{display: block;width: 100%;}
.search-list article h2{display: block; height: 4rem; line-height: 4rem; font-size: 1.8rem; color: #74c5ca;    margin-left: 1.5rem;}
.search-list ul{display: block;margin-top: 2rem;}
.search-list ul li{display: block;padding: 0.7rem; margin-bottom: 0.5rem;-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.search-list ul li dl{display: block; width: 5rem; height: 4.5rem; float: right; border-left: 2px solid #74c5ca; text-align: center; padding-left: 3%; margin-left: 2%;font-size: 0.70rem; color: #74c5ca;}
.search-list ul li dl i{display: block; height: 3rem; line-height: 3rem; font-size: 1.8rem;}
.search-list ul li a{display: block;}
.search-list ul li a s{padding: 0px 1rem;display: flex;width: 6rem;height: 7.3rem;    float: left;}
.search-list ul li a s img{
	/* width: 6.55rem;     */
	position: absolute;    max-height: 6.2rem;max-width: 6rem;}
.search-list ul li a span{display: block; color: #74c5ca; font-size: 1rem;}
.search-list ul li a p{display: block; padding: 0.5rem 0px;}
.search-list ul li a i{display: block; width: 100px; height: 30px; line-height: 30px; text-align: center; color: #fff; background: #74c5ca;margin-left: 8rem;}
.search-list ul li a:hover i{background: #74c5ca; color: #fff;}
.search-list ul li:hover{box-shadow: 0px 2px 15px #ccc;}
/* .search-list s{display: block; width: 40%;overflow: hidden;}  */