@charset "utf-8";

/*banner*/
.banner{position: relative; height:600px;overflow: hidden;clear: both; background:url(../images/banner.jpg) no-repeat center 0;}
.ban_p,.ban_p li{ height:600px;overflow: hidden;}
.ban_p li a{ display:block; height:600px; background:url(../images/banner.jpg) no-repeat center 0;}
.ban_t{width:1100px;height:50px;bottom: 0;left:50%;margin-left:-550px;position: absolute;text-align: center;}
.ban_t em{width: 16px;height: 16px;border-radius: 16px;margin-right:12px; display: inline-block;background: #007c41; border: 1px solid #fff;}
.ban_t em.on{background: #f8b500; border: 1px solid #fff;}
.m_banner{ display:none;}
/**/
.seabox{overflow:hidden;background:#f5f5f5; height:78px; line-height: 78px; border-bottom: 1px solid #dcdcdc;}
.seabox p{ float: left; color: #333; font-size:0.95rem; width:890px;overflow: hidden;line-height: 80px;}
.seabox p i{ display: inline-block; float: left;}
.seabox p a{ display: inline-block; color: #333; font-size:1rem; padding: 0 5px;}
.seabox p a:hover{ color: #007c41;}
.sea_inp{ margin-top: 21px; height:35px;overflow: hidden;background:url(../images/s_s.jpg) no-repeat;width:310px;}
.sea_inp .serach{width:250px;height:35px;line-height:35px;color:#333!important;float:left;outline: none;display: block;position: relative;background:none;padding:0 0 0 20px;border: 0;font-size:0.88rem;}
.sea_inp .sub{ width:35px; height:35px;border:0;float:right;cursor: pointer;display: block;background:none;}
/**/
.yzbj{overflow: hidden; height:514px;background:url(../images/map.jpg) no-repeat center 0; box-sizing: border-box; padding-top:4rem; margin-bottom: 4rem;}
h2{ text-align: center; line-height: 100%; font-weight: normal; font-size:1.25rem;  color: #333;}
h2 i{ display: block; font-size:2.4rem; color: #333; line-height: 100%;}
h2 span{ padding: 8px 0 45px 0; display: block;background:url(../images/hh.jpg) no-repeat center 46px;}
.yzbj dl{ overflow: hidden;}
.yzbj dl dt { text-align: center; font-size:1rem; color: #333; line-height: 1.875rem; padding-bottom: 2.2rem;}
.yzbj dl dd h3{ height: 234px; overflow: hidden;}
.yzbj dl dd h3 i{ display: block; color: #30a100; font-size: 2.8rem; letter-spacing:4px; line-height: 100%; font-weight: bold;}
.yzbj dl dd h3 i em{ color: #ea5514;}
.yzbj dl dd h3 img{ display: block;padding: 17px 0 20px 62px;}
.yzbj dl dd h3 span{ color: #666; font-size:1rem; line-height: 30px; width:680px; display: block;}
.yzbj ul{ overflow: hidden; padding-bottom: 38px;}
.yzbj ul li{ float: left; font-size:0.88rem; color: #666; text-align: center; width:20%;margin: 0.5rem 0;}
.yzbj ul li em{ display: block; font-size:1.13rem; color: #333;word-break: keep-all;white-space: nowrap;}
.yzbj ul li i{ display: inline-block; line-height: 100%; font-size:3.2rem; font-family: Arial; color: #007c41;font-weight: bold;}
.yzbj ul li span{ display: inline-block;height: 50px;line-height: 25px; position: relative; font-size:1.25rem; color: #333; padding-top:3px;}
/**/
.jirj{ height: 1050px;background:url(../images/f_bg.png) no-repeat center 110px;}
.j_nav{ overflow: hidden; padding-bottom: 3px;overflow-x: scroll;}
/*.j_nav ul li{ padding-top:22px; float: left; width:20%;}
.j_nav ul li a{ display: block; padding-top: 35px; height: 122px; font-size:1.25rem; color: #333;background:url(../images/f_li.png) no-repeat 1px 107px;}
*/

.j_nav ul{display: flex;}
::-webkit-scrollbar {height: 6px;background-color: rgba(240, 240, 240, 1); display:none;}
.j_nav ul li{ width: 128px; margin-right: 5px; padding:0; float:left;flex-wrap: inherit;margin-right: 5px;text-align: center;}
.j_nav ul li img{ width:60px; height:60px;}
.j_nav ul li a b{ display: flex;font-weight: 400;font-size: 1rem;height: 65px; flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.j_nav ul li:hover a b{ background:#eaaa85; color:#fff;border-radius: 5px;-webkit-transition: all .5s ease 0s;transition: all .3s ease 0s;}
/*.j_nav ul li.on a,.j_nav ul li:hover a{ color: #007c41;background:url(../images/f_cur.png) no-repeat 0 0px;}*/
.j_om ul li{ position: relative;}
.j_om ul li strong{ display: block; position: absolute; top: -75px; right: -359px;}
.j_fl h4{font-weight: normal; color: #007c41; font-size:1.5rem; margin-top: 100px; padding-bottom: 65px; line-height: 100%;background:url(../images/f_h.jpg) no-repeat 0 75px;}
.j_fl h4 b{ line-height: 100%; padding: 0 0 15px 0;font-size: 2.4rem;}
.j_fl p{ color: #333; max-width: 450px; font-size:1rem; color: #333; line-height: 1.85rem; }
.j_fl em{ display: block; font-size:1.5rem;; color: #333; padding: 2.2rem 0 2.2rem 0;}
.j_fl em span{font-weight: bold;}
.j_fl h3 a{display: block; width: 205px; height: 47px; line-height: 47px; text-align: center; border: 1px solid #313131; border-radius: 3px;font-weight: normal; font-size:1.13rem; color: #333;}
.j_fl h3 a:hover{ background: #333; color: #fff;}
    /**/
.licf{ }
.licf ul{ border-bottom: 8px solid #007c41; overflow: hidden;}
.licf ul li{ width:19%; height: 207px; float: left; margin: 10px 0.5% 0; box-sizing: border-box; padding:2rem 1.5rem; background-color: #f5f5f5; background-image: url(../images/lc_io1.jpg); background-repeat: no-repeat; background-position: 28px 140px; }
.licf ul li:nth-of-type(2){ background-image:url(../images/lc_io2.jpg);}
.licf ul li:nth-of-type(3){ background-image:url(../images/lc_io3.jpg);}
.licf ul li:nth-of-type(4){ background-image:url(../images/lc_io4.jpg);}
.licf ul li:nth-of-type(5){ background-image:url(../images/lc_io5.jpg);}
.licf ul li:nth-of-type(6){ background-image:url(../images/lc_io6.jpg);}
.licf ul li:nth-of-type(7){ background-image:url(../images/lc_io7.jpg);}
.licf ul li:nth-of-type(8){ background-image:url(../images/lc_io8.jpg);}
.licf ul li:nth-of-type(9){ background-image:url(../images/lc_io9.jpg);}
.licf ul li:nth-of-type(10){background-image:url(../images/mail.png);}
.licf ul li i{ display: block; font-family: Arial; font-size:1.5rem;; color: #aaa; line-height: 100%; padding-bottom: 16px;}
.licf ul li em , .licf ul li span{ display: block; font-size:1.2rem;; color: #333;}
.licf ul li:hover{ background-color: #007c41; background-image: url(../images/lc_io11.jpg);}
.licf ul li:hover i,.licf ul li:hover em{ color: #fff;}
.licf ul li:nth-of-type(2):hover{background-image:url(../images/lc_io21.jpg);}
.licf ul li:nth-of-type(3):hover{background-image:url(../images/lc_io31.jpg);}
.licf ul li:nth-of-type(4):hover{background-image:url(../images/lc_io41.jpg);}
.licf ul li:nth-of-type(5):hover{background-image:url(../images/lc_io51.jpg);}
.licf ul li:nth-of-type(6):hover{background-image:url(../images/lc_io61.jpg);}
.licf ul li:nth-of-type(7):hover{background-image:url(../images/lc_io71.jpg);}
.licf ul li:nth-of-type(8):hover{background-image:url(../images/lc_io81.jpg);}
.licf ul li:nth-of-type(9):hover{background-image:url(../images/lc_io91.jpg);}
.licf ul li:nth-of-type(10):hover{background-image:url(../images/mail.png);}
    /**/
.proindex{ overflow: hidden;background:url(../images/pro.jpg) no-repeat center 0; height: 1477px; margin-bottom: 3rem; padding-top: 90px; box-sizing: border-box;}
.proindex h2{ color: #fff; height:138px;}
.proindex h2 i{ color: #fff;}
.proindex h2 span{background: url(../images/p_h.jpg) no-repeat center 46px;}
.p_onn1{ overflow: hidden; height: 857px;}
.p_l{ width: 333px; position: relative; height: 789px;background: #fff;}
.p_l h3{ height: 104px;background: url(../images/pl_h.jpg) no-repeat ; color: #fff; font-weight: bold; font-size:1.75rem;; text-align: center; line-height: 97px;}
.p_l h4{height: 60px; line-height: 60px; border-bottom:1px solid #e8e8e8; font-size:1.2rem; font-weight: normal;}
.p_l h4 a{ display: block; color: #333; padding-left: 50px;background: url(../images/pl_h2.jpg) no-repeat 28px 23px; }
.p_l h4.on,.p_l h4:last-of-type{ border-bottom: none;}
.p_l h4.on a{background: url(../images/pl_h6.jpg) no-repeat 28px 23px;}
.p_l ul{ overflow: hidden;}
.p_l em{ display: block; position: absolute; left: 0; bottom: 0; width: 333px; height: 133px;background: url(../images/pl_tel.jpg) no-repeat; box-sizing: border-box; padding: 20px 80px 10px 20px; font-size:1rem; color: #666;}
.p_l em span{ display: block; color: #333; font-size:0.92rem;; font-family: Arial; padding-top: 8px;}
.p_l ul{ margin-left: 51px; padding-bottom: 15px;}
.p_l ul li a{ display: block; height: 40px; line-height: 40px; padding-left: 15px; font-size:0.95rem; color: #333;background: url(../images/pl_li.jpg) no-repeat 0 15px;}

.p_r{ width:850px; padding-top: 30px;}
.p_r h3{ height: 65px; margin-right: 20px;background: url(../images/pr_h.jpg) no-repeat;}
.p_r h3 span{display: inline-block; float: right; padding-top:12px;font-weight: normal; line-height: 100%;}
.p_r h3 span a{ color: #333; font-family: Arial; font-size:0.88rem;}
.p_r h3 i{ display: block; float: left;}
.p_r h3 i b{ display: block; line-height:40px; font-size:1.5rem;; font-weight: bold; color: #333; font-weight: bold; }
.p_r ul{ overflow: hidden;}
.p_r ul li{ float: left; width:32%; margin:0.5rem 0.5%; border: 1px solid #fff; background: #fff;}
.p_r ul li i{ display: block; border-top: 1px solid #f2f2f3; line-height: 25px; height: 50px;white-space: normal; padding: 5px 35px 5px 5px;font-size:1rem;text-align: center; color: #333; padding-left: 20px;background: url(../images/pr_io2.jpg) no-repeat 240px 16px;}
.p_r ul li img{ width: 100%;}
.p_r ul li:hover{border: 1px solid #007c41; background: #007c41;}
.p_r ul li:hover i{ color: #fff;background: url(../images/pr_io1.jpg) no-repeat 240px 16px;}

.p_tv1{ overflow: hidden;}
.p_tv1 h2{color: #333;}
.p_tv1 h2 span{ display: block; font-weight: normal; font-family: Arial; font-size:0.75rem;; text-transform: uppercase; line-height: 100%;}
.p_tv1 h2 i{color: #333; display: block; line-height: 100%; }
.p_tvn{ overflow: hidden;}
.p_tvn ul li{ float: left; width: 290px; margin-right: 13px; background: #fff;}
.p_tvn ul li:last-of-type{ margin-right: 0;}
.p_tvn ul li img{ width: 290px;}
.p_tvn ul li i{ display: block; height: 40px; padding:5px; line-height: 20px; overflow: hidden; font-size:0.85rem; color: #333; text-align: center;}
/**/
.case{ height: 760px;}
.c_u{ position: absolute; z-index: 5; cursor: pointer; left: -77px; top: 383px;}
.c_d{ position: absolute; z-index: 5; cursor: pointer; right: -77px; top: 383px;}
.case ul li{ float: left; overflow: hidden; width: 389px; margin-right: 16px;}
.case ul li img{ display: block; width: 389px;}
.case ul li em{ display: block; border: 1px solid #e5e5e5; border-top: none; padding: 27px;}
.case ul li em i{ display: block; font-size:1.375rem;; color: #333; width: 277px; line-height: 33px; height: 70px;}
.case ul li span{ display: block; font-size:0.95rem; color: #666; line-height: 28px; height: 123px;background:url(../images/c_li.png) no-repeat  right bottom;}
.case ul li:hover em i{font-weight: bold; color: #007c41;}
.case ul li:hover span{background:url(../images/clic.png) no-repeat  right bottom;}
/**/
.ys{ overflow: hidden; height: 964px;}
.ys .con{margin-top:0;}
.ys .con li{width:18.8%;overflow: hidden;float: left;position: relative;border-right:8px solid #fff;box-sizing: border-box;transition: all .25s linear;}
.ys .con li:last-of-type{ border-right: none;}
.ys .con li > em{display: block;width: 100%;overflow: hidden;}
.ys .con li > em img{opacity: 1;display: block;min-height:792px;}
.ys .con li .hov{position: absolute;top: 0;z-index: 1;width: 100%;height: 100%;background: rgba(0,0,0,0.7);box-sizing: border-box;padding:75%  0 0 18%; right: 0;}
.ys .con li .hov p,.ys .con li .hov h4{ display: none; }
.ys .con li .hov h3{ color: #fff; font-size: 36px; line-height: 40px; position: relative;padding-top:400px;background:url(../images/pin_pic01.png) no-repeat 0 80%; }
.ys .con li:nth-of-type(2) .hov h3{background:url(../images/pin_pic02.png) no-repeat 0 70%;}
.ys .con li:nth-of-type(3) .hov h3{background:url(../images/pin_pic03.png) no-repeat 0 70%;}

.ys .con li .hov h3 span{ display: block;}
.ys .con li .hov h3 i{ display: block; font-size:0.88rem; color: #fff; font-family: Arial; position: absolute; left: 30%; top: 103%;font-weight: normal; line-height: 150%;}
.ys .con li.cur{width:62.4%;}
.ys .con li.cur .hov{width:87.26%;background: rgba(255,255,255,0.9);padding: 0;padding-left: 6%; bottom: 30px; top: inherit; right: 6%;  height: inherit; height: 260px; overflow: hidden;}
.ys .con li.cur p{opacity: 1;width: auto;padding-right: 5%;}
.ys .con li.cur .hov h3{color: #1a1a1a; float: left; padding:0; background: none; padding-top: 29px;}
.ys .con li.cur .hov h3 i{ display: block; font-size:14px;color: #1a1a1a; position: relative; left: inherit; top: inherit; background: none; padding-top: 10px; border-bottom: 1px solid #ccc; width: 100px; padding-bottom: 15px;}
.ys .con li.cur .hov h3 span{font-weight: normal; font-family:Arial; font-size:0.88rem; font-weight: normal;}
.ys .con li.cur .hov p{ float:left; width: 75%; color: #333; font-size:1rem; line-height:30px; padding: 23px 0 0 25px;}
.ys .con li.cur .hov p{ display: block; padding-right: 0;}
/**/
.fur{ height: 992px;background:url(../images/fur.jpg) no-repeat center 138px; overflow: hidden;}
/**/ /**/
.news{ overflow: hidden; height:42rem; background: #f2f4f7; padding-top:4rem;}
.news h3{ height:2rem; padding: 0.5rem 0; line-height: 100%; overflow: hidden; border-bottom: 1px #006533 solid;}
.news h3 i a{ display: inline-block; float: left; font-size:1.3rem;;line-height:2rem; color: #333;}
.news h3  span a{ display: inline-block; float: right; line-height: 100%; margin-top: 10px; font-weight: normal; font-size:0.88rem; color: #666;}
.n_l{ overflow: hidden; width: 568px;}
.n_l dl{ overflow: hidden; height:402px;}
.n_l dl dt img{ width: 568px;}
.n_l dl dd h4{display: block; overflow: hidden; height:60px;line-height: 30px; background: none;}
.n_l dl dd h4 a{ display: block;font-weight: bold; font-size:1.375rem;; color: #007c41;}
.n_l dl dd h4 a:hover{ color: #F44336;}
.n_l dl dd p{ color: #808080; font-size:0.88rem; line-height: 24px;}
.n_l dl dd p a{color: #007c41;}
.n_l ul li{ height: 35px; line-height: 35px; overflow: hidden;}
.n_l ul li a{ font-size:0.88rem; color: #333; text-decoration: underline; display: block;}
.n_l ul li a:hover{ color: #007c41;}
.n_l ul li span{ width: 29px; display: inline-block;}
.n_r{ float: right; width: 582px;}
.n_r dl{ overflow: hidden; height:143px; border-bottom: 1px solid #e5e5e5; margin:20px 0;}
.n_r dl dt{ overflow: hidden; margin-bottom: 14px;}
.n_r dl dt span{ display: inline-table; float: left; width: 100px; height: 30px; text-align: center; line-height: 30px; background: #007c41; font-size:1rem; color: #fff; margin-right: 9px; padding:0 8px; }
.n_r dl dt a{ display:contents; float: left; line-height: 30px; font-size:1.375rem;; color: #4b4b4b; overflow: hidden;}
.n_r dl dt a:hover{text-decoration: underline;}
.n_r dl dd p{ color: #808080;font-size:0.88rem; line-height: 24px;}
.n_r dl dd p a{ color: #007c41;}
.n_r ul{ height: 180px;}
.n_r ul li{ height: 37px; line-height: 37px;}
.n_r ul li a{ display: block; font-size:0.88rem; color: #333;background: url(../images/n_m1.jpg) no-repeat right 14px;}
.n_r ul li a:hover{color: #007c41;background: url(../images/n_m2.jpg) no-repeat right 14px;}
.n_r h4{ height: 157px; background: #007c41; overflow: hidden;}
.n_r h4 img{ display: inline-block; float: left; width: 410px; height: 157px;}
.n_r h4 span{ display: inline-block; width: 170px; text-align: center; padding-top: 55px; font-weight: normal; font-size:1.13rem; color: #fff; padding-bottom: 34px;background: url(../images/n_m3.jpg) no-repeat center bottom;}
.news h2{ margin-bottom: 15px;}
/**/
.fur dl{ float: left; width: 595px; height: 376px; margin-bottom: 10px; overflow: hidden;}
.fur dl:nth-of-type(2n){ float: right;}
.fur dl dt{ float: left; overflow: hidden;}
.fur dl dd{ float: left; padding:132px 0 0 34px; width: 227px;}
.fur dl dd h4{ line-height: 100%; color: #007c41; font-size:1.625rem;; height: 60px;}
.fur dl dd p{ color: #666; font-size:1rem; line-height:1.3rem;}
.fur dl:nth-of-type(2n) dt{ float: right;}
.fur dl:nth-of-type(2n) dd{ padding-left: 39px;}
/**/
.about{ overflow: hidden; height:790px;background: url(../images/a_img.jpg) no-repeat center 0; box-sizing: border-box; padding-top:567px;}
.about h3{ float: left; padding: 4rem 0 0 2rem; width: 369px; color: #fff;}
.about h3 i{ display: block; line-height: 100%; font-size: 1.8rem; padding-bottom: 12px;}
.about h3 em{ display: block; font-size:1.3rem;;font-weight: normal;}
.about img{ display:none;}
.about p{ width: 735px; float: left; padding-top: 35px; color: #333; font-size:1rem; line-height: 26px;}
.about p em{ display: block; padding-bottom: 14px;}
    /**/

/**/
/**/
.pro_on ul li i:hover{ color: #e50014;}
.pro_on ul li strong,.p_ud span img,.p_ud span img,.case h4 a{transition: all 0.3s linear 0s;}
.pro_on ul li strong:hover{transform: translateX(5px);}
.p_ud span:hover img{transform: translateX(5px);}
.p_bom h3 span:hover{ background: #e50014;}
.case h4 a:hover{transform: translateX(5px);}
.news1 .bt a:hover{color: #e50014;}
.dail p i a:hover{ background: #e50014; color: #fff;}

.pic img,.picl img,.pics img{-webkit-transition: -webkit-transform 0.8s; -moz-transition: -moz-transform 0.8s; -o-transition: -o-transform 0.8s; transition: transform 0.8s;}
.pic img:hover{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);  transform: scale(1.05);}
.picl img:hover{-moz-transform: translate(0,5px);-webkit-transform: translate(0,8px);-ms-transform: translate(0,8px);-o-transform: translate(0,8px);}
.pics img:hover{-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);}
.white,.whites{position: relative;overflow: hidden;}
.white:after,.whites:after{content: ''; cursor: pointer; position: absolute; left: -100%; top: 0; width:100%; height:100%; background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); transform: skewx(-25deg); }
.white:hover:after{left:100%; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s; transition:1s;}
.whites:hover:after {left:100%; -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s;}


@media (max-width: 1200px){
body { width: 100%; max-width:768px; min-width:300px;margin: 0 auto; }
.banner , .j_nav ul li a p , .p_l , .p_r h3 , .p_tv1 h2 span , .ys , .news h3 , .n_r{ display:none;}
.m_banner{ display: block;}
.m_banner img { width:100%;}
h2 i{font-size: 1.8rem;background: url(../images/hh.jpg) no-repeat center 46px;padding-bottom: 40px;}
h2 span{ display:none;}
.yzbj{ padding-top: 2rem;}
.yzbj ul li i{ font-size: 2rem;}
.yzbj ul li span{ font-size: 1rem;}
.yzbj ul li{ width:33%;}
.yzbj ul li:nth-child(4){ margin-left: 16.6%;}
.jirj { height:auto;padding-bottom: 2rem; background:none;border-bottom: 0.75rem solid #e5e5e5;margin-bottom: 3rem;}
.jirj .content , .proindex .content , .case .content , .about .content{ padding:0;}
.j_nav ul li { padding-top:0;}
/*.j_nav ul li a{ height:30px; padding:15px 5px; text-align:center;background:none;border-right: 1px solid #dcdcdc;border-top: 1px solid #dcdcdc; }*/
.j_om ul li strong , .p_l em{position: static;}
.j_om ul li strong img { width:100%; height:auto;}
.j_fl{ padding:20px 15px;}
.j_fl h4 { background:none; margin-top:0; padding:0; }
.j_fl h4 b{ display: block;font-size: 1.8rem; }
.j_fl p { width:100%;}
.licf ul li{width:48%;margin: 8px 1% 0; padding: 1rem;background-position:1rem 1rem;height: 130px;border: 1px #047d3f solid;}
.licf ul li i{font-size: 2.5rem;text-align: right;padding-bottom: 1.3rem;}
.licf ul li span{font-size: 1.1rem;padding: 3rem 0 0.5rem; }
.licf ul li em{font-size: 1.1rem;}
.proindex , .p_onn1 , .p_tv1 h2 { height:auto;}
.proindex , .case {border-bottom: 0.75rem solid #e5e5e5;}
.p_r{ width:100%; padding:0;}
.p_r ul li{ width:48%;}
.p_r ul li i{padding: 0.3rem 10px;height: 50px;line-height: 25px;white-space: initial;}
.p_tv1 { padding-top:3rem;}
.p_tvn ul li { width:100%; text-align:center;}
.case{ height:auto; margin-bottom:3rem;}
.case ul li span {width: 277px;}

.fur{ background:none; height:auto;padding: 0;}
.fur dl{width: 100%; height:auto;background: #eee;}
.fur dl dt{ width:40%;}
.fur dl dt img{ max-width:100%;}
.fur dl dd{ width:50%; padding:2rem 5%;}
.fur dl dd h4{ font-size: 1.3rem;height: auto; line-height:2rem; padding-bottom: 0.5rem;}
.fur dl:nth-of-type(2n) dd{ padding-left: 5%;}

.news{ height:auto;}
.n_l , .n_l dl dt img{ width:100%;}
.n_l dl { height:auto;}

.about{ background:none;padding:0; height:auto;}
.about h3{width: 100%; color:#333;padding:3rem 0 1rem; text-align:center;}
.about img{ display: block; width:100%;}
.about p{ width:100%; padding:1rem 15px;box-sizing: border-box;}

}