@import url("common.css");
@import url("icon/iconfont.css");

/*全局样式
---------------------------------------------*/
body{ margin:0 auto; padding:0; width:100%; color:#000; font:12px Arial,"Microsoft Yahei"; text-align:center; -webkit-font-smoothing:antialiased; }
input,button,select,textarea,img,p,h1,h2,h3,h4,h5{ margin:0; padding:0; border:0; font-family:Arial,'Microsoft YaHei','微软雅黑'; }
a{ color:#000; text-decoration:none;font-family:Arial,'Microsoft YaHei','微软雅黑'; font-size: 12px; }
a:hover{ color:#e20123; text-decoration:none; -webkit-transition: all 0.2s linear;transition: all 0.2s linear; }
ol,ul,li,dl,dd{ margin:0 auto; padding:0; list-style-type:none; }
i,em{ font-style:normal; }
table { border-collapse:collapse; border-spacing:0; }
.fr{ float: right;}
.fl{ float: left;}
/*Clear Fix*/ 
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix{ display:inline-block; } 
.clearfix { display:block; } 
.home{width: 100%;}
.wrapper{ width: 1000px;  margin:0 auto; padding:0;height:auto; text-align:left;display:inline-block}
.index{background: #eeeeee}

/*Banner样式*/
.slide-box{ position:relative; margin:0; width:100%; height:380px; text-align:center; overflow:hidden; margin-bottom: 30px; }
    .slide-box .list-box{ position:absolute; top:0;/* left:100px;! margin-left:-960px; */ width:1000px; height:100%; background:#fff; }
    .slide-box .list-box li{ position:absolute; left:0; top:0; display:block; width:100%; height:100%; opacity:0;  }
    .slide-box .list-box li a{ display:block; width:100%; height:100%; }
    .slide-box .list-box li a img{ position:absolute; top:0; left:0; width:100%; height:100%; }
    .slide-box .speed-box{ position:absolute; left:0; bottom:20px; width:100%; height:10px; text-align:center; z-index:999; }
    .slide-box .speed-btn{ display:inline-block; margin:auto 0; }
    .slide-box .speed-btn a{ display:block; float:left; margin:0 5px; width:10px; height:10px; background:url(../images/slide_btns.png) 0 -166px no-repeat; overflow:hidden; *float:none; *display:inline-block; }
    .slide-box .speed-btn a.selected{ background-position:0 -176px; }
    .slide-box .prev-btn,.slide-box .next-btn{ position:absolute; top:50%; display:block; margin-top:-41px; width:42px; height:82px; z-index:999; opacity:0.5;  background:url(../images/slide_btns.png) no-repeat; display:none; overflow:hidden; }
    .slide-box .prev-btn{ left:31px; background-position:0 0; }
    .slide-box .next-btn{ right:31px; background-position:0 -82px; }
    /* 邮局登录 */
    .conter_l{ width:260px; float:left;}
    .conter_l .login{height:120px; background:url(../images/login_h.png) no-repeat; border:1px solid #CCC; overflow:hidden; padding-top:60px; text-align:center;}
    .conter_l .login input{ margin-bottom:20px; width:100px;border: solid 1px #000;}
    .conter_l .login button{ background-color:#5f9100; border-radius:5px; width:50px; height:20px; color:#FFF;}
    .conter_l .l_news{ height:278px; border:1px solid #CCC; margin-top:20px;}
    .conter_l .l_news .head{ border-bottom:1px solid #e6e6e6; background: url(../images/head_b.png) repeat-x; height:30px;}
    .conter_l .l_news .head h3{ background:url(../images/head_ico.png) no-repeat; padding-left:30px; font-size:16px; color:#7fa733; font-weight:bold; margin:10px 0 0 10px;}
    .conter_l .l_news ul{ padding:10px;}
    .conter_l .l_news ul li{ background:url(../images/n_ico.png) left no-repeat; padding-left:25px; font-size:13px; border-bottom:dotted 1px #999; font-weight:bold; line-height:30px;/*! overflow: hidden; */width: 200px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
    .conter_r{ width:720px; height:200px; float:right;}
    .conter_r .zjht{ height:260px;}
    .conter_r .zjht .head{ height:20px; padding-left:10px; font-size:16px; color:#7fa733; font-weight:bold;}
    .conter_r .zjht .head span{ width:10px; height:100%; display:block; background-color:#009661; float:left; margin-right:10px;}
    .conter_r .zjht .head .gd{float:right; width:50px; font-size:12px; color:#000; font-weight:normal; margin-top:5px; }
    .conter_r .zjht .conter{ background-color:#ececec; border-radius:3px; height:200px; padding:5px; margin-top:10px; position:relative;}
    .conter_r .zjht .conter div{ background-color:#FFF; border-radius:3px; height:190px; position:relative; padding:5px;}
    .conter_r .zjht .conter #gd{ position:absolute; right:15px; bottom:15px;}
    .conter_r .cptj{ height:220px; border:1px solid #CCC; }
    .conter_r .cptj .head{background: url(../img/head_r.png) repeat-x; height:50px;}
    .conter_r .cptj .head h3{ background:url(../img/head_ico.png) left no-repeat;font-size:16px; color:#7fa733; font-weight:bold; padding-left:30px; float:left; margin:10px 0 0 10px;}
    .conter_r .cptj .head .gd{ float:right; margin:15px;}
    .conter_r #jpdj{ width:700px; overflow:hidden; margin:0 10px;}
    .conter_r #jpdj ul li,#jpdj ul li div{ float:left;}
    #jpdj ul li div{ width:150px; height:160px; text-align:center;}


/*about*/

.main_l{ height: auto; width:220px; top:380px;float:left; }
.main_l .sidebar{ width:220px; text-align:center;border:1px solid #E6E6E6; margin-bottom:10px;}
.main_l .sidebar h3{ font-size:24px; color:#7fa733; padding:10px 0; background-color:#f6f6f6; border-bottom:1px solid #CCC;}
.main_l .sidebar ul{ margin-top:10px;}
.main_l .sidebar ul li{ margin:10px 30px; font-size:14px; border-bottom:1px  dotted #666; padding:5px 0;}
.main_l .sidebar ul li a:hover{ color:#001eff;}
.main_r{ width:750px; min-height:550px; margin-left:250px;}
.main_r .head{ padding:10px 20px; border-bottom:1px solid #CCC; font-size:16px;color: #7fa733; font-weight: bold;}
.main_r .head span{ width:10px; height:20px; display:block; background-color:#009661; float:left; margin-right:10px;}
.main_r .head .wz{ float:right; font-size:12px;  padding-top:5px; font-weight: normal;}
.main_r .head .wz a{color:#666;}
.main_l .contact{ width:220px;border:1px solid #E6E6E6;}
.main_l .contact h3{ font-size:24px; color:#7fa733; padding:10px 0; background-color:#f6f6f6; border-bottom:1px solid #CCC; text-align:center;}
.main_l .contact p{ line-height:25px; padding:10px;}

.main_r .content{ margin:10px;}
.main_r .c_list{ float:left; padding:10px; min-width:600px;}
.main_r .c_list li{ float:left; padding:30px 40px; width:150px; height:150px}
.main_r .c_list .product_l{ width:160px; height:180px; text-align:center;}
.main_r .c_list .product_l span{ font-size:13px;}
.main_r .c_list .product_l  a:hover{ color:#00F}
/*product*/
.main_r.product_detail{width:640px; float:left; padding:20px;padding-top:20px }
.main_r.product_detail #img{ text-align:center; width:100%;  margin:20px; width:300px; height:300px;}
.main_r.product_detail #img img{ width:300px; height:300px;}






/*首页关于*/
.i-abouttp{ position: absolute; height: 525px;}
.i-abouttp img{ width: 100%}
.about-box{ position: relative; margin-top: 260px;}
.about-box .about-con { text-align: left; background: #fff;}
.about-box .about-con .about-head{ margin-top: 60px; text-align: center; font-size: 40px; font-family:Impact; text-transform: uppercase; font-weight: bold; padding-top: 50px;}
.about-box .about-con .nr{ line-height: 24px; font-size: 13px; margin: 70px;text-transform: uppercase;}
.about-box .about-con .nr p{text-transform: uppercase; font-size: 12px;letter-spacing:1px;}
.about-box .about-con .about-more{ text-align: center; padding-bottom: 50px; margin-top: 30px;}
.about-box .about-con .about-more a{ opacity: 0.5; font-weight: 600; }

/*发展历程*/
.course{ margin: 70px 0; }
.course-con{ background: #fff; padding: 50px 0px 40px 40px;}
.course-con .left{ width: 428px; float: left;}
.course-con .left .head .sm{ font-size: 14px; opacity: 0.4; font-weight: bold; line-height: 24px;}
.course-con .left .head .big{ font-size: 30px; line-height: 40px;}
.course-con .left .head .line{ width: 50px; height: 3px; background: #e20123; margin-top: 30px;}
.course-con .left .left-con{ margin-top: 30px;}
.course-con .left .left-con p{ line-height: 30px;}
.course-con .left .l-more{ margin-top: 40px; padding: 20px 0; background: #e20123; width: 215px; text-align: center;}
.course-con .left .l-more a{ font-size: 16px; color: #fff; text-transform: uppercase;}
.course-con .right{ float: left; margin-left: 120px; width: 550px;}
.course-con .right li{ float: left; width: 270px; margin-bottom: 55px; margin-right: 100px; height: 160px;}
.course-con .right li .img{ margin-left: 10px;height: 85px;}
.course-con .right li p{ font-size: 20px; line-height: 24px; margin-bottom: 10px;}
.course-con .right li span{ opacity: 0.5; line-height: 16px;}









.banner-ny{height: 300px; overflow: hidden;}

/*公共*/
.section{ height: 45px;}
.section .location{ line-height: 45px; color: #aeaeae;}
.section .location a{color: #aeaeae;}
.section .location a:hover{color: #e20123;}
.section-line{border-bottom: 1px solid #aeaeae; margin-bottom: 10px;}
.section_left{ color: #2d2d2d; margin-top: 70px; width:200px; float: left;}
.section_left .head{margin-bottom: 0px;background: #e20123;height: 45px;line-height: 45px;text-align: center;color: #fff;font-size: 18px;}
.section_left ul{ background: #1f1f1f; text-align: center;}
.section_left .item{ height: 40px; line-height: 40px; border-bottom: 1px solid #3e3e3e;}
.section_left .item a{ color: #8c8c8c; font-size: 13px; }
.section_left .item a:hover,.section_left .item a:active{color: #e20123;}
.next_box{ position:relative; padding:30px 50px 20px; line-height:20px; color:#444; font-size:14px; }
    .next_box:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
    .next_box p{ display:block; width:49%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
    .next_box p a{ text-transform:uppercase;}
    .next_box p.prev{ float:left; }
    .next_box p.next{ float:right; text-align: right;}

.page-box{ margin:15px 30px; padding-bottom:30px; }
    .page-box:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }

div.digg{ margin: 20px 0; padding:0; text-align:left; font-size:14px; }
    div.digg a{ display:block; float:left; padding:5px 12px; margin:0 0 0 8px; border:1px solid #e1e2e3; line-height:20px; height:20px; color:#3b8dd1; background:#fff; text-decoration:none; }
    div.digg a:hover { border:1px solid #3b8dd1; }
    div.digg span{ display:block; float:left; padding:5px 0; line-height:20px; height:20px; }
    div.digg span.current { padding:5px 12px; margin:0 0 0 8px; color:#555; font-weight:bold; }
    div.digg span.disabled { border:1px solid #eee; padding:5px 12px; margin:0 0 0 8px; color:#ddd; }

/*产品列表*/

.pro_left{width:200px; float: left;}
.pro_left .head{margin-bottom: 5px;font-size: 20px; font-weight: bold; color: #5d5d5d; }
.pro_left .line{ border: 2px solid #e2001f; width: 20px; margin-bottom: 10px;}
.pro_left ul{}
.pro_left .item{ height: 30px; line-height: 30px;}
.pro_left .item a{ color: #5d5d5d; font-size: 13px; text-transform: uppercase; }
.pro_left .item a:hover,.section_left .item a:active{color: #e20123; text-decoration: underline;}
.pro_right{width:920px; margin-top: 10px; float: right;}




.pro_right .item{width: 285px; float: left; margin-right: 15px; margin-bottom: 30px;}
.pro_right .item .pro_img{ width: 285px; height: 285px; border: 1px solid #c8c7c7; margin: 0 auto; text-align: center; vertical-align: middle;overflow: hidden; }
.pro_right .item .pro_img img{ max-height: 285px;}
.pro_right .item .pro_nr{ text-align: center; margin-top: 10px; color: #2d2d2d;font-size: 13px;}
.pro_right .item .pro_nr h3{font-size: 13px;  font-weight:normal; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.pro_right .item .pro_nr p a{ font-size: 13px; line-height: 30px;}

.pro-search{ margin: 40px 0 90px 0;}
.pro-search .head{font-size: 20px; font-weight: bold; color: #5d5d5d; margin-bottom: 30px;}
.pro-search input{width:360px;height:20px;font-size:14px;line-height:20px;color:#333;padding:14px 20px;appearance:none;-moz-appearance:none;-webkit-appearance:none;border:1px solid #e5e5e5;outline:none}
.pro-search .search-btn{display:inline-block;margin-left:-6px;cursor:pointer;color:#FFF;background-color:#e2001f;width:115px;height:50px;font-size:14px;line-height:50px; text-align: center;}
.pro-search .search-btn:hover{text-decoration:none}


/*产品详情*/
.prod{margin-top: 10px;}
.prod .prod_con{ margin: 0 auto; }
.prod .prod_con ul{ border: 1px solid #cfcfcf;}
.prod .prod_con .item{ width: 33.33%; float: left; text-align: left;}
.prod .prod_con .item .head{ background: #1f1f1f; height: 40px; line-height: 40px; color: #fff; text-align: left; font-size: 16px;}
.prod .prod_con .item .wz{ padding-left: 20px;}
.prod .prod_con .item .example-image-link img{ width: 60%;}
.prod .prod_con .item .item-t{ margin-top: 10px;font-size: 14px; width: 90%;}

.prod .prod_con{ border: 1px solid #cfcfcf;}
.prod .prod_con .img{float: left; width: 34%;}
.prod .prod_con .img .head{ background: #1f1f1f; height: 40px; line-height: 40px; color: #fff; text-align: left; font-size: 16px; padding-left: 20px;}
.prod .prod_con .img .example-image-link img{ width: 80%;}
.prod .prod_con .oem{ float: left; width: 22%;}
.prod .prod_con .oem .head{ background: #1f1f1f; height: 40px; line-height: 40px; color: #fff; text-align: left; font-size: 16px;}
.prod .prod_con .oem .item-t{ margin-top: 10px;font-size: 17px; width: 90%;}
.prod .prod_con .application{ float: left; width: 22%;}
.prod .prod_con .application .head{ background: #1f1f1f; height: 40px; line-height: 40px; color: #fff; text-align: left; font-size: 16px;}
.prod .prod_con .application .item-t{ margin-top: 10px;font-size: 17px; width: 90%;}
.prod .prod_con .cansu{ float: left; width: 22%;}
.prod .prod_con .cansu .head{ background: #1f1f1f; height: 40px; line-height: 40px; color: #fff; text-align: left; font-size: 16px;}
.prod .prod_con .cansu .item-t{ margin-top: 10px;font-size: 17px; width: 90%;}



/*关于我们*/
.about_right{margin-top: 10px;margin-top: 70px;}
.about_right .about_con{ padding-right: 20px; text-indent:2em; line-height: 30px;}
.about_right .about_con p{ text-indent:2em; line-height: 30px; font-size: 14px;  }

.about_right img{ max-width: 590px; margin-top: 10px;}




/*新闻列表*/
.news_right{width: 985px; float: right;margin-top: 55px;}
.n-list{ padding:15px 30px; }
	.n-list li{ display:block; padding-bottom:35px; border-bottom:1px solid #d2d2d2; overflow:hidden; margin-bottom: 35px; }
	.n-list li:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
	.n-list li h2{  font-size:16px; line-height:24px; font-weight:normal;  white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
	.n-list li h2 a{ color:#333; text-decoration:none; font-size:16px;}
	.n-list li h2 a:hover{ color:#e20123; }
	.n-list li .note b{ position:relative; display:block; float:left; margin-right:16px; width:330px; height:190px; border:1px solid #e8e8e8; font-style:normal; overflow: hidden;}
	.n-list li .note b img{ min-width:100%; min-height:100%; width:100%; _height:100%; }
	.n-list li .note p{ display:block; font-size:14px; max-height:84px; line-height:28px; font-weight:500; color:#666; overflow:hidden;overflow : hidden; text-overflow: ellipsis;   display: -webkit-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical; margin-top: 10px; }
	.n-list li .note .info{ padding-top:10px; height:20px; line-height:20px; }
	.n-list li .note .info span{ margin-right:10px; color:#999; font-size:12px; }
    .n-list li .note .info span i{ margin-right:3px; font-size:12px; }
	
    .n-list li .note .new-more{ width: 130px; background: #e20123; text-align: center; height: 38px; line-height: 38px; display:block; font-size:14px; max-height:84px; line-height:38px; font-weight:500; color:#fff; overflow:hidden; margin-top: 28px;}
.n-list li .note .new-more a{ color: #fff;}
.n-list .nodata{ margin-top:30px; color:#666; font-size:14px; line-height:100px; text-align:center; }


/*新闻详情*/
.newsshow_right{width: 985px; float: right;}
.meta{ margin:0; padding:20px 50px 0 0px; }
	.meta:after{ clear:none; content:""; display:block; height:0; visibility:hidden; }
	.meta h2{ margin:0 0 20px; padding:0; color:#333; font-size:24px; font-weight:300; line-height:1em; text-align: center;}
	.meta .info{ margin:0 0 10px; text-align: center;}
	.meta .info span{ margin-right:10px; color:#b0b0b0; font-size:12px; line-height:14px; }
    .meta .info span i{ margin-right:5px; display:inline-block; font-size:14px; }
    .meta .note{ margin-top:10px; padding:15px 20px; background:#f5f5f5; line-height:22px; color:#757575; font-size:12px; }
  /*内容详细样式*/
.entry{ margin-top:20px; font-size:14px; line-height:2em; word-wrap:break-word; }
	.entry img{ max-width:100%!important; height:auto!important; }
	.entry h2,.entry h3,.entry h4{ margin:0.8em auto; padding-bottom:5px; border-bottom:1px solid #f6f6f6; color:#333; }
	.entry h2{ font-size:1.2em; }
	.entry h3,.entry h4{ font-size:1.1em; }
	.entry strong{ color:#DC2523; }
	.entry ul,.entry ol{ margin:1em; padding:0; }
	.entry li{ margin-left:1em; }
	.entry ul li{ list-style:disc outside none; }
	.entry ol li{ list-style:decimal outside none; }
	.entry p{ display:inherit; margin:1em 0; color:#333; word-wrap:break-word; }
	.entry a{ text-decoration:underline; }
	.entry code{ display:block; padding:0.5em; background:#eee; border-radius:.5em; color:#777; font-family:'courier new'; font-size:12px; line-height:1.7em; }
	.entry table{ margin:10px auto; border-left:1px solid #eee; border-top:1px solid #eee; }
	.entry table th{ background:#F9F9F9; text-align:center; }
	.entry table td,.entry table th{ border-bottom:1px solid #eee; border-right:1px solid #eee; padding:0.35em 0.5em; }
/*news*/
.main_r .page{ text-align:center; padding-top:20px; font-size:14px;}
.main_r .n_list{ margin:0 10px;}
.main_r .n_list ul{ }
.main_r .n_list ul li{ margin:5px 0; border-bottom:1px solid #CCC; overflow:hidden;} 
.main_r .n_list ul li img{ float:left; width:120px; height:80px; margin:10px;}
.main_r .n_list ul li h3{ padding-top:5px; font-size:15px; float:left;font-weight:100;color: #000;}
.main_r .n_list ul li  a:hover { color:#001eff}
.main_r .n_list ul li p{ text-indent:2em; color:#333; line-height:18px; float:right;width:590px; margin-top:10px;}
.main_r .n_list ul li .sj{ float:right; padding:10px 15px 0 0; font-size:15px;}

.main_r .ditail{ padding:10px;}
.main_r .ditail .top{ padding:20px; border-bottom:1px dashed #CCCCCC; overflow:hidden;}
.main_r .ditail .top h1{ font-size:24px; text-align:center;}
.main_r .ditail .top .fb{ margin-top:30px; margin-left:120px; width:200px; float:left;}

.main_r .c_list{ float:left; padding:10px; min-width:600px;}
.main_r .c_list li{ float:left; padding:20px 40px; width:150px; height:150px}
.main_r .c_list .product_l{ width:160px; height:180px; text-align:center;}
.main_r .c_list .product_l span{ font-size:13px;}
.main_r .c_list .product_l  a:hover{ color:#00F}




/*联系我们*/


.contact{ margin: 10px 0 30px 0}

.map{width: 550px;height: 530px;}

.address{width: 540px;}
.address h3{font-size: 28px;color: #9A9898;line-height: 37px;}
.address-info{margin-top: 19px;color: #666666;font-size: 14px;line-height: 15px;}
.address-info p{/* margin-bottom: 35px; */position: relative;padding-left: 30px;line-height: 33px;font-size: 17px;}





/*搜索*/
.search-tit{ display:block; margin:0 30px; padding-top:415px; line-height:38px; }
    .search-tit h3{ display:inline-block; color:#333; font-size:16px; font-weight:normal; }
    .search-tit span{ margin-left:15px; color:#999; font-size:14px; }
    .search-tit span strong{ margin:0 2px; color:#1e7bb3; font-weight:600; 
}





.search .search_con .item{width: 285px; float: left; margin-right: 15px; margin-bottom: 30px;}
.search .search_con .item .pro_img{ width: 285px; height: 285px; border: 1px solid #c8c7c7; margin: 0 auto; text-align: center; vertical-align: middle;overflow: hidden; }
.search .search_con .item .pro_img img{ max-height: 285px;}
.search .search_con .item .pro_nr{ text-align: center; margin-top: 10px; color: #2d2d2d;font-size: 13px;}
.search .search_con .item .pro_nr h3{font-size: 13px;  font-weight:normal; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.search .search_con .item .pro_nr p a{ font-size: 13px; line-height: 30px;}