@charset "utf-8";







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



@charset "utf-8";



body, div, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, h1, h2, h3



{ margin: 0; padding: 0; font-size: 13px;_background-image:url(about:blank);_background-attachment:fixed;}



input, button, textarea,select, optgroup, option { font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit;}



ul, li, dl, dt, dd, ol { display: block; list-style: none; }



img{ border: 0;}



.clear { clear:both;}



a{text-decoration:none;outline:0;}



center{padding:20px 0;}



/* 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:#535353; overflow-x:hidden; max-width:1960px; margin:0 auto;}



.theme_color{background:#000;}



.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:1004px; margin:0 auto; position:relative;}



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



/*header*/



body{color:#515d6b;font-size:12px; overflow-x:hidden;background:#fff}



a{ color:#515d6b;}



.header{width:100%;min-width:1004px;height:67px;padding-top:17px; position:relative; z-index:9;background:#262626;}



.logo{ float:left;display:inline;}



.headerr{ float:right; width:366px;}



.tel{ float:right;width:380px;}



.tel span,.tel p{ width:348px;display:block; float:right; text-align:right;}



.tel span{background:url(../images/tel.gif) right center no-repeat; padding-right:30px; font:22px/26px 'Microsoft Yahei'; color:#ef6268;}



.tel p{ color:#fff;font:30px/40px 'Impact'; }



.notice{width:1920px; height:85px; background:#262626; position:relative; z-index:999; color:#fff;line-height:85px; margin: 0 auto;}



.notice b{ font-size:16px; float:left; font-family:'Microsoft Yahei'}



.notice marquee{ float:left; display:inline;margin-left:20px;width:400px; }



.search{position:relative;padding-top:27px;float:right; width:373px;z-index:9999;height:32px;line-height:32px;display:inline; }



.text{float:left;width:237px; padding-left:5px;color:#707070;height:30px;line-height:30px; border:1px solid #d4d4d4;}



.button{float:left;width:33px; margin-left:3px;height:32px; display:inline;background:url(../images/button.gif) center top no-repeat;}



.select{float:left;width:82px; margin-left:3px; display:inline;background:url(../images/select.gif) left top no-repeat; position:relative}



.select select{margin:5px auto;width:80px;}



div.selectbox-wrapper{border: #d4d4d4 1px solid; overflow:hidden;width:80px; *left:0;position: absolute;background: #fff;text-align:left;*margin-top:0;z-index:10;}



div.selectbox-wrapper ul li.selected {background:#efefef;}



div.selectbox-wrapper ul li.current {color: #fff;background:#9ba8b8}



div.selectbox-wrapper ul li {text-align:center;padding-right:3px;padding-bottom:3px;width:100%;cursor:pointer;line-height: 20px;padding-top: 3px;font-size:12px;color:#666;}



.selectbox{border:none;display:block;width:80px;text-indent:8px;cursor:pointer;background:none;font-size:12px;height:32px;line-height:32px;color:#707070;}



.menu{width:100%;height:61px; padding-top:24px;}



.menu ul{ width:1004px; margin:0 auto;}



.menu li{float:left; margin:0 16px; display:inline;}



.menu li a{ display:block;width:68px;line-height:38px;text-align:center;border-top:4px solid #fff; font-size:14px; color:#262626;font-family:'Microsoft Yahei';}



.menu a:hover,.menu li a.cur{ border-top:4px solid #ef6268 !important}



.banner{width:100%;text-align:center;z-index:1; overflow:hidden;  height:450px;position:relative;}



#ul01 {width:100%; float:left;text-align:center; display:inline;position:relative;height:450px;  overflow:hidden; }



#ul01 ul{ position:absolute;width:100%; left:0;}



#ul01 li{ float:left; width:100%; height:620px; overflow:hidden; }



.slider{width:1002px; margin:0 auto; z-index:999;position:relative;}



.slider a{ position:absolute; top:158px;display:inline-block;margin-left:10px;background:#f00;width:52px;height:95px; text-align:center; padding-top:35px;}



.slider .end img{



      filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter ….3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");



  -webkit-filter: grayscale(100%);



  -webkit-filter: grayscale(1);



  -moz-filter: grayscale(100%);



  -moz-filter: grayscale(1);



  filter: grayscale(100%);



  filter: gray;}



#left {left:-40px;}



#left,#right {right:-40px;background:url(../images/butbg.png) 0 no-repeat;}



.slider img{ vertical-align:middle;}



/*







#prev,#next{ display:block; float:right; width:38px; height:38px; overflow:hidden;cursor:pointer;margin-left:10px; }







.rollbut{ float:right; text-align:right; width:980px;padding-bottom:10px;}



.rollbut a{background:url(../images/arrowbg2.gif) top left no-repeat; text-align:center; line-height:38px; color:#fff; font-size:28px; font-family:'宋体';height:38px; width:38px; float:right; cursor:pointer; margin-left:10px; display:inline; }



.rollbut a:hover{background:url(../images/arrowbg2.gif) top right no-repeat}



#swap_pic { margin:0 auto;WIDTH: 980px;OVERFLOW: hidden;}



.box { position:relative; width:980px; float:left; height:410px; overflow:hidden;}



.pics { position:absolute; width:5000px; top:0;}



.pics li {width: 980px; float: left; height:410px; overflow: hidden}



.pics li a{ float:left; position:relative; width:245px; cursor:pointer;}



.pics a font{ display:none; position:absolute; width:100%; height:100%;background:url(../images/proico.png) center no-repeat #262626; filter:alpha(opacity=75);



    -moz-opacity:0.75;



    -khtml-opacity: 0.75;



    opacity: 0.75;}



.pics a:hover font{ display:block;}*/



/



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



.g_nav{height:61px; width:100%;background-color: #fff; position:relative; z-index:1;}



.g_nav01{width:1004px; margin:0 auto;}



.g_nav01 table tr td{text-align:center; height:55px; position:relative;/*border-right:1px solid #b9b9b9;*/}



.g_nav01 a{display:block; color:#000; font-size:16px;height: 60px;line-height: 60px; position:relative;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}



.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:54px; padding:5px 0 10px 0; background-color:#489539; opacity:0.95;}



.g_nav01 table tr td .nav_tan a{ width:90%; margin:0 auto; line-height:35px; height:35px; font-size:14px;}



/*********footer*********/



.footer{height:140px; width:100%; background-color:#000; border-top:1px solid #4f1c00; clear:both;}



.footer .lb{float:left; width:820px;}



.footer .nav_links{clear:both; padding-top:30px;}



.footer .nav_links a{float:left; line-height:12px; color:#8e502f;}



.footer .nav_links a+a{margin-left:12px;}



.footer .friend_links{clear:both; padding-top:20px;}



.footer .friend_links a, .footer .friend_links span{float:left; line-height:12px; color:#8e502f;}



.footer .friend_links a+a{margin-left:12px;}



.footer .info_b{clear:both; line-height:12px; color:#8e502f; padding-top:20px;}



.footer .info_b span{float:left;}



.footer .info_b span+span{margin-left:40px;}



.footer .info_b a{color:#8e502f;}



.footer a:hover{color:#fff;}



.footer .rb{float:right; width:170px; padding-top:30px;}



.footer .map_link{line-height:24px; color:#8e502f; display:block; background-image:url(../images/index_icon1.png); background-repeat:no-repeat; padding-left:34px;}



.footer .share_b{clear:both; padding-top:24px;}







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



.search01{ width:470px; height:32px;background-color: #fff;float: left;margin-top: 30px;margin-left: 20px;}



.search02{ height:40px;float:left;margin-top: -25px}



.search02 input.search03{ width:330px; font-size:20x; color:#000; font-family:'微软雅黑'; height:41px; line-height:28px;  border:none; border:0; padding-left:8px; background:none;outline: none;margin-top: -20px;}



.search01 input.search04{ float:right; width:33px; font-size:20px; color:#000; font-family:'微软雅黑'; height:41px;border:none; border:0; background: url(../images/button.gif) no-repeat center center;  cursor:pointer;margin-top: -5px;}















.search05{ float:left; width:90px;margin-top: -20px;text-align: center;}



.jslct {color:#000;font-family:"微软雅黑";display:inline-block;*display:inline;zoom:1;font-size:16px;position:relative;vertical-align:middle;cursor:default; width:60px;height:41px; line-height:41px;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;margin-top: -7px;}



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







.jslct dl {background:#f16564;position:absolute;top:28px;left:0px;cursor:default; width:60px; overflow:hidden;z-index:1;display:none; font-size:12px;}



.jslct_hover dl {}



.jslct dl dd { text-align:center;line-height:30px; white-space:nowrap;cursor:pointer;background:#;-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:#ffc11a; line-height:30px; height: 30px;}



.jslct dl dd.hover {color:#ffc11a;line-height:30px; }



.jslct .jslcted {}



.jslct dl dd.noborder {}







.case{overflow:hidden; position:relative;width:100%;height:416px;background:#262626; padding-top:50px;}



.case li{ position: absolute;width:980px; left:0;display:inline;}



.view-port {overflow: hidden;position: relative; width:980px;}



.track a.prev,.track a.next { display:none;}



.track a.prev.disabled,.track a.next.disabled { display: none;}



.slider-container {position: relative;height:350px;}



.bullet-pagination {width: 100%;text-align: center;height: 100px;}



.bullet {display: inline-block;width:10px; border:2px solid #c0c0c0; height:10px;border-radius:10px;margin-right: 5px;}



.bullet.active { border:2px solid #ed6463;}







.bullet-pagination .first{width: 10px;height: 10px;border:1px #fff solid;border-radius: 80%;}