* {margin: 0;padding: 0;}
body, html {font-family: "微软雅黑",Arial;-webkit-tap-highlight-color:rgba(0,0,0,0);font-size: 14px;color: #000;
/* overflow-x: hidden;overflow-y: auto; */
}
body::-webkit-scrollbar{display:none}
button, a {border: 0;background-color: transparent;outline: none;text-decoration:none;cursor: pointer;}
a:focus, a:hover{text-decoration:none;}
ul, li {list-style: none;text-decoration: none;}
textarea,input{appearance: none;-moz-appearance: none;-webkit-appearance: none;outline: none;}
input {background: none;border: none;outline:none;}
input:focus {border: none;outline: none !important;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-modify:read-write-plaintext-only;}
input[type=number] {-moz-appearance:textfield;}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0;}
select{outline: 0;appearance: none;-moz-appearance: none;-webkit-appearance: none;}
select::-ms-expand { display: none; }
textarea {resize: none;}
textarea:focus {outline: none;}
input::-webkit-input-placeholder {color: #9fa19f;font-size: 14px;}
input:-ms-input-placeholder {color: #9fa19f;font-size: 14px;}
input::-ms-input-placeholder {color: #9fa19f;font-size: 14px;}
textarea::-webkit-input-placeholder {color: #9fa19f;font-size: 14px;}
textarea:-ms-input-placeholder {color: #9fa19f;font-size: 14px;}
textarea::-ms-input-placeholder {color: #9fa19f;font-size: 14px;}
.swiper-button-next:focus,.swiper-button-prev:focus {outline: none;}
.clear {clear: both}
.tithide{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.tithideMore{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.tithideMore3{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;}
.tithideMore4{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;line-clamp: 4;-webkit-box-orient: vertical;}
.betweenflex{display: -webkit-flex;-webkit-justify-content: space-between;display: flex;justify-content: space-between;-webkit-box-align: center;-moz-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.jdjz{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%);}


.topbody{position: relative;}
.topbody:after{content: '';
	position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 999;
background: rgba(0,0,0,0.5);}
.headerpage{position: relative;z-index: 9999;background: #fff;}
.head{position: relative;padding: 15px 40px;}
.head .logo{float: left;}
.logo .logo1{margin-right: 20px;}
.logo .logo2{width: 400px;}
.head  .menu{float: right;padding: 16px 0;}

.nav{transition: none;webkit-transition:none;}
.nav>ul{margin-bottom: 0;display: inline-block;vertical-align: middle;}
.nav>ul>li{padding:0px 15px;display: inline-block;vertical-align: top;}
.nav>ul>li>a{font-size: 16px;color: #333333;display: block;}
.nav>ul>li.act a,.nav>ul>li:hover a{color: #37a125;}

.subnav{
	display:none;
padding: 50px 0;position: absolute;left: 0;top: 88px; width: 100%;
box-shadow: inset 1px 0 25px rgba(143,143,143,0.16);z-index: 99;background: #fff;
}
.subnav .container{font-size: 0;}
.subnale,.subnari{display: inline-block;vertical-align: middle;
height: 200px;overflow: hidden;}
.subnale{width: 66%;position: relative;
border-right: 1px solid #dadada;}
.subnale>img{width: 420px;}
.subnale .submenu{display: inline-block;font-size: 0;vertical-align: middle;
width: calc(100% - 420px);padding-left: 90px;}
.subnale .submenu a{display: inline-block;vertical-align: middle;
width: 50%;margin-top: 40px;}
.subnale .submenu a:first-child,.subnale .submenu a:nth-child(2){margin-top: 0;}
.subnale .submenu span{font-size: 16px;color: #333333;position: relative;
display: inline-block;
padding: 0 40px 17px 20px;
border-bottom: 1px solid #dadada;}
.subnale .submenu span:before,.subnale .submenu span:after{
	content: '';position: absolute;left: 0;
	width: 10px;height: 1.5px;background: #a4a4a4;}
.subnale .submenu span:before{top: 7px;transform: rotate(45deg);}
.subnale .submenu span:after{top: 14px;transform: rotate(135deg);}
.subnale .submenu a.act span,.subnale .submenu a:hover span{color: #45af33;border-bottom-color: #45af33;}
.subnale .submenu a.act span:before,.subnale .submenu a.act span:after,
.subnale .submenu a:hover span:before,.subnale .submenu a:hover span:after
{background: #45af33;}

.subnari{width: 34%;line-height: 32px;color: #999999;
	font-size: 16px;padding-left: 80px;}
.nav-abbreviation{width: 32px;cursor: pointer;display: none;}
.nav-abbreviation:before,.nav-abbreviation:after{content: '';width: 32px;height: 3px; background: #333;display: block;}
.nav-abbreviation{ opacity: 1;float: right;}
.nav-abbreviation .nav-abb-c{width: 22px;height: 3px;background: #333;margin: 8px 0;}
.nav-abbreviation.nav-abbreviation-act .nav-abb-c{width: 32px;}

.tools{display: inline-block;vertical-align: middle;}
.tools img,.tools span,.tools b,.tools a{display: inline-block;vertical-align: middle;}
.tools img{margin-right: 2px;width: 19px;}
.tools span,.tools a,.tools b{color: #999999;font-size: 16px;font-weight: normal;}
.tools span.act,.tools a.act{font-size: 18px;color: #333333;}



/* 底部 */
footer{background: #3e4044;}
.foot{}
.fleft{float: left;width: 20%;font-size: 14px;color: #fff;}
.fleft .flogo{width: 90px;margin: 14px auto 20px;}
.fleft ul{opacity: 0.7;}
.fleft ul li{line-height: 21px;}
.fleft .fcode{}
.fleft .fcode .fcodein{display: flex;justify-content: space-between;}
.fleft .fcode .fcodeimg{display: inline-block;}
.fleft .fcode .fcodeimg img{width: 100px;}
.fleft .fcode .fcodeimg p{opacity: 0.7;text-align: center;margin-top: 10px;}
.fleft .fcode .pvertical{display: inline-block;vertical-align: top;
	 writing-mode: tb-rl;opacity: 0.7;-webkit-writing-mode: vertical-rl;      
	writing-mode: vertical-rl;}
.fright{float: right;width: 80%;padding-left: 8%;}
.fright .friend{padding: 30px 0 40px 0;}
.fright .friend span,.fright .friend a{font-size: 14px;color: #fff;}
.fright .friend a{opacity: 0.7;padding-left: 30px;}


.fnav{}
.fnav{transition: none;webkit-transition:none;}
.fnav>ul{margin-bottom: 0;}
.fnav>ul>li{display: inline-block;vertical-align: top;position: relative;
margin-left: 128px;margin-left: 50px;}
.fnav>ul>li:first-child{margin-left: 0;}
.fnav>ul>li>a{font-size: 14px;color: #fff;display: inline-block;margin-bottom: 4px;}
.fnav>ul>li>img{display: none;}
.fnav>ul>li>img.act{transform: rotate(90deg);}
.fnav .fnav-sub{margin-bottom: 0;}
.fnav .fnav-sub li{line-height: 21px;}
.fnav .fnav-sub a{font-size: 14px;color: #fff;opacity: 0.7;}
.fnav .fnav-sub li:hover a{opacity: 1;}

footer .bottom{border-top: 1px solid #656669;}
footer .bottom .icp,footer .bottom .copyright{text-align: center;padding: 14px 0;font-size: 14px;color: #fff;opacity: 0.7;display: inline-block;}
footer .bottom div.icp{float: right;}

.slide{position: fixed;text-align: center;cursor: pointer;
       right: 40px;
       bottom: 30%;
       z-index: 10;}
.slide img{width: 18px;}
.slide p{font-size: 16px;color: #333;margin: 10px 0 0 0;}


.page{font-size: 0;text-align: center;margin: 30px 0;}
.page a{display: inline-block;vertical-align: middle;min-width: 36px;
line-height: 36px;margin-left: 12px;height: 36px;text-align: center;
border: 1px solid #e6e6e6;color:#999999;font-size: 14px;}
.page a img{width: 8px;}
.page .page-cur{background: #45af33;color: #fff;}
.page .page-next{transform: rotate(180deg);}




.inewit,.inewit .inewimg img,.inewit .inewtxt .time .jdjz,
.inew .imenuri a,
.ipartrow .ipartli,.ipartrow .ipartli img,
.imore,.imore img,
.equit .equiphov,.equit .equipimg img,
.abothov,.rowpro .proimg,
.artli,.artli *,.artli:before,
.newit ,.newit *,
.address li,
.ideali .h5,.ideali .h5 *,
.recli .recbtn span,.recli .recbtn b,
.recli:hover,.recli:after,.recli
{transition: all 0.6s;-webkit-transition: all 0.6s;
-moz-transition: all 0.6s;-o-transition: all 0.6s;
-ms-transition: all 0.6s;}


.cusdots .swiper-pagination-bullet{opacity: 1;background: #dadada;
width: 10px;height: 10px;margin: 0 6px;}
.cusdots .swiper-pagination-bullet-active{width: 40px;height: 10px;
background-color: #45af33;border-radius: 10px;}



.iabnum{}
.iabnum li{width: 33.33%;display: inline-block;text-align: center;
padding: 30px 0;padding-right: 10%;}
.iabnum li p{font-size: 38px;color: #333;}
.iabnum li b{}
.iabnum li span{font-size: 34px;padding-left: 10px;}
.iabnum li div{font-size: 16px;color: #999;}

.iabri{width: 40%;position: relative;cursor: pointer;}
.iabri video{width: 100%;}
.vidplay{position: absolute;top: 50%;left: 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%);width: 52px;height: 52px;}
.vidplay img{ width: 100%;}
.vidplay .dquan{width: 52px;height: 52px;position: absolute;top: 50%;left: 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%);border-radius: 100%;}
.vidplay .dquan2{border: 1.5px solid white;animation: kuos1 1s linear infinite;}
.videotan{position: fixed;width: 100%;height: 100%;left: 0;top: 0;background-color: rgba(0,0,0,.4);visibility: hidden;opacity: 0;transition-duration: .5s;z-index: 20;}
.videotan.active video{transform: translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);}
.videotan video{object-fit: fill;max-width: 1200px;width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -70%);-ms-transform:translate(-50%, -70%);-moz-transform:translate(-50%, -70%);-webkit-transform:translate(-50%, -70%);-o-transform:translate(-50%, -70%);transition-duration: .5s;}
.videotan.active{transition:opacity 0.3s 0s, visibility 0s 0s;visibility: visible;opacity: 1;}
.videotan .guan{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}


.container{width: 1430px;}


@media screen and (max-width: 1680px){
	.logo .logo2{width: 300px;}
	.nav > ul > li{padding: 0 10px;}
}

@media screen and (max-width: 1660px){
	.nav>ul>li{padding: 0 10px;}
	/* .logo .logo2{width: 400px;} */
}
@media screen and (max-width: 1460px){
	.container{width: 1170px;}
	.logo .logo1{margin-right: 10px;width: 80px;}
	/* .logo .logo2{width: 350px;} */
	.head{padding: 15px 20px;}
	.nav>ul>li>a{font-size: 14px;}
	.subnav{top: 84px;padding: 40px 0;}
	.subnari{padding-left: 20px;height: 160px;font-size: 14px;}
	.subnale .submenu{padding-left: 40px;}
	.subnale .submenu span{font-size: 14px;}
	.tools span,.tools a, .tools b{font-size: 14px;}
	.tools span.act,.tools a.act{font-size: 16px;}
	/* .fnav>ul>li{margin-left: 91px;} */
	.fright{padding-left: 20px;}
	.fnav > ul > li{margin-left: 20px;}
}
@media screen and (max-width: 1230px){
	.container{width: 992px;}
	.logo .logo2{display: none;}
	.head{padding: 10px 20px;}
	.subnav{top: 74px;}
	/* .fnav>ul>li{margin-left: 65px;} */
	.fleft .fcode .fcodeimg img{width: 80px;}
	
	.subnale>img{width: 210px;}
	.subnale .submenu{width: calc(100% - 210px);}
	.subnale .submenu span{padding: 0 30px 16px 20px;}
	.subnari{line-height: 24px;}
}

@media screen and (max-width: 991px){
	.container{width: 100%;}
	.slide{right: 10px;}
	.head .menu{padding: 0;}
	.tools{margin-right: 20px;margin-top: 14px;float: left;}
	.nav-abbreviation{display: inline-block;vertical-align: middle;position: relative;top: 12px;}
	.nav{height: 50px;position: relative;}
	.nav:before{border-top-width:50px;border-right-width:50px;}
	.nav>ul{display: none;position: fixed;left: 0;width: 100%;top: 70px;margin-left: 0;text-align: center;
	background-color: #fff;padding: 20px 0 10px 0;z-index: 10;margin-right: 0;
	box-shadow: inset 1px 0 25px rgba(143,143,143,0.16);
	}
	.nav>ul>li{display: block;margin-bottom: 10px;}
	.nav>ul>li:last-child{padding-right: 15px;}
	.nav>ul>li:last-child{margin-bottom: 0;}
	.nav>ul>li>a{padding: 0;font-size: 14px;}
	.nav .subnav{display: none;}
	
	.fleft,.fright{float: none;width: 100%;}
	.fleft{text-align: center;}
	.fleft .fcode .fcodein {display: block;}
	.fleft .fcode .fcodeimg{margin-right: 20px;}
	.fnav{padding-bottom: 10px;}
	.fnav>ul>li>img{display: block;position: absolute;right: 0;top: 6px;}
	.fnav .fnav-sub{display: none;transition: none;-webkit-transition: none;padding-bottom: 10px;}
	.fnav>ul>li{display: block;margin-left: 0;}
	.fright{padding-left: 0;}
	.fright .friend{padding: 20px 0;}
	.fright .friend a{padding-left: 15px;display: block;line-height:22px;}
}

@media screen and (max-width: 768px){
	.page a{margin-left: 8px;margin-bottom: 8px;}
}
@media screen and (max-width: 640px){
	
}
@media screen and (max-width: 540px){

}
@media screen and (max-width: 414px){
	
}