@charset "utf-8";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, caption, tbody, tfoot, thead, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden;}
/* always display scrollbars */
body { font:14px/30px "Microsoft Yahei","微软雅黑","Arial","Helvetica","SimHei","黑体","STXihei","华文细黑",sans-serif; margin: 0 auto; color:#000;  width: 100%; height: 100%; overflow: hidden;}
body{overflow-x:hidden !important}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
input, select,button{ vertical-align: middle; outline: none; padding:0; }
ol, ul,li{ list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/* strong,i,em,b{ font-style:normal; font-weight:normal; } */
img { border:0;}
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] ,select{ -webkit-appearance: none; border-radius: 0;}
textarea { -webkit-appearance: none; border-radius: 0; background:none; outline:none; padding:0; margin:0; border:none;}
::-moz-selection { background: #ebb112; color: #fff; text-shadow: none; }
::selection { background: #ebb112; color: #fff; text-shadow: none; }
a{ text-decoration:none; blr: expression(this.onFocus=this.blur()); cursor: pointer; color:#000; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
a:link, a:visited { text-decoration: none; }

.clear { clear: both; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.fl{ float:left;}
.fr{ float:right;}
.tl{text-align: left;}
.tc{text-align: center;}
.tr{text-align: right;}
h1,h2,h3,h4,h5{ font-weight:normal; display:block;}
input,button,table,tr,td,textarea{ font-family:Microsoft yahei,Arial;}
.bgffffff{background: #ffffff;}
.bgf7f7f7{background: #f7f7f7;}
.bgf5f5f5{background: #f5f5f5;}
.w1200{ width:1200px; margin:0px auto;}
.w1260{ width:1260px; margin:0px auto;}
.ft26{font-size: 26px;}
.ft20{font-size: 20px;}
.bg0{background: none !important;}
.ml10{ margin-left: 10px;}
.ml20{ margin-left: 20px;}
.ml30{ margin-left: 30px;}
.ml40{ margin-left: 40px;}
.ml50{ margin-left: 50px;}
.h150{height: 150px;}
.mt40{margin-top: 40px !important;}


input:required:invalid, input:focus:invalid, textarea:required:invalid, textarea:focus:invalid{box-shadow: none; -moz-box-shadow: none;}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color: #333;} 

input:-moz-placeholder, textarea:-moz-placeholder{color: #333;} 

input::-moz-placeholder, textarea::-moz-placeholder{color: #333;} 

input:-ms-input-placeholder, textarea:-ms-input-placeholder{color: #333;} 


.white{color: #fff !important;}

.red{color: #a21f24 !important;}

.gray333{color: #333 !important;}

.gray999{color: #999 !important;}



.f12{font-size: 12px;}

.f14{font-size: 14px !important;}

.f16{font-size: 16px;}

.f18{font-size: 18px;}

.f20{font-size: 20px;}

.f22{font-size: 22px;}

.f24{font-size: 24px;}

.f26{font-size: 26px;}

.f28{font-size: 28px;}

.f30{font-size: 30px;}

.f36{font-size: 36px;}

.f38{font-size: 38px !important;}

.f40{font-size: 40px;}

.fw{font-weight: bold;}

.container{margin: 0 3.125%; box-sizing: border-box;}
.container2{margin: 0 8%; box-sizing: border-box;}

.mt5{margin-top: 5px;}

.mt10{margin-top: 10px;}

.mt20{margin-top: 20px;}

img{ max-height: 100%; max-width: 100%;}

/* css3 style */

.trans-3{-webkit-transition: all 0.35s linear; transition: all 0.35s linear;}

.trans-8{-webkit-transition: all 0.8s; transition: all 0.8s;}



	/*header{border-bottom: 1px solid #ffffff; border-color: rgba(255,255,255,.3);}*/

header .con{margin: 0 0 0  3.125% ; box-sizing: border-box;}
header.on{box-shadow: 0px 5px 20px 1px rgba(0,0,0,.15);}

header .container{position: relative;height: 90px; display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: center; margin: 0 0 0 3.125%;}




header .logo1{ width: 300px;}

header .logo1 img{height: 60px; margin-top: 10px;}

header ul{ width:70%;display: -webkit-flex; display: -ms-flexbox; display: flex;  flex: 1; justify-content: flex-end; padding-right: 4%;}

header ul li{float: left;position: relative; margin-left: 40px; }

header ul li>a{font-size: 16px;color: #333333; line-height: 90px;padding: 0 10px; display: block; position: relative;}

header ul li>a:hover{color: #00A43C;}


header .text{color: #ffffff; font-weight: bold; font-family: arial; font-size: 18px; border-left: 1px solid #ffffff; border-color: rgba(255,255,255,.3);}


header ul li.on:before{position: absolute; content: ""; left: 0; bottom: 0; width: 100%; height: 2px;  background-color: #ffffff; transform: scaleX(0); -webkit-transform: scaleX(0); transition: .42s; -webkit-transition: .42s;}
header ul li.on:before{transform: scaleX(1); -webkit-transform: scaleX(1);}
header ul li:before{position: absolute; content: ""; left: 0; bottom: 0; width: 100%; height: 2px;  background-color: #ffffff; transform: scaleX(0); -webkit-transform: scaleX(0); transition: .42s; -webkit-transition: .42s;}
header ul li:hover:before{transform: scaleX(1); -webkit-transform: scaleX(1);}

.menubox.solid{ position: fixed; top: 0; left: 0; right: 0; z-index: 9999; background: #ffffff;
    -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;}
.menubox.solid ul li > a{color: #141418}
.menubox.solid .text{ border-left: 1px solid #d8d8d8;}
.menubox.solid .logo1{display: none;}
.menubox.solid .logo2{display: block;}
.menubox.solid .search-btn{ background: url(../images/search2.png) no-repeat center center;  border-left: 1px solid #d8d8d8; }
.la-close{font-family: sans-serif; font-size: 35px;}
.search_sec {position: fixed;top: 0;width: 100%;height: 100%;background-color: rgba(26,32,49,0.95);z-index: 999999999999;opacity: 0;visibility: hidden;
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
	-o-transform: scale(0.9);
	transform: scale(0.9);
}
.search_sec.active {	opacity: 1;	visibility: visible;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.search_sec.active .search_field {	margin: 0;}
.search_field {	position: absolute;	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	margin-top: -50px;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}
.search_field .container {	max-width: 800px;	margin: 0 auto;}
.search_field form {position: relative;}
.search_field form input {width: 100%;	height: 66px;	background-color: #e5e5e5;	color: #262626;	font-size: 17px;	padding: 0 30px;	border:0;	box-sizing: border-box;	border-radius:5px;}
.search_field form button {position: absolute;	top: 19px;	right: 24px;	background-color: inherit;	border:0;}
.close-search {	position: absolute;	top: 60px;	right: 70px;	color: #c6c7ca;	font-size: 40px;}
.close-search:hover {color: #c6c7ca;}

header .right { background: #00a43c; height: 100%; width: 200px; padding-top: 5px; display: flex; display: -webkit-flex; align-items: center; justify-content: center;}
header .right a{ margin: 0 10PX; display: inline-block; text-align: center; color: #ffffff; opacity: 0.5; transition: all 0.5s;}
header .right a img{margin: 0 3px 2px; height: 20px;vertical-align: middle;}
header .search-btn{ }
header .right a.a3{position: relative;}
header .right a:hover{opacity: 1;}
.index-erweima{display: none; position: absolute; top: 90px; right: 70px; z-index: 25; /*border: 1px solid #d8d8d8;*/}
.index-erweima img{width: 110px; height: 110px;}

.page-main .container2{max-width: 1500px; margin: 0 auto; padding: 0 4%; box-sizing: border-box;}

@media screen and (max-width: 1600px) {
	.container2{margin: 0 6%;}
	.index-sec1-right{padding: 40px 6% 40px 40px;}
	.index-sec3-line{padding-left: 6%;}
   header ul li{margin-left: 2%;}	
   .index-title{padding: 40px 0;}
   .index-sec1-tab li{height: 75px; line-height: 75px;}
   
   
}

@media screen and (max-width: 1500px) {
	.container2{margin: 0 4%;}
	.index-sec1-right{padding: 40px 4% 40px 40px;}
	.index-sec1-tab li img{height: 35px;}
	.index-sec3-line{padding-left: 4%;}
	.index-sec3-line{height: 110px; line-height: 110px; font-size: 34px;}
	.index-sec4-list li p{font-size: 16px;}
	.index-title h2{font-size: 32px;}
	.index-sec4-box .title h2{font-size: 30px;}
	.index-sec3-box .text h2{font-size: 38px; margin-bottom: 40px;}
	.index-sec3-box .text h3{font-size: 24px; line-height: 35px;}
	.index-sec1-list li .img img{width: 150px; height: 150px;}
	.index-sec1-right .box .text{padding-bottom: 30px; padding-top: 30px;}
	.index-sec1-right .box .more a{margin: 40px 0;}
	.index-sec1-left{height:1000px;}
	.index-sec1-right{height: 1000px;}
	.index-list2 li .box .more a{height: 45px; line-height: 45px;}
	
	
	
   
}

@media screen and (max-width: 1300px) {
   header .logo1{width: 200px;}
   .index-sec1-right .box .text h2{font-size: 32px;}
   .search-bottom .sear-tit .right .tit{font-size: 32px;}
   .index-sec4-box .top .text h2{font-size: 18px;}
   .index-sec3-line{font-size: 30px;}
   .index-list2 li .box .text p{word-break: break-all;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;}

.index-news-list li .text p{color: #333333; font-size: 16px;}
.page-main{padding-top: 40px;}
}