@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,p,dl,dd,ul,ol,form,input{margin:0;padding:0}em,i,s{font-style:normal;text-transform:uppercase;}li{list-style:none}a,s,a:hover{text-decoration:none}img{border:0;vertical-align:top;}table{border-collapse:collapse;border-spacing:0}body,button,input,select,textarea{font:12px/1.5 'microsoft yahei',Tahoma,arial,'Hiragino Sans GB',\5b8b\4f53}input,textarea{resize:none;border:none;}a,a:focus{outline:none}.clearfix:after{content:'\20';display:block;height:0;clear:both}.clearfix{*zoom:1}.clear{display:block;height:0;clear:both;font-size:0;line-height:0;overflow:hidden}.noBg{background:none!important}.noBd{border:0!important}.noMg { margin: 0!important; }
div:focus{outline:none}
/* 项目主体部分设置 */
body { background: #fff; color:#333; }
a { color:#333;text-decoration:none; transition: all 0.5s ease 0s; }
a:hover { color: #be0500; }

.wrapper { position:relative; width:100%; height: 100%; margin:0 auto; overflow:hidden; padding-top:152px }
.nr {width: 1260px; margin: 0 auto; }
.nr2 {width: 1200px; margin: 0 auto; }
.nr:after { content: '\20'; display: block; height: 0; clear: both; }
.nr2:after { content: '\20'; display: block; height: 0; clear: both; }
@media (max-width: 1300px){
	.wrapper{padding-top:150px }
    .nr { width: 1200px; margin:0 auto; }
	.nr2 { width: 1200px; margin:0 auto; }
}
@media (max-width: 1200px){
    .nr { width:92%}
	.nr2 { width:92%}
	.wrapper{padding-top:130px }
}

.header { width:100%; background:#fff; position:fixed; left:0; top:0; z-index:99; box-shadow:0 0 10px rgba(0,0,0,0.1)}
.header .h_1{ width:100%;}
.header .h_1 .nr{}
.header .h_1 .logo{ float:left;}
.header .h_1 .logo img{ height:102px; width:auto}
.header .h_1 .rt{ float:right;}
.header .h_1 .rt{ width:auto;}
.header .h_1 .nav{ float:right}
.header .h_1 .nav ul li{ float:left;  font-size:16px; color:#333333; margin-left:50px; position:relative}
.header .h_1 .nav ul li>a{ display:block; color:#333333;line-height:102px; height:102px; transition:all 0.3s linear;background:url(g_02.png) left center no-repeat; background-size:0; position:relative}
.header .h_1 .nav ul li.on>a:before,.header .h_1 .nav ul li:hover>a:before{ content:""; display:block; width:1px; height:15px; background:#0f8545; position:absolute; left:50%; top:15px;}
.header .h_1 .nav ul li.on>a:after,.header .h_1 .nav ul li:hover>a:after{ content:""; display:block; width:1px; height:15px; background:#0f8545; position:absolute; left:50%; bottom:15px;}

.header .h_1 .nav ul li:hover>a,.header .h_1 .nav ul li.on>a{ color:#0f8545;}
.header .h_1 .nav ul li .xl{ width:160px; position:absolute; z-index:9; left:50%; margin-left:-80px; top:100%; background:#fff; background-size:cover; line-height:42px; text-align:center; padding:10px 0; display:none; border-top:1px solid #ddd; box-shadow:0 0 10px rgba(0,0,0,0.2)}
.header .h_1 .nav ul li:hover .xl{ display:block}
.header .h_1 .nav ul li .xl a{ font-size:14px; color:#666666; display:block}
.header .h_1 .nav ul li .xl a:hover{ font-weight:bold; font-size:16px; color:#0f8545}
.header .h_1 .rt .menu{ display:none; float:left; background:url(g_01x_2.png) center center no-repeat; width:25px; background-size:25px; height:100%; margin-left:10px}
.header .h_2{ width:100%; background:#303131; color:#fff; font-size:14px}
.header .h_2 .lt{ float:left; line-height:50px}
.header .h_2 .rt{ float:right}
.header .h_2 .rt .item01{ float:left; background:url(g_01.png) left center no-repeat; padding-left:26px; margin-right:36px; position:relative; line-height:50px; cursor:pointer}
.header .h_2 .rt .item01 .pic{ width:106px; position:absolute; left:50%; margin-left:-53px; top:100%; z-index:9; visibility:hidden; opacity:0; transition:all 0.5s}
.header .h_2 .rt .item01:hover .pic{ visibility:visible; opacity:1}
.header .h_2 .rt .item02{ float:left; background:url(g_02.png) left center no-repeat; padding-left:26px; margin-right:36px; position:relative; line-height:50px; cursor:pointer}
.header .h_2 .rt .item02 .pic{ width:106px; position:absolute; left:50%; margin-left:-53px; top:100%; z-index:9; visibility:hidden; opacity:0; transition:all 0.5s}
.header .h_2 .rt .item02:hover .pic{ visibility:visible; opacity:1}
.header .h_2 .rt .item03{ float:left; background:url(g_03.png) left center no-repeat; padding-left:26px; margin-right:36px; position:relative; line-height:50px; cursor:pointer}
.header .h_2 .rt .item03 .pic{ width:106px; position:absolute; left:50%; margin-left:-53px; top:100%; z-index:9; visibility:hidden; opacity:0; transition:all 0.5s}
.header .h_2 .rt .item03:hover .pic{ visibility:visible; opacity:1}
.header .h_2 .rt .item04{ float:left; background:url(g_04.png) left center no-repeat; padding-left:26px; position:relative; line-height:50px}
.header .h_2 .rt .item04 a{ color:#fff}

@media (max-width: 1300px){
	.header .h_1 .logo img{ height:100px;}
	.header .h_1 .nav{}
	.header .h_1 .nav ul li{font-size:18px;}
	.header .h_1 .nav ul li>a{ height:100px; line-height:100px;}
	.header .h_1 .nav ul li:hover>a,.header .h_1 .nav ul li.on>a{}
	
}

@media (max-width: 1200px){
	.header .h_1 .logo img{ height:60px; padding:0}
	.header .h_1 .rt{ height:60px; margin-top:0}
	.header .h_1 .nav{ display:none}
	.header .h_1 .rt .menu{ display:block}
	.header .h_1 .rt .tel{ display:none}
	.header .h_2{ padding:5px 0}
	.header .h_2{ font-size:12px}
	.header .h_2 .lt{ line-height:30px}
	.header .h_2 .rt{ float:left; }
	.header .h_2 .rt .item01{ display:none}
	.header .h_2 .rt .item02{ display:none}
	.header .h_2 .rt .item03{ display:none}
	.header .h_2 .rt .item04{font-size:12px; line-height:30px; background-size:14px}
}




.sea_on{ width:100%; height:100%; left:0; top:0; background:rgba(00,00,00,0.5); position:fixed; z-index:99; display:none}
.sea_on .s1{ width:400px; height:68px; position:absolute; left:50%; margin-left:-200px; top:50%; margin-top:-34px; background:#fff}
.sea_on .s1 .inp1{ width:200px; height:68px; border:0; position:absolute; left:10px; top:0; font-size:14px;}
.sea_on .s1 .inp2{ width:76px; height:68px; background:url(g_01x.jpg) center center no-repeat #004898; position:absolute; right:0; top:0; cursor:pointer} 
.sea_on .s1 .gb{ width:30px; height:30px; background:url(gb.png) center center no-repeat; background-size:30px; position:absolute; right:0; top:-50px; cursor:pointer}
@media (max-width:1200px) {
	.sea_on .s1{ width:300px; height:48px;margin-left:-150px;margin-top:-24px;}
	.sea_on .s1 .inp1{ width:180px; height:48px;}
	.sea_on .s1 .inp2{ width:76px; height:48px;} 
	.sea_on .s1 .gb{ width:24px; height:24px; background:url(gb.png) center center no-repeat; background-size:24px; position:absolute; right:0; top:-30px; cursor:pointer}
}

.slide_box { background: #fff; width: 650px; height: 100% ; box-sizing:border-box; position: fixed; right: 0; top: 0; padding: 50px 50px 50px 50px; box-sizing: border-box; z-index: 999; transform: translateX(100%);transition: all .6s; z-index: 101; font-family:"sy" }
.slide_box.active { transform: translateX(0);}
.z_mask { width: 0%; height: 100%; position: fixed;  left: 0; top:0; background: rgba(0,0,0,.8); transition: all .8s; z-index: 101; }
.z_mask.active {width: 100%; }
.slide_nav{ width:100%; height:100%; overflow-y:auto; position:relative; border-top:1px solid #f0f0f0}
.slide_box .close{ width:50px; height:66px; position:absolute; right:0; top:0; cursor:pointer; z-index:2; background:url(close.png) center center no-repeat; background-size:16px}
.slide_nav li { border-bottom:1px solid #f0f0f0;position:relative }
.slide_nav li .jia{ display:block; width:50px; height:45px; text-align:center; line-height:45px; font-size:0; color:#333; position:absolute; right:0; top:0; background:url(plus.png) center center no-repeat; display:none; cursor:pointer}
.slide_nav li .jia.on{ display:block; background-size:16px}
.slide_nav li .jian{ display:block; width:50px; height:45px; text-align:center; line-height:45px; font-size:0; color:#333; position:absolute; right:0; top:0; background:url(reduce.png) center center no-repeat; display:none; cursor:pointer; background-size:16px}
.slide_nav li .jian.on{ display:block}
.slide_nav li.tel>a{ color:#d95715}
.slide_nav li.tel>a i{ font-family:Arial; vertical-align:top; font-weight:bold}
.slide_nav li>a {display: block;height: 45px;color: #333;line-height: 45px;padding-left: 4%;font-size: 15px;}
.slide_nav .nav_down { display:none; }
.slide_nav .nav_down a {display: block;height: 36px;color: #7f7f7f;line-height: 36px;padding-left: 34px;font-size: 14px; background:url(z2.png) 15px center no-repeat; background-size:auto 10px}
.slide_nav .nav_down a:before {}
.slide_nav .nav_down a.active,.slide_nav .nav_down a:hover { color: #283b66;}
.slide_nav li a:hover{ color: #283b66;}
.slide_nav .nav_down a.active:before,.slide_nav .nav_down a:hover:before { width: 100%; left: 0;}
.slide_nav li .lk{ display: inline-block; vertical-align: top; line-height: 45px; font-size: 15px; color: #333; padding: 0 4% }
.slide_nav li .lk a{ color: #333 }
.slide_nav li .lk a:hover { color: #f26c2a;}
@media all and (max-width:1200px){
	.slide_box{}
	.slide_box { width:80%; padding:66px 0 30px; }
	.z_mask{ }
}

.ihds{ font-family:"sy"; text-align:center}
.ihds .cn{ font-size:50px; color:#eb5401; line-height:1; margin-top:20px}
.ihds .en{ font-size:36px; color:#000000; line-height:1; margin-top:20px; text-transform:uppercase}
@media all and (max-width:1600px){
	.ihds .ico img{ height:80px}
	.ihds .cn{ font-size:45px;}
	.ihds .en{ font-size:32px;}
}
@media all and (max-width:1440px){
	.ihds .ico img{ height:66px}
	.ihds .cn{ font-size:40px; margin-top:15px}
	.ihds .en{ font-size:28px; margin-top:15px}
}
@media all and (max-width:1200px){
	.ihds .ico img{ height:42px}
	.ihds .cn{ font-size:24px; margin-top:10px}
	.ihds .en{ font-size:16px; margin-top:10px}
}

.footer{ width:100%; position:relative; background:#303131; color:#fff}
.footer .ft01{ padding:60px 0 40px;}
.footer .ft01 .item{ width:20%; float:left; text-align:center}
.footer .ft01 .item .p1{ width:110px; height:110px; text-align:center; line-height:110px; border:1px solid #21bc92; border-radius:50%; font-size:26px; margin:0 auto}
.footer .ft01 .item .p1 span{ font-size:14px}
.footer .ft01 .item .p2{ font-size:14px; margin-top:15px; text-align:center}
.footer .ft02 .nr{ border-top:1px solid rgba(255,255,255,0.1); padding:35px 0; font-size:14px; color:rgba(255,255,255,0.89); line-height:28px}
.footer .ft02 .nr a{color:rgba(255,255,255,0.89)}
.footer .ft02 .nr a:hover{color:rgba(255,255,255,1)}
.footer .ft02 .nr .lt{ float:left}
.footer .ft02 .nr .lt ul li{ float:left; margin-right:5px}
.footer .ft02 .nr .rt{ float:right}
@media all and (max-width:1200px){
	.footer .ft01{ padding:30px 0 10px;}
	.footer .ft01 .item{ width:33.3333333333333%; margin-bottom:20px}
	.footer .ft01 .item .p1{ width:70px; height:70px; line-height:70px}
	.footer .ft01 .item .p1{ font-size:20px}
	.footer .ft01 .item .p1 span{ font-size:12px}
	.footer .ft01 .item .p2{ font-size:12px; margin-top:5px}
	.footer .ft01 .item:nth-child(n+4){ width:50%}
	.footer .ft02 .nr{ padding:20px 0; font-size:12px}
	.footer .ft02 .nr .lt{ width:100%}
	.footer .ft02 .nr .rt{ width:100%}
}


.gcon_8{ width:100%; background:url(g_23.jpg) center center no-repeat; background-size:cover; padding:50px 0; color:#fff}
.gcon_8 .item01{ font-size:18px; text-align:center; width:100%}
.gcon_8 .item02{ font-size:0; width:100%; text-align:center; margin-top:15px}
.gcon_8 .item02 .inp1{ display:inline-block; vertical-align:top; width:295px; height:45px; background:#fff; border:0; box-sizing:border-box; padding:0 10px; font-size:14px; color:#333; outline:none}
.gcon_8 .item02 .inp1::placeholder{ color:#959796; opacity:0.7; appearance:none; -webkit-appearance:none}
.gcon_8 .item02 .inp2{ display:inline-block; vertical-align:top; width:238px; height:45px; background:url(g_24.jpg) center center no-repeat; background-size:cover; border:0; box-sizing:border-box; font-size:14px; color:#fff; text-align:center; outline:none; cursor:pointer}
@media (max-width: 1200px){
	.gcon_8{ padding:40px 0}
	.gcon_8 .item01{ font-size:16px}
	.gcon_8 .item02 .inp1{ width:50%; font-size:12px}
	.gcon_8 .item02 .inp2{ width:38%; font-size:12px}
}