/*@font-face {font-family: 'heliosextthinregular';src: url('font/he_eth_-webfont.eot');src: url('font/he_eth_-webfont.eot?#iefix') format('embedded-opentype'),url('font/he_eth_-webfont.woff') format('woff'),url('font/he_eth_-webfont.ttf') format('truetype'),url('font/he_eth_-webfont.svg#heliosextthinregular') format('svg');font-weight: normal;font-style: normal;}*/
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(font/mem8YaGs126MiZpBA-UFWJ0bbck.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(font/mem8YaGs126MiZpBA-UFUZ0bbck.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(font/mem8YaGs126MiZpBA-UFWZ0bbck.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(font/mem8YaGs126MiZpBA-UFVp0bbck.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(font/mem8YaGs126MiZpBA-UFWp0bbck.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(font/mem8YaGs126MiZpBA-UFW50bbck.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(font/mem8YaGs126MiZpBA-UFVZ0b.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
*{ margin: 0px;  padding: 0px;font-family:"Open Sans Light","Open Sans","Microsoft Yahei","微软雅黑", Arial;font-weight: 400;}
BODY{padding: 0px; margin: 0px auto;   color: #333;  font-size: 14px;background:#fff; line-height: 24px;  min-width:1280px; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0; }
.clear{ clear:both; height:0; line-height:0; font-size:0;}
.clearfix:after{ content:""; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1}
em, cite, i { font-style: normal; display: block;}
A:link{ color: #999;   font-weight:normal;   text-decoration: none;}
A:visited{  color: #999;   font-weight:normal;   text-decoration: none;}
A:hover{  color: #009b1e;   font-weight:normal; text-decoration: none;}
.fl { float:left;}
.fr { float:right;}
em,i{ font-style:normal;}
li{list-style-type: none;}
ul li{list-style-type: none;}
button,input,select,textarea { font-family: inherit;  font-size: 100%;  margin: 0; outline:none;}
textarea { overflow: auto;  vertical-align: top; resize: none; -webkit-appearance: none;}

a:focus{outline:0;} /*for ff f6n.net*/
.pagewidth , .main_page,.footer,.maincenter {width:1200px;min-width:1200px; margin:0 auto;}
/*.container{ max-width:84%;margin:0 auto;}*/

.pagewidth_left{ width:860px; float:left;border:1px solid #eeeeee; padding:30px 20px;}
.pagewidth_right{ width:260px; float:right;}
.pagewidth_left2{ width:920px; float:left;}

.font12{ font-size:12px;}
.mt50{ margin-top:50px;}
.mt30{ margin-top:30px;}
.mtb30{ margin:30px 0;}
.ptb30{ padding:30px 0;}
.pb50{ padding-bottom:50px;}
.pb30{ padding-bottom:30px;}
/*top*/


.tophead{ width:100%; z-index:999;top:0px;  height:30px; padding-top:5px; min-width:1200px; float:left; margin:0 auto; background:#f8f8f8; border-bottom:1px solid #f8f8f8; }
.top_tant{width:1200px;min-width:1200px;line-height:20px; font-size:14px; color:#666; font-weight:normal; padding-top:0px; height:20px; margin:0 auto; }
.top_left{width:700px; line-height:24px; color:#000; font-weight:normal; padding-top:0px; height:20px; text-align:left; float:left;}
.top_rihgt{width:400px; float:right; text-align:right; line-height:24px; color:#009b1e;}
.top_rihgt UL{list-style-type: none; margin: 0px auto; text-align:right;}
.top_rihgt LI{margin-left:10px;display:inline-block;padding-left:20px;line-height:24px; font-size:14px; color:#e84554;}

.top_rihgt span{float: right; color:#333;font-size:14px; padding-left:60px; /*background:url(../images/tel.gif) no-repeat left 3px;*/ height:48px;}
.top_rihgt p{float: right;font-family:Impact; color:#e23203; font-size:24px;}



/*.top_rihgt LI.cn{ background:url(../images/us_lo.png) no-repeat; padding-left:20px; height:20px; background-size:16px 16px;}
.top_rihgt LI.en{ background:url(../images/us_lo.png) no-repeat; padding-left:20px;background-size:18px 18px;}
.top_rihgt LI.tq{ background:url(../images/tq.png) no-repeat; padding-left:20px;}
.top_rihgt LI.mobile{ background:url(../images/mobile.png) no-repeat; padding-left:15px;}
.top_rihgt A:link{ line-height:18px; font-size:12px; color:#e84554; font-weight:normal; margin-right:20px;}
.top_rihgt A:visited{ line-height:18px; font-size:12px; color:#e84554; font-weight:normal; margin-right:20px;}
.top_rihgt A:hover{ line-height:18px; font-size:12px; color:#e84554; font-weight:normal; margin-right:20px;}*/

.content , .footer , .container{width:1200px; margin:0 auto;clear:both; }
.headtop{ width:100%; height:146px; margin:0 auto;}




.web_page{width:100%; text-align: center; float:left; margin:0 auto;}
.logo_page{width:1200px; height:135px;margin:0 auto;}
.logo{float:left; margin-top:28px; margin-right:10px;}
.company_name{width:620px;float:left; height:70px; margin-top:34px;}
.company_name h1{width:620px; line-height:30px; font-size:31px; color:#009b1e; font-weight:bold;   letter-spacing: 0pt;text-align:left; float:left; margin-top:3px;}
.company_name h2{width:620px; line-height:30px; font-size:16px; color:#000;font-weight:400;  text-align:left; float:left; margin-top:5px;}

.top_service{ width:230px; height:55px; float:right;  margin-top:30px; margin-right:10px}
.top_service p{ font-size:15px; color:#333; font-weight:normal; line-height:30px; background:url(../images/logo_call1.png) center no-repeat;text-align:center;}
.top_service span{ font-size:30px;font-family: Impact; color:#009b1e; line-height:30px; background:url(../images/toptel.png) no-repeat  left 8px; padding-left:30px}

/*nav*/
.dhnav{ width:100%;min-width:1200px;  height:52px;float:left;background-color:#009b1e; border-bottom:0px solid #0066cc;}
.nav{z-index: 99;width:1200px;margin:0 auto;min-width:1200px; }
.nav>li{float: left; width: 150px; height: 52px; padding-right: 0px; position: relative; z-index: 999;}
.nav>li>a{font-size: 15px;  color: #FFF; height: 52px; line-height:52px; display: block; text-align: center; letter-spacing: 0.2pt;}
.nav>li.last{background: none;}
.nav>li:hover>a{color: #FFF;background:#ffae00;}
.nav .hnav{color: #FFF;background:#ffae00;}
.nav .sub-nav{width: 150px; position: absolute; top: 52px; left: 0px; z-index: 99;overflow: hidden; display: none; padding-top: 1px;   background-color: rgba(0,0,0,0.55);padding-bottom: 0px;}
.nav .sub-nav li{overflow: hidden; text-align: center; border-bottom: 1px dashed #666; padding-bottom:0px;/* background:url(../images/xx.png) repeat-x 0 bottom;*/}
.nav .sub-nav li.last{border: none;}
.nav .sub-nav li a{color: #FFF; display: block; line-height: 40px; font-size: 14px; height: 40px;}
.nav .sub-nav li a:hover{/*color: #003586;*/color:#FFF; background:#ffae00; }
.sub-nav-bg{background: #ebecea; height: 34px; position: absolute; top: 88px; left: 0; width: 100%; display: none;}



/**/
.search{/*background-color: rgba(255,255,255,0.65);*/ background:#f8f8f8;width:100%;height:45px; min-width:1200px; margin:0 auto; float:left;  z-index:99;}
.search_tant{width:1200px; height:45px; margin:0 auto;}

.search_tant_left{width:740px; font-size:12px; text-align:left; 	font-weight: normal;color:#666666;line-height:45px;float: left; margin-left:10px;}
.search_tant_left UL{list-style-type: none;margin: 0px auto;}
.search_tant_left LI{float: left;line-height:47px;text-align:center;margin-right:10px;display:block;}
.search_tant_left A:link{font-size:12px;text-align:left;font-weight: normal;	color:#666666;display:block;line-height:45px;}
.search_tant_left A:visited{font-size:12px;text-align:left;font-weight: normal;	color:#666666;display:block;line-height:45px;}
.search_tant_left A:hover{font-size:12px;text-align:left;font-weight: normal;color:#666666;display:block; text-decoration:underline;line-height:45px;}


.search_tant_right{ width:321px; margin-top:8px; float: right;}
.search_tant_right h2{background:#f3f8f5;  border:#d8e2dd solid 1px;width:252px; padding-left:3px; padding-right:3px;float:left; height:28px; text-align:center;}
.search_tant_right h3{width:61px;float:left;}
.search_kuan{width:252px; height:27px; color:#333333; border:#f3f8f5 solid 0px; background:no-repeat; line-height:27px; float:left;}







#header { position: fixed; z-index: 999; width: 100%; height: 110px; top:36px;  background-color:#fff;  z-index:2;transition: all .36s ease  }


#header .nav{  float:right; margin:0 auto;transition: all .36s ease; text-align:right; margin-top:10px;}
#header .nav>li{ display:inline-block;font-size:16px; padding:15px 0;transition: all .36s ease; text-align:right;}
#header .nav>li>a>img{ margin-left:6px;}
#header .nav>li>a{color:#898989; height:85px; line-height:60px; display:block; padding:0 20px; text-align:center; text-decoration:none; /*border-right:1px solid #f3f3f3;*/background: url(../img/line.jpg) no-repeat right center;}
#header .nav>li.cur>a,#header .nav>li:hover>a{ /*background-color:#3a7770 !important;*/ color:#4370f5; }
#header .nav>li>a.nobg {background: none;border-right:0px; padding-right:0;}

#header .h_con{float:left; margin-top:12px; border:0;transition: all .36s ease}
#header .h_con h1{ float:left;padding-right:8px; padding-top:4px;transition: all .36s ease}
#header .h_con h1 img{ height:60px;transition: all .36s ease}
#header .h_con p{float:left; width:150px;font-size:28px; color:#ff0000;margin-top:16px; font-weight:600;font-family: "Open Sans Bold";transition: all .36s ease}
#header .h_con p strong{ color:#333; font-size:24px; padding:0 12px; font-weight:lighter; border-left:1px solid #ddd; margin-left:10px;}
#header .h_con p span{float:left; font-size:16px; color:#898989;margin-top:5px;letter-spacing: 1px;transition: all .36s ease}

#header.navbg { height: 4pc; box-shadow: 0 2px 6px rgba(0,0,0,.1) ; z-index: 999;}
#header.navbg .nav { height: 60px;float:right; margin-top:0px; }
#header.navbg .nav>li{display:inline-block; font-size:16px; padding:0px 0;}
#header.navbg .nav>li.cur{ /*background-color:#3a7770 !important;*/height: 64px; color:#4370f5; border-bottom:4px solid #4370f5; }
#header.navbg .logo{ float:left; overflow:hidden; margin-top:8px; border:0;transition: all .36s ease}
#header.navbg .logo img{ height:33px;margin-top:8px;  border:0;transition: all .36s ease}
#header.navbg .searchk{float: right;margin: 22px 0px 0 30px;transition: all .36s ease}



#header.navbg .erji_nav {top:60px;}
#header.navbg  .search-found{top:64px;}




#header.navbg .h_con{float:left; margin-top:3px; border:0;transition: all .36s ease}
#header.navbg .h_con h1{ float:left; padding-right:8px; padding-top:4px;transition: all .36s ease}
#header.navbg .h_con h1 img{ height:40px;transition: all .36s ease}
#header.navbg .h_con p{font-size:24px; margin-top:14px; font-weight:600;font-family: "Open Sans Bold";transition: all .36s ease}
#header.navbg .h_con p strong{ color:#333; font-size:24px; padding:0 12px; font-weight:lighter; border-left:1px solid #ddd; margin-left:10px;}
#header.navbg .h_con p span{float:left; font-size:16px; color:#898989;margin-top:2px;letter-spacing: 1px; display:none;transition: all .36s ease}



.erji_nav { display:none; overflow:hidden; width:100%;  border-top:1px solid #e5e5e5 !important;  position:absolute; left:0; top:110px; background-color: rgba(255,255,255,0.96);/* background:url(../images/black60.png);*/padding-top:25px; padding-bottom:70px; z-index:999;}
.erji_nav .title{ overflow:hidden; width:1200px; margin:0 auto; }
.erji_nav .title span{ padding:0;float:right; width:120px; border-right:3px solid #4370f5; padding-right:10px; margin-left:15px; margin-bottom:15px;}
.erji_nav .title span a{ color:#4370f5; font-size:16px; line-height:16px;margin-bottom:20px; margin-top:20px; padding-left:0;  text-align:left;}

.erji_nav ul{ overflow:hidden;width:1200px; margin:0 auto; display:block; }
.erji_nav ul li{ display:inline-block;height:38px; padding:0 35px; border:1px solid #cecece; border-radius:3px; text-align:center; font-size:14px;color:#555; text-decoration:none; margin-left:15px; margin-bottom:15px;}
.erji_nav ul li a{ color:#333; height:88px; line-height:36px;font-size:14px;display:block;float:left; text-align:center;}
.erji_nav ul li:hover{display:inline-block; border:1px solid #4370f5; background:#4370f5;}
.erji_nav ul li:hover a{display:inline-block; color:#FFF !important;}
.erji_nav ul li a img{ display:inline-block; margin:10px auto; width:40px; height:35px;}
.erji_nav ul li.hov{display:inline-block; border:1px solid #4370f5; background:#4370f5;}
.erji_nav ul li.hov a{ color:#fff;}

.erji_nav .contect{ display:block; width:128px;border:1px solid #4370f5; border-radius:8px;float:left; text-align:center; font-size:14px;color:#4370f5; text-decoration:none; margin-left:45px; font-size:12px;}
.erji_nav .contect img{ display:block; margin:10px auto;}
.erji_nav .contect span{font-size:14px; position:absolute; margin-top:-30px; background:#4370f5; color:#fff; width:128px; display:block; height:30px; line-height:30px;}

.searchk{float: right;margin: 37px 0px 0 30px;transition: all .36s ease}
.serach_btn {width: 18px; height: 18px; background: url(../images/search_btn.png) no-repeat 0 0;float: right;/*margin: 37px 0px 0 30px;*/ padding-left:0px;transition: all .0s ease}
.serach_btn.close {background: url(../images/close_ico.png) no-repeat center center;}
.serach_btn::before {    position: absolute;    width: 1px;    height: 18px;    background-color: #888;    content: "";	 margin-left:-40px;}


.search-found{	position: absolute;	top: 110px;	left: 0;	width: 100%;	background: #f5f5f5;	padding: 41px 0 50px;	z-index: 99;	border-top: 1px solid #e5e5e5;	display: none;}
.search-found form{	width: 700px;	margin: 0 auto;}
.search-found form .link{	font-size: 14px;	color: #666666;	line-height: 24px;	margin-bottom: 15px;}
.search-found form .link a{	font-size: 14px;	color: #666666;}
.search-found form .link span{	margin: 0 25px;}
.search-found form .link a:hover{color: #ff0000;}
.search-found form .link a.on{font-weight: bold;	color: #ff0000;}
.search-found form .text{	float: left;	width: 525px;	height: 57px;	line-height: 57px;	padding: 0 20px;	border: 1px solid #cfcfcf;	border-radius: 4px 0 0 4px;	border-right: none;	font-size: 14px;}
.search-found form .search{	width: 129px;	height: 58px;	line-height:58px;	background: #4370f5;	border-radius: 0 4px 4px 0;	border: none;	font-size: 16px;	color: #ffffff; cursor:pointer;}







/*links*/
.bottoms{width:100%; background:url(../images/bottom.jpg) top center no-repeat #666;padding-top:30px; margin-top:50px;}
.bottom_nav{width:120px; margin-right:30px;}
.bottom_nav .c4title {position: relative; padding: 0 0 25px 0; margin-bottom: 5px;}
.bottom_nav .c4title a {font-size: 17px; display: block; line-height: 35px; color:#fff;}
.bottom_nav .c4title::after {content: ''; position: absolute; width: 20px; height: 2px; display: block; background:#21ad42; left: 0; bottom: 10px; transition: 0.6s all ease-in-out;}
.bottom_nav:hover .c4title::after{ width: 100%; background:#21ad4;}
.bottom_nav ul li a {font-size: 14px; display: block; line-height:30px; color:#fff;}
.bottom_nav ul li a:hover{ text-decoration: underline;}

.bottom_nav1{width:450px; margin-right:30px;}
.bottom_nav1 .c4title {position: relative; padding: 0 0 25px 0; margin-bottom:5px;}
.bottom_nav1 .c4title a {font-size: 17px; display: block; line-height: 35px; color:#fff;}
.bottom_nav1 .c4title::after {content: ''; position: absolute; width: 20px; height: 2px; display: block; background:#21ad42; left: 0; bottom: 10px; transition: 0.6s all ease-in-out;}
.bottom_nav1:hover .c4title::after{ width: 100%; background:#21ad4;}
.banq_nr{width:410px;line-height: 46px;padding-left: 40px;background: url(../images/bottomico.png) left 8px no-repeat;margin: 0 auto;color:#fff; font-size:14px;}
.bottom_nav2{width:130px;}
.bottom_nav2 .c4title {position: relative; padding: 0 0 25px 0; margin-bottom:5px;}
.bottom_nav2 .c4title a {font-size: 17px; display: block; line-height: 35px; color:#fff;}
.bottom_nav2 .c4title::after {content: ''; position: absolute; width: 20px; height: 2px; display: block; background:#21ad42; left: 0; bottom: 10px; transition: 0.6s all ease-in-out;}
.bottom_nav2:hover .c4title::after{ width: 100%; background:#21ad4;}
.bottom_rwm{width: 130px;margin: 0 auto;margin-top:20px;color:#fff;}
.bottom_rwml{ width:130px; line-height:30px; height:auto; text-align:center;}

.bottom_text{width: 1200px;border-top: 1px #3f9154 solid;font-size: 14px;line-height:35px;margin-top: 20px;color:#fff; padding:15px 0; text-align:center;}
.bottom_text a{ font-size:14px; color:#fff;}






.links{ width:100%; margin:0 auto; padding:15px 0;background-color:rgba(1,85,24,0.6); color:#fff;}
.links a{ color:#ddd; margin-right:15px; line-height:26px; }
.links a:hover{ color:#fff;}
::selection {background:#fec032;color:#ffffff;}
::-moz-selection {background:#fec032;color:#ffffff;}
::-webkit-selection {background:#fec032;color:#ffffff;}