html,body {
	margin:0;
	padding:0;
}
html,body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,button,textarea,p,blockquote {
	margin:0;
	padding:0;
	list-style-type:none
}
h1,h2,h3,h4{ font-weight:normal; margin:0; padding:0;}
em {
	font-style:normal
}
body {
	background:#fff;
	font-size:14px;
	color:#707070;
	font-family:"Microsoft yahei",sans-serif;
	text-decoration:none
}
button,input,optgroup,select,textarea {
	color:inherit;
	font:inherit;
	margin:0
}
textarea {
	overflow:auto!important
}
button {
	overflow:visible
}
button,select {
	text-transform:none
}
button,html input[type=button],input[type=reset],input[type=submit] {
	-webkit-appearance:button;
	cursor:pointer
}
button[disabled],html input[disabled] {
	cursor:default
}
button::-moz-focus-inner,input::-moz-focus-inner {
	border:0;
	padding:0
}
input {
	line-height:normal
}
input[type=checkbox],input[type=radio] {
	box-sizing:border-box;
	padding:0
}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
	height:auto
}
input[type=search] {
	-webkit-appearance:textfield;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
	box-sizing:content-box
}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
	-webkit-appearance:none
}
a{color: #149641;}
.left{ float:left}
.right{ float:right;}
.clear{ clear:both;}

#header{ height:120px; width:100%;}
.topline{ background:#149641; height:35px; line-height:35px; color:#fff;}
.top{ height:85px;}
.nav li a{color:#333;text-align:center;
	text-decoration:none;
	font-weight:300;
	transition:0.5s all;
	font-size:14px;}
	
 
.nav li:hover{ 
   background:#96c355;
   color:#fff;
}

nav.navbar.bootsnav ul.nav > li:hover >a{ color:#fff;}
nav.navbar.bootsnav ul.nav > li:hover >ul>li:hover>a{ color:#fff;}
nav.navbar.bootsnav ul.nav > li:hover >ul>li:hover>ul>li:hover>a{ color:#fff;}
.navbar-collapse{ padding:0;}
.logo{ width:233px; height:auto; padding:10px 0; float:left;}
.logo img{ width:100%;}

.glyphicon-chevron-right:before,.glyphicon-chevron-left:before{display: none;}

.carousel-control .glyphicon-chevron-left, 
.carousel-control .glyphicon-chevron-right, 
.carousel-control .icon-next, 
.carousel-control .icon-prev{
	width: 30px; height: 50px;
}
.carousel-control .glyphicon-chevron-left{ background:url('../img/arrow-left.png') no-repeat left center; background-size:contain; }
.carousel-control .glyphicon-chevron-right{ background:url('../img/arrow-right.png') no-repeat left center; background-size:contain;}

#gonggao{background-color:rgba(248,248,248,1); height:60px; line-height:60px;}
.gonggaotitle{ font-size:16px; width:120px; float:left;}
.gonggaolist{ width:80%; float:left; height:60px; overflow:hidden;}
.gonggaolist li{ height:60px; line-height:60px;}
.gonggaolist li a{ font-size:14px; color:#707070;}
.gonggaolist span{ float:right;}
.gonggaomore{ float:right;}



.indexgsjj{ width:100%; padding:18px; background:#f7f8f9;}
.indexgsjj img{ width:100%;}
.indexgsjj h3{ font-size:18px;  margin:15px 0 10px 0;}
.indexgsjj p{ line-height:25px;}
.dpbtns{  margin-top:10px;}
.dpbtns .item{width:33.33%; float:left; text-align:center;}
.dpbtns .itemimg img{ width:55px;}

.dpbtns{ margin-top:15px;}
.dpbtns .title{ margin-top:5px; display:block;}
.dpbtns img{-webkit-transition: -webkit-transform 2s ease-out;
-moz-transition: -moz-transform 2s ease-out;
-o-transition: -o-transform 2s ease-out;
-ms-transition: -ms-transform 2s ease-out;}
.dpbtns img:hover{-webkit-transform: rotateZ(360deg);
-moz-transform: rotateZ(360deg);
-o-transform: rotateZ(360deg);
-ms-transform: rotateZ(360deg);
transform: rotateZ(360deg);}
.indexnewstitle{ height:38px; border-bottom:1px solid #f0f0f0;}
.indexnewstitle h2{ font-size:26px; padding-left:10px; border-left:5px solid rgb(31, 79, 159); float:left}
.indexnewstitle a{ float:right; color:#a2a2a2; line-height:38px;}
.topnews{ margin-top:21px;}
.indexnewslist{ padding-left:30px;}
.topnews{ margin-top:21px;}
			  .topnews img.left{ margin-right:4%; width:25%; }
			  .topnews div.right{   width:71%; }
			  .topnews div.right a{ font-size:18px; color:#333; text-decoration:none}
			  .topnews div.right p{ margin-top:14px; line-height:20px; padding-right:20px; height:40px; overflow:hidden;}
			  .topnews div.right .date{ color:#a4a4a4; margin-top:13px;}
			  .indexnews{ margin-top:20px;}
			  .indexnews li{ height:47px; line-height:47px; padding-left:20px; border-bottom:1px dashed #CCCCCC; padding-bottom:10px; position:relative;}
			  .indexnews li a{ font-size:14px; text-decoration:none; color:#565656; display:block; height:47px;  overflow: hidden;text-overflow: ellipsis;white-space: nowrap; float:left;}
			  .indexnews li span{ float:right;}
			  .indexnews li:before {
	content:'';
	width:5px;
	height:5px;
	transform:rotate(-45deg);
	border-bottom:1px solid #747474;
	border-right:1px solid #747474;
	top:22px;
	left:0px;
	background:rgba(0,0,0,0);
	position:absolute;
}

.indexgsjjcon{ margin-top:41px; padding-bottom:80px; }

#pro{ width:100%;  background:#f5f5f5;  padding:80px 0;}

#w_grid-1586858535346 .fa{color: #fff; font-size: 30px;}

.indexprolist{ width:100%;  background:#FFF; padding:30px 15px 30px 15px;}
   .indexprolist .title{ margin-bottom:20px;}
   .indexprolist .title h3{font-size:18px; font-weight:800; color:#333; height:32px; border-bottom:1px solid rgb(236, 236, 236);}
   .indexprolist .content h3{font-size:16px;color:#333; line-height: 150%; margin-bottom:10px; height: 72px; overflow: hidden;}
   .indexprolist .content p{ font-size:14px; color:#333; line-height:150%}
   .indexprolist .content .more{ display:block; margin-top:10px;}
   .indexprolist .img img{ width:100%;}
   .indexprolistr .item{ width:32%; margin-right:1.5%; float:left; position:relative;}
   .indexprolistr .imgcon{ overflow:hidden; text-align:center;}
   .indexprolistr .item:last-child{ margin-right:0;}
   .indexprolistr .item a.more{ display:block; position:absolute;right:10px; top:20px;}
   .indexprolistr .item img{width:100%; transition:all 0.6s;}
   .indexprolistr .item img:hover{transform:scale(1.1,1.1);}
   
   .indexprolistr .item1{ background:#FFF;}
   .indexprolistr .content{ padding:15px; padding-bottom:25px;}
   .indexprolistr .content h3{ font-size:18px; font-weight:800; margin-top:15px; color:#333;}
   .indexprolistr .item:hover .content{ background-color:#96c355; color:#fff;}
   .indexprolistr .item:hover .content h3{ color:#fff;}
   .indexprolistr .content p{ margin-top:20px; line-height:150%;}


 #footer{ background:#149641; color:#fff; padding:60px 0;}
   #footer .item{ width:25%; float:left;}
   #footer .item h3{ font-size:16px; font-weight:800; margin-bottom:20px;}
   #footer .item a{ display:block; color:#d8deeb; line-height:30px; text-decoration:none;}
   #footer .contact{ width:60%; border-left:1px solid #CCC; float:left; padding-left:10%;}
   #footer .contact .title{ font-size:16px; }
    #footer .contact .tel{ font-size:28px; padding-bottom:10px; border-bottom:1px solid #CCC; margin:10px 0;}
	#footer .contact p{ color:#ddd;}
	 #footer .contact .copy{ font-size:12px; color:#ddd; margin-bottom:30px;}
   #footer .erweima{ width:30%; float:right;}
    #footer .erweima{ text-align:center; line-height:25px; font-size:12px; color:#ddd;}
   #footer .erweima img{ max-width:100%; display:block; margin:0 auto;}
   #links{ padding:25px 0; color:#9a9a9a;}
   #links a{ color:#9a9a9a;}
   
   
@media (max-width: 992px) { 
   .logo{width:200px;}
   #header{ height:110px;}
   .top{ height:65px;}
   .gonggaolist{ width:70%;}

}
@media (max-width: 767px) { 
	.logo{width:150px;}
	#header{ height:100px;}
	.top{ height:55px;}
	.gonggaomore{ display:none}
	.indexnewslist{ margin-top:20px;}
	.indexprolistr{ margin-top:20px;}
	.footerr{ margin-top:30px;}
	#footer .contact{ border-left:0; padding-left:0;}
}
@media (min-width: 480px) and (max-width: 640px) {
     .gonggaomore{ display:none}
	 .gonggaolist{ width:290px;}
	  .indexnewslist{ margin-top:20px;}
	  .indexprolistr{ margin-top:20px;}
	  .footerr{ margin-top:20px;}
}
@media (max-width: 480px) {
     .gonggaomore{ display:none} 
	 .gonggaotitle{ width:30px;}
	 .gonggaotitle span{ display:none;} 
	 .gonggaolist{ width:330px;}
	 .indexnewslist{ margin-top:20px;}
	 .topnews img.left{ width:100%;}
	 .topnews div.right{ width:100%; margin-top:10px;}
	 .indexnews li span{ display:none;}
	 .indexprolistr{ margin-top:0px;}
	 .indexprolistr .item{ width:100%; margin-top:20px;}
	 #pro{ margin-top:20px; padding:20px 0;}
	 .indexprolistl{ padding:0;}
	 .indexprolist{ padding:30px 15px 30px 15px;} 
	 #footer{ padding:30px 0;}
	 #footer .erweima{ display:none} 
	  #footer .footerr{ margin-top:20px;}
	  #footer .contact{ width:100%;}
}


.usintro-banner .data-list{width: 100%;}
.usintro-banner .data-item{width: 100%;margin-right: 1.25%;text-align: center;
	height: 140px; 
	background:#96c355;
	padding: 15px;
	margin-bottom: 10px;
	color: #ffffff;
	transition: all 0.5s;}
.usintro-banner .data-item:hover{background:#96c35590;transition: all 0.5s;}
.usintro-banner .data-item:last-child{margin-right: 0;}
.usintro-banner .data-item .icon{height: 35px;width: 100%;transition: all 1s;}
.usintro-banner .data-item:hover .icon{transition: all 1s;transform: rotateY(180deg);}
.usintro-banner .data-item .txt{letter-spacing: 2px;font-weight:lighter ;}
.usintro-banner .data-item .item-num{position: relative; display: inline-block;}
.usintro-banner .data-item .item-num .num{font-size: 30px;font-family:'DINAlternate-Bold'; line-height: 50px;}
.usintro-banner .data-item .item-num .num1{position: absolute;top: 10px;right: -20px;font-size: 22px;}
.usintro-banner .data-item .item-num .num2{
	position: absolute;
	bottom: 22px;
	right: -24px;opacity: 0.7;
	display: inline-block;width: 18px;
	font-size: 12px;
	height: 18px;
	line-height: 16px;
	border: 1px solid #ffffff;
	border-radius: 50%;}
@media screen and (max-width: 1680px) {
    .usintro-banner .mask-box .banner-title {font-size: 48px; }
    .usintro-banner .data-item .item-num .num {  font-size: 30px; line-height: 50px;}
}
@media screen and (max-width: 1440px) {
    .usintro-banner { }
    .usintro-banner .mask-box .banner-title {font-size: 46px; }
    .usintro-banner .data-item .item-num .num {  font-size: 28px; line-height: 50px;}
    .usintro-banner .data-item {height: 132px;}
}
@media screen and (max-width: 1366px) {
 
    .usintro-banner .mask-box .banner-title {font-size: 42px; }
    .usintro-banner .data-item .item-num .num {font-size: 28px; line-height: 50px;}
    .usintro-banner .data-item {height: 132px;}
    .usintro-banner .data-item .icon img {height: 30px;}
    .usintro-banner .data-item .item-num .num1 {top: 0px;font-size: 18px;}
    .usintro-banner .data-item .item-num .num2 {width: 17px;height: 17px;}
}
@media screen and (max-width: 1280px) {
   
    .usintro-banner .mask-box .banner-title {font-size: 32px;margin-bottom: 0; }
    .usintro-banner .data-item .item-num .num {font-size: 28px; line-height: 50px;}
    .usintro-banner .data-item {height: 130px;}
    .usintro-banner .data-item .icon {height: 28px;}
    .usintro-banner .data-item .icon img {height: 26px;}
    .usintro-banner .mask-box .video-btn {font-size: 14px;margin-bottom: 15px;}
}


@media screen and (max-width: 1200px){
	.usintro-banner {  display: none;}
}

@media screen and (max-width: 1024px) {
    .usintro-banner { height: 300px;}
    .usintro-banner>img{position: absolute;left:50%;top: 50%;height: 100%;width: auto; transform: translate(-50%,-50%);}
    .usintro-banner .data-item .icon {height: 26px;}
    .usintro-banner .data-item .icon img {height: 22px;}
    .usintro-banner .data-item .item-num .num {font-size: 34px;line-height: 46px;}
    .usintro-banner .data-item { height: 128px; padding: 15px;}
    .usintro-banner .data-item .item-num .num1 {top: -2px;line-height: 22px;}
    .usintro-banner .data-item .item-num .num2 { bottom: 5px;}
    .usintro-banner .data-item .txt {letter-spacing: 0px;font-size: 12px;font-family:'PingFangThin'; }

    
}



@media screen and (max-width: 768px) {
    .usintro-banner .mask-box .banner-title { font-size: 22px;}
    .usintro-banner .data-item .icon {height: 22px;}
    .usintro-banner .data-item .icon img {height: 18px;}
    .usintro-banner .video-btn .icon { width: 15px; height: 15px; margin-left: 5px;}
    .usintro-banner .video-btn .icon::after { border-width: 3px 4px; left: 5px; top: 3px;}
    .usintro-banner .data-item .item-num .num { font-size: 24px; line-height: 42px;}
    .usintro-banner .data-item .item-num .num1 { top: -7px;}
}
@media screen and (max-width: 500px) {
    .usintro-banner .data-item {width: 49%;margin-bottom: 1.25%;}
    .usintro-banner .data-item:nth-child(2n){margin-right: 0;}
    .usintro-banner { height: 540px;}
    .usintro-banner .data-item:last-child {width: 99%;}
    .usintro-banner .mask-box .banner-title { font-size: 20px;}
}