﻿@charset "utf-8";
/* Start CSS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	/*font-size: 100%;
	vertical-align: baseline;
	background: transparent;*/
}
.l{ float:left;}
.r{ float:right;}
ul,li{ list-style:none; padding:0; margin:0}
mark, rp, rt, ruby, summary, time {display:inline}
nav a{text-decoration: none}
hr{background: #e0e0e0;height: 1px}
*, :before, :after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
input,button,textarea,select{
  outline: none;
  font-family:inherit;
  border: none;
  background: none;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
select::-ms-expand { display: none;} 
iframe{border: none;vertical-align: top;}
:before, :after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
em{font-style: normal;}
.clearfix:before,.clearfix:after,
.container:before,.container:after,
.container-middle:before,.container-middle:after{
  content: " ";display: table;
}
.clearfix:after,.container:after,.container-middle:after{
  clear: both;
}
.pull-left{float: left;}
.pull-right{float: right;}
.dis-table{display: table;width: 100%;height: 100%;}
.dis-cell{display: table-cell;vertical-align: middle;}
.text-align{text-align: center;}
.section{width: 100%;overflow: hidden;}
.out{overflow-y: auto;padding-right: 5px;}
.out::-webkit-scrollbar {
 width: 3px;
 background-color: #fff;
}
.out::-webkit-scrollbar-thumb {
 background-color:#ec1b24;
 border-radius: 10px;
}
html,
button,

select,
textarea {
    font-family:'微软雅黑';
}
body{
    margin: 0 auto;
    color:#424242;
    background: #FFF;
    min-width: 1200px;
	line-height:200%;
	font-size:15px;
	
}
a {
    color: #424242;
	text-decoration:none;
}
a:focus {
    outline: thin dotted;
}

a:active,
a:hover {
    outline: 0;
    text-decoration:none;
}
.fl{ float:left;}
.fr{ float:right;}
.container, .container-middle/*, .wrap */{
    padding-right: 15px;
    padding-left: 15px;
    margin: 0 auto;
}
.location .wrap{
	padding:0
}
@media (min-width: 1260px) {
    .wrap, .container, .container-middle {
        width: 1230px;
    }
}

@media (min-width: 1460px) {
    .container-middle, .container {
        width: 1430px;
    }
}

@media (min-width: 1920px) {
    .container-middle {
        width: 1630px;
    }

    .container {
        width: 1430px;
    }
}

/******************************************************************************
  Header  
*******************************************************************************/
.mod-topbar {
    height: 0px;
    background:#FFF;
    position:fixed;
    z-index: 100;
	width:100%;
	top:0;
	left:0;
}
.mod-header, .mod-header .logo a, .mod-header .logo .logo-img, .mod-header .nav, .mod-header .nav-start-btn {
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

.mod-header {
	width:100%;
	left:0;
    height: 102px;
    background:rgba(0,0,0,0.3);
    z-index: 1000;
    position:fixed;
	top:0px;
}
.is-fixed.mod-header {
    position: fixed;
    top: 0px;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.95);
	z-index:999999999999999;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s;
}
nav{
	display:block;
}
.mod-header .logo {
    padding: 0;
    width: 135px;
	height:102px;
    overflow: hidden;
	vertical-align: middle;
}

.mod-header .logo a {
    display: block;
    text-decoration: none;
}

.mod-header .logo .logo-img {
    height: 86px;
    width: 135px;
    vertical-align: middle;
	margin-top:9px;
}
.is-fixed.mod-header {
    position: fixed;
    top: 0px;
    height: 80px;
    width: 100%;
	background:rgba(255,255,255,0.95)!important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.is-fixed.mod-header .logo-img {
    width: 94px;
	height:60px; 
	margin-top:10px;
}


.Menu{
	height:36px; 
	position:absolute; 
	bottom:30px; 
	width:100%;
	left:0;
}
.is-fixed .Menu{
	height:36px; 
	position:absolute; 
	bottom:20px; 
	width:100%;
	left:0;
}
.nav{
	width:100%;
	position:relative; 
	clear:both; 
	z-index:9;
}
.is-fixed.mod-header .nav {
    padding: 0px 0;
}
.nav ul{
	margin:0 auto; 
	text-align:right;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	padding:0;
}
.nav li{
	margin:0px 20px 0 20px;
	text-align:center;
	display:inline-block;
}
.nav em{
	float:right
}
.nav a{
	height:56px;
	display:block;
	font-size:15px; 
	color:#FFF; 
	font-weight:bold; 
	text-decoration:none; 
	text-transform:uppercase;
}
.nav li.lan{
	text-align:right;
	margin-right:0;
	color:#FFF;
	padding-left:20px;
}
.nav li.lan a{
	display:inline-block;
}
.nav li.lan span{
	margin:0 10px
}
.is-fixed .nav a{
	height:48px;
	color:#424242;
}
.is-fixed .nav li.lan{
	color:#424242;
}
.nav li a.mmm{
	background:url(../images/menuline.png) no-repeat center 100px;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s;
}
.nav li:hover a.mmm{
	background:url(../images/menuline.png) no-repeat bottom center;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s;
	color:#0047BA;
}
.is-fixed .nav li:hover a.mmm{
	background:url(../images/menuline.png) no-repeat center 35px;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s;
}
.nav .sub{
	display:none;
	width:100%;
	padding:0;
	position:absolute;
	top:56px;
	/*overflow:hidden;*/
	text-align:left;
	z-index:110;
	left:0px;
	background:rgba(255,255,255,0.92);
	/*opacity:0*/
}
.is-fixed .nav .sub{
	top:47px;
}
.nav .sub .nav_xiao{
	/*width:1316px;*/
	overflow:hidden;
	padding-top:5px;
	margin:0 auto;
	padding-bottom:50px;
}
.nav .sub .nav_xiao .xiao_five{
	width:336px;
	overflow:hidden;
	float:right;
	margin-top:35px;
	margin-left:50px;
	position:relative
}
.nav .sub .nav_xiao .xiao_five img{
	width:300px;
	height:140px;
}
.nav .sub .nav_xiao .xiao_five img{
	width:100%;
	max-width: 101%;
	height: auto;
	transition-duration: .5s;
    -ms-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
}
.nav .sub .nav_xiao .xiao_five:hover img{    
	transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    -webkit-transform: scale(1.2);
}
.nav .sub .nav_xiao .xiao_five2 dd{
	position:relative;
}
.subnav{
	position:absolute;
	left:260px;
	top:0;
	display:none;
	box-shadow:0 15px 15px rgba(0,0,0,.1);
	background:#FFF;
	width:280px!important;
	padding:0 20px!important;
}

.nav .sub .nav_xiao .xiao_five2 dd:hover .subnav{
	display:block;
}
.subnav a{
	background:url(../images/sort2.png) no-repeat left!important;	
	border-bottom: 1px dotted rgba(0,0,0,0.1)!important;
	font-weight:normal!important;
	text-transform:capitalize!important;
	font-size:13px!important;
	width:100%!important;
}
.subnav a:hover{
	background:url(../images/sort2_on.png) no-repeat left!important;	
}
.nav .sub .nav_xiao .xiao_five a{
	width:344px;
	height:138px;
	padding:0;
	margin-right:45px;
	float:left;
}
.nav .sub .nav_xiao .xiao_five2{
	float:left;
	margin-right: 20px;
	text-align: left;
	width:300px;
	margin-top:15px;
	margin-left:368px
}
.nav .sub .nav_xiao .xiao_five2 div.aa a{
	box-shadow:none;border-bottom: 1px solid rgba(0,0,0,0.1);
	margin-right:50px;text-align: left;
	width:250px;
	display:inline-block;
	padding-top:0;
	padding:0;
	font-size:14px;
	background:url(../images/jt.png) no-repeat left; 
	text-indent:20px; 
	height:52px; 
	line-height:52px;
	color:#424242;
}
.nav .sub .nav_xiao .xiao_five2 div.aa a:hover{
	color:#0047BA;
	background:url(../images/jt2.png) no-repeat left;
}

/********************************************banner轮播css****************************************/
.slider_bg{display:-webkit-flex; display:flex; justify-content:center; position:relative; z-index: 1;}
.slider_bg img{width:100%; /*height:785px; */display:inline-block;}
.pc_web{display:block;}
.m_web{display:none;}
.slider_bg .swiper-container {width: 100%;height:auto; display:flex;}
.slider_bg .swiper-slide{display:-webkit-box; display:-ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; color:#fff; overflow:hidden}
.slider_bg .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-container .swiper-pagination-custom,.swiper-container .swiper-pagination-fraction{ bottom:30px; }
.slider_bg .swiper-pagination-bullet{background:#fff; width:15px; height:15px; border-radius:100%; opacity:.8;}
.slider_bg .swiper-pagination-bullet-active{background:#fff;opacity:1; width:45px;border-radius:15px;}
.slider_bg .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 8px;}
.slider_bg .swiper-button-next:after, .slider_bg .swiper-container-rtl .swiper-button-prev:after {color:#fff;}
.slider_bg .swiper-button-prev:after, .slider_bg .swiper-container-rtl .swiper-button-next:after {color:#fff;}
.pc_swiperimg{display:block;}
.m_swiperimg{display:none;}

@media screen and (max-width:1024px){
    .pc_web{display: none;}
    .m_web{display: block;}
    .slider_bg .swiper-button-next,.slider_bg .swiper-button-prev{display:none;}
    .slider_bg .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 4px; }
    .slider_bg .swiper-pagination-bullet{width:30px; height:6px;}
    .slider_bg .swiper-pagination-bullet-active{opacity:1;}
    .slider_bg .swiper-pagination{ display:block; }
    .slider_bg .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-container .swiper-pagination-custom,.swiper-container .swiper-pagination-fraction{ bottom:10px; }
}

@media screen and (max-width:576px){
}

/*******关于**********************/
.index-about{
	width:100%;
	float:left;
	clear:both;
	padding:60px 0 100px 0;
	background:url(../images/bg2.jpg) no-repeat top center #FFF;
	position:relative;
}
.sekuai{
	background:#E5EDFA;
	width:47.24%;
	height:70%;
	position:absolute;
	left:0;
	bottom:0;
}
.index-about .l{
	width:50%;
	padding-top:50px;
	position:relative;
	color:#747474;
	font-weight:lighter;
}
.index-about .l img{
	width:100%;
	display:block;
}
.index-about .l p{
	margin-bottom:15px;
	text-indent:2em;
}
.index-about .l strong{
	color:#02747E;
	font-size:15px;
}
.index-about .r{
	width:-moz-calc(50% - 45px);
	width:-webkit-calc(50% - 45px);
	width: calc(50% - 45px);
	padding-top:45px;
}
.index-about .r h3{
	position:relative;
	color:#000;
	font-size:20px;
	padding-top:20px;
	margin-bottom:20px;
}
.index-about .r .line{
	width:50px;
	height:2px;
	background:#0046B8;
	display:inline-block;
	margin-bottom:5px;
	margin-right:5px;
}
.index-about .r .titen{
	position:absolute;
	font-size:13px;
	text-transform:uppercase;
	top:0;
	left:40px;
	color:#7B7B7B
}
.index-about .r a.leranmore{
	text-transform:uppercase;
	font-size:13px;
	clear:both;
	display:block;
	margin-top:20px;
	margin-left:30px;
}
.index-about .r a.leranmore span{
	display:inline-block;
	background:url(../images/more.jpg) no-repeat;
	width:18px;
	height:18px;
	vertical-align:middle;
	margin-left:10px;
	line-height:18px;
	margin-bottom:4px;
}
.index-about .r a.leranmore:hover{
	text-transform:uppercase;
	font-size:13px;
	clear:both;
	display:block;
	margin-top:20px;
	margin-left:30px;
}
.shuju{
	width:100%;
	clear:both;
	margin-top:20px;
}
.shuju ul{
	text-align:left;
	font-size:0;
}
.shuju li{
	display:inline-block;
	font-size:16px;
	margin-right:9%;
	text-align:center;
	color:#918C8C
}
.shuju li:last-child{
	margin-right:0;
}
.shuju li span{
	font-size:30px;
	font-weight:bold;
	color:#0851D7;
}
.shuju li sup{
	font-size:22px;
	font-weight:bold;
	color:#0851D7;
	top:-6px;
	position:relative;
}
#slider{
	width:100%;
	min-height:340px;
	/*height:424px;*/
	margin:0 auto;
	position:relative;
}
.slider_list li{
	position:absolute;
	display:none;
	width:100%;
}
.slider_list li img{
	width:100%;
}
.slider_list li:first-child{
	display:block;
}
.slider_icon{
	width:100%;
	text-align:center;
	position:absolute;
	z-index:1;
	left:0;
	bottom:-30px;
	font-size:0;
	/*padding:4px 8px 4px 8px;*/
	height:12px;
	border-radius:12px;
	/*background-color:hsla(0,0%,100%,.3);*/
}
.slider_icon i{
	display:inline-block;
	width:12px;
	height:12px;
	border-radius:50%;
	margin:0 5px;
	cursor:pointer;
}
.btn{
	background:#c0c0c0;
}
.arrow{
	display:none;
	width:30px;
	height:60px;
	background-color:rgba(0,0,0,.2);
	position:absolute;
	top:50%;
	margin-top:-20px;
}
.prve{
	left:0;
}
.next{
	right:0;
}
.arrow span{
	display:block;
	width:10px;
	height:10px;
	border-bottom:2px solid #fff;
	border-left:2px solid #fff;
}
.slider_left{
	margin:25px 0 0 10px;
	transform:rotate(45deg);
}
.slider_right{
	margin:25px 0 0 5px;
	transform:rotate(-135deg);
}
.arrow:hover{
	background:#444;
}
#slider:hover .arrow{
	display:block;
}
.btn_act{
	background:#0046B6;
}
/*******产品************************/
.index-pro{
	width:100%;
	float:left;
	clear:both;
	background:url(../images/-bg-1.jpg) no-repeat top center #186DAD;
	padding:30px 0;
}
.index-pro h3{
	color:#FFF;
	margin-top:20px;
	font-size:30px;
	position:relative;
	padding-top:20px;
	padding-left:30px;
}
.index-pro h3 span{
	color:#93AAD1;
	font-size:22px;
	padding-left:15px;
}
.pro-icon{
	position:absolute;
	background:url(../images/pro-icon.png) no-repeat left;
	width:140px;
	height:31px;
	line-height:100%;
	vertical-align:top;
	left:0;
	top:0;
	padding-left:50px;
	font-size:14px;
	text-transform:uppercase;
	color:#88B0E1;
	font-weight:normal;
}
.review {
	padding-top:40px;
	overflow:hidden;
	width:100%;
	margin:0 auto;
}
.review .con{
	margin:0 auto;
	position:relative;
	width:-moz-calc(90% + 94px);
	width:-webkit-calc(90% + 94px);
	width: calc(90% + 94px);
	max-width: calc(1360px + 94px);
	min-width: calc(1200px + 94px);
}
.review .con ul { font-size:0;}
.review .con li { 
   display:inline-block; 
   vertical-align:top; 
   width:25%; 
   box-sizing:border-box; 
   padding:0;
   text-align:center;
}
.review .con li a { 
   display:block;
   text-align:center
}
.review .con li a .img img { 
   max-width:100%; 
   display:inline-block
 }
.review .con li a .txt p { color:#888888; font-size:14px; line-height:24px; height:144px; overflow:hidden; }
.review .con li a .txt strong { display:block; margin:-10px 0 15px 0; color:#FFF; font-weight:bold; font-size:18px; }
.review .con li a:hover { }
.review .con li a:hover p { color:#FFFFFF; }
.review .con li a:hover strong { color:#FFFFFF; }
.review .con a.prev { position:absolute; left:0px; top:50%; width:47px; height:47px; margin-top:-55px; background:url(../images/prev.png) no-repeat center center; }
.review .con a.prev:hover { background-image:url(../images/prev_on.png); }
.review .con a.next { position:absolute; right:0px; top:50%; width:47px; height:47px; margin-top:-55px; background:url(../images/next.png) no-repeat center center; }
.review .con a.next:hover { background-image:url(../images/next_on.png); }

/*******工程案例*********************/
.index-project{
	clear:both;
	width:100%;
	float:left;
	margin-top:60px;
	padding-bottom:60px;
}
.index-title{
	font-size:30px;
	font-weight:bold;
	position:relative;
	padding-top:15px;
	padding-left:45px;
	padding-bottom:30px;
	color:#000;
	border-bottom:#CCC 2px solid;
}
.index-title .tit-icon{
	width:150px;
	height:31px;
	background:url(../images/gc-icon.png) no-repeat left;
	font-size:14px;
	text-transform:uppercase;
	position:absolute;
	line-height:100%;
	padding-left:60px;
	top:0;
	left:0;
	color:#A5A5A5;
	font-weight:normal;
}
a.index-title-more{
	float:right;
	background:url(../images/morebg.png) no-repeat;
	width:67px;
	height:26px;
	line-height:26px;
	color:#FFF;
	text-align:center;
	font-size:13px;
	padding-left:6px
}
a.index-title-more:hover{
	background:url(../images/morebg_on.png) no-repeat;
}
.index-project-list ul li{
	width:-moz-calc((100% - 70px) / 3);
	width:-webkit-calc((100% - 70px) / 3);
	width: calc((100% - 70px) / 3);
	margin-right:35px;
	margin-bottom:25px;
	position:relative;
	float:left;
}

.index-project-list{
	margin-top:30px;
}
.index-project-list ul li:last-child,.index-project-list ul li:nth-child(3n){
	margin-right:0;
}
.index-project-list ul li .p-img{
	position:relative;
	width:100%;
	overflow:hidden;
}
.index-project-list ul li .p-img img{
	width:100%;
	transition: all linear 0.3s
}
.index-project-list ul li:hover img{
	-moz-transform:scale(1.2);
    -webkit-transform: scale(1.2);
    transform:scale(1.2);
}
.index-project-list ul li .p-text{
	width:100%;
	background:#F2F2F2;
	height:280px;
	padding:30px 0px 30px 25px;
}
.index-project-list ul li .p-text .line{
	width:75px;
	height:2px;
	background:#679AE9;
}
.index-project-list ul li .p-text h3{
	font-weight:600;
	margin:10px 0;
	font-size:20px;
}
.index-project-list ul li .p-text .dec{
	font-size:13px;
	line-height:190%;
}
.index-project-list ul li .p-text a.leranmore{
	text-transform:uppercase;
	font-size:12px;
	clear:both;
	display:block;
	margin-top:15px;
	color:#929292;
	float:right;
	transition: all linear 0.3s;
	margin-right:30px;
}
.index-project-list ul li .p-text a.leranmore span{
	display:inline-block;
	background:url(../images/more.jpg) no-repeat;
	width:18px;
	height:18px;
	vertical-align:middle;
	margin-left:10px;
	line-height:18px;
	margin-bottom:4px;
}
.index-project-list ul li .p-text a.leranmore:hover,.index-project-list ul li:hover .p-text a.leranmore{
	color:#0051DD;
	padding-right:10px;
}
/*******解决方案*********************/
.honor {
	width:100%;
	float:left;
	clear:both;
	background:#F3F3F3;
	padding:80px 0;
}
.honor .con { 
	margin:40px auto 0 auto;
	position:relative;
	width:-moz-calc(90% + 100px);
	width:-webkit-calc(90% + 100px);
	width: calc(90% + 100px);
	max-width: calc(1360px + 100px);
	min-width: calc(1200px + 100px);
}
.honor .tempWrap{
	overflow:hidden;
	position:relative;
	width:-moz-calc(100% - 100px);
	width:-webkit-calc(100% - 100px);
	width: calc(100% - 100px);
	margin:0 auto;
}
.honor .con ul{
    font-size:0;
    padding:0;
    margin:0 0 0 -25px;
}
.honor .con li { 
   display:inline-block;
   width:25%;
   padding-right:25px;
   position:relative;
}
.honor .con li.last{
	padding-right:0;
}
.honor .con li a { 
   display:block; 
   position:relative; 
   font-size:18px;
}
.honor .con li .s-img {
	/*height:250px; */
	text-align:center;
	vertical-align: middle;
	/*display: table-cell;*/
	width:100%;
	position:relative;
	overflow:hidden;
}
.honor .con li .s-img img {
	display:inline-block; 
	vertical-align:middle; 
	width:100%; 
	max-height:100%;
	transition: all linear 0.3s
}
.honor .con li:hover img{
	-moz-transform:scale(1.2);
    -webkit-transform: scale(1.2);
    transform:scale(1.2);
}
.honor .con li .s-text{
	background:#FFF;
	width:100%;
	height:260px;
	padding:30px 20px;
	overflow:hidden;
	line-height:180%;
	font-size:14px;
}
.honor .con li .s-text p{
	color:#999;
}
.honor .con li:hover .s-text h3{
	color:#0047BA;
}
.honor .con li:hover .s-text p{
	color:#777;
}
.honor .con li .s-more{
	background:#FFF;
	width:100%;
	height:60px;
	margin-top:1px;
	overflow:hidden;
	line-height:60px;
	font-size:14px;
}
.honor .con li .s-more .jiantou-right{
	width:30%;
	height:100%;
	float:left;
	border-right:#f0f0f0 1px solid;
	background:url(../images/jiantou-right.jpg) no-repeat 20px;
	transition: all linear 0.3s
	
}
.honor .con li:hover .s-more .jiantou-right{
	background:url(../images/jiantou-right.jpg) no-repeat 30px;
}
.honor .con li .s-more .right{
	float:left;
	width:70%;
	padding-left:40px;
	text-transform:uppercase;
	font-size:12px;
	transition: all linear 0.3s
}
.honor .con li:hover .s-more .right{
	padding-left:30px;
	color:#0047BA;
}
.honor .con a.prev {
	outline:none;
    position:absolute; 
	left:0px; 
	top:50%; 
	width:47px; 
	height:47px; 
	margin-top:-25px; 
	background:url(../images/l-1.png?v=2.0) no-repeat center center #FFF;
	transition: all linear 0.3s
}
.honor .con a.prev:hover {
	background:url(../images/l-1-on.png?v=2.0) no-repeat center #0047BA;
}
.honor .con a.next {
	outline:none;
	position:absolute; 
	right:0px; 
	top:50%; 
	width:47px; 
	height:47px; 
	margin-top:-25px;
	background:url(../images/r-1.png?v=2.0) no-repeat center center #FFF;
	transition: all linear 0.3s
}
.honor .con a.next:hover {
	background:url(../images/r-1-on.png?v=2.0) no-repeat center #0047BA;
}

.index-solution{
	background:#F3F3F3;
	clear:both;
	width:100%;
	float:left;
	padding:60px 0;
}
a.index-title-more2{
	float:right;
	background:url(../images/more2.jpg) no-repeat left;
	width:142px;
	height:42px;
	display:block;
}
a.index-title-more2 span{
	display:inline-block;
	width:89px;
	height:42px;
	text-align:center;
	line-height:42px;
	background:#FFF;
	font-size:16px;
	margin-left:53px;
	transition: all linear 0.3s
}
a.index-title-more2:hover span{
	background:#0047BA;
	color:#FFF
}
.index-solution-list{
	clear:both;
	margin-top:40px;
}
.index-solution-list li{
	width:-moz-calc((100% - 75px) / 4);
	width:-webkit-calc((100% - 75px) / 4);
	width: calc((100% - 75px) / 4);
	margin-right:25px;
	margin-bottom:25px;
	position:relative;
	float:left;
}
.index-solution-list li .s-img{
	width:100%;
	position:relative;
	overflow:hidden;
}
.index-solution-list li .s-img img{
	width:100%;
}
.index-solution-list ul li:last-child,.index-solution-list ul li:nth-child(4n){
	margin-right:0;
}
.index-solution-list li .s-text{
	background:#FFF;
	width:100%;
	height:260px;
	padding:30px 20px;
	overflow:hidden;
	line-height:180%;
	font-size:14px;
}
.index-solution-list li .s-text p{
	color:#999;
}
.index-solution-list li:hover .s-text h3{
	color:#0047BA;
}
.index-solution-list li .s-text h3{
	color:#424242;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}
.index-solution-list li:hover .s-text p{
	color:#777;
}
.index-solution-list li .s-more{
	background:#FFF;
	width:100%;
	height:60px;
	margin-top:1px;
	overflow:hidden;
	line-height:60px;
	font-size:14px;
}
.index-solution-list li .s-more .jiantou-right{
	width:30%;
	height:100%;
	float:left;
	border-right:#f0f0f0 1px solid;
	background:url(../images/jiantou-right.jpg) no-repeat 20px;
	transition: all linear 0.3s
	
}
.index-solution-list li:hover .s-more .jiantou-right{
	background:url(../images/jiantou-right.jpg) no-repeat 30px;
}
.index-solution-list li .s-more .right{
	float:left;
	width:70%;
	padding-left:40px;
	text-transform:uppercase;
	font-size:12px;
	transition: all linear 0.3s
}
.index-solution-list li:hover .s-more .right{
	padding-left:30px;
	color:#0047BA;
}
/****************新闻***********************/
.indexnews{
	width:100%;
	float:left;
	clear:both;
	padding:80px 0;
}
.indexnews a.index-title-more2 span{
	background:#F3f3f3;
}
.indexnews a.index-title-more2:hover span{
	background:#0047BA;
	color:#FFF
}
.indexnews .topnews{
	width:100%;
	float:left;
	padding-bottom:30px;
	border-bottom:#CCC 1px solid;
	margin-top:30px;
}
.indexnews .secnews{
	width:50%;
	float:left;
	border-bottom:#CCC 1px solid;
	padding-bottom:15px;
	padding-top:15px;
}
.indexnews li:nth-child(2),.indexnews li:nth-child(4),.indexnews li:nth-child(6),.indexnews li:nth-child(8),.indexnews li:nth-child(10),.indexnews li:nth-child(12) {
	padding-right:20px;
}
.indexnews li:nth-child(3),.indexnews li:nth-child(5),.indexnews li:nth-child(7),.indexnews li:nth-child(9),.indexnews li:nth-child(11),.indexnews li:nth-child(13) {
	padding-left:20px;
}
.indexnews .secnews span{
	float:right;
}
.indexnews .newstext{
	width:65%;
	padding-right:100px;
	float:left;
	padding-top:50px;
}
.indexnews .newstext .newsdate{
	font-size:18px;
	color:#969696;
}
.indexnews .newstext .newsdate span{
	color:#F00;
	font-style:italic;
}
.indexnews .newstitle{
	margin-top:20px;
	font-size:24px;
}
.indexnews .newstitle p{
	font-size:15px;
	color:#999
}
.indexnews .newstitle .changjiantou{
	background:url(../images/changjiantou.jpg) no-repeat;
	width:40px;
	height:9px;
	margin-top:20px;
}
.indexnews .newsimg{
	float:right;
	width:35%;
	position:relative;
	overflow:hidden;
}
.indexnews .newsimg img{
	width:100%;
	opacity: 0.9;
	transition: all linear 0.5s;
}

.indexnews li:hover .newsimg img
{
	-moz-transform:scale(1.1);
    -webkit-transform: scale(1.1);
    transform:scale(1.1);
	opacity: 1
}
/*********合作伙伴**************************/
.index-partner{
	width:100%;
	clear:both;
	float:left;
	background:#FFF;
	padding:0px 0;
	margin-bottom:0px;
}
.titbg{
	width:100%;
	float:left;
	clear:both;
	background:#f3f3f3;
	padding:40px 0 0 0;
}
.titbg .index-title{
	border-bottom:0;
}
.index-partner-list ul{
	font-size:0;
	padding-top:30px;
}
.index-partner-list li{
	display:inline-block;
	margin-right:20px;
	margin-bottom:20px;
	width:-moz-calc((100% - 120px) / 7);
	width:-webkit-calc((100% - 120px) / 7);
	width: calc((100% - 120px) / 7);
}
.index-partner-list li:nth-child(7n){
	margin-right:0;
}
/*===============页脚=====================*/
#footer{
	background:url(../images/bottombg.jpg) no-repeat top center #090B08;
	width:100%;
	float:left;
	height:507px;
	clear:both;
	color:#999;
	margin-top:60px;
}
.footer{ margin:0 auto;}
.f_nav{ clear:both; width:100%;}
.f_nav .join{
	width:310px;
	margin-left:0;
	padding:0;
}
.f_nav .joinform{
	/*margin-top:50px;*/
	display:block;
	clear:both;
	padding-top:8px
}
.f_nav .join input{
	background:rgba(0,0,0,0.3);
	width:260px;
	height:34px;
	line-height:34px;
	margin-bottom:8px;
	padding:0 0 0 15px;
	color:#B1B1B1
}
.f_nav .join .submit{
	background:#97282E;
	width:100px;
	height:34px;
	margin-top:5px;
	padding-left:0;
}
.f_nav .contact{
	width:200px;
	padding:0;
	color:#FFF;
	font-size:16px;
}
.f_nav .contact .t{
	display:inline-block;
	width:20px;
	height:20px;
	background:url(../images/t.png) no-repeat;
	vertical-align:middle;
	margin-right:5px;
}
.f_nav .contact .e{
	display:inline-block;
	width:20px;
	height:20px;
	background:url(../images/e.png) no-repeat;
	vertical-align:middle;
}
.f_nav .dropdown-dec{padding: 10px 0px 12px 0px; border-bottom: 0px solid #e5e5e5;}
.f_nav a.dropdown-dec:hover,.f_nav li:hover a{ color:#FFF!important}
.f_nav .dropdown-dec::before {
        content: "";
        position: absolute;
        width: 0;
        height: 0px;
        background: #ec1b24;
        bottom: -1px;
        left: 50%;
        transform: translateX(-50%);
        transition: ease .5s;
    }
.f_nav li{ float:left; padding-right:55px;}

.f_nav li.last{ padding-right:0;}
.f_nav li a{ display:block; font-size:16px; color:#FFF; padding:35px 0 0 0; font-weight:bold;}
.f_nav li a.yiji{
	margin-bottom:20px;
}
.f_nav li .sub{}
.f_nav li .sub em{
	display:none!important
}
.f_nav li .sub a{
	font-size:15px;
	padding:0 0 0px 0;
	font-weight:normal;
	color:#ADACAA
}
.f_nav li a.yiji:hover,.f_nav li .sub a:hover,.friendlylink li:hover a,.copyright a:hover{
	color:#D51719!important
}
.f_box{
	clear:both;
	padding-top:20px;
	margin-top:20px;
	position:relative;
	margin-bottom:20px;
}
.fjt{
	width:200px;
	float:left;
	padding-top:50px;
}
.copyright{
	width:850px;
	float:left;
	color:#ADACAA;
	line-height:160%;
	padding-top:50px;
	margin-left:80px;
	text-align:right;
	padding-right:20px;
}
.copyright a{
	color:#ADACAA
}
.f_box .f_weixin{
	float:right;
	text-align:center;
}
.f_box .f_weixin img{
	width:100px;
	display:block;
}
.friendlylink{
	clear:both;
	padding-top:20px;
	color:#ADACAA;
	/*display:none;*/
}
.friendlylink li{
	float:left;
	margin-right:20px;
	color:#ADACAA;
}
.friendlylink li:first-child{
	display:none
}
.friendlylink li a{
	color:rgba(255,255,255,0.6);
	font-size:14px;
}
@media (max-width: 1400px){
.f_nav li{ float:left; padding-right:42px;}
.f_nav li a{ font-size:15px;}
.f_nav li .sub a,.copyright, .copyright a{ font-size:14px;}
}
/**********内页**********************/
.ins-ban{
	width:100%;
	height:500px;
	position:relative;
	overflow:hidden;
	clear:both;
}
.gsjj_shicha{
	width: 100%;
	height: 100%;
	/*background: url(../images/gsjj_banner.jpg) no-repeat 50% 0px fixed;*/
	position:absolute;
	top:0px;
	left:0;
	z-index: -1;
}
.mask {
	position: fixed;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .8;
	-moz-opacity: .8;
	filter: alpha(opacity=80);
	top: 0;
	left: 0;
	z-index: 1000
}

.modal {
	background: #000;
	width: 720px;
	height: 405px;
	position: fixed;
	_position: absolute;
	display: none;
	z-index: 1001;
	overflow:hidden;
}

.modal .close {
	position: absolute;
	top: 15px;
	right: 15px;
	font-size: 24px;
	z-index: 2
}

.modal iframe {
	z-index: 1
}

.modal .close a:link,.modal .close a:visited {
	color: #666;
	text-decoration: none
}

.modal .close a:hover,.modal .close a:active {
	color: #333;
	text-decoration: none
}
.proNavbox{height:80px;position:relative;margin-bottom:40px; background:#FFF; clear:both; z-index:99}
.proNavbox .proNav{height:80px;box-shadow:0 1px 2px rgba(0,0,0,0.05);border-bottom:1px solid #ededed;color:#333}
.proNavbox .proNav.open:after{content:"";position:absolute;background:url("c_zz.png");width:2000px;height:100000px;top:50px;left:0;z-index:-1;}
.proNavbox .proClass{display:inline-block;position:relative;margin-right:30px}
.proNavbox .proClass .name{position:relative;border:1px solid #eee;width:80px;height:80px;line-height:80px;text-align:center;display:inline-block;background:white;z-index:1;border-top:none;border-bottom:none}
.proNavbox .proClass .name img{width:32px;vertical-align:middle}
.proNavbox .proClass .name span{display:block;text-align:center;font-size:12px;color:#333;position:absolute;bottom:0;left:0;width:100%;line-height:12px;display:none}
.proNavbox .proClass .name .shetou{position:absolute;width:36px;bottom:-9px;left:50%;margin-left:-18px}
.proNavbox .proClass .list{display:none;border:1px solid #eee;background:white;width:260px;padding:15px 10px;position:absolute;top:80px;}
.proNameBox {float:left; line-height:80px;/* padding-top:5px; */font-size:15px;/* font-family:arial; */color:#000; text-transform:capitalize; }
.proNameBox a{color:#000;/* background:#f0f0f0;*/ display:block; float:left; padding:0 5px; margin:0 10px; position:relative;}
.proNameBox a span{position:absolute; bottom:0; width:100%; height:4px; background:#0047BA; left:0;opacity:0;}
.proNameBox a:hover{ color:#0047BA;}
.proNameBox a:hover span{opacity:1;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.proNameBox a.cur span{opacity:1;}
.proNameBox span,.loca span{ font-family:'宋体'; padding:0 5px}
.loca{ float:right; font-size:14px; margin-top:35px; color:#888888; text-transform:capitalize}
.loca a{ color:#888888}
.loca img{ vertical-align:middle; margin-bottom:5px}
.proClass {float:left;}
/******内页新闻***************************/
.subnews{
	width:100%;
	clear:both;
	float:left;
	padding:20px 0 0 0;
}
.subnews h3{
	font-size:40px;
	font-weight:lighter;
	color:#000;
	position:relative;
}
.subnews h3 span{
	position:absolute;
	font-size:13px;
	text-transform:uppercase;
	bottom:5px;
	display:block;
	left:180px;
}
.subnews li{
	width:100%;
	float:left;
	position:relative;
	margin-bottom:40px;
	border:#f0f0f0 1px solid;
	background:#FFF;
	box-shadow: rgba(0,0,0,0.0) 0 8px 20px;
	transition: all linear 0.5s;
	padding:30px 30px 30px 0;
}
.subnews li:hover{
	box-shadow:0 15px 15px rgba(0,0,0,.15);
	transform:translateY(-10px);
	-webkit-transform:translateY(-15px);
	-moz-transform:translateY(-15px);
	-ms-transform:translateY(-15px);
	-o-transform:translateY(-15px);
}
.subnews .newsdate{
	float:left;
	width:250px;
	font-size:13px;
	/*padding-top:40px;*/
	padding-left:30px;
}
.subnews .newsdate span{
	font-size:26px;
	color:#000;
}
.subnews .newstitle{
	float:left;
	width:-moz-calc(100% - 758px);
	width:-webkit-calc(100% - 758px);
	width: calc(100% - 758px);
	/*padding-top:40px;*/
}
.subnews .newstitle span{
	font-size:24px;
	color:#000;
	font-weight:300;
}
.subnews li:hover .newstitle span{
	color:#F08300
}
.subnews li:hover .newstitle p{
	color:#424242
}
.subnews .newstitle p{
	font-size:15px;
	margin-top:10px;
	color:#676767;
}
.subnews .newstitle i{
	display:block;
	width:120px;
	height:30px;
	background:url(../images/arrow4.png) no-repeat 70px;
	transition: all linear 0.5s;
	color:#000;
	font-weight:normal;
	font-style:normal;
}
.subnews li:hover .newstitle i{
	background:url(../images/arrow6.png) no-repeat 75px;
	color:#F08300;
	
}
.subnews .newsimg{
	float:right;
	width:430px;
	position:relative;
	overflow:hidden;
}
.subnews .newsimg img{
	width:100%;
	display:block;
	opacity: 0.9;
	transition: all linear 0.5s;
}
.subnews li:hover .newsimg img
{
	-moz-transform:scale(1.1);
    -webkit-transform: scale(1.1);
    transform:scale(1.1);
	opacity: 1
}
/******产品详情***********/
.showpro{
	width:100%;
	clear:both;
	float:left;
	background:#AEAEAE;
	padding:0px 0 80px 0;
	position:relative;
}
.showpro .name{
	font-size:20px;
	color:#000;
	font-weight:600
}
.showpro .model{
	font-size:16px;
	margin-top:10px;
	color:#000;
	font-weight:600;
}
.showpro .proimg{
	text-align:center;
	width:100%;
	margin-top:50px;
}
.showpro .proimg img{
	display:inline-block;
	max-width:100%;
}
.showpro a.next_prolink,.showpro a.next_prolink_none{
	width:45px;
	height:90px;
	display:block;
	text-indent:-99999px;
	position:absolute;
	right:5%;
	top:50%;
	margin-top:-45px;
	background:url(../images/right.png) no-repeat right center;
	outline:none;
}
.showpro a.prev_prolink,.showpro a.prev_prolink_none{
	width:45px;
	height:90px;
	display:block;
	text-indent:-99999px;
	position:absolute;
	left:5%;
	top:50%;
	margin-top:-45px;
	background:url(../images/left.png) no-repeat left center;
}
.BoxSha10 {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.por {
  position: relative;
}

.poa {
  position: absolute;
}

.dbl {
  display: block;
}

.dbi {
  display: inline-block;
}

.tec {
  text-align: center;
}

.w100 {
  width: 100%;
}
.pagination {
	margin: 40px auto 80px auto;
	clear:both;
	float:left;
	width:100%;
	/*background:#FFF;*/
	height:40px;
}

.pagination ul {
	width:100%;
	display: inline-block;
	*display: inline;
	margin-bottom: 0;
	/*margin-left: 0;*/
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	*zoom: 1;
	text-align:center;
	/*-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
	box-shadow: 0 1px 2px rgba(0,0,0,0.05)*/
}

.pagination ul li {
	display: inline-block;
	border:#e0e0e0 1px solid;
	background:#FFF;
	padding:6px 16px;
	margin:0 5px
}
.pagination ul li a{
	display:block;
}
.pagination ul li.ctxt{
	background:#F08300!important;
	border:#F08300 1px solid;
	color:#FFF;
}
.pagination ul li:hover{
	border:#F08300 1px solid;
	color:#F08300
}
.pagination ul li:hover a{
	color:#F08300
}
.pagination ul li.ctxt:hover{
	color:#FFF!important
}
.list_case{
	width: 100%;
	padding-top:0px;
}
.case_ul{
	clear: both;
	text-align: left;
	margin-top:20px;
	margin:0 auto
}
.case_div{
	width: 100%;
	height: 60px;
	/*background:#fff url(../images/case_xian.png) no-repeat; background-position: 81% 17px;*/
}
.case_ul li{
	width:32%;
	margin-right:2%;
	margin-bottom: 2%;
	display: inline-block;
	overflow:hidden;
	text-align:center;
	border:#f0f0f0 1px solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	border-radius:5px;
	-webkit-box-shadow:0 15px 15px rgba(0,0,0,.1);
	box-shadow:0 15px 15px rgba(0,0,0,.1);
	background:#FFF; 
	transition: all linear 0.3s;
}
.case_ul li:nth-child(3n){
	margin-right:0;
}
.case_ul li:hover{
	transform:translateY(-10px);
	-webkit-transform:translateY(-10px);
	-moz-transform:translateY(-10px);
	-ms-transform:translateY(-10px);
	-o-transform:translateY(-10px);
	-webkit-box-shadow:0 15px 15px rgba(0,0,0,.2);
	box-shadow:0 15px 15px rgba(0,0,0,.2);
}

.case_ul li .list-wrap{ width: 100%; }
.case_ul li .main_pic{
	overflow:hidden;
	/*padding:10px 0;*/
}
.case_ul li .main_pic img{
	display:block;
	width:100%;
	transition: all linear 0.3s;
}
.case_ul li:hover .main_pic img{
    -moz-transform:scale(1.0);
    -webkit-transform: scale(1.0);
    transform:scale(1.0);
}
.case_div{
	border-top:#f0f0f0 1px solid;
	overflow:hidden;
}
.case_div h5{
	overflow: hidden;
	width:70%;
	line-height:60px; 
	transition: 0.5s;
	font-size: 16px; 
	color: #424242; 
	text-align:left; 
	font-weight:400;
	padding-left:20px;
}
.case_ul li:hover h5{
	padding-left:40px;
}
.case_ul li a h5{
	color:#424242
}
.case_ul li:hover a h5{
	color:#F08300
}
.case_div h5 span{ 
   font-size: 14px;
   color: #999;
   display: block;
   line-height:160%;
   overflow: hidden;
}
.jiantou{
	float:left;
	width: 30%;
	border-right:#f0f0f0 1px solid;
	height: 60px;
	background: url(../images/jiantou-right.jpg) no-repeat 20px center;
	transition: 0.5s;
}
.case_ul li:hover .jiantou{ 
    background: url(../images/jiantou-right.jpg) no-repeat 28px center;
}
.case_ul li:hover h5{ color:#000}
.zkxx_main3 .case_ul li{ float: left; display: block; }
.case_ul .shuiyin,.bigImg .shuiyin,.imgteaser .shuiyin{
	position:absolute;
	width:100%;
	height:100%;
	z-index:99999;
	top:0;
	left:0;
}
.case_ul .shuiyin img,.bigImg .shuiyin img,.imgteaser .shuiyin img{
	width:100%
}
.about_list_1{
	z-index:99;
	padding:50px 0 0px 0;
	clear:both;
	margin:0px auto
}
.about_list_1 ul li p{
	color:#8C8C8C;
	text-align:center; 
	font-size:14px;
}
.about_list_1 ul li:hover p{
	color:#000
}
.about_list_1 ul{
	/*width:1200px;height:340px;*/ 
	overflow:hidden;
	text-align:center;
	margin:0 auto;
	font-size:0; 
	width:90%;
}
.about_list_1 li{
	display:inline-block;
	*display:inline;
	*zoom:1;
	overflow:hidden;
	/*padding:0 10px;*/
	width:-moz-calc(100% / 8);
	width:-webkit-calc(100% / 8);
	width: calc(100% / 8);
	text-align:center;
}
.about_list_1.po li{
	display:inline-block;
	*display:inline;
	*zoom:1;
	overflow:hidden;
	/*padding:0 10px;*/
	width:-moz-calc(100% / 9);
	width:-webkit-calc(100% / 9);
	width: calc(100% / 9);
	text-align:center;
}
.about_list_1 li a{
	width:101px;
	height:101px;
	text-align:center;
	font-size:16px;
	color:#fff;
	position:relative;
	display:block;
	border: 1px solid #938F8E;
	border-radius:100%;
	margin:0 auto;
	vertical-align:bottom;
	line-height:68px;
}
.about_list_1 li a img{
	max-width:100%;
	box-sizing: border-box;
	display:inline-block;
	vertical-align:bottom;
	margin:0 0 10px 0;
}
.about_list_1 li:hover a img{
	animation: swing 1s 0s linear normal;
	-webkit-animation: swing 1s 0s linear normal;
}
.about_list_1 ul li h3{
	color:#938F8E;
	font-weight:300; 
	font-size:14px;
	line-height:100%; 
	border:0
}
.about_list_1 ul li:hover h3{
	color:#CDB06C;
}
.mbt60{
	margin-bottom:60px;
	padding-top:60px!important
}
.about_list_1.po li:hover a,.about_list_1.po li.cur a{
	border:#666 1px solid;
	
}
.about_list_1.po ul li h3{
	/*color:#666;
	font-weight:300; 
	font-size:14px;
	line-height:100%; 
	border:0;*/
	margin-top:10px;
	font-weight:normal;
}
.about_list_1.po ul li:hover h3,.about_list_1.po ul li.cur h3{
	color:#CDB06C;
}
/*******产品二级类别****************/
.sortlist2{
	width:100%;
	height:40px;
	line-height:40px;
	background:#f0f0f0;
	padding-left:20px;
	margin-bottom:40px;
	border-radius:30px;
	border:#e0e0e0 1px solid;
}
.sortlist2 li{
	float:left;
	position:relative;
}
.sortlist2 li:after
{ 
	content:" ";
	width:1px;
	height:10px;
	background:#CCC;
	position:absolute;
	right:25px;
	top:15px;
}
.sortlist2 li:last-child:after{
	content:" ";
	width:1px;
	height:10px;
	background:#f0f0f0;
	position:absolute;
	right:25px;
	top:15px;
}
.sortlist2 li a{
	display:block;
	margin-right:50px;
	font-size:15px;
	color:#424242;
}
.sortlist2 li a.cur,.sortlist2 li:hover a{
	color:#F08300;
	font-weight:bold;
}
.shownews{
	box-shadow:0 15px 15px rgba(0,0,0,.1);
	background:#FFF;
	padding:40px 60px;
	margin-bottom:0px;
	margin-top:10px;
	min-height:600px;
}
.shownews h3.tit{
	font-size:28px;
	font-weight:lighter;
	text-align:left;
	margin-bottom:20px;
}
.shownews .dateandtime{
	color:#999999;
}
.shownews img{
	max-width:100%
}
.newscon{
	border-top:#e0e0e0 1px solid;
	padding-top:20px;
	margin-top:10px;
}
/*****产品详情*****************/
.silder-box{position:relative;margin:0px auto;}
.silderp{margin:0 auto 0 auto;}
.silderp li{width:86px;height:86px;}
.silderp li img{width:100%;height:100%;}
.silder-button{/*top:173px;*/width:88px;height:25px;position:absolute;cursor:pointer;}
.silder-button.btl{top:0;background:url(../images/bl.png) top center no-repeat;}
.silder-button.btr{bottom:0;background:url(../images/br.png) bottom center no-repeat;}
.silder-box-1{width:1000px;}
.silder-box-2{width:88px;}
.silder-box-2 .silderp li {width:88px;height:88px;padding:0; margin-bottom:10px}
.silder-box-3{width:1000px;}

.indexcontact{
	clear:both;
	width:100%;
	height:439px;
}
.indexcontact ul li.left{
	width:50%;
	float:left;
}
.indexcontact ul li.left h3{
	font-size:20px;
	font-weight:normal;
	border-bottom:#FDD100 3px solid;
	position:relative;
	padding-bottom:10px;
	width:290px;
	color:#2F2725;
	text-transform:uppercase;
}
.indexcontact ul li.left h3 span{
	height:8px;
	width:90px;
	background:#FDD100;
	position:absolute;
	bottom:-5px;
	border-radius:5px;
}
.indexcontact ul li.left h3 i{
	font-style:normal;
	font-family:arial;
	font-size:50px;
	color:#E70012;
	font-weight:600;
	letter-spacing:1.5px;
}
.indexcontact ul li.left .inqu{
	color:#2F2725;
	font-size:18px;
	margin-top:20px;
	font-weight:bold;
	line-height:150%;
}
.indexcontact ul li.left .add{
	color:#2F2725;
	font-size:16px;
	margin-top:20px;
	line-height:180%;
	font-weight:500
}
.indexcontact ul li.right{
	float:right;
	width:50%;
}
.indexcontact ul li.right .form-group{
	width:50%;
	float:left;
	padding-left:15px;
}
.indexcontact ul li.right .form-control{
	border:#A1A1A1 1px solid;
	border-radius:2px
}
.has-feedback{ padding-left:15px}
.indexcontact ul li.right .btn{
	width:100%
}
input::-webkit-input-placeholder{
	color:#999;
}
input::-moz-placeholder{   /* Mozilla Firefox 19+ */
	color:#999;
}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
	color:#999;
}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
	color:#999;
}

textarea::-webkit-input-placeholder{
	color:#999;
}
textarea::-moz-placeholder{   /* Mozilla Firefox 19+ */
	color:#999;
}
textarea:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
	color:#999;
}
textarea:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
	color:#999;
}
.form-control{
	color:#2F2725;
}

.form-control{
	width: 100%;
	color:#2F2725; 
	margin-bottom:10px; 
	padding:10px 20px
}
.form-control{
	border:0;
	border-bottom:#DCDCDC 2px solid;
	width: 100%;
	border-radius: 2px;
	background-color: rgba(0, 0, 0, 0); 
	margin-bottom:20px; 
	padding:10px 20px 10px 0;
	color:#424242;
	font-family:arial;
}
.form-group{
	width:50%;
	float:left;
	padding-left:0px;
}

.goods-detail{ 
    width:100%;
	clear:both;
	float:left;
}
.goods-detail .goods-detail-info{
	padding-top:40px;
}
.goods-detail .goods-pic-box,.goods-detail .goods-info-box{
	min-height:550px;
	_height:550px
}
.goods-detail .goods-pic-box{
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	position:relative;
	text-align:center;
}
.goods-detail .goods-big-pic{
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	height:482px;
	width:482px;
	left:0px;
	position:absolute;
	top:0px;
	z-index:1;
	cursor:-webkit-zoom-in;
	cursor:zoom-in; 
	border:#e0e0e0 0px solid;
	box-shadow:0 15px 15px rgba(0,0,0,.1);
}
.goods-detail .goods-big-pic img{
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	width:482px;
	height:482px;
}
.goods-detail .goods-pic-loading{
	width:20px;
	height:20px;
	position:absolute;
	z-index:5;
	top:255px;
	left:410px;
}
.goods-detail .goods-detail-left-info{
	/*position:relative;overflow:hidden;*/
	_zoom:1;
	float:left;
	width:580px;
}
.goods-detail .goods-info-rightbox{
	position:relative; 
	float:right; 
	width:-moz-calc(100% - 580px);
	width:-webkit-calc(100% - 580px);
	width: calc(100% - 580px);
}
.goods-detail .goods-small-pic{
	position:absolute;
	left:0px;
	top:0px;
	display:none
}
.goods-detail .goods-small-pic li{
	height:85px;
	cursor:pointer;
	zoom:1;/*padding:4px;*/
	border:1px solid #e0e0e0;
	margin-bottom:14px;
	-webkit-transition:border-color .4s ease-out;
	transition:border-color .4s ease-out
}
.goods-detail .goods-small-pic li img{width:80px;height:80px; margin-top:2px}
.goods-detail .goods-small-pic li:hover{border-color:#b0b0b0}
.goods-detail .goods-small-pic li.current{cursor:default;border-color:#E70012}
.goods-detail .goods-small-pic li.current:hover{border-color:#FF3300}
.goods-detail .goods-info-head .goods-name{
	color:#333;
	font-weight: bold;
	margin:0; 
	padding:0; 
	line-height:160%; 
	font-size:18px
}
.goods-detail .goods-info-head .goods-subtitle{margin-top:7px}
.goods-detail .goods-info-head .goods-subtitle p{color:#616161;font-size:14px;line-height:23px}
.goods-detail .goods-info-head .goods-info-head-price{margin-top:20px;/*height:66px;line-height:66px;*/border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;color:#000000;font-size:12px; padding:10px 0; font-weight:normal; color:#666; font-family:'微软雅黑'; line-height:180%}
.goods-detail .goods-info-head .goods-info-head-cart .goods-add-cart-btn,.goods-detail .goods-info-head .goods-info-head-cart .goods-over-btn{width:220px;height:48px;line-height:48px;font-size:16px;display:block;float:left;text-align:center}
.goods-detail .goods-info-head .goods-info-head-cart .goods-collect-btn{height:48px;width:140px;display:block;float:left;text-align:center;margin-left:10px;line-height:48px}
.full-screen-border{height:0px;border-top:1px solid #e0e0e0}
.goods-detail-desc{
	text-align:center;
}
.pro_det_b{
	overflow: hidden;
	clear:both;
}

.pro_det_b_bars_box{
	min-height: 60px;
}
.pro_det_b_bars{
	position: relative;
	z-index:98;
	width: 100%;
	background:#004EA2;
}

.pro_det_b_bars_l{
	width:100%;
	display:flex;
    display: -webkit-flex;
    justify-content: left;
    -webkit-justify-content: left;
    align-items:left;
    -webkit-align-items: left;
}
.pro_det_b_bars_l .item{
	line-height: 60px;
	padding: 0 30px;
	color: #FFF;
	font-size: 16px;
	cursor: pointer;
	text-transform:capitalize;
	font-weight:bold;
}
.pro_det_b_bars_l .item.hover{
	/*border-bottom: 2px solid #FE0303;*/
	background:#F08300;
	color:#FFF;
	-webkit-transition-property: background-color;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
}
.pro_det_b_bars_l .item.hover:hover{
	color:#000
}
.pro_det_b_bars_l .item:hover{
	color:#FFF;
}

.pro_det_b_tabs_clm{
	padding: 4% 0;
}
/*.pro_det_b_tabs_clm br{
  display:none;
}*/
.title3{
	font-size: 40px;
	font-family: "pangmenzhengdao";
	margin-bottom: 3%;
	font-weight:lighter;
}
.pro_det_b_feat_list{
	display:flex;
    display: -webkit-flex;
    flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
}
.pro_det_b_feat_list dd:first-child,.pro_det_b_feat_list dd:nth-child(3),.pro_det_b_feat_list dd:nth-child(5),.pro_det_b_feat_list dd:nth-child(6),.pro_det_b_feat_list dd:nth-child(8),.pro_det_b_feat_list dd:nth-child(10){
	padding-left:0
}
.pro_det_b_feat_list dd:last-child{
	padding-right:0
}
.pro_det_b_feat_list dd{
	width: 50%;
	padding: 0 2%;
	position: relative;
	margin-bottom: 20px;
}
.pro_det_b_feat_list dd:last-child:after,.pro_det_b_feat_list dd:nth-child(2):after{
	display: none;
}
.pro_det_b_feat_list dd:after{
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: 2%;
	width: 0px;
	height:210px;
	background: #ddd;
}
.pro_det_b_feat_list_tt{
	display:flex;
    display: -webkit-flex;
    padding-bottom: 10px;
}
.opt{
	margin-bottom:20px;
    font-size:24px;
	clear:both; 
	width:100%; 
	margin:40px 0 20px 0; 
	border-top:#e0e0e0 1px solid; 
	padding-top:40px;
}
.ft li{
	list-style-type:disc;
	list-style-position: outside;
	font-size:22px;
	margin-left:24px;
}
.ft li span{
	font-size:16px;
}
/*.ft li:before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: #000;
    border-radius: 50%;
	margin-right:20px;
}*/
.pro_det_b_feat_list_tt .num{
	width: 22px;
	height: 22px;
	font-size: 14px;
	text-align: center;
	line-height: 22px;
	border-radius: 22px;
	text-align: center;
	color: #fff;
	background:url(../images/xmu.png) no-repeat center center;
	background-size:cover;
	text-indent:-99999999px;
}
.pro_det_b_feat_list_tt .tt{
	width: calc(100% - 20px);
	padding-left: 8px;
	line-height: 20px;
	color: #1F1F1F;
	font-size: 20px;
	font-weight: bold;
}

.pro_det_b_feat_list_text{
	font-size: 14px;
	line-height: 24px;
	color: #000;
}
.pro_det_b_feat_list_pic a{
  display:block;
  position:relative;
  width:100%;
  height:100%;
}
.pro_det_b_feat_list_pic .icon{
  position:absolute;
  left:50%;
  top:50%;
  width:50px;
  height:50px;
  margin:-25px 0 0 -25px;
  line-height:50px;
  font-size:50px;
  color:#0cb0bf;
  text-align:center;
  background:rgba(255,255,255,.8);
  border-radius:50px;
  transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.pro_det_b_feat_list_pic img{
	max-width: 100%;
}

.pro_det_b_tabs_clm_list{
	display:flex;
    display: -ms-flexbox;
    display: -webkit-flex;
	flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
}
.pro_det_b_tabs_clm_item{
	width: 25%;
	padding: 0 10px;
	margin-bottom: 20px;
}
.pro_det_b_tabs_clm_item a{
	display: block;
}
.pro_det_b_tabs_clm_item .pic{
	overflow: hidden;
	position: relative;
}
.pro_det_b_tabs_clm_item .pic iframe{
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
}
.pro_det_b_tabs_clm_item .pic img{
	display: block;
	width: 100%;
}
.pro_det_b_tabs_clm_item .tt{
	text-align: center;
	font-size: 16px;
	color: #444;
	padding: 12px 0 15px;
}
.pro_det_b_tabs_clm_item a:hover{
	transform: translateY(-3px);
    -webkit-transform: translateY(-3px);
}
.pro_det_b_tabs_pram{
/*	display:flex;
    display: -webkit-flex;
    justify-content:space-between;
    -webkit-justify-content: space-between;
    flex-wrap:wrap;
    -webkit-flex-wrap:wrap;*/
}
.pro_det_b_tabs_pram_table{
	width: 80%;
	max-width: 1000px;
	min-width: 320px;
	background: #fff;
	margin-bottom: 20px;
	margin-left:auto;
	margin-right:auto;
}
.pro_det_b_tabs_pram_table tr td{
	border: 1px solid #687B99;
	padding: 5px 15px;
	line-height: 22px;
	color: #000;
	font-size: 14px;
}
.pro_det_b_tabs_pram_table tr td:first-child{
	color: #fff;
	background: #7687A0;
}

.det tr td{
	padding: 5px 15px;
}
.det tr td:first-child{
	padding-left:0;
}
.det tr td:last-child{
	padding-right:0;
}
.det tr td img{
	display:block;
}
.pro_det_b_tabs_down_bars{
	display:flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
	flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
}
.pro_det_b_tabs_down_bars_clm{
	width: 100%;
	max-width: 300px;
	margin: 0 15px 15px;
}
.pro_det_b_tabs_down_bars_clm_tt{
	font-size: 16px;
	color: #1f1f1f;
	padding-bottom: 15px;
}
.pro_det_b_tabs_down_bars_clm_select{
	display: block;
	width: 100%;
	height: 44px;
	font-size: 14px;
	padding-left: 18px;
	background: #eff1f4;
	border:none;
	color: #666;
}

.support_box1_down_bars select{
	height: 44px;
	font-size: 14px;
	padding-left: 18px;
	background: #eff1f4;
	border:none;
	color: #666;
	width:250px !important;
	margin:0 15px 15px;
}

.pro_det_b_tabs_down_list{
	display:flex;
    display: -ms-flexbox;
    display: -webkit-flex;

    justify-content: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
  
  	flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    padding:2% 0 0 0;
}
.pro_det_b_tabs_down_list dd{
	width: 18%;
	margin: 0 1% 20px;
	border: 1px solid #e5e5e5;
	transition: all 0.5s;
    -webkit-transition: all 0.5s;
	background:#f6f6f6;
	box-shadow: rgba(0,0,0,0.03) 0 8px 20px;
}
.pro_det_b_tabs_down_list dd a{
	padding:10%;
	display:flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    flex-direction: column; 
    -webkit-flex-direction: column;
}

.pro_det_b_tabs_down_list dd .con{
	margin-bottom: 30px;
	text-align:left;
}
.pro_det_b_tabs_down_list dd .con .tt{
	color: #1f1f1f;
	font-size: 22px;
}
.pro_det_b_tabs_down_list dd .cin .tt2{
	color: #999;
}
.pro_det_b_tabs_down_list dd .pic{
	overflow: hidden;
}
.pro_det_b_tabs_down_list dd .pic .pdf_size{
	color: #999;
	margin-bottom: 12px;
}
.pro_det_b_tabs_down_list dd .pic img{
	display: block;
	max-width:100%;
}
.pro_det_b_tabs_down_list dd:hover{
	border: 1px solid #e0e0e0;
	transition: all 0.5s;
    -webkit-transition: all 0.5s;
	background:#FFF;
	box-shadow: rgba(0,0,0,0.1) 0 8px 20px;
	transform:translateY(-2px);
}


.pro_det_b_tabs_goes{
	position: relative;
}
.pro_det_b_tabs_goes_item{
	background: #fff;
	padding: 3%;
	text-align: center;
}
.pro_det_b_tabs_goes_item .pic{
	display: block;
	overflow: hidden;
	padding: 10px 0;
}
.pro_det_b_tabs_goes_item .pic img{
	display: block;
	width: auto;
	max-width: 100%;
	margin: 0 auto 15px;
}
.pro_det_b_tabs_goes_item .con .tt1{
	font-size: 32px;
	color:#1f1f1f;
	font-weight: bold;
}
.pro_det_b_tabs_goes_item .con .tt2{
	font-size: 14px;
	padding: 12px 0 18px;
}
.pro_comparison2{
	color: #aaaaaa;
	font-size: 14px;
	display:flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items:center;
    -webkit-align-items: center;
    margin-bottom: 20px;
}
.pro_comparison2:before{
	content: "";
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	border:2px solid #d2d2d2;
	margin-right: 6px;
}
.pro_det_b_tabs_goes_scroll_prev,.pro_det_b_tabs_goes_scroll_next{
	position: absolute;
	left: -80px;
	top:50%;
	width: 60px;
	height: 60px;
	font-size:60px;
	color: #cbcdd0;
	margin-top: -30px;
	cursor: pointer;
}
.pro_det_b_tabs_goes_scroll_next{
	left: auto;
	right: -80px;
	transform: rotateZ(180deg);
    -webkit-transform: rotateZ(180deg);
}
/***图片列表************/
.imgteaser{
	overflow:auto;
	float: left;
	position: relative;
	width:-moz-calc((100% - 50px) / 3);
	width:-webkit-calc((100% - 50px) / 3);
	width: calc((100% - 50px) / 3);
	/*height:240px;*/
	margin:0 25px 50px 0;
	text-align:center;
	box-sizing: border-box;
	transition: all linear 0.3s;
}
.certli{
	overflow:auto;
	float: left;
	position: relative;
	width:-moz-calc((100% - 105px) / 4)!important;
	width:-webkit-calc((100% - 105px) / 4)!important;
	width: calc((100% - 105px) / 4)!important;
	/*height:240px;*/
	margin:0 35px 50px 0;
	text-align:center;
	box-sizing: border-box;
	transition: all linear 0.3s;
}
.clst{ margin-right:0}
.imgteaser a{
	text-decoration: none;
	float: left; /* height:200px; */
	display:block;
	width:100%
}
.imgteaser a .pcc{ position:relative; overflow:hidden}
.imgteaser a:hover{cursor:pointer}
.imgteaser .mpc{
	position:relative;
	overflow:hidden;
}
.imgteaser a .mpc img{
	float:left;
	border: none;
	width:100%;
	/*height:200px;*/
    transition-duration: .5s;
    -ms-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;}
.imgteaser a .mpc:hover img{
	-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.CC{
	clear:both;
    background:#FFF;
	width:100%;
	height:60px;
	line-height:60px;
	-webkit-transition-property: background-color;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
	font-size:16px;}

.imgteaser a:hover .CC{ background:#004EA2;color:#FFF;line-height:60px;}
.imgteaser:hover{box-shadow: rgba(0,0,0,0.2) 0 8px 20px; transform:translateY(-2px);}
.mtop60{ margin-top:60px; clear:both;}
/*****在线客服************/
.ycxzx {
	position:fixed;
	right:2px;
	top:50%;
	z-index:99999999;
	margin-top:-148px;
	width:51px;
}
.ycxzx i{
	width:51px;
	height:51px;
	background-position:center;
	display:block;
	border-radius:4px;
}
.ycxzx .kf:hover i.tel,.ycxzx .kf:hover i.qq{
	border-top-left-radius:0;
	border-top-right-radius:4px;
	border-bottom-right-radius:4px;
	border-bottom-left-radius:0;
}
.ycxzx i.weixin{
	background:url(../images/right_pic2_on.png) no-repeat center center #0047BA;
}
.ycxzx i.qq{
	background:url(../images/right_pic5_on.png) no-repeat center center #0047BA;
}
.ycxzx i.tel{
	background:url(../images/right_pic1_on.png) no-repeat center center #0047BA;
}
.ycxzx i.yuyue{
	background:url(../images/right_pic3_on.png) no-repeat center center #0047BA;
}
.ycxzx i.top{
	background:url(../images/right_pic6_on.png) no-repeat center center #0047BA;
}
.ycxzx i:hover,.ycxzx .kf:hover i{
	background-color:#F08300;
	border-top-right-radius:4px;
	border-bottom-right-radius:4px;
}
.woshwap {overflow:hidden}
.loading {position:fixed;z-index:999;top:0;left:0;width:100%;height:100%}
.doyoo_f_chat {right:65px!important;z-index:23!important}
.doyoo_f_frame {display:none!important}
.doyoo_pan_icon,.doyoo_panel_mobile {z-index:24!important}
.ycxzx dd {padding-bottom:5px}
.ycxzx a img {width:100%}
.ycxzx dd a img.ydg {display:none}
.ycxzx dd a:hover img {display:none}
.ycxzx dd a:hover img.ydg {display:block}
.ycxzx .kf {display:block;position:relative}
.ycxzx .kf .ewms {position:absolute;right:100%;top:0;border:1px solid #eee;width:140px;display:none;border-radius:4px}
.ycxzx .kf:hover .ewms {display:block}
.ycxzx .kf .dh {
	position:absolute;
	right:-220px;
	margin-right:0px;
	line-height:51px;
	top:0;
	font-size:16px;
	width:0px;
	height:51px;
	text-align:center;
	/*display:none;*/
	background:#F08300;
	border-top-left-radius:4px;
	border-bottom-left-radius:4px;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s;
	opacity:0;
	overflow:hidden;
}
.ycxzx .kf:hover .dh {
	/*display:block;*/
	color:#fff;
	opacity:1;
	width:220px;
	right:100%;
}
.ycxzx .kf:hover .dh a{
	color:#FFF
}
.ycxzx .kf:hover .dh.nonebg{
	width:130px;
	height:150px;
	background:#F08300;
	text-align:center;
	font-size:14px;
	line-height:100%;
	right:110%;
}
.ycxzx .kf:hover .dh.nonebg img{
	width:80%;
	margin-top:10%;
	margin-bottom:10px
}

.slider_banner:before {
	content: '';
	display: block;
	width: 110%;
	height: 190px;
	background-color: #f9f9f9;
	z-index: 2;
	position: absolute;
	left: -5%;
	bottom: -100px;
	-webkit-transform: skew(5deg,5deg) translate3d(0,0,0);
	transform: skew(5deg,5deg) translate3d(0,0,0);
}

.slider_banner .swiper-pagination {
	padding-bottom: 15px;
}

.slider_banner .swiper-pagination-bullets .swiper-pagination-bullet {
	width: 6px;
	height: 6px;
	border: 3px solid #ccc;
	background: none;
	border-radius: 50%;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	position: relative;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	margin: 2px 10px!important;
}

.slider_banner .swiper-pagination-bullets .swiper-pagination-bullet-active {
	border-color: #1f3d6c;
	width: 10px;
	height: 10px;
	margin: 0 8px!important;
}

.slider_banner .swiper-button-prev,.slider_banner .swiper-button-next {
	width: 65px;
	height: 65px;
	line-height: 65px;
	margin-top: -33px;
}

.slider_banner:hover .swiper-button-prev,.slider_banner:hover .swiper-button-next {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

.slider_banner .swiper-button-prev:hover,.slider_banner .swiper-button-next:hover {
	background-color: #fff;
	color: #1f3d6c;
}

.slider_banner .swiper-button-prev:before,.slider_banner .swiper-button-next:before {
	display: inline-block;
	-webkit-transform: scale(1,0.75);
	-ms-transform: scale(1,0.75);
	-o-transform: scale(1,0.75);
	transform: scale(1,0.75);
}

.slider_banner .swiper-button-prev:before {
	content: '\f0d9';
}

.slider_banner .swiper-button-next:before {
	content: '\f0da';
}
.slider_banner {
	position: relative;
	overflow: hidden;
}

.swiper-container-no-flexbox .swiper-slide {
	float: left
}

.swiper-container-vertical>.swiper-wrapper {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
	-webkit-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-negative: 0;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform
}

.swiper-invisible-blank-slide {
	visibility: hidden
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
	height: auto
}

.swiper-container-autoheight .swiper-wrapper {
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-transition-property: height, -webkit-transform;
	transition-property: height, -webkit-transform;
	-o-transition-property: transform, height;
	transition-property: transform, height;
	transition-property: transform, height, -webkit-transform
}

.swiper-container-3d {
	-webkit-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;
	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, right top, left 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: -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, left top, right 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: -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 bottom, left top, 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: -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 top, left bottom, 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: -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-wp8-horizontal, .swiper-container-wp8-horizontal>.swiper-wrapper {
	-ms-touch-action: pan-y;
	touch-action: pan-y
}

.swiper-container-wp8-vertical, .swiper-container-wp8-vertical>.swiper-wrapper {
	-ms-touch-action: pan-x;
	touch-action: pan-x
}

.swiper-button-next, .swiper-button-prev {
	position: absolute;
	top: 50%;
	width: 55px;
	height: 55px;
	line-height: 55px;
	text-align: center;
	margin-top: -27px;
	z-index: 2;
	cursor: pointer;
	opacity: 0;
	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	font-size: 30px;
	background-color: #fff;
	border-radius: 2px;
}

.swiper-container:hover .swiper-button-next, .swiper-container:hover .swiper-button-prev {
}

.swiper-container:hover .swiper-button-prev {
	left: 65px;
}

.swiper-container:hover .swiper-button-next {
	right: 65px;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
	cursor: auto;
	pointer-events: none;
	opacity: 0.15;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
	left: 10px;
	right: auto
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
	background-size: cover;
	right: 10px;
	left: auto
}

.swiper-button-prev:before, .swiper-container-rtl .swiper-button-next:before {
	content: '\f104';
}

.swiper-button-next:before, .swiper-container-rtl .swiper-button-prev:before {
	content: '\f105';
}

.slider_banner .swiper-button-prev,.slider_banner .swiper-button-next {
	border-radius: 50%;
	color: #fff;
	background: rgba(255,255,255,0.2);
	font-size: 32px;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	opacity: 0;
	filter: alpha(opacity=0);
}

.slider_banner .swiper-button-prev {
	left: 30px;
}

.slider_banner .swiper-button-next {
	right: 30px;
}

.slider_banner:hover .swiper-button-prev {
	left: 60px;
}

.slider_banner:hover .swiper-button-next {
	right: 60px;
}

.swiper-button-lock {
	display: none
}

.swiper-pagination {
	position: absolute;
	text-align: center;
	-webkit-transition: .3s opacity;
	-o-transition: .3s opacity;
	transition: .3s opacity;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 3
}

.swiper-pagination.swiper-pagination-hidden {
	opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
	bottom: 20px;
	left: 0;
	width: 100%
}

.swiper-pagination-bullets-dynamic {
	overflow: hidden;
	font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	-webkit-transform: scale(.33);
	-ms-transform: scale(.33);
	transform: scale(.33);
	position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
	-webkit-transform: scale(.66);
	-ms-transform: scale(.66);
	transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
	-webkit-transform: scale(.33);
	-ms-transform: scale(.33);
	transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
	-webkit-transform: scale(.66);
	-ms-transform: scale(.66);
	transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
	-webkit-transform: scale(.33);
	-ms-transform: scale(.33);
	transform: scale(.33)
}

.swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	display: inline-block;
	vertical-align: middle;
	border-radius: 100%;
	background: #eee;
}

button.swiper-pagination-bullet {
	border: none;
	margin: 0;
	padding: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer
}

.swiper-pagination-bullet-active {
	background: #836d3c;
}

.swiper-container-vertical>.swiper-pagination-bullets {
	right: 10px;
	top: 50%;
	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 6px 0;
	display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	display: inline-block;
	-webkit-transition: .2s top, .2s -webkit-transform;
	transition: .2s top, .2s -webkit-transform;
	-o-transition: .2s transform, .2s top;
	transition: .2s transform, .2s top;
	transition: .2s transform, .2s top, .2s -webkit-transform
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 8px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	-webkit-transition: .2s left, .2s -webkit-transform;
	transition: .2s left, .2s -webkit-transform;
	-o-transition: .2s transform, .2s left;
	transition: .2s transform, .2s left;
	transition: .2s transform, .2s left, .2s -webkit-transform
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	-webkit-transition: .2s right, .2s -webkit-transform;
	transition: .2s right, .2s -webkit-transform;
	-o-transition: .2s transform, .2s right;
	transition: .2s transform, .2s right;
	transition: .2s transform, .2s right, .2s -webkit-transform
}

.swiper-pagination-progressbar {
	background: rgba(0, 0, 0, .25);
	position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: #007aff;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	-webkit-transform-origin: right top;
	-ms-transform-origin: right top;
	transform-origin: right top
}

.swiper-container-horizontal {
	overflow: hidden;
}

.swiper-container-horizontal>.swiper-pagination-progressbar {
	width: 100%;
	height: 4px;
	left: 0;
	top: 0
}

.swiper-container-vertical>.swiper-pagination-progressbar {
	width: 4px;
	height: 100%;
	left: 0;
	top: 0
}

.swiper-pagination-white .swiper-pagination-bullet-active {
	background: #fff;
	width: 15px;
	height: 15px;
}

.swiper-pagination-progressbar.swiper-pagination-white {
	background: rgba(255, 255, 255, .25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
	background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
	background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
	background: rgba(0, 0, 0, .25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
	background: #000
}

.swiper-pagination-lock {
	display: none
}

.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-scrollbar-lock {
	display: none
}

.swiper-zoom-container {
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center
}

.swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg {
	max-width: 100%;
	max-height: 100%;
	-o-object-fit: contain;
	object-fit: contain
}

.swiper-slide-zoomed {
	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%;
	-ms-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-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%;
	background-size: 100%;
	background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
}

@-webkit-keyframes swiper-preloader-spin {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes swiper-preloader-spin {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

.swiper-container .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	-webkit-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;
	-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-container-cube {
	overflow: visible
}

.swiper-container-cube .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1;
	visibility: hidden;
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	width: 100%;
	height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
	-webkit-transform-origin: 100% 0;
	-ms-transform-origin: 100% 0;
	transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.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-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.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-flip {
	overflow: visible
}

.swiper-container-flip .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.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;
	backface-visibility: hidden
}

.swiper-container-coverflow .swiper-wrapper {
	-ms-perspective: 1200px
}

.slider_banner .swiper-slide img {
	width: 100%;
}

.slider_banner .swiper-slide img+img {
	position: absolute;
	left: 0;
	top: 0;
}

.slider_banner .swiper-slide img {
	width: 100%;
	transition: 3s linear;
	transform: scale(1.08);
}

.slider_banner .swiper-slide.swiper-slide-active img {
	transform: scale(1);
}
.allproduct{
	clear:both;
	overflow:hidden;
	padding:60px 0;
	background:#f9f9f9;
}
.allproduct ul li{
	float:left;
	width:calc((100% - 90px) / 4);
	margin-right:30px;
	margin-bottom:40px;
	text-align:center;
	border:#f0f0f0 1px solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	border-radius:5px;
	-webkit-box-shadow:0 15px 15px rgba(0,0,0,.05);
	box-shadow:0 15px 15px rgba(0,0,0,.1);
	background:#FFF; 
	transition: all linear 0.3s;
}
.allproduct ul li:hover{
	transform:translateY(-10px);
	-webkit-transform:translateY(-10px);
	-moz-transform:translateY(-10px);
	-ms-transform:translateY(-10px);
	-o-transform:translateY(-10px);
	-webkit-box-shadow:0 15px 15px rgba(0,0,0,.2);
	box-shadow:0 15px 15px rgba(0,0,0,.2);
}
.allproduct ul li:nth-child(4n){
	margin-right:0;
}
.allproduct ul li img{
	display:block;
	width:100%;
}
.allproduct ul li .txt strong{
	font-size:16px;
}
.allproduct ul li .txt p{
	margin-bottom:15px;
	font-size:15px;
	color:#707070;
}