@charset "utf-8";
*{margin: 0px;padding: 0px;font-family:"微软雅黑";}
body{background-color:#fafafa;}
table,td,tr,ul,ol,li,dl,dd,dt,p,input,form,em,p,img,h1,h2,h3,h4,h5{margin:0px;padding:0px;}
ul,li{list-style:none;}
.cursor{cursor:pointer;}
.clear{font-size:0;line-height:0;height:0;clear:both;visibility:hidden;overflow:hidden}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.l{float:left;}
.r{float:right;}
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
img {border:0;}
a{text-decoration:none;color:#686868;}
a:hover{text-decoration:none;color:#f3782a;}

/*PC端导航菜单*/
.top-blank{height:125px;overflow:hidden;background:none;}
.top-head{height:132px;position:fixed;top:0;width:100%;z-index:1000;background:none;}

.top01{width:100%;height:40px;line-height:40px;background:#fff; font-size:12px; color:#666; border-bottom:1px solid #f9f9f9; color:#666;overflow:hidden;}
.top01_center{text-align:left;float:right;}
.top01_center img{float:left;margin-top:3px;}
.top02{height:95px;width:100%; background-color:#fff;box-shadow:1px 1px 1px rgba(0,0,0,.1);}
.logo{width:365px;float:left;padding-top:20px;}
.nav{width:714px;float:right;}
.nav ul{width:714px;}
.nav li{width:100px; float:left; margin-left:2px; text-align:center;}
.nav a{width:100px;height:43px;padding-top:50px;display:inline-block; font-size:16px; font-weight:bold;}
.nav a:hover,.nav a.cur{border-bottom:2px solid #f3782a;color:#f3782a;}
.nav .sub a{border-bottom:0px; font-weight:normal;}
.nav .sub{display:none;width:100%;padding:0;position:absolute;top:136px;overflow:hidden;text-align:left;z-index:110;left:0px;background:#fafafa;}
.nav .sub .nav_xiao{width:1200px;overflow:hidden;padding-top:5px;margin:0 auto;padding-bottom:20px;}

.nav .sub .nav_xiao .xiao_three{width:1200px;float:right;overflow:hidden;}
.nav .sub .nav_xiao .xiao_three ul{width:100%;}
.nav .sub .nav_xiao .xiao_three ul li{float:right;display:inline;width:160px;height:140px;overflow:hidden;margin-left:20px;text-align:center;position:inherit;line-height:40px;}
.nav .sub .nav_xiao .xiao_three ul li img{width:160px;height:90px;display:block; border-radius:4px;}
.nav .sub .nav_xiao .xiao_three ul li a{color:#686868;width:100%;font-size:14px;height:100%;padding-top:10px;}
.nav .sub .nav_xiao .xiao_three ul li a:hover{color:#f3782a;}
.nav .sub .nav_xiao .xiao_three ul li:hover img{opacity: 0.8;filter: alpha(opacity=80);}

/*轮播图*/
.lubo{ width: 100%; min-width:1200px;clear: both; position: relative; height:600px; z-index:1;}
.lubo_box{ position: relative; width: 100%; height:600px; }
.lubo_box li{ float: left;position: absolute; top: 0; left: 0; width: 100%; height:600px; opacity: 0;filter:alpha(opacity=0);}
.lubo_box li a{ display: block;width: 100%;  height: 100%;}
.lubo_box li img{ width: 100%; height: 600px;}
.cir_box{ overflow: hidden; position: absolute; z-index: 3; top:530px;}
.cir_box li{ float: left; width: 10px; height:10px; margin:0 6px; cursor: pointer; border:1px solid #fff; border-radius:100%;}
.cir_on{ background:#0E8E87 !important;}
.lubo_btn{ position: absolute; width: 100%; top: 300px;}
.left_btn, .right_btn{ width: 30px; height: 80px;  cursor: pointer; color: #fff; line-height: 80px; font-size: 30px; text-align: center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.left_btn{ float: left;background: url(../images/left.png) no-repeat center center; margin-left:60px;}
.right_btn{ float: right;background: url(../images/right.png) no-repeat center center;margin-right:60px;}

.swiper-pagination a{ background-color:#000;}

.wap-focus{width:100%; height:31vm;}
.wap-focus .swiper-container{width:100%; height:31vw;}
.wap-focus .swiper-container .swiper-slide{text-align:center; font-size:15px;display:-webkit-box; float:left; display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.wap-focus .swiper-container .swiper-slide a img{ width:100%;}

.index_body{ width:1200px; height:244px; margin:20px auto; margin-top:-50px; position:relative; z-index:2;}
.showvideo{ width:400px; height:244px; float:left; margin-left:20px;margin-right:20px; position:relative;}
.showvideo img{width:400px; height:244px;}
.showvideo a{ position:absolute; background:url(../images/v_link.png) no-repeat; width:72px; height:72px; left:164px; top:86px; display:inline-block; }
.showvideo a:hover{ background:url(../images/v_link_hover.png) no-repeat; -webkit-animation:videorun 0.3s ease-in-out 0s 2 normal; -moz-animation:videorun 0.3s ease-in-out 0s 2 normal;}

#showdiv{ display:none;position:fixed;_position:absolute;z-index:999999;left:0;top:0;text-align:center;width:100%;height:100%;}
.showdivbg{ width:100%;height:100%; background: rgba(0,0,0,0.6);}
.showlayer{ width:800px;height:410px; border-radius:6px; overflow:hidden; background-color:#000; position:absolute;top:50%;left:50%; z-index:10;margin:-205px 0 0 -400px; border:1px solid #222;}
.showlayer .close{position:absolute;width:0;height:0;padding:25px 0 0 25px;overflow:hidden;right:0px;top:0px;z-index:50; background:url(../images/close.png) no-repeat;_background:url(../images/close.gif) no-repeat;}
.showlayer .close:hover{opacity:0.7; filter:alpha(Opacity=70);}

.index_news{ width:380px; height:244px; background-color:#fff;float:left; overflow:hidden;}
.tabPanel{ width:350px; height:214px; float:left; position:relative; padding:10px 15px; border-top:3px solid #C6AC94;}
.tabPanel .tabnav{height:37px; width:350px; position:absolute; border-bottom:1px solid #eee;}
.tabPanel .tabnav div{float:left;color:#333; height:36px; line-height:36px; width:80px; margin-right:20px; text-align:center;cursor: pointer;font-size:15px;}
.tabPanel .tabnav div.hit{ border-bottom:2px solid #F59558;}
.tabPanel .tabnav div.hit a{ color:#000; font-weight:bold;}
.tabpanes{width:350px; height:140px; position:absolute; top:60px; font-size:13px; line-height:1.8; color:#555;}
.tabpanes img{ width:160px; float:left; margin-right:15px; border-radius:4px;}
.tabpanes .pane{height:160px;display:none; overflow:hidden;}
.tabpanes .pane li{ float:left; width:350px; height:32px; text-indent:1.5em; line-height:32px;background:url(../images/newsprev.png) left center no-repeat; font-size:14px; color:#555; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:left;}
.tabpanes .pane li a{ font-size:14px; color:#333; text-indent:0em;}
.tabpanes .pane li a:hover{ color:#f3782a;}
.tabpanes .pane li span{ float:right;}

.wap-video{ margin:10px; border-radius:4px; overflow:hidden;}

.wap-news{ margin:10px; background-color:#fff; padding:0px 15px 15px 15px; border-radius:4px; text-align:left; font-size:14px; line-height:1.8; color:#555;}
.wap-news-title{ width:100%; height:60px; line-height:60px;  text-align:center;}
.wap-news-title a{font-size:18px; color:#000;}
.wap-news img{ width:100%;border-radius:4px; margin-bottom:10px;}
.wap-news ul{ width:100%;}
.wap-news ul li{ width:100%; height:30px;line-height:30px; font-size:14px; color:#555; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:left;}
.wap-news ul li a{ font-size:15px; color:#666;}

.pc-product{ width:1160px; height:260px; margin:20px auto; padding:20px; background-color:#fff;}
.pc-product .swiper-container{width:1160px;height:260px;}
.pc-product .swiper-container .swiper-wrapper{height:250px;}
.pc-product .swiper-container .swiper-slide{text-align:center; height:250px; font-size:15px;display:-webkit-box; float:left; display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.pc-product .swiper-container .swiper-slide a{ font-size:15px; display:inline-block;}
.pc-product .swiper-container .swiper-slide a img{ width:100%; height:216px; border-radius:4px;}
.pc-product .swiper-container .swiper-slide a p{ font-size:14px; line-height:30px;}
.pc-product .swiper-container .swiper-slide a.fc,.swiper-slide a:hover{ color: #FF7800;}
.pc-product .swiper-container .swiper-slide a.fc{ font-weight:bold; color: #FF7800;}

.wap-product{ margin:10px; height:220px; padding:10px;  background-color:#fff; border-radius:4px;}
.wap-product .swiper-container{width:100%; height:200px;padding-bottom:20px;}
.wap-product .swiper-container .swiper-wrapper{border-radius:4px;}
.wap-product .swiper-container .swiper-slide{text-align:center; font-size:15px;display:-webkit-box; float:left; display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.wap-product .swiper-container .swiper-slide a{ font-size:15px;}
.wap-product .swiper-container .swiper-slide a img{ width:100%; border-radius:4px;}
.wap-product .swiper-container .swiper-slide a p{ font-size:14px; line-height:30px;}
.wap-product .swiper-container .swiper-slide a.fc,.swiper-slide a:hover{ color: #FF7800;}
.wap-product .swiper-container .swiper-slide a.fc{ font-weight:bold; color: #FF7800;}

.banner{ width:100%; height:300px; overflow:hidden;}
.wapbanner{ width:100%; height:100px; overflow:hidden;}

.wap-nav-title{ margin:0 auto; width:100px; text-align:center; height:30px; background:rgba(255,120,0,0.9); line-height:30px; font-size:14px; margin-top:-30px; color:#fff; border-radius:4px 4px 0px 0px}
.wap-left-nav .swiper-container{width:100%;height:40px; background-color:#fcfcfc; border-bottom:1px solid #f0f0f0;}
.wap-left-nav .swiper-slide{text-align:center;font-size:15px;display:-webkit-box; float:left; display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.wap-left-nav .swiper-slide a{ font-size:15px;}
.wap-left-nav .swiper-slide a.fc,.wap-left-nav .swiper-slide a:hover{ color: #FF7800;}
.wap-left-nav .swiper-slide a.fc{ font-weight:bold; color: #FF7800;}

.pc-main,wap-main{ background-color:#fff; width:100%; margin-bottom:10px; text-align:center;}
.wap-main{ margin-top:-30px;}
.pc-body{ width:1120px; padding:40px; margin:0px auto;}
.pc-body .left-nav{ width:178px; min-height:300px; float:left; border-right:1px solid #eee;}
.pc-body .left-nav .left-nav-title{ width:100%; height:40px; font-size:16px; font-weight:bold; line-height:40px; color:#000; text-align:left;}
.pc-body .left-nav .left-nav-cont .left-menu{ width:178px;}
.pc-body .left-nav .left-nav-cont .left-menu .swiper-slide{ width:178px; height:40px; float:left; text-align:left;}
.pc-body .left-nav .left-nav-cont .left-menu .swiper-slide a{ width:100%; height:40px; text-align:left; text-indent:1.4em; display: inline-block; font-size: 14px; line-height: 40px; color: #666;background:url(../images/newsprev.png) left center no-repeat;}
.pc-body .left-nav .left-nav-cont .left-menu .swiper-slide a.fc,.pc-body .left-nav .left-nav-cont .left-menu .swiper-slide a:hover{ color: #FF7800;}
.pc-body .left-nav .left-nav-cont .left-menu .swiper-slide a.fc{ font-weight:bold; color: #FF7800;}
.right-cont{ width:900px; min-height:300px; float:left;border-left:1px solid #eee; margin-left:-1px; padding-left:40px;}
.right-cont .news-li{ width:100%; padding:15px 0px; float:left; border-bottom:1px dotted #eee; text-align:left;}
.right-cont .news-li img{ width:160px; height:80px; float:left; margin-right:20px; border-radius:4px;}
.right-cont .news-li .news-title{ font-size:16px; line-height:20px;padding-bottom:10px;}
.right-cont .news-li .news-summary{ font-size:12px; line-height:20px; color:#888; text-indent:2em;}
.right-cont .news-li .news-date{ text-align:right; color:#aaa; font-size:12px; }
.right-cont a:hover .news-li .news-title{ color:#FF7F0F;}

.right-cont .photo-li{ width:280px; height:410px; overflow:hidden; text-align:left;border-radius:5px; background-color:#fafafa; margin:0px 0px 20px 20px;}
.right-cont .photo-li img{ width:100%; height:280px; border-radius:5px 5px 0px 0px;}
.right-cont .photo-li .news-title{ width:92%; padding:10px 4%; color:#000; font-size:16px; line-height:24px;padding-bottom:10px;}
.right-cont .photo-li .news-summary{ font-size:12px;width:92%; padding:0px 4%; line-height:20px; color:#888;
overflow:hidden; text-overflow:ellipsis;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;                                     }
.right-cont .photo-li .news-date{ text-align:left; color:#aaa; font-size:12px;width:92%; padding:10px 4%;}
.right-cont a:hover .photo-li .news-title{ color:#FF7F0F;}

.right-title{ width:100%; padding:20px 0px; border-bottom:1px dotted #eee;}
.right-title h1{ font-size:24px; color:#222; font-weight:normal; text-align:center; line-height:60px;}
.right-content{ width:100%; font-size: 15px; margin-top:30px; line-height: 2.0; text-align: left; color: #444; }
.right-content p{font-size: 15px; line-height: 2.0; text-align: left; color: #444; text-indent:2em;}
.right-content img{ width:100%; max-width:100%; margin: 20px 0; border-radius:5px;}
.wap-body{ width:100%;}
.wap-feed-body{ padding:20px;}
.wap-feed-left,.wap-feed-right{ width:100%; padding:0; margin:0; float:none; border:0;}

.wap-right-cont{ padding:18px;background-color:#fff;}
.wap-right-cont .news-li{ width:100%; text-align:left;border-radius:5px; background-color:#fafafa; margin-bottom:10px;}
.wap-right-cont .news-li img{ width:100%; height:46vw;  border-radius:5px 5px 0px 0px;}
.wap-right-cont .news-li .news-title{ width:92%; padding:10px 4%; color:#000; font-size:16px; line-height:24px;padding-bottom:10px;}
.wap-right-cont .news-li .news-summary{ font-size:12px;width:92%; padding:0px 4%; line-height:20px; color:#888;
overflow:hidden; text-overflow:ellipsis;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.wap-right-cont .news-li .news-date{ text-align:left; color:#aaa; font-size:12px;width:92%; padding:10px 4%;}

.wap-right-cont .photo-li{ width:100%; text-align:left;border-radius:5px; background-color:#fafafa; margin-bottom:10px;}
.wap-right-cont .photo-li img{ width:100%;height:46vw;  border-radius:5px 5px 0px 0px;}
.wap-right-cont .photo-li .news-title{ width:92%; padding:10px 4%; color:#000; font-size:16px; line-height:24px;padding-bottom:10px;}
.wap-right-cont .photo-li .news-summary{ display:none;height:0px; line-height:0; overflow: hidden;}
.wap-right-cont .photo-li .news-date{ display:none; height:0px; line-height:0;}


.wap-title{ width:100%;}
.wap-title h1{ border-bottom:1px dotted #eee;line-height:20px; padding:20px 0px; font-size:20px; text-align:center; color:#000; }
.wap-content{font-size: 17px; padding:20px 0px; line-height: 1.8; text-align: left; color: #333;background-color:#fff;}
.wap-content p{font-size: 17px; line-height: 1.8; text-align: left; color: #333; text-indent:2em;}
.wap-content img{ width:100%; margin:0px auto; border-radius:5px;}

.feed-left{width:580px; min-height:300px; float:left; border-right:1px solid #eee; overflow:hidden;padding-right:20px;}
.feed-right{ width:500px;min-height:300px; float:left;border-left:1px solid #eee; margin-left:-1px; padding-left:19px;}

.container {width:100%;font-size:14px;color: #666; text-align:left;}
.container p {margin-bottom: 10px; font-size:13px;}
.container .hide {display: none;}
.container dt{font-size:16px;color:#333;margin-left:26px;cursor:pointer}
.container dt:before{content:"";border-color:transparent #666;border-style:solid;border-width:5px 0 5px 8px;display:block;height:0;width:0;left:-16px;top:17px;position:relative}
.container dd{padding:20px; color:#555; background:#F2F6F9;border-radius:5px;margin:20px 0 30px;position:relative; font-size:15px; line-height:24px;}
.container dd:after,dd:before{bottom:100%;left:6%;border:solid transparent;content:"";height:0;width:0;position:absolute;pointer-events:none}
.container dd:after{border-color:rgba(136,183,213,0);border-color:transparent;border-bottom-color:#F2F6F9;border-width:15px;margin-left:-15px}
.container dd:before{border-color:rgba(194,225,245,0);border-color:transparent;border-bottom-color:#F2F6F9;border-width:17px;margin-left:-17px}

.feedback{ width:100%; float:left;}
.feedback ul{ list-style:none;}
.feedback ul li{ float:left; margin-bottom:10px; overflow:hidden;}
.feedback ul li span{ font-size:14px; padding-left:10px; float:left; height:36px; display:inline-block;line-height:36px;vertical-align:top; color:#333}
.feedback ul li input{ padding:8px 5px 8px 4px;_padding:5px 5px 5px 4px; float:left; width:80%; font-size:14px; color:#333; border:none; background:none;}
.feedback ul li textarea{ padding:4px 5px 3px 4px;_padding:3px 5px 3px 4px; float:left; font-size:14px; width:80%; max-width:436px; height:92px; line-height:1.8; border:none; color:#333; background:none;}
.feedback ul li{ width:100%; border:1px solid #ddd;border-radius:3px; background-color:#fff;}
.feedback ul li.fbtn{ width:100%; height:46px; text-align:center; background:none; border:0px;}
.feedback ul li.fbtn input{ width:100%; height:40px; background-color:#FF7800; border:0px; cursor:pointer; font-size:15px; color:#fff;-moz-border-radius:3px;-webkit-border-radius:3px; border-radius:3px;}
.feedback ul li.fbtn input:hover{ background-color:#FF912F;}

/*分页样式*/
.pageCont{ width:100%; text-align:center; height: 40px; margin-top:15px;}
.pageCont a,.pageCont font{ padding: 4px 10px; color:#000; font-size:13px; text-align:center; border:1px solid #eee; cursor:pointer;margin:0px 3px; display: inline-block; background-color: #fff; border-radius: 4px;}
.pageCont a.on,.pageCont a:hover{ color:#fff; background-color:#FF7200; border:1px solid #FF7200;}

.copyright{ width:100%; min-width:1200px; height:120px; padding:30px 0px; background-color:#fff; text-align:center;}
.copy-cont{ width:1200px; height:120px; margin:0 auto; position:relative;}
.copy-cont-l{ position:absolute; left:0; top:0; width:50%; height:120px; padding-left:120px; line-height:26px; font-size:13px; color:#666; text-align:left;background: url(../images/foot_logo.jpg) no-repeat left top;}
#tab{width:120px;position:relative; float:right;}
#tab .tab_menu{width:100%;float:left;position:absolute;z-index:1; top:100px;}
#tab .tab_menu li{float:left;width:24px;height:30px;line-height:24px; margin-left:3px; margin-right:3px; cursor:pointer;text-align:center;}
#tab .tab_menu li img{ width:24px;}
#tab .tab_box{width:90px;height:90px;clear:both;top:0px; position:relative; border:1px solid #eee;}
#tab .tab_box img{ width:90px; height:90px;}
#tab .tab_menu .selected{cursor:pointer;background:url(../images/tabmenubg.png) no-repeat center bottom;}
.hide{display:none;}

.wap-ewm{ width:100%; height:30px;padding:20px 0px 10px 0px; background-color:#fff; margin-top:10px;}
.wap-ewm a{ display:inline-block; width:20%; height:30px; float:left; text-align:center; }
.wap-ewm a img{ width:30px;}
.wap-copy{ width:70%; height:90px; padding:15px 0px; padding-left:30%; line-height:22px; font-size:12px; color:#555; text-align:left; background: #fff url(../images/foot_logo.jpg) no-repeat left 5px;}
.footer{ width:100%; text-align:center; height:36px; line-height:36px; font-size:12px; color:#555; background-color:#fafafa; border-top:1px dotted #eee;}