﻿@charset "utf-8";
/* CSS Document */
/* fixed */
html,body{
	font:14px/1.8 Arial;
	color:#646464;
	}
.pw{ 
	width:1100px; 
	margin:0 auto; 
	} 
.pic{
	width:100%;
	}
.pic img{
	width:auto;
	}
.scapic.pic:hover img{
	} 
.tx{ 
	text-align:justify;
	overflow:hidden;
	line-height:25px !important;
	}
.tx img{
	margin:0 auto;
	max-width:100% !important;
	height:auto !important;
	}
.nowti{
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden; 
	line-height:1.1;
	}
.ti{
	white-space:nowrap;
	line-height:1.1;
	overflow:hidden;
	}
.ico{
	display:block;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-position:center center;
	transition:300ms;
	-webkit-transition:300ms;
	}
.cover{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	}
/* fixed end */

/* animation */
@keyframes awmove{
	0%{ transform:translateY(0); -webkit-transform:translateY(0); }
	100%{ transform:translateY(3px); -webkit-transform:translateY(3px); }
	}
@-webkit-keyframes awmove{
	0%{ transform:translateY(0); -webkit-transform:translateY(0); }
	100%{ transform:translateY(3px); -webkit-transform:translateY(3px); }
	}
@keyframes awmove2{
	0%{ transform:translateY(0); -webkit-transform:translateY(0); }
	100%{ transform:translateY(-3px); -webkit-transform:translateY(-3px); }
	}
@-webkit-keyframes awmove2{
	0%{ transform:translateY(0); -webkit-transform:translateY(0); }
	100%{ transform:translateY(-3px); -webkit-transform:translateY(-3px); }
	}
@keyframes awop{
	0%{ opacity:1; }
	50%{ opacity:0; }
	100%{ opacity:1; }
	}
@-webkit-keyframes awop{
	0%{ opacity:1; }
	50%{ opacity:0; }
	100%{ opacity:1; }
	}
@keyframes awop2{
	0%{ opacity:0; }
	50%{ opacity:1; }
	100%{ opacity:0; }
	}
@-webkit-keyframes awop2{
	0%{ opacity:0; }
	50%{ opacity:1; }
	100%{ opacity:0; }
	}
/* animation end */

.header{ position:fixed; top:0; left:0; right:0; z-index:1005; background:none;}

.headerlogo{ margin:0; padding:0; width:350px; height:117px; float:left;}
.headerlogo .logo{ width:350px; display:block;  float:left;  }



.header .top{ height:38px; line-height:38px; overflow:hidden; background:none; margin-right:20px; }
.header .top a{ color:#fff; }
.htlk{ display:block; width:65px; height:100%; float:right; text-align:center; }
.ntx{ display:block; transition:300ms; -webkit-transition:300ms; }
.weixin,.sina{ width:45px }
.weixin .ico{ background-image:url(../images/weixin.png); }
.sina .ico{ background-image:url(../images/sina.png); }
.email{ font-size:12px; line-height:1; }
.email .ntx{ padding-top:7px; }
.oa{ font-size:16px; }
.email,.oa{ background:#1d9c1d; }
.htlk.sina{ margin-right:10px; }
.htlk.weixin{ margin-left:10px; }
.weixin:hover .ico,.sina:hover .ico{ transform:translateY(-3px); -webkit-transform:translateY(-3px); }
.htlk:hover .ntx{ transform:translateY(-3px); -webkit-transform:translateY(-3px);  }
.searchBox{ width:86px; height:24px; float:right; position:relative; margin-top:7px; }
.searchBox input{ display:block; }
.searchBox .search-tx{ border:1px solid #fff; width:49px; height:22px; border-radius:22px; padding:0 25px 0 10px; color:#fff; font-family:Arial; font-size:12px; line-height:22px; overflow:hidden; }
.searchBox .search-btn{ position:absolute; top:0; right:0; width:25px; height:100%; background-repeat:no-repeat; background-position:left center; background-image:url(../images/searchBtn.png); cursor:pointer;  }
.searchBox .search-tx:focus{ border:1px solid #1d9c1d; }
.header .btm{ height:73px; margin-right:20px; background:none; /* overflow:hidden; */ }
.logo img{ width:100%; }
.header .nav{ float:right; }
.header .nav li{ float:left; position:relative; }
.header .nav a{ display:block; color:#505050; line-height:73px; font-size:16px; padding:0 15px;color:#fff; background:none; }
.header .nav li:hover > a,.header .nav li.act > a{ background: url(../images/menudi.png) no-repeat bottom center; color:#fff; }
.header .nav li.act > a{ background:none; color:#fff; }
.header .nav li.act > a:hover{ background:none; color:#0C74CB; }
.header .twonav{ position:absolute; top:73px; left:0; right:0; background:#0C74CB; padding:10px 0 20px 0; display:none; }
.header .twonav a{ text-align:center; display:block; color:#fff; font-size:14px; line-height:1.4; padding:8px 5px;letter-spacing:-1px; }
.header .twonav a:hover{ background:#59A5D9; }
.mtop{ height:74px; }
.banner ul li{ height:707px; overflow:hidden; position:absolute; }
.banner .pic{ position:absolute; left:0; top:0;  }
/* .banner{ cursor:none !important;} */
.banner .bx-controls-direction .bx-prev,.banner .bx-controls-direction .bx-next{ position:absolute; top:0; width:25%; bottom:0; height:auto; margin-top:0; z-index:200; opacity:0; display:none\9; }
.banner .bx-wrapper .bx-prev{ left:25px; background:url(../images/cursor-left.png) no-repeat left center; }
.banner .bx-wrapper .bx-next{ right:25px; left:auto; background:url(../images/cursor-right.png) no-repeat right center; }
.banner .bx-controls-direction .bx-prev:hover,.banner .bx-controls-direction .bx-next:hover{ opacity:1; display:block\9; }

.bannertxts{ position:absolute; z-index:200; width:686px; left:50%; margin-left:-343px; text-align:center; color:#fff; padding:35px 0 40px 0; top:30%; }
.bannertxts .bg{ position:absolute; top:0; bottom:0; width:0; background:url(../images/black.png); transition:500ms 600ms; -webkit-transition:500ms 600ms;  }
.bannertxts .bg_1{ right:50%; }
.bannertxts .bg_2{ left:50%; }
.bannertxts .txts{ position:relative; }
.bannertxts .txts .ch{ font-size:45px; line-height:1.1; text-shadow:0 0 1px rgba(0,0,0,.5); }
.bannertxts .ch strong{ font-weight:normal; color:#feb70d; }
.bannertxts .en{ font-family: 'Conv_ZAP'; line-height:1.1; }
.bannertxts .en_1{ font-size:40px; text-transform:uppercase;  }
.bannertxts .en_2{ font-size:12px; margin-top:8px; }
.banner .lines{ font-size:0; margin:25px 0 20px 0; }
.banner .lines span{ display: inline-block; *zoom: 1; *display: inline; vertical-align:middle; }
.banner .lines .line{ width:45px; height:1px; background:#fff; }
.banner .lines .aw{ width:18px; height:7px; background:url(../images/aw.png) no-repeat center center; animation:awmove 1s linear 0.1s alternate infinite; -webkit-animation:awmove 1s linear 0.1s alternate infinite; }
.bannertxts .atx{ transform:translateY(80px); -webkit-transform:translateY(80px); opacity:0; }
.bannertxts.show .atx{ transform:translateY(0); -webkit-transform:translateY(0); opacity:1; }
.bannertxts.show .bg{ width:50%; }
.ixmore{ width:108px; height:40px; display:block; position:absolute; left:50%; margin-left:-55px; bottom:60px; color:#fff; border:1px solid #fff; border-bottom:none; text-align:center; line-height:40px; z-index:204; }
.banner .ixmore .lines{ width:108px; position:absolute; left:0; bottom:0; margin:0; }
.banner .ixmore .lines span{ vertical-align:bottom; }
.banner .ixmore:hover{ background:#6fba2c; }
.bannernum{ display:block; /* width:365px; */ position:absolute; right:15px; bottom:15px; color:#fff; z-index:204; }
.bannernum .top{ background:url(../images/bg1.png); border-top:1px solid #eb6100; padding:40px 35px 25px 30px; }
.bannernum .top p{ float:left; }
.bannernum .top p:first-child{ margin-right:50px; }
.bannernum .top .num{ display:block; font-size:50px; line-height:1; font-weight:normal; letter-spacing:-2px; position:relative; }
.bannernum .top .num .unit{ font-size:14px; margin-left:20px; }
.bannernum .top .num .up{ width:15px; height:20px; background:url(../images/num-up.png) no-repeat right top; position:absolute; top:0; right:0; animation:awmove 1s linear 0.1s alternate infinite; -webkit-animation:awmove 1s linear 0.1s alternate infinite;  }
.bannernum .top .num .down{ width:15px; height:20px; background:url(../images/num-down.png) no-repeat right top; position:absolute; top:0; right:0; animation:awmove 1s linear 0.1s alternate infinite; -webkit-animation:awmove 1s linear 0.1s alternate infinite;  }

.bannernum .btm{ background:url(../images/bg2.png); height:36px; line-height:36px; padding:0 41px 0 30px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; position:relative; }
.bannernum .btm .ico{ width:6px; height:100%; display:block; position:absolute; top:0; right:35px; background:url(../images/aw1.png) no-repeat center center; }
.bannernum:hover .btm .ico{ transform:translateX(5px); -webkit-transform:translateX(5px); }
.banner .bx-wrapper .bx-pager.bx-default-pager a{ background:#fff; margin: 20px 5px; width:12px; height:12px; }
.banner .bx-wrapper .bx-pager.bx-default-pager a.active{ background: #6fba2c;  }
.banner .bx-wrapper .bx-pager{ bottom:0; z-index:203; }
/* menuBox end */
.menuBox { position: fixed; left: 0px; top: -100%; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; z-index: 1006; background-color: #f6f7f7; }
.navMobile { padding: 10% 0px 50px; }
.navMobile dd { display: block; width: 100%; text-align: center; }
.navMobile dd p a { text-transform: uppercase; font-size: 18px; position: relative; }
.navMobile dd a { display: block; padding: 12px 0px; line-height: 1.4; font-size: 14px; color: #646464; -webkit-transition: 0s; -moz-transition: 0s; -o-transition: 0s; transition: 0s; }
.navMobile dd a:active,.navMobile dd a:hover, .navMobile dd p a.cur { color: #6fba2c; }
.mlogo{ width:138px; display:block; position:absolute; left:5%; top:10px }
.mlogo img{ width:100%; } 
.menuBox .tool{ text-align:center; font-size:0; background:#6fba2c; padding:35px 0; }
.menuBox .tool a { display: inline-block;*zoom: 1;*display: inline; vertical-align:middle; background:none; color:#fff; width:40px; height:40px; border:1px solid #fff; border-radius:100%; margin:0 10px; line-height:40px; text-transform:uppercase; }
.menuBox .tool a:hover .ntx{ transform:translateY(-3px); -webkit-transform:translateY(-3px); }
.too2{ text-align:center; margin-top:10%; }
.too2 a{ background:none; color:#646464; margin:0 20px; }
.too2 a:hover{ color:#6fba2c; }
.menuBox .twonav{ background:#29b37e; display:none; }
.menuBox .twonav a{ display:block; font-size:14px; line-height:1.4; padding:8px 0; color:#fff; }
.menuBox .twonav a:hover{ background:#59A5D9; color:#fff; }
/* menuBox end */




/* indexkaishi */

#indexpro{ margin:0 auto;position: relative; padding:0; width:100%; height:auto; max-width:1160px; margin-top:20px; z-index:200;}
#indexprozong{ margin:0 auto;position: relative; padding:0; width:100%; height:auto; max-width:1200px; margin-top:-100px; z-index:200;}

#indexpro1{ margin:0 auto; padding:0; width:31%; height:auto; background:#fff; float:left; margin-left:1%; margin-right:1%; z-index:200;}
#indexpro11{ margin:0 auto; padding:0; width:100%; height:auto; z-index:200;}
#indexpro11 img{ max-width:100%;}
#indexpro12{ margin:0 auto; padding:0; width:100%; height:auto;color:#000; font-size:16px; font-family:Arial; text-align:center;line-height:40px; z-index:200;}
#indexpro13{ margin:0 auto; padding:0; width:90%; height:auto;color:#888; min-height:130px; padding-left:5%; padding-right:5%; font-size:12px; font-family:Arial; text-align:center;line-height:20px; z-index:200;}
#indexpro13 a{ font-size:12px; font-family:Arial; text-align:center;line-height:20px; z-index:200; color:#888;}
#indexpro13 a:hover{ color:#000;}
#indexpro14{ margin:0 auto; padding:0; width:100%; height:auto;color:#888;font-size:12px; font-family:Arial; text-align:center;line-height:40px; z-index:200;}
#indexpro141{ margin:0 auto; padding:0; width:200px; height:40px; margin-top:20px;}


#indexpro141 a{ margin:0; padding:0; width:200px; display:block; height:40px;font-size:12px;font-family:Arial;text-decoration:none;border:1px solid #004193; color:#004193; background:#ffffff;line-height:40px; text-align:center;}
#indexpro141 a:hover{ color:#ffffff; background:#004193;  }

#indexpro15{ margin:0 auto; padding:0; width:100%; height:40px;color:#888;font-size:12px; font-family:Arial; text-align:center;line-height:40px; z-index:200;}


#indexpro2{ margin:0 auto; padding:0; width:100%; max-width:1160px; height:auto; padding-top:50px; }
#indexpro21{ margin:0; padding:0; width:46%; height:auto; float:left;}
#indexpro211{ margin:0; padding:0; width:100%; height:auto; float:left;font-size:20px; font-family:Arial; text-align:left;line-height:40px; color:#000;}
#indexpro212{ margin:0; padding:0; width:100%; height:auto; padding-top:20px; float:left;font-size:12px; font-family:Arial; text-align:left;line-height:22px; color:#888;}
#indexpro213{ margin:0; padding:0; width:100%; height:auto;padding-top:20px; float:left;font-size:12px; font-family:Arial; text-align:left;line-height:22px; color:#888;}
#indexpro2131{ margin:0; padding:0; width:200px; height:40px; margin-top:20px;}


#indexpro2131 a{ margin:0; padding:0; width:200px; display:block; height:40px;font-size:12px;font-family:Arial;text-decoration:none;border:1px solid #004193; color:#004193; background:#ffffff;line-height:40px; text-align:center;}
#indexpro2131 a:hover{ color:#ffffff; background:#004193;  }
#indexpro214{ margin:0; padding:0; width:100%; height:40px; float:left;font-size:20px; font-family:Arial; text-align:left;line-height:40px; color:#000;}
#indexpro22{ margin:0; padding:0; width:46%; height:auto; float:right;}
#indexpro22 img{ max-width:100%;}

#indexpro3{ margin:0 auto; padding:0; width:100%; max-width:1160px; height:auto; padding-top:50px;font-size:20px; font-family:Arial; text-align:left;line-height:40px; color:#000; }

#indexpro5{ margin:0 auto; padding:0; width:100%; max-width:1160px; height:auto; padding-top:50px;font-size:12px; font-family:Arial; text-align:left;line-height:40px; color:#000; }
#indexpro6{ margin:0 auto; padding:0; width:100%; max-width:1160px; height:40px;  }



#conbanner1{ margin:0 auto; padding:0; width:100%; height:455px; background:url(../image/b1.jpg) no-repeat top center;}
#conlocation{ margin:0 auto; padding:0; width:100%; max-width:1120px; height:50px;font-size:12px; font-family:Arial; text-align:left;line-height:50px; color:#666; }
#conlocation a{ font-size:12px; font-family:Arial; text-align:left;line-height:50px; color:#666; }
#conlocation a:hover{color:#0C74CB; text-decoration:underline; }


#conmain{ margin:0 auto; padding:0; width:100%; max-width:1120px; height:auto;}
#conleft{ margin:0; padding:0; width:25%; height:auto; float:left;}
#conleft1{ margin:0; padding:0; width:92%; padding-left:4%; padding-right:4%; height:50px; background:url(../image/lo.png) no-repeat center right #0C74CB;font-size:20px; font-family:Arial; text-align:left;line-height:50px; color:#fff;}
#conleft2{ margin:0 auto; padding:0; width:100%; height:auto; }
#conleft2 ul{ margin:0; padding:0; width:100%;height:auto; list-style:none;}
#conleft2 ul li{ margin:0; padding:0; width:100%; height:auto;}
#conleft2 ul li a{ margin:0; padding:0;width:97%; padding-left:3%; border-bottom:1px solid #EEEEEE; background:#fff; display:block;  padding-top:10px; padding-bottom:10px; height:auto; font-family:Arial; font-size:14px;color:#666666; text-align:left; text-decoration:none; line-height:20px;}
#conleft2 ul li a:hover{  background:#6FBA2C;font-family:Arial; font-size:14px;color:#ffffff; }

#conleft2 ul li.on a{ margin:0; padding:0;width:97%; padding-left:3%; border-bottom:1px solid #EEEEEE; background:#6FBA2C; display:block;  padding-top:10px; padding-bottom:10px; height:auto; font-family:Arial; font-size:14px;color:#fff; text-align:left; text-decoration:none; line-height:20px;}
#conleft2 ul li.on a:hover{  background:#6FBA2C;font-family:Arial; font-size:14px;color:#ffffff; }

#conleft2 ul li ul{ margin:0; padding:0; width:100%; height:auto;}

#conleft2 ul li ul li a{ margin:0; padding:0;width:95%; padding-left:5%; border-bottom:1px solid #b9e2f0; background:#fff; display:block;  padding-top:8px; padding-bottom:8px; height:auto; font-family:Arial; font-size:12px;color:#666666; text-align:left; text-decoration:none; line-height:20px;}
#conleft2 ul li ul li a:hover{  background:#007fab;font-family:Arial; font-size:12px;color:#ffffff; }


#conleft2 ul li.on ul li a{ margin:0; padding:0;width:95%; padding-left:5%; border-bottom:1px solid #e5e5e5; background:#fff; display:block;  padding-top:8px; padding-bottom:8px; height:auto; font-family:Arial; font-size:12px;color:#666666; text-align:left; text-decoration:none; line-height:20px;}
#conleft2 ul li.on ul li a:hover{  background:#84D43C;color:#ffffff; font-size:12px; }

#conleft3{ margin:0 auto; padding:0; width:100%; height:auto; margin-top:30px; }
#conleft3 img{ width:100%; max-width:350px;}

#conleft4{ margin:0 auto; padding:0; width:100%; height:auto; background:#fff;}
#conleft41{ margin:0 auto; padding:0; width:92%; padding:3%; height:auto; background:#fff;font-size:12px; font-family:Arial; text-align:left;line-height:22px; color:#666;}
#conleft41 a{ font-size:12px; font-family:Arial; text-align:left;line-height:22px; color:#666;}
#conleft41 a:hover{ color:#000; text-decoration:underline;}

#conleftk{ margin:0 auto; padding:0; width:100%; height:30px;}

#conright{ margin:0; padding:0; width:73%; margin-left:2%; height:auto; float:right; background:#fff; min-height:660px;}
#conright1{ margin:0; padding:0; width:94%; margin-left:3%; margin-right:3%; height:40px; border-bottom: 1px solid #EAEAEA;font-size:14px; font-family:Arial; text-align:left;line-height:40px; color:#666;}
#conright2{ margin:0; padding:0; width:94%; padding-left:3%; padding-right:3%; height:30px; padding-top:15px; padding-bottom:15px;font-size:24px; font-family:Arial; text-align:center;line-height:30px; color:#0C74CB;}
#conright3{ margin:0; padding:0; width:94%; padding-left:3%; padding-right:3%; height:auto; font-size:14px; font-family:Arial; text-align:left;line-height:25px; color:#666;}
#conright3 img{ max-width:100%;}

.cx1{font-size:30px; font-family:Arial,Arail; text-align:left;line-height:40px; color:#fff;}
/* ix3 end */
/* footer */
.footer{ background:#fff; font-size:12px; line-height:20px; }
.footer .nav li{ float:left; margin-left:6%; }
.footer .top a{ color:#9ed171; }
.footer .top a:hover,.footer .top a:active,.footer .btm a:hover,.footer .btm a:active{ color:#f8b551; }
.footer .nav a{ display:block; }
.footer .nav .fa{ font-size:16px; color:#6fba2c; font-weight:bold; margin-bottom:10px; }
.footer .top{ padding:0 0 4.2% 0; position:relative; }
.footer .top .nav{ border-top:1px solid #6fba2c; padding-top:35px; }
.footer .ceter{ background:#6fba2c; color:#fff; padding:35px 0; }
.footer .ceter a{ color:#fff; }
.footer .cta{ float:left; }
.footer .cta a{ display:block; float:left; margin-right:20px; }
.footer .cta .ico{ width:20px; height:20px; display:inline-block; *display:inline; *zoom:1; vertical-align:middle; background-position:center center; background-repeat:no-repeat; margin-right:3px; }
.footer .cta .addr .ico{ background-image:url(../images/pos.png); }
.footer .cta .phone .ico{ background-image:url(../images/phone.png); }
.footer .cta .email2 .ico{ background-image:url(../images/email.png); }
.footer .cta a:hover .ico,.footer .cta a:active .ico{ transform:translateY(-3px); -webkit-transform:translateY(-3px);  }
.footer .tool{ float:right; }
.footer .tool a{ width:24px; height:20px; display:block; display:inline-block; *display:inline; *zoom:1; vertical-align:middle; margin:0 10px;  }
.footer .btm a{ color:#646464; }
.footer .btm{ padding:15px 0 25px 0;}
#top{ width:46px; height:45px; background:#009944; display:block; position:absolute; right:25px; bottom:0; transition:300ms; -webkit-transition:300ms; z-index:1000; }
#top .ico{ background-image:url(../images/top.png); }
#top:hover{ background:#6fba2c; }
#top.pos{ position:fixed; bottom:25px; }
#top.hide{ transform:translateY(60px); -webkit-transform:translateY(60px); opacity:0; display:none\9; }
/* footer end */

