@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:#999999;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
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:#999999; overflow-x:hidden; margin:0 auto; background:#2b2b2b}
.theme_color{background:#00beaf;}
.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:1120px; margin:0 auto; position:relative;}
/*-----------------  ■ header -------------------*/
.header{width:100%; height:92px; background-image:url(../images/index_bg01.jpg);}
.header .main{width:1004px; margin:0 auto;}
.header .logo{float:left; margin-top:5px;}
.header .tel{float:right; background-image:url(../images/index_icon03.png); background-repeat:no-repeat; padding-left:46px; font-size:14px; color:#777; line-height:14px; height:37px; margin-top:32px; margin-right:10px;}
.header .tel div.title{padding-top:2px;}
.header .tel div.num{color:#333; padding-top:5px;}
.header .share_b{float:right; margin-top:17px;}
/*------search-------*/
.isearch{float:right; width:60px; height:37px; margin:31px 20px 0 0; position:relative;}
.isearch span{ display:block; height:27px;background:url(../images/search.png) left top no-repeat; padding:10px 0 0 56px;  }
.search01{ position:absolute; right:70px; top:5px;width:202px; height:30px; background-color:#fff; border-radius:15px; border:1px solid #ccc; margin-right:10px; display:none;}
.search02{ float:left;}
.search02 input.search03{width:80px; font-size:12px; color:#333; height:30px; line-height:30px; margin-left:15px; border:none; outline:none; float:left;}
.search01 input.search04{width:18px; height:30px; float:right; background-image:url(../images/index_icon02.png); border:none; background-repeat:no-repeat; background-position:center; outline:none; background-color:#fff; cursor:pointer; margin-right:15px;}
.search05{float:left; width:74px; height:30px; line-height:30px; background-repeat:no-repeat; background-position:59px 13px;}
.jslct{color:#333; font-family:"Microsoft YaHei"; display:inline-block; zoom:1; font-size:12px; position:relative; cursor:default; line-height:30px;}
.jslct div.jslct_t {position:relative; padding-left:5px;z-index:2;*display:block!important;*display:inline;zoom:1;}
.jslct em {font-style:normal; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#2b2b2b;}
.jslct dl, .jslct dl dd {padding:0;margin:0;list-style:none}
.jslct dl {background:#2b2b2b;position:absolute;top:32px;left:0;cursor:default; width:80px; padding:0 2px 8px ; overflow:hidden;z-index:1;display:none; font-size:12px;}
.jslct dl dd { box-sizing:border-box; font-size:12px; text-align:center;line-height:25px; border-/bottom:#ccc solid 1px; white-space:nowrap;cursor:pointer;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s; color:#fff;}
.jslct dl dd:hover {color:#fff; background:#252022;}
.jslct dl dd.hover {color:#fff; background:#252022;}
/*********nav*********/
.g_nav{height:55px; width:100%; position:relative; background-color:#2b2b2b;}
.g_nav01{width:1004px; margin:0 auto;}
.g_nav01 table{float:left; width:100%;}
.g_nav01 table tr td{text-align:center; height:55px; position:relative; width:110px;}
.g_nav01 a{display:block; color:#fff; font-size:14px; position:relative;}
.g_nav01 td.now a>div, .g_nav01 td:hover a>div{width:100%; height:3px; background-color:#d3b167; position:absolute; top:35px;}
.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:55px; padding:5px 0 10px 0; background-color:#2b2b2b; opacity:0.95; z-index:100;}
.g_nav01 table tr td .nav_tan a{ width:90%; margin:0 auto; line-height:30px; height:30px; font-size:12px;}
/*********footer*********/
.footer{height:315px; width:100%; clear:both; background-color:#000000; position:relative;}
.footer .t_linkb{height:296px; width:1044px; margin:0 auto; position:relative; text-align:left;}
.foo_l{ float:left; width:280px; padding:50px 110px 0 0 }
.t_linkb .title_b{ float:left;width:280px; height:30px;line-height:30px; background-image:url(../images/d5.gif); background-repeat:no-repeat; background-position: left bottom;}
.t_linkb .title_b .zh{ float:right;font-size:14px; color:#777; text-align:center;}
.t_linkb .title_b .en{ float:left;font-size:14px;  color:#999999; text-align:center;}
 .rinfo_b{width:280px; float:left; padding:10px 0 0  }
 .rinfo_b .tel_b{ line-height:23px; margin:10px 0 0; font-size:14px; color:#777777; }

.foo_l2{ float:left; width:310px;padding:50px 0 0 0}
.foo_l2 a.foonav{ float:left; width:80px; margin:5px 15px 0 0;color:#777; font-size:14px; position:relative; text-align:left;height:26px; line-height:26px;}
.colb{ float:right; width:245px}
.code_img{ color:#747474; line-height:20px; font-size:13px; text-align:center; float:left; width:106px; padding:68px 0 0 139px; background:url(../images/d6.gif) left 68px no-repeat; height:130px;}
.footer .t_linkb .share_b{clear:both; padding-top:20px;}
.footer .t_linkb .share_b .icon{width:25px; height:20px; float:left; margin-top:3px; margin-right:25px;}
.footer .manager_info{line-height:57px; text-align:center; color:#999; background:#111111}
.footer .manager_info a{color:#999;}
.footer .manager_info span+span{padding-left:20px;}
.footer .map_link{background-image:url(../images/index_icon07.png); background-repeat:no-repeat; padding-left:25px;}
.wl{width:1004px; margin:0 auto; position:relative;}
.pl_20{padding-left:20px;}
/*首页头部banner*/
.banner{height:392px; width:100%; overflow:hidden; position:relative; max-width:1600px; margin:0 auto;}
.banner>ul{width:auto; height:100%;}
.banner>ul li{height:100%; background-size:100%; background-position:center center; float:left; opacity:0; background-repeat:no-repeat;}
.banner .prev{width:42px; height:105px; position:absolute; left:0; top:187px; background-image:url(../images/index_icon02.png); cursor:pointer;}
.banner .next{width:42px; height:105px; position:absolute; right:0; top:187px; background-image:url(../images/index_icon03.png); cursor:pointer;}
.banner .ctrl{position:absolute; z-index:99; bottom:22px; right:0;}
.banner .ctrl div{width:16px; height:15px; float:left; background-image:url(../images/index_icon05.png); margin-left:5px; cursor:pointer;}
.banner .ctrl div.now{background-image:url(../images/index_icon06.png);}
/*新增头部*/
.top_header{height:28px; background-color:#252022; line-height:28px; color:#666;}
.top_header .title{float:left;}
.top_header .map_link{float:right; color:#666;}
.top_header a:hover{opacity:0.8;}
.msg_btn{float:right; background-image:url(../images/index_icon04.png); background-repeat:no-repeat; line-height:30px; font-size:16px; color:#333333; padding-left:46px; margin-top:32px;}
.msg_btn span{ color:#777777; font-size:12px; display:block; line-height:1}