@charset "utf-8";
/*格式化*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea {margin:0;padding:0;}
body{ font-size:14px;font-family:"Microsoft Yahei",Verdana,Arial,Helvetica,sans-serif;  background:#fff;}
li, ol { list-style:none; }
ins { text-decoration:none; }
i, em { font-style:normal; }
a{ text-decoration:none;font-family:"Microsoft Yahei";color: #333;}
a:hover { cursor:pointer; text-decoration:none;}
:focus{outline:0;}
.clear { clear:both; line-height:0px; overflow:hidden; zoom:1; font-size:0px; content:'.';}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
img{ padding:0; margin:0;}
a img { border:none; }
input,textarea{ border:none;font-family:"Microsoft Yahei"; font-size:13px;}
h1, h2, h3, h4, h5, h6{ font-weight:normal; font-size:14px;}
.fl{float: left;}
.fr{float: right;}
/* -- 页面整体布局 -- */
.wrap{ min-width:320px; max-width:750px; margin:0 auto; overflow:hidden; position:relative;} /*网站首页宽度*/
.wrap img{display:block;width:100%;}


/*广告*/
.m-banner{ position:relative; width:100%; margin:0 auto; height:51rem;  z-index:15; font-size:0;}
.m-banner  img{ display:block;position: relative;width:100%; }


.m-guide{height:50.6rem;background:url(../images/guide.jpg) no-repeat center;background-size:100% 100%;}
.m-guide .gui{padding:1.9rem 4% 0;}
.m-guide .gui h2{text-align: center; margin-bottom: 1.25rem;}
.m-guide .gui h2 span{display:block; height:4.75rem; line-height: 4.75rem;font-size:2.1rem;color:#333333;}
.m-guide .gui h2 i{display:block; width:2.1rem;height:0.15rem; background:url(../images/xt.jpg) no-repeat center;background-size:100% 100%;margin:0 auto;}
.m-guide .gui strong{ display:block;line-height: 1.95rem;text-align: center;font-size:1.2rem; color:#666666; margin-bottom: 2.0rem; font-weight: normal;}
.m-guide .gui .gui-vid{width:100%; line-height: 0; margin-bottom: 1.35rem;}
.m-guide .gui .gui-vid img{width:100%;}
.m-guide .gui .gui-sz ul li{float:left; width:50%; height:10.75rem;border-bottom:0.05rem solid #d7d7d7;border-right:0.05rem solid #d7d7d7;padding-top:1.55rem; box-sizing: border-box;}
.m-guide .gui .gui-sz ul li:nth-child(2n){border-right:0;}
.m-guide .gui .gui-sz ul li span{display:block; height:3.05rem;text-align: center;}
.m-guide .gui .gui-sz ul li span em{display:inline-block; height:3.05rem; line-height: 3.05rem;font-size:2.2rem; color:#ff0000;font-family: "Arial";}
.m-guide .gui .gui-sz ul li span i{display:inline-block;font-size:1.6rem; color:#ff0000; vertical-align: top;height:3.05rem; line-height: 3.05rem;}
.m-guide .gui .gui-sz ul li b{display:block; width:0.8rem;height:0.05rem;background:#b5b5b5;margin:0 auto 0.4rem;}
.m-guide .gui .gui-sz ul li p{line-height: 1.8rem;text-align: center;font-size:1.2rem; color:#333333;}
.m-guide .gui .gui-sz ul li:nth-child(3),.m-guide .gui .gui-sz ul li:last-child{border-bottom:0;}
/**/
.m-product{padding:2.7rem 4% 2.75rem;}
.m-product h2{text-align: center; margin-bottom: 2.0rem;}
.m-product h2 span{display:block; height:3.0rem; line-height: 3.0rem;font-size:2.1rem; color:#333333;}
.m-product h2 em{display:block; height:2.2rem; line-height: 2.2rem;font-size:1.2rem; color:#666666;margin-bottom: 0.4rem;}
.m-product h2 i{display:block; width:2.1rem;height:0.15rem; background:url(../images/xt.jpg) no-repeat center;background-size:100% 100%;margin:0 auto;}
.m-product ul li{float:left; width:47.8%; margin-bottom: 1.3rem;  box-shadow: 0px 0.15rem 0.9rem 0px  rgba(0, 0, 0, 0.09);}
.m-product ul li:nth-child(2n){float:right;}
.m-product ul li span{display:block; width:100%; line-height: 0;}
.m-product ul li span img{width:100%;}
.m-product ul li strong{display:block; height:2.95rem; text-align: center;}
.m-product ul li strong i{display:inline-block; width:2.35rem; line-height: 0; overflow:hidden;}
.m-product ul li strong i img{width:100%;}
.m-product ul li strong em{display:inline-block; height:2.95rem; line-height: 2.95rem;font-size:1.3rem; color:#333333; vertical-align: top; font-weight: normal;}
/**/
.m-ryzz{height:40.6rem;background:url(../images/rybj.jpg) no-repeat center top;background-size:100% 100%;padding:2.65rem 4% 0; box-sizing: border-box;}
.m-ryzz h2{text-align: center; margin-bottom: 2.2rem;}
.m-ryzz h2 span{display:block; height:3.0rem; line-height: 3.0rem;font-size:2.1rem; color:#333333;}
.m-ryzz h2 em{display:block; height:2.2rem; line-height: 2.2rem;font-size:1.2rem; color:#666666;margin-bottom: 0.4rem;}
.m-ryzz h2 i{display:block; width:2.1rem;height:0.15rem; background:url(../images/xt.jpg) no-repeat center;background-size:100% 100%;margin:0 auto;}
.m-ryzz .ry-list{margin-bottom: 3.2rem;}
.m-ryzz .ry-list ul{width:86.9%;margin:0 auto;}
.m-ryzz .ry-list ul li{float:left; width:48.1%;padding-bottom:0.65rem;background:url(../images/ry-ico.png) no-repeat center bottom;background-size:100% 0.65rem;}
.m-ryzz .ry-list ul li img{width:100%;}
.m-ryzz .ry-list ul li:nth-child(2n){float:right;}
.m-ryzz .ry-list .ry-jt i{display:block; width:2.05rem;height:2.05rem;z-index:200;}
.m-ryzz .ry-list .ry-jt i.ry-prev{background:url(../images/ry-prev.png) no-repeat center;background-size:100% 100%; position: absolute;left:0; top:8.7rem;}
.m-ryzz .ry-list .ry-jt i.ry-next{background:url(../images/ry-next.png) no-repeat center;background-size:100% 100%; position: absolute;right:0; top:8.7rem;}
.m-ryzz strong{display:block; width:13.75rem;height:2.95rem; background:url(../images/ry-bj.jpg) no-repeat center;background-size:100% 100%;margin:0 auto;}
.m-ryzz strong a{display:block; height:2.95rem;text-align: center;}
.m-ryzz strong i{display:inline-block; height:2.95rem; line-height: 2.95rem;font-size:1.2rem; color:#ffffff; font-weight: normal;padding-right: 1.4rem;background:url(../images/ry-jt.png) no-repeat right;background-size:0.8rem 0.9rem;}
/**/
.m-fwbj{height:66.5rem;background:url(../images/fwbj.jpg) no-repeat center top; background-size:100% 100%;padding:3.75rem 4% 0; box-sizing: border-box; box-sizing: border-box;}
.m-fwbj h2{text-align: center; margin-bottom: 4.1rem;}
.m-fwbj h2 span{display:block; height:3.3rem; line-height: 3.3rem;font-size:2.1rem; color:#FFF;}
.m-fwbj h2 em{display:block; height:2.45rem; line-height: 2.45rem;font-size:1.2rem; color:#FFF;margin-bottom: 0.85rem;}
.m-fwbj h2 i{display:block; width:2.1rem;height:0.15rem; background:url(../images/xt.jpg) no-repeat center;background-size:100% 100%;margin:0 auto;}
.m-fwbj ul{ position: relative;}
.m-fwbj ul li{float:left;width:49.2%;height:12.05rem;background:url(../images/f_bj.jpg) no-repeat center;background-size:100% 100%; margin-bottom: 2.45rem;padding:0 1.3rem; box-sizing: border-box;}
.m-fwbj ul li i{display:block; width:3.95rem;line-height: 0;overflow:hidden;margin:-2.0rem auto 1.75rem; }
.m-fwbj ul li i img{width:100%;}
.m-fwbj ul li span{display:block; height:2.1rem; line-height: 2.1rem;text-align: center;font-size:1.5rem; color:#ffffff;margin-bottom: 0.35rem;}
.m-fwbj ul li p{line-height: 1.8rem;font-size:1.18rem; color:rgba(255,255,255,0.9); text-align: center;}
.m-fwbj ul li:nth-child(2n){float:right;}
.m-fwbj ul li:first-child,.m-fwbj ul li:nth-child(2){margin-bottom: 17.15rem;}
.m-fwbj ul li:last-child{width:100%;position: absolute;left:0; bottom:14.7rem;}
.m-fwbj strong{display:block; width:16.3rem;height:2.95rem; background:url(../images/ry-bj.jpg) no-repeat center;background-size:100% 100%;margin:0 auto;}
.m-fwbj strong a{display:block; height:2.95rem;text-align: center;}
.m-fwbj strong i{display:inline-block; height:2.95rem; line-height: 2.95rem;font-size:1.2rem; color:#ffffff; font-weight: normal;padding-right:1.15rem;background:url(../images/ry-jt.png) no-repeat right;background-size:0.8rem 0.9rem;}
/**/
.m-case{padding:3.2rem 4% 4.9rem; height:50rem; overflow:hidden;}
.m-case h2{text-align: center; margin-bottom: 1.6rem;}
.m-case h2 span{display:block; height:2.85rem; line-height: 2.85rem;font-size:2.1rem; color:#333333;}
.m-case h2 em{display:block; height:2.0rem; line-height: 2.0rem;font-size:1.2rem; color:#666666;margin-bottom: 0.7rem;}
.m-case h2 i{display:block; width:2.1rem;height:0.15rem; background:url(../images/xt.jpg) no-repeat center;background-size:100% 100%;margin:0 auto;}
.m-case .cas-nav{height:3.85rem;margin-bottom: 1.35rem;}
.m-case .cas-nav ul li{float:left;width:32.3%;height:3.75rem;line-height: 3.75rem; text-align: center;background:url(../images/cas-titbj.jpg) no-repeat center;background-size:100% 100%;  font-size:1.2rem; color:#333333;margin-left: 0.85%;border: solid 0.05rem #d2d2d2; box-sizing: border-box; margin-bottom:0.2rem;}
.m-case .cas-nav ul li:first-child{}
.m-case .cas-nav ul li.c-on1{background:url(../images/cas-titbj_h.jpg) no-repeat center;color:#FFF;}
.m-case .cas-nav ul li.c-on1 a{color:#FFF;}
.m-case .cas-list dl dt{width:100%; line-height: 0; overflow:hidden;margin-bottom: 1.0rem;}
.m-case .cas-list dl dt img{width:100%;}
.m-case .cas-list dl dd h4{height:4.0rem; line-height: 4.0rem;border-bottom:0.05rem solid #c5c5c5; box-sizing: border-box;margin-bottom: 1.4rem;}
.m-case .cas-list dl dd h4 a{display: block;height: 4rem;font-size:1.5rem; color:#333333; font-weight: normal;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.m-case .cas-list dl dd p{line-height:1.75rem; margin-bottom: 2.05rem;font-size:1.2rem; color:#666666;}
.m-case .cas-list .shou{display:block; width:9.3rem;line-height: 0; overflow:hidden; position: absolute;right:0;bottom:0; z-index:200;}
.m-case .cas-list .shou img{width:100%;}
.m-case strong{display:block; width:13.75rem;height:2.95rem; background:url(../images/ry-bj.jpg) no-repeat center;background-size:100% 100%;}
.m-case strong a{display:block; height:2.95rem;text-align: center;}
.m-case strong i{display:inline-block; height:2.95rem; line-height: 2.95rem;font-size:1.2rem; color:#ffffff; font-weight: normal;padding-right:1.15rem;background:url(../images/ry-jt.png) no-repeat right;background-size:0.8rem 0.9rem;}
/**/
.ysbj{background:url(../images/ysbj.jpg) no-repeat center top;background-size:100% 100%;padding:4.35rem 4% 4.9rem; height:58rem;}
.ysbj h2{text-align: center; margin-bottom: 2.2rem;}
.ysbj h2 span{display:block; height:3.05rem; line-height: 3.05rem;font-size:2.1rem; color:#FFF; font-weight: bold;}
.ysbj h2 em{display:block; height:2.3rem; line-height: 2.3rem;font-size:1.2rem; color:#FFF; font-weight: normal;}
.ysbj .ys-nav{height:10.3rem;background:url(../images/ys-bj.jpg) no-repeat center;background-size:100% 100%;margin-bottom: 1.6rem;}
.ysbj .ys-nav ul li{float:left;width:50%; height:5.15rem; text-align: center; border-bottom:0.05rem solid rgba(2,68,154,0.3);border-right:0.05rem solid rgba(2,68,154,0.3); box-sizing: border-box;}
.ysbj .ys-nav ul li i{display:inline-block; width:3.4rem; height:5.15rem; line-height: 0; overflow:hidden;}
.ysbj .ys-nav ul li i img{width:100%; height:100%;}
.ysbj .ys-nav ul li em{display:inline-block;height:5.15rem; line-height: 5.15rem;font-size:1.5rem; color:#FFF; vertical-align: top;}
.ysbj .ys-nav ul li:nth-child(2n){border-right:0;}
.ysbj .ys-nav ul li:nth-child(3),.ysbj .ys-nav ul li:last-child{border-bottom:0;}
.ysbj .ys-nav ul li:nth-child(2) img{margin-top:0.28rem;}
.ysbj .ys-nav ul li:nth-child(3) img{margin-top:0.25rem;}
.ysbj .ys-nav ul li:nth-child(4) img{margin-top:0.35rem;}
.ysbj .ys-nav ul li.y-on{background:url(../images/y-bj.jpg) no-repeat center;background-size:100% 100%;}
.ysbj .ys-list dl{background:#FFF;padding:1.2rem 1.15rem 1.9rem 1.35rem;}
.ysbj .ys-list dl dt{width:100%; line-height: 0; overflow:hidden; margin-bottom: 0.65rem;}
.ysbj .ys-list dl dt img{width:100%;}
.ysbj .ys-list dl dd h4{height:4.35rem;line-height: 4.35rem;font-size:1.5rem; color:#333333; font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ysbj .ys-list dl dd ul li{line-height: 2.0rem;padding-left:1.0rem; background:url(../images/ys-dd.png) no-repeat left 0.85rem;font-size:1.2rem; color:#666666;}



.tit{font-weight: normal;text-align: center;line-height: 0;}
.tit span{line-height:2.1rem;font-size:2.1rem;color: #333333;font-weight: normal;display: block;}
.tit i{font-size:1.2rem;color: #666666;line-height:1.2rem;margin-top: 0.7rem;display: block;position: relative;font-weight: normal;height: 2.5rem;background: url(../images/tit.png) no-repeat center bottom;;background-size: 2.1rem 0.15rem;}



.news{ padding: 3.2rem 4% 3rem;border-bottom: 1px solid #dfdfdf;}

.news_con{margin: 2.2rem 0 0 0;}
.news_con dl{height: 9rem;margin-bottom: 1rem;box-shadow: 0 0 1rem rgba(0,0,0,0.12);}
.news_con dt{ display: block;width: 46.37%;float: left;height: 9rem;}
.news_con dt img{width: 100%;display: block;}
.news_con dd{float: right;width: 53.63%;height: 9rem;background-size: #fff;padding: 1.5rem 1.8rem 0;box-sizing: border-box;}
.news_con dd h4 a{font-size: 1.2rem;color: #333333;line-height: 2rem;font-weight: normal;display: block;}
.news_con dd span img{display: block;width: 1.7rem;height: 1.7rem;margin-top: 0.5rem;float: right;}
.news_con ul li a{display: block;height: 3.6rem;line-height: 3.6rem;box-sizing: border-box;font-size: 1.2rem;color: #333333;background: url(../images/news_jia.png) no-repeat 0rem 1.3rem;background-size: 1.15rem 1.15rem;padding-left: 1.9rem;color: #333333; }


.abt{ padding: 4rem 0 0;}
.abt dt img{ display: block;width: 100%;margin-top: 30px;}
.abt dd{height: 16.4rem;background-color: #eeeeee;padding: 2.4rem 4% 0;box-sizing: border-box;}
.abt dd li{ float: left;width: 33.33%;}
.abt dd li img{ display: block;width: 3.1rem;height: 3.1rem; margin: 0 auto;}
.abt dd li b {display: block;font-size: 1.5rem;color: #333333;line-height: 1.5rem;text-align: center;padding-top: 1rem;}
.abt dd li span{display: block;font-size: 1.1rem;color: #666666;line-height: 1.8rem;text-align: center;padding-top: 1rem;}








































































/**/
html{font-size:10px;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
@media screen and (min-width:375px){html{font-size:10px;}}
@media screen and (min-width:400px){html{font-size:10.664px;}}
@media screen and (min-width:414px){html{font-size:11.04px;}}
@media screen and (min-width:440px){html{font-size:11.73px;}}
@media screen and (min-width:480px){html{font-size:12.796px;}}
@media screen and (min-width:520px){html{font-size:13.863px;}}
@media screen and (min-width:560px){html{font-size:14.93px;}}
@media screen and (min-width:600px){html{font-size:15.996px;}}
@media screen and (min-width:640px){html{font-size:17.06px;}}
@media screen and (min-width:680px){html{font-size:18.1288px;}}
@media screen and (min-width:700px){html{font-size:18.66px;}}
@media screen and (min-width:720px){html{font-size:19.1952px;}}
@media screen and (min-width:750px){html{font-size:20px;}}