@charset "utf-8";/* CSS Document */
html {font-size: 62.5%;  height: 100%; scroll-behavior: smooth;}

body {margin: 0 auto;font-family:PoppinsRegular;font-size: 12px; font-size: 1.2rem; height: 100%;background:#fff;width:100%;max-width:1920px; overflow-x:hidden;}


img {border: none;}
ul li {list-style-type: none;}
ul, form, p, a, img, table, tr, td, li, dd, dt, dl, span,em,strong {margin: 0;padding: 0;list-style: none;color: #333;font-style: normal;}
img{display:block; transition: 0.5s;}
strong{font-weight: initial;}
a {text-decoration: none;color: #333;outline: none;transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-webkit-transition: 0.5s;}
h1,h2 {margin: 0;padding: 0;font-weight: normal;color: #333;}
.clear {clear: both;}
.maln {margin-left: auto !important}
input, textarea, select {font-family:PoppinsRegular;font-size: 14px;font-size: 1.4rem;color:#999999;border: none;outline: none;}
.fl {float:left;}
.fr {float:right;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}

input[type= "button"],input[ type="submit" ],input[type="reset"] {-webkit-appearance: none;}
button{border-radius : 0px; -webkit-border-radius:0px;}

::selection { color: #fff; background: #4b7ec7;}

* { margin: 0px; padding: 0px; -moz-box-sizing: border-box; box-sizing: border-box;}

.fons0{ font-size:0px; font-size:0rem;}

::-webkit-input-placeholder {/* WebKit browsers */
 color:#999;opacity:1}
:-o-placeholder {/* Mozilla Firefox 4 to 18 */
 color:#999;opacity:1 }
::-moz-placeholder {/* Mozilla Firefox 19+ */
 color:#999;opacity:1 }
:-ms-input-placeholder {/* Internet Explorer 10+ */
 color:#999;opacity:1 }
 
@media screen and (min-width:1000px){
    .zong {width: calc(100% - 160px); max-width: 1400px; margin: auto;}
    .zong1 {width: calc(100% - 160px); max-width: 1760px; margin: auto;}
}
@media screen and (max-width:999px) {
    .zong,.zong1 {width: 95%;margin: auto;}
}

a:hover img{transform: scale(1.1,1.1)}
img{max-width: 100%;}
a:hover{ color: #4b7ec7;}
.head a:hover{}
.foot a:hover{ color: #cdd5dd;}

.mp{ font-size: 16px; font-size: 1.6rem; line-height: 30px; color: #333;}
.mp p,.mp a{color: #333; display: block;}


@media screen and (max-width:1359px) {
.mp{ font-size: 14px; font-size: 1.4rem; line-height: 26px !important;}
}
@media screen and (max-width:767px) {
.mp{ font-size: 12px; font-size: 1.2rem; line-height: 22px !important;}
}

.img1{ display: block; position: relative; overflow: hidden;}
.img1 img{ width: 100%; position: relative; z-index: 1}
.img1:before{content: ''; position: absolute; width: 0px; height: 100%; background: #fff; opacity: 0.5;  left: 50%; transform: translateX(-50%); top: 0px; transition: 1s; z-index: 2}
.img1:after{content: ''; position: absolute; width: 100%; height: 0px; background: #fff; opacity: 0.5;  top: 50%; transform: translateY(-50%); left: 0px; transition: 1s; z-index: 2}
.img1:hover:before{width: 100%; opacity: 0}
.img1:hover:after{height: 100%; opacity: 0}

@keyframes m1tu
{
0% { opacity:0; left:0px;}
50% { opacity:1; left:50%;}
100% { opacity:0; left:100%}
}

.img2{display: block; width: 300px; margin: auto; position:relative; overflow:hidden; z-index:1}
.img2 img{width: 100%;}
.img2:after{ content:""; height:100%; position:absolute; top:0px; transition:0.5s; background:#fff;  width:40px; filter: blur(30px); opacity:0; z-index:3}
.img2:hover:after{ -webkit-animation-name:m1tu; animation-name:m1tu; -webkit-animation-duration:0.3s; animation-duration:0.3s; -webkit-animation-timing-function:linear; animation-timing-function:linear;  -webkit-animation-iteration-count:1; animation-iteration-count:1}

.niu1 { position: relative; display: inline-block; vertical-align: middle; overflow: hidden; }
.niu1 span { position: relative; z-index: 2;}
.niu1:before { position: absolute; content: ''; top: 0px; bottom: 0px; left: 0px; right: -50px; border-right: 30px solid transparent; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; -moz-transition: all 600ms ease; transition: all 600ms ease; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); }
.niu1:after { position: absolute; content: ''; top: 0px; right: 0px; bottom: 0px; left: -50px; border-left: 30px solid transparent;-webkit-transition: all 600ms ease; -o-transition: all 600ms ease; -moz-transition: all 600ms ease; transition: all 600ms ease; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); }
.niu1:hover:before { -webkit-transform: translateX(-40%); -moz-transform: translateX(-40%); -ms-transform: translateX(-40%); -o-transform: translateX(-40%); transform: translateX(-40%); }
.niu1:hover:after { -webkit-transform: translateX(40%); -moz-transform: translateX(40%); -ms-transform: translateX(40%); -o-transform: translateX(40%); transform: translateX(40%); }

.niu2 { overflow: hidden; position: relative; }
.niu2 span { position: relative; display: block; z-index: 2; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); }
.niu2 span:before { position: absolute; left: 0; top: 0; z-index: -1; height: 100%; width: 100%; content: ""; -webkit-transform: scale(0, 1); -moz-transform: scale(0, 1); -ms-transform: scale(0, 1); -o-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: top right; -moz-transform-origin: top right; -ms-transform-origin: top right; -o-transform-origin: top right; transform-origin: top right; transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1); transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);}
.niu2:hover span:before { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; -o-transform-origin: bottom left; transform-origin: bottom left; }

.niu3 { position: relative; z-index: 1; overflow: hidden; -webkit-transition: background 0.4s linear, color 0.3s linear; -o-transition: background 0.4s linear, color 0.3s linear; -moz-transition: background 0.4s linear, color 0.3s linear; transition: background 0.4s linear, color 0.3s linear; }
.niu3:after { position: absolute; top: 50%; left: 50%; width: 120%; height: 50%; opacity: 0; z-index: -1; content: ''; -webkit-transition: all 0.4s linear 0s; -o-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; transition: all 0.4s linear 0s; -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg); -o-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg); }
.niu3:hover { color: #fff; }
.niu3:hover:after { height: 500%; opacity: 1; }


.at-resp-share-element .at4-share-count-container {text-decoration: none;float: right; padding-right: 15px;line-height: 25px !important;}
.at-resp-share-element .at-icon{width: 24px!important;height: 24px!important;}
.at-style-responsive .at-share-btn{padding: 0!important; border-radius: 2px!important;}
.at-resp-share-element .at-share-btn .at-icon-wrapper{width: 24px!important;height: 24px!important;}
.at-resp-share-element .at-share-btn{margin-bottom: 0!important;margin-right: 3px!important;}
.at-resp-share-element .at-icon{width: 24px!important;height: 24px!important;}
.at-style-responsive .at-share-btn{padding: 0!important; border-radius: 2px!important;}
.at-resp-share-element .at-share-btn .at-icon-wrapper{width: 24px!important;height: 24px!important;}
.at-resp-share-element .at-share-btn{margin-bottom: 0!important;margin-right: 3px!important;}



/* nav */
.xnav{ display:none}
.nav { position:fixed;width: 35px;height: 23px;background:#fff;right: 2.5%;top:30px;cursor: pointer; border-radius:5px;z-index: 9999999999}
.nav span {display: block;width: 20px;height: 2px;background: #333;position: absolute;left: 50%;margin-left: -10px;top: 50%;transition: 0.8s;z-index: 99999991}
.nav .nav1 {margin-top: -1px;}
.nav .nav2 {margin-top: -8px;}
.nav .nav3 {margin-top: 6px;}
.navh .nav1 {transform: rotate(45deg)}
.navh .nav2 {transform: rotate(-45deg);width: 10px;margin-left: -1px;margin-top: -5px;}
.navh .nav3 {transform: rotate(-45deg);width: 9px;margin-top: 3px;margin-left: -8px;}
.navh span{}
.smdaohang {position: fixed;width: 280px;height: 100%; opacity:0; overflow: auto;top: 0px;right: -100%;background:#f9f9f9;  z-index: 9999999;transition: 0.5s;text-align: center;}
.smdaohangh {right: 0px; opacity:1; }
.topnav {margin: auto;margin-top: 30px;padding: 20px;}

ul.topnav li {text-align: left; position:relative;}
ul.topnav li a {padding:15px 5px;padding-left: 0px;color: #333;display: block; font-size: 16px;font-size: 1.6rem;line-height: 24px; padding-right:50px; border-bottom: 1px dashed #fff; font-family: Lato-Regular, Arial, Helvetica, sans-serif;}
ul.topnav ul {display: none;}
ul.topnav ul li {clear: both;}
ul.topnav ul li a {padding: 10px 5px; padding-left: 20px;font-size: 14px;font-size: 1.4rem;font-weight: normal;outline: 0; border: none;}
ul.topnav ul li a:hover {}
ul.topnav ul ul li a {padding-left: 40px; font-size: 12px; font-size: 1.2rem;}
ul.topnav ul ul{ border-top: 1px dashed rgba(255,255,255,0.5); border-bottom: 1px dashed rgba(255,255,255,0.5);}
ul.topnav ul ul ul li a {padding-left: 60px;}
ul.topnav span { display:block; position:absolute; right:0px; top:15px; width:20px; height:20px; background:#fff; background:rgba(255,255,255,0.6); cursor:pointer; border-radius:50%; transition:0.5s;}
ul.topnav span:before{ content:""; width:6px; height:2px; background:#333; position:absolute; left:50%; margin-left:-3px; top:50%; margin-top:0px; transform:rotate(45deg); transform-origin:right center}
ul.topnav span:after{ content:""; width:6px; height:2px; background:#333; position:absolute; left:50%; margin-left:-3px; top:50%; margin-top:-1px; transform:rotate(-45deg); transform-origin:right center; transition:0.5s;}
ul.topnav span.yizi{ transform:rotate(90deg)}

.smdaohang form { margin-top:15px; margin-bottom:15px; width: 240px;height: 26px;border: 1px solid #fff;position: relative;background: #fff;}
.smdaohang form .iptc {-moz-box-sizing: border-box;box-sizing: border-box;padding-left: 15px;background-color: #fff;width: 80%;height: 24px;line-height: 24px;display: block;float: left;}
.smdaohang form .ipsc {width: 20%;height: 26px;line-height: 26px;display: block;float: right;background: transparent;position: relative;z-index: 99;}
.smdaohang form i {position: absolute;right: 10px;top: 3px;}
  }


@media screen and (max-width:767px) {
.daohang2{display:block;text-align:center;margin-top:10px;}
.daohang2 a{float:left;width:25%;font-size:13px;font-size:1.3rem;line-height:24px;text-align:center;}
.daohang,.daohang1{display: none}

}
@media screen and (max-width:999px) {
	.xnav{ display:block}
}
@media screen and (max-width:767px) {
}

/* head */

.head{ width: 100%;max-width: 1920px; position: fixed; top: 0; z-index: 9999; background: #fefefe;}
.head1 .zong{display: flex;justify-content: space-between;}
.logo{margin-top: 15px;white-space:nowrap; width: 67.71%; margin-bottom: 24px; display: flex;}

.logo a,.logo>span,.lx p{display: inline-block;vertical-align: middle;}
.logo>span{width: 1px; background: #d5d5d5; margin-left: 18px;margin-right: 22px;height: 56px;margin-top: 30px;}
.logo1{ width: 162px;}
.logo2{margin-top: 28px;}
.logo2:hover img{transform: scale(1,1)}
.logo div{margin-top: 50px; display: inline-block; f}
.logo p a{font-size: 29px;line-height: 36px;}
.logo p{margin-bottom: 5px; }
.logo em a{font-size: 20px;line-height: 36px;color: #666666;}
.logo em:hover a{color: #4b7ec7;}

.lxss{position: relative; margin-left: 20px;}
.lx{font-size: 16px;font-size: 1.6rem;line-height: 36px;white-space:nowrap; }
.lx p{margin-top: 5px;}

.sousuo{ float:left; margin-top:20px; transition: 0.5s;}
.sousuo form{ width:336px; height:36px; overflow:hidden; position:relative; z-index:1; border-radius:10px;}
.sou{ width:100%; height:36px; line-height:36px; float:left; padding-left:16px; padding-right:46px; font-size:14px; font-size:1.4rem; border-radius:20px; background: none;}
.suo{ width:36px; height:36px; cursor:pointer; background:none; position:absolute; right:0px; top:0px; border-radius:23px; z-index:3;}
.sousuo form i{ display:block;line-height:36px; position:absolute; right:10px; top:0px; color:#fff; text-align:left; font-size:20px; font-size:2rem; border-radius:20px; z-index:2;}
.head .sou{ border: solid 1px #9b9b9b; color:#333;}
.head .sousuo form i{ color:#333; font-size: 20px;}

.yuy{margin-top: 24px; position: relative; vertical-align: middle; cursor: pointer; font-size: 16px; font-size: 1.6rem;color: #666666; text-align: right;white-space:nowrap;}
.yuy .icon-diqiu{font-size: 22px;vertical-align: middle; }
.yuy div{position: absolute; right: -5%; border: 1px solid #4b7ec7; width: 25%; text-align: center;display: none;z-index: 9999;background: #fff;}
.yuy:hover div{display: block;}
.yuy:hover,.yuy:hover i{color: #4b7ec7;}

.head2{background: #4b7ec7;}
.daohang{position: relative; width: 100%; display: flex;justify-content: space-between; transition: 0.5s; align-items: center;}
.daohang>li{position: relative;transition:0.5s; width: 10.72%; text-align: center;height: 50px; line-height: 50px;}
.daohang .appdingwei{position: initial;}
.daohang .dhvid{ width: 9.78%;}
.daohang .dhnew{ width: 8.93%;}
.daohang .dhcon{ width: 10.5%; min-width: 110px;}
.daohang .dhquo{margin-left: 30px; font-family: PoppinsSemiBold; background: #ff8200; border-radius: 20px; height: 40px; line-height: 40px; width: 13.71%; min-width: 145px;}
.daohang>li>i{color: #fefefe;}
.daohang a{color: #fefefe;font-size: 18px;font-size: 1.8rem;}

.diangqian{background: #436ba6;}
.yijiab{
	border-top: 1px solid #000;
	position: absolute; 
	top:-9999px;
	left:0; 
	background: rgba(255, 255, 255, 0.9); 
	width: 356px; 
	text-align: left;
}
.yijiab li{position:relative;transition:0.5s; }
.yijiab li>a{display: block;padding: 10px 34px;line-height: 30px; color: #333;}

.yijiab li>a:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    width: 100%;
    max-width: 255px;
    height: 1px;
    background-color: #d0d0d0;
}

.yijiab li:hover>a{color: #fff;background-color: #436ba6; }

.yijiap{border-top: 1px solid #000; position: absolute; top:-9999px; background: #fff; width: 100%;left:50%; transform:translateX(-50%);display: flex;justify-content: space-between;}
.yijiap li{width: 200px; padding-top: 18px; line-height: normal !important; }
.yijiap a{color: #333; display: block; font-size: 16px;font-size: 1.6rem;}
.yijiap .yjtu{width: 36px;height: 36px; display: inline-block;}
.yijiap .yjtuh{width: 36px;height: 36px;display: none;}

.yijiap i{color: #333; font-size: 35px; transition: .5s;display: block;}
.yijiap li:hover{background: #4b7ec7;}
.yijiap li:hover a,.yijiap li:hover i{color: #fefefe;}

.daohang .erji,.daohang .sanji{
	position: absolute;
	left: 100%;
	line-height: 50px;
	background: rgba(255, 255, 255, 0.9);
}

.daohang .erji{
	transform: translateY(-50%);
	display: none;
}
.daohang .erji a,.daohang .sanji a{color: #333; display: block; font-size: 16px;font-size: 1.6rem;}
.daohang .erji li:hover>a>p,.daohang .sanji li:hover>a>p{color: #fefefe;}
.daohang .sanji{
	transform: translateY(-50%);
	display: none;
}

.daohang .yijiab li:hover .erji{display: block;}
.daohang .erji li:hover .sanji{display: block;}

.daohang>li:hover{background: #436ba6;}
.daohang>li:hover .yijiab,.daohang>li:hover .yijiap{top:100%;}

@media screen and (max-width:1555px) {
	.logo{width: 703px;}
	.logo>span{margin-left: 5px;margin-right: 22px;height: 56px;margin-top: 32px;}
	.logo p a{font-size: 24px;line-height: 30px;}
	.logo em a{font-size: 16px;line-height: 26px;}
}

@media screen and (max-width:1300px) {
	.logo{width: 506px;}
	.logo1{margin-top: 10px;}
	.logo>span{height: 60%; margin-left: 10px;margin-right: 10px;}
	.logo p{margin-bottom: 0;}
	.logo p a{font-size: 18px;line-height: 30px;}
	.logo em a{font-size: 12px;line-height: 26px;}
	
	.lxss{display: flex;align-items: center;justify-content: space-between;}
	.lx{display: none; }
	.logo div{margin-top: 15px;}
	.sousuo{margin-top: 0;}
	.sousuo form{ width:250px; }
	.sou{ font-size:12px; font-size:1.2rem;}
	.yuy{font-size: 14px; font-size: 1.4rem; margin-top: 0;}
	.daohang .dhquo{margin-left: 10px; }
}
@media screen and (max-width:999px) {
	.logo{width: 494px; margin-top: 10px; margin-bottom: 10px;}
	.lxss{display: none;}
	.head2{display: none;}
}
@media screen and (max-width:650px) {
	.logo{width: 100px;}
	.logo>span,.logo a:last-child{display: none;}
}
@media screen and (max-width:400px) {
	.logo{width: 80px;}
}

/* banner */
#wowslider-container1{margin-top: 190px;}
#wowslider-container1 { display: table; zoom: 1; position: relative; width: 100%; max-width: 1920px;z-index:90; text-align:left; /* reset align=center */
	font-size: 10px; text-shadow: none; 
	-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
* html #wowslider-container1{ width:1920px }
#wowslider-container1 .ws_images ul{ position:relative; width: 10000%;  left:0; list-style:none; margin:0; padding:0; border-spacing:0; overflow: visible; /*table-layout:fixed;*/
}
#wowslider-container1 .ws_images ul li{ position: relative; width:1%; line-height:0; overflow: hidden; float:left;	padding:0 0 0 0 !important; margin:0 0 0 0 !important; }
#wowslider-container1 .ws_images{ position: relative; left:0; top:0; max-width: 1920px; vertical-align: top; border:none; overflow: hidden; }
#wowslider-container1 .ws_images ul a{ width:100%;  display:block; color:transparent; }
#wowslider-container1 img{ max-width: none !important; }
#wowslider-container1 .ws_images .ws_list img,
#wowslider-container1 .ws_images > div > img{ width:100%; border:none 0; max-width: none; padding:0; margin:0; }
#wowslider-container1 .ws_images > div > img { }
#wowslider-container1 .ws_images iframe { position: absolute; z-index: -1; }
#wowslider-container1 .ws-title > div { display: inline-block !important; }
#wowslider-container1 a{ text-decoration: none; outline: none; border: none; }
#wowslider-container1  .ws_bullets { float: left; position:absolute; z-index:70; }
#wowslider-container1  .ws_bullets div{ position:relative; float:left; font-size: 0px; }
/* compatibility with Joomla styles */
#wowslider-container1  .ws_bullets a { line-height: 0; }
#wowslider-container1  .ws_script{ display:none; }
#wowslider-container1 sound, 
#wowslider-container1 object{ position:absolute; }

/* prevent some of users reset styles */
#wowslider-container1 .ws_effect { position: static; width: 100%; }
#wowslider-container1 .ws_photoItem { border: 2em solid #fff; margin-left: -2em; margin-top: -2em; }
#wowslider-container1 .ws_cube_side { background: #A6A5A9; }


/* hide controls when video start play */
#wowslider-container1.ws_video_playing .ws_bullets,
#wowslider-container1.ws_video_playing .ws_fullscreen,
#wowslider-container1.ws_video_playing .ws_next,
#wowslider-container1.ws_video_playing .ws_prev { display: none; }
.ws-title-wrapper{ display: none; }

/* youtube/vimeo buttons */
#wowslider-container1 .ws_video_btn { position: absolute; display: none; cursor: pointer; top: 0; left: 0; width: 100%;  z-index: 55; }
#wowslider-container1 .ws_video_btn.ws_youtube,
#wowslider-container1 .ws_video_btn.ws_vimeo { display: block; }
#wowslider-container1 .ws_video_btn div { position: absolute; background-image: url(./playvideo.png); background-size: 200%; top: 50%; left: 50%; width: 7em; height: 5em; margin-left: -3.5em; margin-top: -2.5em; }
#wowslider-container1 .ws_video_btn.ws_youtube div { background-position: 0 0; }
#wowslider-container1 .ws_video_btn.ws_youtube:hover div { background-position: 100% 0; }
#wowslider-container1 .ws_video_btn.ws_vimeo div { background-position: 0 100%; }
#wowslider-container1 .ws_video_btn.ws_vimeo:hover div { background-position: 100% 100%; }
#wowslider-container1 .ws_playpause.ws_hide { display: none !important; }
#wowslider-container1  .ws_bullets { padding: 5px; }
#wowslider-container1 .ws_bullets a {border: 1px solid #fff;padding: 5px;background-clip: content-box; border-radius: 50%; width:20px; height:20px;float: left; text-indent: -4000px; position:relative; margin-left:20px; color:transparent; transition: none;}
#wowslider-container1 .ws_bullets a:hover{ background-color: #4b7ec7;}
#wowslider-container1 .ws_bullets a.ws_selbull{ background-color: #4b7ec7; }	
#wowslider-container1 a.ws_next, #wowslider-container1 a.ws_prev { border: 1px solid rgba(255,255,255,1); background-size: 100%;position:absolute; top:50%; margin-top:-2.4em; z-index:60; height: 6.4em; width: 6.4em;}
#wowslider-container1 a.ws_next{ background-position: 100% 0; right:0.5em;background-image: url(../images/righth.png); }
#wowslider-container1 a.ws_prev { left:0.5em; background-position: 0 0;background-image: url(../images/lefth.png);   
}
#wowslider-container1 a.ws_next:hover{ border-color: rgba(255, 255, 255, 0);}
#wowslider-container1 a.ws_prev:hover { border-color: rgba(255, 255, 255, 0); }

/*playpause*/
#wowslider-container1 .ws_playpause { width: 6.4em; height: 6.4em; position: absolute; top: 50%; left: 50%; margin-left: -2.5em; margin-top: -2.5em; z-index: 59; }
#wowslider-container1 .ws_pause { background-size: 100%; background-image: url(./pause.png); }
#wowslider-container1 .ws_play { background-size: 100%; background-image: url(./play.png); }
#wowslider-container1 .ws_pause:hover, #wowslider-container1 .ws_play:hover { background-position: 100% 100% !important; }/* bottom center */
#wowslider-container1  .ws_bullets {
   bottom: 0; left:50%; padding: 5px; padding-bottom: 40px;}
#wowslider-container1  .ws_bullets div{ left:-50%; }
#wowslider-container1 .ws-title{ position:absolute; display:block; font: 2em 'Arimo', sans-serif; bottom: -0.2em; left: 0; margin:1.8em 0.7em; padding:0.6em 0.5em; color:#777777; z-index: 50; line-height: 1em; text-transform: uppercase; color: #ffffff; 
    background-color: rgba(255, 255, 255, 0.3); border: 0.05em solid #ffffff; border-radius: 0.5em; -moz-border-radius: 0.5em; -webkit-border-radius: 0.5em; }
#wowslider-container1 .ws-title div{ margin-top: 0.3em; font-size: 0.8em; line-height: 1.15em; font-weight: normal; }#wowslider-container1 a.ws_next,
#wowslider-container1 a.ws_prev,
#wowslider-container1 .ws_playpause { display:none; }

* html #wowslider-container1 a.ws_next,* html #wowslider-container1 a.ws_prev{display:block}
#wowslider-container1:hover a.ws_next,
#wowslider-container1:hover a.ws_prev,
#wowslider-container1:hover .ws_playpause { display:block}
#wowslider-container1 .ws_images > ul{ animation: wsBasic 16s infinite; -moz-animation: wsBasic 16s infinite; -webkit-animation: wsBasic 16s infinite; }
@keyframes wsBasic{0%{left:-0%} 12.5%{left:-0%} 25%{left:-100%} 37.5%{left:-100%} 50%{left:-200%} 62.5%{left:-200%} 75%{left:-300%} 87.5%{left:-300%} }
@-moz-keyframes wsBasic{0%{left:-0%} 12.5%{left:-0%} 25%{left:-100%} 37.5%{left:-100%} 50%{left:-200%} 62.5%{left:-200%} 75%{left:-300%} 87.5%{left:-300%} }
@-webkit-keyframes wsBasic{0%{left:-0%} 12.5%{left:-0%} 25%{left:-100%} 37.5%{left:-100%} 50%{left:-200%} 62.5%{left:-200%} 75%{left:-300%} 87.5%{left:-300%} }
#wowslider-container1 .ws_bullets  a img{ text-indent:0; display:block; bottom:25px; left:-74px; visibility:hidden; position:absolute; border: 1px solid rgba(220, 220, 220, 0.6); border-radius:1px; -moz-border-radius:2px; -webkit-border-radius:2px; max-width:none; }
#wowslider-container1 .ws_bullets a:hover img{ visibility:visible; }
#wowslider-container1 .ws_bulframe div div{ height:48px; overflow:visible; position:relative; }
#wowslider-container1 .ws_bulframe div { left:0; overflow:hidden; position:relative; width:148px; background-color:#FFFFFF; 
 
	
}
#wowslider-container1  .ws_bullets .ws_bulframe{ display:none; bottom:29px; overflow:visible; position:absolute; cursor:pointer; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); border: 1px solid #FFF; border-radius:3px; -moz-border-radius:3px; }
#wowslider-container1 .ws_bulframe span{ display:block; position:absolute; bottom:-8px; margin-left:1px; left:74px; background:url(./triangle.png); width:15px; height:6px; }#wowslider-container1 .ws_bulframe div div{ height: auto; }

@media all and (max-width:767px) { #wowslider-container1 .ws_fullscreen { display: block; }}
@media all and (max-width:400px){ #wowslider-container1 .ws_controls,#wowslider-container1 .ws_bullets,	#wowslider-container1 .ws_thumbs{ display: none} }

@media screen and (max-width:1555px) {
	#wowslider-container1{margin-top: 177px;}
}

@media screen and (max-width:1300px) {
	#wowslider-container1{margin-top: 155px;}
}
@media screen and (max-width:999px) {
	#wowslider-container1{margin-top: 85px;}
	#wowslider-container1 .ws_bullets {padding-bottom: 5px;}
}
@media screen and (max-width:650px) {
	#wowslider-container1{margin-top: 92px;}
}
@media screen and (max-width:400px) {
	#wowslider-container1{margin-top: 88px;}
}

/* main1 */

.ma1top{text-align: center;}
.main1 .homebt{margin-top: 80px; margin-bottom: 17px;}
.homebt a{
	font-family: PoppinsBold;
	font-size: 42px;
	line-height: 36px;text-transform: uppercase;
}
.ma1top em a{
	font-family: PoppinsRegular;
	font-size: 16px;
	line-height: 36px;
	color: #666666;
}
.ma1top em a:hover{color: #4b7ec7;}

.ma1our{margin-top: 42px; margin-bottom: 80px;}
.ma1our{display: flex; text-align: center;justify-content: space-between;flex-wrap: wrap;}
.ma1our li{padding: 44px 34px; width: 31.43%; background: url(../images/ourbj1.jpg) no-repeat center; background-size: cover; border-radius: 12px;}
.ma1our li:hover{background: url(../images/ourbj2.jpg) no-repeat center; background-size: cover;}
.ma1our li>a{display: inline-block; overflow: hidden; border-radius: 50%;}
.ma1our li:hover a{color: #333;}
.ma1our p{margin-top: 18px; font-size: 16px;line-height: 30px;display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 4;  overflow: hidden;}

@media screen and (max-width:1200px) {
	.ma1our li{padding: 20px 20px;}
}
@media screen and (max-width:999px) {
	.main1 .homebt{margin-top: 30px; margin-bottom: 0px;}
	.homebt a{
		font-size: 36px;
		line-height: 30px;
	}
	.ma1our{margin-top: 20px; margin-bottom: 30px;}
	.ma1our li>a{width: 80px;}
	
}
@media screen and (max-width:767px) {
	.homebt a{
		font-size: 30px;
		line-height: 30px;
	}
	.ma1top em a {
	    font-size: 14px;
	    line-height: 26px;
	}
	.ma1our li{padding: 10px 10px;}
	.ma1our li>a{width: 50px;}
	.ma1our p{margin-top: 10px; font-size: 14px;line-height: 26px;}
}
@media screen and (max-width:500px) {
	.homebt a{font-size: 26px;}
	.ma1our{justify-content: center;margin-bottom: 0;}
	.ma1our li{padding: 10px 15px;margin-bottom: 20px; width: 70%;}
}

/* main2 */

.main2{background: #f7f7f7; padding-bottom: 58px;}
.main2 .zong{ display: flex; flex-wrap: wrap;}
.main2 .ship{padding-top: 78px;width: 48.57%; margin: 0 auto; max-width: 680px;}
.shipin1{position: relative; padding-bottom:62.5%;height: 0;overflow: hidden;}
.shipin1 iframe,.shipin1 video {  position: absolute; top:0; left: 0; width: 100%; height: 100%; border:none;}
.shipin1 iframe body{ margin:0px !important;}

.ma2r{padding-top: 82px;margin-left: 40px; width: 46.35%;}
.xian{
	margin: 24px 0;
	width: 120px;
	height: 1px;
	background-color: #ababad;
}
.ma2r>p{margin-bottom: 16px;}
.ma2r>p a{
	display: block;
	font-size: 16px;
	line-height: 30px;
	color: #666666;
}
.ma2r>p:hover a{color: #4b7ec7;}
.ma2r>em a{
	display: inline-block;
	width: 180px;
	height: 42px;
	background-color: #ff8200;
	border: 1px solid  #ff8200;
	border-radius: 21px;
	font-size: 16px;
	line-height: 42px;
	color: #fefefe;
	text-align: center;
}
.ma2r>em a:hover{
	background-color: initial;
	color: #ff8200;
}
.ma2r em i{margin-left: 10px;font-size: 20px; vertical-align: middle;}

.ma2rm{display: inline-block;}
.ma2rm>a,.ma2rm div{display: inline-block;}
.ma2rm i{font-size: 45px; color: #4b7ec7;vertical-align: top;}
.ma2rm div{margin-left: 10px; vertical-align: top;}
.ma2rm div a{color: #4b7ec7;}
.ma2rm p{font-size: 26px;font-family: PoppinsSemiBold; line-height: 30px;}
.ma2rm em{font-size: 12px;}

.ma2r ul{margin-top: 42px; display: flex; justify-content: space-between;flex-wrap: wrap;}
.ma2r li{width: 50%; margin-bottom: 38px;}
.ma2r li a{display: inline-block;}
.ma2r li a span{ color:#4b7ec7;}
.ma2r .ma2rm:hover div a,.ma2r .ma2rm:hover i{color: #333;}

.ma2r li a:hover span{ color:#333;}
@media screen and (max-width:999px) {
	.xian{margin: 10px 0;}
	.main2 {padding-bottom: 20px;}
	.main2 .ship{padding-top: 30px;width: 100%;}
	.ma2r {
	    padding-top: 30px;
	    margin-left: 0px;
	    width:100%;
	}
	.ma2r ul {margin-top: 20px;}
	.ma2r li{width: 25%; margin-bottom: 0; text-align: center;}
}
@media screen and (max-width:767px) {
	.main2{padding-bottom: 0;}
	.ma2r li{width: 50%; margin-bottom: 20px;text-align: left;}
	.ma2r li img{width: 80%;}
	.ma2r>p a {
	    font-size: 14px;
	    line-height: 26px;
	}
	.ma2r>em a {
	    width: 160px;
	    height: 30px;
	    font-size: 14px;
	    line-height: 30px;
	}
}



/* main3 */

.main3{padding-top: 37px;padding-bottom: 28px; background-image: linear-gradient(to right, #79bef3,#4b7ec7);}
.main3 .zong{display: flex;justify-content: space-between; align-items: center;flex-wrap: wrap;}
.main3 a{display: inline-block;}
.main3 p{max-width: 642px;}
.main3 p a{
	font-family: PoppinsBold;
	font-size: 30px;
	line-height: 55px;
	color: #f1f1f1;
}
.main3 p:hover a{ color: #333;}
.main3 .zong div a{
	width: 214px;
	height: 50px;
	background-color: #ff8200;
	border: 1px solid #ff8200;
	border-radius: 25px;
	font-size: 22px;
	line-height: 50px;
	color: #ffffff;
	text-align: center;
	font-family: PoppinsBold;
}
.main3 .zong div i{margin-left: 20px; font-size: 20px; vertical-align: middle;}
.main3 .zong div:hover a{
	background-color: #fff;
	color: #ff8200;
}

@media screen and (max-width:999px) {
	.main3{padding-top: 20px;padding-bottom: 20px;}
	.main3 p{width: 100%;max-width: 100%;}
	.main3 p a{
		margin-bottom: 20px;
		font-size: 26px;
		line-height: 35px;
	}
	.main3 .zong div a{
		width: 180px;
		height: 40px;
		font-size: 18px;
		line-height: 40px;
	}
	
}
@media screen and (max-width:767px) {
	.main3 p a{
		font-size: 24px;
		line-height: 30px;
	}
}
@media screen and (max-width:500px) {
	.main3 p a{
		font-size: 22px;
		line-height: 30px;
	}
}

/* main4 */

.main4{background: #fefefe;text-align: center;}
.main4 .homebt{margin-top: 104px;}

.asl{margin-bottom: 24px;}
.asl ul{margin-top: 64px; display: flex;flex-wrap: wrap;}
.asl li{width: 23.63%; margin-left: 1.8%;}
.asl li:nth-child(4n+1){margin-left: 0;}
.asl li>a:hover img{opacity: .5;}
.asl li>a:hover i{opacity: 1;}
.asl li>a{background: #4b7ec7; position: relative;}
.asl i{width: 60px;height: 60px;line-height: 60px; font-size: 30px; position: absolute; top: 50%;left: 50%; transform: translate(-50%,-50%); z-index: 99; color: #fefefe; border: 1px solid #fefefe; border-radius: 50%;opacity: 0;transition: .3s;}
.asl a{display: inline-block; overflow: hidden;display: -webkit-box;  
-webkit-box-orient: vertical;  
-webkit-line-clamp: 2;  
overflow: hidden;}
.asl p{
	margin-top: 4px;
	margin-bottom: 44px;
	font-size: 18px;
	line-height: 36px;
}


@media screen and (max-width:999px) {
	.main4 .homebt{margin-top: 30px;}
	.asl ul{margin-top: 20px;}
	.asl li{width: 31%;margin-left: 3.5%;}
	.asl li:nth-child(4n+1){margin-left: 3.5%;}
	.asl li:nth-child(3n+1){margin-left: 0;}
	.asl p{
		margin-top: 0;
		margin-bottom: 20px;
		font-size: 16px;
		line-height: 30px;
	}
	.asl{margin-bottom: 10px;}
}
@media screen and (max-width:767px) {
	.main4 .homebt{margin-top: 20px;}
	.asl li{width: 48%;margin-left: 4%;}
	.asl li:nth-child(4n+1){margin-left: 4%;}
	.asl li:nth-child(3n+1){margin-left: 4%;}
	.asl li:nth-child(2n+1){margin-left: 0;}
	
	.asl p{
		margin-bottom: 0;
		font-size: 14px;
		line-height: 26px;
	}
}

/* main5 */

.main5{background: #f9f9f9;text-align: center;}
.main5 .homebt{padding-top: 76px;margin-bottom: 12px;}

.homenr{}
.homenr a{
	font-size: 16px;
	line-height: 36px;
	color: #666666;
}
.homenr a:hover{color: #4b7ec7;}

.ma5sheb{margin-top: 30px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.ma5sheb p{margin-bottom: 6px;display: inline-block;overflow: hidden; width: 24.64%; position: relative;}
.ma5sheb .zi{
	font-family: ForzaBold; 
	position: absolute; 
	bottom: 20px; 
	left: 50%; 
	transform: translateX(-50%);
	font-size: 40px;
	line-height: 30px;
	font-style: italic;
	color: #ffffff;
	text-shadow: 0px 1px 1px rgba(0,0,0,0.26);
}
.ma5sheb .datu{width: 74.85%;}

.btn a{
	display: inline-block;
	background-color: #ff8200;
	border: 1px solid #ff8200;
	border-radius: 21px;
	font-size: 16px;
	color: #fefefe;
}
.main5 .btn{margin-top: 44px;padding-bottom: 64px;}
.main5 .btn a{
	width: 180px;
	height: 42px;
	line-height: 42px;
}
.btn i{margin-left: 10px;vertical-align: middle; font-size: 20px;}
.btn a:hover{
	background-color: initial;
	color: #ff8200;
}

@media screen and (max-width:1300px) {
	.ma5sheb .zi{font-size: 30px;}
}
@media screen and (max-width:999px) {
	.main5 .homebt{padding-top: 30px;margin-bottom: 0;}
	.homenr a{
		font-size: 14px;
		line-height: 26px;
	}
	.ma5sheb{margin-top: 15px;}
	.main5 .btn{margin-top: 20px;padding-bottom: 30px;}
}	
@media screen and (max-width:767px) {
	.main5 .homebt{padding-top: 20px;}
	.ma5sheb p{width: 48%;}
	.ma5sheb .datu{width: 100%;}
	.btn a{font-size: 14px;}
	.main5 .btn a{
		width: 150px;
		height: 35px;
		line-height: 35px;
	}
}
@media screen and (max-width:550px) {
	.ma5sheb .zi{font-size: 25px;bottom: 10px; }
}

/* main6 */
.main6 {margin-bottom: 100px; background: #fefefe; text-align: center;}
.main6 .homebt{margin-top: 70px; margin-bottom: 16px;}
.main6 .homenr{padding-bottom: 56px; width: 77.85%;margin: 0 auto;}
.main6 .homenr a{line-height: 28px;}


#content { display: block;}
#content .tabul {display: none; vertical-align:middle; font-size: 16px; position: relative;}

#content .tabul .m6bj{padding-top: 185px;padding-bottom: 286px; background: url(../images/feiji.jpg) no-repeat top; background-size: cover;}
#content .homebt{font-size: 40px;}
#content .homebt a{color: #ff8200;}
#content .homebt a:hover{color: #fefefe;}
#content .btn{margin-top: 16px;}
#content .btn a{
	width: 180px;
	height: 42px;
	line-height: 42px;
}
#content .btn a:hover{
	background-color: #fefefe;
}

.hua{position: relative;}

#tab li.current{
	background-color: #4b7ec7;
}
#tab li.current a{color: #fff;}

.heimu{position: absolute;width: 100%; background: rgba(0,0,0,.4);bottom: 0;left: 0;}
.heimu p{padding-top: 32px;padding-bottom: 28px;}
.heimu p a{
	font-size: 18px;
	line-height: 36px;
	color: #fefefe;
}
.heimu p a:hover{color: #ff8200;}
.heimu .yijiap {
	margin-bottom: 25px;
    border-top:none;
    position: initial;
    background: #fff;
    transform: translateX(0);
}
.heimu .yijiap li{padding-top: 20px;padding-bottom: 8px;}


@media screen and (max-width:1400px) {
	#content .tabul .m6bj{
		padding-top: 100px
	}
}
@media screen and (max-width:999px) {
	.main6 {margin-top: 10px; margin-bottom: 30px;}
	.main6 .homebt{margin-top: 0; margin-bottom: 0;}
	#content .btn{margin-top: 0px;}
	.main6 .homenr{padding-bottom: 20px;; width: 100%;margin: 0 auto;}
	#content .tabul .m6bj{
		padding-top: 70px;
		padding-bottom: 200px;
	}
	.heimu p{padding-top: 15px;padding-bottom: 10px;}
	.heimu p a{
		font-size: 16px;
		line-height:30px;
		color: #fefefe;
	}
	.heimu .yijiap li{padding-top: 10px;padding-bottom: 0;}
	.yijiap i{ font-size: 30px;}
}
@media screen and (max-width:767px) {
	#content .btn a{
		width: 150px;
		height: 35px;
		line-height: 35px;
	}
	#content .tabul .m6bj{
		padding-top: 50px;
		padding-bottom: 100px;
	}
	#content .tabul img{width: 200%;}
	.heimu .yijiap{
		justify-content: space-between;
		margin-bottom: 15px;
		margin-top: 15px;
	}
	.heimu .yijiap li{width: initial;flex: 1;}
	.heimu .zong>p{display: none;}
	.yijiap a{font-size: 14px;font-size: 1.4rem;}
	.yijiap i{ font-size: 25px;}
	.heimu .yijiap li .zi{display: none;}
}

@media screen and (max-width:500px) {
	.heimu .yijiap li{width: 33%;}
}

/* main7 */
.main7{padding-top: 64px;padding-bottom: 55px; background: url("../images/whatbj.jpg") no-repeat center; background-size: cover;  background-attachment: fixed; position: relative; text-align: center;}
.main7 .homebt{margin-bottom: 30px;}

.main7 li{width: 28.57%;margin-right: 3.21%;display: inline-block;}
.main7 li:first-child{margin-left: 3.21%;}
.ma7nr{
	position: relative;
	background-color: #fefefe;
	box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
	border-radius: 6px;
	margin-bottom: 35px;
}
.ma7nr img{margin: 0 auto; padding-top: 18px; padding-bottom: 28px;}
.ma7nr .p{padding: 0 32px;padding-bottom: 30px;	}
	.ma7nr .p .shengl{display: -webkit-box;  
	-webkit-box-orient: vertical;  
	-webkit-line-clamp: 4;  
	overflow: hidden;}
.ma7nr .p p{
	font-family: PoppinsMedium;
	font-size: 16px;
	line-height: 30px;
	color: #666666;

}
.ma7nr .p a:hover{color: #4b7ec7;}
.ma7nr span{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	display: inline-block;
	border: 13px solid transparent;
	border-top-color: #fff;
}
.main7 li>a{display: inline-block; width: 100px;height: 100px;border: 3px solid #fefefe; border-radius: 50%; overflow: hidden;}

.main7 strong{display: block;}
.main7 strong a{
	font-size: 20px;
	line-height: 36px;
	font-family: PoppinsBold;
}
.main7 li>p a{
	font-size: 16px;
	line-height: 30px;
	color: #032a58;
}
.main7 li>p a:hover{color: #4b7ec7;}

@media screen and (max-width:999px) {
	.main7{padding-top: 30px;padding-bottom: 20px;}
	.main7 .homebt{margin-top: 0; margin-bottom: 10px;}
	.ma7nr img{padding-top: 10px; padding-bottom: 15px;}
	.ma7nr .p {padding: 0 10px;padding-bottom: 15px;}
}
@media screen and (max-width:767px) {
	.ma7nr .p p{
		font-size: 14px;
		line-height: 26px;
	}
	.main7 strong a{
		font-size: 18px;
		line-height: 30px;
	}
	.main7 li>p a{
		font-size: 14px;
		line-height: 26px;
	}
}
@media screen and (max-width:650px) {
	.main7 li{width: 80%;margin-right: 0; margin-bottom: 20px;}
}
@media screen and (max-width:400px) {
	.main7 li{width: 90%;margin-right: 0; margin-bottom: 20px;}
}


/* main8 */
.main8{text-align: center; padding-top: 95px; padding-bottom: 80px;}
.main8 .row{ margin-top: 50px; padding-bottom: 38px;}

.main8 .row .item{display: flex;flex-wrap: wrap;}
.main8 .row .item img{width: 14.29%;margin-left: 2.85%;  margin-bottom: 30px; display: inline-block; border: 1px solid #e5e5e5; overflow: hidden;}
.main8 .row .item img:nth-child(6n+1){margin-left: 0;}
.owl-carousel{display: none;position: relative;width: 100%;-ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
	
.owl-carousel .owl-item{float: left; padding: 5px;}
.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor: pointer;}
.owl-controls {-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.owl-theme .owl-controls{}
.owl-pagination{ position: absolute; left: 50%; transform: translateX(-50%);}
.owl-theme .owl-controls .owl-page{ display: inline-block;zoom: 1;}
.owl-theme .owl-controls .owl-page span{border: 1px solid #4b7ec7;padding: 5px;  border-radius: 50%;display: block;width: 20px;height: 20px; background: #ffffff; margin: 0 11px; border-radius: 50%; background: #ffffff; font-size: 0px;}
.owl-theme .owl-controls .owl-page.active span,.main5 .owl-theme .owl-controls.clickable .owl-page:hover span{background-clip: content-box; background-color:#4b7ec7; opacity:1;}

.owl-theme .owl-buttons{}
.owl-theme .owl-buttons div{ width: 42px; height: 42px; background: #fff; position: absolute; line-height: 42px; top: 50%; transform: translateY(-50%); font-size: 24px; transition: 0.5s;}
.owl-theme .owl-prev{ display: none; left: 0px;}
.owl-theme .owl-next{  display: none; right: 0px;}
.owl-theme .owl-buttons div:hover{ background: #4b7ec7; color: #fff;}    

@media screen and (max-width:999px) {
	.main8{padding-top: 20px; padding-bottom: 30px;}
	.main8 .row {
	    margin-top: 20px;
	    padding-bottom: 0px;
	}
	.owl-pagination{bottom: 0;}
	.owl-theme .owl-controls .owl-page span{width: 15px;height: 15px; padding: 2px;margin: 0 3px;}
}
@media screen and (max-width:767px) {
	.main8 .row .item img{width: 31.1%;margin-left: 2.85%;  margin-bottom: 10px;}
	.main8 .row .item img:nth-child(6n+1){margin-left:2.85%;}
	.main8 .row .item img:nth-child(3n+1){margin-left:0;}
	.owl-pagination{bottom: initial;}
	.main8 .row {padding-bottom: 10px;}
}

/* main9 */
.main9{display: flex;flex-wrap: wrap; background-image: linear-gradient(to right, #79bef3,#4b7ec7);}
.main9 .kf,.main9 .kfnr{width: 50%;overflow: hidden;}

.kfnr{padding-top: 57px; padding-left: 80px;}
.kfnr .homebt,.kfxr{width: 68.5%;}
.kfnr .homebt a{
	font-size: 32px;
	line-height: 48px;
	color: #f1f1f1;
}
.kfxr{padding-top: 14px;}
.kfxr a{
	font-size: 20px;
	line-height: 30px;
	color: #f1f1f1;
}
.kfnr .btn{margin-top: 46px;}
.kfnr .btn a{
	width: 214px;
	height: 50px;
	line-height: 50px;
	border-radius: 25px;
	text-align: center;
}
.kfnr .btn a:hover{background-color: #fff;}

@media screen and (max-width:1700px) {
	.kfnr {
	    padding-top: 30px;
	    padding-left: 40px;
	}
	.kfnr .homebt{width: 85%;}
	.kfnr .btn{margin-top: 20px;}
}
@media screen and (max-width:1400px) {
	.kfnr {padding-top: 20px;}
	.kfxr{width: 85%; padding-top: 0;}
	.kfnr .homebt{width: 90%;}
	.kfnr .homebt a{
		font-size: 26px;
		line-height: 36px;
	}
	.kfxr a{font-size: 16px;}
	.kfnr .btn a{
		height: 40px;
		line-height: 40px;
	}
}
@media screen and (max-width:1100px){
	.kfnr {padding: 0 10px 20px;}
	.kfnr .homebt,.kfxr{width: 100%;}
	.kf a{display: inline-block; overflow: hidden;}
	.main9 .kf,.main9 .kfnr{width: 100%; text-align: center;}
	
}
@media screen and (max-width:767px){
	.kfnr .homebt a{font-size: 24px;line-height: 30px;}
	.kfxr a{font-size: 14px; line-height: 26px;}
	.kfnr .btn a{width: 180px}
}
@media screen and (max-width:500px){
	.kfnr .homebt a{font-size: 22px;}
}

/* main10 */

.main10{margin-top: 90px; margin-bottom: 60px;}
.main10 .homebt{margin-bottom: 26px; text-align: center;}
.main10 .homebt a{
	font-size: 46px;
	color: #232323;
}

.news{padding-bottom: 28px; padding-top: 40px; border-bottom: 1px solid #c7c7c7; }
.news:last-child{border-bottom:none;}
.news>a,.new{display: inline-block; overflow: hidden;}
.news>a{width: 21.14%;}
.new{padding-left: 40px;vertical-align: top;width: 70%;}
.new h2{margin-bottom: 6px;}
.news:hover em,.news:hover .new>a{color: #4b7ec7;}
.new .h2 a{
	font-family: PoppinsBold;
	font-size: 24px;
	line-height: 30px;
	display: -webkit-box;
	-webkit-box-orient: vertical;  
	-webkit-line-clamp: 1;  
	overflow: hidden;
	color:#333;
}
.new em{
	font-family: PoppinsBold;
	font-size: 16px;
	line-height: 30px;
}
.new .p{margin-top: 5px;margin-bottom: 46px;}
.new .p a{
	font-size: 16px;
	line-height: 30px;
	color: #999999;
	display: -webkit-box;
	-webkit-box-orient: vertical;  
	-webkit-line-clamp: 3;  
	overflow: hidden;
}

.new>a{color: #999999; font-size: 26px;}
.new>a:hover{color: #4b7ec7;}

@media screen and (min-width:1000px) {
	.news{display: flex;}
}
@media screen and (max-width:999px){
	.main10 {
	    margin-top: 30px;
	    margin-bottom: 20px;
	}
	.main10 .homebt {margin-bottom: 0;}
	.news {text-align: center;padding-bottom: 10px;padding-top: 20px;}
	.new{padding-left: 0; text-align: left;}
	.news>a{width: 60%;}
	.news>a img{max-width: 100%; display:block; margin-left:auto; margin-right:auto;}
	.new .h2 {margin-bottom: 0;}
	.new .h2 a {font-size: 22px;}
	.new em,.new .p a{font-size: 14px;line-height: 26px;}
	.new .p {margin-top: 0;margin-bottom: 15px}
	
	.main10 .homebt a{font-size: 36px;line-height: 30px;}
	
}
@media screen and (max-width: 767px){
	.main10 .homebt a{font-size: 30px;}
	.new .h2 a {font-size: 20px;}
}
@media screen and (max-width: 550px){
	.news>a{width: 100%;}
	
	
}

/* foot */
.foot{padding-top: 78px; background: url("../images/foot.jpg") no-repeat center; background-size: cover;  background-attachment: fixed; position: relative;}
.foot,.foot a{color: #cdd5dd;}
.foot .zong{}
.folie .fobiao,.fo1 strong{
	font-family: PoppinsSemiBold;
	font-size: 22px;
	line-height: 30px;
	color: #ffffff;
}
.folie .fobiao:hover,.foot a:hover{text-decoration:underline;}
.fo1{width:22%;}
.fo2{width: 33%; margin-left:5%;}
.fo3{width: 30%;  margin-left: 8%;}

.folie{display: inline-block; vertical-align: top;}
.fonav,.foul{margin-top: 18px;}
.fonav a{ display: block; line-height: 34px;font-size: 16px;}

.foul li{margin-bottom: 20px; display: flex;}
.foul li i{color: #4b7ec7;font-size: 30px;padding-top: 10px;}
.foul li div{margin-left: 15px;}
.foul strong,.foul p{color: #cdd5dd;line-height: 30px;}
.foul strong{font-size: 18px;}
.foul p{font-size: 14px;}

.fo4 p{margin-bottom: 10px;}
.fo4 input{width: 100%; height: 45px; padding-left: 10px; color: #333;}
.fo4 .jzong { margin: auto;margin-top: 28px; display: flex;flex-wrap: wrap;justify-content: space-between;}
.fo4 .iptx,.yzm,.bdbtm .contbtn{width: 48.04%;}
.fo4 .iptd,.Message{width: 100%; }
.fo4 .Message{padding-left: 10px; color: #333;padding-top: 10px; height: 110px;}
.fo4 .bdbtm{display: flex;flex-wrap: wrap;justify-content: space-between;width: 100%;}
.fo4 .yzm {display: flex;justify-content: space-between;position: relative;}
 .yanzhemimg{ position: relative;
display: block;
width: 40%;}
.yanzhemimg img{position: absolute; right: 1px;top:40%;transform: translateY(-50%); overflow: hidden;}
.fo4  .contbtn{background: #4b7ec7; color: #fff; font-size: 14px;cursor: pointer;transition: .5s; padding-left: 0;}
.fo4  .contbtn:hover{color: #4b7ec7; background: #fff;}
 
.fo4 .bit{
	position: relative;
}
.fo4 .bit::before{
	content:'*';
	color: #ff0000;
	position: absolute;
	top: 25px;
	left: 2px;
}

.fo4 ::-webkit-input-placeholder {
 color:#666;opacity:1}
.fo4 :-o-placeholder {
 color:#666;opacity:1 }
.fo4 ::-moz-placeholder {
 color:#666;opacity:1 }
.fo4 :-ms-input-placeholder {
 color:#666;opacity:1 }

.shejiao{ padding-top: 6px;}
.shejiao a{display: inline-block; vertical-align: middle; width: 35px; height: 35px; line-height: 35px; margin-left: 10px; margin-top: 16px; text-align: center; border: solid 1px #ffffff; color: #ffffff; border-radius: 50%;}
.shejiao a:nth-child(6n-5){margin-left: 0px;}
.shejiao a:hover{ background: #ff8200; border-color: #ff8200; color: #fff;text-decoration:none;}

.foots{margin-top: 110px;margin-bottom: 10px; text-align: center;}
.fop{
	font-size: 14px;
	line-height: 30px;
	color: #cdd5dd;
}
.fop a{display: inline-block;}

.foot2{border: 1px solid #565656; padding-top: 10px; padding-bottom: 6px;}
.youlian{ color: #cdd5dd; font-size: 14px; font-size: 1.4rem; line-height: 30px;}
.youlian span,.youlian a{display: inline-block; vertical-align: middle; color: #cdd5dd;}
.youlian a{margin: 0 10px;}

@media screen and (max-width:1560px) {
	.shejiao a{margin-left: 10px;}

	
}
@media screen and (max-width:999px) {
	.foot{padding-top: 20px;padding-bottom: 20px;}
	.fo1,.fo2{display: none;}
	.fo3{width: 48%; margin-left: 0;}
	.fo4{width: 48%;}
	.foots{margin-top: 20px;}
}
@media screen and (max-width:630px) {
	.fo3{display: none;}
	.fo4{width: 100%;}
}

/* lianxi */
.lianxi{ position:fixed; width:50px; right:0px; top:50%; transform:translateY(-50%); z-index:99999}
.lianxi div a{ display:block; width:50px; height:50px; text-align:center; line-height:50px; font-size: 28px; background-color: #f1f1f1; margin-top:2px;cursor: pointer;}
.ke1{ color: #a3a3a3}
.ke2{ color: #3ac34c}
.weixin{ position:relative; cursor:pointer;}
.weixin img{ position:absolute; width:149px; height:150px; max-width: none; top:0px; left:-149px; display:none;}
.weixin:hover img{ display:block;}
.weixin2,.tankuang{ display:none}
.tankuang{ position:absolute; bottom:50px; left:50% !important; margin-left:-75px;}
.tankuang img{ display:block; position:relative; width:150px; height:150px; left:auto; margin:auto;}
.lianxi div a:hover{ background:#2d68ad; color: #fff;}

.clear2{ display:none}

@media screen and (max-width:999px) {
.youlian{display:none}
.top{width:50%;height:40px;line-height:40px;bottom:0px;right:0px;border-radius:0px;border:none}

.lianxi{ width:100%; right:auto; top:auto; margin:auto; left:0px; bottom:0px; border-top:1px solid #fff; transform:translateY(0);}
.lianxi div{ width:50%; float:left;}
.lianxi div a{ margin:auto; width:100%; background:#fff; color:#a3a3a3 ; height:40px;line-height:40px; border-radius:0px;}
.weixin2{ display:block}
.weixin1{ display:none}
}


/* --------------------------------------------products1------------------------------------------------- */

.fenytop{
	display: flex;
	font-size: 16px;
	line-height: 30px;
	margin-top: 20px;
}
.fenytop a{color: #666;}
.fenytop span{ display:inline-block; margin-left:5px; margin-right:5px;}

.fenytop  a:hover{color: #4b7ec7;}
.fydq{color: #4b7ec7 !important;}

.j-nextshow { position: relative; padding: 10px;}
.proslide_menubtn { display: none; width: 23px; height: 18px; position: absolute; top: 50%; margin-top:-9px; right: 12px; cursor: pointer; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; z-index: 99; }
.proslide_menubtn span { display: block; width: 100%; height: 3px; margin-bottom: 3px; background-color: #fff;}

.prod{margin-top: 28px;}
.prod .zong{display: flex; flex-wrap: wrap;justify-content: space-between;}
.prod .j-nextshow{padding-bottom: 8px;padding-top: 12px;padding-left: 15px; background: #4b7ec7;}
.prod .prbiao,.prl strong{
	font-family: PoppinsBold;
	font-size: 24px;
	line-height: 30px;
	color: #fff;
}
.prod .prole{width: 20%;}
.prod .prl{margin-bottom: 40px; box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2);}

.tags{padding-top: 14px;padding-bottom: 20px;}
.prod .tags p{ padding: 0 16px;}
.prod .tags a{font-size: 16px;line-height: 28px;color: #666; }
.prod .tags a:hover{color: #4b7ec7;}

.proyiji{padding-top: 6px;}
.proyiji li>a{ display: block; line-height: 30px; font-size: 16px; font-size: 1.6rem; position: relative;}
.proyiji>li>a{border-bottom: 1px solid #eaeaea;padding: 0 25px 0 15px;padding-bottom: 6px;padding-top: 8px;}
.proyiji>li:first-child>a{border-top: none;}
.proyiji .icon-right{ position: absolute; right: 15px; top: 8px; font-size: 14px; transition: 0.5s;}

.proerji{display: none; padding-top: 8px;}
.proerji li a{color: #999999; padding-left: 30px;}
.proerji>li>a{font-size: 16px;font-size: 1.6rem;}


.proyiji>li:hover>a{color: #fff;background-color: #4b7ec7;}

.proerji li a:hover{ color: #fff;background-color: #4b7ec7;}



.dangyi .proerji{display: block;}
.dangyi>a,.danger a{color: #fff !important;background-color: #4b7ec7;}
.dangyi>a i{transform: rotate(90deg)}


.prori{width: 77.15%;}

.protop strong{font-family: PoppinsBold;font-size: 24px;line-height: 28px;}
.protop p{
	margin-top: 12px;
	margin-bottom: 12px;
	font-size: 16px;
	line-height: 28px;
	color: #666666;
}

.przhan{ position:relative; overflow:hidden;}
.przhanh{ height:auto !important;}
.zhankai{ cursor:pointer; font-size:16px; font-size:1.6rem; line-height:24px; margin-top:0px; color: #666; text-decoration: underline;}

.prodnr{padding-top: 36px;}
.prodnr ul{display: flex;flex-wrap: wrap;}
.prodnr li{padding-bottom: 5px; margin-bottom: 36px;width: 31.29%; border: 1px solid #e4e4e4; display: inline-block; text-align: center;}
.prodnr li:hover{box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2);}
.prodnr li{margin-left: 2.9%;}
.prodnr li:nth-child(3n+1){margin-left: 0;}
.prodnr li a{display: inline-block; overflow: hidden;}
.prodnr li p a{
	font-size: 18px;
	line-height: 36px;
    text-align: center;
       display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.prodnr li label{
	font-size: 16px;
	line-height: 28px;
}
.prodnr li input{cursor: pointer;}
.prodnr li label a{padding-left: 10px;color: #999; vertical-align: top;}
.prodnr li label:hover a{ color: #4b7ec7;}

.fy{
	display: flex;
	justify-content: center;
	font-size: 14px;
	line-height: 30px;
}
.fy i{font-size: 20px; color: #333;}
.fy a,.fy span{
	width: 36px;
	height: 30px;
	line-height: 30px;
	margin: 0 5px;
	color: #999;
	display: inline-block;
	text-align: center;
	background: #fff;
	border: solid 1px #e5e5e5;
	cursor: pointer;
}
.fy .big{
	width: 70px;
}
.fy a:hover i{color: #fff;}
.fy .fydq,.fy a:hover{
	text-decoration: none;
	color: #fff !important;
	background: #4b7ec7;
}
.fy a.no:hover{	color: #999 !important;
	
	background: #fff  !important;
	border: solid 1px #e5e5e5  !important;}
.fy .sc{width: initial; border: none; vertical-align: middle;}
.fy .sc input{font-size: 16px; background: none; cursor: pointer;}
.fy .sc i{color: #999;}
.fy .sc:hover,.fy .sc:hover input,.fy .sc:hover i{background: none;color: #4b7ec7;}
.prodnr .fy{padding-top: 18px;padding-bottom: 122px;}


@media screen and (max-width:1559px) {
	.proyiji>li>a{ font-size: 14px; font-size: 1.4rem; line-height: 26px;}
	.proyiji>li>a i{ font-size: 14px; font-size: 1.4rem;  top: 10px; font-size: 12px;}
	.proerji li a{  font-size: 12px; font-size: 1.2rem;padding-left: 20px;}
	.prod .tags a{font-size: 14px;line-height: 26px;}
}
@media screen and (max-width:1400px) {
	.protop-right h1 {
	    font-size: 20px;
	    line-height: 30px;
	}
	.protop-right p {
	    margin-top: 10px;
	    font-size: 14px;
	    line-height: 26px;
	}
	.protop-right>a {
	    width: 200px;
	    height: 40px;
	    font-size: 18px;
	    line-height: 40px;
	    margin-top: 20px;
	    margin-bottom: 10px;
	}
}
@media screen and (max-width:999px) {
	.j-nextshow { display: block; margin-top: 15px;}
	.proslide_menubtn { display: block; }
	
	.prod .zong{flex-direction: column-reverse;}
	.prod .prole{width: 100%;}
	.prod .prlt{margin-top: 0;}
	.proyiji{display: none;}
	
	.prori{width: 100%;}
	
	.prodnr .fy{padding-top: 0;padding-bottom: 30px;}
}
@media screen and (max-width:767px) {
	.protop strong{font-size: 20px;line-height: 28px;}
	.protop p{
		margin-top: 12px;
		margin-bottom: 12px;
		font-size: 14px;
		line-height: 26px;
	}
	.zhankai{font-size: 14px;line-height: 26px;}
	
	.prodnr{padding-top: 20px;}
	.prodnr li{padding-bottom: 0px; margin-bottom: 20px;}
	.prodnr li p a{font-size: 16px;line-height: 30px;}
	.prodnr li label{font-size: 14px;line-height: 26px;}
	.fy a,.fy span{width: 30px; margin: 0 2px;}
	
}
@media screen and (max-width:500px) {
	.prodnr li{width: 48%;}
	.prodnr li:nth-child(3n+1){margin-left: 2.9%;}
	.prodnr li:nth-child(2n+1){margin-left: 0;}
	.prodnr li p a{font-size: 14px;line-height: 26px;}
	.prodnr li label{font-size: 12px;line-height: 22px;}
	.fy{display: block;}
	
}



/* --------------------------------------------products2------------------------------------------------- */

.zoomPad {position:relative; float:left; z-index:99; cursor:crosshair; }
.zoomPreload {-moz-opacity:0.8; opacity: 0.8; filter: alpha(opacity = 80); color: #333; font-size: 12px; font-family: Tahoma; text-decoration: none; border: 1px solid #CCC; background-color: white; padding: 8px; text-align:center; background-image: url(../images/mat2dt.jpg); background-repeat: no-repeat; background-position: 43px 30px; z-index:110; width:90px; height:43px; position:absolute; top:0px; left:0px; * width:100px; * height:49px; }
.zoomPup {overflow:hidden; background-color: #FFF; -moz-opacity:0.6; opacity: 0.6; filter: alpha(opacity = 60); z-index:120; position:absolute; border:1px solid #CCC; z-index:101; cursor:crosshair; }
.zoomOverlay {position:absolute; left:0px; top:0px; background:#FFF; /*opacity:0.5; */
	z-index:5000; width:100%; height:100%; display:none; z-index:101; }
.zoomWindow {position:absolute; left:110%; top:40px; background:#FFF; z-index:6000; height:auto; z-index:10000; z-index:110; }
.zoomWrapper {position:relative; border:1px solid #ccc; z-index:110; }
.zoomWrapperTitle {display:block; background:#999; color:#FFF; height:18px; line-height:18px; width:100%; overflow:hidden; text-align:center; font-size:10px; position:absolute; top:0px; left:0px; z-index:120; -moz-opacity:0.6; opacity: 0.6; filter: alpha(opacity = 60); }
.zoomWrapperImage {display:block; position:relative; overflow:hidden; z-index:110; }
.zoomWrapperImage img {border:0px; display:block; position:absolute; z-index:101; }
.zoomIframe {z-index: -1; filter:alpha(opacity=0); -moz-opacity: 0.80; opacity: 0.80; position:absolute; display:block; }

.prob-pic { width:48.24%; float:left;}
.prob-pic .prob-pic-big {border: solid 1px #eaeaea; position: relative;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.prob-pic .prob-pic-big-img { display: block; line-height: 0; font-size: 0;}
.prob-pic .prob-pic-big-img img{transition: 0s;}
.prob-pic .prob-pic-big-img .zoomPad { float: none; z-index: 8;}
.prob-pic .zoomWrapperImage img { max-width: 1920px;}
.prob-pic .prob-pic-big-img:hover img{ transform: scale(1)}
.prob-pic .prob-pic-small { position: relative; margin-top: 18px; overflow: hidden;}
.prob-pic .prob-pic-btn { position: absolute; top: 50%; margin-top: -20px; display: block; height: 40px; line-height:40px; text-align:center; color:#cdcdcd; font-size:25px; z-index:9999; cursor:pointer;}
.prob-pic .prob-pic-btn.prev { left:0px;}
.prob-pic .prob-pic-btn.next { right:0px;}
.prob-pic .prob-pic-btn:hover{ color: #4b7ec7;}
.prob-pic .prob-pic-list {margin: 0 20px; overflow: hidden;}
.prob-pic .prob-pic-list ul { width: 1000%; overflow: hidden;}
.prob-pic .prob-pic-list ul li {border: solid 1px #eaeaea; position: relative; float: left; margin-right: 0.25%; width: 2.3%; overflow:hidden;}
.prob-pic .prob-pic-item .item-pic { display:block; border: solid 1px #fff; overflow: inherit;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow:hidden;}
.prob-pic .prob-pic-item .item-pic img{display: block; width:100%;transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;-webkit-transition: 0.3s;}
.prob-pic .prob-pic-item .item-pic:hover{ border: solid 1px #4b7ec7;}
.prob-pic .prob-pic-item .item-pic.active{ border: solid 1px #4b7ec7;}

.xiangqing{margin-left: 4%; display: inline-block; width: 47.22%;}
.xiangqing h1{
	font-family: PoppinsBold;
	font-size: 22px;
	line-height: 36px;
}
.xiangqing .xian{margin-top: 8px; width: 100%; background-color: #e7e7e7;}
.xiangqing p{
	font-size: 16px;
	line-height: 30px;
	color: #666666;
	display: -webkit-box;
	-webkit-box-orient: vertical;  
	-webkit-line-clamp: 10;  
	overflow: hidden;
}

.inq{margin-top: 100px;}
.inq>a{width: 239px;height: 49px;font-size: 20px;line-height: 49px;border: 1px solid #4b7ec7;color: #ffffff; display: inline-block; background-color: #4b7ec7;text-align: center;}
.inq>a:hover{color: #4b7ec7;background-color: #fff;}
.share{ margin-left: 20px; display:inline-block; vertical-align:middle;}
.share1{ font-size: 14px;line-height: 30px;color: #999999; display:inline-block; vertical-align:middle;}
.share2{ display:inline-block; vertical-align:middle;}

.des{padding-top: 50px; clear:both; width:100%}

.des strong{ font-weight:bolder;}
.des .strong,.rel .strong{
	font-family: PoppinsBold;
	font-size: 28px;
	line-height: 36px;
	color: #4b7ec7; text-transform:uppercase;
}


.des p,.des,.jianjie .table table {

  font-size: 16px;
  line-height: 30px;
}
.table{ width:100%; overflow:auto;}
.des .table table{ width:100%; border-collapse:collapse; }
.des .table table tr{}
.des .table table tr td{ padding:5px 0px; color: #333; border:#333 1px solid;}
.des .xian,.rel .xian{ margin-top: 12px; margin-bottom: 30px; width: 100%; background-color: #e7e7e7;}
.des img{ max-width:100%}
.des a{margin-top: 8px; display: inline-block;overflow: hidden;}

.rel{margin-top: 62px; margin-bottom: 160px;}

.rel .row .item{display: flex;}
.rel .item div{margin-left: 2.2%; border: 1px solid #e4e4e4;text-align: center;}
.rel .item div:first-child{margin-left: 0;}
.rel .item div>a{display: inline-block; overflow: hidden;}
.rel .item div p{padding-bottom: 10px; font-size: 18px;line-height: 36px;
overflow: hidden;}
.rel .item div p a{display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;}

.rel .owl-pagination{bottom: -40px;}

@media screen and (max-width:1430px) {
	.inq{margin-top: 20px;}
	.share{ display: block; margin-left: 0px;margin-top: 10px;}
}
@media screen and (max-width:999px) {
	.zoomPad { cursor: default !important; }
	.zoomPup { display: none !important; }
	.zoomWindow { display: none !important; }
	.zoomPreload { display: none !important; }
	.prob-pic { width:100%; max-width: 500px;margin: auto; float: none;}
	.xiangqing{margin-top: 20px;margin-bottom: 20px;  margin-left: 0; width: 100%;}
	.xiangqing h1{
		font-family: PoppinsBold;
		font-size: 18px;
		line-height: 30px;
	}
	.xiangqing .xian{margin-top: 8px; width: 100%; background-color: #e7e7e7;}
	.xiangqing p{font-size: 14px;line-height: 26px;}
	
	.inq{text-align: center;}
	.inq>a{width: 180px;height: 40px;font-size: 16px;line-height: 40px}
	.share1{ font-size: 12px;}
	
	.des .strong,.rel .strong{
		font-size: 24px;
		line-height: 30px;
	}
	.des,.rel{padding-top: 20px;}
	.des .xian,.rel .xian{ margin-top: 5px; margin-bottom: 10px;}
	.des p,.des,.jianjie .table table{font-size: 14px;line-height: 26px;}
	.rel .owl-pagination{bottom: -20px;}
	.rel{margin-top: 30px; margin-bottom: 40px;}
}


/* --------------------------------------------about1------------------------------------------------- */

.fybt{font-size: 42px;line-height: 36px; font-family: PoppinsBold;text-transform:uppercase;}
.fybt2{font-size: 34px;line-height: 36px; font-family: PoppinsBold;text-transform:uppercase;}
.fynr{font-size: 16px;line-height: 30px; color: #666;}
.abtop{margin-top: 18px; margin-bottom: 66px;}
.abtopl .fybt{padding-top: 36px;}
.abtopl .xian{margin-top: 25px; margin-bottom: 30px;}
.abtopl .fynr{margin-bottom: 30px;}
.abtopl{margin-right: 6%; width: 44.57%; display: inline-block; vertical-align: middle;}
.abtop .ship{width: 48.57%;display: inline-block;vertical-align: middle;}

.abtx{margin-top: 46px;margin-bottom: 38px; display: flex;justify-content: space-between; flex-wrap: wrap;}
.abtx i{font-size: 50px; color: #fff;}
.abtx div{margin-left: 5px; display: inline-block;vertical-align: middle;}
.abtx p a{
	font-family: PoppinsSemiBold;
	font-size: 26px;
	line-height: 30px;
	color: #fff;
}
.abtx p a span{color: #fff;}
.abtx em a{font-size: 14px;line-height: 30px; color: #fff;}

.abtnr{margin-top: 60px; padding-bottom: 40px;}
.abtnr .fynr{margin-bottom: 30px;}

@media screen and (max-width:999px) {
	.abtop{margin-top: 15px; margin-bottom: 20px;}
	.abtopl{margin-right: 0; width: 100%;}
	.abtop .ship{width: 100%; max-width: 680px;}
	.fybt{font-size: 36px;line-height: 30px;}
	.fybt2{font-size: 30px;line-height: 30px;}
	.fynr{font-size: 14px;line-height: 26px;}
	.abtopl .fybt{padding-top: 0px;}
	.abtopl .xian{margin-top: 10px; margin-bottom: 10px;}
	.abtopl .fynr{margin-bottom: 15px;}
	
	.abtx{margin-top: 20px;margin-bottom: 20px;}
	
	.abtnr{margin-top: 30px; padding-bottom: 5px;}
	.abtnr .fynr{margin-bottom: 15px;}
}

@media screen and (max-width:767px) {
	.fybt{font-size: 30px;}
	.fybt2{font-size: 24px;}
	.fynr{font-size: 14px;line-height: 26px;}
	.abtx li{width: 50%; margin-bottom: 10px;}
	.abtx i{font-size: 36px;}
	.abtx p a{font-size: 22px;line-height: 30px;}
	.abtx em a{font-size: 12px;line-height: 22px;}
}
@media screen and (max-width:500px) {
	.abtx div{margin-left: 0px; display: block;}
}

.abmain4{ padding-top:50px; background-color: #f5f5f5;}
.abmain4 .fybt{ text-align: center;}
#box{position:relative; margin:auto; margin-top:30px; max-width:1200px;}
#box ul{position:relative; margin:auto; height:508px;}
#box li{position:absolute; width:0;height:0;z-index:0;cursor:pointer;overflow:hidden; padding-bottom:50px; -moz-box-sizing:content-box; box-sizing:content-box !important}
#box li a{ display:block; background:#000000;}
#box li a img{ width:100%; max-width:680px; transform: scale(1,1) !important}
#box li>span{ display:block; font-size:14px; font-size:1.4rem; line-height:30px; position:absolute; width:100%; margin:auto; left:0px; top:455px; text-align:center; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}

#box .prev, #box .next{position:absolute;top:50%; margin-top:-90px;overflow:hidden; cursor:pointer;  line-height:122px; text-align:center; font-size:30px; font-size:3rem; text-align:center; color:#cdcdcd; z-index:99; transition:0.5s;}
#box .prev{left:-40px;}
#box .next{right:-40px;}
#box .prev:hover, #box .next:hover{color: #4b7ec7;}
#copyright{padding-top:10px;text-align:center; border:1px solid}
.ab4zi{ font-size:16px; font-size:1.6rem; line-height:30px; text-align:center; margin-top:7px; opacity:0; transition:0.5s;}
#box li:nth-child(4){ padding-bottom:50px;}
#box li:nth-child(4) a img{ opacity:1}
#box li:nth-child(4) .ab4zi{ opacity:1}

.famain{ padding-top:29px; padding-bottom:90px;}
.famain .subNav2{ padding-top:11px; padding-bottom:11px;}
.famain .navContent2{ padding-top:32px; padding-bottom:33px;}

@media screen and (max-width: 1659px) {
.abmain4{ padding-top:38px; padding-bottom:60px;}
.ab4biao{ font-size: 30px; font-size: 3rem; line-height: 40px;}
#box{ margin-top:40px; padding:0px; width:auto;}
#box li{ position:relative; left:auto; top:auto; width:0.32333% !important; height:auto !important;  padding:0px;}
.img-scroll6 {position: relative; width: 100%; margin-top:28px !important; z-index:9}
#box .prev, #box .next{ margin-top:-42px; width:34px; height:50px; line-height:50px; font-size:20px; font-size:2rem;}
#box .prev{left:0px;}
#box .next{right:0px;}
.img-list6 {position: relative;overflow: hidden; z-index:90; margin: 0 30px;}
.img-list6 ul {width: 10000% !important; height:auto !important;}
.img-list6 li {float: left; display: inline;margin-right:0.015% !important; margin-left:auto; opacity:1;}
.img-list6 li img{ opacity:1 !important}
#box li a{box-shadow:none}
#box li span{ position:relative; top:auto;}
.ab4zi{ opacity:1; font-size:14px; font-size:1.4rem; line-height:24px; margin-top:5px;}
#box li:nth-child(4){ padding-bottom:0px;}
}
@media screen and (max-width: 1359px) {
.abmain4{ padding-top:30px; padding-bottom:30px;}
.ab4biao{ font-size: 26px; font-size: 2.6rem; line-height: 34px;}
}
@media screen and (max-width: 999px) {
.abmain4{ padding-top:20px; padding-bottom:30px;}
.ab4biao{ font-size: 26px; font-size: 2.6rem; line-height: 32px;}
#box .prev, #box .next{ width:30px; height:30px; line-height:30px; margin-top:-15px; font-size:30px; font-size:3rem;}
.famain{ padding-top:19px; padding-bottom:30px;}
}
@media screen and (max-width: 767px) {
.ab4biao{ font-size: 22px; font-size: 2.2rem; line-height: 30px;}
}
@media screen and (max-width: 589px) {
#box li{ width:0.49% !important; margin-right:0.02% !important;}
}
@media screen and (max-width: 499px) {
#box li{ width:1% !important; margin-right:0.02% !important;}
}

/* dev */

.dev{margin-top: 105px;}
.dev .fybt{text-align: center;}

.img-scroll3 { position: relative; z-index:9;margin-bottom: 128px;}
.img-scroll3 .prev, .img-scroll3 .next {position: absolute; top: 50%; transform: translateY(-50%); text-align:center; display: block; background:none; color:#666666; font-size:24px; font-size:2.4rem; font-weight:bold; z-index:99; transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s;}
.img-scroll3 .prev {left:0; cursor: pointer;}
.img-scroll3 .next {right:0;cursor: pointer;}
.img-scroll3 .prev:hover,.img-scroll3 .next:hover { color:#4b7ec7;}
.img-list3 {margin: 0 40px; padding: 225px 0; position: relative;overflow: hidden; z-index:90;}
.img-list3 ul {width: 10000%;}
.img-list3 li {float: left;display: inline;width:0.1664%; margin-right:0%; position:relative; text-align:center;}

.ab2lie{ position:relative;}
.shijian{ display:block; border-right: 1px solid #fff; width:100%; left:0px; font-size:26px; font-size:2.6rem; line-height:50px; text-align:center; color: #fff; font-family: PoppinsBold;}
.ab2zi{ position: absolute; font-size:16px; font-size:1.6rem; line-height:30px;  overflow:hidden;}
.ab2zi p{color: #666;}

.ab2zi1{bottom: 100px}
.ab2zi2{top: 100px;}
.shuxian1::after,.shuxian2::after{content: "";position: absolute; display: inline-block; width: 2px; height: 40px; background-color: #e6e6e6;}
.shuxian1::after{ bottom: 60px;}
.shuxian2::after{top: 60px;}



.ab2lie1 .shijian{background-color: #3670cb;}
.ab2lie2 .shijian{background-color: #1aa3cf;}
.ab2lie3 .shijian{background-color: #8fa8e2;}
.ab2lie4 .shijian{background-color: #46bbe7;}
.ab2lie5 .shijian{background-color: #6eb1df;}
.ab2lie6 .shijian{background-color: #8dd3fb;}

@media screen and (max-width: 999px) { 
.dev{margin-top: 30px;}
.img-scroll3 { margin-bottom:30px;}
.img-list3 li {width:0.33333%;}
.shijian{ font-size:24px; font-size:2.4rem;}
.beijing{ font-size:100px; line-height:130px;}
.beijing2{ display:none;}
}
@media screen and (max-width: 767px) { 
.ab2main{ padding-bottom:33px;}
.img-scroll3 { margin-bottom:0;}
.img-scroll3:before{ display:none;}
.ab2lie .shijian{ position:relative; left:0px; top:auto; font-size:18px; font-size:1.8rem;}
.ab2lie .ab2zi{ background:none; margin:auto; padding:0px; text-align:left;}
.img-list3 li {width:0.5%;}
.beijing{ font-size:50px; line-height:90px;}
}
@media screen and (max-width:399px) { 
.img-list3 li {width:1%; margin-right:0.04%;}
.ab2lie .ab2zi{ height:auto;}
}



/* --------------------------------------------about2------------------------------------------------- */

.pro{margin-top: 30px;}
.pro .fybt2{text-align: center;}
.pro .xian{margin: 22px auto 60px;}
.pro li{ margin-left: 2.4%;margin-bottom: 45px; width: 48.57%;display: inline-block;background-color: #f5f5f5; border-radius: 12px;}
.pro li:nth-child(2n+1){margin-left: 0;}
.pro li .div{padding-left: 30px; padding-top: 15px;padding-bottom: 14px; background: url("../images/ourbj2.jpg")no-repeat center; background-size: cover;}
.pro li i{font-size: 35px;color: #fff;vertical-align: middle;}
.pro li strong{
	font-family: PoppinsBold;
	font-size: 22px;
	line-height: 36px;
	color: #fff;
	vertical-align: middle;
}
.pro li .p{
	padding-left: 30px;
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: 16px;
	line-height: 30px;
	
	
}
.pro li .p p{color: #666666;}

@media screen and (max-width:999px) {
	.pro .xian{margin:10px auto 20px;}
	.pro li{ margin-left: 0;margin-bottom: 20px;width: 100%;}
	.pro li i{font-size: 28px;}
	.pro li .div{padding-top: 10px;padding-bottom: 10px;}
	.pro li strong{
		font-size: 20px;
		line-height: 30px;
	}
	.pro li .p{
		padding-top: 10px;
		padding-bottom: 5px;
		font-size: 14px;
		line-height: 26px;
	}
}
@media screen and (max-width:767px) {
	.pro li .div{padding: 10px;}
	.pro li .p{ padding: 0 10px; }
}


/* ab2ma2 */
.ab2ma2{margin-bottom:120px;}
.ab2ma2 .row .item{display: flex;}
.ab2ma2 .item div{ margin-left: 4.5%;text-align: center;background-color: #f5f5f5; border-radius: 12px;overflow: hidden;}
.ab2ma2 .item div:first-child{margin-left: 0;}
.ab2ma2 .item div>a{display: inline-block; overflow: hidden;}
.ab2ma2 .item div p{padding-bottom: 10px; font-size: 18px;line-height: 36px; }
.ab2ma2 .owl-pagination{bottom: -40px;}

@media screen and (max-width:999px) {
	.ab2ma2{margin-bottom:40px;}
	.ab2ma2 .owl-pagination{bottom: -20px;}
	.ab2ma2 .item div p{padding-bottom: 10px; font-size: 16px;line-height: 30px; }
}
@media screen and (max-width:767px) {
	.ab2ma2 .row .item{flex-wrap: wrap;justify-content: center;}
	.ab2ma2 .item div{ margin-bottom: 20px; margin-left: 0;}
}

/* ab2ma3 */
.ab2ma3{padding: 66px 0 70px; background-color: #f5f5f5;}
.ab2ma3 .zong{text-align: center;}
.ab2ma3 .fybt2{padding-bottom: 24px;}
.ab2ma3 .xian{margin: auto;}

.img-scroll {position: relative; margin-top:50px;width: 100%;}
.img-scroll .prev, .img-scroll .next {font-size: 35px; position: absolute; text-align:center;color: #979797; display: block; text-align: center;top: 50%; transform: translateY(-50%); transition: 0.5s; z-index: 999}
.img-scroll .prev { left: 0px; cursor: pointer;}
.img-scroll .next { right:0px; cursor: pointer;}
.img-scroll .prev:hover,.img-scroll .next:hover { color: #4b7ec7;}
.img-list {margin: 0 70px; position: relative;overflow: hidden;}
.img-list ul {width: 10000%;}
.img-list li {float: left; width:0.465%; margin-right: 0.085%; border-left: none; position:relative;}
.img-list li img{width: 100%;}

@media screen and (max-width:999px) {
	.ab2ma3{padding: 20px 0 30px; }
	.ab2ma3 .fybt2{padding-bottom: 10px;}
	.img-scroll {margin-top:20px;}
	.img-list {margin: 0 40px; }
}
@media screen and (max-width:767px) {
	.img-list li {float: left; width:1%; margin-right: 0;}
}

/* ab2ma4 */
.ab2ma4{padding: 78px 0 64px;}
.ab2ma4 .zong{text-align: center;}
.ab2ma4 .fybt2{padding-bottom: 22px;}
.ab2ma4 .xian{margin: auto;}

.ab2ma4 .img-list {margin: 0 30px; }
.ab2ma4 .img-list li {width:0.24%; margin-right: 0.015%; }
.ab2ma4 .img-list li>a{border: solid 6px #e5e9ed; display: inline-block; overflow: hidden;}
.ab2ma4 .img-list li p{font-size: 16px;line-height: 36px;}




#baguetteBox-overlay {
    display: none;
    opacity: 0;
    position: fixed;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #222;
    background-color: rgba(0, 0, 0, .8);
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    z-index: 99999999999999999999999999999999999999;
}

#baguetteBox-overlay.visible {
    opacity: 1
}

#baguetteBox-overlay .full-image {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
}

#baguetteBox-overlay .full-image figure {
    display: inline;
    margin: 0;
    height: 100%
}

#baguetteBox-overlay .full-image img {
    display: inline-block;
    width: auto;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
}

#baguetteBox-overlay .full-image figcaption {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    line-height: 1.8;
    color: #ccc;
    background-color: #000;
    background-color: rgba(0, 0, 0, .6);
    font-family: Verdana, Geneva, sans-serif;
}

#baguetteBox-overlay .full-image:before {
    content: "";
    display: inline-block;
    height: 50%;
    width: 1px;
    margin-right: -1px
}

#baguetteBox-slider {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    white-space: nowrap;
    -webkit-transition: left .4s ease, -webkit-transform .4s ease;
    transition: left .4s ease, -moz-transform .4s ease;
    transition: left .4s ease, transform .4s ease
}

#baguetteBox-slider.bounce-from-right {
    -webkit-animation: bounceFromRight .4s ease-out;
    animation: bounceFromRight .4s ease-out
}

#baguetteBox-slider.bounce-from-left {
    -webkit-animation: bounceFromLeft .4s ease-out;
    animation: bounceFromLeft .4s ease-out
}

.baguetteBox-button#next-button,
.baguetteBox-button#previous-button {
    top: 50%;
    top: calc(50% - 30px);
    width: 44px;
    height: 60px
}

.baguetteBox-button {
    position: absolute;
    cursor: pointer;
    outline: 0;
    padding: 0;
    margin: 0;
    border: 0;
    -moz-border-radius: 15%;
    border-radius: 15%;
    background-color: #323232;
    background-color: rgba(50, 50, 50, .5);
    color: #ddd;
    font: 1.6em sans-serif;
    -webkit-transition: background-color .4s ease;
    transition: background-color .4s ease;
}

.baguetteBox-button:hover {
    background-color: rgba(50, 50, 50, .9)
}

.baguetteBox-button#next-button {
    right: 2%
}

.baguetteBox-button#previous-button {
    left: 2%
}

.baguetteBox-button#close-button {
    top: 20px;
    right: 2%;
    right: calc(2% + 6px);
    width: 30px;
    height: 30px
}

.baguetteBox-button svg {
    position: absolute;
    left: 0;
    top: 0
}

.spinner {
    width: 40px;
    height: 40px;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -20px
}

.double-bounce1,
.double-bounce2 {
    width: 100%;
    height: 100%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;
    opacity: .6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: bounce 2s infinite ease-in-out;
    animation: bounce 2s infinite ease-in-out
}

.double-bounce2 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

@-webkit-keyframes bounceFromRight {
    0% {
        margin-left: 0
    }

    50% {
        margin-left: -30px
    }

    100% {
        margin-left: 0
    }
}

@keyframes bounceFromRight {
    0% {
        margin-left: 0
    }

    50% {
        margin-left: -30px
    }

    100% {
        margin-left: 0
    }
}

@-webkit-keyframes bounceFromLeft {
    0% {
        margin-left: 0
    }

    50% {
        margin-left: 30px
    }

    100% {
        margin-left: 0
    }
}

@keyframes bounceFromLeft {
    0% {
        margin-left: 0
    }

    50% {
        margin-left: 30px
    }

    100% {
        margin-left: 0
    }
}

@-webkit-keyframes bounce {

    0%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes bounce {

    0%,
    100% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        transform: scale(0)
    }

    50% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }
}


.m5n {
    background: #333
}

.m5n .box-btn {
    position: absolute;
    top: 50%;
    margin-top: -23px;
    width: 50px;
    height: 47px;
    color: #fff;
    line-height: 47px;
    background: #fff;
    font-size: 60px;
}

.m5n .box-btn.prev {
    left: 0;
}

.m5n .box-btn.next {
    right: 0;
}

.m5n .box-btn:hover {
    color: #d3d3d3;
}


.c-oh {
    overflow: hidden;
}

.box-lunbo {
    position: relative;
    margin-top: 60px;
    padding-left: 50px;
    padding-right: 50px;
}

.box-lunbo1 {
    display: none \9;
}

.box-lunbo1 .box-list {
    position: relative;
    height: 424px;
    overflow: hidden;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-perspective: 1000px;
    perspective: 1000px;
}

.box-lunbo1 .list-item {
    position: absolute;
    top: 0;
    width: 322px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: all 350ms;
    -o-transition: all 350ms;
    -moz-transition: all 350ms;
    transition: all 350ms;
}
.box-lunbo1 .list-item0 {
    left: -286px;
    transform: scale(0.75)
}
.box-lunbo1 .list-item1 {
    z-index: 1;
    left: -20px;
    transform: scale(0.75)
}

.box-lunbo1 .list-item2 {
    z-index: 2;
    left: 260px;
    transform: scale(0.85)
}

.box-lunbo1 .list-item3 {
    z-index: 3;
    left: 585px;
    margin: 0 auto;
}

.box-lunbo1 .list-item4 {
    z-index: 2;
    left: 913px;
    transform: scale(0.85)
}

.box-lunbo1 .list-item5 {
    z-index: 1;
    left: 1199px;
    transform: scale(0.75)
}

.box-lunbo1 .list-item6 {
    left: 101%;
    transform: scale(0.75)
}



.box-lunbo2 {
    display: none;
    display: block \9;
}

.box-lunbo2 .box-list {
    width: 1000%;
    overflow: hidden;
}

.box-lunbo2 .list-item {
    float: left;
    margin-right: .14%;
    width: 1.9%;
}

.list-item a {
    display: block;
    position: relative;
}

.list-item a img {
    width: 100%;
}

.list-item a i {
    display: block;
    position: absolute;
    background: #4880de;
    background: rgba(72, 128, 222, 0.8);
    width: 31px;
    height: 31px;
    border-radius: 50%;
    text-align: center;
    line-height: 31px;
    color: #fff;
    font-size: 14px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: 0.5s;
    opacity: 0;
}

.list-item a:hover i {
    opacity: 1
}

.list-item a:hover img {
    transform: scale(1)
}

@media screen and (max-width: 1729px) {
    .m5n .box-btn {
        font-size: 40px;
    }

    .box-lunbo1 {
        display: none;
    }

    .box-lunbo2 {
        display: block;
    }

    .box-lunbo2 .list-item {
        width: 2.4%;
    }

    .box-lunbo {
        margin-top: 30px;
        padding: 0 60px;
    }
}

@media screen and (max-width: 999px) {
    .box-lunbo {
        margin-top: 30px;
    }

    .m5n .box-btn {
        font-size: 30px;
    }
}

@media screen and (max-width: 767px) {
    .box-lunbo {
        margin-top: 30px;
        padding: 0 32px;
    }
}

@media screen and (max-width: 640px) {
    .box-lunbo2 .list-item {
        margin-right: .2%;
        width: 3.2%;
    }
}

@media screen and (max-width: 480px) {
    .box-lunbo2 .list-item {
        margin-right: .2%;
        width: 4.9%;
    }
}





@media screen and (max-width:999px) {
	.ab2ma4{padding: 20px 0 30px; }
	.ab2ma4 .fybt2{padding-bottom: 10px;}
	.ab2ma4 .img-list li {width:0.32%; margin-right: 0.02%; }
	.ab2ma4 .img-list li p{font-size: 14px;line-height: 26px;}
}
@media screen and (max-width:767px) {
	.ab2ma4 .img-list li {width:1%; margin-right: 0; }
}

/* ab2ma5 */
.ab2ma5{margin-bottom: 80px; text-align: center;}
.ab2ma5 .xian{margin: 0 auto;margin-top: 22px;margin-bottom: 30px;}
.ab2ma5 a{ display: inline-block; overflow: hidden;}

@media screen and (max-width:999px) {
	.ab2ma5{margin-bottom: 20px;}
	.ab2ma5 .xian{margin-top: 10px;margin-bottom: 10px;}
}


/* --------------------------------------------about3------------------------------------------------- */

.ser{margin-top: 38px; padding-bottom: 50px;}
.ser>a,.sertop{width: 47.2%;display: inline-block; overflow: hidden; vertical-align: top;}
.ser img{max-width: 100%;}
.ser .row{margin-left: 5%;width: 47.2%; display: inline-block;}
.ser .row .item img{max-width: 100%; overflow: hidden; transform: initial;}
.ser .owl-pagination{left: initial; right: 4%;transform: initial;bottom: 5.5%;}
.ser .owl-theme .owl-controls .owl-page span{width: 18px;height: 18px;margin: 0 4px;}

.serri{margin-left: 5%;}
.sertop .fybt2{padding-top: 32px;}
.sertop .xian{margin-bottom: 45px;}
.sertop .fynr{margin-bottom: 30px;}

.fen{display: flex; }
.fen em{text-align: center; font-size: 16px; line-height: 30px; width: 30px;height: 30px;background-color: #4b7ec7; border-radius: 50%;color: #fff;flex-shrink: 0;font-family: PoppinsBold;}
.fen .fynr{margin-left: 5px;}

.abtma2{padding-top: 68px; padding-bottom: 85px; background-color: #f5f5f5;}
.abtma2 .fybt2{text-align: center;}
.abtma2 .xian{margin: auto; margin-top: 22px;margin-bottom: 58px;}
.abtma2 ul{display: flex; justify-content: space-between; flex-wrap: wrap;}
.abtma2 li{padding: 36px 30px 30px; width: 30.7%;background-color: #fff;border-radius: 12px; text-align: center;}
.abtma2 li a{border-radius: 50%; display: inline-block; overflow: hidden;}
.abtma2 li strong{
	margin-top: 13px;
	margin-bottom: 10px;
	display: block;
	font-size: 24px;
	line-height: 36px;
	font-family: PoppinsBold;
	color: #4b7ec7;
}
.abtma2 li p{
	font-size: 16px;
	line-height: 30px;
	color: #666666;
	display: -webkit-box;  
	-webkit-box-orient: vertical;  
	-webkit-line-clamp: 5;  
	overflow: hidden;

}

.abtma3{margin-top: 110px; padding-bottom: 180px;}
.abtma3 .row .item{display: flex; justify-content: space-between;}
.abtma3 .item a{border-radius: 12px; display: inline-block; overflow: hidden;}
.abtma3 .owl-pagination{bottom: -50px;}

@media screen and (max-width:999px) {
	.ser img{max-width: 100%;margin: 0 auto;}
	.ser>a, .sertop {width: 100%;}
	.serri {margin-left:0;}
	.ser {
	    margin-top: 15px;
	    padding-bottom: 10px;
	}
	.ser .row {
	    margin-left: 0;
	    width: 100%;
	}
	.ser .owl-pagination{left: initial; right: 50%;transform: translateX(50%);}
	.ser .owl-theme .owl-controls .owl-page span{width: 16px;height: 16px;}
	.sertop .xian {margin-bottom: 20px;}
	.sertop .fynr {margin-bottom: 10px;}
	.sertop .fybt2 {padding-top: 10px;}
	
	.abtma2 {padding-top: 30px; padding-bottom: 30px;}
	.abtma2 .xian {margin-top: 10px;margin-bottom: 20px;}
	.abtma2 li {padding: 10px;}
	.abtma2 li strong { margin-top: 0;margin-bottom: 0;}
	
	.abtma3{margin-top: 30px; padding-bottom: 30px;}
	.abtma3 .owl-pagination{bottom: -15px;}
}

@media screen and (max-width:767px) {
	.abtma2 ul{justify-content: center;}
	.abtma2 li {margin-bottom: 10px; width: 85%;}
	.abtma2 li>a{width: 80px;height: 80px;}
	.abtma2 li strong{font-size: 20px; line-height: 30px;}
	.abtma2 li p{font-size: 14px; line-height: 26px;}
	
	.abtma3 .row .item{flex-wrap: wrap;justify-content: center;}
}

/* --------------------------------------------about4------------------------------------------------- */

.faqs{margin-top: 24px; margin-bottom: 130px;}
.faqs .fybt2{text-align: center;}
.faqs .xian{margin: auto; margin-top: 22px;margin-bottom: 40px;}

.faq{margin-bottom: 28px; padding-bottom: 20px; border-bottom: 1px solid #e2e2e2; }
.faq strong{
	font-family: PoppinsBold;
	font-size: 22px;
	line-height: 30px;
}
.faq p{
	margin-top: 16px;
	font-size: 16px;
	line-height: 30px;
	color: #666666;
}

@media screen and (max-width:999px) {
	.faqs{margin-top: 10px; margin-bottom: 30px;}
	.faqs .xian{margin: auto; margin-top: 10px;margin-bottom: 20px;}
	.faq{margin-bottom: 10px; padding-bottom: 10px;}
	.faq strong{font-size: 18px;}
	.faq p{
		margin-top: 5px;
		font-size: 14px;
		line-height: 26px;
	}
}

/* --------------------------------------------3-1------------------------------------------------- */

.app{margin-top: 28px; margin-bottom: 65px;}
.app ul{display: flex; justify-content: space-between; flex-wrap: wrap;}
.app li{width: 31.42%; margin-bottom: 58px; background-color: #f5f5f5; transition: 0.5s;}
.app li:hover{background-color: #4b7ec7;}
.app li a{display: block; overflow: hidden;}
.app li div{}
.app li p{
	display: inline-block;
	font-size: 18px;
	line-height: 36px;
	vertical-align: middle;
}
.app li:hover p a{color: #fefefe;}
.app span{font-size: 30px; width: 50px; height: 50px;display: inline-block; background-color: #4b7ec7;text-align: center; color: #fff;vertical-align: middle;}
.app span img {
  max-width: 100%;

  display: inline-block;
  vertical-align: middle;
}

@media screen and (max-width:999px) {
	.app{margin-top: 15px; margin-bottom: 20px;}
	.app li{margin-bottom: 20px; }
	.app li p{font-size: 16px;line-height: 30px;}
}

@media screen and (max-width:767px) {
	.app li{width: 48%;}
	.app li p{font-size: 14px;line-height: 26px;}
	.app span{font-size: 25px; width: 40px; height: 40px;line-height: 40px;}
}


/* --------------------------------------------3-2------------------------------------------------- */
.appxq{ padding-top: 24px; padding-bottom: 74px;}
.appxq h1{ text-align: center; font-size: 34px; font-size: 3.4rem; line-height: 36px; font-family: PoppinsBold;}

@media screen and (max-width:1359px) {
.appxq{ padding-top: 40px; padding-bottom: 40px;}
.appxq h1{ font-size: 30px; font-size: 3rem; line-height: 34px;}

.fanpian{ padding-top: 15px; margin-top: 20px;}
}
@media screen and (max-width:999px) {
.appxq h1{ font-size: 26px; font-size: 2.6rem; line-height: 30px;}
.appxq li i{width: 22px;height: 24px; font-size: 16px;}
}
@media screen and (max-width:767px) {
.appxq{ padding-top: 30px; padding-bottom: 40px;}
.appxq h1{ font-size: 22px; font-size: 2.2rem; line-height: 26px;}
}

/* --------------------------------------------4------------------------------------------------- */

.vid{margin-bottom: 18px; display: flex;flex-wrap: wrap;  text-align: center;}
.vid .ship{ margin: 30px 1%; width: 30.57%;background-color: #f5f5f5;}
.vid .ship p{padding: 7px 0;font-size: 18px;line-height: 36px;}

.main1 .fy{margin-bottom: 120px;}

@media screen and (max-width:999px) {
	.vid{margin-bottom: 0}
	.vid .ship{ margin: 10px 0;}
	.vid .ship p{padding: 3px 0;font-size: 16px;line-height: 30px;}
	.main1 .fy{margin-bottom: 30px;}
}
@media screen and (max-width:767px) {
	.vid .ship p{font-size: 14px;line-height: 26px;}
}

/* --------------------------------------------5-1------------------------------------------------- */

.newma2 .news{padding-bottom: 18px; padding-top: 28px; border-bottom: none; }
.newma2 .fy{margin-top: 50px;margin-bottom: 120px;}

@media screen and (max-width:999px) {
	.newma2 .news{padding-bottom: 10px; padding-top: 15px;}
	.newma2 .fy{margin-top: 20px;margin-bottom: 30px;}
}

/* --------------------------------------------5-2------------------------------------------------- */
.nemain2{ padding-top: 24px; padding-bottom: 74px;}
.nemain2 h1{ text-align: center; font-size: 24px; font-size: 2.4rem; line-height: 36px; font-family: PoppinsBold;}
.kejitu{text-align: center;}
.kejitu>a{display: inline-block; overflow: hidden;}
.net{ text-align: center; margin-top: 20px;}
.net .neriqi{font-size: 14px; font-size: 1.4rem;color: #999; display: inline-block; vertical-align: middle;}
.net .share{ margin-left: 0;}
.net .share1{ font-size: 14px; font-size: 1.4rem;color: #999;}

.nexiang{ margin-top: 36px; margin-bottom: 30px;}
.nexiang img{display: inline-block;}
.nexiang a{color: #4b7ec7;}

.fanpian{ display: flex; flex-flow: wrap; justify-content: space-between; border-top: 1px solid #eaeaea; padding-top: 28px; margin-top: 66px;}
.fanpian li{ position: relative; color: #999999;}
.fanpian li i{width: 32px;height: 32px; line-height: 32px; background-color: #d5d5d5;text-align: center; font-size: 20px; position: absolute; top: 50%;transform: translateY(-50%); color: #fff;}
.fanpian li i:hover{background-color:#4b7ec7;}
.fanpian li a{color: #999;}
.fanpian li a:hover{color: #4b7ec7;}

.fanpian li:nth-child(1){ padding-left: 43px; padding-right: 15px;}
.fanpian li:nth-child(2){ padding-right: 43px;}
.fanpian li:nth-child(1) i{left: 0px;}
.fanpian li:nth-child(2) i{right: 0px;}

.ma2hot .rel{margin-top: 0;}


@media screen and (max-width:1359px) {
.nemain2{ padding-top: 40px; padding-bottom: 40px;}
.nemain2 h1{ font-size: 26px; font-size: 2.6rem; line-height: 34px;}

.fanpian{ padding-top: 15px; margin-top: 20px;}
.net{ margin-top: 10px;}
.net .share1{font-size: 14px; font-size: 1.4rem;}
.nexiang{ margin-top: 20px; margin-bottom: 20px;}
}
@media screen and (max-width:999px) {
.nemain2 h1{ font-size: 20px; font-size: 2rem; line-height: 30px;}
.fanpian li i{width: 22px;height: 24px; font-size: 16px; line-height: 24px;}
}
@media screen and (max-width:767px) {
.nemain2{ padding-top: 30px; padding-bottom: 40px;}
.nemain2 h1{ font-size: 18px; font-size: 1.8rem; line-height: 26px;}
.fanpian{ padding-top: 10px; margin-top: 20px;}
.fanpian li{ width: 100%; margin-top: 10px;}
.fanpian li i{font-size: 20px; left: 0px; right: auto;}
.fanpian li:nth-child(1){ padding-left: 30px; padding-right: 0px;}
.fanpian li:nth-child(2){ padding-right: 0px; padding-left: 30px;}
.net .share1{font-size: 12px; font-size: 1.2rem;}
}








/* --------------------------------------------contact------------------------------------------------- */

.cons{
	margin-top: 25px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.contl{width: 43.1%;}
.contl .fynr p{
    font-size: 16px;
    line-height: 30px;
    color: #666;
}
@media screen and (max-width: 999px){
.contl .fynr p {
    font-size: 14px;
    line-height: 26px;
}
}
@media screen and (max-width: 767px){
.contl .fynr p {
    font-size: 14px;
    line-height: 26px;
}
}
.contr{
	padding-top: 44px;
	width: 42.85%;

}
.contr img{ display:block; max-widht:100%; margin-left:auto; margin-right:auto;
}
.contl .fybt2{margin-bottom: 18px; font-size: 30px;}
.contlx{
	display: flex;
	align-items: center;
	margin-top: 30px;
	padding-bottom: 30px;
}
.cotxbt{
	font-family: PoppinsSemiBold;
	font-size: 18px;
	line-height: 30px;
}
.cot1{font-size: 16px; line-height: 30px;}
.contlx i{
	color: #4b7ec7;
	font-size: 30px;
	margin-right: 15px;
}
.contr .jzong{margin: 0 50px;}
.contr input,.contr textarea{
	width: 100%;
	height: 45px;
	background: none;
	border: 1px solid #dadada;
	color: #000;
	margin-bottom: 29px;
	font-size: 16px;
	padding: 0 10px;
}
.contr input::-webkit-input-placeholder,.contr textarea::-webkit-input-placeholder {
 color:#999;}
.contr input:-o-placeholder,.contr textarea:-o-placeholder {
 color:#999;}
.contr input::-moz-placeholder,.contr textarea::-moz-placeholder {
 color:#999;}
.contr input:-ms-input-placeholder,.contr textarea:-ms-input-placeholder {
 color:#999;}
 

.bit{position: relative;}
.bit::before{
	content:'*';
	color: #ff0000;
	position: absolute;
	top: 25px;
	left: 5px;
	transform: translateY(-50%);
}
.contr .Message{padding-top: 10px;height: 150px;}
.cons .bdbtm .yzm{width: 67.13%;position: relative;}
.cons .bdbtm .yzm a{
	display: inline-block;
	overflow: hidden;
	width: 29.1%;
	position: absolute;
	right: 1px;
	top: 8px;
}
.cons .bdbtm{display: flex;justify-content: space-between;}
.contr .contbtn{
	width: 31.27%;
	background: #4b7ec7;
	color: #fff;
	font-family: PoppinsSemiBold;
	font-size: 16px;
	cursor: pointer;
}
.contr .contbtn:hover{background: none;color: #4b7ec7;}
.map{margin-top: 75px;margin-bottom: 115px;}
.map a{display: inline-block;overflow: hidden;}

@media screen and (max-width:999px) {
	.contl .fybt2{margin-bottom: 10px; font-size: 26px;}
	.contlx i{font-size: 20px;}
	.contr{width: 50%; padding-top: 20px;}
	.ctpnr { margin-top: 0;margin-bottom: 20px;}
	.bdtop{font-size: 18px;}
	.contr input{height: 40px;}
	.contr input,.contr textarea{margin-bottom: 20px;}
	.contlx{
		display: flex;
		align-items: center;
		margin-top: 10px;
		padding-bottom: 10px;
	}
	.contr .jzong{margin: 0 20px;}
	.contr .Message{height: 100px;}
	.map{
		margin-top: 30px;
		margin-bottom: 40px;
	}
}
@media screen and (max-width:767px) {
	.contl .fybt2{font-size: 22px;}
	.contl{width: 95%;margin-top: 20px;}
	.contr{width: 80%; margin: 0 auto;}
	.cotxbt{font-size: 16px;}
	.cot1{font-size: 14px; line-height: 26px;}
}






@font-face {
    font-family: 'SOURCEHANSANSCNHEAVY_0';
    src: url('../fonts/SOURCEHANSANSCNHEAVY_0.eot');
    src: url('../fonts/SOURCEHANSANSCNHEAVY_0.eot') format('embedded-opentype'),
         url('../fonts/SOURCEHANSANSCNHEAVY_0.woff2') format('woff2'),
         url('../fonts/SOURCEHANSANSCNHEAVY_0.woff') format('woff'),
         url('../fonts/SOURCEHANSANSCNHEAVY_0.ttf') format('truetype'),
         url('../fonts/SOURCEHANSANSCNHEAVY_0.svg#SOURCEHANSANSCNHEAVY_0') format('svg');
}

@font-face {
    font-family: 'ForzaBold';
    src: url('../fonts/ForzaBold.eot');
    src: url('../fonts/ForzaBold.eot') format('embedded-opentype'),
         url('../fonts/ForzaBold.woff2') format('woff2'),
         url('../fonts/ForzaBold.woff') format('woff'),
         url('../fonts/ForzaBold.ttf') format('truetype'),
         url('../fonts/ForzaBold.svg#ForzaBold') format('svg');
}

@font-face {
    font-family: 'PoppinsBold';
    src: url('../fonts/PoppinsBold.eot');
    src: url('../fonts/PoppinsBold.eot') format('embedded-opentype'),
         url('../fonts/PoppinsBold.woff2') format('woff2'),
         url('../fonts/PoppinsBold.woff') format('woff'),
         url('../fonts/PoppinsBold.ttf') format('truetype'),
         url('../fonts/PoppinsBold.svg#PoppinsBold') format('svg');
}

@font-face {
    font-family: 'PoppinsRegular';
    src: url('../fonts/PoppinsRegular.eot');
    src: url('../fonts/PoppinsRegular.eot') format('embedded-opentype'),
         url('../fonts/PoppinsRegular.woff2') format('woff2'),
         url('../fonts/PoppinsRegular.woff') format('woff'),
         url('../fonts/PoppinsRegular.ttf') format('truetype'),
         url('../fonts/PoppinsRegular.svg#PoppinsRegular') format('svg');
}

@font-face {
    font-family: 'PoppinsMedium';
    src: url('../fonts/PoppinsMedium.eot');
    src: url('../fonts/PoppinsMedium.eot') format('embedded-opentype'),
         url('../fonts/PoppinsMedium.woff2') format('woff2'),
         url('../fonts/PoppinsMedium.woff') format('woff'),
         url('../fonts/PoppinsMedium.ttf') format('truetype'),
         url('../fonts/PoppinsMedium.svg#PoppinsMedium') format('svg');
}



@font-face {
    font-family: 'PoppinsSemiBold';
    src: url('../fonts/PoppinsSemiBold.eot');
    src: url('../fonts/PoppinsSemiBold.eot') format('embedded-opentype'),
         url('../fonts/PoppinsSemiBold.woff2') format('woff2'),
         url('../fonts/PoppinsSemiBold.woff') format('woff'),
         url('../fonts/PoppinsSemiBold.ttf') format('truetype'),
         url('../fonts/PoppinsSemiBold.svg#PoppinsSemiBold') format('svg');
}


@font-face {
  font-family: "iconfont"; /* Project id 3903217 */
  src: url('../fonts/iconfont.woff2?t=1677719184010') format('woff2'),
       url('../fonts/iconfont.woff?t=1677719184010') format('woff'),
       url('../fonts/iconfont.ttf?t=1677719184010') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-jiahaoxi:before {
  content: "\eb78";
}

.icon-scgxcx:before {
  content: "\e617";
}

.icon-youjiantou:before {
  content: "\eb08";
}

.icon-zuojiantou:before {
  content: "\eb09";
}

.icon-shengchanxian:before {
  content: "\e61e";
}

.icon-xtsyszy:before {
  content: "\e605";
}

.icon-jianyandan:before {
  content: "\e68b";
}

.icon-dianzan:before {
  content: "\e602";
}

.icon-feiji:before {
  content: "\e655";
}

.icon-wuliaobaozhuangdan:before {
  content: "\e616";
}

.icon-deng:before {
  content: "\e785";
}

.icon-xiangmu:before {
  content: "\e64d";
}

.icon-dianzixue:before {
  content: "\e6be";
}

.icon-qiche:before {
  content: "\ec6d";
}

.icon-taiyangneng:before {
  content: "\e629";
}

.icon-gongsi:before {
  content: "\e679";
}

.icon-qita:before {
  content: "\e662";
}

.icon-tuandui:before {
  content: "\e6cb";
}

.icon-diqiu:before {
  content: "\e642";
}

.icon-xiazai:before {
  content: "\e604";
}

.icon-xiangxia:before {
  content: "\e601";
}

.icon-bofang:before {
  content: "\ea6e";
}

.icon-youjian2:before {
  content: "\e698";
}

.icon-up:before {
  content: "\e671";
}

.icon-shouji:before {
  content: "\e63e";
}

.icon-dayin:before {
  content: "\eb48";
}

.icon-youjian1:before {
  content: "\e624";
}

.icon-dian:before {
  content: "\e608";
}

.icon-big-circle:before {
  content: "\e612";
}

.icon-gjiantous:before {
  content: "\e7cf";
}

.icon-jiahao:before {
  content: "\eaf3";
}

.icon-jianhao:before {
  content: "\eaf5";
}

.icon-rise-full:before {
  content: "\ea08";
}

.icon-pinterest:before {
  content: "\e697";
}

.icon-twitter:before {
  content: "\e882";
}

.icon-youtube:before {
  content: "\e61d";
}

.icon-Facebook:before {
  content: "\e695";
}

.icon-linkedin:before {
  content: "\e6bf";
}

.icon-Instagram:before {
  content: "\e60d";
}

.icon-right:before {
  content: "\eb49";
}

.icon-left:before {
  content: "\e611";
}

.icon-xiangshang:before {
  content: "\e600";
}

.icon-whatsapp:before {
  content: "\e86a";
}

.icon-weizhi:before {
  content: "\e7ba";
}

.icon-youjian:before {
  content: "\e75d";
}

.icon-dianhua:before {
  content: "\e64c";
}

.icon-whatsapp1:before {
  content: "\ea07";
}

.icon-sousuo:before {
  content: "\e622";
}

.icon-wechat:before {
  content: "\e66a";
}

.icon-biaoqian:before {
  content: "\e635";
}

.icon-zuo1:before {
  content: "\e643";
}

.icon-you1:before {
  content: "\e980";
}
.wuone{ font-size:14px; font-size:1.4rem; line-height:30px; margin-top:15px; margin-bottom:15px;}

.xunpanc a:hover{ color:#4b7ec7 }
.xunpanc  table tr td {font-size: 14px !important;

line-height: 24px !important;}
.xunpanc{ margin:15px 0px; width:100%; overflow:hidden; box-sizing:border-box;}
.listcart {

    width: 100%;

    margin-top: 40px;

}

.listcart a {

    display: inline-block;

    height: 30px;

    width: 180px;

    line-height: 30px;

    cursor: pointer;

    border: none;

    overflow: hidden;

    background: #4b7ec7 ;

    cursor: pointer;

    

    padding-left: 10px;

    padding-right: 10px;

    text-align: center; 

    font-size: 14px;

    font-size: 1.4rem;

    margin-left: 10px; color:#fff;

}

.listcart a:hover {

   
    background: #4b7ec7 ;

    color: #fff

}

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

.listcart a {

    width: 40%;

    margin-left: 2.5%;

    margin-right: 2.5%;

    padding-left: 0px;

    padding-right: 0px

}

.listcart {

    width: 100%;

    margin-top: 2rem

}

}

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

.listcart a {

    width: 95% !important;

    float: none;

    overflow: hidden;

    margin-bottom: 1rem;

    margin-top: 1rem

}

}


.head{position: absolute;}
.headh .head2{
	position: fixed;
	width: 100%;
	max-width: 1920px;
	top: 0;
}

@media screen and (max-width:999px) {
	.head{position: fixed;}
}


.yijiab{
	max-height: 500px;
	overflow-y: auto;
}
.yijiab::-webkit-scrollbar{
	width: 4px;
}
.yijiab::-webkit-scrollbar-thumb{
	background-color: rgba(0, 0, 0, .4);
}


.tablen table{
    width:100%;
    border-collapse: collapse;
    margin: 10px 0;
}
.tablen table tr th,.tablen table tr td{
    border: 1px solid #ccc;
    word-break: break-word;
    padding: 5px;
}
.tablen table tr th{
    text-align: center;
    background-color: #f4f4f4;
}
.tablen table tr td{
    text-align: left;
}