@charset "utf-8";
/*��ʽ��*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea {margin:0;padding:0;}
body{ font-family:"Microsoft Yahei",Verdana,Arial,Helvetica,sans-serif; background:#fff; font-size: 14px;} 
li, ol { list-style:none; }
ins { text-decoration:none; }
i, em { font-style:normal; }
a { text-decoration:none;font-family:"Microsoft Yahei";}
a:hover { cursor:pointer; text-decoration:none;}
a:active{star:expression(this.onFocus=this.blur());}
:focus{outline:0;}
.clear { clear:both; line-height:0px; overflow:hidden; zoom:1; font-size:0px; content:'.';}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
img{ padding:0; margin:0;}
a img { border:none; }
input,textarea{ border:none;font-family:"Microsoft Yahei"; }
h1, h2, h3, h4, h5, h6{ font-weight:normal; font-size: 14px; }
/*�Ű�ͨ��*/
.f-mm{ margin-left:auto; margin-right:auto;}/*�����*/
.f-fl{ float:left;} /*�󸡶�*/
.f-fr{ float:right;} /*�Ҹ���*/
.f-tr{ text-align:right;} /*�Ҷ���*/
.f-tl{ text-align:left;} /*�����*/
.f-tc{ text-align:center;} /*����*/
.f-pr{ position:relative;} /*��λ*/
.f-di{ display:inline;}
/*����*/
.u-co-bt{ border-radius:4px; /*css3Բ��*/ width:80px; height:26px; line-height:26px; display: inline-block; vertical-align: middle;  padding-top:1px;}/*�ύ��ť��ʽ*/
.u-co-bt.z-spe{ width:100%;}
.u-lico{ width:24px; height:24px; border-radius:4px;  /*css3Բ��*/ background:#000; padding:10px;opacity: 0.8; position:relative; left:50%; margin:10px 0 10px -14px; box-shadow:0 0 3px #2d2d2d;}/*�ȴ�����*/
.fs15{font-size:15px;} /*15������*/
.fs12{font-size:12px;} /*12������*/
.pdr12{ padding-right:12px;} /*�ұ߾�12px*/
.pl10{ padding-left:10px;} /*��߾�10px*/
.red { color:#f00; } /*������ɫ��ɫ*/
.emptyData{padding-left:10px;line-height:26px; }
/* -- ҳ�����岼�� -- */
.wrap{ max-width:640px; min-width:320px;margin:0 auto; overflow:hidden; position:relative; background:#fff;} /*��վ��ҳ���*/
#content p img{ width:100%;display:block; margin:0 auto; max-width:560px;} 
/*��ҳ���ؿ�ʼ*/
.g-back{ overflow: hidden;position: relative;text-align:right;margin-top:1px; height:38px; padding:7px 11px 0 9px;} /*��ҳ���ز�����ʽ*/
.g-back a{display: inline-block;font-size:0.875em;height: 32px;line-height: 28px; width:32px;position: relative;}	/*��ҳ����������ʽ*/
.g-back .u-bp { background-position:0 0; } /*��ҳ������ʽ*/
.g-back .u-bl {background-position:0 -286px;  } /*��ҳ�ص���ҳ��ʽ*/
.g-back .u-bh { margin-right:10px; background-position:0 -232px;} /*��ҳĿ¼��ʽ*/
/*��ҳ���ؽ���*/


/*----------------------------------------------------------------------------------------------------------------------------*/
/*--------------------����ʱ�������ͷ���͵ײ���ʽɾ���������Լ�д����ʽ����ʽ�������淶����----------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------*/
.f_cb:after,.f_cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.f_cb,.f_cbli li{zoom:1;} 
.f_fl{ float:left;}
.f_fr{ float:right;}
.f_pr{ position: relative;}
.f_pa{ position: absolute;}
.f_csp{ cursor:pointer;}
.f_oh{ overflow:hidden;}
.f_fs1{ font-size:12px;}
.f_fs2{ font-size:13px;}
.f_fs3{ font-size:14px;}

.f_fa{ font-family:Arial, Helvetica, sans-serif;}
.f_cs1,.f_cs1 a{ color:#4cab0d;}
.f_cs2,.f_cs2 a{ color:#e60012;}
.f_cs3,.f_cs3 a{ color:#343434;}
.f_cs4{ color:#fff;}
.f_wb{ font-weight:bold;}
.f_fwn{ font-weight:normal;}
.f_tal{ text-align:left;}
.f_tac{ text-align:center;}
.f_tar{ text-align:right;}
.f_db{ display:block;}
.f_mt10{ margin-top:10px;}





.g-adv {width: 100%;  position:relative;}
.g-adv img{ width:100%; display: block;}
.g-adv .swiper-pagination{bottom: 0 !important; z-index: 1}
.g-adv .swiper-pagination .swiper-pagination-bullet{width: 0.65rem; height: 0.65rem; margin:0.9rem 0.3rem !important;background-color: #0061ae; opacity: 1; position: relative;}
.g-adv .swiper-pagination .swiper-pagination-bullet-active{ border:0.1rem solid #0061ae;background:none;width: 0.45rem; height: 0.45rem;}

.tit01{font-size: 2.4rem; text-align: center; font-family: "Microsoft YaHei";color: #333333;font-weight:bold; }
.tit01 a{color: #333333; }
.tit01 i{font-weight: normal;}
.tit01 b{color: #0061ae;}
.tit01 span{ display: block;padding-top: 1.05rem; background: url(../images/titbg.png) no-repeat center top; background-size: 7rem 1.05rem; font-size: 1.2rem; color: #666666;height: 1.6rem;line-height: 1.6rem;font-family:"Microsoft Yahei"; font-weight: normal;}

.yy_bj{  padding: 2.7rem 0 2.5rem;  background:#fff; clear: both;overflow: hidden; box-sizing: border-box;  font-family:"Microsoft Yahei"; }
.yy_bj h2{font-size: 2.25rem; margin-bottom: 1rem;}
.yy_bj dl{width: 90.625%; margin:0 auto;}
.yy_bj dd{margin-bottom: 0.8rem; font-size: 1.1rem; color: #666666; line-height: 1.7rem; text-align: center; }
.yy_bj dt{width: 100%;}
.yy_bj dt img{width: 100%;}
.yy_bj ul{clear: both;overflow: hidden; }
.yy_bj li{margin-top: 1.5rem; width: 25%; float: left; height: 3.7rem;border-right: 1px solid #dbdbdb; box-sizing: border-box; text-align: center;}
.yy_bj li img{width: 3.25rem; height: 2.1rem; display: block;margin:0 auto;}
.yy_bj li em{display: block;font-size: 1.2rem;color: #666666;  }
.yy_bj li:nth-child(2) em{font-weight: bold;}
.yy_bj li:nth-child(4){border-right: 0}
/**/
.jm_bj{  padding: 3.5rem 0 0rem; height: 46.5rem; background:url(../images/jmbg.jpg) no-repeat center top; background-size: 100% 100%; clear: both;overflow: hidden; box-sizing: border-box;  font-family:"Microsoft Yahei"; }
.jm_bj h2{margin-bottom:2rem;}
.jm_bj ul{clear: both;overflow: hidden;width: 95%; margin:0 auto; }
.jm_bj li{ width: 20%; float: left;box-sizing: border-box; text-align: center;}
.jm_bj li img{width: 4.7rem; height: 4.7rem; display: block;margin:0 auto;}
.jm_bj li em{display: block;font-size: 1.2rem;color: #333333;  }
.jm_bj li:nth-child(4){border-right: 0}

/**/
.fa_bj{  padding: 3.5rem 0 0rem; background:#fff; clear: both;overflow: hidden; box-sizing: border-box;  font-family:"Microsoft Yahei"; }
.fa_bj h2{margin-bottom:2rem;}
.fa_bj ul{clear: both;overflow: hidden;width: 100%; }
.fa_bj li{  position: relative; margin-bottom: 0.25rem;}
.fa_bj li img{width: 100%; display: block;}
.fa_bj li em{display: block;font-size: 1.2rem;color: #f1f1f1;position: absolute;left:1.5rem;top:1.2rem;  }
.fa_bj li em i{font-size: 0.6rem; color: #f1f1f1; opacity: 0.2; display: block;}
.fa_bj li:nth-child(1){width: 49.53125%; float: left;}
.fa_bj li:nth-child(2){width: 49.6875%; float: right;}
.fa_bj li:nth-child(3){width: 49.6875%; float: right;}
.fa_bj li:nth-child(4){width: 49.6875%; float: left;}
.fa_bj li:nth-child(5){width: 49.6875%; float: right;}
.fa_bj .fa_more{ height: 4rem; font-size: 1rem; color: #323232;background:url(../images/fa_more.jpg) no-repeat center top;background-size: 100% 4rem; font-weight: bold;padding:2.1rem 0 0 38.4375%; display: block; letter-spacing: 0.3rem; overflow: hidden;box-sizing: border-box;}



/* 产品*/
.pro_bj{background:#fff;padding: 2.3rem 0 2.8rem;  font-family: "Microsoft Yahei";box-sizing: border-box;border-bottom: 0.5rem solid #f3f3f3;}
.pro_bj h2{margin-bottom:1rem;}

.pro_nav{height: 10.7rem;margin-bottom: 1.8rem;background: url(../images/pronavbg.png) no-repeat center bottom; background-size: 100% 2.95rem;}
.pro_nav ul{width: 90.625%; margin:0 auto;}
.pro_nav li{width: 28.1%; height:8.65rem;line-height:8.65rem; background: url(../images/clmbg.png) no-repeat center top; background-size: 100%; float: left;margin-right: 6.37%;  text-align: center; font-size: 1.1rem; color: #0061ae; white-space: nowrap;text-overflow: ellipsis; overflow: hidden;}
.pro_nav a:nth-child(2) li{margin-top: 1rem;}
.pro_nav a:nth-child(3) li{margin-right: 0;}


.m_pro{width: 90.625%; overflow: hidden;margin:0 auto;}
.m_pro dl{ width: 100%;margin-bottom: 2.3rem; }
.m_pro dl dt{width: 100%; position: relative;}
.m_pro dl dt img{width: 100%;display: block;}
.m_pro dl dd{padding:1rem 0.6rem 0;box-sizing: border-box; height: 9.1rem;background: #f4f4f4;  position: relative;  }
.m_pro dl dd h3{height: 2.75rem;line-height: 2.75rem; color: #333333; font-size: 1.3rem; font-weight: bold;  text-align: center;}
.m_pro dl dd h3 a{color: #333333;}
.m_pro dl dd p{ line-height: 1.5rem; font-size: 1.1rem; color: #666666; text-align:center; }
.m_pro dl dd span a{ width: 9.15rem; display: block;font-size:1rem; color: #ffffff;height: 2.35rem; line-height: 2.35rem;text-align: left;padding-left: 3.3rem; background: url(../images/cpico.png) no-repeat left center; background-size: 9.15rem 2.35rem; position: absolute;left:50%; bottom:-1.2rem;; font-weight: normal; margin-left: -4.6rem;}

.m_pro ul{width: 100%; overflow: hidden;position: relative;}
.m_pro li{ position: relative;width: 48.62%; margin-right:2.75%; float: left;box-shadow:0 0  0.5rem #f5f5f5;}
.m_pro li img{width: 100%; display: block;border:1px solid #e3e3e3; box-sizing: border-box;}
.m_pro li span{ box-sizing: border-box;display: block; text-align: center; height: 2.5rem; line-height: 2.5rem; font-size: 1.2rem; color: #333333; font-weight: normal; background: #d9d9d9; }
.m_pro li:nth-child(2n){margin-right: 0;}


/**/
.xz{ padding:3rem 0 2rem;border-bottom: 0.5rem solid #f3f3f3;}
.xz .tit01{margin-bottom: 1.3rem;}
.tabs2{width:90.625%; margin:0 auto 1.3rem; height:6.05rem; position:relative; z-index:0;}
.tabs2 em{ display:block;  text-align:center;font-size:1.1rem; color:#fff; line-height:1.5rem;width: 100%;margin-top: 3.1rem;}
.tabs2 a{width:20.862%; display:block; margin-right: 5.51%;  height:6.05rem; overflow:hidden;float:left; position: relative;z-index: 1;}
.tabs2 a:nth-child(1){background:url(../images/ystitico1.png) no-repeat;background-size:6.05rem 6.05rem;}
.tabs2 a:nth-child(2){background:url(../images/ystitico2.png) no-repeat;background-size:6.05rem 6.05rem;}
.tabs2 a:nth-child(3){background:url(../images/ystitico3.png) no-repeat;background-size:6.05rem 6.05rem;}
.tabs2 a:nth-child(4){background:url(../images/ystitico4.png) no-repeat;background-size:6.05rem 6.05rem;margin-right: 0;}

.tabs2 a.active:nth-child(1){background:url(../images/ystitico1cur.png) no-repeat;background-size:6.05rem 6.05rem;}
.tabs2 a.active:nth-child(2){background:url(../images/ystitico2cur.png) no-repeat;background-size:6.05rem 6.05rem;}
.tabs2 a.active:nth-child(3){background:url(../images/ystitico3cur.png) no-repeat;background-size:6.05rem 6.05rem;}
.tabs2 a.active:nth-child(4){background:url(../images/ystitico4cur.png) no-repeat;background-size:6.05rem 6.05rem;}

.tabs2 .active em { color:#fff; font-weight:normal;}
.xz dl{ width:100%; margin:0 auto;}
.xz dt img{display:block; width:100%;}
.xz dd{width:90.625%; margin:0 auto;padding-top: 1rem;}
.xz dd h3{ height:3.5rem; font-size:2rem; color:#0061ae; line-height:3.5rem; font-weight:bold; overflow:hidden; border-bottom: 1px solid #cccccc;margin-bottom: 0.5rem;}
.xz dd h3 i{ font-weight: bold; margin-right: 1rem; float: left; display: inline-block;    margin-top: 0.2rem;}
.xz dd p{ font-size:1.1rem; line-height:2.3rem; color:#666666;padding-left:1.2rem; position:relative; text-align: justify; margin-bottom: 0.8rem;}
.xz dd p:before{ content:""; position:absolute; top:0.8rem; left:0; width:0.45rem; height:0.45rem;  background:url(../images/ysico.png) no-repeat left center; background-size:0.45rem 0.45rem; }
.arr{ height:3rem; position:relative; margin-top:1.5rem;}
.arr .swiper-pagination{ width:100%; margin-top:1rem;}
.arr .swiper-pagination-bullet{ background:#333333; opacity:1; width:0.9rem; height:0.9rem; margin:0 2%;}
.arr .swiper-pagination-bullet-active{ background:#0072c1;border-radius:0.4rem; width:2.25rem;}


/**/
.casebj{ padding: 2.5rem 0 2.8rem;  box-sizing: border-box; background:#fff;  overflow: hidden; font-family:"Microsoft Yahei";border-bottom: 0.5rem solid #f3f3f3;}
.casebj h2{ margin-bottom: 2.2rem;}
.case{}
.case .m_case{width:100%; position: relative; }
.case .m_case dl{width:60.15625%;overflow: hidden; margin:0 auto;padding:1.7rem 1rem 1rem; background: #0061ae;}
.case .m_case dl dt{width: 13.5rem;height: 13.5rem;border-radius: 100%; margin:0 auto;}
.m_case dl dt img{width: 100%;display: block;border-radius: 100%;}
.case .m_case dl dd{ text-align: center;width: 100%; height: 13rem;padding:1rem 0; box-sizing: border-box; position: relative;}
.case .m_case dl dd h3{white-space: nowrap;text-overflow: ellipsis;overflow: hidden; font-size: 1.1rem; line-height: 1.8rem; color: #ffffff; font-weight:  bold; height: 1.8rem; position: relative;  }
.case .m_case dl dd h3 a{color: #fff;}
.case .m_case dl dd em{ font-weight: normal;font-size: 0.9rem; color: #fff; height: 1.8rem; line-height: 1.8rem;margin-bottom: 0.5rem; display: block;opacity: 0.7; }
.case .m_case dl dd p{line-height: 1.5rem;overflow: hidden; font-size:1rem;color: #ffffff; height: 4.4rem;}
.case .m_case dl dd i{text-align: left;padding-left: 3.8rem; background: url(../images/case_btn.png) no-repeat; background-size: 100%; box-sizing: border-box; font-size:1rem;height: 2rem; width: 9.65rem;  display: block;margin:0 auto;line-height: 2rem;}
.case .m_case dl dd i a{ color: #0061ae; }
.case .m_case .jt{width: 3.8rem; height:20.1rem;position: absolute;top:2.9rem; z-index: 1;}
.case .m_case .prev1{background: url(../images/caseleft.gif) no-repeat;left:0; background-size: 100%;}
.case .m_case .next1{background: url(../images/caseright.gif) no-repeat;right:0;background-size: 100%;}

/*新闻*/
.g-news{ padding:3rem 0 2.8rem;background: #ffffff;border-bottom: 0.5rem solid #f3f3f3;}
.g-news .tit01{margin-bottom: 1.5rem;}
.news_nav{ width:90.625%; margin:0 auto;border-radius: 1.6rem; height:3.1rem; position:relative; background:#333333;}
.news_nav p{ width:50%; height:3.1rem;font-size:1.2rem;float:left; text-align:center; color:#ffffff; line-height:3.1rem; position: relative;box-sizing: border-box; }

.news_nav p.cur{background:#0061ae; font-weight: normal; color: #ffffff;}
.news_nav p:nth-child(1).cur{border-top-left-radius:1.6rem; border-bottom-left-radius:1.6rem;  }
.news_nav p:nth-child(2).cur{border-top-right-radius:1.6rem; border-bottom-right-radius:1.6rem;  }

.news_con{width:90.625%; }
.dl01{ } 
.dl01{height: 7rem; padding:1rem 0; border-bottom: 1px solid #e0e0e0;}
.dl01 dt{ width:43.62%; float:left;}
.dl01 dt img{ display:block; width:100%;}
.dl01 dd{ width:54.31%; float:right;box-sizing: border-box;height: 7rem;}
.dl01 dd h3{ font-size:1.2rem; color:#333333; font-weight: normal; line-height:1.8rem; height:1.8rem; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; padding-top:.2rem;}
.dl01 dd p{ font-size:1rem; line-height:1.6rem; color:#666666;}
.dl01 dd em{ color:#999999;font-size: 1rem; font-family: "Arial"; display: block;margin-bottom: 0.5rem;}
.dl01:last-child{border-bottom: 0;}
.news_arr{ height:2rem; position:relative; margin-top:1rem;}
.news_arr .swiper-pagination{ width:100%; margin-top:1rem;}
.news_arr .swiper-pagination-bullet{ background:#333333; opacity:1; width:0.9rem; height:0.9rem; margin:0 2%;}
.news_arr .swiper-pagination-bullet-active{ background:#0072c1;border-radius:0.4rem; width:2.25rem;}


/*走进*/
.g-about{ padding:2.5rem 0 1rem;margin:0 auto;}
.g-about .tit01{margin-bottom: 1.25rem;}
.g-about .tit01 img{width: 32.1875%;height:2.7rem;  }
.g-about .tit01 span{width: 56.25%; margin:0 auto; }
.g-about dl{width:100%;}
.g-about dt img{ display:block; width:100%;}
.g-about ul{clear: both;overflow: hidden; background:#0362ae; padding-bottom:1.4rem;}
.g-about li{margin-top: 1.4rem; width: 25%; float: left; height: 3.8rem;border-right: 1px solid #4f91c6; box-sizing: border-box; text-align: center;}
.g-about li img{width: 2.8rem; height: 2.45rem; display: block;margin:0 auto;}
.g-about li em{display: block;font-size: 1.1rem;color: #ffffff;  }
.g-about a:nth-child(4) li{border-right: 0}
.g-about dd{ width:90.625%; margin:0 auto; }
.g-about dd h3{ font-size:1.6rem;padding-top: 0.5rem; height: 3.5rem; line-height: 3.5rem; font-weight:bold; color:#0061ae;  text-align:center;}
.g-about dd p{ font-size:1.1rem; line-height:1.8rem; color:#666666; text-align: center; }
.g-about dd p em{ color:#0f35a9;}






html {font-size: 10px; -webkit-text-size-adjust:none; -webkit-tap-highlight-color: rgba(0,0,0,0);}
@media screen and (min-width:320px){html{font-size:    10px;}}
@media screen and (min-width:360px){html{font-size: 11.25px;}}
@media screen and (min-width:375px){html{font-size: 11.7px;}}
@media screen and (min-width:384px){html{font-size: 12px;}}
@media screen and (min-width:480px){html{font-size:    15px;}}
@media screen and (min-width:414px){html{font-size:  13px;}}
@media screen and (min-width:560px){html{font-size:  17.5px;}}
@media screen and (min-width:640px){html{font-size:    20px;}}





.swiper-container {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	z-index: 1
}
.swiper-container-no-flexbox .swiper-slide {
	float: left
}
.swiper-container-vertical>.swiper-wrapper {
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column
}
.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}
.swiper-container-android .swiper-slide, .swiper-wrapper {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate(0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
.swiper-container-multirow>.swiper-wrapper {
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap
}
.swiper-container-free-mode>.swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto
}
.swiper-slide {
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative
}
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
	height: auto
}
.swiper-container-autoheight .swiper-wrapper {
	-webkit-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-transition-property: -webkit-transform, height;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform, height
}
.swiper-container .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000
}
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
	touch-action: pan-y
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
	touch-action: pan-x
}
.swiper-button-next, .swiper-button-prev {
	position: absolute;
	top: 50%;
	width: 27px;
	height: 44px;
	margin-top: -22px;
	z-index: 10;
	cursor: pointer;
	-moz-background-size: 27px 44px;
	-webkit-background-size: 27px 44px;
	background-size: 27px 44px;
	background-position: center;
	background-repeat: no-repeat
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
	opacity: .35;
	cursor: auto;
	pointer-events: none
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {

}
.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {

}
.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {

}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {

}
.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {

}
.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {

}
.swiper-pagination {
	position: absolute;
	text-align: center;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 10
}
.swiper-pagination.swiper-pagination-hidden {
	opacity: 0
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
	bottom: 10px;
	left: 0;
	width: 100%
}
.swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 100%;
	background: #000;
	opacity: .2
}
button.swiper-pagination-bullet {
	border: none;
	margin: 0;
	padding: 0;
	box-shadow: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-webkit-appearance: none;
	appearance: none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer
}
.swiper-pagination-white .swiper-pagination-bullet {
	background: #fff
}
.swiper-pagination-bullet-active {
	opacity: 1;
	background: #007aff
}
.swiper-pagination-white .swiper-pagination-bullet-active {
	background: #fff
}
.swiper-pagination-black .swiper-pagination-bullet-active {
	background: #000
}
.swiper-container-vertical>.swiper-pagination-bullets {
	right: 10px;
	top: 50%;
	-webkit-transform: translate3d(0, -50%, 0);
	-moz-transform: translate3d(0, -50%, 0);
	-o-transform: translate(0, -50%);
	-ms-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0)
}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 5px 0;
	display: block
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px
}
.swiper-pagination-progress {
	background: rgba(0,0,0,.25);
	position: absolute
}
.swiper-pagination-progress .swiper-pagination-progressbar {
	background: #007aff;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transform-origin: left top;
	-moz-transform-origin: left top;
	-ms-transform-origin: left top;
	-o-transform-origin: left top;
	transform-origin: left top
}
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
	-webkit-transform-origin: right top;
	-moz-transform-origin: right top;
	-ms-transform-origin: right top;
	-o-transform-origin: right top;
	transform-origin: right top
}
.swiper-container-horizontal>.swiper-pagination-progress {
	width: 100%;
	height: 4px;
	left: 0;
	top: 0
}
.swiper-container-vertical>.swiper-pagination-progress {
	width: 4px;
	height: 100%;
	left: 0;
	top: 0
}
.swiper-pagination-progress.swiper-pagination-white {
	background: rgba(255,255,255,.5)
}
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
	background: #fff
}
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
	background: #000
}
.swiper-container-3d {
	-webkit-perspective: 1200px;
	-moz-perspective: 1200px;
	-o-perspective: 1200px;
	perspective: 1200px
}
.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d
}
.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10
}
.swiper-container-3d .swiper-slide-shadow-left {
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,.5)), to(rgba(0,0,0,0)));
	background-image: -webkit-linear-gradient(right, rgba(0,0,0,.5), rgba(0,0,0,0));
	background-image: -moz-linear-gradient(right, rgba(0,0,0,.5), rgba(0,0,0,0));
	background-image: -o-linear-gradient(right, rgba(0,0,0,.5), rgba(0,0,0,0));
	background-image: linear-gradient(to left, rgba(0,0,0,.5), rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-right {
	background-image: -webkit-gradient(linear, right top, left top, from(rgba(0,0,0,.5)), to(rgba(0,0,0,0)));
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,.5), rgba(0,0,0,0));
	background-image: -moz-linear-gradient(left, rgba(0,0,0,.5), rgba(0,0,0,0));
	background-image: -o-linear-gradient(left, rgba(0,0,0,.5), rgba(0,0,0,0));
	background-image: linear-gradient(to right, rgba(0,0,0,.5), rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-top {
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,.5)), to(rgba(0,0,0,0)));
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.5), rgba(0,0,0,0));
	background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.5), rgba(0,0,0,0));
	background-image: -o-linear-gradient(bottom, rgba(0,0,0,.5), rgba(0,0,0,0));
	background-image: linear-gradient(to top, rgba(0,0,0,.5), rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-bottom {
	background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,.5)), to(rgba(0,0,0,0)));
	background-image: -webkit-linear-gradient(top, rgba(0,0,0,.5), rgba(0,0,0,0));
	background-image: -moz-linear-gradient(top, rgba(0,0,0,.5), rgba(0,0,0,0));
	background-image: -o-linear-gradient(top, rgba(0,0,0,.5), rgba(0,0,0,0));
	background-image: linear-gradient(to bottom, rgba(0,0,0,.5), rgba(0,0,0,0))
}
.swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper {
	-ms-perspective: 1200px
}
.swiper-container-cube, .swiper-container-flip {
	overflow: visible
}
.swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1
}
.swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide {
	pointer-events: none
}
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}
.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden
}
.swiper-container-cube .swiper-slide {
	visibility: hidden;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	width: 100%;
	height: 100%
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
	-webkit-transform-origin: 100% 0;
	-moz-transform-origin: 100% 0;
	-ms-transform-origin: 100% 0;
	transform-origin: 100% 0
}
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next+.swiper-slide, .swiper-container-cube .swiper-slide-prev {
	pointer-events: auto;
	visibility: visible
}
.swiper-container-cube .swiper-cube-shadow {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .6;
	-webkit-filter: blur(50px);
	filter: blur(50px);
	z-index: 0
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}
.swiper-container-fade .swiper-slide {
	pointer-events: none;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity
}
.swiper-container-fade .swiper-slide .swiper-slide {
	pointer-events: none
}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}
.swiper-scrollbar {
	border-radius: 10px;
	position: relative;
	-ms-touch-action: none;
	background: rgba(0,0,0,.1)
}
.swiper-container-horizontal>.swiper-scrollbar {
	position: absolute;
	left: 1%;
	bottom: 3px;
	z-index: 50;
	height: 5px;
	width: 98%
}
.swiper-container-vertical>.swiper-scrollbar {
	position: absolute;
	right: 3px;
	top: 1%;
	z-index: 50;
	width: 5px;
	height: 98%
}
.swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	position: relative;
	background: rgba(0,0,0,.5);
	border-radius: 10px;
	left: 0;
	top: 0
}
.swiper-scrollbar-cursor-drag {
	cursor: move
}
.swiper-lazy-preloader {
	width: 42px;
	height: 42px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -21px;
	margin-top: -21px;
	z-index: 10;
	-webkit-transform-origin: 50%;
	-moz-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
	-moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
	animation: swiper-preloader-spin 1s steps(12, end) infinite
}
.swiper-lazy-preloader:after {
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	background-position: 50%;
	-webkit-background-size: 100%;
	background-size: 100%;
	background-repeat: no-repeat
}
.swiper-lazy-preloader-white:after {
}
@-webkit-keyframes swiper-preloader-spin {
100% {
-webkit-transform:rotate(360deg)
}
}
@keyframes swiper-preloader-spin {
100% {
transform:rotate(360deg)
}
}

            .g_hd {height: 6rem; font-family: "Microsoft Yahei";  position: relative; background:#fff;}
            .mlogo { float: left;top: 1rem; left: 4.6875%;  width: 14.21875%; height: auto;  position: absolute;z-index:3;}
            .mlogo img { width: 80%; height: auto; display: block;}
            .menu { float: right;width: 75.625%;  position:relative;}
            .u-text { overflow: hidden; color: #666666; height: 1.7rem; line-height: 1.7rem; font-size:1.4rem;padding-top: 2rem; }
            .u-text a{padding:0 5%; color: #666666; display: inline-block;font-family: "Microsoft Yahei"; background: url(images/xt.png) no-repeat right center; background-size: 1px 1.2rem; }
              .u-text span:nth-child(4) a{background:none;}
              .u-text span.cur a{}
            .menu_ico { display: block; color: #666; top:2.4rem; right: 6%; width: 1.4rem;height: 0.95rem;  cursor: pointer; position: absolute;  }
             .menu_ico img{width: 100%;display: block;}
             .menu_down{ display: none; width: 100%; background: rgba(0,97,174,0.9); height: auto;position: absolute;top:6rem; right: 0; z-index: 9;}
             .menu_down ul{padding:2rem 12.5% 5rem;}
             .menu_down  li{color: #fff; font-size:1.2rem; line-height: 3.5rem;height: 3.5rem; border: 1px solid #fff;border-radius: 1.5rem;margin-bottom: 0.8rem; text-align: center; }
             .menu_down  li a{ color:#fff; display: block; }
        

            .g-ft { height: 13.5rem; background:#fff; background-size: 100% 100%; padding-top: 3rem;  box-sizing: border-box; position: relative;border-top:0.15rem solid #0061ae; margin-top: 3rem;}
            .u-top { position: absolute;top:-2.125rem; width: 13.281%;  height: 4.25rem; line-height: 4.25rem; font-size: 1.1rem;left: 50%;margin-left: -2.125rem; }
            .u-top  img{width: 100%; display: block;}
            .fnav{width:100%;margin:0 auto 0rem; font-size: 1.1rem; color: #888888; text-align: center; }
            .fnav a{font-size: 1.1rem;  height: 2rem; line-height: 2rem; color: #333333; text-align: center; display: inline-block; padding:0 2%;  position: relative; }
            .fnav a:after{content: "";position: absolute;width: 1px; height:0.9rem;background:#959595; -webkit-background-size:100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;top: 0.6rem;right: 0;}
            .fnav a:nth-child(4):after{ background: none; }
            .addlst { text-align: center;  font-size: 1.1rem; line-height: 2rem; font-weight: normal; color: #666666;font-family: "Microsoft Yahei"; }
            .addlst i{ color: #666666;font-family: "Microsoft Yahei";padding-left: 1rem;}
            .g_fnva{background:#333333; height:5.4rem;position:fixed;bottom:0;min-width:320px;max-width:640px;width:100%;z-index:5;font-size: 1.1rem;}
            .g_fnva li{height:5.4rem;width:25%; float:left; text-align:center;color:#fff;position:relative;}
            .g_fnva li:after{content: "";position: absolute;width: 1px; height:5.4rem;background:#3d3d3d; -webkit-background-size:100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;top: 0rem;right: 0;}
            .g_fnva a:nth-child(4) li:after{width:0;border: 0;background:none;}
            .g_fnva a:nth-child(1) li{background:#0061ae;}
            .g_fnva li em{display: block;padding: 0.8rem 0 0.5rem; width:35.625%; margin:0 auto;}
            .g_fnva li em img{ display:block;width:100%;}
        
		 .ad-01-title {
        position: absolute;
        top: 0;
        height: 4rem;
        width: 100%;
        font-size: 1.6rem;
        text-align: center;
        color: #fff;
        line-height: 4rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        box-sizing: border-box;
    }
	 .ad-01{
     position: relative;
     min-height: 4rem;
        background: #0061ae;
        /*background: url(images/m11-icon2.jpg) no-repeat center top;*/
        /*background-size: 100% 4rem; */
 }
 .ad-01-img img{
     display: block;
     width: 100%;
     
 }
 
 
 .m4-prod-list-content-1-con{padding-top:2rem;}
.m4-prod-list-content-1-con li { 
width: 48.56%;

        } 
.m4-prod-list-content-1-con li img {
            display: block;
            width: 100%;
			height:130px;
            box-sizing:border-box;
            border:solid 1px #d7d7d7;
        } 
.m4-prod-list-content-1-con span {
            display: block;
            color: #3b3e3d;
            line-height: 1.4rem;
            text-align: center;
            margin: 0.5rem 0 1rem;
            height: 2.8rem;
            overflow:hidden;
        }
		.fl {float: left;}
.fr {float: right;}
.pr{position: relative;}
.pa{position: absolute;}



   .m-cl-1nt4-3-01-list dt img {
            width: 100%;
			height:8rem;
        }