html,body{
	padding: 0;
	margin: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #333;
}
.wrap{
	max-width: 1400px;
	margin: 0 auto;
}
.wrap1{
	max-width: 1300px;
	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;
    background: none;
    text-decoration: none;
}
img{
	max-width: 100%;
}
input:focus,
button:focus{
	outline: none;
}
.flex_cen{
    display:flex;
    justify-content:center;
    align-items:center;
}
/**导航菜单**/
header{
	position: fixed;
    z-index: 11;
    top: 40px;
    left: 0;
    width: 100%;
    transition: top 600ms;
}
header .header-container{
	max-width: 1300px;
    padding: 0 20px;
    position: relative;
    margin: 0 auto;
	background: #f5f3f4;
}
.on-fixed header,header.on {
    top: -150px;
}
.on-fixed header,header.on{
	/*box-shadow: 0px 0px 5px rgba(0,0,0,.1);*/
}
header .logo{
	height: 100px;
	line-height: 100px;
	position: relative;
    z-index: 9999;
}
header .logo img{max-height: 100%;}
header .rightDiv .menu{
	text-align: right;
	position: relative;
	height: 100px;
	/*margin-left:450px;*/
}
header .rightDiv .menu ul{
	display: inline-block;
	/*overflow: hidden;*/
}
header .rightDiv .menu.open ul,
header .index-header .rightDiv .menu ul{
	display: inline-block;
}
header .rightDiv .menu ul li{
	float: left;
	position: relative;
	margin-right: 0.4vw;
}
header .rightDiv .menu ul li>a{
	height: 100px;
	line-height: 100px;
	text-align: center;
	color: #333;
	font-size: 15px;
	display: inline-block;
	position: relative;
	padding: 0;
	font-weight:bold;
	padding:0 0.4vw;
}

header .rightDiv .menu ul li>a:hover,
header .rightDiv .menu ul li>a:focus,
header .rightDiv .menu ul li>a.on,
header .rightDiv .menu ul li>a.active{
	background: #90c41e;
	color: #fff;
}
/*header .rightDiv .menu ul li>a::after{
    content: "";
    float: left;
    width: 100%;
    position: absolute;
    left: 0;
    background: #2c66f3;
    height: 2px;
    top: 0px;
    opacity: 0;
    transform: scaleX(0);
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}
header .rightDiv .menu ul li:hover>a::after,
header .rightDiv .menu ul li>a.on::after{
	opacity: 1;
    transform: scaleX(1);
}*/
#dituContent{WIDTH: 100%; HEIGHT: 450px; }
/*header .twoMenu{
	position: absolute;
	top: 90px;
	left: 50%;
    transform:translateX(-50%);
    width: 100%;
	background: rgba(0,0,0,.6);
	display: none;
	text-align: center;	
	padding: 10px 5px;
	color: #fff;
}
header .twoMenu dl {
	margin:10px 0;
}
header .twoMenu dl dt{
	font-weight: normal;
	line-height: 30px;
}
header .twoMenu dl dt a{
	color: #fff;
}
header .twoMenu a:hover{
	color: #EACC69;
}*/

header .rightDiv .menu .languageDiv{
	line-height: 100px;
	font-size: 16px;
	padding-left: 40px;
	background: url(../img/lag.png) no-repeat left center;
	color: #2c66f3;
	margin-left: 20px;
	display: block;
	font-weight:bold;
}
header .menuToggle {
    display: inline-block;
    width: 22px;
    height: 125px;
    background: url(../img/menu.png) #2c66f3 no-repeat center center;
    background-size: 22px auto;
	margin-left: 2.447916vw;
}
header.on  .menuToggle{
    background: url(../img/menu1.png) #2c66f3 no-repeat center center;
}
header .mbtn {
    display: inline-block;
    width: 50px;
    height: 50px;
    background: url(../img/menu.png) #2c66f3 no-repeat center center;
    background-size: 22px auto;
    position: absolute;
    top: 0;
    right: 0;
    display: none;
}
/*.on-fixed header .mbtn{background: url(../img/menu1.png) no-repeat center center;background-size: 22px auto;}*/
header .mbtn:active{
    opacity: .8;
}
/*body.on-menu header{
	background:transparent;
}*/
body.on-menu header .mbtn{
    background: url(../img/menu-hide.png) #2c66f3 no-repeat center center;
    background-size: 22px auto;
}

/*footer*/

.section.fp-auto-height:after{
	background: none;
}
.footer{
	background: #2b2c2e;
	background-size: cover;
	position: relative;
    width: 100%;
    text-align: left;
	font-size: 15px;
}
.footer .footer1{
	padding: 20px 0;
	color: #424242;
}
.footer .footer1 a{display: inline-block;color: #fff;padding:0 30px;}
.footer .footer2{color: #818181;}
.footer .footer2 .row{margin: 0;border-top: 1px solid #424242;}
.footer .footer2 .row>div{padding: 30px 0;}
.footer .footer2 .row>div:nth-child(1){border-right: 1px solid #424242;}
.footer .footer2 .row>div:nth-child(2){text-align: right;}
.footer .footer2 .row>div .conDiv{padding: 10px 0;}
.footer .footer2 .row>div div{padding-left: 24px;margin: 10px 0;}
.footer .footer2 .row>div .mailDiv{background: url(../img/f-icon1.png) no-repeat left center;}
.footer .footer2 .row>div .addrDiv{background: url(../img/f-icon2.png) no-repeat left center;}
.footer .footer2 .row>div .telDiv{background: url(../img/f-icon3.png) no-repeat left center;}
.footer .footer2 .row>div .yzbmDiv{background: url(../img/f-icon4.png) no-repeat left center;}
.footer .footer2 .row>div .text{padding-top: 40px;}
.footer .footer2 .imgDiv{text-align: center;margin-left: 20px;}
.footer .footer2 a{color: #818181;}
.footer .footer2 span{margin: 0 10px;display: block;font-size: 14px;margin-top: 10px;}


/********************************* 首页 **********************************/
/*banner轮播*/
.banner1{width: 100%;position:relative;}
.banner1 .swiper-container{width: 100%;}
.banner1 .swiper-slide{overflow: hidden;width: 100vw;}
.banner1 .img{width: 100vw;height: 100vh;background-size:cover ;}
.banner1 .wrap{display: block;position: relative;}
.banner1 .textDiv{top: 14.9vw;position: absolute;left: 60px;}
.banner1 .textDiv span{font-size: 38px;font-weight: bold;}
.banner1 .textDiv.t2 {
    top: 18.9vw;
    position: absolute;
    left: 460px;
}
.banner1 .textDiv p{font-size: 28px;border-top: 1px solid rgba(0,0,0,.2);padding-top: 20px;margin-top: 10px;max-width: 500px;}
.banner1 .btnDiv{position: absolute;width: 100%;left: 0;bottom: 7.8125vw;height: 86px;}
.banner1 .swiper-button-next, .banner1 .swiper-button-prev{width: 86px;height: 86px;background-size: 100%;top: 0;margin-top: 0;}
.banner1 .swiper-button-prev{background: url(../img/left.png) no-repeat center center;}
.banner1 .swiper-button-next{background: url(../img/right.png) no-repeat center center;left: 106px;right: auto;}
.banner1 .swiper-button-prev:hover{background: url(../img/left_.png) no-repeat center center;}
.banner1 .swiper-button-next:hover{background: url(../img/right_.png) no-repeat center center;}

.index-title {font-size: 24px;font-weight: bold;background: url(../img/line.png) no-repeat center center;}
.banner2{width: 100%;height:100%;text-align: center;}
.banner3{width: 100%;height:100%;text-align: center;}
.banner4{width: 100%;height:100%;text-align: center;}
.banner2 .wrap,
.banner3 .wrap,
.banner4 .wrap{
	height: 100%;
	position: relative;
}
.banner2 .banner2-content,
.banner3 .banner3-content,
.banner4 .banner4-content{
	width: 100%;
	position: absolute;
	top: 50%;
	transform:translateY(-50%);
}
.banner2 .banner2-content{background: url(../img/i-bg2.jpg) no-repeat right center;background-size: cover; padding: 78px 4.25vw;height: 80%;opacity:0.8;}
.banner2 .row{margin-top: 8.17vw;margin-bottom: 3.6vw;}
.banner2 .row>div .conDiv{text-align: center;}
.banner2 .row>div .conDiv .p1{text-align: center;height: 56px;}
.banner2 .row>div .conDiv .p1 span{position: relative;font-size: 56px;color: #282828;font-weight: bold;line-height: 1;margin-right: 0px;display: inline-block;}
.banner2 .row>div .conDiv .p1 small{position: relative;display: inline-block;background: url(../img/xx.png) no-repeat center center;font-size: 13px;color: #666666;line-height: 56px;top: -18px;}
.banner2 .row>div .conDiv .p1 small sup{font-size: 20px;color: #136cd7;}
.banner2 .row>div .conDiv .p2 small{font-size: 10px;color: #bbbbbb;margin: 10px 0 0;display: block;text-transform: uppercase;height: 36px;}
.banner2 .textDiv{font-size: 14px;color: #666666;line-height: 2;text-align: left;padding: 0 4vw;text-indent: 2em;}

/*.banner3 .index-title{color: #fff;}*/
.banner3 .row{margin: 8vw -20px 0;}
.banner3 .row>div{padding: 0 20px;}
.banner3 .row>div a{display: block;position: relative;}
.banner3 .row>div a .imgDiv{overflow: hidden;}
.banner3 .row>div a .imgDiv img{transition: transform 300ms;}
.banner3 .row>div a:hover .imgDiv img{transform: scale(1.05);}
.banner3 .row>div a .bgDiv{position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,0);color: #fff;top: 0;left: 0;}
.banner3 .row>div .textDiv{padding: 0 20px;position: absolute;bottom: 40px;width: 100%;overflow: hidden;transition: all 1s;}
.banner3 .row>div .textDiv .titleDiv{font-size: 20px;font-weight: bold;}
.banner3 .row>div .textDiv .p{margin-top: 20px;height: 0;}
.banner3 .row>div a:hover .bgDiv{background: rgba(0,0,0,.5);}
.banner3 .row>div a:hover .textDiv .p{display: block;height: initial;}
.banner3 .row>div .textDiv .p span{display: inline-block;margin: 0 10px;margin-top: 10px;font-size: 14px;}

.banner4 .banner4-content>.row{margin: 110px -6px 0;}
.banner4 .banner4-content>.row>div{padding: 0 6px;}
.banner4 .banner4-content>.row>div.row{margin: 0 -6px;}
.banner4 .banner4-content>.row>div.row>div{padding: 0 6px;margin-bottom: 14px;}
.banner4 .banner4-content a{display: block;position: relative; -webkit-transition: .2s ease all; -moz-transition: .2s ease all; transition: .2s ease all;}
.banner4 .banner4-content a .bgDiv{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.banner4 .banner4-content a .bgDiv .textDiv{position: absolute;width: 100%;left: 0;bottom: 0;padding: 20px;text-align: left;color: #fff;background: linear-gradient(to bottom, transparent, #000);}
.banner4 .banner4-content a .textDiv .titleDiv{font-size: 16px;font-weight: bold;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.banner4 .banner4-content a .textDiv .p{font-size: 13px;margin-top: 10px;padding-right: 30px;position: relative;display: none;}
.banner4 .banner4-content a:hover .textDiv .p{display: block; }
.banner4 .banner4-content a .textDiv .p p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;line-height: 1.8;margin: 0;}
.banner4 .banner4-content a .textDiv .p span{position: absolute;right: -10px;bottom: 0;color: #2c66f3;}
/*.banner4 .banner4-content a:hover .bgDiv{border: 5px solid #0062CC;}*/
.banner4 .banner4-content a{overflow: hidden;}
.banner4 .banner4-content a img{transition: transform 300ms;}
.banner4 .banner4-content a:hover img{transform: scale(1.05);}


.ny-banner{
    width: 100%;
	position:relative;
}
.ny-banner .img{
	width: 100%;
	display: block;
	height: 600px;
	background: none no-repeat center;
	background-size: cover;
}



/*.ny-banner .wrap{
	height: 100%;
	color: #fff;
}
.ny-banner .wrap .textDiv{
	width: 80%;
}
.ny-banner .p1{
	text-transform: uppercase;
	font-size: 5vw;
	font-weight: bold;
	letter-spacing: 5px;
}
.ny-banner .p1 span{
	color: #eacc69;
}
.ny-banner img{margin: 20px 0 40px;}
.ny-banner .p2{
	text-transform: uppercase;
	font-size: 15px;
}*/

.aboutDiv{padding: 65px 0 80px;}
.aboutDiv .rowDiv{overflow: hidden;}
.aboutDiv .rowDiv .imgDiv{width: 49%;overflow: hidden;}
.aboutDiv .rowDiv .imgDiv img{transition: transform 300ms;}
.aboutDiv .rowDiv .imgDiv:hover img{transform: scale(1.05);}
.aboutDiv .rowDiv .textDiv{width: 49%;}
.aboutDiv .rowDiv .textDiv span{font-size: 24px;font-weight: bold;}
.aboutDiv .rowDiv .textDiv .p p{margin: 20px 0;line-height: 1.8;}
.aboutDiv .row{margin-top: 78px;}
.aboutDiv .row>div .conDiv{text-align: center;}
.aboutDiv .row>div .conDiv .p1{text-align: center;height: 56px;}
.aboutDiv .row>div .conDiv .p1 span{position: relative;font-size: 56px;color: #282828;font-weight: bold;line-height: 1;margin-right: 0px;display: inline-block;}
.aboutDiv .row>div .conDiv .p1 small{position: relative;display: inline-block;background: url(../img/xx.png) no-repeat center center;font-size: 13px;color: #666666;line-height: 56px;top: -18px;}
.aboutDiv .row>div .conDiv .p1 small sup{font-size: 20px;color: #136cd7;}
.aboutDiv .row>div .conDiv .p2 small{font-size: 10px;color: #bbbbbb;margin: 10px 0 0;display: block;text-transform: uppercase;height: 36px;}


.pvtitle { font-size:24px; font-weight:bold; text-align:center; padding-bottom:50px;}
.baiimg img{ width:100%;}
.aboutDiv.pv .rowDiv .textDiv span{ font-size:18px; line-height:50px;}
.pv table{ width:100%;}
.pv table td, .pv table th{ width:50%; border:1px solid #333; text-align:center; background:#f0f0f0;}
.pv table td.ss{ background:#e1e1e1;}
.pv div.p { font-size:16px; line-height:30px;}
.wrap1.pvv{ max-width:1000px;}
.aboutDiv.pv .rowDiv .imgDiv{ width:47%;}
.aboutDiv.pv .rowDiv .textDiv{width:47%;}


.productDiv{padding: 60px 0 80px;}
.productDiv .row{margin: 0 -20px 0;text-align: center;}
.productDiv .row>div{padding:20px; padding-top:0px;}
.productDiv .row>div a{display: block;position: relative;}
.productDiv .row>div a .imgDiv{overflow: hidden;}
.productDiv .row>div a .imgDiv img{transition: transform 300ms;}
.productDiv .row>div a:hover .imgDiv img{transform: scale(1.05);}
.productDiv .row>div a .bgDiv{position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,0);color: #000;top: 0;left: 0;}
.productDiv .row>div .textDiv{padding: 0 20px;position: absolute;bottom: 40px;width: 100%;overflow: hidden;transition: all 1s;}
.productDiv .row>div .textDiv .titleDiv{font-size: 20px;font-weight: bold;}
.productDiv .row>div .textDiv .p{margin-top:10px;}
.productDiv .row>div a:hover .bgDiv{background: rgba(0,0,0,.5);}
.productDiv .row>div .textDiv .p span{display: inline-block;font-size: 20px;font-weight: bold;}


/***********公司新闻***********/
.twoNavDiv{
	text-align: center;
	padding: 20px 0;
	border-bottom: 1px solid #eee;
}
.twoNavDiv ul{
	display: block;
	overflow: hidden;
	text-align: center;
}
.twoNavDiv ul li{
	display: inline-block;
	line-height: 41px;
	padding: 0 8px;
	position: relative;
	background: url(../img/line2.png) no-repeat left center;
}
.twoNavDiv ul li a{
	font-size: 16px;
	height: 41px;
	color: #393c3e;
	display: block;
	padding: 0 23px;
	border-radius: 50px;
	font-weight: bold;
}
.twoNavDiv ul li a:hover,
.twoNavDiv ul li.active a{
	background: #136cd7;
	color: #fff;
}
.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;
	padding: 48px 0px;
	margin-left: 100px;
	display: block;
	border-bottom: 1px solid #eee;
}
.u-newslist .i .date{
	position: absolute;
	top: 0;
	left: -80px;
	width: 80px;
	background-color: #2c66f3;
	padding: 10px 0;
	color:#fff;
	margin-top:48px;
}
.u-newslist .i:hover .date{
	background-color: #2c66f3;
}
.u-newslist .i .date p{
	text-align: center;
}
.u-newslist .i:hover .date p{
	color: #fff;
}
.u-newslist .i .date p.p1{
	font-size: 16px;
	font-weight: bold;
	margin: 0;
	line-height: 1;
}
.u-newslist .i .date p.p2{
	font-size: 20px;
	margin: 0;
}
.u-newslist .i >.l{
	width: 307px;
	float: left;
}
.u-newslist .i >.l img{ border:5px solid #ddd;}
.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: #333;
	font-weight: bold;
}
.u-newslist .i:hover .text p.p1{
	color: #136cd7;
}
.u-newslist .i .text p.p2{
	font-size: 14px;
	line-height: 1.6;
	color: #333;
}
.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: #136cd7;
	text-decoration: underline !important;
}

.u-newslist .i >.l .c-zimg{overflow: hidden;}
.u-newslist .i >.l .c-zimg img{transition: transform 300ms;}
.u-newslist .i >.l .c-zimg:hover img{transform: scale(1.05);}

.right_bar {
  /*display:none;*/
  position: fixed;
  top: 200px;
  right: 0;
  width: 50px;
  height: 203px;
  z-index: 10;
}
.right_bar li {
  width: 62px;
  height: 50px;
  z-index: 20;
}
.right_bar li.rtbar_li1,
.right_bar li.rtbar_li4 {
  position: absolute;
  left: 0;
}
.right_bar li.rtbar_li1 {
  top: 0;
  width: 172px;
}
.right_bar li.rtbar_li2 {
  position: absolute;
  top: 51px;
  left: 0;
}
.right_bar li.rtbar_li3 {
  position: absolute;
  top: 102px;
  left: 0;
  width: 126px;
}
.right_bar li.rtbar_li4 {
  top: 153px;
}
.rtbar_li4 {
  position: absolute;
  top: 153px;
  left: 0;
}
.right_bar li a {
  display: block;
  font-family: "Microsoft Yahei";
  color: #fff;
  font-size: 14px;
  height: 50px;
  line-height: 50px;
  overflow: hidden;
  background-color: #39424b;
  opacity: 0.8;
  border-radius: 6px;
}
.right_bar li a img {
  display: block;
  float: left;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  margin: 12px 12px 14px 14px;
}
.right_bar li a:hover {
  background-color: #0061bc;
  opacity: 1;
}
.rtbar_shwx {
  display: none;
  position: absolute;
  top: -146px;
  left: -162px;
  background: url(../img/rtbar_wxbd.png) no-repeat bottom right;
  /*  width:216px; height:216px;  */
  padding-bottom: 9px;
}
.rtbar_shwx img {
  padding: 14px;
  background-color: #0061bc;
  width: 160px;
  height: 160px;
}

.wpage{ padding:30px; text-align:center; clear:both; margin:0 auto;}

/*--新闻详细--*/

.commonDetailed {
    background: #f9f9f9;
    padding: 0px 10px;
    margin: 20px auto;
}

.commonDetailed img {
    max-width: 100%;
}

.commonDetailedtitle {
    border-bottom: 1px solid #cccccc;
    padding-bottom: 10px;
}

.commonDetailedtitle h3 {
    font-size: 18px;
    text-align: center;
    line-height: 26px;
    color: #1a1a1a;
    padding: 20px 0px 0px;
}

.commonDetailedtitleTimeAuthor {
    text-align: center;
    color: #666;
    font-size: 13px;
    padding: 10px 0px 15px;
}

.commonDetailedtitleTimeAuthor span {
    padding-right: 10px;
    position: relative;
    top: -3px;
    *top: 2px;
    _top: 1px;
}

.commonDetailedContents {
    padding: 30px 0px;
    font-size: 16px;
}

.commonDetailedContentsfoot {
    padding-bottom: 45px;
}

.commonDetailedContentsfoot p {
    text-align: center;
    padding-bottom: 30px;
}

.commonDetailedContentsfoot p a {
    display: inline-block;
    background: #0055A5;
    padding: 5px 30px;
    color: #FFF;
    font-size: 14px;
}

.commonDetailedContentsfoot p a:hover {}

.commonDetailedContentsfoot dl {
    border: 1px solid #cccccc;
    border-left: none;
    border-right: none;
    font-size: 16px;
    padding: 13px 0px;
}

.commonDetailedContentsfoot dl span {
    display: inline-block;
    background: #f2f2f2;
    color: #1a1a1a;
    line-height: 27px;
    padding: 0px 10px;
    margin-right: 15px;
}

.commonDetailedContentsfoot dl a {}

.commonDetailedContentsfoot dl dd {
    float: none;
    margin-bottom: 15px;
}

.commonDetailedContentsfoot dl dt {
    float: none;
}

.commonDetailedContentsfoot dl dd,
.commonDetailedContentsfoot dl dt {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 1;
}
/**************************产品详情**************************/
.productShow{
	background: #d3d1dc;
	margin-top: 0px;
	padding: 50px 0 0;
	padding-top:160px;
	/*background:url(../img/pbg.jpg) no-repeat center top;*/
}
.productShow .row .imgDiv img{
	max-width:100%;
	/*min-height: 500px;*/
}

.productShow .row .textDiv h3{
	color: #232323;
	font-size: 36px;
	font-weight: bold;
	margin-top: 160px;
	margin-bottom: 30px;
}
.productShow .row .textDiv span{
	font-size: 24px;
	color: #7f7f7f;
}
.pro-intro-wrap{
	padding: 40px;
}
.pro-intro-wrap h4{
	font-size: 16px;
	color: #232323;
	margin-bottom: 20px;
}
.pro-intro-wrap .row,.pro-intro-wrap .row>div{
	color: #5e5e5e;
	margin-top:10px;
}

 /*--新闻详细--*/
   .commonDetailed {
        padding: 0px 50px;
        margin: 45px auto;
    }
    .commonDetailedtitle {
        padding-bottom: 20px;
    }
    .commonDetailedtitle h3 {
        font-size: 20px;
        line-height: 32px;
        padding: 30px 0px 0px;
		font-weight:bold;
    }
    .commonDetailedContentsfoot dl dd {
        float: none;
        margin-bottom: 15px;
    }
    .commonDetailedContentsfoot dl dt {
        float: none;
    }
	 /*公司详情*/
    .commonDetailedContentsfoot dl dd {
        float: left;
        margin-bottom: 0;
    }
    .commonDetailedContentsfoot dl dt {
        float: right;
    }



.pageDiv{text-align: center;}
.pageDiv span,.pageDiv a{display: inline-block;padding: 0 13px;line-height: 40px;color: #EACC69;border: 1px solid #EACC69;font-size: 22px;margin: 0 5px;}

.contactDiv{padding: 60px 0;}
.contactDiv .leftDiv{width: 60.9%;}
.contactDiv .rightDiv{width: 37%;padding-top: 40px;}
.contactDiv .rightDiv .title{font-size: 22px;}
.contactDiv .rightDiv .hotTel{font-size: 16px;margin: 35px 0;}
.contactDiv .rightDiv .rowDiv .ewmDiv img{padding: 6px;background: #f0f0f0;}
.contactDiv .rightDiv .rowDiv .ewmDiv span{display: block;text-align: center;font-size: 14px;color: #818181;margin-top: 10px;}
.contactDiv .rightDiv .rowDiv .textDiv{padding-left: 180px;padding-top: 1px;}
.contactDiv .rightDiv .rowDiv .textDiv p{padding-left: 42px;font-size: 14px;color: #818181;margin: 20px 0;}
p.telDiv{background: url(../img/tel.png) no-repeat left center;}
p.addrDiv{background: url(../img/addr.png) no-repeat left center;}
p.ybDiv{background: url(../img/yb.png) no-repeat left center;}


.produceDiv{overflow: hidden;padding-bottom: 60px;}
.lh-viewpoint-item li {
	border: 5px solid #E8E8E8;
	margin-top: 80px;
	float: left;
	width: 95%;
	position: relative;
	transition: ease .65s;
}
.lh-viewpoint-item li:after {
	content: '';
	display: block;
	height: 0;
	clear: both;
}
.lh-viewpoint-item {
	padding: 0 30px;
}
.lh-viewpoint-item li .img {
	float: right;
	transform: translate(58px, -24px);
	transition: ease .65s;
}
.lh-business-a font {
    margin-top: 40px;
    display: inline-block;
}
.lh-viewpoint-item li .text {
	width: 56%;
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
}
.lh-viewpoint-item li .text h2 {
	font-size: 20px;
	font-weight: bold;
	color: #333;
	margin: 15px 0 30px;
	position: relative;
	height: 22px;
	line-height: 22px;
}
.lh-viewpoint-item li .text h2:after {
	content: '';
	display: block;
	width: 40px;
	height: 1px;
	background: #D5D5D5;
	position: absolute;
	left: 50%;
	bottom: -15px;
	margin-left: -20px;
	transition: ease .65s;
}
.lh-viewpoint-item li .text h3 {
	line-height: 24px;
	color: #666;
	font-size: 14px;
	font-weight: normal;
	text-align:left;
}
.lh-viewpoint-item li .text a {
	margin-top: 45px;
}
.lh-viewpoint-item li:nth-child(odd) {
	float: right;
}
.lh-viewpoint-item li:nth-child(odd) .text {
	left: inherit;
	right: 0;
}
.lh-viewpoint-item li:nth-child(odd) .img {
	float: left;
	transform: translate(-58px, -24px);
}
.lh-viewpoint-item li:nth-child(3) .text h2 {
	margin: 30px 0 35px;
}
.lh-viewpoint-item li:nth-child(3) .text a {
	margin-top: 30px;
}
.lh-viewpoint-item li>i:before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-bottom: 5px solid #2c66f3;
	border-left: 5px solid #2c66f3;
	position: absolute;
	left: -5px;
	bottom: -5px;
	transition: ease .65s;
}
.lh-viewpoint-item li>i:after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-right: 5px solid #2c66f3;
	border-top: 5px solid #2c66f3;
	position: absolute;
	right: -5px;
	top: -5px;
	transition: ease .65s;
}
.lh-viewpoint-item li:hover>i:before, .lh-viewpoint-item li:hover>i:after {
	width: 101%;
	height: 103%;
	visibility: visible;
}
.lh-viewpoint-item li:hover .img {
	transform: translate(0);
}
.lh-viewpoint-item li:hover .text h2:after {
	background: #2c66f3;
}
.lh-viewpoint-item li:hover {
	box-shadow: 0 0 16px rgba(12,3,6,.3);
}
.lh-viewpoint-item.business li .text .lh-business-a {
    width: 370px;
    text-align: center;
    margin: auto;
}
body:after {
    content: '';
    position: fixed;
    z-index: 9998;
    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:1420px) {
	.wrap{padding: 0 15px;}
	.banner2{background-size:90% 100%;}
	.banner1 .textDiv{padding-left: 15px;}
}
@media (max-width:1320px) {
	.wrap1{padding: 0 15px;}
}
@media (min-width:992px) and (max-width:1024px) {
	header .rightDiv .menu .languageDiv{margin-left: 0;}
}
@media (min-width:768px) and (max-width:991px) {
	
}
.visible-xs{display: none;}
.hidden-xs{display: block;}

/*手机*/
@media (max-width:767px) {
	#dituContent{WIDTH: 100%; HEIGHT: 250px; }
	.visible-xs{display: block;}
	.hidden-xs{display: none;}
	header {
		position: fixed !important;
		z-index: 9999;
		top: 0;
		left: auto;
		right: 0;
		width: 100%;
		height: 50px;
		transition: top 300ms !important;
		background: #F5F3F4;
	}
	.on-fixed header, header.on{top: 0;}
	a.languageDiv{padding-right: 40px;line-height: 50px;font-size: 14px;background: url(../img/lag.png) no-repeat left center;padding-left: 25px;background-size:20px;}
	header .rightDiv .menu .languageDiv{display: none;}
	header .header-container{padding: 0;}
	header .mbtn {display: block;}
	body.on-menu header .mbtn{z-index: 1;}
	header .logo{height: 50px;line-height: 48px;padding: 0;width: initial;}
	header .logo img{max-height: 90%;}
	header .rightDiv .menu {
		float: right;
		position: fixed;
		top: -9999px;
		right: 0;
		width: 100%;
		height: 100%;
		padding-top: 0;
		transition: right 300ms;
		right: 0;
		padding: 0;
		overflow-y: auto;
		
	}
	header .rightDiv .menu ul li {
		margin: 0 15px;
		float: none;
		border-bottom:1px solid #ddd;
		
	}
	header .rightDiv .menu ul li a {
		display: block;
		line-height: 40px;
		height: 40px;
		/*color: #fff;*/
		padding: 0;
		text-align: center;
		font-size: 14px;
	}
	
	header .rightDiv .menu ul {display: block;padding-bottom:20px;background:#fff;}
	header .rightDiv .menu ul li a span {display: none;}
	header .rightDiv .menu ul li a.on {background: none; color:#007bff;}
	header .rightDiv .menu ul li span{display: none;}
	body.on-menu header .rightDiv .menu {top: 50px;}
	body.on-menu .main {right: 0;}
	header .twoMenu{position: relative;top: 0px;background: none;padding:0;width: initial;}
	header .twoMenu dl{margin-bottom: 10px;}
	header .twoMenu dl dd{margin-top: 0;}
	header .rightDiv .menu ul li .twoMenu{top: 0;}
	header .rightDiv .menu ul li .twoMenu .liDiv>a{line-height: 32px;height: 32px;font-weight: normal;}
	header .twoMenu .liDiv>a:after{top: 0;}
	header .rightDiv .menu ul li.relativeLi .twoMenu .ulDiv{margin:0 15px;}
	header .rightDiv .menu ul li>a{margin: 0;}
	.otherDiv{float: left;text-align: left;}
	header .rightDiv .menu .telDiv{display: block;line-height: 60px;font-size: 22px;}
	header .index-header .rightDiv .menu ul{display: block;}
	header .rightDiv .menu ul li>a::after{display: none;}
	
	.productShow{ margin-top:0px; padding-top:50px; background:#d3d1dc;}
	.right_bar{ display:none;}
	.productShow .textDiv{ padding-bottom:40px;}
	.productShow .row .textDiv h3{ margin-top:30px;}
	.productShow .row .textDiv span{ color:#7f7f7f; font-size:24px;}
	.pro-intro-wrap{ padding:40px 0px;}
	.pro-intro-wrap h4{ padding-left:15px;}
	.pro-intro-wrap .row{ padding:0px 15px;}
	.col-xs-12{ width:100%;}
	.productShow .row .imgDiv img{
		min-height:200px;
	}
	.productShow .row .textDiv h3{
		margin-top: 30px;
		font-size:18px;
	}
	.productShow .row .textDiv span{ font-size:18px;}
	
	 .commonDetailed {
        padding: 0px 10px;
        margin: 20px auto;
    }
    .commonDetailedtitle {
        padding-bottom: 10px;
    }
	.commonDetailedContents{ padding:10px 0px; font-size:14px;}
	.commonDetailedContentsfoot p{ padding-bottom:0px}
	.commonDetailedContentsfoot dl{ font-size:14px;}
	.commonDetailedContentsfoot{ padding-bottom:20px;}
	.contactDiv .rightDiv .title{ font-size:18px; font-weight:bold;}
    .commonDetailedtitle h3 {
        font-size: 16px;
        line-height: 22px;
        padding: 20px 0px 0px;
    }
	.index-about-wrap .textDiv p{ padding:0px 10px; margin-bottom:10px;}
	.lx-wrap{ margin:0px;}
	.commonDetailedtitleTimeAuthor{ padding:0px;}
    .commonDetailedContentsfoot dl dd {
        float: none;
        margin-bottom: 15px;
    }
    .commonDetailedContentsfoot dl dt {
        float: none;
    }
	.lx-wrap .textDiv h3{ font-size:18px}
	
	
	/*header.onFixed{padding: 0;}
	header.onFixed .logo{width: initial;}
	header {
		position: fixed !important;
		z-index: 9999;
		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;z-index: 0;}
	header .logo img {max-height: 90%;}
	body.on-menu header {left: 0;}
	header .mbtn {display: block;transition: left 300ms !important;}
	body.on-menu header .mbtn{left: 60%;}
	header .rightDiv .menu {
		float: right;
		position: fixed;
		top: 0;
		left: 0;
		width: 60%;
		height: 100%;
		padding-top: 0;
		background-color: #2c66f3;
		border-bottom: 1px solid #fff;
		transition: left 300ms;
		left: -60%;
		padding: 0;
		overflow-y: auto;
		margin-top: 0;
	}
	header .rightDiv .menu ul li {
		padding: 0;
		border-bottom: 1px solid #eee;
		float: none;
		margin: 0;
	}
	header .rightDiv .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 .rightDiv .menu ul {float: initial;margin-right: 0;display: block;}
	header .rightDiv .menu ul li a span {display: none;}
	header .rightDiv .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 .rightDiv .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;}*/
	
	
	.main {position: relative;right: 0;transition: right 300ms !important;}
	
	.banner1 .img{height: 65vw;}
	.banner1 .textDiv{top: 20vw;padding: 0 15px; left:0;}
	.banner1 .textDiv span{font-size: 18px;}
	.banner1 .textDiv p{font-size: 14px;padding-top: 10px;margin-top: 5px;}
	.banner1 .btnDiv{height: 56px;bottom: 2vw;}
	.banner1 .textDiv.t2 {
    top: 20vw;
    padding: 0 15px;
    left: 0;
}
	.banner1 .swiper-button-next, .banner1 .swiper-button-prev{width: 46px;height: 46px;background-size: 36px;}
	.banner1 .swiper-button-next:hover,.banner1 .swiper-button-prev:hover{background-size:40px ;}
	.banner1 .swiper-button-next{left: 56px;}
	
	.banner1,.banner2, .banner3{height: initial;}
	.banner1 .banner2-content,.banner2 .banner2-content, .banner3 .banner3-content, .banner4 .banner4-content{position: relative;top: 0;transform:initial;}
	.index-title{font-size: 20px;}
	.banner2{background: none !important;}
	.banner2 .banner2-content{padding: 30px 0;background: none;}
	.banner2 .row>div .conDiv .p1 span{font-size: 36px;}
	.banner2 .row>div .conDiv .p1 small{line-height: 36px;top: -9px;}
	.banner2 .row>div .conDiv .p2 small{margin-top: 0;}
	.banner2 .row>div .conDiv .p2 p{font-size: 14px;}
	.banner3{padding: 30px 0;}
	.banner3 .row{margin: 30px -6px 0;}
	.banner3 .row>div{padding: 0 6px;margin-bottom: 20px;}
	.banner3 .row>div .textDiv{bottom: 10px;padding: 0px;}
	.banner3 .row>div .textDiv .titleDiv{font-size: 16px;}
	.banner3 .row>div .textDiv .p{margin-top: 10px;}
	.banner3 .row>div .textDiv .p span{margin: 0 4px;font-size: 12px;margin-top: 5px;}
	.banner4{padding: 30px 0;}
	.banner4 .banner4-content>.row{margin: 30px 0 0;}
	.banner4 .banner4-content>.row>div{padding: 0;}
	.banner4 .banner4-content>.row>div.row{margin: 13px 0 0;}
	.banner4 .banner4-content>.row>div.row>div{padding: 0;}
	.banner4 .banner4-content a img{width: 100%;}
	.banner4 .banner4-content a .textDiv .titleDiv{font-size: 16px;}
	.banner4 .banner4-content a .textDiv .p{margin-top: 5px;}
	.banner4 .banner4-content a .bgDiv .textDiv{padding: 10px;}
	
	.footer .footer1 a{padding: 0 5px;}
	.footer .footer2 .row>div:nth-child(1){border: 0;padding:20px 0;}
	.footer .footer2 .row>div:nth-child(2){display: none;}
	.footer .footer2 .row>div .conDiv{padding: 0;}
	.footer .footer2{ font-size:14px;}
	.ny-banner .img{height: 50vw;}
	/*.ny-banner .p1{font-size: 28px;padding-top: 50px;letter-spacing: 2px;}
	.ny-banner img{margin: 10px 0;}
	.ny-banner .p2{font-size: 12px;}*/
	.fp-section.fp-table, .fp-slide.fp-table,.fp-tableCell{height: auto!important;}
	
	.aboutDiv{padding: 20px 0;}
	.aboutDiv .rowDiv .imgDiv{width: 100%;}
	.aboutDiv .rowDiv .textDiv{width: 100%;margin-top: 0px; font-size:14px;}
	.aboutDiv .row{margin-top: 30px;}
	.aboutDiv .row>div{margin-bottom: 20px;}
	.aboutDiv .row>div .conDiv .p1 span{font-size: 36px;}
	.aboutDiv .row>div .conDiv .p1 small{line-height: 36px;top: -9px;}
	.aboutDiv .row>div .conDiv .p2 small{margin-top: 0;}
	.aboutDiv .row>div .conDiv .p2 p{font-size: 14px;}
	
	
	.pvtitle { font-size:16px; font-weight:bold; text-align:center; padding-bottom:20px;}
.baiimg img{ width:100%;}
.aboutDiv.pv .rowDiv .textDiv span{ font-size:16px; line-height:50px;}
.pv table{ width:100%; }
.pv.table{margin-bottom:0px;}
.pv table td, .pv table th{ width:50%; border:1px solid #333; text-align:center; font-size:14px; background:#f0f0f0;}
.pv table td.ss{ background:#e1e1e1;}
.pv div.p { font-size:14px; line-height:30px;}
.wrap1.pvv{ max-width:1000px;}
.aboutDiv.pv .rowDiv .imgDiv{ width:100%;}
.aboutDiv.pv .rowDiv .textDiv{width:100%;}
	
	
	
	
	.productDiv{padding: 30px 0 30px;}
	.productDiv .row{margin: 0 -6px 0;}
	.productDiv .row>div{padding: 0 6px;margin-bottom: 20px;}
	.productDiv .row>div .textDiv{bottom: 10px;padding: 0px;}
	.productDiv .row>div .textDiv .titleDiv{font-size: 16px;}
	.productDiv .row>div .textDiv .p{margin-top: 5px;}
	.productDiv .row>div .textDiv .p span{font-size: 16px;}
	
	
	.twoNavDiv .wrap{padding: 0;}
	.twoNavDiv ul {width:100%;float: initial;}
	.twoNavDiv ul li{width: 33.3%;float: left; line-height:31px;}
	.twoNavDiv ul li a{font-size: 16px;padding: 0; height:31px;}
	.u-newslist ul li{
    	margin-bottom: 20px;
		margin-top:20px;
    }
    .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: 10px;
    	font-size: 12px;
    	line-height: 22px;
    }
    .u-newslist .i .text p.p3{
    	margin-top: 15px;
		margin-bottom:0px;
    }
	.twoNavDiv{ padding:10px 0px;}
	.contactDiv{padding: 20px 0;}
	.contactDiv .leftDiv{width: 100%;}
	.contactDiv .rightDiv{width: 100%;}
	.contactDiv .rightDiv .hotTel{margin: 20px 0;}
	.contactDiv .rightDiv .rowDiv .ewmDiv{float: left;width: 144px;margin: 0 auto;}
	.contactDiv .rightDiv .rowDiv .textDiv{padding-left: 0; float:left;}
	.lh-viewpoint-item.business li .text .lh-business-a {
	width: 92%;
	padding: 0 10px;
}
	.lh-viewpoint-item {
	padding: 0;
}
.lh-viewpoint-item li {
	border: none;
	width: 100%;
	margin-top: 20px;
}
.lh-viewpoint-item li .img, .lh-viewpoint-item li:nth-child(odd) .img {
	width: 100%;
	float: none;
	transform: translate(0, 0);
}
.lh-viewpoint-item li>i {
	display: none;
}
.lh-viewpoint-item li .text {
	width: 100%;
	position: static;
}
.lh-business-a font{width: 50px;margin-top: 20px;}
.lh-viewpoint-item li .text h2 {
	font-size: 18px;
	margin: 20px 0 25px;
}
.lh-viewpoint-item li:hover .img, .lh-viewpoint-item li:nth-child(2n):hover .img {
	transform: translate(0, 0);
}
.lh-viewpoint-item li .text a.lh-more {
	display: none;
}
.lh-viewpoint-item li {
	box-shadow: 0 0 16px rgba(12,3,6,.3);
	padding-bottom: 10px;
}
.lh-viewpoint-item li .text h3 {
	font-size: 12px;
}
	
	@media (max-width:320px) {
		
	}
	
}