@charset "utf-8";

/* 全局样式
-------------------------------------------------------------- */
html,body,a,p,ul,img,h3,h2,h1{ padding:0; margin:0; list-style:none; border:none; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333333;}
p{line-height:25px;}
img{ border:none; vertical-align:middle;}
img{max-width: 100%;
   transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
td{ vertical-align:center; font-size:12px;}
/*.img-responsive{margin: 0 auto;}*/

/* 链接样式 */
a {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}

/* 常用元素 */
.clear { clear:both;}
.left{float: left;}
.right{float: right;}


* html,* html body /* 修正IE6振动bug */{background-image:url(about:blank);background-attachment:fixed;}

.layui-col-space1{margin: 0;}


/*头部*/
.topbj{background: #f2f2f2;line-height: 31px;}
.topbj p{line-height: 31px;}
.topbj .pull-right a{font-size: 12px;padding-left: 25px;margin-left: 10px;}
.topbj .pull-right a:nth-child(1){background: url("../../images/images/cn.png") no-repeat left center;}
.topbj .pull-right a:nth-child(2){background: url("../../images/images/en.png") no-repeat left center;}
#hd{-moz-box-shadow: 0px 5px 10px rgba(6,0,1,.2); box-shadow: 0px 5px 10px rgba(6,0,1,.2);/*background: rgba(0,0,0,.4);*/}
.rxdh{background: url("../../images/images/1_06.jpg") no-repeat left center;padding-left: 40px;font-size: 16px;margin-top: 3%;}
.rxdh p{font-size: 20px;color: #396c03;font-weight: bold;}
.topnav{background: #396c03;}

.banner{}
.banner ul li{text-align: center;}
.banner .swiper-pagination-bullet-active{background: #396c03;}

/*主体*/
.youshi{overflow: hidden;padding: 30px 0;}
.youshi li{text-transform: uppercase;}
.youshi p{float: left;font-size: 40px;color: #fff;font-family: Impact,Arial;line-height: 36px;padding-right: 10px;}
.youshi span{float: left;font-size: 14px;line-height: 18px;color: #fff;}

.aboutbj{background: url("../../images/images/aboutbj.jpg") no-repeat center top;padding: 7% 0;}
.about-tu{text-align: right;}
.about-title{font-size: 36px;}
.about-title span{color: #396c03;}
.about-title p{font-size: 48px;color: #ededed;font-weight: bold;margin-bottom: 10px;}
.about{padding: 0 7%;}
.about-nr{margin: 7% auto;}
.about-nr p{line-height: 30px;}
.about-more{display: block;background: #396c03;width: 200px;line-height: 40px;color: #fff;text-align: center;}
.about-more:hover{background: #51920c;color: #fff;}

.title-bt{font-size: 36px;font-weight: bold; color: #396c03;position: relative;text-transform: uppercase;text-align: center;margin: 3% auto;}
.title-bt p{font-size: 24px;color: #333;font-weight: 500;margin-top: 20px;}

.pic-list li a{display: block;border: 1px solid #dddddd;position: relative;overflow: hidden;}
.pic-list li a h2{position: absolute;left: 0;right: 0;bottom: 0;z-index: 10;margin: auto;background: #396c03;font-size: 16px;color: #fff;padding: 12px 0;text-align: center;}
.pic-list li:hover a img{
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.hgg{background: url("../../images/images/bj_26.jpg") no-repeat center top;padding: 45px 0;}
.hgg h2{font-size: 32px;padding: 10px 0;color: #fff;border-bottom: 1px solid #fff; text-transform: uppercase;}
.hgg h3{color: #fff;padding: 10px 0;}
.hgg h3 a{font-size: 16px;color: #fff;padding: 0 10px;}
.hgg p{font-size: 24px;color: #fff;text-align: center;padding: 20px 0;}

.news-pic{margin: 40px auto;}
.news-pic li a{display: block;background: #f8f8f8;}
.news-pic li h2{font-size: 18px;color: #396c03;font-weight: bold;margin-bottom: 10px;}
.news-pic li a div{padding: 20px;}
.news-pic li a p{font-size: 14px;color: #494949;line-height: 30px;text-indent: 30px;}

.news-list{background: #fff;margin: 40px auto;}
.news-list li a{display: block;background: #f8f8f8;padding: 10px 0;}
.news-list li h2{font-size: 18px;font-weight: bold;padding: 10px 0;color: #396c03;}
.news-list li p{font-size: 12px;color: #3c3c3c;line-height: 20px;margin-bottom: 10px;}
.news-list li span{font-size: 12px;}
.news-list li h3{font-size: 22px;margin: 15px auto;text-align: center;}
.news-list li span{text-align: center;display: block;}
.news-list li:hover a{-moz-box-shadow: 0px 0px 10px rgba(6,0,1,.2); box-shadow: 0px 0px 10px rgba(6,0,1,.2);position: relative;z-index: 10;}
.news-list li:hover span img{margin-right: -15px;}

/* marqueeleft */
.marqueeleft{height:320px; width:100%;overflow:hidden;margin: 43px auto;}
.marqueeleft ul{float:left;}
.marqueeleft li{float:left;margin:0 10px;text-align: center;overflow: hidden;position: relative;}
.marqueeleft li .pic{display:block;border:#dcdcdc 0px solid;width:177px;height:189px;overflow:hidden;}
.marqueeleft li .txt{font-size: 14px;padding: 15px 0;color: #333;text-align: center;}
.marqueeleft li:hover .pic{
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.tdbj .marqueeleft{margin-top: 0;}

.footer{ line-height: 26px; color: #fff;padding: 15px 0;font-size: 12px;background: #292a2e;}
.foot p{color: #fff;font-size: 12px;float: left;}
.foot a{color: #fff;font-size: 12px;}


/*.foot:before{
	position: absolute;
    left: 0;
    top: 0;
    content: '';
    width: 100%;
    border-bottom: 2px solid #fff;
}*/



.dbg .col-md-5{padding-right: 0;}
.dbg .col-md-19{background: #fff;}
.dbg .container{padding-top:20px;}
.rightce{border:0px solid #cccccc;padding: 0 15px;}
.rightnav{ line-height:40px; border-bottom:1px solid #cccccc;padding: 0 10px;}
.rightnav li{ list-style-type:none; line-height: 38px;}
.rbiao{float:left;color:#333333; font-size:16px; line-height:29px; text-indent:10px; padding-right:10px;border-bottom:2px solid #396c03;}
.leftce{ width:100%;border:1px solid #cccccc;border-top:0px solid #801b19; background: #396c03;padding:25px 0;}
.leftce h3{ color:#fff; text-align:center; margin: 0;font-size: 20px;}
.leftce1{ width:100%;border:1px solid #cccccc; border-top:0;overflow: hidden;padding-bottom: 5px;background: #fff;}
.neir{font-size: 14px; line-height: 26px; min-height:300px;}
.neir p{font-size: 14px; line-height: 26px; margin:0;}
.neir td{font-size: 14px; line-height: 30px;}
/*.neir STRONG{font-size: 14px; line-height: 26px;}*/
.smenuv{ width:100%; height:auto; overflow:hidden; float:left; background:#FFF;}
.smenuv a{width:100%;height:53px;display:block;border-bottom:1px solid #EAEAEA;border-left:6px solid #FFF;font-size:15px;font-family:Arial;color:#2b2a2a;line-height:53px;text-align: center;}
.smenuv a:hover, .cur a{border-left:6px solid #396c03;color:#f3a913;}
.layui-breadcrumb a:hover{color: #f3a913!important;}

/* 产品 */
/* .nav-pic h2{background: #263470;font-size: 22px;color: #ffffff;padding: 15px;} 
.nav-pic ul{border: 1px solid #aaaaaa;margin-bottom: 15px;}*/
.nav-pic ul li {margin-bottom: 0!important;}
.nav-pic ul li .a1{font-size: 12px;display: block;border-bottom: 1px dashed #aaaaaa;padding: 5px 0;}
.nav-pic ul li .a1 i{font-size: 12px;}
.nav-pic ul li h3 a{display: block;}
.nav-pic ul li:last-child{border-bottom: 0;}
.nav-pic ul li .layui-show .show{color: #f3a913}
.nav-pic ul .curr h3 a{color: #f3a913}

/*新闻*/
#news_list {
	margin:0 auto;
	height:auto;
}
#news_list li {
	overflow: hidden;
	padding-top:15px; padding-bottom:15px;
	border-bottom:1px #ddd dashed;
}
#news_list li .pic{padding: 0;}
#news_list li .titjj{ padding-right: 0;}
#news_list li h1 a{ font-size:16px; color:#000;}
#news_list li h2{ font-size:14px; color:#000; line-height:30px;}
#news_list li p{ font-size:12px; line-height:22px; color:#101010;}
#news_list li:hover h1 a,#news_list li:hover h2,#news_list li:hover p{ color:#396c03;}
.content{font-size: 14px;line-height: 30px;}
#Article{padding: 0 10px 10px;}
#Article .content{min-height: 300px;}

/*图文*/
.picbg img{border: 1px solid #ddd;width: 100%;}
.picbg h1{font-size: 14px;text-align: center;margin-bottom: 10px;overflow: hidden;padding: 15px 0;background: #eeeeee;}
.pict{text-align: center;margin: 10px;}
.pict p{font-size: 20px;}
.pict img{border:3px #cecece solid;}
.xxjs{ border-bottom:1px #4b4b4b dashed; margin-bottom: 20px;}
.xxjs span{ background:#396c03; color:#ffffff; width:68px; height:26px; display:block; text-align:center; line-height:26px; }

/*下载*/
.down_list{border-bottom: 1px solid #ddd;overflow: hidden;padding: 10px 0;}
.down_list h1 a{font-size: 16px;font-weight: bold;line-height: 30px;}
.down_address{margin-bottom: 20px;}
.down_address li{position: relative;left: 50%;margin-left: -40px;}
.down_address li a{color: #fff;}
.down_intro{margin-bottom: 15px;}

/*留言*/
#myform .layui-form-label{padding: 9px 0px;}
#myform .layui-input-block{margin-left: 80px;}
#myform .layui-btn-normal{
	position: relative;
	left: 50%;
	margin-left: -30px;
	margin-bottom: 20px;
	background-color:#396c03;
}
/* 分页 */
#pages { padding:14px 0 10px; position: relative;text-align: center;}
#pages a { display:inline-block; height:30px; line-height:30px; background:#fff; border:1px solid #dddddd; text-align:center; color:#333; padding:0 13px}
#pages a.a1:hover {background: #eee;color: #333;}
#pages a:hover { background:#396c03; color:#fff; text-decoration:none }
#pages span { display:inline-block; height:30px; line-height:30px; background:#396c03; border:1px solid #396c03; color:#fff; text-align:center;padding:0 13px;position: relative;top: -1px;}
.page .noPage { display:inline-block; width:110px; height:30px; line-height:30px; background:url(../img/icu/titleBg.png) repeat-x 0 -55px ; border:1px solid #e3e3e3; text-align:center; color:#a4a4a4; }

/*kefu*/
.main-im{ position:fixed; right: 10px; top:300px; z-index: 100; width: 110px; height: 272px; }
.main-im .qq-a { display: block; width: 106px; height: 116px; font-size: 14px; color: #0484cd; text-align: center; position: relative; }
.main-im .qq-a span { bottom: 5px; position: absolute; width: 90px; left: 10px; }
.main-im .qq-hover-c { width: 70px; height: 70px; border-radius: 35px; position: absolute; left: 18px; top: 10px; overflow: hidden; z-index: 9; }
.main-im .qq-container { z-index: 99; position: absolute; width: 109px; height: 118px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom: 1px solid #dddddd; background: url(../../images/images/qq-icon-bg.png) no-repeat center 8px; }
.main-im .img-qq {max-width: 60px; display: block; position: absolute; left: 6px; top: 3px; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.main-im .im-qq:hover .img-qq{ max-width: 70px; left: 1px; top: 8px; position: absolute; }
.main-im .im_main {background: #F9FAFB; border: 1px solid #dddddd; border-radius: 10px; background: #F9FAFB;display:none;}
.main-im .im_main .im-tel { color: #000000; text-align: center; width: 109px; height: 105px; border-bottom: 1px solid #dddddd; }
.main-im .im_main .im-tel div{font-weight:bold;font-size: 12px;margin-top:11px;}
.main-im .im_main .im-tel .tel-num { font-family: Arial; font-weight: bold; color: #e66d15;}
.main-im .im_main .im-tel:hover { background: #fafafa; }
.main-im .im_main .weixing-container {width: 55px; height: 47px; border-right: 1px solid #dddddd; background: #f5f5f5; border-bottom-left-radius: 10px; background: url(../../images/images/weixing-icon.png) no-repeat center center;float:left;}
.main-im .im_main .weixing-show {width: 112px; height: 172px; background: #ffffff; border-radius: 10px; border: 1px solid #dddddd; position: absolute; left: -125px; top: -126px; }
.main-im .im_main .weixing-show .weixing-sanjiao {width:0; height: 0; border-style: solid; border-color: transparent transparent transparent #ffffff; border-width: 6px; left: 112px; top: 134px; position: absolute; z-index: 2;}
.main-im .im_main .weixing-show .weixing-sanjiao-big { width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #dddddd; border-width: 8px; left: 112px; top: 132px; position: absolute; }
.main-im .im_main .weixing-show img { width: 104px; height: 103px; padding-left: 5px; padding-top: 5px; }
.main-im .im_main .weixing-show .weixing-txt{position:absolute;top:110px;left:7px;width:100px;margin:0 auto; text-align:center;}
.main-im .im_main .go-top { width: 50px; height: 47px; background: #f5f5f5; border-bottom-right-radius: 10px; background: url(../../images/images/toTop-icon.png) no-repeat center center;float:right;}
.main-im .im_main .go-top a { display: block; width: 52px; height: 47px; }
.main-im .close-im { position: absolute; right: 10px; top: -12px; z-index: 100; width: 24px; height: 24px; }
.main-im .close-im a { display: block; width: 24px; height: 24px; background: url(../../images/images/close_im.png) no-repeat left top; }
.main-im .close-im a:hover { text-decoration: none; }
.main-im .open-im { cursor: pointer; margin-left: 68px; width: 40px; height: 133px; background: url(../../images/images/open_im.png) no-repeat left top; }


@media (min-width: 1200px) {
	.layui-col-space64>*{padding: 32px;}
	.container{width: 1230px;}
}

@media (min-width: 768px) {
	.right1{float: right;}
	.nav > li > a{padding: 0 10px;}
	.leftdh{padding-right: 25px;}
}

@media (min-width:768px) and (max-width:1024px){
	
}

@media (min-width:1025px){
	.div:nth-child(2){}
	
}

@media (max-width: 767px) {
	#news_list li .titjj p{display: none;}
	.biao{margin-top: 20px;}
  	.leftce1{border: 0;width:100%;}
  	.btn{margin: 3px auto;}
	.btitle1 a{width: 60%;}
	.rightce{padding: 0;}

	.banner{margin-top: 0;}
	.about-title{margin-top: 20px;}
}

@media (max-width: 375px) {

}

@media (max-width: 360px) {

}

@media (max-width: 325px) {

}