@charset "utf-8";



/*■■■■■■■■　共同设定 ■■■■■■■■*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,table,tr,th,td{margin:0;padding:0;}

table{border-collapse:collapse;border-spacing:0;}

fieldset,img{border:0;}

address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}

ul,ul li,input, dl, dd {  padding:0; margin:0; list-style-type:none;}

img,a img{border:0;margin:0;padding:0;}

caption,th{text-align:left;}

h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}

a{text-decoration:none; color:#000;}

a:hover{text-decoration:none; }

.clear{clear:both;}

/* HTY Common Atom*/

.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;overflow:hidden;visibility:hidden;width:0;height:0;}

.clear-fix:after{content:"."; display:block; height:0; font-size:0; clear:both; visibility:hidden;}

.fl{float:left;}

.fr{float:right;}

.c_b{clear:both;}

textarea{resize:none; overflow:auto;}



/*■■■■■■■■　基本设定　■■■■■■■■*/

body{font-family:"微软雅黑"; font-size:12px; color:#000; overflow-x:hidden; max-width:1920px; margin:0 auto;}

.theme_color{background:#1a2a38;}

.theme_color1{background:#ee0062;}

.theme_color2{background:#222;}

.wl_1004{width:1004px; margin:0 auto; position:relative;}

/*-----------------  ■ common -------------------*/

.rollover:hover img{opacity:0.7; filter:alpha(opacity=70); -ms-filter:"alpha(opacity=70)"; -khtml-opacity:0.7; zoom:1;}

.main{width:980px; margin:0 auto; position:relative;}

/*-----------------  ■ header -------------------*/

.header{ position:absolute; left:0; top:0; z-index:2;width:100%; height:101px; background:none; }

.header .main{ width:1004px;}

.logo{float:left; width:166px;}

.logo img{width:166px;}

.head_right{ float:left; width:775px;}

/*------search-------*/

.searchbd{ float:left;margin-top:49px;cursor: pointer;width:60px; height: 48px;}

.search01{ position: absolute; right:3px; top:75px; width:330px; height:36px; padding:10px 0; margin:21px 0 0; background:#1e1f24; display:none;}

.search02{ float:left;}

.search02 input.search03{ float:left; width:172px; font-size:12px; color:#ff6666; font-family:'微软雅黑'; height:30px; line-height:30px;  border:none; border:0; padding-left:8px;border: 1px solid #969696; margin:0 0 0 10px; }

.search01 input.search04{float:right; width:43px; font-size:14px; color:#ccc; font-family:'微软雅黑'; height:36px;border:none; border:0; background: url(../images/search.jpg) no-repeat center center;  cursor:pointer;}







.search05{ float:left; width:93px; margin-left:2px;}

.jslct { float:left;color:#ff6666;font-family:"微软雅黑";display:inline-block;*display:inline;zoom:1;font-size:12px;position:relative;vertical-align:middle;cursor:default; width:70px; padding-right:23px; height:32px; line-height:32px; background: url(../images/select.gif) no-repeat  center;z-index:0;}

.jslct_hover {}

.jslct div.jslct_t {position:relative; z-index:2;*display:block!important;*display:inline;zoom:1;}

.jslct em {font-style:normal;margin:0;padding:0 ;display:block; text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

.jslct dl, .jslct dl dd {padding:0;margin:0;list-style:none}



.jslct dl {background:#fff; border:#b7d1eb 1px solid; position:absolute;top:32px;left:6px;cursor:default; width:80px; overflow:hidden;z-index:1;display:none; font-size:12px;}

.jslct_hover dl {}

.jslct dl dd { text-align:center;line-height:24px; white-space:nowrap;cursor:pointer;background:#fff;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s; color:#000}

.jslct dl dd:hover {color:#000; }

.jslct dl dd.hover {color:#000 }

.jslct .jslcted {}

.jslct dl dd.noborder {}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */

    color: #ff6666; opacity:1; 

}



::-moz-placeholder { /* Mozilla Firefox 19+ */

    color: #ff6666;opacity:1;

}



input:-ms-input-placeholder{

    color: #ff6666;opacity:1;

}



input::-webkit-input-placeholder{

    color: #ff6666;opacity:1;

}

/*********nav*********/

.g_nav{ position:relative; height:48px; width:100%; margin-top:49px;background:#1e1f24; z-index:1;}

.g_nav01{width:100%; margin:0 auto;}

.g_nav01 table tr td{text-align:center; height:48px; position:relative; }

.g_nav01 a{display:block;height:29px; line-height:29px; color:#c4cbd1; font-size:14px; position:relative;}

.g_nav01 td.now a, .g_nav01 td:hover a{ color:#c4cbd1;  background:url(../images/navbg.jpg) center center no-repeat; border-top:0 }

.g_nav01 a.now div{width:8px; height:6px; background-image:url(../images/nav_now.png); background-repeat:no-repeat; position:absolute; left:50%; margin-left:-4px; top:44px;}

.g_nav01 a span{font-size:12px; color:#baa58c;}

.g_nav01 table tr td .nav_tan{ display:none; width:100%; position:absolute; left:0; top:48px; padding:0 0 10px 0; opacity:0.95; color:#c4cbd1; background:#1e1f24}

.g_nav01 table tr td .nav_tan a{ border:0; border-radius:0;background:#1e1f24; width:100%; margin:0 auto; line-height:30px; height:30px; font-size:12px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#c4cbd1; border-bottom:1px solid #c4cbd1}





/*首页头部banner*/

.banner{height:580px; width:100%; margin:0 auto; overflow:hidden; position:relative;}

.banner>ul{width:auto;}

.banner>ul li{height:580px; background-size:cover; background-position:center center; float:left; background-repeat:no-repeat;}

.banner>ul li a{ float:left; width:100%; height:100%}



.banner .ctrl{position:absolute; width:100%; padding:10px 0; z-index:99; bottom:0; right:0; text-align:center; background:rgba(0,0,0,0.6)}

.banner .ctrl div{width:12px; height:12px; display:inline-block; background-color:#fff; border-radius:100%; margin-left:10px; cursor:pointer;}

.banner .ctrl div.now{background-color:#c12a2a;}

.banner .prev{ display:none;width:42px; height:90px; background-image:url(../images/arrow_left.png); position:absolute; z-index:10; left:177px; bottom:50%; margin-bottom:-45px; cursor:pointer;}

.banner .next{ display:none;width:42px; height:90px; background-image:url(../images/arrow_right.png); position:absolute; z-index:10; right:177px; bottom:50%; margin-bottom:-45px; cursor:pointer;}

/*---index---底部导航*/

.menuf{ width:80%;height:40px;padding:25px 0 0 0; float:left;}

.menuf table tr td{text-align:center;  position:relative; }

.menuf  a{ display:block; margin:0 auto ; text-align:center; color:#7f7f7f;font-size:12px ;  height:28px; line-height:28px; }

.menuf  a:hover,.menuf li a.cur{  color:#fff;}

/* footerpic*/

.footPicBd{ width: 710px; margin: 0 auto 0px  auto;}

.footPicList{ width: 710px; height:117px; padding: 16px 0px ;   }

.footPicList ul li{float:left;width:330px; height:39px;}

.footPicList ul li a{

	width:330px; height:38px; border-bottom: 1px solid #d2d2d2; display: block;

	color:#333333;font-size:14px;line-height:38px; 

}

.footPicList ul li a:hover{color:#c12a2a}



/* footer*/

.footer{ width:100%;background: #1e1f24; }

.btnav{

	position: relative; 

	width: 100%; height: 120px;padding: 10px 0px; 

	background: #e8e8e8;  }



.btnavlist{position: relative;  width: 1000px; height: 80px; margin: 0 auto; }

.backTop{position: absolute;left:467px; top:-48px; cursor: pointer;}	

.btnavlist a{

	float: left; margin-right: 14px;

	width: 186px; height: 40px; display: block; border-bottom: 1px solid #9ea0a6;

	color:#0f1427;font-size:14px; line-height: 40px;   }

.btnavlist a span{ padding-left: 5px; color:#0f1427; font-size:12px; text-transform: uppercase;}

.btnavlist a:hover{color:#c12a2a;}

.btnavlist a:hover span{color:#c12a2a;}

.footOne{ width: 1000px; height: 90px; margin: 0 auto; }

.footTel{ 

	float: left;

	width:304px; height:90px;

	background:url(../images/telb.png) left  32px no-repeat;  }

.footTel .tel{ 

	width:250px;height:70px;padding-left:40px; padding-top: 18px; 

	color:#c12a2a; font-size: 18px;text-align:left; 

	}

.footTel .tel .num{

	width:250px;height:40px; display: block;

	color: #c12a2a;font-size:30px;font-family:impact; text-transform: uppercase;}	

/*end footTel*/



.share{ float: left;width: 300px;height: 90px; padding-left: 90px; }

.share li{ 

	position:relative;float:left;

	width: 150px; height: 40px;margin-top: 30px;}

.share .list{width: 102px; height: 40px; line-height: 40px; padding-left: 48px; display: block;

	color:#606060}	

.share .qq{background: url(../images/qq.png) left top no-repeat;}

.share .qq2{background: url(../images/share.png) left top no-repeat;}

.share a.list:hover{ color: #fff;}	

.shareList{ position: absolute;left:30px; top: 35px; z-index: 99; display: none;

	width:200px;}

.shareList a{ display: inline;}	



/*end share*/

.site{  

	float:left;

	width:155px;  height: 40px; padding-left: 45px;  margin-top: 30px;

	color:#606060; font-size:14px;

	background: url(../images/site.png) left top no-repeat;  }

.site a{ color:#606060; line-height: 40px;  }

.site a:hover{color:#fff}

/*end site*/



.link{ 

	position: relative;

	width:1000px;height:auto!important; height:82px; min-height: 82px;  margin: 0px auto;

	border-bottom:1px solid #35363a;border-top:1px solid #35363a;}

.linkTitle{

	float: left; position: relative;

	width: 136px; height: 65px; margin: 26px 0px; border:2px solid #a2a2a2;

	}

.linkTitle .font{

	display: block;

	width:116px; height:28px;  padding-left: 20px; padding-top: 8px;

	color: #a2a2a2; font-size: 24px;line-height: 28px;}

.linkTitle .english{ 

	display: block;

	width:116px; height:26px;   padding-left: 20px;

	color: #a2a2a2;font-size: 18px; line-height: 26px;text-transform: uppercase; font-family: arial;}	

.linkTitle .linkarrow{

	position: absolute;right:-12px; top:24px;

}

.link_list{ 

	float: left; 

	width: 816px;padding-left:44px ;padding-top: 14px; padding-bottom: 24px; height:auto!important; height:82px; min-height: 82px;}

.link_list a{

	float:left;

	width:188px; height:40px; display:block;border-bottom: 1px solid #272c3d;

	color:#7c7c7c;font-size:14px; line-height:40px; display: inline-block; margin-left:16px; }

.link_list a:hover{color:#ffffff;}

/*end link*/



.copyright{width:1000px;padding-top:20px;padding-bottom:30px; margin: 0 auto;}

.copyrightnr{ 

	width:1000px;

	color:#606060;font-size:12px; line-height:30px;  text-align: center; font-family: '宋体'; }

.copyrightnr a{color:#606060}

.copyrightnr a:hover{color:#ffffff}

/*end copy*/



/* fixed */

.fixed{position:fixed;width:55px;height:212px;right:25px;bottom:50px;_position: absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));z-index:999;}

.fixed a{display:block;width:55px;height:53px;}

.barbook{background:url(../images/fixed.jpg) 0 0 no-repeat;}

.barbook:hover{background-position:-54px 0;}

.fixed a.codepic{background:url(../images/fixed.jpg) 0 0 no-repeat;background-position:0 -53px;height:52px;}

.fixed a.codepic:hover{background-position:-54px -53px;}

.fixed div{position:relative;}

.fixed a.backup{background:url(../images/fixed.jpg) 0 0 no-repeat;background-position:0 -158px;height:52px;}

.fixed a.backup:hover{background-position:-54px -158px;height:53px;}

.fixed div img{position:absolute;left:-126px;width:126px;height:126px;top:-106px;display:none;}



