@charset "utf-8";
*{margin:0;padding: 0;}
body{font-family:arial,; font-size:14px; line-height: 1.5em;color:#333;}
img{max-width:100%;}
a{text-decoration:none;color:#333;}
a:hover{color:#333;}
input{border:none; outline:none;}
ul{margin:0; padding:0;}
li{list-style:none;}
dl,dd{margin:0;}
.clearfix{clear:both;}
.show{border:solid 1px red;}
.bg{width:100%;}
.f_l{ float:left;}
.f_r{ float:right;}

.header_box{padding:30px 0;}
.logo{padding-right:40px; border-right:1px solid #ccc;}
.name{font-size:18px; line-height:32px; text-transform:uppercase; color:#fff; margin-top:8px; margin-left:30px;}
.header_contact{margin:7px 0;}
.header_contact p{font-size:18px; line-height:22px; font-weight:bold; margin-left:20px; margin-bottom:0;color:#fff}

.gun{position:relative;z-index:9999;}
.nav_bg{background:#132d49; border-bottom:1px solid #fff;}
.nav_box{margin:0;}
.nav_box li{float:left; text-align:center; width:12%; padding:20px 0;}
.nav_box li a{font-size:18px; text-align:center; color:#fff; display:block; width:100%; height:40px; line-height:40px;}
.nav_box li:hover a{border:1px solid #fff;}

.xs_header_bg{display:none; background:#fff; border-bottom:1px solid #ccc; padding:15px 0;}
.xs_logo{width:140px;}
.xs_nav_btn{margin-top:0px;}
.xs_nav_btn span{width:25px; height:3px; margin:5px auto; background-color:#000;display:block;}
.xs_nav{width:100%; background-color:#1f1f1f; margin-bottom:0; display:none; position:fixed; right:0; z-index:1111; width:50%;}
.xs_nav li{text-align:center;border-bottom:1px solid #4d4d4d;}
.xs_nav a{font-size:14px; line-height:40px; color:#fff;}
.xs_nav li:hover{background-color:#8eba41;}

.index_product_box{margin-top:60px;}
.index_title{font-size:32px; font-weight:bold; text-align:center;}
.index_classify{margin-top:50px;}
.index_classify a{border:2px solid #8eba41; color:#8eba41; text-align:center; display:block; width:100%; line-height:40px; padding:0 10px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.index_classify a:hover{background:#8eba41; color:#fff;}

.index_product{margin-top:40px;}
.article h1{font-size:20px; margin-top:20px; text-align:center; margin-bottom:0; padding:0 20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.owl-controls{margin-top:30px !important;}
.owl-nav{display:none !important;}
.owl-dot span{border:1px solid #8eba41; background:none !important; opacity:1.0 !important; margin:0 7px !important;}
.active span{background:#8eba41 !important;}

.index_about_bg{background:#f3f8ec; margin-top:60px; padding:60px 0;}
.index_about_l h1{font-size:32px; font-weight:bold; margin:0;}
.index_about_l p{font-size:14px; line-height:26px; text-indent:2em; margin-top:20px;}
.index_about_l a{background:#ff843d; color:#fff; padding:12px 40px; margin-top:40px;}
.index_about_r img{width:100%;}

.index_case_box{margin-top:60px;}
.index_case{margin-top:30px;}
.index_case_img{padding:0 !important; position:relative;}
.index_case_img img{border:2px solid #fff; width:100%;}
.black{background-color:rgba(0,0,0,0.6); position:absolute; bottom:0; width:100%; margin:0; padding:16px 20px; 
border-left:2px solid #fff;  border-right:2px solid #fff; display:none;}
.black p{font-size:14px; line-height:20px; color:#f5f5f5; margin:0;}

.index_news_bg{
background:linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)),url(../images/index_news_bg.png) left 50% top 50% / cover no-repeat fixed;
padding:60px 0;
}
.index_news_box{border:5px solid #8eba41; padding:40px 25px !important;}
.index_news{margin-top:15px;}
.index_news_text{margin-top:20px;}
.number{width:40px; height:40px; border-radius:20px; background:#ff843d; text-align:center; color:#fff; line-height:40px; font-size:20px; font-weight:bold; font-style:italic;}
.index_news_text p{width:450px; font-size:16px; line-height:26px; margin-left:30px; color:#fff;}

.index_contact{padding:30px 0;}
.index_contact_l h1,.index_contact_r h1{font-size:28px; font-weight:bold; margin:0;color:#fff}
.index_contact_l h2,.index_contact_r h2{font-size:14px; line-height:20px; color:#fff; margin-top:10px; margin-bottom:20px;}
.index_contact_l p{font-size:14px; line-height:26px; margin:0;color:#fff}

.index_contact_l{padding-left:0 !important; padding-right:60px !important;}
.index_contact_r{padding:0 !important;}
.message_l{padding-left:0 !important; padding-right:10px !important;}
.message_r{padding-left:10px !important; padding-right:0 !important;}
.message_l input{height:40px; width:100%; background:#f3f8ec; padding:0 10px; font-size:14px; color:#999; border-radius:4px; margin-bottom:10px;}
.message_r input{background:#ff843d; color:#fff; width:160px; height:40px; border-radius:4px; margin-top:5px;}
.message textarea{width:100%; height:90px; background:#f3f8ec; padding:8px 10px; font-size:14px; color:#999; border-radius:4px; border:none;}
.c_bg{background-color: #132d49;}
.footer_bg{background:#0e2239;}
.footer{color:#fff; line-height:20px; padding:20px 0;}

.banner_in_bg
{background:linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)),url(../images/banner_in.png) left 50% top 50% / cover no-repeat fixed; padding-top:60px; padding-bottom:30px; margin-bottom:20px;}
.banner_in h1{margin:0; font-size:32px; font-weight:normal; color:#fff; text-align:center;}
.banner_in h2{font-size:24px; margin-bottom:0; font-weight:normal; color:#ffbf00; text-align:center;}
.banner_in p{margin:0; font-size:20px; color:#fff; text-align:center; margin-top:20px;}
.location{margin-top:40px; color:#fff; font-size:14px;}
.location a{color:#fff;}
.location a:hover{text-decoration:underline;}

.about_title{font-size:32px; margin-top:0; margin-bottom:30px;}
.about p{font-size:14px; line-height:28px; margin:0;}
.about img{}

.highslide-controls{display:none;}
.certificate_title{font-size:32px; font-weight:bold; margin-top:0; margin-bottom:10px;}
.certificate{text-align:center; padding:0 30px !important; margin-top:30px;}
.certificate img{border:1px solid #ccc;}
.certificate p{font-size:16px; margin-top:15px; margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.page{margin-top:30px;}
.page a{float:left; width:30px; font-size:16px; line-height:30px; color:#444; text-align:center;}
.page a:hover{background-color:#f5f5f5; color:#ff843d;}

.contact p{font-size:16px; line-height:28px; margin:0;}
.contact span{font-size:18px; font-weight:bold;}
.message_title{text-align:center; margin-top:40px;}
.message_title h1{font-size:24px; color:#333; margin:0;}
.message_title p{font-size:16px; line-height:28px; color:#666; margin-top:10px; margin-bottom:0;}
.message{margin:0;}
.message input{height:40px; width:100%; padding:0 10px; font-size:14px; color:#000; border:1px solid #ccc; border-radius:4px;}
.message textarea{width:100%; height:90px; padding:8px 10px; font-size:14px; color:#000; border:1px solid #ccc; border-radius:4px; background:#fff;}

.case{text-align:center; margin:15px 0;}
.case img{border:1px solid #ccc; padding:3px;}
.case p{font-size:16px; margin-top:10px; margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.case:hover img{border:1px solid #8eba41;}
.case:hover p{color:#8eba41;}
.case_title{font-size:32px; font-weight:bold; text-align:center; margin-bottom:30px;}
.case_in h1{font-size:18px; font-weight:bold; color:#555; border-bottom:2px solid #ccc; padding-bottom:15px; width:40%; margin-top:0; margin-bottom:20px;}
.case_in p{font-size:14px; line-height:28px; text-indent:2em;}
.case_in a:hover{color:#de4b5d;}
.case_in img{margin-top:20px;}
.np{border-top:1px dashed #999; margin-top:40px; padding-top:20px;}
.np a{font-size:14px; line-height:24px; display:block; margin-top:10px;}
.np a:hover{color:#ff843d; text-decoration:underline;}

.news{border:1px solid #ccc; padding:26px 40px; margin:20px 0;}
.news h1{margin:0; font-size:18px; line-height:24px; font-weight:bold;}
.news h2{font-size:14px; color:#ccc; margin-top:5px; margin-bottom:0;}
.news p{font-size:14px; line-height:24px; margin-top:12px; margin-bottom:0; color:#666;}
.news:hover{border:1px solid #8eba41;}
.news:hover h1{color:#8eba41;}
.news_title{font-size:24px; line-height:34px; font-weight:bold; color:#8eba41; margin:0; text-align:center;}
.news_in h1{text-align:center; font-size:14px; line-height:20px; color:#999; margin-top:20px; border-bottom:1px dashed #ccc; padding-bottom:20px; margin-bottom:40px;}
.news_in p{font-size:14px; line-height:24px; margin:10px; text-indent:2em;}
.news_img{margin-top:30px;}
.news_in_img img{width:100%;}

.product{text-align:center;}
.product_box{margin-top:30px;}
.product{margin:20px 0;}
.product img{margin-bottom:20px;}
.product:hover img{
-webkit-box-shadow:1px 1px 10px #999;
-moz-box-shadow:1px 1px 10px #999;
box-shadow:1px 1px 10px #999;
}
.product p{font-size:16px; padding:10px 20px; border:1px solid #ccc; margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.product:hover p{background:#ff843d; color:#fff;}

.classify_box h1{font-size:20px; font-weight:bold; margin:0; background:#8eba41; color:#fff; text-align:center; padding:20px 10px;}
.classify{border:1px solid #ccc; padding:0 10px;}
.classify li{font-size:16px; border-bottom:1px dashed #ccc; padding:10px;}
.classify li:hover{color:#ff843d;}
.title_in{background:#8eba41; padding:10px 15px;}
.title_in h1{font-size:18px; color:#fff; margin:0;}
.content{border:1px solid #ccc; padding:15px;}
.pro_t{border-bottom:1px dashed #ccc; padding-bottom:30px;}
.product_r h1{font-size:24px; font-weight:bold; color:#ff843d; margin-top:0; margin-bottom:20px;}
.product_r p{font-size:14px; line-height:24px;}
.product_r span{font-size:16px; font-weight:bold;}
.pro_b{padding:0 15px; margin-top:20px;}
.pro_b{line-height:24px;}
.pro_b span{font-weight:bold; font-size:16px;}
.xs_classify{padding:0 10px;}
.xs_classify a{border:2px solid #8eba41; color:#8eba41; text-align:center; display:block; width:100%; line-height:40px; padding:0 10px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.xs_classify a:hover{background:#8eba41; color:#fff;}



.badoo {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 15px; PADDING-BOTTOM: 10px; COLOR: #8eba41; PADDING-TOP: 10px; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-ALIGN: right
}
.badoo A {
	BORDER-RIGHT: #8eba41 2px solid; PADDING-RIGHT: 5px; BORDER-TOP: #8eba41 2px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 0px 2px; BORDER-LEFT: #8eba41 2px solid; COLOR: #8eba41; PADDING-TOP: 2px; BORDER-BOTTOM: #8eba41 2px solid; TEXT-DECORATION: none
}
.badoo A:hover {
	BORDER-RIGHT: #8eba41 2px solid; BORDER-TOP: #8eba41 2px solid; BORDER-LEFT: #8eba41 2px solid; COLOR: #000; BORDER-BOTTOM: #8eba41 2px solid
}
.badoo .current {
	BORDER-RIGHT: #8eba41 2px solid; PADDING-RIGHT: 5px; BORDER-TOP: #8eba41 2px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: #8eba41 2px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #8eba41 2px solid; BACKGROUND-COLOR: #8eba41
}

.t_bg{background:#0e2239}
.f_bg{background:#132d49}
.yj{position:relative}
.xl{width: 145%;
    display: none;
    position: absolute;
    left: 0;
    top: 60px;
    z-index: 10000000;}
.xl li {
    width: 100%;
    background-color: #ccc;
	padding:0;
}
.xl li a{
    width: 100%;
	color:#132d49;
	font-weight:600;
	padding-left:5px;
    background-color: #dddcdc;
	font-size:14px !important;
	text-align:left;
}
.xl li a:hover{
	background:#132d49;
	color:#fff;
}
.index_news_bg{display:none}
.newslist{
	margin-top: 2%;
    border: 1px #f0f0f0 solid;
    padding: 1% 0;
}
.newslist h1{
	margin: 0;
    font-size: 18px;
    font-weight: 600;
	padding-left:20px;
}
.newslist p{
	padding-left:20px;
	margin-top:5px;
}
/* 超小设备（手机，小于 768px） */
@media (max-width: 	767px) 
{
.header_box,.nav_bg,.name{display:none;}
.xs_header_bg{display:block; padding:10px 0;}
.logo{width:68px; padding-right:0; border:none;}
.xs_nav_btn{margin-top:10px;}

.index_product_box{margin-top:40px;}
.index_title{font-size:28px;}
.index_classify{margin-top:15px;}
.index_classify div{padding:0 5px !important;}
.index_classify a{margin-top:10px;}
.index_about_bg{margin-top:40px; padding:40px 0;}
.index_about_l h1{font-size:28px;}
.index_about_l p{margin-top:15px;}
.index_about_r{margin-top:30px;}
.index_case_box{margin-top:40px;}
.index_case{margin-top:30px;}
.index_news_bg{margin-top:40px; padding:40px 0;}
.index_news_box{border:none; padding:0 !important;}
.index_news_text{margin-top:10px;}
.index_news_text p{width:270px; margin-left:20px; font-size:14px; line-height:24px;}
.index_contact{margin-top:40px;}
.index_contact_l h1, .index_contact_r h1{font-size:24px;}
.index_contact_r{margin-top:20px;}
.message_r,.message_l{padding:0 !important;}
.footer_bg{margin-top:40px;}

.banner_in_bg{margin-bottom:40px;}
.about_title{font-size:24px; margin-bottom:15px;}
.about p{line-height:24px;}
.about img{margin-top:20px;}

.certificate_title{font-size:24px;}
.certificate{padding:0 10px !important; margin-top:20px;}
.certificate p{margin-top:10px;}
.message{margin-top:30px;}
.submit,.code1,.code2{margin:5px 0;}
.case{padding:0 5px !important; margin:10px 0;}
.case img{padding:2px;}
.case p{font-size:14px;}
.case_title{font-size:24px; line-height:28px;}
.case_in h1{width:100%; line-height:24px;}
.case_in_img{padding:0 5px !important;}

.news h2{float:none; margin-top:54px;}
.news_img{margin-top:20px;}
.news_in_img{margin:10px 0;}

.product_box{margin-top:20px;}
.product{padding:0 5px !important; margin:10px 0;}
.product img{margin-bottom:10px;}
.product p{font-size:14px; padding:5px 10px;}
.product:hover img{
-webkit-box-shadow:1px 1px 3px #999;
-moz-box-shadow:1px 1px 3px #999;
box-shadow:1px 1px 3px #999;
}
.xs_classify{display:block;}
.classify_box{display:none;}
.xs_classify{margin-bottom:30px;}
.xs_classify div{padding:0 5px !important;}
.xs_classify a{margin-top:10px;}
.product_r{margin-top:30px;}
.product_r h1{font-size:20px;}
}
/* 小型设备（平板电脑，768px 起） */
@media (min-width: 	768px) and (max-width: 991px) 
{
.header_box,.nav_bg{display:none;}
.xs_header_bg{display:block;}
.logo{width:120px; padding-right:30px;}
.name{font-size:16px; line-height:28px; margin-top:4px; margin-left:20px;}
.xs_nav_btn{margin-top:16px;}

.index_classify{margin-top:30px;}
.index_classify a{margin-top:10px;}
.index_about_r{margin-top:50px;}
.index_news_text p{width:590px;}
.index_contact_r{margin-top:40px;}
.message_r,.message_l{padding:0 !important;}
.certificate_title{font-size:28px;}
.certificate{padding:0 20px !important; margin-top:30px;}
.message{margin-top:30px;}

.case_in h1{width:60%;}
.news_img{margin-top:20px;}
.news_in_img{margin:10px 0;}
.xs_classify{display:block;}
.classify_box{display:none;}
.xs_classify{margin-bottom:40px;}
.xs_classify div{padding:0 5px !important;}
.xs_classify a{margin-top:10px;}
.product_r{margin-top:40px;}
}
/* 中型设备（台式电脑，992px 起） */
@media (min-width: 992px) and (max-width: 1199px) 
{
.index_news_text p{width:365px; margin-left:20px;}
.certificate{padding:0 20px !important; margin-top:30px;}
.xs_classify{display:none;}
}
/* 大型设备（台式电脑，1200px 起） */
@media (min-width: 1200px)
{
.xs_classify{display:none;}
}