@charset "utf-8";
/* CSS Document */

.header { margin:0 auto; width:100%; height:400px; background:url(../images/header.jpg) center no-repeat;}


/* 版块设置 */
.area-item { width:1000px; margin:0 auto;}

.name-item { padding-left:180px; height:63px; line-height:63px; color:#fff; font-size:24px; overflow:hidden; background:url(../images/tit.png) no-repeat top left; text-shadow: #00413b 1px 1px 1px;}
.name-item span { float:left;}

.main-item { padding:20px; background:#fff; float:left; width:960px; overflow:hidden;}
.main-item2 { background:#fff; float:left;}
.main-item3 { padding:10px; background:#fff; float:left; width:980px;}
.t_bag { font-size:16px; height:40px; line-height:40px; background:#006a60 url(../images/aaa.png) no-repeat left center; color:#fff; padding-left:20px; overflow:hidden;}
.m_bag { border:1px solid #e8e8e8; border-top:0; padding:4px; overflow:hidden;}
.b_bag { font-size:16px; line-height:40px; background:#f8f8f8; color:#333; padding:20px; overflow:hidden;}

/*公司概况*/
.gaikuang1 { font-size:16px; line-height:36px; background:#f8f8f8; color:#333; padding:20px; overflow:hidden; text-indent:2em;}
.gaikuang2 { background:#f8f8f8; padding:0 20px 20px 20px; overflow:hidden;}
.gaikuang3 { background:#f8f8f8; padding:0 10px 20px 10px; overflow:hidden;}
.gaikuang3 li { width:225px; height:150px; padding:5px; float:left;}
.gaikuang3 li img { width:225px; height:150px;}

/*导航*/
.nav-box { margin:0 auto; width:100%; min-width:1000px; height:60px; overflow:hidden; background:#006a60; text-align:center;}
.nav-box li { display:inline; font-size:18px; line-height:60px; border-right:1px solid #fff; padding:0 30px;}
.nav-box li a { color:#fff;}

/* 幻灯片 */
.comiis_wrapad { margin: 0 auto; width: 350px; overflow: hidden;}
.comiis_wrapad img { float: left; margin-top: 0px; }
#frameHlicAe { margin: 0px !important; border: 0px !important; }
.block { margin: 0;position: relative; }
.cl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.cl { zoom: 1; }

.slideshow { clear: both; }
.slideshow li { position: relative; overflow: hidden; }
.slideshow span.title { position: absolute; bottom: 0; left: 0; margin-bottom: 0; width: 100%; height: 32px; line-height: 32px; font-size: 14px; text-indent: 10px; }
.slideshow span.title, .slidebar li { background: rgba(0,0,0,0.3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = #30000000,endColorstr = #30000000); color: #FFF; overflow: hidden; }
.slidebar li { float: left; margin-right: 1px; width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 10px; cursor: pointer; }
.slidebar li.on { background: rgba(255,255,255,0.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = #50FFFFFF,endColorstr = #50FFFFFF); color: #000; font-weight: 700; }

.slidebar { position: absolute; bottom: 5px; right: 4px; }
.slideshow span.title, .slidebar li { background: rgba(0,0,0,0.3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = #90000000,endColorstr = #90000000); color: #FFF; overflow: hidden; }
.slidebar li.on { background: rgba(230,17,51,1.0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = #90000000,endColorstr = #90000000); color: #FFF; font-weight: 700; }

.slideshow SPAN.title { text-indent: 0px; }

#slidesImgs li { width: 350px; height: 318px; display: none; }



/*产品展示*/
.pmore{float:right;color:#0064b9;font-size:14px;line-height:70px;padding-right:10px;}
#tab{width:960px;position:relative;overflow:hidden;}
#tab .tab_menu{width:100%;overflow:hidden;}
#tab .tab_menu li{float:left;width:86px;height:49px;cursor:pointer;margin:0 5px;}
#tab .tab_menu li span{display:block;width:82px;height:36px;overflow:hidden;text-align:center;font-size:14px;line-height:36px;color:#666;border:2px solid #ccc;}
#tab .tab_menu li em{display:block;width:86px;height:11px;overflow:hidden;position:relative;top:-2px;}
#tab .tab_box{width:960px;overflow:hidden;margin-top:15px;}
#tab .tab_menu .selected{cursor:pointer;}
#tab .tab_menu .selected span{border:2px solid #006a60;color:#006a60; font-weight:bold;}
#tab .tab_menu .selected em{background:url(../images/icon7.png) no-repeat center 0;}
.hide{display:none;}

.probox { padding:10px; width:940px; overflow:hidden; background:#f8f8f8;}
.probox .propic {}
.probox .proname { background:#006a60; color:#fff; font-size:28px; font-weight:bold; text-align:center; padding:15px 0;}
.probox .prolist { width:840px; padding:20px 50px;}
.probox .prolist .proshow { border:1px solid #006a60; padding:9px; width:820px; margin:15px 0; overflow:hidden; background:#fff;}
.probox .prolist .proshow .pic { width:320px;}
.probox .prolist .proshow .text { width:480px; font-size:16px; line-height:43px; font-weight:bold;}
.probox .prolist .proshow .text li { height:43px; line-height:43px; background:url(../images/arr.png) no-repeat left center; padding-left:15px;}
.probox .prolist .protab { font-size:14px; background:#fff; margin:15px 0;}
.probox .prolist .protab .namebg { background:#006a60; color:#fff; font-size:16px; text-align:center;}
.probox .prolist .protab .rightborder { border-right:1px solid #ccc; text-align:center;}
.probox .prolist .protab td { border-left:1px solid #ccc; border-bottom:1px solid #ccc; padding:10px 20px;}

.foucs { border:1px solid #ccc; padding:19px; width:550px; height:278px;}
.foucs .tit { font-size:20px; line-height:36px; font-weight:bold; text-align:center; border-bottom:1px dashed #ccc; padding-bottom:10px; margin-bottom:10px; color:#e61133;}
.foucs .text { text-indent:2em; font-size:16px; line-height:36px;}

.live { border:1px solid #ccc; padding:19px; width:550px; height:280px;}
.live .tit { font-size:20px; line-height:36px; font-weight:bold; text-align:center; border-bottom:1px dashed #ccc; padding-bottom:10px; margin-bottom:10px; color:#e61133;}
.live .text { text-indent:2em; font-size:16px; line-height:36px;}

.factory { width:560px; height:210px; padding-top:20px; font-size:16px; line-height:36px;}
.image { width:350px;}

.feature { font-size:20px; padding:10px 0; margin:15px 0; text-align:center; background:url(../images/line.png) no-repeat bottom center; line-height:36px;}

.feature1 { overflow:hidden;}
.feature1 li { float:left; text-align:center; width:100px; margin:0 65px 50px;}
.feature1 li .f1 { font-size:16px; padding:5px 0;}
.feature1 li .f2 { display:block; width:100px; height:100px; line-height:100px; font-size:30px; font-weight:bold; background:#fff100; color:#333; border-radius:50px;}
.feature1 li .f3 { font-size:16px; padding:5px 0;}

.feature2 { padding:0 4px; overflow:hidden;}
.feature2 li { float:left; text-align:center; width:200px; margin:0 15px 50px;}
.feature2 li .f1 { font-size:16px; padding:5px 0;}
.feature2 li .f2 { display:block; width:200px; height:80px; line-height:80px; font-size:20px; font-weight:bold; background:#fff100; color:#333; border-radius:10px; margin-top:15px;}
.feature2 li .f3 { font-size:16px; padding:5px 0;}

.join { font-size:20px; padding:10px 0; margin:15px 0; text-align:center; background:url(../images/line.png) no-repeat bottom center; line-height:36px;}
.join1 { padding:0 14px; overflow:hidden;}
.join1 li { float:left; text-align:center; width:270px; margin:0 15px 30px; padding-top:20px;}
.join1 li .num { display:block; width:80px; height:80px; line-height:80px; font-family:Arial, Helvetica, sans-serif; font-size:36px; border-radius:50px; background:#fff100; color:#006a60; margin:0 90px; z-index:999; position:absolute; border:5px solid #fff;}
.join1 li .f { display:block; width:270px; height:150px; line-height:180px; font-size:20px; font-weight:bold; background:url(../images/btn.png) no-repeat center; color:#fff; margin-top:45px;}
.join2 { padding:0 164px; overflow:hidden;}
.join2 li { float:left; text-align:center; width:270px; margin:0 15px 30px; padding-top:20px;}
.join2 li .num { display:block; width:80px; height:80px; line-height:80px; font-family:Arial, Helvetica, sans-serif; font-size:36px; border-radius:50px; background:#fff100; color:#006a60; margin:0 90px; z-index:999; position:absolute; border:5px solid #fff;}
.join2 li .f { display:block; width:270px; height:150px; line-height:180px; font-size:20px; font-weight:bold; background:url(../images/btn.png) no-repeat center; color:#fff; margin-top:45px;}
.join3 { padding:0 30px; overflow:hidden;}


/*海报*/
.pop { border:1px solid #eee; width:930px; padding:0 14px; overflow:hidden;}
.pop li { float:left; width:300px; margin:5px;}

/**/
.news2 { width:450px;}
.news2 li { font-size:12px; height:40px; line-height:40px; border-bottom:1px dashed #eee;}
.news2 li a { color:#222;}
.news2 li a:hover { color:#c30d23;}

/*独家专访*/
.interview {}
.interview .pic { width:350px; padding:4px; border:1px solid #ccc;}
.interview .view { border:1px solid #ccc; padding:19px; width:540px; height:300px;}
.interview .view .tit { float:left; width:540px; border-bottom:1px dashed #ccc; padding-bottom:10px; margin-bottom:10px;}
.interview .view .tit .name { float:left; width:430px; text-align:center; padding-top:20px; font-size:18px; font-weight:bold; color:#e60013;}
.interview .view .tit .code { float:right; width:110px;}
.interview .view .text { text-indent:2em; font-size:16px; line-height:36px;}

/*视频版块*/
.company { height:365px; overflow-y:scroll; text-indent:2em;}

/*新闻版块*/
.news { height:336px; padding:5px 15px;}
.news li { font-size:14px; height:40px; line-height:40px; border-bottom:1px dashed #eee;}
.news li a { color:#222;}
.news li a:hover { color:#c30d23;}
.news li span { float:right; color:#999; font-size:12px;}

/*联系我们*/
.contact {}
.contact .pic { width:440px; padding:4px; border:1px solid #ccc; background:#fff;}
.contact .pic img { width:440px;}
.contact .text { width:490px;}
.contact .text .name { font-size:22px; font-weight:bold; border-bottom:1px solid #ccc; padding-bottom:5px; margin-bottom:5px;}

/*TAB切换*/
#tags { float:left; height:50px; margin-left:280px; margin-top:-50px;}
#tags li { float:left; height:40px; font-size:16px;}
#tags li a { display:block; height:40px; line-height:40px; background:#fff; color:#e61133; font-weight:bold; text-align:center; margin-left:5px; padding:0 10px; border-top:5px solid #e61133; border-bottom:5px solid #e61133;}
#tags li a:hover { text-decoration:none;}
#tags li.selectTag a { display:block; height:40px; line-height:40px; background:#fff; color:#e61133; font-weight:bold; text-align:center; border-top:5px solid #fff; border-bottom:5px solid #fff;}