/*css reset*/
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;}
html,body,p{ font-family: "PingFang SC","微软雅黑","Microsoft YaHei", "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif;padding: 0; margin: 0; font-size: 12px;line-height: 1;}
ol, ul {list-style: none; padding: 0; margin: 0;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none; }
table {border-collapse: collapse; border-spacing: 0;}
th,td { vertical-align: middle;padding: 0;}
a{text-decoration:none;	outline: none;hlbr:expression(this.onFocus=this.blur());}
input, select {vertical-align: middle;padding: 0;border: 0 none;}
img, iframe {border: none; text-decoration:none;}
img{vertical-align: top;}
strong {font-weight: bold;}
h1,h2,h3,h4,h5,h6{padding: 0; margin: 0;}
:focus {outline: 0;}
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #999;
}
:-moz-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;
}
/*css common*/
.f-left {float: left;}
.f-right {float: right;}
.clearfix:after{content: "";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;font-size:0;}
.clearfix{*zoom:1;}
html{margin: 0 auto!important;max-width: 1920px;}
html, body{height: 100%;background-color: #fff;}
.inner{width: 1520px;margin: 0 auto;max-width: 79.166%;}
.inner1{width: 1400px;margin: -15px auto;max-width: 90%;}
.inner2{width: 1600px;margin: 0 auto;max-width: 83.333%;}
.mobile,.mobile1{
	display: none;
}
.web{
	display: inline-block;
}
.neirong-close{ display:none;}
.nz a{ cursor:default;}
sub, sup {
font-size:75%;
line-height: 0;
position: relative;
vertical-align: baseline;
-webkit-text-size-adjust: 100%;
}
sup {
top: -0.75em;
}
sub {
bottom: -0.25em;
}

/*#main{*/
	/*margin-top: 150px;*/
/*}*/
/* 头部 */
#header{
	box-shadow: 0 0.3125em 0.625em rgba(0,0,0,0.1);
 	z-index:52;
	font-size: 0;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #fff;
}
#header.hide{
	top: -150px;
}
#header .web{
	width: 100%;
	vertical-align: top;
}
#header .web .part-top{
	height: 50px;
	line-height: 50px;
	background-color: #333;
}
#header .web .part-top .left{
	float: left;
}
#header .web .part-top .left h5{
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
	font-size: 17px;
	color: #fff;
	font-weight: bold;
	position: relative;
	overflow: hidden;
}
#header .web .part-top .left h5.second{
	margin-left: 65px;
}
#header .web .part-top .left h5 span{
	font-size: 12px;
}
#header .web .part-top .left h5 .wordcover{
	-webkit-animation: 	bigImg 2s linear both;
	-moz-animation: 	bigImg 2s linear both;
	-ms-animation: 		bigImg 2s linear both;
	-o-animation: 		bigImg 2s linear both;
	animation: 			bigImg 2s linear both;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #333;
	left: 0;
	top: 0;
}
#header .web .part-top .left h5:last-child .wordcover{
	-webkit-animation-delay: 2s;
	-moz-animation-delay: 2s;
	-ms-animation-delay: 2s;
	-o-animation-delay: 2s;
	animation-delay: 2s;
}
/*变大变小*/
@-webkit-keyframes bigImg {
	0%{
		left: 0;
	}
	100%{
		left: 100%;
	}
}
@-moz-keyframes bigImg {
	0%{
		left: 0;
	}
	100%{
		left: 100%;
	}
}
@-ms-keyframes bigImg {
	0%{
		left: 0;
	}
	100%{
		left: 100%;
	}
}
@-o-keyframes bigImg {
	0%{
		left: 0;
	}
	100%{
		left: 100%;
	}
}
@keyframes bigImg {
	0%{
		left: 0;
	}
	100%{
		left: 100%;
	}
}
#header .web .part-top .right{
	float: right;
}
#header .web .part-top .right h5{
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
	font-size: 13px;
	color: #fff;
	font-weight: bold;
}
#header .web .part-bottom{
	height: 100px;
	line-height: 100px;
}
#header .web .logo{
	float: left;
	height: inherit;
	line-height: inherit;
	width: 21.93%;
}
#header .web .logo img{
	width: 50%;
	vertical-align: middle;
}
#header .web .right{
	float: right;
}
#header .web .right .nav-box,#header .web .right .lang,#header .web .right .shop-box{
	display: inline-block;
	vertical-align: top;
	height: inherit;
	line-height: inherit;
}
#header .web .right .nav-box a{
	font-size: 16px;
	color: #333;
	font-weight: normal;
	vertical-align: middle;
	margin-right: 48px;
}
#header .web .right .nav-box a:last-child{
	margin-right: 0;
}
#header .web .right .nav-box a:hover,#header .web .right .nav-box a.active{
	color: #198ca9;
}
#header .web .right .lang{
	margin: 0 1.875em 0 3em;
	position: relative;
}
#header .web .right .lang .icon{
	vertical-align: middle;
	cursor: pointer;
}
#header .web .right .lang .slide-box{
	border: 1px solid #ddd;
	border-radius: 4px;
	padding: 4px 0;
	position: absolute;
	left: 50%;
	width: 42px;
	margin-left: -21px;
	top: 50px;
	background-color: #fff;
	text-align: center;
	display: none;
}
#header .web .right .lang:hover .slide-box{
	display: block;
}
#header .web .right .lang .slide-box .tri{
	position: absolute;
	bottom: 100%;
	left: 50%;
	margin-left: -7px;
}
#header .web .right .lang .slide-box a{
	display: block;
	font-size: 14px;
	color: #5d5d5d;
	line-height: 1.57;
}
#header .web .right .lang .slide-box a.now{
	cursor: default;
	opacity: 0.42;
}
#header .web .right .shop-box{
	position: relative;
}
#header .web .right .shop-box .icon{
	vertical-align: middle;
	cursor: pointer;
}
#header .web .right .shop-box .slide-box{
	border: 1px solid #ddd;
	border-radius: 4px;
	padding: 8px 0;
	position: absolute;
	left: 50%;
	width: 50px;
	margin-left: -25px;
	top: 50px;
	background-color: #fff;
	text-align: center;
	display: none;
	line-height: 1;
	z-index: 52;
}
#header .web .right .shop-box:hover .slide-box{
	display: block;
}
#header .web .right .shop-box .slide-box .tri{
	position: absolute;
	bottom: 100%;
	left: 50%;
	margin-left: -7px;
	width: 14px;
}
#header .web .right .shop-box .slide-box a{
	/*display: block;*/
	/*font-size: 16px;*/
	color: #333;
	line-height: 1;
	margin-bottom: 10px;
	display: inline-block;
	vertical-align: top;
}
#header .web .right .shop-box .slide-box a:last-child{
	margin-bottom: 0;
}
#header .web .right .shop-box .slide-box a:hover{
	color:#189ca9;
}
#header .web .right .shop-box .slide-box img{
	width: 22px;
	vertical-align: top;
}
#header .sub-nav{
	position: absolute;
	left: 0;
	width: 100%;
	top: 100%;
	z-index: 51;
	background-color: #f5f5f5;
	text-align: center;
	padding: 2.5% 1.5625%;
	display: none;
	line-height: 1;
}
#header .sub-nav.pro .part1{
	display: inline-block;
	vertical-align: middle;
	width: 13.83%;
	padding-bottom: 1px;
}
#header .sub-nav.pro .part1 .swiper-container,#header .sub-nav.pro .part1 .swiper-slide{
	margin: 0;
	padding: 1px 0;
}
#header .sub-nav.pro .part1 a{
	display: block;
}
#header .sub-nav.pro .part1 h3{
	font-size: 1.5em;
	color: #000;
	font-weight: bold;
	line-height: 1.2;
}
#header .sub-nav.pro .part1 h5{
	font-size: 0.875em;
	color: #000;
	font-weight: normal;
	margin: 5% 0 20%;
}
#header .sub-nav.pro .part1 .img{
	width: 65%;
	display: inline;
}
#header .sub-nav.pro .part1 p{
	display: block;
	margin: 12.8% auto 0;
	width: 96px;
	height: 30px;
	line-height: 28px;
	border-radius: 15px;
	border: 1px solid rgba(42,113,185,0.2);
}
#header .sub-nav.pro .part1 p:hover{
	background-color: #189ca9;
}
#header .sub-nav.pro .part1 p span{
	font-size: 12px;
	color: #189ca9;
}
#header .sub-nav.pro .part1 p:hover span{
	color: #fff;
}
#header .sub-nav.pro .part1 p img{
	vertical-align: middle;
	margin-left: 6px;
	width: 4px;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center top;
}
#header .sub-nav.pro .part1 p:hover img{
	background-position: center bottom;
}
#header .sub-nav.pro .part1 .swiper-prev,#header .sub-nav.pro .part1 .swiper-next{
	position: absolute;
	top: 50%;
	background-color: #f6f6f6;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	text-align: center;
	line-height: 18px;
	margin-top: -9px;
	cursor: pointer;
	z-index: 51;
}
#header .sub-nav.pro .part1 .swiper-prev{
	left: 0;
}
#header .sub-nav.pro .part1 .swiper-next{
	right: 0;
}
#header .sub-nav.pro .part1 .swiper-prev img,#header .sub-nav.pro .part1 .swiper-next img{
	width: 27.8%;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center top;
	background-image: url(../images/header_sub_part1_prev.png);
	vertical-align: middle;
}
#header .sub-nav.pro .part1 .swiper-prev:hover img,#header .sub-nav.pro .part1 .swiper-next:hover img{
	background-position: center bottom;
}
#header .sub-nav.pro .part1 .swiper-next img{
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
#header .sub-nav.pro ul{
	display: inline-block;
	vertical-align: middle;
	width: 81%;
	text-align: left;
	margin: 0 0 0 4.17%;
}
#header .sub-nav.pro ul li{
	width: 15.22%;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	position: relative;
	margin-right: 5.4%;
}
#header .sub-nav.pro ul li:nth-child(5n){
	margin-right: 0;
}
#header .sub-nav.pro ul li:nth-child(1),#header .sub-nav.pro ul li:nth-child(2),#header .sub-nav.pro ul li:nth-child(3),#header .sub-nav.pro ul li:nth-child(4){
	margin-bottom: 5%;
}
#header .sub-nav.pro ul li:hover,#header .sub-nav.pro ul li.active{
	background-color: #fff;
}
#header .sub-nav.pro ul li img{
	width: 100%;
}
#header .sub-nav.pro ul li p{
	font-size: 1em;
	color: #000;
	position: absolute;
	left: 0;
	width: 100%;
	top: 76.6%;
}
#header .sub-nav.pro .part2{
	width: 14.5%;
	display: inline-block;
	vertical-align: middle;
	position: relative;
}
#header .sub-nav.pro .part2 img{
	width: 100%;
}
#header .sub-nav.pro .part2 p{
	position: absolute;
	width: 100%;
	text-align: center;
	left: 0;
	top: 8%;
	font-size: 1.5em;
	color: #000000;
	font-weight: bold;
}
#header .sub-nav.serv .inner1{
	-webkit-display: flex;
	-webkit-align-items: center;
	-webkit-justify-content: center;
	-moz-display: flex;
	-moz-align-items: center;
	-moz-justify-content: center;
	-ms-display: flex;
	-ms-align-items: center;
	-ms-justify-content: center;
	-o-display: flex;
	-o-align-items: center;
	-o-justify-content: center;
	display: flex;
	align-items: center;
	justify-content: center;
}
#header .sub-nav.serv a{
	display: inline-block;
	vertical-align: middle;
	position: relative;
	width: 10.4%;
	margin-top:10px;
}
#header .sub-nav.serv a img{
	width: 0.5em;
	height: 0.5em;
	float: left;
	margin-top:0.3em;
}
#header .sub-nav.serv a p{
	font-size: 1em;
	color: #666;
	position: absolute;
	left: 15px;
	top: 0;
	width: 100%;
	height: 100%;
	text-align: left;
}
#header .sub-nav.serv .line{
	width: 1px;
	display: inline-block;
	vertical-align: middle;
}

#header .sub-nav.about .inner1,#header .sub-nav.solution .inner1{
	display: flex;
	justify-content: center;
	-webkit-display: flex;
	-webkit-justify-content: center;
}
#header .sub-nav.about a,#header .sub-nav.solution a{
	display: inline-block;
	vertical-align: middle;
	position: relative;
	width: 10.4%;
	margin-top:10px;
}
#header .sub-nav.about a img,#header .sub-nav.solution a img{
	width: 0.5em;
	height: 0.5em;
	float: left;
	margin-top:0.3em;
}
#header .sub-nav.about a p,#header .sub-nav.solution a p{
	font-size: 1em;
	color: #666;
	position: absolute;
	left: 15px;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-display: flex;
	-webkit-align-items: flex-start;
	-webkit-justify-content: flex-start;
	-moz-display: flex;
	-moz-align-items: flex-start;
	-moz-justify-content: flex-start;
	-ms-display: flex;
	-ms-align-items: flex-start;
	-ms-justify-content: flex-start;
	-o-display: flex;
	-o-align-items: flex-start;
	-o-justify-content: flex-start;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}
#header .sub-nav.solution a p{
	line-height: 1.2;
}

#header .sub-nav.feilipu .inner1{
	-webkit-display: flex;
	-webkit-align-items: stretch;	
	-webkit-justify-content: center;
	-moz-display: flex;
	-moz-align-items: stretch;	
	-moz-justify-content: center;
	-ms-display: flex;
	-ms-align-items: stretch;	
	-ms-justify-content: center;
	-o-display: flex;
	-o-align-items: stretch;	
	-o-justify-content: center;
	display: flex;
	align-items: stretch;	
	justify-content: center;
}
#header .sub-nav.feilipu .line{
	width: 1px;
	background-color: #e3e3e3;
	display: inline-block;
	vertical-align: middle;
	margin: 0 4%;
}
#header .sub-nav.feilipu a{
	display: block;
}
#header .sub-nav.feilipu a > img{
	width: 22.625em;
}
#header .sub-nav.feilipu a .text{
	display: inline-block;
	vertical-align: top;
	margin-right: 1.875em;
}
#header .sub-nav.feilipu a .text img{
	width: 7.875em;
	display: block;
	margin-bottom: 12px;
}
#header .sub-nav.feilipu a .text p{
	font-size: 1.75em;
	color: #189ca9;
	font-weight: bold;
}
/* 底部 */
#footer{
	background-color: #222222;
	font-size: 0;
}
#footer .top-part{
	padding: 35px 0 23px;
	border-bottom: 1px solid rgba(255,255,255,0.2);
}
#footer .top-part .inner{
	max-width: 90%;
	width: 1000px;
}
#footer .top-part .nav-box{
	float: left;
}
#footer .top-part .nav-box .box{
	margin-right: 90px;
	display: inline-block;
	vertical-align: top;
}
#footer .top-part .nav-box .box:last-child{
	margin-right: 0;
}
#footer .top-part .nav-box .box .title{
	margin-bottom: 20px;
}
#footer .top-part .nav-box .box .title a{
	font-size: 20px;
	color: #fff;
	font-weight: bold;
}
#footer .top-part .nav-box .box li{
	margin-bottom: 12px;
}
#footer .top-part .nav-box .box li:last-child{
	margin-bottom: 0;
}
#footer .top-part .nav-box .box li a{
	font-size: 14px;
	color: #eee;
}
#footer .top-part .right{
	float: right;
}
#footer .top-part .right ul{
	margin-bottom: 90px;
	position: relative;
}
#footer .top-part .right li{
	margin-bottom: 18px;
}
#footer .top-part .right li.gongzhong {
	position: absolute;
	left:-170px;
	width: 130px;
	height: 130px;
}
#footer .top-part .right li.gongzhong img {
	width: 100%;
	height: 100%;
}
#footer .top-part .right li:last-child{
	margin-bottom: 0;
}
#footer .top-part .right li p{
	font-size: 14px;
	color: #fff;
	margin-bottom: 10px;
}
#footer .top-part .right li h5{
	font-size: 16px;
	color: #fff;
	font-weight: normal;
}
#footer .top-part .right .link-box a{
	display: inline-block;
	vertical-align: top;
	margin-right: 24px;
	background-repeat: no-repeat;
	background-size: 100% auto;
}
#footer .top-part .right .link-box a.wechat{
	background-image: url(../images/footer_link_icon1.png);
	position: relative;
}
#footer .top-part .right .link-box a.ins{
	background-image: url(../images/footer_link_icon2.png);
}
#footer .top-part .right .link-box a.weibo{
	background-image: url(../images/footer_link_icon3.png);
}
#footer .top-part .right .link-box a.fb{
	background-image: url(../images/footer_link_icon4.png);
}
#footer .top-part .right .link-box a.tt{
	background-image: url(../images/footer_link_icon5.png);
}
#footer .top-part .right .link-box a:last-child{
	margin-right: 0;
}
#footer .top-part .right .link-box a:hover{	
	background-position: center bottom;
}
#footer .top-part .right .link-box a .qr-box{
	position: absolute;
	left: 50%;
	margin-left: -70px;
	bottom: 100%;
	margin-bottom: 8px;
	display: none;
}
#footer .top-part .right .link-box a:hover .qr-box{
	display: block;
}
#footer .top-part .right .link-box a .qr-box .ewm{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 85%;
	padding-bottom: 5%;
}
#footer .copyright{
	font-size: 14px;
	color: #fff;
	opacity: 0.2;
	text-align: center;
	height: 44px;
	line-height: 44px;
}
#footer .copyright a{
	font-size: inherit;
	color: inherit;
}
/* 在线客服 */
#fixedright{
	position: fixed;
	right: 0;
	top: 50%;
	z-index: 51;
	text-align: right;
	width: 50px;
}
#fixedright .kf,#fixedright .totop,#fixedright .popbox,#fixedright .weixin{
	background-color: #189ca9;
	width: 100%;
	height: 50px;
	text-align: center;
	line-height: 50px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	display: block;
}
#fixedright .kf img,#fixedright .totop img{
	vertical-align: middle;
	width: 61.4%;
}
#fixedright .popbox img,#fixedright .weixin img{
	vertical-align: middle;
	width: 48%;
}
#fixedright .totop img{
	width: 44%;
}
#fixedright .tel,#fixedright .kf{
	margin: 2px 0;
}
#fixedright .popbox{
	margin-bottom: 2px;
}
#fixedright .tel.web{
	display: block;
	position: relative;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
#fixedright .tel.web:hover{
	transform: translateX(-172px);
}
#fixedright .tel.mobile{
	display: none;
}
#fixedright .tel .icon{
	display: inline-block;
	vertical-align: top;
	background-color: #189ca9;
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	cursor: pointer;
}
#fixedright .tel .icon img{
	vertical-align: middle;
	width: 54%;
}
#fixedright .tel .word{
	font-size: 20px;
	color: #fff;
	height: 50px;
	line-height: 50px;
	display: inline-block;
	vertical-align: top;
	width: 172px;
	margin-left: 2px;
	background-color: #189ca9;
	text-align: center;
	position: absolute;
	left: 100%;
	top: 0;
}
#fixedright .weixin{
	position: relative;
}
#fixedright .weixin .qr-box{
	position: absolute;
	right: 150%;
	top: 50%;
	width: 348%;
	padding: 24%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	background-color: #189ca9;
	border-radius: 5px;
	box-shadow: 0 0 20px rgba(0,0,0,0.3);
	line-height: 1;
	display: none;
}
#fixedright .weixin:hover .qr-box{
	display: block;
}
#fixedright .weixin .qr-box img{
	width: 100%;
	border-radius: 5px;
}
#fixedright .weixin .qr-box .tri{
	position: absolute;
	left: 100%;
	top: 50%;
	margin-top: -12px;
	border-style: solid;
	border-color: transparent transparent transparent #189ca9;
	border-width: 12px 0 12px 12px;
}
/*手机端导航*/
#sidenav{
	display: none;
}
/*留言框*/
#liuyan{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.6);
	z-index: 60;
	display: none;
}
#liuyan.active{
	display: block;
}
#liuyan .flex-box{
	width: 100%;
	height: 100%;
	-webkit-display: flex;
	-webkit-align-items: center;
	-webkit-justify-content: center;
	-moz-display: flex;
	-moz-align-items: center;
	-moz-justify-content: center;
	-ms-display: flex;
	-ms-align-items: center;
	-ms-justify-content: center;
	-o-display: flex;
	-o-align-items: center;
	-o-justify-content: center;
	display: flex;
	align-items: center;
	justify-content: center;
}
#liuyan .liuyan-box{
	background-color: #fff;
	border-radius: 5px;
	width: 600px;
	max-width: 75%;
	position: relative;
	display: none;
}
#liuyan .liuyan-box.active{
	display: block;
}
#liuyan .liuyan-box .close{
	display: block;
	width: 17px;
	position: absolute;
	left: 100%;
	top: 0;
	margin-left: 10px;
}
#liuyan .liuyan-box.form{
	text-align: center;
	padding: 2.3% 0 2.7%;
}
#liuyan .liuyan-box.form ul,#liuyan .liuyan-box.form h3,#liuyan .liuyan-box.form textarea{
	width: 83%;
	margin: 0 auto;
}
#liuyan .liuyan-box.form ul li{
	text-align: left;
	margin-bottom: 20px;
}
#liuyan .liuyan-box.form ul li:last-child{
	margin-bottom: 0;
}
#liuyan .liuyan-box.form ul li .icon{
	vertical-align: middle;
	width: 3.65%;
	margin-right: 4.35%;
}
#liuyan .liuyan-box.form ul li .text-box{
	display: inline-block;
	vertical-align: middle;
	width: 92%;
	position: relative;
}
#liuyan .liuyan-box.form ul li .text-box p{
	font-size: 16px;
	color: #222222;
	position: absolute;
	top: 50%;
	margin-top: -0.5em;
	left: 20px;
}
#liuyan .liuyan-box.form ul li .text-box input{
	width: 100%;
	height: 48px;
	line-height: 46px;
	border: 1px solid #f6f6f6;
	background-color: #f6f6f6;
	border-radius: 5px;
	padding-left: 72px;
	padding-right: 20px;
	font-size: 14px;
	color: #999;
	-webkit-appearance:none;
	-moz-appearance:none;
	-ms-appearance:none;
	-o-appearance:none;
	appearance:none;
}
#liuyan .liuyan-box.form ul li .text-box input:focus{
	border-color: #189ca9;
	background-color: #fff;
	color: #189ca9;
}
#liuyan .liuyan-box.form h3{
	margin: 5.33% auto 3.33%;
	position: relative;
}
#liuyan .liuyan-box.form h3 .line{
	position: absolute;
	width: 100%;
	left: 0;
	top: 50%;
	background-color: rgba(0,0,0,0.05);
	height: 1px;
}
#liuyan .liuyan-box.form h3 span{
	font-size: 18px;
	color: #222;
	font-weight: normal;
	display: inline-block;
	vertical-align: top;
	padding: 0 1em;
	background-color: #fff;
	position: relative;
	z-index: 1;
}
#liuyan .liuyan-box.form textarea{
	resize: none;
	border: 0 none;
	padding: 0;
	background-color: #f6f6f6;
	border: 1px solid #f6f6f6;
	border-radius: 5px;
	padding: 10px 20px;
	font-size: 14px;
	color: #999;
	line-height: 1.5;
	height: calc(6em + 20px);
	-webkit-appearance:none;
	-moz-appearance:none;
	-ms-appearance:none;
	-o-appearance:none;
	appearance:none;
}
#liuyan .liuyan-box.form textarea:focus{
	background-color: #fff;
	border-color: #189ca9;
	color: #189ca9;
}
#liuyan .liuyan-box.form .submit{
	display: block;
	margin: 6.666% auto 0;
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	background-color: #189ca9;
	width: 176px;
	height: 46px;
	line-height: 46px;
	border-radius: 5px;
}
#liuyan .liuyan-box.success{
	padding: 3% 0 3.8%;
	text-align: center;
}
#liuyan .liuyan-box.success .img{
	width: 38.666%;
}
#liuyan .liuyan-box.success h3{
	font-size: 28px;
	color: #001668;
	font-weight: bold;
	margin-top: 1em;
}
#liuyan .liuyan-box.success p{
	font-size: 16px;
	color: #999;
	margin-top: 1em;
}
@media only screen and (max-width:1440px){
	#header .web .right .nav-box a{
		font-size: 14px;
	}
	#header .web .part-top .left h5.second{
		margin-left: 45px;
	}
}
@media only screen and (max-width:1366px){
	#header .web .right .nav-box a{
		margin-right: 30px;
	}
	#header .web .part-top .left h5.second{
		margin-left: 110px;
	}
}
@media only screen and (max-width:1200px){
	#header .web .right .nav-box a{
		margin-right: 20px;
	}
	#header .web .part-top .left h5.second{
		margin-left: 35px;
	}
}
@media only screen and (max-width:1050px){
}
@media only screen and (max-width:1023px){
	/*html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;font-size: 16px;}
	body{
		 font-size: 62.5%;
	}*/
	.mobile{
		display: inline-block;
	}
	.web{
		display: none;
	}
	.inner{
		max-width: 92%;
	}
	.inner2{
		max-width: 92%;
	}
	#main{
		margin-top: 3.75em;
	}
	/* 头部 */
	#header{
		font-size: inherit;
	}
	#header.hide{
		top: -3.75em;
	}
	#header .mobile{
		width: 100%;
	}
	#header .mobile .inner{
		display: flex;
		align-items: center;
		justify-content: space-between;
		-webkit-display: flex;
		-webkit-align-items: center;
		-webkit-justify-content: space-between;
		-moz-display: flex;
		-moz-align-items: center;
		-moz-justify-content: space-between;
		-ms-display: flex;
		-ms-align-items: center;
		-ms-justify-content: space-between;
		-o-display: flex;
		-o-align-items: center;
		-o-justify-content: space-between;
		height: 3.75em;
	}
	#header .mobile .lang{
		position: relative;
	}
	#header .mobile .lang .icon{
		width: 1.3125em;
	}
	#header .mobile .lang .slide-box{
		border: 1px solid #ebebeb;
		border-radius: 0.125em;
		padding: 0.1875em 0;
		position: absolute;
		left: 50%;
		width: 1.875em;
		margin-left: -0.9375em;
		top: 1.8125em;
		background-color: #fff;
		text-align: center;
		display: none;
	}
	#header .mobile .lang.active .slide-box{
		display: block;
	}
	#header .mobile .lang .slide-box .tri{
		width: 0.75em;
		position: absolute;
		bottom: 100%;
		left: 50%;
		margin-left: -0.375em;
	}
	#header .mobile .lang .slide-box a{
		display: block;
		font-size: 0.75em;
		color: #5d5d5d;
		line-height: 1.5;
	}
	#header .mobile .lang .slide-box a.now{
		cursor: default;
		opacity: 0.42;
	}
	#header .mobile .logo{
		display: block;
		width: 6em;
		height: 2.5em;
	}
	#header .mobile .menu{
		width: 1.34375em;
	}
	/* 底部 */
	#footer{
		font-size: inherit;
	}
	#footer .top-part{
		padding: 1.375em 0 1.125em;
		width: 90%;
		margin: 0 auto;
	}
	#footer .top-part .inner{
		max-width: 100%;
	}
	#footer .top-part .nav-box{
		float: none;
		margin-bottom: 2em;
		display: none;
	}
	#footer .top-part .nav-box .box{
		margin-right: 0;
		display: block;
		border-bottom: 1px solid rgba(238,238,238,0.2);
	}
	#footer .top-part .nav-box .box .title{
		margin-bottom: 0;
		display: flex;
		align-items: center;
		justify-content: space-between;
		-webkit-display: flex;
		-webkit-align-items: center;
		-webkit-justify-content: space-between;
		-moz-display: flex;
		-moz-align-items: center;
		-moz-justify-content: space-between;
		-ms-display: flex;
		-ms-align-items: center;
		-ms-justify-content: space-between;
		-o-display: flex;
		-o-align-items: center;
		-o-justify-content: space-between;
		padding: 1.25em 0;
	}
	#footer .top-part .nav-box .box .title a{
		font-size: 0.9375em;
	}
	#footer .top-part .nav-box .box .title .tri{
		width: 0.75em;
	}
	#footer .top-part .nav-box .box.active .title .tri{
		transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-o-transform: rotate(180deg);
	}
	#footer .top-part .nav-box .box ul{
		margin-bottom: 1.375em;
		display: none;
	}
	#footer .top-part .nav-box .box li{
		margin-bottom: 1.125em;
		padding-left: 1.75em;
	}
	#footer .top-part .nav-box .box li a{
		font-size: 0.8125em;
	}
	#footer .top-part .right{
		float: none;
	}
	#footer .top-part .right ul{
		display: inline-block;
		margin-bottom: 1.8125em;
		margin-top: 10px;
	}
	#footer .top-part .right li{
		margin-bottom: 0;
		/*width: 50%;*/
		margin-left: 35px;
		float: left;
	}
	@media only screen and (max-width:1024px){
		#footer .gongzhong{
			display: none;
		}
	}
	#footer .top-part .right li.gelu {
		/*width: 90%;*/
		margin: 0 95px;
		text-align: center;
	}
	#footer .top-part .right li p{
		font-size: 0.625em;
		display: inline-block;
	}
	#footer .top-part .right li h5{
		font-size: 0.625em;
		display: inline-block;
	}
	#footer .top-part .right .link-box{
		display: flex;
		align-items: flex-start;
		justify-content: space-around;
		-webkit-display: flex;
		-webkit-align-items: flex-start;
		-webkit-justify-content: space-around;
		-moz-display: flex;
		-moz-align-items: flex-start;
		-moz-justify-content: space-around;
		-ms-display: flex;
		-ms-align-items: flex-start;
		-ms-justify-content: space-around;
		-moz-display: flex;
		-moz-align-items: flex-start;
		-moz-justify-content: space-around;
	}
	#footer .top-part .right .link-box a{
		margin-right: 0;
	}
	#footer .top-part .right .link-box a .icon{
		width: 1.6875em;
	}
	#footer .top-part .right .link-box a .qr-box{
		margin-left: -35px;
		margin-bottom: 4px;
		width: 70px;
	}
	#footer .top-part .right .link-box a .qr-box .bg{
		width: 100%;
	}
	#footer .copyright{
		font-size: 0.5em;
		height: 4em;
		line-height: 4em;
	}
	/* 在线客服 */
	#fixedright{
		right: 1px;
		width: 2.1875em;
	}
	#fixedright .totop{
		display: none;
	}
	#fixedright .kf,#fixedright .totop,#fixedright .popbox,#fixedright .weixin{
		height: 2.1875em;
		line-height: 2.1875em;
		border-top-left-radius: 0.15625em;
		border-bottom-left-radius: 0.15625em;
	}
	#fixedright .tel,#fixedright .kf{
		margin: 1px 0;
	}
	#fixedright .popbox{
		margin-bottom: 1px;
	}
	#fixedright .tel.web{
		display: none;
	}
	#fixedright .tel.mobile{
		display: block;
	}
	#fixedright .tel .icon{
		width: 2.1875em;
		height: 2.1875em;
		line-height: 2.1875em;
		border-top-left-radius: 0.15625em;
		border-bottom-left-radius: 0.15625em;
	}
	#fixedright .weixin .qr-box .tri{
		margin-top: -6px;
		border-width: 6px 0 6px 6px;
	}
	/*手机端导航*/
	#sidenav{
		display: block;
		position: fixed;
		top: 0;
		left: -100%;
		z-index: 53;
		width: 100%;
		height: 100%;
		background-color: #fff;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-ms-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
		overflow: hidden;
	}
	#sidenav.active{
		left: 0;
	}
	#sidenav .top-part{
		position: absolute;
		left: 0;
		top: 0;
		z-index: 1;
		width: 100%;
		background-color: #fff;
		box-shadow: 0 0.3125em 0.625em rgba(0,0,0,0.1);
	}
	#sidenav .top-part .inner{
		display: flex;
		align-items: center;
		justify-content: space-between;
		-webkit-display: flex;
		-webkit-align-items: center;
		-webkit-justify-content: space-between;
		-moz-display: flex;
		-moz-align-items: center;
		-moz-justify-content: space-between;
		-ms-display: flex;
		-ms-align-items: center;
		-ms-justify-content: space-between;
		-o-display: flex;
		-o-align-items: center;
		-o-justify-content: space-between;
		height: 3.75em;
	}
	#sidenav .top-part .lang{
		width: 1.3125em;
	}
	#sidenav .top-part .logo{
		width: 4.875em;
	}
	#sidenav .top-part .close{
		width: 1.09375em;
	}
	#sidenav .nav-box{
		width: 100%;
		height: 100%;
		overflow-y: auto;
		padding-top: 3.75em;
	}
	#sidenav .nav-box .inner{
		padding: 0.3125em 0 2.1875em;
	}
	#sidenav .nav-box .box{
		border-bottom: 1px solid rgba(149,149,149,0.3);
	}
	#sidenav .nav-box .box .title{
		display: block;
		position: relative;
		padding: 0.9375em 0;
	}
	#sidenav .nav-box .box.active .title{
		margin-bottom: -0.625em;
	}
	#sidenav .nav-box .box .title span{
		font-size: 0.9375em;
		color: #333;
		font-weight: bold;
	}
	#sidenav .nav-box .box.active .title span{
		color: #189ca9;
	}
	#sidenav .nav-box .box .title .plus{
		width: 0.75em;
		height: 0.75em;
		position: absolute;
		right: 0;
		top: 50%;
		margin-top: -0.375em;
	}
	#sidenav .nav-box .box .title .plus div{
		position: absolute;
		background-color: #333;
	}
	#sidenav .nav-box .box .title .plus .hor{
		width: 100%;
		height: 0.125em;
		top: 50%;
		margin-top: -0.0625em;
		left: 0;
	}
	#sidenav .nav-box .box .title .plus .ver{
		width: 0.125em;
		height: 100%;
		top: 0;
		left: 50%;
		margin-left: -0.0625em;
	}
	#sidenav .nav-box .box.active .title .plus .ver{
		display: none;
	}
	#sidenav .nav-box .box ul{
		padding-left: 1.5em;
		display: none;
		margin-bottom: 0.3125em;
	}
	#sidenav .nav-box .box li{
		border-bottom: 1px solid rgba(149,149,149,0.3);
	}
	#sidenav .nav-box .box li:last-child{
		border-bottom: 0 none
	}
	#sidenav .nav-box .box li a{
		display: block;
		padding: 0.9375em 0;
	}
	#sidenav .nav-box .box li a span{
		font-size: 0.8125em;
		color: #000;
		font-weight: bold;
	}
	#sidenav .nav-box .box li a img{
		vertical-align: middle;
		width: 1.09375em;
		margin-right: 0.3125em;
	}
	#sidenav .shop-box{
		margin-top: 1.875em;
		-webkit-display: flex;
		-webkit-align-items: flex-start;
		-webkit-justify-content: space-between;
		-moz-display: flex;
		-moz-align-items: flex-start;
		-moz-justify-content: space-between;
		-ms-display: flex;
		-ms-align-items: flex-start;
		-ms-justify-content: space-between;
		-o-display: flex;
		-o-align-items: flex-start;
		-o-justify-content: space-between;
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
	}
	#sidenav .shop-box a{
		text-align: center;
	}
	#sidenav .shop-box img{
		margin-bottom: 0.875em;
		width: 1.6875em;
	}
	#sidenav .shop-box p{
		font-size: 0.9375em;
		color: #000;
		font-weight: bold;
	}
	/*留言框*/
	#liuyan .liuyan-box{
		border-radius: 0.156625em;
	}
	#liuyan .liuyan-box .close{
		width: 0.5625em;
		margin-left: 0.3125em;
	}
	#liuyan .liuyan-box.form{
		padding: 4.6% 0 5.4%;
	}
	#liuyan .liuyan-box.form ul li{
		margin-bottom: 0.625em;
	}
	#liuyan .liuyan-box.form ul li .icon{
		width: 10%;
		margin-right: 5%;
	}
	#liuyan .liuyan-box.form ul li .text-box{
		width: 85%;
	}
	#liuyan .liuyan-box.form ul li .text-box p{
		font-size: 0.875em;
		left: 1.25em;
	}
	#liuyan .liuyan-box.form ul li .text-box input{
		height: 2.8em;
		line-height: 2.7em;
		border-radius: 2.5px;
		padding-left: 4em;
		padding-right: 1.4em;
		font-size: 0.875em;
	}
	#liuyan .liuyan-box.form h3 span{
		font-size: 0.875em;
	}
	#liuyan .liuyan-box.form textarea{
		border-radius: 2.5px;
		padding: 0.7em 1.4em;
		font-size: 0.875em;
		height: calc(6em + 1.4em);
	}
	#liuyan .liuyan-box.form .submit{
		font-size: 0.875em;
		width: 9.8em;
		height: 2.5em;
		line-height: 2.5em;
		border-radius: 2.5px;
	}
	#liuyan .liuyan-box.success{
		padding: 6% 0 7%;
	}
	#liuyan .liuyan-box.success h3{
		font-size: 1.75em;
	}
	#liuyan .liuyan-box.success p{
		font-size: 1em;
	}
}