/* CSS Document */
html,body,div,ul,li,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ol,form,input,textarea,th,td,select{margin:0;padding:0}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html,body{min-height:100%}
body{font-family:Helvetica,Pingfang SC,Microsoft YaHei,STHeiti,Verdana,Arial,Tahoma,sans-serif;;font-size:14px;color:#333;background:#fff;}
h1,h2,h3,h4,h5,h6{font-weight:normal}
ul,ol{list-style:none}
img{border:none;vertical-align:middle; }
a{color:#666;text-decoration:none}
a:visited{color:#000000;text-decoration:none}
a:hover{color:#050505;text-decoration:none transition:0.5s;}
a:active{color:#08034e;text-decoration:none transition:0.5s;}
table{border-collapse:collapse;table-layout:fixed}
input,textarea{outline:none;border:none}
textarea{resize:none;overflow:auto}
.clearfix{zoom:1}
.clearfix:after{content:".";width:0;height:0;visibility:hidden;display:block;clear:both;overflow:hidden}
/* 公共部分 */
.pubcon{ width: 100%; max-width: 1300px; margin: 0 auto;}
.pubcon h2{ padding-bottom:5px;font-size: 35px; font-weight: bold; display: block; text-align: center; color: #000000; margin: 0 auto;}
.pubcon h3{ padding-bottom:5px;font-size: 35px; font-weight: normal; text-align: center; color: #9b9b9b;}
.pubcon .tb{ width: 33px; height:38px;background-image:url(../images/index_03.png); display: block; background-position:center; background-repeat:no-repeat; display:block; margin: 0 auto; }
.pubcon1 span{ font-size: 14px;display: block; display: block; font-weight: bold;padding-bottom: 50px; text-align: center; color: #b1b1b1;}
/* top */
.header{ width: 100%; }
.hdcon{ display: flex; justify-content: space-between;flex-wrap: wrap; font-size:0; height: 96px; padding: 0.25rem 1.5rem 0.5rem;}
.hdcon .hdlogo{ width:50%; padding-left: 180px; height: 88px; line-height: 88px; background-image:url(../images/logo.jpg); display: block; background-position:left center; background-repeat:no-repeat; color: #000000; font-size: 30px; font-weight: bold;}
.hdcon .hdtele{ width: 50%; height: 88px;background-image:url(../images/dianhua.png); display: block; background-position:66% center; background-repeat:no-repeat;}
.hdcon .hdtele h2{color: #000000; font-size: 24px; font-weight: bold; border-bottom: 0; text-align: right; line-height: 88px; height: 88px; display: block; }
/* menu */
.navcon{ width: 100%; background-color: #1a8c34; border-bottom: #f3ce38 5px solid; }
.navcon .nav{ width: 100%; }
.navcon .nav ul{ display:flex;justify-content: space-evenly; }
.navcon .nav li { width: 12.5%; text-align: center;}
.navcon .nav li a{ display: block; line-height:65px; font-size: 18px; font-weight: bold; color: #fff;transition: 0.5s;}
.navcon .nav li a:hover{ color: #ffffff; background-color: #f3ce38; transition: 0.5s;}
.navcon .nav li.active{ color: #ffffff; background-color: #f3ce38; transition: 0.5s;}
.navcon .nav li.this{ color: #ffffff; background-color: #f3ce38; transition: 0.5s;}
/* banner */
.banner{ height: 607px; position: relative;}
.banner a{ display:block; height:633px; background: no-repeat center; }
.banner a.small{display:none;}
.banner a.big{display:block;}
.daohang li.active{ background-color: #ecb735 !important;transition: 0.5s; }
/* 首页内容-产品类别 */
.index-pro{ padding: 60px 0 30px 0; margin: 0 auto; background-image:url(../images/index_26.jpg); display: block; background-position:bottom center; background-repeat:no-repeat; }
.index-procon{ padding: 0.25rem 1.5rem 0.5rem; }
.index-procon h3{ color: #666; text-align: center; font-size: 16px; }
.index-procon .box{ width:100%; display:flex;justify-content: space-between;flex-wrap: wrap; margin: 3% 0 0 0; padding-bottom: 300px;}
.index-procon .box .pic{ display: block; width:29%; max-width: 433px; background-image:url(../images/index_07.png); display: block; background-position: center; background-repeat:no-repeat;}
.index-procon .box .nr{ width:70%; display:flex;justify-content: space-between;flex-wrap: wrap;}
.index-procon .box .nr .list{ width: 32.33%; max-width:311px; height: 234px; margin: 0 0 10px 0;transition: 0.5s;}
.index-procon .box .nr .list h4{ background-color: #1a8c34; padding: 10px; width: 60%; font-size: 16px; font-weight: bold; color: #FFFFFF; margin-top: 40px;}
.index-procon .box .nr .list:hover{box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);transition: 0.5s;}
.index-procon .box .nr .list:hover h4{background-color: #e5ff00; color: #000000;transition: 0.5s;}
/* 首页内容-产品展示 */
.index-pro1{ padding: 60px 0 30px 0; margin: 0 auto; }
.index-pro1con{ padding: 0.25rem 1.5rem 0.5rem; }
.index-pro1con h3{ color: #666; text-align: center; font-size: 16px; }
.index-pro1con .box{ width:100%; display:flex;justify-content: space-between;flex-wrap: wrap; margin: 3% 0 0 0;}
.index-pro1con .box .nr{ width:100%; display:flex;justify-content: space-between;flex-wrap: wrap;}
.index-pro1con .box .nr .pic{ display: block; width:29%; max-width: 893px; }
.index-pro1con .box .nr .pic img{ width: 893px; height: 484;}
.index-pro1con .box .nr .neirong{ display: block; width:25%; max-width: 433px; }
.index-pro1con .box .nr .neirong h2{ font-size: 24px; font-weight: bold; text-align: left; margin-top: 40%;}
.index-pro1con .box .nr .neirong p{ line-height: 24px; color: #999999;}
.index-pro1con .box .nr .neirong h3{ width: 113px; height: 41px; line-height: 41px; color: #ffffff; background-image:url(../images/anniu_32.jpg); display: block; background-position:bottom center; background-repeat:no-repeat; margin-top: 10px;}
.index-pro1con .box .nr .neirong:hover h3{ background-image:url(../images/anniu_32-1.jpg); display: block; background-position:bottom center; background-repeat:no-repeat;}
/* 首页内容-简介 */
.index-about{ padding: 60px 0 0 0; margin: 0 auto;background-image:url(../images/about-bj-index.jpg); display: block; background-position:top center; background-repeat:no-repeat; }
.index-aboutcon{ padding: 0.25rem 1.5rem 0.5rem; }
.index-aboutcon .box{padding:60px 0 0 0; display: flex; justify-content: space-between; flex-wrap: wrap; transition: 0.5s;}
.index-aboutcon .box .biaoti{ margin-top: 302px; border-bottom: 5px solid #ecb735;display:flex;justify-content: space-between; padding:0 0 30px 0;}
.index-aboutcon .box .biaoti h3{ width: 20%; font-size:30px; color: #000000; display: block; font-weight: bold; border-right: #464646 1px solid; }
.index-aboutcon .box .biaoti p{ width: 80%; line-height: 24px; color: #4b4b4b; display: block; padding-left: 20px;}
/* 首页内容-新闻 */
.index-news{ padding: 60px 0; margin: 0 auto; background-color: #e9e9e4;}
.index-newscon{ padding: 0.25rem 1.5rem 0.5rem; }
.index-newscon h3{ color: #666; text-align: center; font-size: 16px; }
.index-newscon .box{ display: flex;justify-content: space-between;flex-wrap: wrap; margin: 5% 0 0 0;}
.index-newscon .box .con{ width: 32.33%; border: #e5e5e5 1PX solid; margin: 0 0 3% 0; padding: 1.5%; transition: 0.5s; border: #c9c9c9 1px solid;}
.index-newscon .box .con img{ max-width: 432px; width: 100%;}
.index-newscon .box .con h2{ font-size: 16px; font-weight: bold; margin-top: 10px;}
.index-newscon .box .con p{ line-height: 24px; color: #474747;}
.index-newscon .box .con:hover{ background-color: #1a8c34;}
.index-newscon .box .con:hover h2{ color: #FFFFFF;}
.index-newscon h4{ width: 113px; height: 41px; text-align: center; margin: 0 auto; line-height: 41px; color: #ffffff; background-image:url(../images/anniu_32.jpg); display: block; background-position:bottom center; background-repeat:no-repeat; margin-top: 10px;}
.index-newscon h4 a{ color:#FFFFFF;}
.index-newscon:hover h4{ background-image:url(../images/anniu_32-1.jpg); display: block; background-position:bottom center; background-repeat:no-repeat;}
.index-newscon .box .con:hover p{ color: #FFFFFF;}
/* foot */
.ft{ background-color: #1a8c34; }
.ftcon{display: flex; justify-content: space-between;padding: 2.5rem 1.5rem 0.5rem; margin: 0 auto; }
.ftcon a{color: #9fa1a1; }
.ftcon .box{ width:20.33%;}
.ftcon .box ul{ width: 100%; display: flex; justify-content: space-between;flex-wrap: wrap; margin-top: 10px; list-style: none;}
.ftcon .box li { width:45%; display: block; color: #fff; text-align: center; line-height: 24px;}
.ftcon .box li a{ color: #ffffff;}
.ftcon .box li:hover a{ color: #d9ff00;}
.ftcon .box h2{font-size:25px; font-weight: bold; color: #ffffff; padding: 0 0 10px 0; border-bottom: #dfdfdf 5px solid;}
.ftcon .box p{color: #ffffff;line-height: 25px; padding: 10px 0 0 0;}
.ftcon .box img{width:185px ; height: 112px; margin: 0 auto; display: block; margin-top: 10px;}
.bq{ text-align: center; width: 100%; line-height:40px; margin-top: 30px; color: #d3d3d3;border-top: #ffffff 1px solid;}
.bq a{ color: #ffffff; font-size: 14px;}
.bq a:hover{ color: #c8ff00; font-size: 14px;}
/* 内页-简介 */
.contect-about{ width: 100%;}
.contect-aboutcon{ padding: 0.25rem 1.5rem 0.5rem; background-color: rgba(255, 255, 255, 0.9);}
.contect-aboutcon .box{padding: 0; }
.contect-aboutcon .box .tubiao{ width:84px; height:84px; margin:20px auto 0 auto; display: block; background-image:url(../images/about1_03.jpg); background-position:center; background-repeat:no-repeat;}
.contect-aboutcon .box p{ width:100%; text-align: center; margin: 0 auto; line-height:35px; font-size: 18px;}
.contect-aboutcon .box h3{ font-size:30px; color: #000000; display: block; font-weight: bold;}
.contect-aboutcon1{ width: 100%;background-image:url(../images/about-bj.jpg); background-position: top center; background-repeat:no-repeat; padding-top: 150px;}
.contect-aboutcon1 .box1{display: flex; justify-content: space-between; flex-wrap: wrap; background-color: #ffffff; padding: 80px; margin:50px auto; border: #c2c2c2 1px solid;box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); }
.contect-aboutcon1 .box1 .wh{ width: 25%; }
.contect-aboutcon1 .box1 .wh img{ width:89px; height:85px; display:block; margin:0 auto;}
.contect-aboutcon1 .box1 .wh h2{ font-size:28px; font-weight:bold;}
.contect-aboutcon1 .box1 .wh p{ font-size:16px; line-height:35px; text-align:center;}
/* 内页内容-产品 */
.contect-pro{ width: 100%; }
.contect-procon{ width: 100%;}
.contect-procon h3{ color: #666; text-align: center; font-size: 16px; }
.contect-procon .box{ display: flex;justify-content: space-between;flex-wrap: wrap; margin: 30px 0 30px 0;}
.contect-procon .box .daohang{ width:23%;}
.contect-procon .box .daohang h2{ height: 60px; border-bottom: #dfdfdf 1px solid; line-height:60px; font-size:20px; font-weight: bold; color: #FFFFFF; background-color: #1a8c34; background-image: url(../images/index_03-1.png);background-position: 20% center; background-repeat:no-repeat;}
.contect-procon .box .daohang ul{ width: 100%;}
.contect-procon .box .daohang li{ line-height:45px; background-color: #f4f4f4; margin: 1px 0; padding:0 20px;transition: 0.5s;}
.contect-procon .box .daohang li a{ font-size: 16px; font-weight: bold;transition: 0.5s;}
.contect-procon .box .daohang li:hover a{ font-size: 16px; font-weight: bold; color: #fff;transition: 0.5s;}
.contect-procon .box .daohang li:hover{ background-color: #ecb735;transition: 0.5s;}
.contect-procon .box .daohang .lianxi{ background-color: #1a8c34; line-height: 30px;}
.contect-procon .box .daohang .lianxi span{ color: #fff; padding: 10px; display: block; margin: 0 auto;}
.contect-procon .box .con{ width: 75%;display: flex; justify-content: space-between; flex-wrap: wrap;}
.contect-procon .box .con .con-con{ width:32.33%; margin:0 0 10px 0;}
.contect-procon .box .con .con-con h2{ font-size: 16px; background-color: #f0f0f0; height: 45px; line-height: 45px; }
.contect-procon .box .con .con-con img{ max-width:329px; width: 100%;}
.contect-procon .box .con .con-con:hover h2{background-color: #1a8c34; color: #FFFFFF;transition: 0.5s; }
.contect-procon .box .con .xiangqing{ width: 100%;}
.contect-procon .box .con .xiangqing h4{ font-size: 16px; font-weight: bold; text-align: center; margin: 20px 0;}
.contect-procon .box .con .xiangqing h3{line-height: 35px; height: 35px; border-bottom: #e9e9e4 1px solid; font-size: 16px; text-align: left;}
.contect-procon .box .con .xiangqing p{ padding:10px 0;}
/* 内页内容-荣誉证书 */
.contect-honor{ width: 100%; }
.contect-honorcon{ width: 100%;}
.contect-honorcon h3{ color: #666; text-align: center; font-size: 16px; }
.contect-honorcon .box{ display: flex;justify-content: space-between;flex-wrap: wrap; margin: 30px 0 30px 0;}
.contect-honorcon .box .daohang{ width:23%;}
.contect-honorcon .box .daohang h2{ height: 60px; border-bottom: #dfdfdf 1px solid; line-height:60px; font-size:20px; font-weight: bold; color: #FFFFFF; background-color: #1a8c34; background-image: url(../images/index_03-1.png);background-position: 20% center; background-repeat:no-repeat;}
.contect-honorcon .box .daohang ul{ width: 100%;}
.contect-honorcon .box .daohang li{ line-height:45px; background-color: #f4f4f4; margin: 1px 0; padding:0 20px;transition: 0.5s;}
.contect-honorcon .box .daohang li a{ font-size: 16px; font-weight: bold;transition: 0.5s;}
.contect-honorcon .box .daohang li:hover a{ font-size: 16px; font-weight: bold; color: #fff;transition: 0.5s;}
.contect-honorcon .box .daohang li:hover{ background-color: #ecb735;transition: 0.5s;}
.contect-honorcon .box .daohang .lianxi{ background-color: #1a8c34; line-height: 30px;}
.contect-honorcon .box .daohang .lianxi span{ color: #fff; padding: 10px; display: block; margin: 0 auto;}
.contect-honorcon .box .con{ width: 75%;display: flex; justify-content: space-between; flex-wrap: wrap;}
.contect-honorcon .box .con .con-con{ width:32.33%; margin:0 0 10px 0;}
.contect-honorcon .box .con .con-con:hover{ box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);}
.contect-honorcon .box .con .con-con h2{ font-size: 16px; background-color: #f0f0f0; height: 45px; line-height: 45px; }
.contect-honorcon .box .con .con-con img{ max-width:291px; width: 100%;}
.contect-honorcon .box .con .con-con:hover h2{background-color: #1a8c34; color: #FFFFFF;transition: 0.5s;box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); }
.contect-honorcon .box .con .xiangqing{ width: 100%;}
.contect-honorcon .box .con .xiangqing h3{line-height: 35px; height: 35px; border-bottom: #e9e9e4 1px solid; font-size: 16px; text-align: left;}
.contect-honorcon .box .con .xiangqing p{ padding:10px 0;}
/* 内页内容-新闻 */
.contect-news{ width: 100%; }
.contect-newscon{ width: 100%;}
.contect-newscon h3{ color: #666; text-align: center; font-size: 16px; }
.contect-newscon .box{ display: flex;justify-content: space-between;flex-wrap: wrap; margin: 30px 0 30px 0;}
.contect-newscon .box .daohang{ width:23%;}
.contect-newscon .box .daohang h2{ height: 60px; border-bottom: #dfdfdf 1px solid; line-height:60px; font-size:20px; font-weight: bold; color: #FFFFFF; background-color: #1a8c34; background-image: url(../images/index_03-1.png);background-position: 20% center; background-repeat:no-repeat;}
.contect-newscon .box .daohang ul{ width: 100%;}
.contect-newscon .box .daohang li{ line-height:45px; background-color: #f4f4f4; margin: 1px 0; padding:0 20px;transition: 0.5s;}
.contect-newscon .box .daohang li a{ font-size: 16px; font-weight: bold;transition: 0.5s;}
.contect-newscon .box .daohang li:hover a{ font-size: 16px; font-weight: bold; color: #fff;transition: 0.5s;}
.contect-newscon .box .daohang li:hover{ background-color: #ecb735;transition: 0.5s;}
.contect-newscon .box .daohang .lianxi{ background-color: #1a8c34; line-height: 30px;}
.contect-newscon .box .daohang .lianxi span{ color: #fff; padding: 10px; display: block; margin: 0 auto;}
.contect-newscon .box .neirong{ width: 75%;}
.contect-newscon .box .neirong .con{ margin: 0 0 3% 0; padding: 1.5%; transition: 0.5s; border: #c9c9c9 1px solid; display: flex;justify-content: space-between;flex-wrap: wrap;}
.contect-newscon .box .neirong .con .con-left{ width: 25%;}
.contect-newscon .box .neirong .con .con-left img{ max-width: 232px; width: 100%;}
.contect-newscon .box .neirong .con .con-right{ width: 73%;}
/* .contect-newscon .box .neirong .con .con-right h2{ font-size: 16px; font-weight: bold; margin-top: 30px; text-align: left;}
.contect-newscon .box .neirong .con .con-right p{ line-height: 24px; color: #474747; text-align: left;}
.contect-newscon .box .neirong .con:hover{ background-color: #1a8c34; }
.contect-newscon .box .neirong .con .con-right:hover h2{ color: #fff;}
.contect-newscon .box .neirong .con .con-right h2 a:hover{ color: #fff;}
.contect-newscon .box .neirong .con .con-right:hover p{ color: #fff;} */
.contect-newscon .box .neirong .con .con-right h2{ font-size: 16px; font-weight: bold; margin-top: 30px; text-align: left;}
.contect-newscon .box .neirong .con:hover{
background-color: #1a8c34;
color: #fff;
}
/* .contect-newscon .box .neirong .con:hover h2 a, .contect-newscon .box .neirong .con h2 a:hover{
color: #fff;
} */
.contect-newscon .box .neirong .con:hover h2, .contect-newscon .box .neirong .con:hover p{
color: #fff;
}
/* 内页内容-留言 */
.contect-message{ width: 100%; }
.contect-messagecon{ width: 100%;}
.contect-messagecon h3{ color: #666; text-align: center; font-size: 16px; }
.contect-messagecon .box{ display: flex;justify-content: space-between;flex-wrap: wrap; margin: 30px 0 30px 0;}
.contect-messagecon .box .daohang{ width:23%;}
.contect-messagecon .box .daohang h2{ height: 60px; border-bottom: #dfdfdf 1px solid; line-height:60px; font-size:20px; font-weight: bold; color: #FFFFFF; background-color: #1a8c34; background-image: url(../images/index_03-1.png);background-position: 20% center; background-repeat:no-repeat;}
.contect-messagecon .box .daohang ul{ width: 100%;}
.contect-messagecon .box .daohang li{ line-height:45px; background-color: #f4f4f4; margin: 1px 0; padding:0 20px;transition: 0.5s;}
.contect-messagecon .box .daohang li a{ font-size: 16px; font-weight: bold;transition: 0.5s;}
.contect-messagecon .box .daohang li:hover a{ font-size: 16px; font-weight: bold; color: #fff;transition: 0.5s;}
.contect-messagecon .box .daohang li:hover{ background-color: #ecb735;transition: 0.5s;}
.contect-messagecon .box .daohang .lianxi{ background-color: #1a8c34; line-height: 30px;}
.contect-messagecon .box .daohang .lianxi span{ color: #fff; padding: 10px; display: block; margin: 0 auto;}
.contect-messagecon .box .con{ width: 75%;display: flex; justify-content: space-between; flex-wrap: wrap;}
.contect-messagecon .box .con .con-con{ width:32.33%; margin:0 0 10px 0;}
.contect-messagecon .box .con .con-con h2{ font-size: 16px; background-color: #f0f0f0; height: 45px; line-height: 45px; }
.contect-messagecon .box .con .con-con img{ max-width:329px; width: 100%;}
.contect-messagecon .box .con .con-con:hover h2{background-color: #1a8c34; color: #FFFFFF;transition: 0.5s; }
.contect-messagecon .box .con .xiangqing{ width: 100%;}
.contect-messagecon .box .con .xiangqing h4{ font-size:24px; font-weight: bold; color: #1a8c34; text-align: center; margin: 20px 0;}
.contect-messagecon .box .con .xiangqing h3{line-height: 35px; height: 35px; border-bottom: #e9e9e4 1px solid; font-size: 16px; text-align: left;}
.contect-messagecon .box .con .xiangqing p{ padding:10px 0;}
.contect-messagecon .box .con .xiangqing .liuyan{ width: 95%; margin:10px auto 0 auto;}
.contect-messagecon .box .con .xiangqing .liuyan .xm{ width: 100%; border: #9fa1a1 1px solid; padding:10px; margin: 10px auto;}
.contect-messagecon .box .con .xiangqing .liuyan .nr{width: 100%; height:150px; border: #9fa1a1 1px solid; padding:10px; margin: 10px auto;}
.contect-messagecon .box .con .xiangqing .liuyan .tj{ width: 100%; color: #ffffff; background-color: #1a8c34; font-size: 14px; font-weight: bold;padding:10px; }
/* 首页-产品滚动 */
.lc {
width: 100%;
margin: 10px auto;
overflow: hidden;
}
.lc .items .btn {
color: #ff6200;
height: 40px;
width: 300px;
transition: color .4s, opacity .4s;
font-size: 16px;
line-height: 22px;
white-space: nowrap;
vertical-align: middle;
padding: 6px 12px;
margin:10px auto;
border: 1px solid #CCCCCC;
border-radius: 0px;
text-align: center;
display: inline-block;
cursor: pointer;
}
.lc .items .btn {
color: #ff6200;
height: 40px;
width: 300px;
transition: color .4s, opacity .4s;
font-size: 16px;
line-height: 22px;
white-space: nowrap;
vertical-align: middle;
padding: 6px 12px;
margin:10px auto;
border: 1px solid #CCCCCC;
border-radius: 0px;
text-align: center;
display: inline-block;
cursor: pointer;
}
.lc .items .btn:hover {
opacity: 0.8;
color: #FFFFFF;
border: 1px solid #009933;
background:#009933;
transition: 0.5s;
}
.lc .items a {
transition: color .4s, opacity .4s;
color: #fff;
}
.lc .items .right {
float: left;
width: 100%px;
position: relative;
overflow: hidden;
}
.lc .items .right ul li {
background-color: #fff;
margin-right:6px;
margin-left:6px;
text-align: center;
float: left;
width: 300px;
-webkit-transition: box-shadow .2s ease-out;
transition: box-shadow .2s ease-out;
}
.lc .items .right ul li h3 a {
color: #323232;
font-size:14px;
font-weight:bold;
}
.lc .items .right .next, .lc .items .right .prev {
opacity: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
display: inline-block;
cursor: pointer;
z-index: 1;
width: 28px;
height: 62px;
line-height: 62px;
color: #fff;
text-align: center;
font-size: 22px;
font-weight: 400;
background: rgba(0, 0, 0, .2);
font-family: simsun;
transition: all ease-in .4s;
}
.lc .items .right .next {
left: 0px;
}
.lc .items .right .prev {
right: 0px;
}
.lc .items .right:hover .next {
opacity: 1;
}
.lc .items .right:hover .prev {
opacity: 1;
}
/* banner */
/*全屏自适应轮播样式*/
.banner-main {
width: 100%;
height: 600px;
position: relative;
}
.banner-main-img {
height: 600px;
width: 100%;
min-width: 1000px;
overflow: hidden;
}
.banner-main-img li {
width: 100%;
display: none;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
}
.banner-main-img li img{
width: 1920px;
height: 600px;
display: block;
position: relative;
left: 50%;
margin-left: -960px;
top: 0;
}
.ui-controls ul{
position: absolute;
bottom: 20px;
right: 48%;
}
.ui-controls ul li {
float: left;
width: 10px;
height: 10px;
margin: 0px 5px;
/*border: 2px solid #ddd;
background: #eee;*/
border-radius: 50%;
border: 2px solid rgba(255, 255, 255, 0.9);
background: rgba(0, 0, 0, 0.5);
text-indent: -9999px;
overflow: hidden;
cursor: pointer;
-webkit-transition: all .2s;
transition: all .2s;
}
.ui-controls ul li:hover {
/*border: 2px solid #ccc;
background: #999;*/
border: 2px solid rgba(0, 0, 0, 0.5);
background: rgba(255, 255, 255, 0.6);
}
.ui-controls ul .current {
/*border: 2px solid #ccc;
background: #999;*/
border: 2px solid rgba(0, 0, 0, 0.5);
background: rgba(255, 255, 255, 0.6);
}
.ui-controls .ui-prev {
width: 41px;
height: 69px;
position: absolute;
top: 50%;
left: 0px;
margin-top: -35px;
text-indent: -9999px;
overflow: hidden;
background: url(../images/icon-slides.png) no-repeat -84px 50%;
z-index: 999;
cursor: pointer;
}
.ui-controls .ui-next {
width: 41px;
height: 69px;
position: absolute;
top: 50%;
right: 0px;
margin-top: -35px;
text-indent: -9999px;
overflow: hidden;
background: url(../images/icon-slides.png) no-repeat -125px 50%;
z-index: 999;
cursor: pointer;
}
.ui-controls .ui-prev:hover {
background-position-x: 0px;
}
.ui-controls .ui-next:hover {
background-position-x: -42px;
}
/*====================================================================*/
@media only screen and (min-width:1100px) {
}
/*====================================================================*/
@media only screen and (max-width:768px) {
}
/*====================================================================*/
@media only screen and (min-width: 769px) and (max-width: 1099px) {
}
/*====================================================================*/
@media only screen and (min-width: 1200px) {
}
@media screen and (max-width: 428px) {
}
@media screen and (max-width: 414px) {
}
@media screen and (max-width: 375px) {
}
@media screen and (max-width: 360px) {
}
@media screen and (max-width: 320px) {
}
.ul-list {
display: flex;
justify-self: start;
justify-content: space-between;
flex-wrap: wrap;
margin: 20px 0;
}
.ul-list li {
width:32.33%;
height: 200px;
object-fit: cover;
margin-bottom: 60px;
}
.ul-list li img{
width: 100%;
height: 100%;
object-fit: cover;
}
.page{
margin: 20px 0;
text-align: center;
width: 100%;
}
.page a{
display: inline-block;
padding: 6px 12px;
margin: 0 2px;
font-size: 12px;
background: #fff;
border: 1px solid #eee;
color: #333;
}
.page .thispage{
background: #1a8c34;
font-size: 12px;
color: #fff;
}
/*
.pagechange{
margin: 30px 0 0 0;
padding: 30px 0 0 0;
line-height: 36px;
position: relative;
border-top: 1px solid #e2e2e2;
}
.pagechange .pagechangel,
.pagechange .returnlist,
.pagechange .pagechanger{
text-align: center;
position: relative;
z-index: 1;
}
.pagechange .returnlist{
position: absolute;
left: 50%;
margin-left: -55px;
top: 30px;
}
.pagechange .returnlist a{
position: relative;
font-size: 14px;
}
.pagechange .returnlist a .fa{
font-size: 12px;
margin: 0 5px 0 0;
}
.pagechange .returnlist a:hover{
background: #212830;
color: #fff;
}
.pagechange a{
display: block;
font-size: 14px;
color: #333;
padding: 0 15px;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.pagechange .pagechangel:hover a,
.pagechange .pagechanger:hover a{
color: #212830;
}
.pagechange .pagechangel:after,
.pagechange .pagechanger:after{
position: absolute;
z-index: -1;
width: 0;
height: 1px;
background: #212830;
bottom: 0;
content: '';
display: block;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.pagechange .pagechangel:hover:after,
.pagechange .pagechanger:hover:after{
width: 100%;
}
.pagechange .pagechangel:after{
right: 0;
}
.pagechange .pagechanger:after{
left: 0;
} */
.pagechange{
margin: 30px 0 0 0;
padding: 30px 0 0 0;
line-height: 36px;
position: relative;
border-top: 1px solid #e2e2e2;
width: 100%;
}
.pagechange .pagechangel {
float: left;
}
.pagechange .pagechanger {
float: right;
}
.proshow{ width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap; margin: 20px 0;}
.proshow .proshow-left{ width: 37%;}
.proshow .proshow-right{ width: 60%; }
.proshow .proshow-right h2{ font-size: 18px; text-align: left; margin:0 0 3% 0; padding: 0 0 3% 0; color: #000000; }
.proshow .proshow-right span{ text-align: left; font-size: 14px; font-weight: normal; color: #7a7a7a; line-height: 24px; }
.proshow1{width: 100%; }
.proshow1 h2{background-color: #d4eceb; border-left: #6abcb9 5px solid; padding: 1.2% ; font-size: 18px; font-weight: bold; color: #37c9c4; text-align: left; width: 100%; border-bottom: 0;}
.proshow1 p{ margin: 1.2%;}
.proshow2{width: 100%; }
.proshow2 h2{background-color: #1a8c34; border-left: #ecb735 5px solid; padding: 1.2% ; font-size: 18px; font-weight: bold; color: #fff; text-align: left; width: 100%; border-bottom: 0;}
.proshow2 p{ margin: 1.2%;}
.proshow .slider__item img {
width: 100%;
height: 100% !important;
background-size: cover;
}
.proshow img {
width: 100%;
height: 100% !important;
background-size: cover;
}
.swiper-slide{
display: block;
height: auto !important;
}
.swiper-container,
.swiper-wrapper{
height: auto !important;
}
.swiper-pagination-switch {
display: inline-block;
width: 10px;
height: 10px;
border-radius: 10px;
margin: 0 12px;
background: #fff;
cursor: pointer;
opacity: .5;
}
.swiper-active-switch {
opacity: 1;
}
.swiper {
width: 100%;
height: 100%;
}
.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.about-span {
width: 80%;
line-height: 24px;
color: #4b4b4b;
display: block;
padding-left: 20px;
}
.breadcrumbs {
width: 100%;
line-height: 35px;
height: 35px;
border-bottom: #e9e9e4 1px solid !important;
font-size: 16px;
text-align: left !important;
margin-bottom: 20px;
clear: both;
}