@charset "utf-8";
* { margin: 0; padding: 0; }
body { margin: 0; padding: 0; height: 100%; font-size: 14px; font-family: Tahoma, Geneva, Microsoft YaHei, "微软雅黑"; color: #333; line-height: 24px; word-break: break-all; }
dd, dl, dt, li, ol, ul { margin: 0; padding: 0; list-style: none }
input { font-size: 12px; font-family: Tahoma, Geneva, Microsoft YaHei, "微软雅黑"; vertical-align: middle }
select { font-family: Arial; font-size: 12px }
textarea { font-family: Tahoma, Geneva, Microsoft YaHei, "微软雅黑"; font-size: 12px }
h3, h4, h5 { margin: 0; padding: 0; font-family: "微软雅黑"; font-size: 14px }
.fl { float: left }
.fr { float: right }
.flex{display: flex;display: -ms-flexbox;justify-content: space-between;-ms-flex-pack: justify;}
.clear { clear: both; font-size: 0; }
a { text-decoration: none; transition: all .2s linear 0s; color: #333; }
:focus { outline: 0 }
img { border: 0 }
p { line-height: 24px }
.wrap { width: 1200px; margin: auto; }
.b_shadow { -o-box-shadow: 0 0 8px rgba(0,0,0,.08); -ms-box-shadow: 0 0 8px rgba(0,0,0,.08); -moz-box-shadow: 0 0 8px rgba(0,0,0,.08); -webkit-box-shadow: 0 0 8px rgba(0,0,0,.08); box-shadow: 0 0 8px rgba(0,0,0,.08); }
/*headtop*/
.headtop{width: 100%;height: 40px;line-height: 40px;background-color: #f5f5f5;font-size: 14px;}
.headtop .fl{color: #666;}
.headtop .fr{color: #666;padding-top:0px;padding-bottom: 0px;padding-left: 20px;font-size: 14px;}
.headtop .fr img {margin-right: 5px; position: relative; top: 2px;}
.headtop .frl{background: url(../images/shu2.png) right center no-repeat;padding-right: 20px;}
.headtop .fr a{color: #666;}
.headtop img{ width:18px;}
/*header*/
.header { width: 100%; min-height:130px;}
.header .wrap { position: relative; }
.header .wrap div{display: inline-block;}
.header .wrap .phone{float: right;padding-top: 10px;}
.header .wrap .phone .ph1{font-size: 14px;line-height: 30px; color: #666;}
.phone .ph1 img{position: relative;top: 16px;left: -5px;}
.phone .ph1 span{font-size: 24px;line-height: 36px;color: #ffad10; display: block;}
.phone .ph2{font-size: 24px;line-height: 36px;color: #035abb;font-weight: bold;float: right;}
.logo {width: 486px;}
.logo img { width: 486px; height: 90px; margin-top: 20px;}

.nav {width: 100%;min-width: 1200px; height:55px; background: #20a003;}
.nav ul {text-transform: uppercase;font-size: 0;}
.nav ul li.navleft{background: url(../images/shu2.png) right center no-repeat;}
.nav ul li { display: inline-block; position: relative;font-size: 14px;width: 200px;text-align: center; }
.nav ul li a { display: block;color: #ffffff;line-height: 55px;}
.nav ul li.active a, .nav ul li:hover a {background: #28c804;}
.nav ul li.gbksub { cursor: pointer; }
/*banner*/ 
.banner { width: 100%; height: 650px; position: relative }
.wy-mod-banner { width: 100%; margin-top: 0; height: 650px; position: relative; overflow: hidden }
.wy-mod-banner img { width: auto }
.wy-mod-banner .banners { width: 1920px; height: 650px; overflow: hidden; position: absolute; left: 50%; margin-left: -960px }
.wy-mod-banner .banner { width: 1920px; height: 650px; overflow: hidden; position: absolute; left: 50%; margin-left: -960px }
.wy-mod-banner .focus { width: 960px; margin: 0 auto; padding-top: 620px; text-align: center }
.wy-mod-banner .focus a { text-decoration: none; z-index: 3; width: 20px; height: 20px; position: relative; display: inline-block; overflow: hidden; margin: 0; zoom: 1 }
.wy-mod-banner .focus a .bg-m { z-index: 4; color: #fff; line-height: 40px; font-size: 40px; position: absolute; display: block; left: 2px; top: 6px; cursor: pointer; display: none }
.wy-mod-banner .focus a .bg-b { background: url(../images/bt2.png) center center no-repeat; position: absolute; display: block; left: 0; top: 0; cursor: pointer; width: 20px; height: 20px }
.wy-mod-banner .focus a .inner { background: url(../images/bt1.png) center center no-repeat; position: absolute; left: 0; top: 0; z-index: 9; opacity: 0; display: none\9; +display:none;
width: 20px; height: 20px }
.wy-mod-banner .focus a.on .inner, .wy-mod-banner .focus a:hover .inner { cursor: pointer; display: block; border: 0; -webkit-transition: opacity .3s ease-in-out; -ms-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; opacity: 1 }
.wy-mod-banner .focus .hover .inner { display: block }
/*首页*/
/*产品中心*/
.product {width: 100%; min-width: 1200px; padding:50px 0;}
.product .product_top {text-align: center; border-bottom: 1px solid #e6e6e6;}
.product .product_top .tit {font-size: 24px; color: #333; font-weight: bold;}
.product .product_top .tit1 {font-size: 18px; color: #666; padding-top: 10px;}
.product .product_top i {width: 56px; height: 2px; border-bottom: 2px solid #20a003; display: block; margin: 0 auto; margin-top: 12px;}
.product .product_cont ul {margin-top: 55px; display: flex; display: -ms-flexbox; justify-content: space-between; -ms-flex-pack: justify; flex-wrap: wrap; -ms-flex-wrap: wrap;}
.product .product_cont li {width: 258px;}
.product .product_cont li img {width: 258px; height: 180px;}
.product .product_cont li .tit {padding: 10px 0;}
.product .product_cont li .tit span {display: inline-block; width: 9px; height: 14px; background: url(../images/jt2.png) no-repeat; float: right; margin-top: 5px; margin-right: 10px;}
.product .product_cont .more {width: 99px; height: 40px; border: 1px solid #20a003; color: #20a003; display: block; text-align: center; line-height: 40px; margin: 0 auto; margin-top: 50px;}


/*关于我们*/

.iabout {width: 100%; min-width: 1200px; height: 950px; background:url(../images/bg1.jpg) no-repeat #fcfcfc; padding-top: 50px; padding-bottom: ;}
/*.iabout .wrap {width: ;}*/
.iabout .iabout_top {text-align: center;}
.iabout .iabout_top .tit {font-size: 24px; color: #333; font-weight: bold;}
.iabout .iabout_top i {width: 38px; height: 3px; border-bottom: 3px solid #20a003; display: block; margin: 0 auto; margin-top: 15px;}

.iabout .iabout_cont .desc {text-align: center;font-size: 14px; color: #666; line-height: 30px; margin-top: 20px;}
.iabout .iabout_cont .more {width: 123px; height: 38px; border: 1px solid #20a003; color: #20a003; display: block; text-align: center; line-height: 40px; margin: 0 auto; margin-top: 50px;}

.iabout ul {margin-top: 465px; display: flex; display: -ms-flexbox; justify-content: space-between; -ms-flex-pack: justify;}
.iabout ul li {width: 386px; padding-left: 20px;}
.iabout ul li .tit {font-size: 15px; color: #666;}
.iabout ul li .tit1 {font-size: 15px; color: #999;}
.iabout ul li .cnt {font-size: 15px; color: #666; padding-top: 10px; line-height: 28px;}

/*新材料*/
.materials {width: 100%; height: 850px; background: url(../images/bg2.jpg) center no-repeat;}
.materials .materials_top {text-align: center;}
.materials .materials_top .tit {font-size: 20px; color: #333; padding-top: 60px;}
.materials .materials_top .tit1 {font-size: 30px; color: #333; font-weight: bold; padding-top: 15px;}

.materials .materials_cont {display: flex; display: -ms-flexbox; justify-content: space-between; -ms-flex-pack: justify;} 
.materials .materials_l {width: 580px; text-align: center; padding-top: 52px;}
.materials .materials_l .tit {text-align: center; padding-top: 45px;}
.materials .materials_l .tit span {font-size: 16px; color: #333; font-weight: bold; display: block; padding: 13px 0;}
.materials .materials_l .tit1 {font-size: 32px; color: #333; font-weight: bold; padding-top: 48px;}

/*新闻*/
.inews {width: 100%; min-width: 1200px;background: #f3f3f3; padding: 50px 0;}
.inews .inews_top {text-align: center; border-bottom: 1px solid #e6e6e6;}
.inews .inews_top .tit {font-size: 24px; color: #333; font-weight: bold;}
.inews .inews_top .tit1 {font-size: 18px; color: #666; padding-top: 10px;}
.inews .inews_top i {width: 56px; height: 2px; border-bottom: 2px solid #20a003; display: block; margin: 0 auto; margin-top: 12px;}

.inews ul {margin-top: 40px; display: flex; display: -ms-flexbox; justify-content: space-between; -ms-flex-pack: justify; flex-wrap: wrap; -ms-flex-wrap: wrap;}
.inews ul li {padding: 15px;}
.inews ul li .cont{display: flex; display: -ms-flexbox; }
.inews ul li .date {width: 112px; padding: 20px 0; font-size: 14px; color: #fff; background: #20a003; text-align: center;}
.inews ul li .date span {font-size: 32px; line-height: 40px; display: block;}
.inews ul li .right {width: 405px; padding: 0 20px; background: #fff;}
.inews ul li .right .tit {padding-top: 15px;}
.inews ul li .right .tit a {font-size: 18px; color: #333;}
.inews ul li .right .cnt {font-size: 14px; color: #888; margin-top: 10px;}
.inews ul li .cont:hover{box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);}
.inews ul li .cont:hover .right .tit a {color: #20a003;}


/*友情链接*/
.link {height: 64px; background: #fff; line-height: 64px;}
.link .wrap { color: #20a003;  line-height: 64px;font-weight: bold; font-size: 16px;}
.link .wrap a { color: #20a003; margin: 0 5px; font-size: 16px; font-weight: bold; }
.link img{width: 90px;height: 33px;}

/*内页*/
.ban { width: 100%; height: 480px; background: url(../images/ban4.jpg) center top no-repeat; }
.about p { line-height: 36px; }
.location { width: 100%; border-bottom: 1px solid #e4e4e4; height: 24px; line-height: 24px; padding: 13px 0; }
.location .breadrumb { background: url(../images/address.png) left center no-repeat; padding-left: 20px; }
.c_wrap { margin:40px auto;}
.c_wrap_l { width: 240px; float: left; }
.c_wrap_l .tit { background: #333; font-size: 20px; color: #fff; font-weight:bold; padding: 15px; text-align:center; }
.c_wrap_l .tellbg {background: url(../images/tellbg.jpg) center no-repeat; background-size:auto; padding:15px 0; }
.c_wrap_l .telltest {  width:60%; height: 64px; background: #a15605; background: rgba(33, 33, 33, 0.5); line-height: 32px;font-size:20px; color: #fff; padding-left:15px; font-weight:bold;}
.c_wrap_l .tit p { font-size: 14px; text-transform: uppercase; font-family: Arial; padding-top: 10px; }
.c_wrap_l .box #leftnav dl dt a {width: 200px; display: inline-block; text-indent: 30px;font-size: 16px;}
.c_wrap_l .box #leftnav dl dt span {font-size: 18px; color: #666;}
.c_wrap_l .box #leftnav dl dt:hover {background: #28c804;}
.c_wrap_l .box #leftnav dl dt:hover a {color: #fff;}
.c_wrap_l .box #leftnav dl dt:hover span {color: #fff;}
.c_wrap_l .box #leftnav .list2 {width: 240px; color: #333; line-height: 50px; display: none;} 
.c_wrap_l .box #leftnav .list2 a {display: block;   padding-left: 40px; border-bottom: 1px dashed #d7d7d7;}
.c_wrap_l .box #leftnav .list2 a:hover {color: #fff; background: #28c804;}
.c_wrap_l .box { background: #f6f6f6; margin-bottom: 30px; padding-bottom:10px;}
.c_wrap_l .box dt {width: 240px; height: 50px; line-height: 50px;  transition: all .2s linear 0s;border-bottom: 1px dashed #d6d6d6;  position: relative; }
.c_wrap_l .box #leftnav dt a {display: inline-block; }
.c_wrap_l .box dl dt:hover span{width:10px; height: 15px; display: inline-block;}
.c_wrap_l .box dl dt:hover {cursor: pointer; color: #fff;}
.c_wrap_l .box dl .active{background: #28c804;}
.c_wrap_l .box dl .active a {color: #fff;}
.c_wrap_l .box dl #active{background: #28c804; }
.c_wrap_l .box dl #active a{color: #fff;}
.c_wrap_l .box dl dt span:hover {cursor: pointer;}
.c_wrap_l .box.contact { padding: 15px 15px; background: #f6f6f6; }
.c_wrap_l .box.tags { padding: 15px; }
.c_wrap_l .box.tags .badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 11px; font-weight: bold; color: #fff; line-height: 1; vertical-align: middle; white-space: nowrap; text-align: center; background-color: #777777; border-radius: 10px; margin-bottom: 10px; }
.c_wrap_l .box.tags .badge i { display: inline-block; width: 12px; height: 12px; background: url(../images/tags.png) no-repeat; margin-right: 5px; }
.c_wrap_r { width: 930px; float: right; }
.prolist { width: 280px; float: left; }
.prolist { width: 280px; float: left; margin: 0 15px; margin-bottom: 28px; }
.prolist img { width: 280px;}
.prolist p.title { height: 45px; line-height: 45px; background: #f2f2f2; text-align: center; transition: all .2s linear 0s; }
.prolist p.title:hover { background: #28c804; color: #fff; }
.newslist { padding-bottom: 30px; }
.overf { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.list_item { position: relative; padding: 33px 0; transition: all .2s linear 0s; }
.list_item .news_con { position: absolute; width: 659px; padding: 0 30px; }
.list_item .name { padding: 15px 0 5px; font-weight: normal; margin-bottom: 10px; font-size: 18px; color: #343434; }
.list_item .news_con .des { overflow: hidden; height: 72px; font-size: 14px; line-height: 22px; color: #999999; text-align: left; }
.list_item .news_con .xian { position: absolute; top: 16px; height: 16px; width: 4px; background: #999; transition: all .2s linear 0s; }
.list_item .news_others { position: relative; overflow: hidden; width: 160px; padding: 0 40px; height: 126px; }
.list_item .news_others .inform { position: absolute; width: 100%; top: 10px; }
.list_item .news_others .date { margin-bottom: 10px; font-size: 40px; line-height: 1; font-family: 'PingFang-Light'; opacity: 0.7; color: #999; display: block; padding-bottom: 5px; }
.list_item .news_others .year { margin-bottom: 5px; font-size: 14px; opacity: 0.6; color: #999; }
.list_item .news_others .more { display: block; width: 42px; height: 20px; opacity: 0; transform: translateX(-20px); border-bottom: 2px solid #28c804; padding-bottom: 8px; font-size: 12px; transition: all .2s linear 0s; }
.list_item .news_xian { display: block; width: 1px; height: 192px; background: #e3e3e4; position: absolute; left: 210px; margin-left: -0.5px; top: 0; z-index: 0; }
.odd .list_item { padding-left: 50%; }
.odd .list_item .news_con { left: 0; }
.odd .list_item .news_con .xian { right: -2px; }
.even .list_item .news_con { right: 0; }
.even .list_item .news_con .xian { left: -2px; }
.list_item:hover { box-shadow: 0 0 20px #ddd; }
.list_item:hover .news_con .xian { height: 80%; background: #28c804; }
.list_item:hover .news_con .name { color: #28c804; font-weight: normal; }
.list_item:hover .news_others .date, .list_item:hover .news_others .year { opacity: 1; color: #28c804; }
.list_item:hover .news_others .more { opacity: 1; transform: translateX(0); color: #28c804; }
.list_item:hover .news_others .img { opacity: 1; }
.c_wrap_r h1 { font-weight: 400; font-size: 24px; text-align: center; padding: 15px 0; }
.c_wrap_r p.news_oth { text-align: center; color: #888; border-bottom: 1px dashed #e4e4e4; padding-bottom: 10px; }
.c_wrap_r p.news_oth span { margin: 0 10px; }
.summary { position: relative; background: #fafafa; margin: 20px 10px 0; padding: 40px 20px 20px; font-family: 微软雅黑; color: #6c7480; font-style: italic; line-height: 150%; border: 1px solid #eee; border-radius: 5px; }
.summary span { position: absolute; left: -1px; top: 15px; padding: 0 0 0 20px; font-size: 1.2em; font-style: normal; color: #c2c6cc; border-left: 4px solid #c2c6cc; }
.content { padding: 20px 10px; line-height: 30px; }
.content p { margin-bottom: 10px; }
.content h2, .interested .tit { height: 48px; line-height: 48px; font-size: 16px; color: #202020; background: #eee; text-indent: 15px; font-weight: 400; border-left: 5px solid #28c804; margin-bottom: 10px; }
.pro_c { margin-bottom: 40px; padding: 40px 50px; }
.pro_c .img { width: 100%;text-align: center;border-bottom: 1px dashed #ccc;padding-bottom: 14px; }
.pro_c .img img { width: 650px; border-radius: 10px; cursor: pointer;margin: 0 auto; }
.pro_c .img .swiper-pagination { background: rgba(0,0,0,.5); color: #fff; width: auto; left: 50%; margin-left: -25px; padding: 0 10px; border-radius: 24px; line-height: 24px; height: 24px; font-size: 12px; }
.pro_c .text { text-align: center;padding-top: 20px;     margin-bottom: 20px;}
.pro_c .text .tit h1 { font-size: 16px; font-weight: 400; text-align: left; display: inline-block; padding: 0; }
.pro_c .des {margin-top: 20px; line-height: 30px; color: #777777;text-align: center; }
.interested+.content { padding-top: 0; }
.taglist .list { display: none; border-bottom: 1px solid #f5f5f5; height: 50px; line-height: 50px; padding: 0 10px; }
.taglist .list span { margin-right: 20px; }
.taglist .list a { display: block; color: #777; background: url(../images/jt1.jpg) right center no-repeat; }
.tag { border-bottom: 1px dashed #ccc; padding-bottom: 16px; margin-top: 50px; font-size: 14px; color: #29282d; margin-bottom:30px; }
.tag a { display: inline-block; height: 25px; line-height: 25px; padding: 0 10px; border: 1px solid #999; margin-left: 6px; color: #29282d; border-radius: 3px; }
.pagebox { height: 36px; padding-bottom: 50px; text-align: center; }
.pagebox #pagesize { display: inline-block; }
.pagebox #pagesize li { float: left; }
.pagenav { overflow: hidden; margin-top: 30px; margin-bottom: 62px; }
.pagenav p { width: 45%; font-size: 14px; color: #777; }
.pagenav p.next { float: left; }
.pagenav p.prev { float: right; text-align: right; }
.interested { padding-bottom: 20px; }
.interested .list { border-bottom: 1px solid #f5f5f5; height: 50px; line-height: 50px; padding: 0 10px; }
.interested .list span { margin-right: 20px; }
.interested .list a { display: block; color: #777;    background: url(../images/jt1.jpg) right center no-repeat;}
.interested .prolist { width: 212px; float: left; margin: 15px 10px; margin-bottom: 30px; }
.interested .prolist img { width: 212px;}
.interested .prolist p.title { height: 45px; line-height: 45px; background: #f2f2f2; text-align: center; transition: all .2s linear 0s; }
.interested .prolist p.title:hover { background: #28c804; color: #fff; }
.photolist {float: left; margin-right: 40px;margin-bottom: 28px;}
.photolist img{width:269px;}
.photolist .title {height: 45px; text-align: center; line-height: 45px;background: #f2f2f2; transition: all .2s;}
.photolist .title:hover {background: #28c804;color: #fff;}


.ny_lxwm .t{ font-size:24px; color:#333; font-weight:bold; line-height:50px;}
.ny_lxwm li{float:left; width:400px; background:url(../images/lx_ico.png) left 18px  no-repeat;line-height:70px; height:70px; border-bottom:1px solid #eee;padding-left:65px;}
.ny_lxwm li.li1{ background-position:0px 20px;}
.ny_lxwm li.li2{ background-position:00px -50px;}
.ny_lxwm li.li3{ background-position:0px -120px;}
.ny_lxwm li.li4{ background-position:0px -190px;}
.ny_lxwm li.li5{ background-position:0px -260px;}
.ny_lxwm li.li6{ background-position:0px -330px;}
.lxtjyc{ display:none;}



/*底部*/
.footer { padding: 30px 0;background: #20a003; }
.footer p { color: #fff; text-align: center; line-height: 34px; }
.footer p span { margin: 0 10px; }
.footer a { color: #fff; }
.footer .foot_p4 .footp_span img{position: relative;top: 4px;}
.footer .sit span {display: inline-block; padding-left: 30px;}
.fix-right-v2 { position: fixed; right: 20px; bottom: 100px; width: 38px; height: 38px; background: #fff; z-index: 1001; }
.fix-right-v2 table { width: 100%; height: 100%; }
.fix-right-v2 table, .fix-right-v2 td { margin: 0; padding: 0; border: 0; border-spacing: 0; border-collapse: collapse; height: 38px; }
.fix-right-v2 li { position: relative; }
.fix-right-v2 a { display: block; width: 38px; font-size: 0; background-image: url(../images/sidebar_spriteV2.png); overflow: hidden; cursor: pointer; transition: none; }
.fix-right-v2 .download a { height: 38px; background-position: -38px -176px; }
.fix-right-v2 .download:hover a { background-position: 0 -176px; }
.fix-right-v2 .download img { width: 90px; height: 90px; }
.fix-right-v2 li span { position: absolute; right: 58px; top: 0; visibility: hidden; padding: 0 14px; opacity: 0; color: #fff; font-size: 12px; background: #28c804; transition: .3s all ease-in; -webkit-transition: .3s all ease-in; -moz-transition: .3s all ease-in; -o-transition: .3s all ease-in; white-space: nowrap; }
.fix-right-v2 li .popup-qr { top: -30px; padding: 8px; background: #fff; }
.fix-right-v2 li span i { position: absolute; right: 0; top: 50%; width: 0; height: 0; margin: -5px -10px 0 0; font-size: 0; border: 5px solid; border-color: transparent transparent transparent #28c804; overflow: hidden; }
.fix-right-v2 li .popup-qr i { border-color: transparent transparent transparent #fff; }
.fix-right-v2 .feedback a, .fix-right-v2 .feedback span { height: 38px; line-height: 38px; }
.fix-right-v2 .feedback a { background-position: -38px -252px; }
.fix-right-v2 .feedback:hover a { background-position: 0 -252px; }
.fix-right-v2 li:hover span { right: 38px; opacity: 1; visibility: visible; }
.fix-right-v2 .gotop { position: absolute; bottom: 38px; }
.fix-right-v2 .gotop a, .fix-right-v2 .gotop span { height: 38px; line-height: 38px; }
.fix-right-v2 .gotop a { background-position: -38px -290px; }
.fix-right-v2 .gotop:hover a { background-position: 0 -290px; }
/**/
#dituContentn{ width:100%; height:300px;}