html,body{
	padding: 0;
	margin: 0;
	font-family: "微软雅黑";
	font-size: 16px;
	color: #333;
	overflow-x:hidden;
}
.wrap{
	max-width: 1200px;
	margin: 0 auto;
}
ul{
	padding: 0;
	margin: 0;
}
ul li{
	list-style: none;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.fp-tableCell{
	vertical-align: top;
}
a,a:hover,a:active,a:visited,a:link,a:focus{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    outline:none;
    text-decoration: none;
}
img{
	max-width: 100%;
}
/**导航菜单**/
header{
	position: fixed;
	top: 0;
	width: 100%;
	background: #fff;
	z-index: 9999;
	height: 102px;
	line-height: 102px;
	transition: all .6s;
	box-shadow: 0px 0px 20px rgba(0,0,0,.05);
}
header.onFixed{
	line-height: 82px;
	height: 82px;
}
header.onFixed .logo img{
	max-height: 100%;
}
header .header-container{
	padding: 0 3vw 0 3vw;
}
header .rightDiv .contactDiv{
	text-align: right;
}

header .menu{
	text-align: right;
}
header .menu ul{
	display: inline-block;
	overflow: hidden;
}
header .menu ul li{
	float: left;
}
header .menu>ul>li>a{
	text-align: center;
	color: #40254e;
	font-size: 18px;
	display: block;
	position: relative;
	margin: 0 40px;
	padding: 0;
	/*line-height:102px;*/
}
header .rightDiv .menu ul li>a:hover,
header .rightDiv .menu ul li>a:focus,
header .rightDiv .menu ul li>a.on {
	background: none;
	color: #40254e;
}
header .rightDiv .menu ul li>a:after{
    content: "";
    position: absolute;
    width: 100%;
    background: #40254e;
    height: 3px;
    bottom:20px;
    left: 0;
    opacity: 0;
    transform: scaleX(0);
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}
header .rightDiv .menu ul li>a.on:after,
header .rightDiv .menu ul li>a:hover:after{
	opacity: 1;
    transform: scaleX(1);
}
header .rightDiv .menu .buy_a span{
	font-size: 16px;
	color: #999;
	border-left: 1px solid #ccc;
	padding-left: 35px;
	margin-left:20px;
}


header .mbtn {
    display: inline-block;
    width: 50px;
    height: 50px;
    background: url(../img/menu.png) no-repeat center #40254e;
    background-size: 22px auto;
    position: absolute;
    top: 0;
    right: 0;
    display: none;
}
header .mbtn:active{
    opacity: .8;
}
body.on-menu header .mbtn{
    background-image: url(../img/menu-hide.png);
}

/********************************* 首页 **********************************/
.main{
	margin-top: 102px;
}
/*banner轮播*/
.index-banner{
    width: 100%;
	position:relative;
}
.index-banner .scrollBtnArea{
	position: absolute;
	left: 50%;
	margin-left: -12.5px;
	bottom: 3.125vw;
}
.index-banner .imgDiv{
	background-size:auto 100%;
	position: relative;
	height:calc(100vh - 102px);
	display:flex;
    justify-content:center;
    align-items:center;
}
.index-banner .imgDiv,.main .ny-banner{
    animation: zoomInBg 900ms;
}

.page{ text-align:center; margin:0 auto; padding-top:20px;}

.index-banner .item.active .imgDiv{
	animation: zoomInBg 900ms;
}
@keyframes zoomInBg{
	0%{
		background-size: auto 120%;
	}
	100%{
		background-size: auto 100%;
	}
}
.index-banner .carousel{
	position: relative;
}
.index-banner .carousel-indicators{
	position: absolute;
	top: 50%;
	bottom: auto;
	right: 9.375vw;
	left: auto;
	z-index: 2;
	width: auto;
	margin-left: auto;
	margin-bottom: 0;
	display: block;
    transform:translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}
.index-banner .carousel-indicators li{
	width:21px; 
	height:21px; 
	margin:0px 5px 45px;
	background: url(../img/yuan.png) no-repeat center center;
	border-radius: 0;
	display: block;
	border: 0;
	position: relative;
}
.index-banner .carousel-indicators li:after{
	content: "";
	width: 1px;
	height: 60px;
	background: #666;
	position: absolute;
	left: 50%;
	top: 11px;
	margin-left: -0.5px;
}
.index-banner .carousel-indicators li:last-child:after{
	display: none;
}

.index-banner .carousel-indicators li:last-child{
	margin-bottom: 0;
}
.index-banner .carousel-indicators .active{
	width:21px; 
	height:21px; 
	border-radius: 0;
	border: 0;
	background: url(../img/yuan_.png);
	margin:0px 5px 45px;
}

.index-div1{
	padding: 3.5vw 0 3.5vw;
}
.index-div1 .wrap{
	max-width: 79.95vw;
}
.index-div1 .rowDiv{
	position: relative;
}
.index-div1 .rowDiv .leftDiv{
	width: 50%;
	height: 532px;
	position: relative;
	background: #f7f4f4;
}
.index-div1 .rowDiv .leftDiv .conDiv{
	padding: 4.2vw 0;
}
.index-div1 .rowDiv .leftDiv .conDiv .imgDiv{
	width: 11.67vw;
	float: left;
	margin-right: 1.3vw;
}
.index-div1 .rowDiv .leftDiv .conDiv .imgDiv img{
	margin-left: -3vw;
	margin-top: 25px;
}
.index-div1 .rowDiv .leftDiv .conDiv  .textDiv{
	float: left;
	width: 65%;
}
.index-div1 .rowDiv .leftDiv .conDiv  .textDiv img{
	width: 14.11vw;
}
.index-div1 .rowDiv .leftDiv .conDiv  .textDiv div{
	display: block;
	font-size: 15px;
	color: #999;
	line-height: 34px;
	margin-top: 2vw;
	/*display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 7;
	overflow: hidden;*/
}
.index-div1 .rowDiv .rightDiv{
	width: 50%;
	height: 532px;
}
.index-div1 .rowDiv .rightDiv img{
	height: 100%;
}

.index-div2{
	background: #f0efef;
	padding: 60px 0 45px;	
}
.index-title{
	text-align: center;
}
.index-title .text{
	margin-top: 10px;
}
.index-title .text .chi{
	font-size: 28px;
	color: #35253d;
	font-weight: bold;
}
.index-title .text .line{
	display: block;
	width: 40px;
	height: 2px;
	background: #b8b2b9;
	margin: 8px auto 0;
}
.index-title .text .eng{
	font-size: 12px;
	color: rgba(53,37,61,.3);
	text-transform: uppercase;
}
.index-div2 .wrap{
	max-width: 1330px;
}
.index-div2 .rowDiv{
	overflow: hidden;
	margin-top: 35px;
}
.index-div2 .rowDiv .leftDiv{
	width: 39.4%;
	height: 569px;
	position: relative;
}
.index-div2 .rowDiv .rightDiv{
	width: 60%;
}
.index-div2 .rowDiv .leftDiv .conDiv{
	position: absolute;
    left:0;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.index-div2 .rowDiv .leftDiv .conDiv .textDiv{
	margin-top: 3.64vw;
	color: #40254e;
}
.index-div2 .rowDiv .leftDiv .conDiv .title .chi{
	font-size: 22px;
	margin-right: 15px;
	letter-spacing: 3px;
	font-weight:bold;
}
.index-div2 .rowDiv .leftDiv .conDiv .title .eng{
	font-size: 14px;
	text-transform: uppercase;
}
.index-div2 .rowDiv .leftDiv .conDiv p{
	font-size: 15px;
	margin: 20px 0 0;
	line-height: 34px;
}
.index-div2 .rowDiv .leftDiv .conDiv .line{
	width: 50px;
	height: 3px;
	background: #40254e;
	margin-top: 35px;
}
.index-div2 .rowDiv .rightDiv{
	position: relative;
}
.index-div2 .rowDiv .rightDiv .borderImg{
	position: absolute;
	left: 50%;
	top: 50%;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    max-width: 96%;
}
.index-div2 .carousel{
	position: relative;
	padding-bottom: 50px;
}
.index-div2 .carousel-indicators{
	margin-bottom: 0;
	bottom: 0;
}
.index-div2 .carousel-indicators li{
	width:18px; 
	height:18px; 
	margin:0px 1px;
	background: url(../img/lx.png) no-repeat center center;
	border-radius: 0;
	border: 0;
	position: relative;
}
.index-div2 .carousel-indicators .active{
	width:18px; 
	height:18px; 
	border-radius: 0;
	border: 0;
	background: url(../img/lx_.png);
	margin:0px 1px;
}
.index-div3{
	padding: 4vw 0 3.5vw 0;
}
.index-div3 .row{
	margin: 30px 0 0;
}
.index-div3 .row>div{
    display:flex;
    justify-content:center;
    align-items:center;
    min-height: 580px;
}
.index-div3 .row>div.leftDiv{
	background: url(../img/index-bg1.jpg) no-repeat center center;
}
.index-div3 .row>div .conDiv .titleDiv{
	text-align: center;
	color: #35253d;
}
.index-div3 .row>div .conDiv .titleDiv .title .chi{
	font-size: 24px;
	display: block;
	line-height: 1;
	margin-top: 40px;
}
.index-div3 .row>div .conDiv .titleDiv .title .eng{
	font-size: 20px;
	text-transform: uppercase;
	display: block;
	margin-top: 5px;
}
.index-div3 .row>div .conDiv ul{
	display: block;
	text-align: center;
	margin: 50px 0;
}
.index-div3 .row>div .conDiv ul li{
	display: inline-block;
	width: 10.417vw;
	height: 55px;
	line-height: 55px;
	border-radius: 5px;
	background: #8b766c;
	font-size: 18px;
	color: #fff;
}


.index-div3 .row>div .conDiv ul li a{ color:#fff;-webkit-transition: .2s ease all; -moz-transition: .2s ease all; transition: .2s ease all;}
.index-div3 .row>div .conDiv ul li a:hover{ padding-left:5px;}
.index-div3 .row>div .conDiv ul li:nth-child(2){
	margin: 0 2.6vw;
}
.index-div3 .row>div.leftDiv .textDiv{
	text-align: center;
} 
.index-div3 .row>div.leftDiv .textDiv span{
	font-size: 18px;
	color: #999;
} 
.index-div3 .row>div.leftDiv .textDiv p{
	font-size: 14px;
	color: #999;
	margin: 10px 0 0;
} 
.index-div3 .row>div.rightDiv{
	background: #f5f1ee;
}
.index-div3 .row>div.rightDiv .textDiv{
	text-align: center;
	font-size: 14px;
	line-height: 30px;
	color: #999;
	margin-top: 50px;
}
.index-div3 .row>div.rightDiv .textDiv span a{
	display: inline-block;
	padding: 10px 40px;
	background: #8b766c;
	font-size: 18px;
	color: #fff;
}
.index-div3 .row>div.rightDiv .textDiv span a{ color:#fff;-webkit-transition: .2s ease all; -moz-transition: .2s ease all; transition: .2s ease all;}
.index-div3 .row>div.rightDiv .textDiv span a:hover{ padding: 10px 45px;}
.bottomDiv{
	background: #f7f7f7;
	padding: 40px 0 30px;
}
.bottomDiv .wrap{
	overflow: hidden;
}
.bottomDiv .leftDiv{
	width: 23.3%;
}
.bottomDiv .leftDiv .telDiv{
	overflow: hidden;
	color: #666;
}
.bottomDiv .leftDiv .telDiv img{
	margin-right: 5px;
	position: relative;
	top: 5px;
}
.bottomDiv .leftDiv .telDiv .textDiv span{
	font-size: 18px;
}
.bottomDiv .leftDiv .telDiv .textDiv .telNum{
	font-size: 30px;
	line-height: 1;
}
.bottomDiv .leftDiv>.textDiv{
	margin: 20px 0;
	font-size: 14px;
	color: rgba(102,102,102,.6);
}
.bottomDiv .leftDiv>.textDiv div{
	margin-bottom: 5px;
}
.bottomDiv .leftDiv .ewmDiv>div{
	display: inline-block;
	margin-right:30px;
}
.bottomDiv .leftDiv .ewmDiv>div span{
	display: block;
	font-size: 14px;
	color: rgba(102,102,102,.6);
	text-align: center;
	margin-top: 5px;
}
.bottomDiv .rightDiv{
	width: 66.6%;
}
.bottomDiv .rightDiv .hd{
	overflow: hidden;
	border-bottom: 2px solid #dedede;
	padding-bottom: 40px;
	padding-top:20px;
}
.bottomDiv .rightDiv .hd .listDiv{
	float: left;
	margin-right: 14%;
}
.bottomDiv .rightDiv .hd .listDiv .h4{
	margin: 0 0 25px;
	font-size: 16px;
	color: #40254e;
	font-weight:bold;
}
.bottomDiv .rightDiv .hd .listDiv ul li a{
	display: block;
	font-size: 14px;
	color: rgba(102,102,102,.6);
	margin-bottom: 5px;
}
.bottomDiv .rightDiv .hd .listDiv:last-child{
	margin-right: 0;
}
.bottomDiv .rightDiv .bd{
	margin-top: 20px;
}
.bottomDiv .rightDiv .bd span{
	font-size: 14px;
	color: #666;
	display: block;
	margin-bottom: 20px;
}
.bottomDiv .rightDiv .bd .iconDiv a{
	margin-right: 10px;
}
/******************加入我们*********************/
.ny-banner{
	height: 480px;
}
.join-div .rowDiv{
	overflow: hidden;
	padding: 3.5vw 0;
}
.join-div .rowDiv .rightDiv{
	width: 53.5%;
}
.join-div .rowDiv .leftDiv{
	width: 46.5%;
	height: 428px;
    display:flex;
    justify-content:center;
    align-items:center;
}
.join-div .rowDiv .leftDiv .conDiv{
	padding: 0 8.6%;
}
.join-div .rowDiv .leftDiv .conDiv .titleDiv{
	text-align: center;
}
.join-div .rowDiv .leftDiv .conDiv .titleDiv div{
	font-size: 28px;
	color: #35253d;
	letter-spacing: 5px;
	margin-bottom: 6px;
}
.join-div .rowDiv .leftDiv .conDiv .titleDiv span{
	font-size: 18px;
	color: #030303;
}
.join-div .rowDiv .leftDiv .conDiv .textDiv{
	font-size: 16px;
	color: #666;
	line-height: 34px;
	text-indent: 2em;	
	margin-top: 3.125vw;
}

/******************加入我们*********************/
.server-div{
	padding: 3.5vw 0;
}
.server-div .rowDiv1{
	overflow: hidden;
	margin-bottom: 3.5vw;
}
.server-div .rowDiv2{
	overflow: hidden;
}
.server-div .rightDiv{
	width: 46%;
}
.server-div .leftDiv{
	width: 54%;
	height: 428px;
    display:flex;
    justify-content:center;
    align-items:center;
}
.server-div .leftDiv .conDiv{
	padding: 0 5%;
}
.server-div .leftDiv .conDiv .titleDiv{
	text-align: center;
}
.server-div .leftDiv .conDiv .titleDiv div{
	font-size: 28px;
	color: #35253d;
	letter-spacing: 5px;
	margin-bottom: 6px;
}
.server-div .leftDiv .conDiv .titleDiv span{
	font-size: 18px;
	color: #030303;
}
.server-div .leftDiv .conDiv .textDiv{
	margin-top: 3.37vw;
}
.server-div .rowDiv1 .leftDiv .conDiv .textDiv div{
	margin-top: 2.0vw;
}
.server-div .rowDiv1 .leftDiv .conDiv .textDiv span{
	font-size: 16px;
	font-weight: bold;
}
.server-div .rowDiv1 .leftDiv .conDiv .textDiv p{
	font-size: 16px;
	color: #666666;
	margin: 0;
	padding-top:10px;
}
.server-div .rowDiv2 .leftDiv .conDiv .textDiv p{
	margin: 10px 0 0;
	font-size: 16px;
	color: #666;
	line-height: 34px;
	text-indent: 2em;	
}

/******************品牌溯源*********************/
.ppsy-div{
	padding: 3.5vw 0;
}
.ppsy-div .rowDiv1{
	overflow: hidden;
	margin-bottom: 3.5vw;
}
.ppsy-div .rowDiv2{
	overflow: hidden;
}
.ppsy-div .rowDiv1 .rightDiv{
	width: 57.5%;
}
.ppsy-div .rowDiv1 .leftDiv{
	width: 42.5%;
	height: 500px;
    display:flex;
    justify-content:center;
    align-items:center;
}
.ppsy-div .rowDiv1 .titleDiv{
	background: url(../img/bg.png);
	overflow: hidden;
	padding: 15px 25px;
	font-size: 44px;
	margin-right: -90px;
	color: #fff;
}
.ppsy-div .leftDiv .titleDiv img{
	margin-right: 20px;
	position: relative;
	top: 0px;
}
.ppsy-div .leftDiv .titleDiv .text div{
	margin-top: 5px;
	font-size: 28px;
	letter-spacing: 10px;
	line-height: 1;
}
.ppsy-div .leftDiv .titleDiv span{
	font-size: 18px;
	display: block;
	margin-top: 10px;
	letter-spacing: 2px;
}
.ppsy-div .leftDiv .textDiv{
	font-size: 16px;
	line-height: 36px;
	margin-top: 50px;
}
.ppsy-div .rowDiv2 .rightDiv{
	width: 50%;
}
.ppsy-div .rowDiv2 .leftDiv{
	width: 50%;
	height: 400px;
    display:flex;
    justify-content:center;
    align-items:center;
}
.ppsy-div .rowDiv2 .leftDiv .titleDiv .text div{
	color: #40254e;
} 
.ppsy-div .rowDiv2 .leftDiv .titleDiv span{
	padding-left:5px;
	display: inline-block;
}


/*****************品牌聚焦******************/
.ppjj-main .hdDiv{
	overflow: hidden;
	border-bottom: 1px solid #d9d9d9;
	padding: 20px 0;
}
.ppjj-main .hdDiv span{
	font-size: 20px;
	color: #000;
	font-weight:bold;
	line-height:40px;
}
.ppjj-main .hdDiv .listDiv{
	text-align: center;
	height:40px;
}
.ppjj-main .hdDiv div ul{
	overflow: hidden;
	display: inline-block;
}
.ppjj-main .hdDiv div ul li{
	font-size: 16px;
	float: left;
	margin: 0 0 0 60px;
}
.ppjj-main .hdDiv div ul li a{
	color: #666;
	display: block;
	width: 130px;
	height: 40px;
	line-height: 40px;
	background: #f8f8f8;
}
.ppjj-main .hdDiv div ul li:hover a,.ppjj-main .hdDiv div ul li.active a{
	background: #d5ccc3;
	color: #000;
}

.ppjj-div .bdDiv{
	padding: 60px 0;
}
.ppjj-div .bdDiv .row>div{
	margin-bottom: 60px;
}
.ppjj-div .bdDiv .row>div .conDiv{
	box-shadow: 0px 0px 20px rgba(0,0,0,.1);
}
.ppjj-div .bdDiv .row>div .conDiv:hover{box-shadow: 0px 0px 20px rgba(0,0,0,.3);}


.ppjj-div .bdDiv .row>div .conDiv .textDiv{
	padding: 15px;
}
.ppjj-div .bdDiv .row>div .conDiv .textDiv .title{
	font-size: 16px;
	color: #000;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ppjj-div .bdDiv .row>div .conDiv .textDiv p{
	font-size: 14px;
	color: #666;
	line-height: 22px;
	margin: 10px 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.ppjj-div .bdDiv .row>div .conDiv .textDiv span{
	font-size: 12px;
	color: #999;
}
.ppjj-div .bdDiv .row>div .conDiv:hover .title{
	color: #40254e;
}


.ppjj-detail-div .bdDiv{
	padding: 60px 0;
	max-width: 1085px;
	margin: 0 auto;
}
.ppjj-detail-div .bdDiv .titleDiv{
	text-align: center;
}
.ppjj-detail-div .bdDiv .titleDiv .title{
	font-size: 20px;
	padding-bottom:10px;
}
.ppjj-detail-div .bdDiv .titleDiv .timeDiv{
	font-size: 14px;
	color: #999999;
}
.ppjj-detail-div .bdDiv .textDiv{
	padding: 40px 0;
}
.ppjj-detail-div .bdDiv .textDiv p{
	font-size: 16px;
	color: #666;
	line-height: 28px;
	text-indent: 2em;
}
.ppjj-detail-div .bdDiv .textDiv .imgDiv{
	text-align:  center;
	margin:30px 0;
	overflow: hidden;
}
.ppjj-detail-div .bdDiv .textDiv .imgDiv img{
	max-width: 48%;
}
.ppjj-detail-div .bdDiv .otherPage{
	border-top: 1px solid #d9d9d9;
	padding-top: 10px;
}
.ppjj-detail-div .bdDiv .otherPage .row>div span{
	font-size: 14px;
	color: #333;
	background: #f1f1f1;
	padding: 5px 10px;
	float: left;
}
.ppjj-detail-div .bdDiv .otherPage .row>div a{
	font-size: 14px;
	color: #333;
	max-width: 80%;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 5px 10px;
	float: left;
}
.ppjj-detail-div .bdDiv .otherPage .row>div .conDiv{
	display: inline-block;
	max-width: 100%;
}
.ppjj-detail-div .bdDiv .otherPage .row>div.rightDiv{
	text-align: right;
}

/****************产品中心*****************/
.product-div .hdDiv{
	padding: 30px 0;

}
.product-div .hdDiv .title{
	font-size: 26px;
	color: #000;
}
.product-div .category-box{
	background: #f1f1f1;
	padding: 15px 25px;
	overflow: hidden;
}
.product-div .category-box>a.fr{
	font-size: 16px;
	color: #009CFF;
	background: url(../img/back.png) no-repeat left center;
	padding-left: 30px;
}
.product-div .category-box>dl{
	overflow: hidden;
	padding:0;
	position: relative;
	margin: 0;
	line-height: 28px;
	width: 80%;
}
.product-div .category-box>dl a{
	font-size: 18px;
	color: #666;
}
.product-div .category-box>dl>dt{
	float: left;
	font-size:18px;
	font-weight: normal;
	color: #000;
}
.product-div .category-box>dl>div{
	width: 90%;
	overflow: hidden;
	float: left;    
	padding-left: 5px;
}
.product-div .category-box>dl dd{
	float: left;
	padding: 0 10px;
    display: inline-block;
    margin: 0 0 0 5px;
    color: #666;
}
.product-div .category-box>dl dd.active{
	color: #ff2400;
}
.product-div .bdDiv .wrap{
	border-top: 1px solid #d9d9d9;
	padding: 55px 0;
}
.product-div .bdDiv .row{
	margin: 0 -20px;
}
.product-div .bdDiv .row>div{
	padding: 0 20px;
	margin-bottom: 20px;
}
.product-div .bdDiv .row>div .textDiv{
	display: block;
	text-align: center;
	margin: 10px 0;
	font-size: 16px;
	color: #666666;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}
.product-div .bdDiv .row>div:hover .textDiv{
	color: #FF2400;
}

/******************提交留言**********************/
.contact-div{
	padding: 3.5vw 0;
}
.contact-div .infoDiv .title{
	font-size: 28px;
	color: #383838;
	margin-bottom: 40px;
}
.contact-div .infoDiv .row>div{
	font-size: 18px;
	color: #666;
	margin-bottom: 25px;
	line-height: 30px;
}
.contact-div .infoDiv .row>div .telDiv{
	background: url(../img/icon1.png) no-repeat left center;
	padding-left: 35px;
}
.contact-div .infoDiv .row>div .czDiv{
	background: url(../img/icon2.png) no-repeat left center;
	padding-left: 35px;
}
.contact-div .infoDiv .row>div .emailDiv{
	background: url(../img/icon3.png) no-repeat left center;
	padding-left: 35px;
}
.contact-div .infoDiv .row>div .addrDiv{
	background: url(../img/icon4.png) no-repeat left center;
	padding-left: 35px;
}
.contact-div .infoDiv .mapDiv{
	margin: 30px 0 50px;
}
.contact-div .liuyanDiv .hd{
	font-size: 28px;
	color: #383838;
	padding-left: 40px;
	background: url(../img/update.png) no-repeat left 5px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
}
.contact-div .liuyanDiv .bd{
	margin-top: 20px;
}
.contact-div .liuyanDiv .bd .row>div{
	margin-top: 20px;
}
.form-control{
	height: 40px;
	background: #f8f8f8;
}
.form-control:focus{
	border-color: #40254e;
}
textarea.form-control{
	height: 160px;
}
.contact-div .liuyanDiv .bd .subBtn{
	width: 200px;
	line-height: 40px;
	padding: 0;
	border: 0;
	border-radius: 40px;
	background: #40254e;
	font-size: 16px;
	color: #fff;
	margin-top: 10px;
}

/**********************产品详情*******************/
.proDetail-div .proDiv1{
	padding: 80px 0px 0;
}
.proDetail-div .proDiv1 .hd{
	overflow: hidden;
	margin-bottom: 60px;
}
.proDetail-div .proDiv1 .leftDiv{
	width: 41.7%;
}
.proDetail-div .proDiv1 .leftDiv .hdDiv{
	text-align: center;
	margin-bottom: 15px;
}
.proDetail-div .proDiv1 .leftDiv .bdDiv{
	text-align: center;
}
.proDetail-div .proDiv1 .leftDiv .bdDiv ul{
	margin: 0 -3px;
}
.proDetail-div .proDiv1 .leftDiv .bdDiv ul li{
	float: left;
	width:20%;
}
.proDetail-div .proDiv1 .leftDiv .bdDiv ul li a{
	margin: 0 4px;
	border: 2px solid #E7E7E7;
	display: block;
}
.proDetail-div .proDiv1 .leftDiv .bdDiv ul li.active a{
	border-color: #FF2400;
}
.proDetail-div .proDiv1 .rightDiv{
	width: 51.5%;
}
.proDetail-div .proDiv1 .rightDiv .title{
	font-size: 24px;
	color: #666;
	padding: 35px 0;
}
.proDetail-div .proDiv1 .rightDiv .text{
	border-top: 1px solid #ddd;
	padding: 20px 0;
	font-size: 16px;
	color: #666;
}
.proDetail-div .proDiv1 .rightDiv .text span{
	font-size: 18px;
	color: #40254e;
}
.proDetail-div .proDiv1 .rightDiv .text p{
	margin: 10px 0 0;
}
.proDetail-div .proDiv1 .rightDiv .text div{
	margin: 10px 0 0;
}
.proDetail-div .proDiv1 .proInfoDiv{
	padding: 20px 20px 40px;
	background: #f5f5f5;
}
.proDetail-div .proDiv1 .proInfoDiv .title{
	font-size: 24px;
	color: #333333;
}
.proDetail-div .proDiv1 .proInfoDiv ul {
	overflow: hidden;
}
.proDetail-div .proDiv1 .proInfoDiv ul li{
	float: left;
	font-size: 18px;
	color: #666;
	margin: 20px 20px 0;
	min-width: 25%;
}
.proDetail-div .hotDiv {
	padding: 60px 0;
}
.proDetail-div .hotDiv .titleDiv{
	font-size:24px;
	color: #666;
	text-align: center;
	margin-bottom: 40px;
}
.proDetail-div .hotDiv .row{
	margin: 0 -20px;
}
.proDetail-div .hotDiv  .row>div{
	padding: 0 20px;
}
.proDetail-div .hotDiv  .row>div .textDiv{
	display: block;
	text-align: center;
	margin: 10px 0 0;
	font-size: 16px;
	line-height: 26px;
	color: #666666;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}
.proDetail-div .hotDiv .row>div:hover .textDiv{
	color: #FF2400;
}
.product-div1{
	padding: 25px 0;
}
.product-div1 .title{
	font-size: 22px;
	color: #000;
	margin-bottom: 25px;
}
.product-div1 .rowDiv{
	overflow: hidden;
}
.product-div1 .rowDiv .leftDiv{
	width: 32.5%;
}
.product-div1 .rowDiv .centerDiv{
	width: 33.3%;
	margin: 0 0.85%;
}
.product-div1 .rowDiv .centerDiv .row{
	margin: 0 -1.25% 5%;
}
.product-div1 .rowDiv .centerDiv .row>div{
	padding: 0 1.25%;
}
.product-div1 .rowDiv .rightDiv{
	width: 32.5%;
}
.product-div1 .rowDiv .text span.eng{
	font-size: 16px;
	color: #919191;
	display: block;
	margin: 10px 0 0px;
}
.product-div1 .rowDiv .text span.chi{
	font-size: 16px;
	color: #333333;
}
.product-div1 .rowDiv a:hover .text span{
	color: #40254e;
}

.product-div1 .rowDiv .imgDiv{
	position: relative;
	overflow: hidden;
}
.product-div1 .rowDiv .imgDiv img{
	width: 100%;
	transition-duration: 1s;
    -ms-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -webkit-transition-duration: 1s;
}
.product-div1 .rowDiv a: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);}
	
	
	
	
	

.bt-backtop {
    width: 60px;
    height: 60px;
    background: url(../img/backtop.png);
    position: fixed;
    z-index: 9;
    right: 20px;
    bottom: 5px;
    opacity: .7;
    display: none;
}
body.scrolled .bt-backtop{
    display: inline-block;
} 

body:after {
    content: '';
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .8);
    display: none;
}
body.on-menu:after {
    display: block;
}

@media (max-width:1550px) {
	header .header-container{padding: 0 0 0 2.96vw;}
	header .menu>ul>li>a{margin: 0 30px;}
	.index-div1 .wrap{max-width: 90%;}
	.index-div1 .rowDiv .leftDiv .conDiv .textDiv{width: 70%;}
}
@media (max-width:1340px) {
	header .header-container{padding: 0 0 0 15px;}
	header .menu>ul>li>a{margin: 0 20px;}
	.index-div2 .rowDiv{padding: 0 20px;}
	.index-div2 .rowDiv .leftDiv{height: 500px;}
	.index-div3 .row>div .conDiv ul li:nth-child(2){margin: 0 2vw;}
	.index-div3 .row>div .conDiv ul li{width: 12.417vw;}
}
@media (max-width:1220px) {
	header .menu>ul>li>a{margin: 0 15px;}
	header .rightDiv .menu .buy_a span{padding: 0 15px;}
	.index-div1 .wrap{max-width: 95%;}
	.index-div1 .rowDiv .leftDiv .conDiv .textDiv{width: 85%;}
	.index-div1 .rowDiv .leftDiv .conDiv .imgDiv{margin-right: 0;}
	.index-div1 .rowDiv .leftDiv,.index-div1 .rowDiv .rightDiv{height: 432px;}
	.index-div1 .rowDiv .leftDiv .conDiv{padding: 3.2vw 0;}
	.index-div2 .rowDiv .leftDiv{height: 450px;}
	.index-div2 .rowDiv .leftDiv .conDiv .textDiv{margin-top: 1.6vw;}
	.index-div2 .rowDiv .leftDiv .conDiv p{margin-top: 10px; font-size:12px; line-height:24px;}
	.index-div3 .row>div .conDiv .titleDiv .title .chi{font-size: 28px;}
	.index-div3 .row>div{min-height: 505px;}
	.bottomDiv{padding:5px 15px 10px;}
	.bottomDiv .rightDiv .hd .listDiv{margin-right: 13%;}
	.bottomDiv .leftDiv .ewmDiv>div{margin: 0 5px 0 0;}
	.join-div .rowDiv .leftDiv{height: 405px;}
	.server-div .leftDiv{height: 400px;}
	.product-div .hdDiv{padding: 10px 10px;}
	.product-div .bdDiv .row,.proDetail-div .hotDiv .row{margin: 0px;}
	.product-div .bdDiv .row>div,.proDetail-div .hotDiv .row>div{padding: 0 15px;}
	.contact-div .wrap{padding: 0 15px;}
	.proDetail-div .proDiv1{padding: 80px 15px 0;}
}
@media (max-width:1100px) {
	header .menu>ul>li>a{margin: 0 13px;font-size: 16px;}
	header .rightDiv .menu .buy_a span{padding: 0 15px;}
	.bottomDiv .leftDiv{width: 30%;}
	.bottomDiv .rightDiv .hd .listDiv{margin-right: 10%;}
	.join-div .rowDiv .leftDiv{height: 380px;}
	.ppsy-div .rowDiv1 .leftDiv{height: 440px;}
	.ppsy-div .leftDiv .textDiv{line-height: 30px;margin-top: 20px;}
}

@media (min-width:992px) and (max-width:1024px) {
	header .menu>ul>li>a{margin: 0 10px;font-size: 16px;}
	.bottomDiv .leftDiv .telDiv .textDiv .telNum{font-size: 24px;}
	.join-div .rowDiv .leftDiv{height: 350px;}
	.ppsy-div .rowDiv2 .leftDiv .conDiv{padding-left: 10px;}
}
@media (min-width:768px) and (max-width:991px) {
	header .menu>ul>li>a{margin: 0 5px;font-size: 14px;}
	header .rightDiv .menu .buy_a span{padding: 0 15px;}
	header .header-container .logo img{
		max-width: 160px;
	}
	.bottomDiv .leftDiv .telDiv .textDiv .telNum{font-size: 24px;}
	.bottomDiv .rightDiv .hd .listDiv{margin-right: 8%;}
	.index-div3 .row>div .conDiv ul li{font-size: 20px;}
	.index-div2 .rowDiv .leftDiv{height: 400px;}
	.join-div .rowDiv .leftDiv{height: 320px;}
	.server-div .leftDiv .conDiv .titleDiv div{font-size: 36px;}
	.server-div .leftDiv{height: 345px;}
	.ppsy-div .rowDiv2 .leftDiv .conDiv{padding-left: 10px;}
	.proDetail-div .proDiv1 .rightDiv .title{padding: 20px 0;font-size: 26px;}
}

/*手机*/
@media (max-width:767px) {
	header.onFixed{padding: 0;}
	header.onFixed .logo{width: initial;}
	header {
		position: fixed !important;
		z-index: 9999;
		top: 0;
		left: auto;
		right: 0;
		width: 100%;
		height: 50px;
		padding: 0;
		/*background-color: transparent;*/
		transition: right 300ms !important;
	}
	.bt-backtop {
    width: 45px;
    height: 45px;
    background: url(../img/backtop.png);
	background-size: cover;
    position: fixed;
    z-index: 9;
    right: 20px;
    bottom: 5px;
    opacity: .7;
    display: none;
}
	
	.bottomDiv .iconDiv{ display:none;}
	.bottomDiv .rightDiv .bd{ margin-top:10px;}
	.bottomDiv .rightDiv .bd span{ margin-bottom:0px;}
	.index-div2 .rowDiv .leftDiv .conDiv .title .chi{ font-size:16px;}
	header .logo {height: 50px;line-height: 50px;padding: 0;width: initial;}
	header .logo img {max-height: 80%;}
	body.on-menu header {right: 60%;}
	header .mbtn {display: block;}
	header .menu {
		float: right;
		position: fixed;
		top: 0;
		right: 0;
		width: 60%;
		height: 100%;
		padding-top: 0;
		background-color: #40254e;
		border-bottom: 1px solid #fff;
		transition: right 300ms;
		right: -60%;
		padding: 0;
		overflow-y: auto;
		margin-top: 0;
	}
	header .menu ul li {
		padding: 0;
		border-bottom: 1px solid #eee;
		float: none;
	}
	header .menu ul li a {
		display: block;
		line-height: 50px;
		height: 50px;
		text-align: center;
		color: #fff;
		font-size: 14px;
		padding: 0;
		font-weight: normal;
	}
	header .menu ul li.on a,header .menu ul li a.on{ color:#fff;}
	header .rightDiv .menu ul li>a.on{ color:#fff;}
	header .rightDiv .language{height: 50px;line-height: 50px;display: block;float: inherit;width: 100%;margin-left: 0;text-align: center;color: #fff;font-size: 14px;}
	header .menu ul {display: block;}
	header .menu ul li a span {display: none;}
	header .menu ul li.on a,header .menu ul li a.on {background: none;color: #fff;}
	body.on-menu header .menu {right: 0;}
	body.on-menu .main {right: 60%;}
	header .menu ul li>a:after{bottom: 5px;}
	/*header .twoMenu{position: relative;top: 0;background: none;margin-bottom: 20px;}
	header .twoMenu ul li{border-top:1px solid rgba(255,255,255,.3);border-bottom: 0;}
	header .twoMenu ul li a{font-size: 14px;height: 40px;line-height: 40px;}*/
	header .menu>ul>li>a.on:after{display: none;}
	header .rightDiv .menu .buy_a{width: 100%;text-align: center;line-height: 50px;}
	header .rightDiv .menu .buy_a span{border-left: 0;color: #fff;font-size: 16px;}
	header .rightDiv .menu .buy_a span img{width: 26px;position: relative;top: -2px;margin-right: 5px;}
	header .rightDiv .menu ul li>a:after{display: none;}
	
	.main {position: relative;right: 0;transition: right 300ms !important;margin-top: 50px;}
	.index-banner .imgDiv{height: 55vw;}
	.index-banner .carousel-indicators li,.index-banner .carousel-indicators .active{margin-bottom: 5vw;}
	.index-banner .carousel-indicators{right: 3.375vw;}
	.index-banner .carousel-indicators li:after{height: 40px;}
	.index-div1 .rowDiv .leftDiv,.index-div1 .rowDiv .rightDiv{width: 100%;height: initial;}
	.index-div1 .rowDiv .rightDiv img{height: initial;}
	.index-div1 .rowDiv .leftDiv .conDiv .imgDiv{width:15%;}
	.index-div1 .rowDiv .leftDiv .conDiv .textDiv div{line-height: 28px; font-size:12px;}
	.index-div1 .rowDiv .leftDiv .conDiv .textDiv img{width: 50%;}
	.index-div1 .rowDiv .leftDiv .conDiv{padding: 30px 0;}
	.index-div2{padding: 30px 0 25px;}
	.index-title .text .chi{font-size: 22px;}
	.index-div2 .rowDiv .rightDiv{width: 100%;}
	.index-div2 .rowDiv .leftDiv{width: 100%;height: initial;}
	.index-div2 .rowDiv .leftDiv .conDiv{position: relative;top: 0;-webkit-transform: translateY(0%);margin-top: 30px;}
	.index-div2 .rowDiv .leftDiv .conDiv img{ display:none;}
	.index-div2 .rowDiv .leftDiv .conDiv .textDiv{margin-top: 20px;}
	.index-div3 .row>div{min-height: initial;}
	.index-div3 .row>div .conDiv ul li{width: 30%;font-size: 18px;height: 40px;line-height: 40px;}
	.index-div3 .row>div .conDiv .titleDiv .title .chi{font-size: 18px;margin-top: 20px;}
	.index-div3 .row>div .conDiv .titleDiv .title .eng{font-size: 16px;}
	.index-div3 .row>div .conDiv ul li a{ font-size:14px;}
	.index-div3 .row>div.leftDiv .textDiv span{ font-size:14px;}
	.index-div3 .row>div.rightDiv .textDiv span a{ font-size:14px;}
	.index-div3 .row>div .conDiv ul{margin: 25px 0;}
	.index-div3 .row>div{padding: 20px 0;}
	.index-div3 .row>div.rightDiv .textDiv{margin-top: 20px;}
	.bottomDiv .leftDiv{width: 100%; display:none;}
	.bottomDiv .rightDiv{width: 100%;margin-top: 0px;}
	.bottomDiv .rightDiv .hd .listDiv{margin-right: 14%;margin-bottom: 20px;}
	.ny-banner{height: 45vw;}
	.join-div .rowDiv .rightDiv{width: 100%;}
	.index-div3 .row>div.leftDiv .textDiv p{ padding:0px 20px;}
	.bottomDiv .rightDiv .hd{ display:none;}
	.index-div3 .row{ margin-top:10px;}
	.index-div2 .rowDiv{ margin-top:10px;}
	.join-div .rowDiv .leftDiv{width: 100%;height: initial;padding: 30px 0;}
	.join-div .rowDiv .leftDiv .conDiv .titleDiv div{font-size: 18px;letter-spacing:3px;}
	.join-div .rowDiv .leftDiv .conDiv .titleDiv span{ font-size:16px;}
	.join-div .rowDiv .leftDiv .conDiv .textDiv{margin-top: 15px; font-size:14px; line-height:24px;}
	.server-div .rightDiv{width: 100%;}
	.server-div .leftDiv{width: 100%;height: initial;padding: 20px 0;}
	.server-div .leftDiv .conDiv .titleDiv div{font-size: 18px;letter-spacing:3px;}
	.server-div .leftDiv .conDiv .titleDiv span{ font-size:14px;}
	.server-div .rowDiv1 .leftDiv .conDiv .textDiv span{ font-size:14px;}
	.server-div .rowDiv1 .leftDiv .conDiv .textDiv p,.server-div .rowDiv2 .leftDiv .conDiv .textDiv p{ font-size:14px; line-height:24px;}
	.server-div .leftDiv .conDiv .textDiv{margin-top: 15px;}
	.server-div .rowDiv1 .leftDiv .conDiv .textDiv div{margin-top: 20px;}
	.ppjj-main .hdDiv{padding:10px;}
	.ppjj-main .hdDiv span{font-size: 20px; display:none;}
	.ppjj-main .hdDiv .listDiv{width: 100%;}
	.ppjj-main .hdDiv div ul {display: block;margin-top: 10px;}
	.ppjj-main .hdDiv div ul li{margin-left: 0;width: 33.3%;}
	.ppjj-main .hdDiv div ul li a{width: 90%;line-height: 35px;height: 35px;}
	.ppjj-div .bdDiv{padding: 30px 0;}
	.ppjj-div .bdDiv .row{margin: 0;}
	.ppjj-div .bdDiv .row>div{margin-bottom: 30px;padding: 0 8px;}
	.ppjj-div .bdDiv .row>div .conDiv .textDiv{padding: 6px;}
	.ppjj-div .bdDiv .row>div .conDiv .textDiv .title{font-size: 14px;}
	.ppjj-div .bdDiv .row>div .conDiv .textDiv p{margin: 5px 0;line-height: 16px; font-size:12px;}
	.ppjj-detail-div .bdDiv{padding: 30px 0;}
	.ppjj-detail-div .bdDiv .titleDiv .title{font-size: 16px;margin-bottom: 5px; padding:0px 10px;}
	.ppjj-detail-div .bdDiv .textDiv{padding: 30px 10px;}
	.ppjj-detail-div .bdDiv .textDiv p{line-height: 24px;font-size: 14px; margin-bottom:10px; text-align:justify;}
	.ppjj-detail-div .bdDiv .otherPage .row>div.rightDiv{text-align: left;}
	.ppjj-detail-div .bdDiv .otherPage{padding:10px;}
	
	.product-div .hdDiv .title{font-size: 16px;}
	.product-div .category-box>dl{margin-top: 5px;}
	.product-div .category-box>dl>div{width: 80%;}
	.product-div .category-box>dl{width: 100%;}
	.product-div .category-box>a.fr{ font-size:12px; margin-top:10px; background:url(../img/back.png) no-repeat left center; }
	.product-div .category-box>dl>dt,.product-div .category-box>dl a{font-size: 14px;}
	.product-div .category-box>dl dd{margin-bottom: 5px;}
	.product-div .bdDiv .wrap{padding: 30px 0;}
	.product-div .bdDiv .row>div,.proDetail-div .hotDiv .row>div{padding: 0 8px;margin-bottom: 20px;}
	.product-div .bdDiv .row>div .textDiv,.proDetail-div .hotDiv .row>div .textDiv{font-size: 14px;margin: 10px 0;}
	.ppjj-detail-div .bdDiv .otherPage .row>div a{ max-width:70%;}
	.ppsy-div .rowDiv1 .leftDiv{width: 100%;height: initial;}
	.ppsy-div .rowDiv1 .rightDiv{width: 100%;margin-bottom: 20px;}
	.ppsy-div .rowDiv1 .titleDiv,.ppsy-div .rowDiv2 .titleDiv{padding: 5px 10px;}
	.ppsy-div .leftDiv .titleDiv .text div{font-size: 18px;letter-spacing: 6px; margin-top:10px;}
	.ppsy-div .leftDiv .titleDiv img{margin-right: 10px;max-width: 55px;top: 2px;}
	.ppsy-div .leftDiv .titleDiv span{font-size: 14px; margin-top:2px;}
	.ppsy-div .leftDiv .textDiv{padding: 0 10px; font-size:12px;}
	.ppsy-div .rowDiv2 .rightDiv{width: 100%;}
	.ppsy-div .rowDiv2 .leftDiv{width: 100%;margin-top: 20px; height:auto;}
	.ppsy-div .rowDiv2 .leftDiv .titleDiv span{padding-left: 0px;}
	.contact-div .infoDiv .title{font-size: 16px;margin-bottom: 15px;}
	.contact-div .infoDiv .row>div .telDiv,.contact-div .infoDiv .row>div .czDiv,.contact-div .infoDiv .row>div .emailDiv,.contact-div .infoDiv .row>div .addrDiv{ font-size:14px;}
	.contact-div .infoDiv .row>div{font-size: 16px;margin-bottom: 5px;}
	.contact-div .liuyanDiv .hd{font-size: 16px;background-size: 25px;padding-left: 35px; padding-bottom:0px; line-height:30px;}
	.contact-div .liuyanDiv .bd{margin-top: 10px;}
	.contact-div .infoDiv .mapDiv{margin:10px 0 20px;}
	.contact-div .liuyanDiv .bd .row>div{margin-top: 10px;}
	.contact-div .liuyanDiv .bd .subBtn{
	width: 130px;
	line-height: 30px;
	padding: 0;
	border: 0;
	border-radius: 30px;
	background: #40254e;
	font-size: 14px;
	color: #fff;
	margin-top: 0px;
}
	.proDetail-div .proDiv1{padding-top: 40px;}
	.proDetail-div .proDiv1 .leftDiv{width: 100%;}
	.proDetail-div .proDiv1 .rightDiv{width: 100%;}
	.proDetail-div .proDiv1 .rightDiv .title{font-size: 16px;padding: 20px 0 10px;}
	.proDetail-div .proDiv1 .rightDiv .text span{ font-size:14px; font-weight:bold;}
	.proDetail-div .proDiv1 .rightDiv .text p,.proDetail-div .proDiv1 .rightDiv .text div{ font-size:14px;}
	.proDetail-div .proDiv1 .rightDiv .text{ padding:10px 0px;}
	.proDetail-div .proDiv1 .hd{margin-bottom: 10px;}
	.proDetail-div .proDiv1 .proInfoDiv{padding: 10px 10px 20px;}
	.proDetail-div .proDiv1 .proInfoDiv .title{font-size: 16px;}
	.proDetail-div .proDiv1 .proInfoDiv ul li{font-size: 14px;margin-top: 10px; line-height:24px;}
	.proDetail-div .hotDiv{padding: 40px 0 0;}
	.proDetail-div .hotDiv .titleDiv{font-size: 16px;margin-bottom: 30px;}
	.product-div1{padding:10px;}
	.product-div1 .title{font-size: 20px;margin-bottom: 15px;}
	.product-div1 .rowDiv .leftDiv{width: 100%;}
	.product-div1 .rowDiv .centerDiv{width: 100%;margin: 20px 0;}
	.product-div1 .rowDiv .rightDiv{width: 100%;}
	.product-div1 .rowDiv .text span.eng{font-size: 14px;}
	.product-div1 .rowDiv .text span.chi{font-size: 16px;}
}