html,body{
	padding: 0;
	margin: 0;
	font-family: "微软雅黑";
	font-size: 16px;
	color: #333;
	overflow-x:hidden;
}
.wrap{
	max-width: 1400px;
	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%;
}
input:focus,button:focus{
	outline: none;
}
.txtH{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;-o-text-overflow:ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis;}

/**导航菜单**/
header{
	position: fixed;
	top: 0;
	width: 100%;
	background:transparent;
	z-index: 999;
	
}
header.onFixed{box-shadow:0px 0px 20px rgba(0,0,0,.2);}
header .tr_color{position:absolute;top:0;width:0;height:100%;z-index:-1;background-color:#fff;transition: all .8s ease;}
header .td_left{left:50%;background-color:#fff;}
header .td_right{right:50%;background-color:#fff;}
.scrolled header .tr_color{width: 50%;}

header .header-container .wrap{
	overflow: hidden;
	line-height: 100px;
	padding: 0 36px;
	background: #fff;
}
header .logo{
	width: 17.9%;
}
header .menu{
	text-align: center;
	overflow: hidden;
}
header .menu ul{
	display: block;
	overflow: hidden;
	float: left;
	margin-right: 4.84375vw;
}
header .menu ul li{
	float: left;
}
header .menu>ul>li>a{
	text-align: center;
	color: #222222;
	font-size: 16px;
	display: block;
	position: relative;
	margin: 0 0 0 1.82vw;
	padding: 0;
	line-height:100px;
}
header .rightDiv .menu ul li>a:hover,
header .rightDiv .menu ul li>a:focus,
header .rightDiv .menu ul li>a.on {
	background: none;
}
header .rightDiv .menu ul li>a:after{
    content: "";
    position: absolute;
    width: 30px;
    height: 4px;
    bottom: 27px;
    left: 50%;
    margin-left: -15px;
    opacity: 0;
    transform: scaleX(0);
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    background: url(../img/line.png);
}
header .rightDiv .menu ul li>a.on:after,
header .rightDiv .menu ul li>a:hover:after{
	opacity: 1;
    transform: scaleX(1);
}
header .rightDiv .telDiv{
	line-height: 100px;
	font-weight: bold;
	color: #464646;
	font-size: 14px;
	padding-left: 25px;
	background: url(../img/tel.png) no-repeat left center;
}

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

/********************************* 首页 **********************************/
.main{}

/*banner轮播*/
.index-banner{
    width: 100%;
	position:relative;
}
.ui-homebanner .swiper-slide{
	overflow: hidden;
}
.ui-homebanner .img{
	display: block;
	height: 42.13vw;
	background: none no-repeat center;
	background-size: cover;
    transform: scale(1.2);
    transition: transform 12000ms;
}
.ui-homebanner .swiper-slide a{
	width:100%;
	height: 42.13vw;
	display:block;
}
.ui-homebanner .swiper-slide-active .img{
    transform: scale(1);
}
.ui-homebanner .swiper-pagination-bullet{width: 10px;height: 10px;opacity: .4;background: #fff;}
.ui-homebanner .swiper-pagination-bullet-active{width: 15px;height: 15px;background: #fff;opacity: 1;}

.index-title{
	text-align: center;
}
.index-title span{
	font-size: 28px;
	color: #090909;
	font-weight: bold;
	position: relative;
}
.index-title span img{
	position: absolute;
	left: -26px;
	top: 0px;
}
.index-title small{
	font-size: 14px;
	color: #999999;
	text-transform: uppercase;
	display: block;
	position: relative;
	background: url(../img/t-line.png) no-repeat center center;
}
.index-div1{
	padding: 76px 0 94px;
}
.index-div1 .text{font-size: 14px;text-align: center;margin: 45px 0;line-height: 1.6;}
.index-div1 .text p{margin-bottom: 25px;}
.index-div1 .text a{font-size: 14px;color: #00ac96;text-decoration: underline;}
.index-div1 .row>div .conDiv .p1{text-align: center;}
.index-div1 .row>div .conDiv .p1 span{position: relative;font-size: 72px;color: #00ac96;font-weight: bold;line-height: 1;margin-right: 17px;}
.index-div1 .row>div .conDiv .p1 small{position: relative;display: inline-block;background: url(../img/xx.png) no-repeat center center;font-size: 20px;color: #666666;line-height: 58px;top: -18px;}
.index-div1 .row>div .conDiv .p1 small sup{font-size: 20px;color: #00ac96;}
.index-div1 .row>div .conDiv .p2{font-size: 18px;color: #090909;text-align: center;margin-top: 10px;}

.index-div2 .pt2{position:relative; color:#fff;margin-top: 50px;}
.index-div2 .pt2 .bg{position:relative; height:650px; width:100%; overflow:hidden;}
.index-div2 .pt2 .bg img{position:absolute; top:0; left:50%; margin-left:-960px; max-width:none; visibility:hidden; opacity:0; top:50%; margin-top:-325px;}
.index-div2 .pt2 .bg img.cur{opacity:1; visibility:visible;}
.index-div2 .pt2 .con{position:absolute; top:0; left:0; right:0; bottom:0; padding-top:75px;}
.index-div2 .pt2 .en,.index-div2 .pt2 .cn{color:#fff !important;}
.index-div2 .pt2 .cn1{font-size:32px; margin-top:30px; margin-bottom:30px; font-weight:bold;}
.index-div2 .pt2 .cn2{font-size:16px; margin-bottom:60px; width:50%; line-height:1.8; text-indent:2em;text-shadow:2px 2px 2px #000;transition-duration:.3s; font-weight:bold;}
.index-div2 .pt2 .tab{position:absolute; left:0; right:0; bottom:0; background:rgba(0,0,0,.43); text-align:center;}
.index-div2 .pt2 .tab .col-xs-2{border-right: 1px solid rgba(255,255,255,.6); width:20%; overflow:hidden; -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s; cursor:pointer;}
.index-div2 .pt2 .tab .col-xs-2.cur,.index-div2 .pt2 .tab .col-xs-2:hover{background:#00ac96;border-right-color: #FFF;}
.index-div2 .pt2 .tab a:hover{color:#fff;}
.index-div2 .pt2 .tab .icon{height:66px; width:96px; margin:25px auto 10px;  -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;position: relative;}
.index-div2 .pt2 .tab a:hover .icon{cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg)}
.index-div2 .pt2 .tab .col-xs-2.cur .icon:before,.index-div2 .pt2 .tab .col-xs-2:hover .icon:before{content: "";width: 100%;height: 100%;background: url(../img/i-y-bg.png) no-repeat center center;background-size: 100% 100%;position: absolute;left: 0;top: 0;}
.index-div2 .pt2 .tab .i1 .icon{background:url(../img/i-y1.png) no-repeat; background-position:center center;}
.index-div2 .pt2 .tab .i2 .icon{background:url(../img/i-y2.png) no-repeat; background-position:center center;}
.index-div2 .pt2 .tab .i3 .icon{background:url(../img/i-y3.png) no-repeat; background-position:center center;}
.index-div2 .pt2 .tab .i4 .icon{background:url(../img/i-y4.png) no-repeat; background-position:center center;}
.index-div2 .pt2 .tab .i5 .icon{background:url(../img/i-y5.png) no-repeat; background-position:center center;}
.index-div2 .pt2 .tab .desc{font-size:18px; margin-bottom: 20px;color: #fff;font-weight: bold;display: inline-block;}
.index-div2 .pt2 .tab .col-xs-2.cur .desc{background: url(../img/sj.png) no-repeat left center;padding-left: 18px;}
.index-div2 .pt2 .list{position:relative;}
.index-div2 .pt2 .list .item{position:absolute; top:0; left:0; right:0; transform: translateX(50px); opacity:0; visibility:hidden; -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s; overflow:hidden; height:0;}
.index-div2 .pt2 .list .item a.line_btn{width: 119px;height: 34px;line-height: 32px;text-align: center;border: 1px solid #000;color: #000;display: block;-moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.index-div2 .pt2 .list .item a.line_btn:hover{background: #1f83cc;color: #fff;border-color: #1f83cc;}
.index-div2 .pt2 .list .item.cur{opacity:1; visibility:visible; transform: translateX(0); height:auto;}
.index-div2 .pt2 .list .item.cur .en, .index-div2 .pt2 .list .item.cur .cn{visibility:visible;}

.index-div3{
	padding: 45px 0 50px;
	background:#f4f4f4;
}
.widget-prolist-10{overflow:hidden;padding-bottom: 65px;position: relative;}
.widget-prolist-10 a{display: block;position: relative;}
.widget-prolist-10 .rect-57 {padding-bottom: 68%;}
.widget-prolist-10 ._full{position: absolute;left: 0;top:0;width: 100%;height: 100%;*height: auto;}
.widget-prolist-10 .transition{ transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;}
.widget-prolist-10 .top-Floor{width:100%;height: 100%;background:rgba(33,33,33,.6);z-index: 3;left:0;top:-100%;position: absolute;}
.widget-prolist-10 .top-Floor .white-cross{width:90px;height: 90px;display:block;top:50%;left:50%;margin-left:-45px;margin-top:-45px;background:url(../img/jia.png) no-repeat;position: absolute;}
.widget-prolist-10 .bom-text{padding:35px 8% ;background-color:#fff;overflow:hidden;z-index: 2;display:block;text-align: center;border: 1px solid #ddd;}
.widget-prolist-10 .bom-text:before{content:'';position:absolute;width:100%;height:100%;background-color:#e8e8e8;left:0;bottom:-100%;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;z-index: -1;}
.widget-prolist-10 .rect-57 img{height:auto;}
.widget-prolist-10 .bom-text ._name{font-size:18px;color: #333333;margin: 0;font-weight: bold;}
.widget-prolist-10 .bom-text .line{width: 20px;height: 2px;background: #e1e1e1;margin: 7px auto;}
.widget-prolist-10 .bom-text ._price{color: #666464;line-height: 21px;overflow: hidden;font-size: 14px;letter-spacing: 1px;}
.widget-prolist-10 .swiper-slide:hover .top-Floor{top:0;}
.widget-prolist-10 .swiper-slide:hover .bom-text:before{bottom:0;}
.widget-prolist-10 .swiper-pagination-bullet{width: 10px;height: 10px;background: #dddddd;opacity: 1;}
.widget-prolist-10 .swiper-pagination-bullet-active{background: #00ac96;opacity: 1;}
.index-div3 .bdDiv{position: relative;margin-top: 47px;}
.index-div3 .bdDiv:before{content: "";width: calc((100% - 1400px) / 2);background: url(../img/ll.png) no-repeat left center;height: 3px;position: absolute;left: 10px; top:10px;}
.index-div3 .bdDiv:after{content: "";width: calc((100% - 1400px) / 2);background: url(../img/lr.png) no-repeat left center;height: 3px;position: absolute;right: 10px;bottom: 10px;}

.index-div4{
	padding: 55px 0;
	position: relative;
}
.index-div4 .rowDiv{margin-top: 59px;}
.index-div4 .rowDiv .leftDiv{width: 38.5%;}
.index-div4 .rowDiv .leftDiv a{background: #f4f4f4;padding: 10px 10px 0;display: block;color: #373737;}
.index-div4 .rowDiv .leftDiv a:hover{background: #00ac96;color: #fff;}
.index-div4 .rowDiv .leftDiv a .titleDiv{font-weight: bold;padding-left: 34px;background: url(../img/play1.jpg) no-repeat left center;padding: 20px 34px;position: relative;}
.index-div4 .rowDiv .leftDiv a .titleDiv img{position: absolute;right: 0;top: 50%;margin-top: -7.5px;}
.index-div4 .rowDiv .rightDiv{width: 59%;}
.index-div4 .rowDiv .rightDiv ul li a{border: 1px solid #ddd;margin-bottom: 23px;display: block;overflow: hidden;padding: 24.2px 0;}
.index-div4 .rowDiv .rightDiv ul li a .dateDiv{width:120px;text-align: center;color: #ababab;font-size: 12px;}
.index-div4 .rowDiv .rightDiv ul li a .dateDiv span{display: block;font-size: 48px;color: #666666;line-height: 1;font-family: "宋体";}
.index-div4 .rowDiv .rightDiv ul li a .textDiv{padding: 0 30px 0 40px;width: calc(100% - 120px);float: right;border-left: 1px solid #eee;}
.index-div4 .rowDiv .rightDiv ul li a .textDiv .titleDiv{color: #303030;font-weight: bold;background: url(../img/play3.png) no-repeat left center;position: relative;padding-left: 26px;}
.index-div4 .rowDiv .rightDiv ul li a .textDiv .line{width: 20px;height: 2px;background: #d3d3d3;margin: 5px 26px 3px;}
.index-div4 .rowDiv .rightDiv ul li a .textDiv p{font-size: 14px;color: #999;margin: 0 0 0 26px;}
.index-div4 .rowDiv .rightDiv ul li a .textDiv img{margin-left: 26px;}
.index-div4 .rowDiv .rightDiv ul li a:hover{background: #00ac96;}
.index-div4 .rowDiv .rightDiv ul li a:hover .textDiv .titleDiv{color: #fff;background: url(../img/play2.jpg) no-repeat left center;}
.index-div4 .rowDiv .rightDiv ul li a:hover .dateDiv,
.index-div4 .rowDiv .rightDiv ul li a:hover .dateDiv span,
.index-div4 .rowDiv .rightDiv ul li a:hover .textDiv p{color: #fff;}
.index-div4 .rowDiv .rightDiv ul li a:hover .textDiv .line{background: #fff;}



.bottomDiv{
	background: #163c5d;
	padding: 60px 0;
}
.bottomDiv .wrap{
	overflow: hidden;
}
.bottomDiv .leftDiv{
	width: 39.6%;
}
.bottomDiv .leftDiv span{color: #fff;display: block;margin: 35px 0 30px;}
.bottomDiv .leftDiv p{font-size: 14px;color:rgba(255,255,255,.4);margin: 0 0 5px;}

.bottomDiv .rightDiv{
	width: 60.4%;
}
.bottomDiv .rightDiv .listDiv{
	float: left;
}
.bottomDiv .rightDiv .ewmDiv{
	background: #fff;
	width: 160px;
	padding: 16px;
}
.bottomDiv .rightDiv .linkDiv select{
	font-size: 16px;
	color: #a5a5a5;
	margin-top: 30px;
	width: 160px;
	background: #808589;
	color: #fff;
	height: 36px;
	padding: 0 10px;
}
.bottomDiv .rightDiv .h4{
	font-size: 16px;
	color: #FFF;
	position: relative;
	margin-bottom:30px; font-weight:bold;
}
.bottomDiv .rightDiv .listDiv{
	border-right: 1px solid rgba(221,221,221,.06);
	padding-right: 56px;
	margin-right: 56px;
	position: relative;
}
.bottomDiv .rightDiv .listDiv:nth-child(3){border: 0;}
.bottomDiv .rightDiv .listDiv ul li{
	margin-top: 15px;
}
.bottomDiv .rightDiv .listDiv ul li a{
	display: block;
	font-size: 14px;
	color:rgba(255,255,255,.4);
	position: relative;
}
.bottomDiv .rightDiv .listDiv ul li a:hover{
	color:#fff;
}

.footer{
	text-align: center;
	font-size: 14px;
	color:rgba(255,255,255,.4);
	background: #1d1e1f;
	padding: 20px 0;
}
.footer a{color: rgba(255,255,255,.4);}

/*右侧悬浮*/
 .floating_ck {
    position: fixed;
    right: 0px;
    top: 160px;
    z-index: 999;
}

.floating_ck dl dd {
    position: relative;
    width: 80px;
    height: 80px;
    background-color: #b9b9b9;
    border-bottom: solid 1px #fff;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center 20%;
    cursor: pointer;
}

.floating_ck dl dd:hover {
    background-color: #00ac96;
    border-bottom: solid 1px #00ac96;
}

.floating_ck dl dd:hover .floating_left {
    display: block;
}

.floating_ck b {
    font-weight: normal;
}

.consult {
    background-image: url(../img/right1.png);
}

.quote {
    background-image: url(../img/right2.png);
}

.qrcord {
    background-image: url(../img/right3.png);
}

.words {
    background-image: url(../img/right4.png);
}

.return {
    background-image: url(../img/right5.png);
}

.floating_ck dd a {
    display: block;
    font-size: 14px;
    color: #fff;
    padding-top: 54px;
}

.floating_left {
    position: absolute;
    left: -160px;
    top: 0px;
    width: 160px;
    height: 80px;
    background-color: #00ac96;
    border-bottom: solid 1px #00ac96;
    display: none;
}

.floating_left a {
    color: #fff;
    line-height: 80px;
    font-size: 15px;
}

.floating_ewm {
    height: 210px;
    top: -130px;
}

.floating_ewm i {
    display: block;
    width: 145px;
    height: 145px;
    margin: auto;
    margin-top: 7px;
}

.floating_ewm p {
    color: #fff;
    margin-top: 5px;
}

.floating_ewm .qrcord_p01 {
    font-size: 14px;
    line-height: 20px;
}

.floating_ewm .qrcord_p02 {
    font-size: 16px;
}

.floating_ewm .qrcord_p02 span {
    font-size: 18px;
    padding: 0;
}

.floating_ck .phone {
    background-image: url(../img/right2.png);
}

.floating_phone {
    color: #fff;
    font-size: 14px;
    padding-top: 20px;
    height: 80px;
}

.floating_phone span {
    display: block;
    font-size: 16px;
}



.newsDetail{
	/*padding: 45px 0 60px;*/
	padding:45px 0px;
}
.newsDetail.wrap {
    max-width: 1400px;
    margin: 0 auto;
}
.newsDetail .articleTitle{
	text-align: center;
	padding: 0 0 15px;
}
.newsDetail .articleTitle h3{
	font-size: 20px;
	color: #2c2c2c;
	margin: 0 0 10px;
}
.newsDetail .articleTitle span{
	font-size: 16px;
	color: #686868;
	display: block;
	margin-bottom: 15px;
}
.newsDetail .articleTitle .time{
	font-size: 14px;
	color: #9d9d9d;
}
.newsDetail .textDiv{
	padding: 20px 0; 
	font-size: 14px;
	color: #383838;
	margin: 0;
	line-height:26px;
	border-top:1px solid #ededed;
}
.newsDetail .textDiv p{
	font-size: 14px;
	color: #383838;
	margin: 0;
	line-height:24px;
	padding:10px 0px;
	/*text-indent:2em;*/
	/*text-align:justify;*/
}
.newsDetail .textDiv p img{ margin-left:-2em;}

.newsDetail .textDiv table td{
	font-size: 14px;
	color: #383838;
	margin: 0;
	line-height:26px;
	text-indent:20px;
}


.newsDetail .textDiv div{
	font-size: 14px;
	color: #383838;
	margin: 0;
	line-height:26px;
	padding:8px 0px;
	}
.newsDetail .otherArticle{
	overflow: hidden;
	padding: 10px 0;
	border-top: 1px solid #E9E9E9;
	border-bottom: 1px solid #E9E9E9;
}
.newsDetail .otherArticle>div{
	max-width: 50%;
}
.newsDetail .otherArticle a{
	font-size: 14px;
	color: #383838;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.newsDetail .otherArticle a:hover{
	color: #156bb8;
}
.newsDetail .otherArticle a span{
	display: inline-block;
	padding: 5px 10px;
	background: #f1f1f1;
	margin-right: 10px;
}
.wpage{ text-align:center; padding:20px; margin:0 auto; clear:both;}

/********加入我们*******/
.joinDiv{
	padding: 60px 0 0px;
	text-align: center;
}
.joinDiv .wrap {
    max-width: 1400px;
    margin: 0 auto;
}

.joinDiv .titleDiv span{
	font-size: 24px;
	color: #000000;
}
.joinDiv .titleDiv p{
	margin: 35px 3vw 80px;
	font-size: 18px;
	color: #282828;
	line-height: 30px;
}
.joinDiv .listDiv ul li a{
	display: block;
	padding:24px;
	border: 1px solid #d7d7d7;
	overflow: hidden;
	box-shadow: 0px 2px 10px rgba(0,0,0,.1);
	margin-bottom: 20px;
	background:#fff;
}
.joinDiv .listDiv ul li .imgDiv{
	width: 18.4%;
	padding-top: 58px;
	text-align: center;
	padding-bottom: 78px;
	background: #f5f5f5;
}
.joinDiv .listDiv ul li .imgDiv span{
	font-size: 16px;
	color: #1e1e1e;
	font-weight: bold;
}
.joinDiv .listDiv ul li .imgDiv .name{
	font-size: 26px;
	color: #494949;
	margin-top: 10px;
}
.joinDiv .listDiv ul li .textDiv{
	width: 76.4%;
}
.joinDiv .listDiv ul li .textDiv .hd{
	overflow: hidden;
	text-align: left;
	border-bottom: 1px solid #d6d6d6;
	padding-bottom: 20px;
}
.joinDiv .listDiv ul li .textDiv .hd .leftDiv{
	/*width: 45%;*/
	margin-right: 8%;
}
.joinDiv .listDiv ul li .textDiv .hd .rightDiv{
	width: 45%;
}
.joinDiv .listDiv ul li .textDiv .hd span{
	font-size: 18px;
	color: #000000;
}
.joinDiv .listDiv ul li .textDiv .hd p{
	font-size: 16px;
	color: #535353;
	line-height: 36px;
	margin: 10px 0 0;
}
.joinDiv .listDiv ul li .textDiv .bd{
	font-size: 16px;
	color: #303030;
	padding-top: 30px;
	overflow: hidden;
}
.joinDiv .listDiv ul li .textDiv .bd div{
	margin: 0 0 0 25px;
}
.joinDiv .listDiv ul li .textDiv .bd div span{
	color: #00ac96;
	text-decoration: underline;
}


/***********内页**************/
.twoNavDiv{
	text-align: center;
	padding: 5px 0;
	background: #f4f4f4;
	box-shadow:0px 0px 20px rgba(0,0,0,.2);
}
.twoNavDiv ul{
	display: block;
	overflow: hidden;
}
.twoNavDiv ul li{
	float: left;
	line-height: 50px;
	padding: 0 8px;
	position: relative;
	background: url(../img/line2.png) no-repeat left center;
}
.twoNavDiv ul li a{
	font-size: 16px;
	height: 50px;
	color: #393c3e;
	display: block;
	padding: 0 50px;
}
.twoNavDiv ul li a:hover,
.twoNavDiv ul li.active a{
	background: #00ac96;
	color: #fff;
}
.ny-banner {
	position: relative;
	overflow: hidden;
}
.ny-banner .imgDiv{
/*	height: 29.27vw;*/
	height: 600px;
	transition: transform 12000ms;
}
.ny-banner:hover .imgDiv,
.ny-banner .imgDiv.animated{
	/*transform: scale(1.2);*/
}

/***********产品中心**************/
.productDiv{padding: 70px 0;}
.product-page-list {padding-bottom: 20px;}
.product-page-list li {float: left;width: 33.3%}
.product-page-list .box {display: block;margin: 0 18px 43px;border: 1px solid #e1e1e1;background-color: #fff}
.product-page-list .box:hover .box-info:before {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    background-color: #3988ce;}
.product-page-list .box:hover .box-info .h4 {color: #fff;margin: 0;}
.product-page-list .box:hover .box-info .line{background: #fff;}
.product-page-list .box:hover .box-info .p {color: #fff}

.product-page-list .box:hover .box-info .icon {
    opacity: 0;
    bottom: 10px
}

.product-page-list .box:hover .box-info .more {
    bottom: 0
}

.product-page-list .box-img {
    position: relative;
    padding-top: 79.5%;
}

.product-page-list .box-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.product-page-list .box-info {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    position: relative;
    z-index: 1;
    padding: 50px 35px 0;
    height: 224px;
    overflow: hidden
}

.product-page-list .box-info:before {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    background-color: #fff
}

.product-page-list .box-info .h4 {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    text-align: center;
    margin: 0;
}
.product-page-list .box-info .line{width: 20px;height: 2px;background: #5f6056;margin: 10px auto;}

.product-page-list .box-info .p {
    text-align: center;
    font-size: 14px;
    line-height: 26px;
    color: #666;
    margin: 0;
}

.product-page-list .icon {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    position: absolute;
    bottom: 30px;
    left: 50%;
    margin-left: -21.5px;
    width: 43px;
    height: 43px;
    background:url(../img/jia1.png) no-repeat center center;
}

.product-page-list .more {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    position: absolute;
    left: 0;
    bottom: -49px;
    width: 100%;
    height: 49px;
    background-image: url("../img/bg02.png");
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 100% 100%;
}

.product-page-list .more span {
    position: absolute;
    font-size: 14px;
    color: #fff;
    top: 14px;
    right: 18px;
}



/********关于我们*******/
.about-title { text-align:center;}
.about-title span{font-size: 24px;color: #373636; font-weight:bold;}
.about-title small{font-size: 16px;color: #00ac96;text-transform: uppercase;display: block; margin:20px;}
.about-div1{padding: 60px 0 60px;}
.about-div1 .rowDiv{
	margin: 30px 0;
	overflow: hidden;
}
.about-div1 .rowDiv .leftDiv{
	width: 51%;
	text-align:justify;
}
.about-div1 .rowDiv .rightDiv{
	width: 47%;
}
.about-div1 .textDiv{
	color: #373636;
	line-height: 16px;
	line-height: 1.6;
}
.about-div1 .textDiv p{margin-bottom: 20px;}
.about-div1 .leftDiv a{display: block;width: 182px;height: 53px;line-height: 53px;background: #00ac96;color: #fff;text-align: center;font-size: 18px;margin-top: 50px;}

.aboutDiv {
    padding: 40px 0;
    line-height: 30px;
    font-size: 14px;
}
.aboutDiv .wrap {
    max-width: 1400px;
    margin: 0 auto;
    width: 90vw;
}
.ui-awards{
	position: relative;
}
.ui-awards .aw{
	display: inline-block;
	width: 66px;
	height: 66px;
	position: absolute;
	z-index: 1;
	top: 120px;
	transition: transform 300ms;
}
.ui-awards .aw:hover{
	transform: scale(.95);
}
.ui-awards .aw.l{
	background-image: url(../img/awsl.png);
	left: -100px;
}
.ui-awards .aw.r{
	background-image: url(../img/awsr.png);
	right: -100px;
}
.ui-awards ul{
	margin: 0 -10px;
}
.kk { padding-bottom:0px;}

.kk ul{
	margin: 0px;
	width:100%;
}

.ui-awards ul li{
	width: 25%;
	float: left;
	padding: 10px;
}
.kk ul li{ width:33.33%; padding:0px 10px; margin:10px 0px; height:auto; overflow:hidden;}
.ui-awards .i{
	display: block;
}
.ui-awards .i img{
	width: 100%;
	border: 2px solid #fff;
	background-color: #fff;
	padding: 10px;
	box-shadow: 0 0 5px rgba(0, 0, 0, .2);
}
.ui-awards .i:hover img{
	border-color: #da251d;
}
.ui-awards .i p{
	margin-top: 20px;
	text-align: center;
	color: #4c4c4c;
	font-size: 16px;
	overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-height: 30px;
    height: 30px;
}
.ui-awards .p{
	display: block;
	background-color: #fff;
	transition: transform 300ms;
}
.ui-awards .p:hover{
	transform: scale(1.05);
	box-shadow: 0 10px 5px rgba(0, 0, 0, .1);
}
.ui-awards .p img{
	width: 100%;
}
.ui-awards .p p{
	line-height: 70px;
	text-align: center;
	color: #303030;
	font-size: 16px;
}
.ui-awards .p:hover p{
	color: #fff;
	background-color: #da251d;
}
.ui-partner{

}
.ui-partner ul{
	margin: -14px -12px;
}
.ui-partner ul li{
	padding: 14px 12px;
	width: 20%;
}
.ui-partner .i{
	box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
	position: relative;
}
.ui-partner .i >i{

}
.ui-partner .i >i:before,
.ui-partner .i >i:after{
	content: '';
	position: absolute;
	z-index: 1;
	background-color: #0272d9;
	width: 2px;
	height: 2px;
}
.ui-partner .i >i.ud:before,
.ui-partner .i >i.ud:after{
	width: 0;
	transition: width 300ms;
}
.ui-partner .i:hover >i.ud:before,
.ui-partner .i:hover >i.ud:after{
	width: 100%;
}
.ui-partner .i >i.ud:before{
	top: 0;
	left: 0;
}
.ui-partner .i >i.ud:after{
	bottom: 0;
	right: 0;
}
.ui-partner .i >i.lr:before,
.ui-partner .i >i.lr:after{
	height: 0;
	transition: height 300ms;
}
.ui-partner .i:hover >i.lr:before,
.ui-partner .i:hover >i.lr:after{
	height: 100%;
}
.ui-partner .i >i.lr:before{
	bottom: 0;
	left: 0;
}
.ui-partner .i >i.lr:after{
	top: 0;
	right: 0;
}

.about-div2{padding-bottom: 63px;text-align: center;}
.about-div2 .titleDiv span{font-size: 24px;color: #373636; font-weight:bold;}
.about-div2 .titleDiv p{font-size: 16px;color: #373636;margin: 20px auto 30px;max-width: 600px;}
.about-div2 .row{margin: 0;}
.about-div2 .row>div{padding: 0;text-align: center;}
.about-div2 .imgZoom img{ -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.about-div2 .imgZoom { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); }
.about-div2 .imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.about-div2 .rect-100 {padding-bottom: 67.3%;position: relative;display: block;width: 100%;height: 0;overflow: hidden;}
.about-div2  ._full {position: absolute;left: 0;top: 0;width: 100%;height: 100%;*height: auto;}
.about-div2 .row .txt{background:#f9f7f6;}
.about-div2 .row .txt .box{padding:25px; display:flex;justify-content:center;align-items:center;position: absolute;width: 100%;height: 100%;}
.about-div2 .row .txt .box .t{font-size:24px; color:#373636; text-align:center; margin-bottom:25px; font-weight:bold;}
.about-div2 .row .txt .box .c{font-size:16px; color:#373636; text-align:center;}

/********解决方案**********/
.serviceDiv .fw-title{padding: 60px 0 60px;border-bottom: 1px dashed #ddd;font-size: 24px;text-align: center;font-weight: bold;}
.serviceDiv .row1{padding: 60px 0;}
.serviceDiv .row1 .titleDiv{padding-left: 105px; padding-top:20px; padding-bottom:20px;color: #323333;font-size: 24px;line-height: 1.2;background: url(../img/f-icon1.png) no-repeat 10px center;}
.serviceDiv .row1 .titleDiv small{text-transform: uppercase;display: block;}
.serviceDiv .row1 .textDiv{padding-left:415px ;font-size: 18px;padding-top: 20px;}
.serviceDiv .row2{padding: 40px 0;background: url(../img/fw-bg.jpg) no-repeat left center;background-size: auto 100%;min-height: 253px;}
.serviceDiv .row2 .textDiv{float: right;width: 64%;background: #fff;padding: 30px;}
.serviceDiv .row2 .textDiv span{font-size: 24px; font-weight:bold;}
.serviceDiv .row2 .textDiv p{font-size: 16px;margin: 10px 0;line-height: 1.6;}
.serviceDiv .row2 .textDiv .p{font-size: 16px;}
.serviceDiv .row2 .textDiv .p img{margin-right: 20px;}
.serviceDiv .row3{padding: 30px 0;}
.serviceDiv .row3 .titleDiv{padding-left: 105px;color: #323333;font-size: 24px;line-height: 1.2;background: url(../img/f-icon3.png) no-repeat 10px center;margin-top: 80px; padding-bottom:30px; padding-top:35px;}
.serviceDiv .row3 .titleDiv small{text-transform: uppercase;display: block;}
.serviceDiv .row3 .textDiv{padding-left:355px;font-size: 18px;padding-top: 20px;padding-right: 340px;padding-top: 100px;}



/***********公司新闻***********/
.newsDiv{
	padding: 50px 0;
}
.u-newslist ul{

}
.u-newslist ul li{
	margin-bottom: 25px;
}
.c-lrct:after {
    content: '';
    display: block;
    clear: both;
}
.u-newslist ul li:last-child{
	margin-bottom: 0;
}
.u-newslist ul li a{display: block;}
.u-newslist .i{
	position: relative;
	background-color: #f5f5f5;
	padding:20px;
	margin-left: 125px;
	display: block;
}
.u-newslist .i .date{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: -125px;
	width: 125px;
	background-color: #292929;
	padding: 24px 0;
	color:#fff;
}
.u-newslist .i:hover .date{
	background-color: #00ac96;
}
.u-newslist .i .date p{
	text-align: center;
}
.u-newslist .i:hover .date p{
	color: #fff;
}
.u-newslist .i .date p.p1{
	font-size: 36px;
	font-weight: bold;
}
.u-newslist .i .date p.p2{
	font-size: 16px;
	margin-top: 6px;
}
.u-newslist .i >.l{
	width: 307px;
	float: left;
}
.u-newslist .i >.r{
	/*float: right;
	width: 833px;*/
	padding-left: 340px;
}
.u-newslist .i .text{
	padding: 10px 0 0;
}
.u-newslist .i .text p.p1{
	font-size: 16px;
	color: #383838;
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
	font-weight:bold;
}
.u-newslist .i:hover .text p.p1{
	color: #00ac96;
}
.u-newslist .i .text p.p2{
	font-size: 14px;
	line-height: 1.6;
	color: #383838;
}
.u-newslist .i .text p.p3{
	margin-top: 30px;
}
.u-newslist .i .text p.p3 label{
	color: #848484;
	cursor: pointer;
	font-size: 14px;
	font-weight: normal;
}
.u-newslist .i .text p.p3 label:hover{
	color: #00ac96;
	text-decoration: underline !important;
}

.lxDiv{padding: 60px 0;}
.lxDiv .lx-title{text-align: left;color: #242424;margin-bottom: 30px;}
.lxDiv .lx-title span{font-size: 24px;font-weight: bold;}
.lxDiv .lx-title small{font-size: 18px;display: block;}
.lxDiv .row1 .leftDiv{width: 52.7%;}
.lxDiv .row1 .rightDiv{width: 42.8%;}
.lxDiv .row1 .rightDiv .p{font-size: 24px;font-weight: bold;color: #191919;}
.lxDiv .row1 .rightDiv .textDiv{margin-top: 50px;}
.lxDiv .row1 .rightDiv .textDiv span{font-size: 18px;font-weight: bold;display: block;margin-bottom: 15px;}
.lxDiv .row1 .rightDiv .textDiv p{font-size: 14px;margin: 0;line-height: 1.8;}
.lxDiv .row2{margin: 70px 0;}
.contact_us03 {text-align: center;}
.contact_us03 .titleDiv span{font-size: 24px;color: #373636;font-weight: bold;}
.contact_us03 .titleDiv p{font-size: 16px;color: #373636;margin: 15px auto 40px;}
.contact_us03 .form{margin:0 auto;}
.contact_us03 .form input{border:1px solid #d5d5d5; font-size:16px;}
.contact_us03 .name{background:url("../img/lx-icon1.png") no-repeat right center;}
.contact_us03 .phone{background:url("../img/lx-icon2.png") no-repeat right center;}
.contact_us03 .email{background:url("../img/lx-icon3.png") no-repeat right center;}
.contact_us03 .line1{width:100%; height:48px; line-height:48px; padding:0 46px 0 13px;}
.contact_us03 .select-ui-choose-default{border:1px solid #d5d5d5; width:100%; height:48px; line-height:48px; padding:0 46px 0 13px; background:transparent; border-radius:0;display: block;}
.contact_us03 select{border:1px solid #d5d5d5; width:75%; height:48px; line-height:48px; padding:0 46px 0 13px; background:transparent; border-radius:0;}
.contact_us03 .form textarea{resize:none;width:100%; border:1px solid #d5d5d5; padding:10px 40px 10px 13px; height:159px; font-size:16px; line-height:1.5; margin-bottom:20px; margin-top:25px; background:transparent url("../img/lx-icon4.png") no-repeat right top;}
textarea:focus{outline: none;}
body .select-ui-choose-default ._arrow{width:28px;position: relative;}
.contact_us03 .form .btns_list{text-align:right;float: left;}
.contact_us03 .form .btns_list button{width:30%; height:50px; line-height:50px; border:none; font-size:17px; color:#fff; cursor:pointer;padding: 0;}
.contact_us03 .form .btns_list .sub{background-color:#848484; border-radius:0; margin-right: 30px;}
.contact_us03 .form .btns_list .reset{background-color:#848484; border-radius:0;}
.contact_us03 .form .btns_list .btn{transition:.3s ease;}
.contact_us03 .form .btns_list .on{background-color:#00ac96;}
.contact_us03 .form .btns_list .btn:hover{background-color:#00ac96;}
.contact_us03 .yzm_box{width:50%;float: left;text-align: left;}
.contact_us03 .btns_list{width:50%;text-align: right;}
.contact_us03 .yzm_box .yzm{line-height:50px; height:50px; width:30%; text-indent:20px; margin-right:20px; background:transparent;}
.contact_us03 .yzm_box img{width:120px; height:50px; margin-right:10px;}
.contact_us03 .yzm_box .change{color:#40535a; font-size:14px;}
.select-ui-choose-default ._arrow .arr {
    margin: -.2em 0 0;
    border: .4em solid;
    border-color: #333 transparent transparent;
}
.select-ui-choose ._arrow .arr {
    position: absolute;
    top: 50%;
    left: 0;
}
.arr{
	display: inline-block;
    overflow: hidden;
    width: 0;
    height: 0;
}

.ui-fullpart .l{float: left;}
.ui-fullpart .r{float: right;}
.ui-fullpart{
	padding: 40px 0;
	background: none no-repeat center;
	background-size: cover;
	overflow: hidden;
}
.ui-fullpart.bg-g{
	background-color: #f7f7f7;
}
.ui-fullpart.nopd{
	padding: 0;
	overflow: visible;
}
.ui-head2{
	border-bottom: 1px solid #dfdfdf;
	padding-bottom: 20px;
	position: relative;
	margin-bottom: 45px;
}
.ui-head2:after{
	content: '';
	display: inline-block;
	width: 92px;
	height: 3px;
	background-color: #3a3a3a;
	position: absolute;
	bottom: -1px;
	left: 50%;
	margin-left: -46px;
}
.ui-head2 p{
	line-height: 1em;
	text-align: center;
	color: #3a3a3a;
	font-size: 18px;
	font-weight: bold;
}
.ui-prodhead .head {overflow: hidden;}
.ui-prodhead .head >.l{
	width: 700px;
}
.ui-prodhead .head >.r{
	width: 660px;
}
.ui-prodhead .cont{

}
.ui-prodhead .cont >.l{
	width: 600px;
}
.ui-prodhead .cont >.r{
	width: 480px;
}
.ht90 {
    height: 90px;
}
.ui-prodhead .pics{
	position: relative;
	border: 1px solid #e5e5e5;
}
.ui-prodhead .pics >a{
	position: absolute;
	z-index: 1;
	bottom: 15px;
	right: 20px;
	display: inline-block;
	width: 31px;
	height: 31px;
	background: url(../img/icon-find.png);
	background-size: 100% 100%;
}
.ui-prodhead .pics >a:hover{
	opacity: .8;
}
.ui-prodhead .tabs{
	position: relative;
	/*padding: 0 50px;*/
}
.ui-prodhead .tabs .aw{
	position: absolute;
	top: 0;
	width: 30px;
	height: 100%;
	background: none no-repeat center #e4e4e4;
}
.ui-prodhead .tabs .aw:hover{
	background-color: #0061bc;
}
.ui-prodhead .tabs .aw.l{
	background-image: url(../img/awpl.png);
	left: 0;
}
.ui-prodhead .tabs .aw:hover.l{
	background-image: url(../img/awpl-on.png);
}
.ui-prodhead .tabs .aw.r{
	background-image: url(../img/awpr.png);
	right: 0;
}
.ui-prodhead .tabs .aw:hover.r{
	background-image: url(../img/awpr-on.png);
}
.ui-prodhead .tabs >.ct{
	overflow: hidden;
}
.ui-prodhead .tabs >.ct ul{
	margin: 0 -8px;
}
.ui-prodhead .tabs >.ct ul li{
	width: 33.33%;
	float: left;
	padding: 0 8px;
}
.ui-prodhead .tabs >.ct .i{
	display: block;
	border: 1px solid #e5e5e5;
}
.ui-prodhead .text{

}
.ui-prodhead .text h3{
	color: #161616;
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 15px;
}
.ui-prodhead .text p{
	color: #161616;
	font-size: 16px;
	line-height: 30px;
}
.ui-prodhead .text p.gt{
	/*font-size: 16px;
	line-height: 30px;*/
}
.ui-head3{
	margin-bottom: 50px;
}
.ui-head3 p{
	line-height: 1em;
	text-align: center;
	color: #1c1c1d;
	font-size: 24px;
	font-weight: bold;
}
.ui-head3.al p{
	text-align: left;
}
.ui-system{
	text-align: center;
	
}
.ui-system img{width:auto;}
.ui-proditem{

}
.ui-proditem >.hd{

}
.ui-proditem >.hd label{
	display: inline-block;
	padding-left: 10px;
	padding-right: 35px;
	line-height: 42px;
	color: #141414;
	font-size: 18px;
	font-weight: bold;
	vertical-align: middle;
	margin: 0;
}
.ui-proditem >.ct{
	background-color: #f3f3f3;
	padding: 29px;
	border: 1px solid #c5c5c5;
}
.ui-proditem .tabs{
	display: inline-block;
	vertical-align: middle;
	height: 42px;
}
.ui-proditem .tabs ul{

}
.ui-proditem .tabs ul li{
	float: left;
	margin-left: 6px;
}
.ui-proditem .tabs ul li:first-child{
	margin-left: 0;
}
.ui-proditem .tabs a{
	display: inline-block;
	height: 50px;
	border: 1px solid #c5c5c5;
	border-bottom: none;
	line-height: 50px;
	width:200px;
	text-align: center;
	color: #141414;
	font-size: 16px;
	padding:0px 10px;
	font-weight:bold;
}
.ui-proditem .tabs li.active a,
.ui-proditem .tabs a:hover{
	background-color: #f3f3f3;
	height: 43px;
}
.ui-proditem .item{

}
.ui-proditem .item >.l{
	width: 750px;
	float: left;
}
.ui-proditem .item >.r{
	width: 520px;
	float: right;
	position: relative;
}
.ui-proditem .item >.r .aw{
	position: absolute;
	z-index: 1;
	top: 50%;
	width: 20px;
	height: 60px;
	margin-top: -30px;
	background: none no-repeat center #e4e4e4;
}
.ui-proditem .item >.r .aw:hover{
	background-color: #0061bc;
}
.ui-proditem .item >.r .aw.l{
	background-image: url(../img/awpl.png);
	left: 0;
}
.ui-proditem .item >.r .aw:hover.l{
	background-image: url(../img/awpl-on.png);
}
.ui-proditem .item >.r .aw.r{
	background-image: url(../img/awpr.png);
	right: 0;
}
.ui-proditem .item >.r .aw:hover.r{
	background-image: url(../img/awpr-on.png);
}
.ui-proditem .view{
	background-color: #f3f3f3;
	padding: 20px;
}
.ui-proditem .view img{
	width: 100%;
}
.ui-proditem .view p{
	line-height: 1em;
	text-align: center;
	color: #494949;
	font-size: 18px;
	margin-top: 30px;
}
.ht60 {
    height: 60px;
}
.hotcase ul li{
	width:25%;
}
.ui-list ul li{
	float: left;
}
.ui-caselist ul{
	margin: -22px -18px;
}
.ui-caselist ul li{
	padding: 22px 18px;
	width: 33.33%;
}
.hotcase ul li{
	width:25%;
}
.ui-caselist .i{
	display: block;
	position: relative;
	border: 1px solid #efefef;
}
.ui-caselist .i:after{
	content: '';
	display: inline-block;
	position: absolute;
	left: 0;
	width: 100%;
	height: 42px;
	background: url(../img/sd-f.png);
	background-size: 100% 100%;
	bottom: -42px;
}
.ui-caselist .i >.ft{
	padding: 24px 16px;
}
.ui-caselist .i >.ft p{
	line-height: 1em;
}
.ui-caselist .i >.ft p.p1{
	color: #424242;
	font-size: 16px;
}
.ui-caselist .i:hover >.ft p.p1{
	color: #045195;
}
.ui-caselist .i >.ft p.p2{
	margin-top: 15px;
	display: inline-block;
	color: #424242;
	transition: transform 300ms;
}
.ui-caselist .i >.ft p.p2 a{
	
}
.ui-caselist .i >.ft p.p2 a:hover{
	transform: scale(1.05);
}
.ui-caselist .i >.ft p.p2:before{
	content: '';
	display: inline-block;
	width: 14px;
	height: 14px;
	background: url(../img/icon-zoom.png);
	background-size: 100% 100%;
	vertical-align: middle;
	margin-right: 8px;
}
.ui-zimg{
	overflow: hidden;
	position: relative;
}
.ui-zimg img{
	width: 100%;
	transition: transform 300ms;
}

.jiubai img{ width:90%;transition: transform 300ms;}


.ex-zimg:hover img,
.ui-zimg:hover img{
	transform: scale(1.05);
}
.ui-homeprod{
	overflow: hidden;
}
.ui-homeprod ul{
	margin: -10px;
}
.ui-homeprod ul li{
	width: 25%;
	float: left;
	padding: 10px;
}
.ui-homeprod .i{
	display: block;
	border: 1px solid #e7e7e7;
	background-color: #fff;
	position: relative;
	padding: 15px 0;
}
.ui-homeprod .i:hover{
	border-color: #307ad5;
}
.ui-homeprod .i:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 1px solid transparent;
}
.ui-homeprod .i:hover:after{
	border-color: #307ad5;
}
.ui-homeprod .i >p{
	line-height: 45px;
	text-align: center;
	color: #1d1d1d;
	font-size: 16px;
}
.ht20 {
    height: 20px;
}
.bt-more{
	display: inline-block;
	width: 196px;
	line-height: 48px;
	text-align: center;
	color: #fff !important;
	background-color: #0061bc;
	font-size: 14px;
	transition: font-size 300ms;
    margin-top: 25px;
}
.bt-more:hover{
	font-size: 16px;
}
.bt-more img{
	margin-left: 8px;
}
@media (max-width: 768px) {
}


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:1230px) {
	header .header-container .wrap{padding: 0 15px;}
	.bottomDiv .rightDiv .listDiv{padding-right: 30px;margin-right: 30px;}
	
}

/*手机*/
@media (max-width:767px) {
	.ui-partner ul{
		margin: -5px !important;
	}
	.ui-partner ul li{
		width: 50% !important;
		float: left !important;
		padding: 5px !important;
		margin-bottom: 0 !important;
	}
	.ui-awards ul li{ width:50%;}
	.kk ul li{ width:100%;}
	.ui-awards .i img{ padding:5px;}
	.ui-awards .i p{ margin-top:10px; height:20px; line-height:20px;}
	.joinDiv{padding: 20px 0 0px;}
	.joinDiv .titleDiv span{font-size: 18px;}
	.joinDiv .titleDiv p{margin: 18px 10px 40px;font-size: 14px;line-height: 24px;}
	/*.joinDiv .listDiv{padding: 0 10px;}*/
	.joinDiv .listDiv ul li a{padding: 10px;}
	.joinDiv .listDiv ul li .imgDiv{width: 100%; padding:30px 0px;}
	.joinDiv .listDiv ul li .imgDiv .name{font-size: 24px;margin-top: 5px;}
	.joinDiv .listDiv ul li .textDiv{width: 100%;margin-top: 20px; font-size:14px; line-height:22px;}	
	.joinDiv .listDiv ul li .textDiv .hd{padding-bottom: 0;}
	.joinDiv .listDiv ul li .textDiv .hd .leftDiv,.joinDiv .listDiv ul li .textDiv .hd .rightDiv{width: 100%;margin-bottom: 10px;}
	.joinDiv .listDiv ul li .textDiv .bd div{float: initial;text-align: left;margin: 0 0 0px;}
	.joinDiv .listDiv ul li .textDiv .hd p{ font-size:14px; line-height:28px;}
	.joinDiv .listDiv ul li .textDiv .hd span{ font-size:16px;}
	.bottom_box, #zxzx_divs{ display:inline-block;}
	.newsDetail.wrap {
		padding:10px 0px;
		}
	.newsDetail .articleTitle h3{ font-size:16px;}
	.newsDetail .textDiv{ padding:10px; font-size:14px; text-align:justify;}
	.joinDiv .listDiv ul li .textDiv .bd{ font-size:14px; padding-top:10px; line-height:24px;}
	.newsDetail .textDiv img{ max-width:100%;}
	.newsDetail .textDiv p img{ margin-left:0px;}
	.serverContain .spzl{ padding-top:20px;}
	.newsDetail .articleTitle{ padding-bottom:10px; padding-top:20px; padding-left:10px; padding-right:10px;}
	.newsDetail .textDiv p{ line-height:24px; padding:5px 5px;}
	.newsDetail .otherArticle>div{max-width: 100%;width: 100%;margin: 5px}
	.newsDetail .articleTitle .time{ font-size:12px;}
	
	
	header.onFixed{padding: 0;}
	header.onFixed .logo{width: initial;}
	header {
		position: fixed !important;
		z-index: 999;
		top: 0;
		left: auto;
		left: 0;
		width: 100%;
		height: 50px;
		padding: 0;
		transition: left 300ms !important;
	}
	header .logo {height: 50px;line-height: 48px;padding: 0;width: initial;float: right;}
	header .logo img {max-height: 70%;}
	body.on-menu header {left: 0;}
	header .mbtn {display: block;transition: left 300ms !important;}
	body.on-menu header .mbtn{left: 60%;}
	header .menu {
		float: right;
		position: fixed;
		top: 0;
		left: 0;
		width: 60%;
		height: 100%;
		padding-top: 0;
		background-color: #00ac96;
		border-bottom: 1px solid #fff;
		transition: left 300ms;
		left: -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: rgba(255,255,255,.72);
		padding: 0;
		font-weight: normal;
		font-size: 16px;
	}
	header .menu ul {float: initial;margin-right: 0;}
	header .menu ul li a span {display: none;}
	header .menu ul li.on a,header .menu ul li a.on {background: none;}
	body.on-menu header .menu {left: 0;}
	/*body.on-menu .main {left: 60%;}*/
	header .rightDiv .menu ul li>a:hover, header .rightDiv .menu ul li>a:focus, header .rightDiv .menu ul li>a.on{color: #fff;}
	header .menu>ul>li>a.on:after{display: none;}
	header .rightDiv .menu ul li>a:after{display: none;}
	header .rightDiv .telDiv{text-align: center;float: initial;line-height: 50px;color: #fff;padding: 0;background: none;}
	
	.wrap{padding: 10px;}
	.main {position: relative;right: 0;transition: left 300ms !important;margin-top: 50px;}
	.ui-homebanner .img{height:50vw;}
	.index-div1{padding: 40px 0;}
	.index-title span{font-size: 18px;}
	.index-div1 .text{margin: 20px 0;}
	.index-div1 .row>div{margin-bottom: 20px;}
	.index-div1 .row>div .conDiv .p1 span{font-size: 28px;line-height: 58px;display: inline-block;margin-right: 10px;}
	.index-div1 .row>div .conDiv .p1 small{top: -10px;}
	.index-div1 .row>div .conDiv .p2{font-size: 16px;margin-top: 5px;}
	.index-div2 .pt2 .bg{height: 450px;}
	.index-div2 .pt2 .con{padding-top: 35px;}
	.index-div2 .pt2 .cn2{width:auto;margin-bottom: 30px;}
    .index-div2 .pt2 .cn1{font-size:18px; margin:10px 0 15px;}
    .index-div2 .pt2 .cn2{font-size:14px;}
	.widget-prolist-10 .bom-text ._name{ font-size:14px;}
	.index-div4 .rowDiv .leftDiv a .titleDiv{ font-size:14px;}
	.index-div4 .rowDiv .rightDiv ul li a .textDiv .titleDiv{ font-size:14px;}
	.bottomDiv .leftDiv span{ margin:20px 0px;}
    .index-div2 .pt2 .tab .desc{font-size:12px;height: 34px;margin-bottom: 5px;}
    .index-div2 .pt2 .tab .icon{margin:5px auto; width:60px; height:60px;}
    .index-div2 .pt2 .tab .col-xs-2{padding: 0 5px;}
	.index-div2 .pt2 .tab .col-xs-2.cur .desc{padding-left: 10px;}
	.index-div2 .pt2 .tab .i1 .icon,
	.index-div2 .pt2 .tab .i2 .icon,
	.index-div2 .pt2 .tab .i3 .icon,
	.index-div2 .pt2 .tab .i4 .icon,
	.index-div2 .pt2 .tab .i5 .icon{background-size: 40px;}
	.index-div2 .pt2 .list .item a.line_btn{font-size: 14px;}
	.widget-prolist-10{padding-bottom: 0px;}
	.widget-prolist-10 .bom-text{padding: 15px 5%;}
	.index-div3 .bdDiv{margin-top: 5px;}
	.index-div3,.index-div4{padding: 30px 0;}
	.index-div4 .rowDiv{margin-top: 20px;}
	.index-div4 .rowDiv .leftDiv{width: 100%;}
	.index-div4 .rowDiv .rightDiv{width: 100%;margin-top: 15px;}
	.index-div4 .rowDiv .rightDiv ul li a{padding: 15px 0;margin-bottom: 15px;}
	.index-div4 .rowDiv .rightDiv ul li a .dateDiv{width: 70px;}
	.index-div4 .rowDiv .rightDiv ul li a .textDiv{width: calc(100% - 70px);padding: 0 10px;}
	.index-div4 .rowDiv .rightDiv ul li a .dateDiv span{font-size: 36px;margin-bottom: 10px;}
	
	.aboutDiv .wrap{ width:auto;}
	.bottomDiv{padding: 10px 0;}
	.bottomDiv .leftDiv{width: 100%;}
	.footer div{float: initial;}
	.ui-head2 p{ font-size:16px;}
	.twoNavDiv .wrap{padding: 0;}
	.twoNavDiv ul {width:100%;float: initial;}
	.twoNavDiv ul li{width: 25%;line-height: 30px;}
	.twoNavDiv ul li a{font-size: 16px;height: 30px;font-size: 14px;padding: 0;}
	.ny-banner .imgDiv{height: 40.27vw;}
	.productDiv{padding: 15px 0;}
	.product-page-list {padding-bottom: 20px}
    .product-page-list li {width: 50%}
    .product-page-list .box {margin: 0 4px 10px}
    .product-page-list .box-info {height: auto;padding: 10px 5px 40px}
    .product-page-list .box-info .h4 {
        margin-bottom: 10px;
        font-size: 15px
    }
	.bt-more{ width:130px; height:40px; line-height:40px; margin-top:0px; font-size:14px;}
    .product-page-list .box-info .p {
        height: 66px;
        line-height: 22px;
        overflow: hidden;
		font-size:12px;
		
    }
    .product-page-list .box-info .more {
        display: none
    }
    .product-page-list .icon {
        bottom: 5px;
        background-size: 33px;
    }
	.ui-awards ul li{ padding:0px 5px;}
	.newsDiv{ padding:10px 0px;}
	html, body{ font-size:14px;}
    .about-div1{padding: 20px 0;}
    .about-title span{font-size: 18px;}
    .about-title small{font-size: 12px; margin:10px;}
    .about-div1 .rowDiv{margin: 10px 0;}
    .about-div1 .rowDiv .rightDiv{width: 100%;float: initial;}
    .about-div1 .rowDiv .leftDiv{width: 100%;margin-top: 10px;}
    .about-div1 .leftDiv a{margin-top: 0px; width:120px; height:30px; line-height:30px; font-size:14px;}
    .about-div2{padding-bottom: 30px;}
    .about-div2 .titleDiv span{font-size: 18px;}
    .about-div2 .titleDiv p{font-size: 14px;margin-bottom: 10px;}
	.about-div2 .imgZoom{display: none;} 
	.about-div2 .row>div{margin-bottom: 10px;}
	.about-div2 .row .txt .box .t{font-size: 16px;margin-bottom: 10px;}
	.about-div2 .row .txt .box .c{font-size: 14px;}
	.about-div2 .rect-100{padding-bottom: 45%;}
	.aboutDiv{ padding:20px 0px;}
	
	.u-newslist ul li{
    	margin-bottom: 10px;
    }
    .u-newslist .i{
    	margin-left: 0;
    	padding: 0;
    }
    .u-newslist .i .date{
    	display: none;
    }
    .u-newslist .i >.l{
    	width: 100%;
    	float: initial;
    }
    .c-zimg img {
	    width: 100%;
	    transition: transform 300ms;
	}
    .u-newslist .i >.r{
    	width: 100%;
    	padding: 0;
    }
    .u-newslist .i .text{
    	padding: 15px 10px;
    }
    .u-newslist .i .text p.p1{
    	font-size: 14px;
    }
    .u-newslist .i .text p.p2{
    	margin-top: 0px;
    	font-size: 12px;
    	line-height: 22px;
    }
    .u-newslist .i .text p.p3{
    	margin-top: 0px; margin-bottom:0px;
    }
    
    .serviceDiv .fw-title{padding: 10px 0;font-size: 16px;}
    .serviceDiv .row1{padding: 10px 0;}
    .serviceDiv .row1 .titleDiv{background-size: 37px;font-size: 20px;padding-left: 60px;float: initial;}
 	.serviceDiv .row1 .textDiv{padding: 0;font-size: 14px;margin-top: 10px;}   
 	.serviceDiv .row2{min-height: initial;}
 	.serviceDiv .row2 .textDiv{width: 96%;padding: 25px 20px;}
 	.serviceDiv .row2 .textDiv span{font-size: 16px;}
 	.serviceDiv .row2 .textDiv p{font-size: 14px;margin: 20px 0;}
 	.serviceDiv .row2 .textDiv .p{font-size: 14px;}
 	.serviceDiv .row2 .textDiv .p img{width: 30px;margin-right: 10px;float: left;}
 	.serviceDiv .row3{padding: 10px 0;}
    .serviceDiv .row3 .titleDiv{background-size: 37px;font-size: 20px;padding-left: 60px;float: initial;margin-top: 0; padding-bottom:10px;}
    .serviceDiv .row3 .imgDiv{width: 30%; margin-top:20px;}
 	.serviceDiv .row3 .textDiv{padding: 0 35% 0 0;font-size: 14px;margin-top: 20px;}   
 	
 	.lxDiv{padding: 20px 0;}
 	.lxDiv .lx-title{margin-bottom: 10px;}
 	.lxDiv .lx-title span{font-size: 16px;}
 	.lxDiv .lx-title small{font-size: 14px;}
 	.lxDiv .row1 .leftDiv{width: 100%;margin-bottom: 20px;}
	.lxDiv .row1 .leftDiv img{ width:100%;}
	.lxDiv .row1 .rightDiv .textDiv span{ font-size:14px; margin-bottom:10px;}
	.lxDiv .row1 .rightDiv .textDiv p{ line-height:1.6;}
 	.lxDiv .row1 .rightDiv{width: 100%;}
 	.lxDiv .row1 .rightDiv .p{font-size:16px;}
 	.lxDiv .row1 .rightDiv .textDiv{margin-top: 10px;}
 	.lxDiv .row2{margin: 15px 0;}
 	.contact_us03 .titleDiv span{font-size: 16px;}
 	.contact_us03 .titleDiv p{margin: 10px 0 20px;font-size: 14px;}
 	.contact_us03 .form .row>div{margin-bottom: 15px;}
 	.contact_us03 .form textarea{margin: 0; font-size:14px;}
 	.contact_us03 .yzm_box{width: 100%;}
 	.contact_us03 .form .btns_list{width: 100%;}
 	.contact_us03 .yzm_box .yzm{margin-right: 10px;}
 	.contact_us03 .form .btns_list{margin-top: 20px;}
 	.contact_us03 .form .btns_list button{width: 45%;}
 	.contact_us03 .form .btns_list .sub{margin-right: 0;float: left;}
 	.contact_us03 .form .btns_list .reset{float: right;}
 	.contact_us03 .form input{ font-size:14px;}
 	.ui-fullpart{padding: 20px 0;}
	.productDetailDiv .ui-fullpart{ padding:0px;}
 	.ui-prodhead .head >.l,.ui-prodhead .cont >.l{width: 100%;float: initial;}
 	.ui-prodhead .head >.r,.ui-proditem .item >.r{width: 100%;float: initial;margin-top: 10px;}
	.ui-prodhead .text h3{ font-size:15px;}
 	.ht90 {height: 25px;}
	.ui-head2{ margin-bottom:20px; padding-bottom:10px; margin-top:20px;}
	.ui-proditem .tabs a{ width:120px; font-size:14px; height:30px; line-height:30px;}
	.ui-proditem .tabs li.active a, .ui-proditem .tabs a:hover{ height:30px;}
	.ui-proditem .tabs{ height:30px;}
	.ui-proditem >.ct{ padding:10px;}
	.ui-proditem .view{ padding:0px;}
	.ui-proditem .view p{ font-size:14px; margin-top:20px;}
	.ht20{ height:10px;}
	.ui-head3 p{ font-size:16px; padding-top:20px;}
 	.ui-head3{margin-bottom: 20px;}
 	.ht60{height: 30px;}
 	.hotcase ul li{width: 50%;}
 	.ui-caselist .i:after{
		display: none;
	}
	.ui-caselist .i >.ft{
		padding: 10px 10px;
	}
	.ui-caselist .i >.ft p.p1{
		font-size: 12px;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
	}
	.ui-caselist .i >.ft p.p2{
		margin-top: 10px;
		font-size: 10px;
	}
	.ui-caselist .i >.ft p.p2 a:before{
		zoom: .8;
	}
	.ui-caselist ul{
		margin: 0 -3px !important;
	}
	.ui-caselist ul li{
		float: left !important;
		width: 50% !important;
		padding: 0 3px !important;
		margin-bottom: 10px;
	}
	.ui-recommends ul{
		margin: 0 -3px !important;
	}
	.ui-recommends ul li{
		width: 50% !important;
		float: left !important;
		padding: 0 3px !important;
	}
	.ui-recommends .i img{
		height: 300px;
	}
	.ui-caselist .i >.ft p.p2,.ui-caselist .i >.ft p.p1{margin: 0;}
	 .ui-homeprod ul{
    	margin: 0 -3px !important;
    }
    .ui-homeprod ul li{
    	padding: 0 3px !important;
    	width: 50% !important;
    	float: left !important;
    	margin-bottom: 10px;
    }
    .ui-homeprod .i >p{
    	line-height: 30px;
    	font-size: 14px;
    }
    .ui-prodhead .text p{font-size: 14px;line-height: 24px;}
 	
}