@charset "utf-8";
/* 
时间：2017-05-09
网址：www.jidinet.cn
 */

*{ padding:0; margin:0; list-style:none}
body{ 
    /*background:#303030;*/
    background:#fff;
font-family:"微软雅黑",'Microsoft Yahei';}
a{ text-decoration:none; color:#333}
img{ border:0}

.w1200{ width:1200px; margin:0 auto; overflow:hidden}
.ih2{ border-bottom:10px solid #01743B; font-size:44px; color:#01743B; font-family:"微软雅黑",'Microsoft Yahei'; margin-top:40px}
.ih2 span{ color:#01743B; font-size:30px}
.w900{ width:920px;}

/*语言栏*/
.lang{ text-align:right; height:59px; line-height:59px; position:relative}
.lang a{ color:#333; padding-left:10px}
.lang h1{ position:absolute; top:0; left:0; z-index:999}

/*导航*/
.nav{ height:125px; 
background:#e9f3f4
/*background:#166df100*/
    
}
.nav .menu{ overflow:hidden; float:right}
.nav .menu li{ float:left;}
.nav .menu li a{ color:#01743B; font-size:24px; margin:0 25px; line-height:125px; padding-bottom:5px}
.nav .menu li a.on{ border-bottom:6px solid #608904;}
.nav .menu li a:hover{ border-bottom:6px solid #0c6a3c;}

/*幻灯片*/
.banner{ background:url(../images/banner1.jpg) no-repeat center; height:387px}
.banner .swiper-container {width: 476px;height: 232px; position:absolute !important; right:50px; top:80px}
.banner .swiper-slide img{ border-top:15px solid #01743bb0}
.ban-img{ position:relative; width:1200px; margin:0 auto}
.banner .prev1{ left:630px !important; background:none !important; top:180px !important}
.banner .next1{ background:none !important;top:180px !important}

/*首页产品*/
.tab{ text-align:center; margin:30px 0}
.tab li{ display:inline-block; width:200px; text-align:center; line-height:40px;cursor:pointer; color:#fff; background:#01743B; margin:0 5px; font-size:18px}
.tab .hover{ background:#8cbf1b; color:#fff}
.box{ width:1200px; margin:0 auto; overflow:hidden; height:380px}
.box .swiper-button-prev{ background:none !important; left:0; top:50%; margin-top:-41px}
.box .swiper-button-next{ background:none !important; right:26px;top:50%; margin-top:-41px}
.box .swiper-slide{ position:relative}
.box .swiper-slide img{ float:left}
.box .swiper-slide p{ position:absolute; bottom:0; left:0; width:100%;background: rgba(0,0,0,0.5);height: 40px;line-height: 40px;text-align: center;}
.box .swiper-slide p a{ color:#fff}

/*首页关于我们*/
.icontact{ float:right; width:430px;}
.icontact dl{  margin-top:30px}
.icontact dl dt{height:200px; background:rgba(233, 233, 233, 1); color:#333; font-size:18px; padding:30px 10px 10px}
.icontact dl dt p{ margin-bottom:13px}
.icontact dl dd{ margin-top:15px}
.iabout{ width:740px; float:left}
.iabout dl{ overflow:hidden; background:rgba(242, 242, 242, 1); padding:10px; margin-top:30px}
.iabout dl dt{ float:left; color:#333; background:rgba(233, 233, 233, 1); padding:10px; width:400px; height:500px; line-height:41px;font-size:18px; margin-right:30px; font-family:"微软雅黑",'Microsoft Yahei', cursive}
.iabout dl dd { margin-top:20px}
.iabout dl dd p a{ background:rgba(233, 233, 233, 1); display:block; width:248px; height:50px; text-align:center; line-height:50px; color:#333; margin-left:450px; margin-top:15px; font-size:33px}

/*首页新闻*/
.inews{ margin-top:30px}
.inews dl{ overflow:hidden; width:560px; float:left; margin-right:80px; margin-top:70px}
.inews dl dt{ float:left; margin-right:20px}
.inews dl dd{ margin-left:200px; padding-top:10px}
.inews dl dd h3{ font-size:24px; margin-bottom:10px;white-space:nowrap;overflow: hidden;text-overflow:ellipsis; color:#fff}
.inews dl dd p{ font-size:20px; line-height:30px; color:#333; border-top:2px solid #01743B; padding-top:10px}
.inews dl a{ color:#333;}
.inews-more{  font-size:30px;  text-align:center; margin:50px 0}
.inews-more a{ display:inline-block; width:150px; height:45px; line-height:45px;border:1px solid #01743B; color:#01743B;}

/*foot*/
.foot{ background:rgba(30, 66, 35, 1); padding:30px 0 10px 0; color:#fff; font-size:18px;}
.foot ul{ overflow:hidden}
.foot ul li{ line-height:36px}
.foot p{ text-align:center; padding-top:10px}

/*当前位置*/
.position{ margin:20px auto; color:#333; border-bottom:1px solid #fff; padding-bottom:10px}
.position a{ color:#333;}

/*内页*/
.n-box{ margin:20px auto 40px}
.slider{ float:right; width:280px; }
.slider h3{ font-size:20px; border-bottom:1px solid #fff; color:#fff; padding-bottom:10px; margin-bottom:5px}
.s-right{background:#01743B; padding:20px; margin-bottom:20px}
.s-right1 a{ line-height:24px; color:#fff; display:block; border-bottom:1px solid #93C91C; line-height:40px; padding-left:5px}
.s-right1 a:hover{ text-decoration:underline}
.s-right2 p{ margin:10px 0; color:#fff}

/*产品*/
.product{ float:left}
.product .plist{ overflow:hidden}
.product .plist li{ float:left; border:1px solid #01743B; padding:10px; margin-right:24px; margin-bottom:30px; background:#01743B}
.product .plist li img{ width:260px; height:260px}
.product .plist li p a{ color:#fff;}
.product .plist li p a:hover{ text-decoration:underline}
.product .plist li p{ text-align:center; padding-top:5px}

/*关于我们*/
.about{ color:#333; width:880px; text-align:justify; text-justify:inter-ideograph; line-height:30px}

/*NEWS*/
.news{ width:880px; float:left}
.news dl{ overflow:hidden; border-bottom:1px dotted #666; padding-bottom:20px; margin-bottom:20px}
.news dl dt{ float:left; margin-right:10px}
.news dl dt img{ float:left}
.news dl dd{ color:#fff}
.news dl dd a{ color:#333}
.news dl dd span{ float:right; line-height:30px; color:#333; font-weight:normal}
.news dl dd h6 a{ font-size:22px; line-height:30px}
.news dl dd p{ color:#333}


/*article*/
.article{ width:880px}
.article .tit{ border-bottom:1px dotted #999; color:#fff; text-align:center; padding-bottom:10px;}
.article .tit h4{ color:#333; margin:20px 0 10px; font-size:28px}
.article .tit p{ color:#666}
.article .cont{ margin-top:20px; color:#333}

/*产品详情*/
#showbox { background:#eee;}
#showbox span { background:url(../images/whitebg.png) repeat;}
#showsum { left:25px; margin-top:10px;}
#showsum span { border:1px solid #ddd;}
#showsum span.sel { border:1px solid #f60;}

.showpage { width:400px; position:relative;}
.showpage a { display:block; width:15px; border:1px solid #ddd; height:60px; line-height:60px; background:#eee; text-align:center; font-size:18px; position:absolute; left:0; top:-62px; text-decoration:none; color:#999;}
.showpage a#shownext { left:auto; right:0;}
.showpage a:hover { background:#ccc; color:#777;}

.images-txt{ float:right; width:400px; margin-right:40px}
.images-txt ul{ overflow:hidden}
.images-txt ul li{ line-height:60px; border-bottom:1px dotted #666; color:#01743B; font-size:18px}
.images-txt-li1{ font-size:24px !important}
.image-box{ overflow:hidden; color:#333}
.image h5{ font-size:24px; border-bottom:2px solid #666; width:880px; padding-bottom:10px; color:#01743B; margin:30px 0}

/*翻页*/
.pagess {clear: both;margin: 20px;overflow: hidden;margin-left: 0px;text-align: center;font-size:12px}
.pagess ul li { display:inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;line-height: 20px;background: #fff;color:#999}
.pagess ul li:hover{ background:#ccc; color:#fff;border: 1px solid #ccc}
.pagess ul li:hover a{color:#fff;}
.pagess ul li.thisclass {display: inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;background: #ccc;color: #fff;}
.pagess ul li.thisclass a {color: #fff;}
.pagess ul li a{ display:block;color:#999}
.pagess ul li a:hover {color: #fff;}