/* 样式初始化
--------------------------------------------------*/
html{height:100%;}
body{margin:0;font-family:'微软雅黑'; overflow-y:auto; line-height:22px;}
nav, footeraa, section, header, article{display:block;}
h1, h2, h3, h4, h5, h6, hr, p,blockquote,dl, dt, dd, ul, ol, li,pre,form, fieldset, legend, button, textarea,img{list-style:none;padding:0;margin:0;}
img{display:block;margin:0px;padding:0px;border:none;}
a{color:#000;text-decoration:none;}
a:link {-webkit-tap-highlight-color:rgba(0,0,0,0);/*禁止链接高亮*/-webkit-touch-callout:none;/*禁止链接长按弹出选项菜单*/}
input, textarea {-moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px;}
a , input:focus , textarea:focus, select:focus , label:focus , option:focus{outline:none;}
.clear{clear:both;height:0;font-size:1px;line-height:0px;}
.fl{float:left;} .fr{float:right;}
.img_r img{float:right;} .img_l img{float:left;}

.f1{font-size:20px; color:#f80001;}

*{-webkit-tap-highlight-color:transparent;-webkit-appearance: none;}  
/* 主体结构
--------------------------------------------------*/


/*布局*/

.main{width:96%; margin:20px auto;}
.boxw{background:#fff;}

#header{width:100%; display:block; height:70px; position:fixed; background:#efefef; top:0; z-index:999; border-bottom:1px solid #e6e6e6;}
#header .right,.header .right{position:absolute; right:10px; top:0;}
#header span img{width:250px;padding:10px 0 0 2%;}
#header img.logo,.header img.logo{width:100%;}

.top_nav{display:block;color:#fff;font-size:0.9rem; background:#f80001; margin:10px auto 0;}
.top_nav1{height:40px; display:block; background:#f80001; line-height:40px; color:#fff; position:relative;font-size:0.9rem; margin-top:70px;}
.home_nav li{width:33.333%; border-left:1px solid #c50100; margin-left:-1px; float:left; text-align:center; font-size:16px;}
.home_nav li a{display:block;color:#fff;background:#f80001; border-bottom:1px solid #c50100;height:40px;line-height:40px;}
.home_nav li a:hover{background:#e9b800; display:block}
.sub_title{text-align:center;font-size:18px; color:#fff; background:#f80001; margin:0 50px;} 
.sub_back{width:50px;height:40px;text-indent:-900em;overflow:hidden;background:#f80001 url(../images/menu_back.png) center no-repeat;position:absolute;top:0;left:0;cursor:pointer;outline:none;background-size:auto 50%;overflow:hidden;z-index:99;}
.sub_back a{display:block;}

/*--------------------------------------------------*/
.banner{display:none; position:relative;width:100%; margin-top:70px; -ms-touch-action:pan-y;line-height:0;z-index:0;}
.item img{width:100%; display:block;}
.owl-wrapper-outer{overflow:hidden;position:relative;width:100%;}
.owl-item{float:left;}
.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor:pointer;}
.banner .owl-wrapper,.banner .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);}
.owl-theme .owl-controls{text-align:center;height:auto;width:100%;z-index:10;}
.owl-theme .owl-controls .owl-buttons div{color:#FFF;display:inline-block;zoom:1;*display:inline;margin:5px; wbackground:#666;filter:Alpha(Opacity=50);opacity:0.5;z-index:999;}
.owl-theme .owl-controls .owl-pagination{position:absolute;bottom:1rem;width:100%;}
.owl-prev , .owl-next{position:absolute;}
.owl-prev{left:0%;}
.owl-next{right:0%;}
.owl-controls .owl-page{display:inline-block;margin:0;padding:0;line-height:0;zoom:1;*display:inline;}
.owl-controls .owl-page span{display:block;margin:0;padding:0;line-height:0;width:30px;height:2px;margin:0 0.2em;filter:Alpha(Opacity=70);opacity:0.7;background:#fff;}
.owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{filter:Alpha(Opacity=100);opacity:1;z-index:999;position:relative;background:#f80001;}
/*--------------------------------------------------*/

.home_main{position:relative;}
.pro_menu{position:absolute;top:0;right:0px;width:40px;height:34px;background:url(../images/nav.png) right center no-repeat;background-size:auto 90%;cursor:pointer;}
.search{height:34px;margin-right:40px;position:relative;}
.search .search_text{height:30px;border:1px solid #ddd;border-right:none;width:100%;text-indent:8px;vertical-align:middle;font-weight:normal;font-size:12px;-webkit-appearance:none;}
.search a.search_btn{position:absolute;top:0;right:-40px;height:34px;line-height:34px;width:60px;background:#f80001;color:#fff;text-align:center; font-size:14px;}

.title_box{width:100%; margin:20px auto 0; background:#eee url(../images/ico_ar.png) 20px no-repeat; padding:0 20px 0 50px; line-height:50px; box-sizing:border-box;}
.title_box span{float:right; font-size:12px;} .title_box span a,.gjc a{color:#787876;} .title_box span a:hover,.gjc a:hover{color:#ff7e00;}
.title_box em{font-style:normal;font-size:1.4rem;color:#f80001;}

.gjc{width:100%; line-height:24px; font-size:12px; padding-bottom:10px; color:#787876;}
.gjc span{font-size:14px;color:#f80001;}

.footer{width:98%; margin:40px auto 0; background:#eee; padding:2% 1%;}

.main_sbzs_img{width:100%; float:left;}
.main_sbzs_img li{width:200px; float:left; overflow:hidden; margin:10px 10px 0 0;}
.main_sbzs_img li .pic{width:200px; height:156px; float:left; text-align:center;}
.main_sbzs_img li .pic img{width:100%; display:block; border:1px solid #e6e6e6; box-sizing:border-box;}
.main_sbzs_img li .wz{width:200px;float:left; text-align:center; line-height:30px; font-size:14px;}

.pro_box li{width:50%;float:left;text-align:center;font-size:0.8rem; margin-top:10px;}
.pro_box li span{display:block;overflow:hidden;}
.pro_box li a{padding:0.3rem;display:block;overflow:hidden;}
.pro_img img{width:100%;border:0.3rem solid #eee;box-sizing:border-box;}
.pro_title{margin-top:0.3rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}

.main_about_txt{width:100%;float:left; margin-top:10px; border-bottom:1px solid #e6e6e6; padding-bottom:15px;}
.main_about_txt strong{font-size:14px; color:#f80001;}
.about_box p{font-size:12px; color:#666; line-height:24px;}
.about_img{width:50%; float:left; padding:10px 10px 0 0;}
.about_img img{width:100%; display:block;}
.about_box a.about_btn{text-align:center;color:#f80001;display:block; font-size:14px;}

.about_slide{width:100%; margin:20px 0; float:left; font-size:12px;}
.about_slide .item{margin:0 0.3rem; text-align:center; line-height:24px; margin-bottom:10px;}
.about_slide .owl-buttons{display:none;}
.about_slide .owl-controls .owl-page span{width:1em;height:0.3em;background:#999;display:none;}
.about_slide .owl-controls .owl-page.active span, .about_slide .owl-theme .owl-controls.clickable .owl-page:hover span{filter:Alpha(Opacity=100);opacity:1;z-index:999;position:relative;background:#333;}

.main_news_text{width:100%; margin-top:10px;}
.main_news_text li{width:97%; float:left; line-height:35px; background:url(../images/biao.jpg) left no-repeat; padding-left:3%; font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; border-bottom:1px dashed #e6e6e6;}
.main_news_text li span{color:#787876;float:right;}

.client_box li{width:50%;float:left;}
.client_box li span{display:block;}
.client_box li a{margin:0.6rem;padding:0.6rem;background:#f4f4f4;display:block;overflow:hidden;}
.clients_img img{width:100%;}
.client_title{font-size:0.9rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;line-height:2em;}
.client_text{font-size:0.7rem;color:#666;height:5.9em;overflow:hidden;line-height:1.2em;}

.partner_slide{display:none; position:relative; width:100%;  padding:0 0 20px 0; margin:10px 0;font-size:0.8rem;}
.partner_slide .item{margin-right:10px; text-align:center;}
.partner_slide .owl-controls,.partner_slide .owl-buttons,.partner_slide .owl-controls .owl-pagination{bottom:0;}
.partner_slide .owl-controls .owl-page span{width:2em; height:0.2em; background:#999; border-radius:0;}
.partner_slide .owl-controls .owl-page.active span, .about_slide .owl-theme .owl-controls.clickable .owl-page:hover span{filter:Alpha(Opacity=100);opacity:1;z-index:999;position:relative;background:#f80001;}

.copy_box{width:95%; margin:auto; padding:10px 0; word-wrap:break-word; font-size:12px;}
.copy_box_txt{width:100%; margin:auto; text-align:center; line-height:24px;}

.foot_nav{height:45px;}
.bottomToolbar{width:100%; font-size:1em; position:fixed; display:block; margin:0; padding:0; bottom:0; left:0; text-align:center; z-index:999; background:#333;}
.bottomToolbar li{-moz-box-flex:1.0;-webkit-box-flex:1.0;box-flex:1.0;width:20%;float:left;position:relative;text-align:center; box-sizing:border-box; border-right:1px solid #444;}
.bottomToolbar li img{text-align:center;margin:0 auto;width:auto;height:23px;}
.bottomToolbar li a {padding:5px 0 2px 0;margin-right: 1px;display:block;font-size:20px;text-align:center;color:#FFF;text-decoration:none;}
.bottomToolbar li a:hover , .bottomToolbar li.over{background-color:#f80001;color:#fff;}
.bottomToolbar li em{text-align:center;margin:0 auto;color:#fff;font-size:0.8rem;display:block;font-style:normal;}
.bottomToolbar li a:hover em{color:#fff;}

.bottomToolbar li.mainMenuButton ul{display:none; position:fixed; bottom:50px; left:0; z-index:999; width:100%; background:#f5f5f5;}
.bottomToolbar li.mainMenuButton li{width:25%;padding:5% 0;float:left;display:block;text-align:center; border-right:0;}
.bottomToolbar li.mainMenuButton li a{font-size:1em;}
.bottomToolbar li.mainMenuButton li a:hover{background:none;}
.nobg{background:none;}
.bottomToolbar li.mainMenuButton .sub_title{position:relative;margin:0;padding:10px 0;}
.bottomToolbar li.mainMenuButton li img{width:60%;max-width:80px;height:auto;}
.bottomToolbar li.mainMenuButton li span{line-height:2em; color:#000;}

/*首页代码 End*/

.sub_nav{width:100%; border-bottom:1px solid #e6e6e6; padding-bottom:15px;}
.sub_nav li{width:32%;float:left; font-size:14px; margin:1% 2% 1% 0; box-sizing:border-box;}
.sub_nav li a{border:1px solid #ddd; display:block; text-align:center; line-height:2.6em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.sub_nav li:nth-child(3n){margin-right:0;}
.sub_nav li a.on , .sub_nav li a:hover{background:#f80001;border:1px solid #f80001;color:#fff;}

#content{width:100%;margin:auto;}
.wxlist{width:100%; margin:20px auto 0; background:#fff; overflow:hidden;}
.wxlist img,.wxlist1 img{width:100%; display:block;}
.wxlist p{font-size:14px; line-height:30px;}
.wxlist strong{font-size:18px; font-weight:bold; color:#f80001;}

.news_r_text{width:100%;background:#fff; padding-bottom:3%;}
.news_r_text ul li{width:100%;border-bottom:1px solid #e6e6e6; padding-bottom:20px;}
.news_r_text ul li:nth-child(5n){border-bottom:none; padding-bottom:inherit;}
.news_r_text ul li .pic{width:100%;} 
.news_r_text ul li .pic img{width:100%; display:block;}
.news_r_text ul li .text{width:100%;}
.news_r_text ul li .text .titnr{width:100%; margin-top:10px;}
.news_r_text ul li .text .tit a{font-size:15px; font-weight:bold; color:#f80001;} 
.news_r_text ul li .text .tit a:hover{color:#000;}
.news_r_text ul li .text .time{width:100%; font-size:12px; color:#787876;}
.news_r_text ul li .text .wz{width:100%; margin-top:10px; line-height:24px; font-size:12px; color:#787876;}

.new-view-title{text-align:center; border-bottom:1px solid #e6e6e6; line-height:30px; padding:15px 0; font-size:14px;}
.new-view-title .line{padding:0 10px; color:#d6d6d6;}
.color-blue{color:#666;}
.new-view-title h3{line-height:24px; font-size:16px; font-weight:bold; color:#f80001;}

.newsmore_text{width:100%;float:left; margin-top:30px; line-height:30px; font-size:14px;}
.newsmore_text img{width:100%; display:block;}

.view-page{width:100%; float:left; position:relative; margin-top:20px;}
.view-page .prev,.view-page .back,.view-page .next{font-size:14px; width:100%; float:left; height:38px; border:solid 1px #e5e5e5; line-height:38px; position:static;transition:background-color .25s ease-in-out;-moz-transition:background-color .25s ease-in-out;-webkit-transition:background-color .25s ease-in-out; margin-top:10px; text-align:center; box-sizing:border-box;}
.view-page .prev{left:0;}
.view-page .prev a,.view-page .next a{text-align:center;}
.view-page a{display:block;} 
.view-page .back{left:50%; width:100%; border:none !important;}
.view-page .next{right:0;}
.view-page .prev:hover a{color:#fff; background:#f80001;}
.view-page .next:hover a{color:#fff; background:#f80001;}
.view-page .back a{background:#f80001;color:#fff; text-align:center;}
.view-page .back a:hover{background:#f80001; color:#fff;}

.faq_text{width:100%; max-width:1400px; float:left;}
.faq_text ul li{width:100%; border-bottom:1px solid #e6e6e6; padding-bottom:20px; margin-bottom:20px;}
.faq_text ul li:last-of-type{border-bottom:none;}
.faq_text ul li a{display:block;}
.faq_text ul li a i{width:30px; height:30px; display:inline-block; float:left; color:#fff; background:#f80001; text-align:center; margin-right:10px; font-style:normal; line-height:30px; font-size:14px; border-radius:5px;}
.faq_text ul li a p{color:#f80001; line-height:30px;padding-bottom:15px; font-size:14px;}
.faq_text ul li a span{display:block; line-height:24px; font-size:12px;}
.faq_text ul li a span i{background:#333; color:#fff;}
.faq_text ul li a:hover span{color:#666;}

.newsmore_list{width:100%;float:left; margin-top:20px;}
.newsmore_list_tit{width:100%; height:38px; background-color:#f80001; color:#fff; padding:0 20px; line-height:38px;font-size:16px; border:1px solid #e6e6e6; box-sizing:border-box;}
.newsmore_list_text{width:100%;float:left; border:1px solid #e6e6e6; border-top:none; padding:10px; background:#fff; box-sizing:border-box;}
.newsmore_list_text ul li{background:url(../images/biao.jpg) left no-repeat; padding-left:15px; line-height:30px; float:left; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;display:inline; border-bottom:1px dashed #e6e6e6; font-size:12px; box-sizing:border-box;}
.newsmore_list_text ul li span{float:right; color:#aaa;}

/*新闻动态代码 End*/


/*pages*/
.Pages{width:100%;float:left; line-height:32px; zoom:1; overflow:hidden; text-align:center; border-top:1px solid #e6e6e6; padding-top:20px; margin-top:20px; font-size:14px;}
.Pages span{padding:0px 3px; display:inline-block;}
.Pages a{display:inline-block; margin:0px 2px; height:32px; }
.Pages .p_page em{font-style:normal; font-family:Arial;}
.Pages .p_page em a{padding:0px 10px; border:solid 1px #e1e1e1;}
.Pages .p_page em a.a_cur{color:#f80001; border:0; border-top:solid 1px #f80001; border-bottom:solid 1px #f80001;}
.Pages .a_prev{width:32px; background:url(../images/bg_prev.jpg) no-repeat;}
.Pages .a_next{width:32px; background:url(../images/bg_next.jpg) no-repeat;}


.ny_main{width:100%;margin:20px auto 0; overflow:hidden;}

.pro_img2{width:100%; float:left;}
.pro_img2 li{width:48%; float:left; margin:0 3% 25px 0; background:#fff; border:1px solid #e6e6e6; padding-bottom:10px;box-sizing:border-box;}
.pro_img2 li:nth-child(2n){margin-right:0;}
.pro_img2 li .pic{width:100%; float:left; padding:5px; box-sizing:border-box;}
.pro_img2 li .pic img{width:100%; display:block;}
.pro_img2 li .txt{width:100%; float:left; text-align:center; font-size:14px; border-top:1px solid #e6e6e6; padding:10px 10px 0 10px; box-sizing:border-box;}
.pro_img2 li:hover{box-shadow:0 1px 10px #999; -webkit-box-shadow:0 1px 10px #999;}
.pro_img2 li:hover img{opacity:0.9;}


.products{width:100%;float:left;}
.promore_l{width:100%;float:left;}
.sp-wrap{display:none; position:relative; float:left;width:100%;}
.sp-thumbs{text-align:left;display:inline-block; margin-top:10px;}
.sp-thumbs img{width:100%; display:block;}
.sp-thumbs a:link, .sp-thumbs a:visited {width:50px;height:41px;overflow: hidden;opacity: .3;display: inline-block;background-size: cover;background-position: center;-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-ms-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out; margin-right:5px; border:1px solid #e6e6e6;}
.sp-thumbs a:hover{opacity:1;}
.sp-thumbs a:active, .sp-current{opacity:1!important;position:relative;}

.sp-large{position:relative; overflow:hidden; top:0; left:0; height:100% !important;}
.sp-large a img{width:100%; display:block;}
.sp-large a{display:block;}

/*放大镜代码 End*/

.pros_right{width:100%; float:left; margin-top:30px; overflow:hidden;}
.pros_right_top{overflow:hidden; padding-bottom:20px; border-bottom:1px dashed #e6e6e6; line-height:24px !important;}
.pros_right_top strong{overflow:hidden;display: inline-block; font-size:20px !important; color:#f80001; }
.pros_right_top p{font-size:16px; color:#787876;}

.proleft{width:100%;float:left; font-size:14px; line-height:30px; margin-top:20px;}

.proleft_btn{width:100%; float:left; margin-top:30px;}
.proleft_btn li{width:150px; float:left; margin-right:10px;}
.proleft_btn li a{width:150px; height:40px; float:left; line-height:40px; text-align:center; font-size:16px; background:#eee; display:block;}
.proleft_btn li span{float:left; padding-right:20px;}
.proleft_btn li a:hover,.proleft_btn li a.on{background:#f80001; color:#fff;}


.tabs-basic{width:100%; margin-top:20px; float:left;}
/* The tabs */
.tabs-basic ul{list-style:none; text-align:left; margin:0; padding:0; border-bottom:1px solid #e6e6e6;}
.tabs-basic ul li{display:inline-block; margin-bottom:-1px; font-size:18px; text-transform:uppercase;}
.tabs-basic a{display:block; text-decoration:none; background:#fff; padding:10px 30px; border:1px solid #d6d6d6; border-bottom:noen;}
.tabs-basic .tab-active{border-bottom:2px solid #f80001; color:#f80001;}
/* The content */
.tabs-basic .tabs-content-placeholder{overflow:hidden; margin:auto; background:#fff;}
.tabs-basic .tabs-content-placeholder div{display:none;}
.tabs-basic .tabs-content-placeholder div.tab-content-active{display:block; line-height:30px; font-size:14px;}
.tabs-basic .tabs-content-placeholder div.tab-content-active table{border:1px solid #d6d6d6; line-height:24px; text-align:center;}
.tabs-basic .tabs-content-placeholder div.tab-content-active table tr{padding-left:20px;}
.tabs-basic .tabs-content-placeholder div p{line-height:30px; text-align:left; margin-top:20px;}
.tabs-basic .tabs-content-placeholder div img{max-width:100%;}

.hot_pro2{width:100%; float:left; margin-top:50px;}
.hot_pro2_tit{width:100%; height:40px; background-color:#eee; color:#f80001; line-height:40px; font-size:16px; padding:0 20px; font-weight:bold; box-sizing:border-box;}

.scrollleft2{width:100%; float:left; margin-top:30px;}
.scrollleft2 li{width:220px; overflow:hidden; float:left; margin-right:20px;}
.scrollleft2 li img{width:220px; height:180px; border:1px solid #e6e6e6; box-sizing:border-box;}
.scrollleft2 li img:hover{border:1px solid #f80001;}
.scrollleft2 li span{display:block; width:220px; line-height:30px; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center;float:left;}

/** 产品中心代码 End **/


.content_box{margin-top:0px;}
.content_box .messages_box{width:auto;padding:1px 1% 30px 1%;}
.content_box .messages_box ul{width:100%;} 
.content_box .messages_box ul li{padding:5px 28px 5px 5px;}
.content_box .messages_box .text-input,.content_box .messages_box .summary-input,.content_box .messages_box .qq-input{width:100%;height:33px;padding:0px 10px;line-height:normal;background:none repeat scroll 0% 0% rgb(253, 253, 253);border-width:1px;border-style:solid;border-color:rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201);box-shadow:1px 2px 3px rgb(183, 183, 183) inset !important;font-size:14px;}
.content_box .messages_box .cont-input{width:100%;height:130px;padding:10px;line-height:20px;background:none repeat scroll 0% 0% rgb(253, 253, 253);border-width:1px;border-style:solid;border-color:rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201);box-shadow:1px 2px 3px rgb(183, 183, 183) inset !important;font-size:14px;}
.content_box .messages_box .code-input{width:125px;vertical-align:middle;height:33px;padding:0px 10px;line-height:normal;background:none repeat scroll 0% 0% rgb(253, 253, 253);border-width:1px;border-style:solid;border-color:rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201);box-shadow:1px 2px 3px rgb(183, 183, 183) inset !important;}
.content_box .messages_box .verify-pic{height:35px;vertical-align:middle;}
.content_box .messages_box .submitBtn{text-align:center;padding-top:10px;}
.content_box .messages_box .messages-button{width:125px;height:34px;line-height:34px;font-size:16px;color:#fff;text-align:center;background:none repeat scroll 0% 0% #f80001;border:none;}

/** 在线留言代码 End **/


.slide_join{width:100%; float:left; margin-top:10px;}
.slide_join h3{float:left;width:100%; height:45px; padding:0 2%; box-sizing:border-box; font-weight:normal; background-color:#eee; margin-bottom:20px; cursor:pointer;}
.slide_join h3.on{background-color:#f80001;}
.slide_join h3 span{float:left; width:80%; height:45px; color:#000; font-size:14px; line-height:45px; overflow: hidden; text-overflow:ellipsis;}
.slide_join h3.on span{color:#fff;}
.slide_join h3 em{float:right; width:30px;height:30px; margin:8px 0 0 0; background:url(../images/join_img9.png) no-repeat;}
.slide_join h3.on em{background:url(../images/join_img10.png) no-repeat;}
.slide_join ul{float:left; width:100%; background-color:#fff; padding-bottom:20px;}
.slide_join ul .join_show{float:left; width:100%; color:#787876; font-size:14px; line-height:28px;}


/** 人才招聘代码 End **/


.map_ul{width:100%;display:block;}
.map_ul li{display:block; width:100%; padding-bottom:20px; margin:10px 10px 0 0; display:inline; border-bottom:1px solid #e6e6e6;float:left;}
.map_ul li a{font-size:16px; float:left; width:100%;line-height:24px;color:#f80001;}
.map_ul .list-inline{display: block; width:100%; min-height:30px;}
.map_ul .list-inline li{height:32px; line-height:32px; border-bottom:0; text-align:center; border:1px solid #dcdcdc; width:auto; padding:0px;}
.map_ul .list-inline li a{font-weight:normal; display:block; line-height:32px; display:inline-block; width:auto; padding:0 10px; font-size:14px; color:#787876;}
.map_ul .list-inline li a:hover{background:#f80001; color:#fff;}
.map_ul .list-inline li:hover{border:1px solid #f80001;}


/**网站地图代码 End**/


.dh{position:fixed; right:0; top:0; width:100%; height:100%; text-align:center; padding-top:80px; background:#fff; z-index:1; transform:translateX(100%); transition:0.3s; box-shadow:0 0 5px #CCC; z-index:999;}
.dh ul li a{display:block; line-height:50px; font-size:16px; color:#000; border-bottom:1px solid #eee;}
.dh ul li a:hover,.dh ul li a.on{background:#f80001; color:#fff;}
.dhan{position:absolute;right:1%;top:15px;cursor:pointer; background:url(../images/dh.png) center no-repeat; width:41px; height:42px;}
.dhan div{width:30px;height:2px;background:#f80001;border-radius:2px; transition:0.5s; display:none;}
.dhan.hover{background:none;top:27px;}
.dhan.hover div{display:block;}
.dhan div.dhan_1{animation:dhan_11 0.4s forwards}
.dhan div.dhan_2{animation:dhan_22 0.3s forwards}
.dhan div.dhan_2{margin:5px 0}
.dhan div.dhan_3{animation:dhan_33 0.4s forwards}
.dhan.hover div.dhan_1{animation:dhan_1 0.4s forwards}
.dhan.hover div.dhan_2{animation:dhan_2 0.3s forwards} 
.dhan.hover div.dhan_3{animation:dhan_3 0.4s forwards}
@keyframes dhan_11{
	from{transform:translate(0px,7px)rotate(45deg);opacity:1}
	50%{transform:translate(-60px,-60px)rotate(45deg);opacity:0}
	51%{transform:translate(-60px,0px)rotate(0deg);opacity:0}
	to{transform:translate(0px,0px)rotate(0deg);opacity:1}
}
@keyframes dhan_1{
	from{transform:translate(0px,0px)rotate(0deg);opacity:1}
	50%{transform:translate(-60px,0px)rotate(0deg);opacity:0}
	51%{transform:translate(-60px,-60px)rotate(45deg);opacity:0}
	to{transform:translate(0px,7px)rotate(45deg);opacity:1}
}
@keyframes dhan_22{from{transform:scaleX(0);display:none}to{transform:scaleX(1);display:block}}
@keyframes dhan_2{from{transform:scaleX(1)}to{transform:scaleX(0);display:none}}
@keyframes dhan_33{
	from{transform:translate(0px,-7px)rotate(-45deg);opacity:1}
	50%{transform:translate(60px,-60px)rotate(-45deg);opacity:0}
	51%{transform:translate(60px,0px)rotate(0deg);opacity:0}
	to{transform:translate(0px,0px)rotate(0deg);opacity:1}
	}
@keyframes dhan_3{
	from{transform:translate(0px,0px)rotate(0deg);opacity:1}
	50%{transform:translate(60px,0px)rotate(0deg);opacity:0}
	51%{transform:translate(60px,-60px)rotate(-45deg);opacity:0}
	to{transform:translate(0px,-7px)rotate(-45deg);opacity:1}
	}
.dhov{ transform:translateX(0%) !important;}
.fangF { overflow: hidden; clear: both; text-align: center; padding: 20px 0 0; }
.fangF a, .fangF span { display: inline-block; margin: 0 10px; font-size: 14px; }
.fangF .previous { background: url(../images/fangPrev.jpg); width: 12px; height: 12px; }
.fangF .next { background: url(../images/fangNext.jpg); width: 12px; height: 12px; }
.fangF a.fCurrent { font-weight: bold; }