@charset "utf-8";
/* CSS Document */
/*导航*/
.topbox{width: 100%;min-width: 350px;height: 74px;background-color: rgba(255, 255, 255, 0.75);box-shadow:0 2px 3px rgba(0,0,0,0.40);position:fixed;top: 0px; z-index: 100;}
.topnr{width: 90%;margin: 0 auto;overflow: hidden;}
.topnr img{width: 450px;display: block;float: left;margin:1% 0;}
	
.nav{width: calc(100% - 650px);max-width: 840px; float: right;display: inline;margin-top: 25px;}
.nav li{float: left;display: inline;font-size: 18px;width:calc(100% / 6);}
.nav li a{display: block;height: 24px;line-height: 24px;overflow: hidden;text-decoration: none;}
.nav li span.s2{color:#c00000;font-weight: bold;}
.nav li span{display: block;transition: all 0.3s ease-in-out 0s;}
.nav li a:hover .s1{margin-top: -24px;}
.menu li a{display: block;text-decoration: none;color: #000;-webkit-transition: color .2s ease-in-out;-moz-transition: color .2s ease-in-out;-o-transition: color .2s ease-in-out;-ms-transition: color .2s ease-in-out;transition: color .2s ease-in-out;text-align: center;}
.menu li a:hover{ color:#fff;}
.menu li:hover > a {color:#fff;}
@media(max-width:1200px){.topnr{width: 98%;}.nav{width: calc(100% - 460px);}}
@media(max-width:1000px){.topbox{height: 102px;}.topnr img{width:300px; float: none;margin: 10px auto 20px;}.nav{width: 96%;float: none;margin: 0 auto;}}
@media(max-width:580px){
.topbox{height: 120px;background-color:rgba(255,255,255,0.8);}
.topnr img{margin: 10px auto;}
.nav li{width:calc(100% / 3);font-size: 16px;}
.nav li:nth-child(1),.nav li:nth-child(2),.nav li:nth-child(3){border-bottom: 1px solid #d0d0d0}
.nav li:nth-child(1),.nav li:nth-child(2),.nav li:nth-child(4),.nav li:nth-child(5){border-right: 1px solid #d0d0d0;box-sizing: border-box;}
.nav li a{height: 30px;line-height: 30px;}
.nav li a:hover .s1{margin-top:0;}}
/*.menu ul{position:relative;top: 26px;left: 0;opacity: 0;background: #dedede;z-index:10000;-webkit-border-radius: 0 0 5px 5px;-moz-border-radius: 0 0 5px 5px;border-radius: 0 0 5px 5px;-webkit-transition: opacity .25s ease .1s;-moz-transition: opacity .25s ease .1s;-o-transition: opacity .25s ease .1s;-ms-transition: opacity .25s ease .1s;transition: opacity .25s ease .1s;}
.menu li:hover > ul {opacity: 1;}
.menu li ul li:hover > ul {	display:block;}
.menu ul li {width: 100%;height: 0;overflow: hidden;padding: 0;	-webkit-transition: height .25s ease .1s;	-moz-transition: height .25s ease .1s;-o-transition: height .25s ease .1s;	-ms-transition: height .25s ease .1s;transition: height .25s ease .1s;}
.menu li:hover > ul li {height: auto;overflow: visible;padding: 0;}
.menu ul li a {font-size:16px;padding:5px 0;text-align: center;margin: 0;border: none;border-bottom: 1px solid #888;background: rgba(255,255,255,.67);color: #555;}
.menu ul li a:hover{color: #fff;background:#1446aa;}
.menu ul li:last-child a {border: none;}*/
@media ( min-width:1500px){
.nav li{ font-size:22px;}
.dbbpn{font-size: 18px!important;}
.nrcptp ul li a p{font-size: 20px!important;}
}


/*尾部通用*/
.db-box{width: 100%;min-width: 350px;background-color: #1d1c20;overflow: hidden;}
.dbnr{width: 86%;min-width: 350px;margin: 0 auto;overflow:hidden;padding: 30px 0 25px;border-bottom:#272727 1px solid; }
.dbdhl{width:40%;float: left;overflow: hidden;}
.dbdhl ul{width:45%;height: 210px;padding-left: 30px;padding-top: 10px;box-sizing: border-box; float: left;}
.dbdhl ul li:nth-child(1){font-size: 18px;line-height: 18px;margin-bottom: 14px;color: #e3e3e3;}
.dbdhl ul li a{font-size: 14px;line-height: 24px;color: #979797;;transition: all 0.3s ease-in-out;}
.dbdhl ul li a:hover{padding-left: 5px;color: #e1e1e1;}
.dblogo{width: 20%;float: left;}
.dblogo img{width: 100%;max-width: 276px;margin: 0 auto;}
	
.dblogo2{width: 100%;display: none;}
.dblogo2 img{width: 100%;max-width: 276px;display: block; margin: 10px auto;}

.dbdhr{width:40%;float: left;overflow: hidden;}
.dbdhr ul{width:55%;height: 200px;padding-left: 30px;padding-top: 10px;box-sizing: border-box; float: left;}
.dbdhr ul:nth-child(1){margin-left: 10%;width:35%;}
.dbdhr ul li:nth-child(1){font-size: 18px;line-height: 18px;margin-bottom: 14px;color: #e3e3e3;}
.dbdhr ul li a{font-size: 14px;line-height: 24px;color: #979797;;transition: all 0.3s ease-in-out;}
.dbdhr ul li a:hover{padding-left: 5px;color: #e1e1e1;}
	
.dblx li{font-size: 16px;line-height: 30px;color: #e1e1e1;}
	
@media(max-width:1260px){.dbnr{width: 96%;}}
@media(max-width:1100px){.dbdhl ul{width:50%;padding-left: 10px;}.dbdhr ul{width:70%;padding-left: 20px;}.dbdhr ul:nth-child(1){margin-left: 0;width:30%;}}
@media(max-width:860px){.dbdhl{width:96%;float: none;margin: 0 auto;}.dbdhr{width:96%;float: none;margin: 0 auto;}.dbdhl ul{width:50%;padding-left: 10px;}.dbdhr ul{width:50%;padding-left: 10px;}.dbdhr ul:nth-child(1){margin-left: 0;width:50%;}.dblogo{display: none;}.dblogo2{display:block;}}
@media(max-width:580px){.dbdhr ul{float: none;}.dbdhr ul:nth-child(1){height: 160px;}.dbdhr .dblx{width: 100%;height: 170px;border-top: 1px solid #272727;}.dblx li{font-size: 18px;}}


/*尾部支持*/
.dbzc{width: 100%;background-color: #1d1c20;}
.dbzc p{width: 86%;margin: 0 auto;font-size:14px;line-height: 20px;text-align: center;color:#979797;}
.dbzc p:nth-child(2){display: none;}
.STYLE44,.gl a{color: #979797;}
@media(max-width:1200px){.dbzc p{width: 100%;}}
@media(max-width:760px){.dbzc p:nth-child(1){display: none;}.dbzc p:nth-child(2){display: block;line-height: 30px;}}
.dbbpbj{background-color: #161518;width:100%;min-width: 350px;}
.dbbpn{width:86%;margin: 0 auto;overflow: hidden;font-size: 14px;line-height: 25px;color:#979797;}
.dbbpn p:nth-child(1){width:calc(100% / 8 * 4);float: left;}
.dbbpn p:nth-child(2){width:calc(100% / 8 * 4);float: left;text-align: right}
.dbbpn p a{color: #979797;}
.dbbpn p a:hover{color:#D00A0D;}
@media(max-width:1200px){.dbbpn{width: 100%;}}
@media(max-width:760px){.dbbpn p:nth-child(1){width:100%;float:none;text-align: center;}.dbbpn p:nth-child(2){width:100%;float:none;text-align: center;}}


/*外框*/
.bmbk{width: 100%;height: 100%;padding: 80px 0;box-sizing:border-box;min-width: 350px;}
@media(max-width:1000px){.bmbk{padding: 110px 0 80px;}}
@media(max-width:860px){.bmbk{padding: 20px 0 20px;}}


/*4*/
#section4{background-image:url(../UploadFiles/bj/bg4.jpg);background-size: 100% 100%;padding: 0 0 0 0;}
.sycpbox{width: 80%;height: 100%; margin: 0 auto;display:none;}
#section4.active .sycpbox{display: block;}
.sycpbox ul{width: 100%;overflow: hidden;position: relative;top: 50%;transform: translateY(-50%);}
.sycpbox ul:nth-child(2){display: none;}
.sycpbox ul:nth-child(3){display: none;}
.sycpbox ul li{width: calc(100% / 4);float: left;padding: 0 20px;box-sizing: border-box;}
.sycpbox ul li:nth-child(1),.sycpbox ul li:nth-child(2){width: calc(100% / 2);padding-bottom: 40px;}
.sycpbox ul li a{width: 100%;display: block;overflow: hidden;position: relative;}
.sycpbox ul li a .sycpbtl{width: 25%;display: block;position: absolute;z-index: 5;}
.sycpbox ul li a .sycpbtl img:nth-child(1){width: 100%;display: block;}
.sycpbox ul li a .sycpbtl img:nth-child(2){width: 100%;display:none;}
.sycpbox ul li a:hover .sycpbtl img:nth-child(1){display:none;}
.sycpbox ul li a:hover .sycpbtl img:nth-child(2){display: block;}
.sycpbox ul li a .sycpbtr{width: 25%;display: block;position: absolute;z-index: 5;right: 0;}
.sycpbox ul li a .sycpbtr img:nth-child(1){width: 100%;display: block;}
.sycpbox ul li a .sycpbtr img:nth-child(2){width: 100%;display:none;}
.sycpbox ul li a:hover .sycpbtr img:nth-child(1){display:none;}
.sycpbox ul li a:hover .sycpbtr img:nth-child(2){display: block;}
.sycpbox ul li a .sycpbtb{width: 100%;display: block;position: absolute;z-index: 5;bottom: 0;}
.sycpbox ul li a .sycpbtb img:nth-child(1){width: 100%;display: block;}
.sycpbox ul li a .sycpbtb img:nth-child(2){width: 100%;display:none;}
.sycpbox ul li a:hover .sycpbtb img:nth-child(1){display:none;}
.sycpbox ul li a:hover .sycpbtb img:nth-child(2){display: block;}
.sycpbox ul li a img{width: 100%;display: block;-webkit-object-fit: cover;object-fit: cover;transition: .5s all linear;}
.sycpbox ul li a:hover .sycpt{ transform: scale3d(1.1,1.1,1.1);}
@media(max-width:900px){.sycpbox ul:nth-child(1){display: none;}.sycpbox ul:nth-child(2){display: block;}.sycpbox ul li{width: calc(100% / 2);padding: 0px;}.sycpbox ul li:nth-child(1),.sycpbox ul li:nth-child(2){width: calc(100% / 2);padding-bottom: 0px;}}
@media(max-width:540px){.sycpbox ul:nth-child(2){display: none;}.sycpbox ul:nth-child(3){display: block;}.sycpbox ul:nth-child(3) li{width: calc(100% / 2);}}


/*滚动产品*/
.rnr{ width:95%; margin:10px auto;}
/*产品中心*/
.sycp{width:100%;overflow: hidden;}
.sycp ul{width: 100%;}
.sycp ul li{width:20%;padding: 0 5px 12px;float: left; box-sizing: border-box;}
.sycp ul li a{width: 100%;display: block; padding: 6px;background-color: #f7f7f7;box-sizing: border-box;}
.sycp ul li a img{width: 100%;display: block;margin-bottom: 6px;}
.sycp ul li a p{font-size: 16px;font-weight: 600;line-height: 22px; text-align: center;color: #666;}
.sycp ul li a:hover{background-color: #29262682;}
.sycp ul li a:hover p{color: #fff;}
@media(min-width:2500px){
	.sycp ul li{width: calc(100% / 4)!important; height: 600px!important;}
	.sycp ul li a img{ height:400px!important;}
	.sycp ul li a p{font-size: 36px!important;line-height: 74px!important;}

}
@media(min-width:1600px){
	.sycp ul li{width: calc(100% / 4);}
	/*.sycp ul li a img{ height:250px!important;}*/
}
@media(min-width:1200px){
	.sycp ul li{width: calc(100% / 4);}
	.sycp ul li a img{ height:220px;}
}
@media(max-width:1024px){
	.sycp ul li{width:25%;}
}
@media(max-width:991px){
.rnr{ margin-top:8%;}
}
@media(max-width:760px){
.sycp ul li{width: calc(100% / 2);}
}
@media(max-width:580px){.sycp ul li{padding: 0 5px 20px;}.sycp ul li a{padding: 4px;}.sycp ul li a p{font-size: 14px;}}

/*5*/
#section5{background-image:url(../UploadFiles/bj/bg5.jpg);background-size: 100% 100%;padding: 0 0 0 0;}
.syfabt{width: 210px;display:none;margin: 0 auto;}
#section5.active .syfabt{display:block;}
.syfabox{width: 100%;margin: 0 auto;overflow: hidden;display:none;}
#section5.active .syfabox{display:block;}
.syfanr{width: 1240px;height: 550px;margin: 70px auto 0; background-image: url("../UploadFiles/bj/syzwfa.png");background-size: 100% 100%;position: relative;}
.syfa a{width: 100%;}
.syfa a img:nth-child(1){display: block;}
.syfa a img:nth-child(2){display: none;}
.syfa a:hover img:nth-child(1){display: none;}
.syfa a:hover img:nth-child(2){display: block;}
.fa1{width: 370px;position: absolute;top: 0;left: 480px;}.fa1 a img{width:370px;}
.fa2{width: 480px;position: absolute;top: 196px;left: 37px;}.fa2 a img{width:480px;}
.fa3{width: 480px;position: absolute;bottom: 4px; left: 111px;}.fa3 a img{width:480px;}
.fa4{width: 480px;position: absolute;bottom: 4px; right: 101px;}.fa4 a img{width:480px;}
.fa5{width: 520px;position: absolute;top: 196px; right: -3px;}.fa5 a img{width:520px;}
@media(max-width:1600px){.syfanr{margin: 40px auto 0;}}	
@media(max-width:1400px){.syfanr{margin: 20px auto 0;}}
.syfasj{width: 100%;height: 100%;display: none;}
.sjfa{height: calc(100% / 5);box-sizing: border-box;}
.sjfa a{width: 100%;}
.sjfa a img:nth-child(1){display: block;}
.sjfa a img:nth-child(2){display: none;}
.sjfa a:hover img:nth-child(1){display: none;}
.sjfa a:hover img:nth-child(2){display: block;}
.sjfa1{width:100%;padding-left: 20%;}.sjfa1 a img{width: 340px;}
.sjfa2{width:100%;padding-right: 20%;}.sjfa2 a img{width: 340px;float: right}
.sjfa3{width:100%;padding-left: 20%;}.sjfa3 a img{width: 340px;}
.sjfa4{width:100%;padding-right: 20%;}.sjfa4 a img{width: 340px;float: right}
.sjfa5{width:100%;padding-left: 20%;}.sjfa5 a img{width: 371px;}
@media(max-width:1240px){.syfanr{width: 860px;height: 381px;margin: 0 auto;}.fa1{width: 184px;position: absolute;top: 5px;left: 338px;}.fa1 a img{width:184px;}
.fa2{width: 314px;position: absolute;top: 135px;left: 20px;}.fa2 a img{width:341px;}
.fa3{width: 314px;position: absolute;bottom: 5px; left: 93px;}.fa3 a img{width:314px;}
.fa4{width: 314px;position: absolute;bottom: 5px; right: 86px;}.fa4 a img{width:314px;}
.fa5{width: 357px;position: absolute;top: 136px; right: 1px;}.fa5 a img{width:357px;}}
@media(max-width:860px){.syfanr{display: none;}.syfabox{height: calc(100% - 100px);margin-top: 20px;}.syfasj{display: block;}}
@media(max-width:580px){.sjfa1{width:100%;padding-left: 1%;}.sjfa1 a img{width: 340px;}
.sjfa2{width:100%;padding-right: 1%;}.sjfa2 a img{width: 340px;float: right}
.sjfa3{width:100%;padding-left:1%;}.sjfa3 a img{width: 340px;}
.sjfa4{width:100%;padding-right: 1%;}.sjfa4 a img{width: 340px;float: right}
.sjfa5{width:100%;padding-left: 1%;}.sjfa5 a img{width: 371px;}}

/*5新闻*/
.contain {width:100%;height:100%;position:relative;z-index:0;display: none}
.index_sec{ position:absolute;top:0;left:0;width:100%;height:100%;}
.active .contain,.fp-completely .contain{display: block}
.section5{/*background:#f2f2f2*/background-image:url(../images/tacn/bg_al.jpg)}
.ywtop{padding:15px 0 15px;text-align: center;}
.ywtop h2{font-weight: normal;font-size: 22px;color: #ffffff;text-transform: capitalize;}
.ywtop h3{font-weight: normal;font-size: 36px;color: #ffffff;margin-top: 10px; font-weight: bold;}
.xinwenleft{padding: 93px 0 3px;}
.xwlefttop{width: 100%;}
.xwlefttop .ywtop h2,.xwlefttop .ywtop h3{color: #fff;}
.xwlefttop .jjnrwz{color: #666;height: auto;text-align: center;}
.xwlefttop .homeywmore{width: 150px;height: 42px;line-height: 42px;margin: 0 auto;}
.xwlefttop .homeywmore .more{color: #666666; font-size: 15px;}
.xwlefttop .homeywmore .more::after {border: 1px solid #cccccc;}
.xwlefttop .homeywmore .more:hover{color: #fff}
.xwlefttop .homeywmore .more:hover::before {background-color: #0880c0;}
.xwlefttop .homeywmore .more:hover::after { border-color: #0880c0}
.xinwenfl{ margin: 0px auto;text-align: center;width: 50%; }
.xinwenfl ul{    display: inline-block; margin: 20px 0;}
.xinwenfl li{font-size: 16px;cursor:pointer;color: #666666;position: relative;float:left;line-height: 36px;border-radius: 40px;border: #ccc solid 1px;padding: 0 35px;margin-right: 20px;}
/*.xinwenfl li:after{content: "";position: absolute;width: 11px;height: 1px;background: #bdbdbd;top: 13px;}*/
.xinwenfl li img{display: none;margin-left: 5px;}
.xinwenfl li.clixwli{padding-right: 31px;color: #fff;border: #fff solid 1px; }
.xinwenfl li.clixwli:after{background: #007cbe;width: 31px;}
.xinwenfl li.clixwli img{display: inline-block;}
.xinwenfl li:hover{color:#c00}
.xinwenright{position: absolute;right: 0;height: 100%;display: none}
.xwimg{}
.xwimg li{float: left;width:24.5%;margin-right: 1px;}
.xwimg li img{display: block;width: 100%}
.xwtz{margin:1% 4%;}
.xwtz li{float: left;width: 24%;margin: 0 0.5%;background: #fff; border-radius: 2%;-webkit-transition: all .2s linear;-moz-transition: all .2s linear;-ms-transition: all .2s linear; -o-transition: all .2s linear;transition: all .2s linear;}
.xwtz img{width:90%;display:block;margin: 0 auto;height: 200px;}
.xwtz li h2{font-size: 13px;color: #666666;line-height: 26px;height: 68px;overflow: hidden;padding: 6% 6% 15px 4%;font-weight: normal}
.xwtz li h3{font-size: 18px;color: #333333;font-weight: normal;margin: 15px 14px 20px;}
.xwtz li h4{font-size: 17px;color: #d4d4d4;font-weight: normal;width: 21px;height: 21px;line-height: 21px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;border: 1px solid #d9d9d9;text-align: center;margin: 20px 18px;float:right;}
.xwtz li h5{font-size: 61px;color: #f2f2f2;margin-top:15px}
.xwtz li:hover{box-shadow: 0 0 5px #c6c6c6; transform:translate3d(0,-2px,0);-webkit-box-shadow:0 15px 30px rgba(0,0,0,.1);-moz-box-shadow:0 15px 30px rgba(0,0,0,.3);box-shadow:0 15px 30px rgba(0,0,0,.3)}
.xwtz li:hover h3,.xwtz li:hover h5{color: #0880c0}
.xwtz li:hover h4{border-color: #0880c0;color:#0880c0}
.fp-auto-height.fp-section:nth-child(4){ height:648px!important;}
@media (min-width:1500px){
.xwtz li{ height:550px;}
.xwtz img{ height:280px;}
.xwtz li h2 { font-size: 18px; line-height: 30px;height: 110px;}
}
@media(max-width:1024px){
.xinwenleft{padding: 1%;}
}
@media(max-width:991px){
.xinwenfl{ width:65%;display: none;}
.xwtz li{ width:48%;    margin: 5px 1%;}
.xwtz img{height: 120px;}
.xwtz li h4{ margin:5px 5px;}
.xwtz{ margin:1% 1%;}
.fp-auto-height.fp-section:nth-child(4){ height:780px!important;}
}

/*7*/
#section7{background-image:url(../UploadFiles/bj/bg7.jpg);background-size: 100% 100%;padding: 0 0 0 0;}
.sylxwm{width: 80%;margin: 0 auto;overflow: hidden;background-color: rgba(0,0,0,0.8);position: relative;top: 50%;transform: translateY(-50%);padding: 20px 0;box-sizing: border-box;display: none;}
#section7.active .sylxwm{display: block;}
.sylxwm .sylxnr{width: 44%;margin: 0 3%;float: right;display: none;}
#section7.active .sylxnr{display: block;}
.sylxwm .sylxnr img{display: block;width:100%;max-width: 500px;}
.sylxwm .sylxnr p{font-size: 18px;line-height: 40px;color: #fff;font-weight:normal;padding-left: 20px;box-sizing: border-box;}
.sylxwm .sylxnr p:nth-child(2){font-weight: 600;margin-top: 10px;}
.sylxwm .sylxdt{width:44%;height: 310px;margin: 0 3%;float:left;display: none}
#section7.active .sylxdt{display: block;}
.sydb{width: 100%;min-width: 350px; position: absolute;bottom: 0;}
@media(max-width:1400px){.sylxwm{width: 80%;}}
@media(max-width:1000px){.sylxwm{width: 100%;height: 100%;padding: 130px 0 70px; position:static;top:auto;transform:none;}.sylxwm .sylxnr{width: 96%; float:none;margin: 0 auto;}.sylxwm .sylxnr img{display: block;width:360px;}.sylxwm .sylxnr p{font-size: 18px;line-height: 30px;}.sylxwm .sylxdt{width: 96%;height: 220px; float:none;margin: 10px auto 0;}}
@media(max-width:580px){.sylxwm{padding: 50px 0 ;}.sylxwm .sylxnr p{padding-left:10px;}}

/*施工*/
.section6{background-image:url(http://www.sangreen.cn/Public/home/images/section2.jpg)}
.xian{width: 57px; height: 2px; display:block; background:#0061ae; margin: 0 auto; margin-top: 22px; margin-bottom: 22px;}
.ch2{font-size: 34px; color:#666; text-align: center;}
.ch3{font-size: 18px; color:#898989;text-align: center;}
#anli{width:92%; overflow: hidden; margin: 2% auto;}
.anul{/*width:100%;*/ height: auto; overflow: hidden; margin: 0 auto; margin-bottom: 60px; margin-top: 10px;}
.anul>li{width:24.2%; height: auto; margin:0 0.4%; float: left;position: relative; overflow: hidden; margin-bottom: 0.4%;}
.anul>.li{margin-right: 0px; }
.anul>li>a>img{display: block; width: 100%;height:246px;}
.anul>li>a>h2{width: 100%; height: 40px; background:rgba(0,0,0,0.4); text-align: center; line-height: 40px; color:white; font-size: 16px; position: absolute; bottom: 0px; left: 0px; }
.anul>li>a>div{ background:rgba(0,0,0,0.4); position: absolute; top: 0px; left: 0px; transition: all 0.2s ease;-webkit-transition: all 0.2s ease;opacity: 0; width: 70%; padding:15% 0px;}
.anul>li>a>div>h2{font-size: 18px; color:white; margin: auto; text-align: center;margin-top: 20%;}
.anul>li>a>div>img{display: block; margin: 0 auto; margin-top: 5%;}
.anul>li:hover div{height: 70%; padding: 15%; opacity: 1;}
.anul>li:hover .h2{display: none;}

.nav4{width: 100%; overflow:hidden; text-align: center; margin-top: 10px;}
.nav4>ul{display: inline-block; margin: 0 auto;}
.nav4>ul>li{float: left; margin-right: 20px;}
.nav4>ul>li>a{font-size: 14px; color:#fff;padding:10px 30px; border-radius: 10px; display: block;}
.nav4>ul>li>.a{background:#e16e1d; color: white;}
.anul{/*display: none;*/}
@media (min-width:1500px){
.anul>li{ height:320px;margin-bottom: 2%;}
.anul>li>a>img{ height:320px;}
}

@media(max-width:1024px){
.fp-auto-height.fp-section:nth-child(5){ height:500px!important;}
.ywtop{    padding: 20px 0 3px!important;}
.anul>li>a>img{ height:170px;}
.anul>li{ margin-bottom:1%;}
}
@media(max-width:991px){
.fp-auto-height.fp-section:nth-child(5){ height:730px!important;}
.anul>li{ width:48%;    margin: 0 1%;}
.anul>li>a>img{ height:150px;}

}

/*内页banner*/
.banner{width: 100%;min-width: 350px;margin-top: 74px;}
.banner img{width: 100%;display: block;}
@media(max-width:991px){.banner img{height: 150px;}}
@media(max-width:580px){.banner{margin-top: 120px;}}

/*分页*/
@media(max-width:580px){#fenye{margin: 10px auto 20px;}#pagelist{padding: 15px 0;}#pagelist a.curr{display:none;}#pagelist a.num{display:none;}}



/*管理系统*/
.nrzwfa{width: 100%;margin: 0 auto; padding-bottom:30px;background-color:#f4f4f4;}
.nrzwdh{width: 100%;background-color:#fff;}
.nrzwdh ul{width: 86%;margin: 0 auto;overflow:hidden;}
.nrzwdh ul li{ width:calc(100% / 5); max-width:200px;float:left;}
.nrzwdh ul li a{display: block;width: 100%;font-size:16px; line-height:60px;height: 60px; text-align:center;}
.nrzwdh ul li a:hover{color:#284b8c;border-bottom:2px solid #284b8c;box-sizing: border-box;}
.nrzwdh .xz a{ border-bottom:2px solid #284b8c;box-sizing: border-box; color:#284b8c;}
.tpbox{ width:86%; margin:0 auto;}
.dn ul{width: 100%;overflow:hidden;}
.dn ul li{width:100%;float: left;font-size: 16px;line-height: 30px;text-align: center;}
.dn ul li img{ width:86%; max-width:1500px;margin:20px auto 10px;display:block;}
.sj ul{width: 100%;overflow:hidden;}
.sj ul li{width: calc(100% / 3);float: left;font-size: 16px;line-height: 30px;text-align: center;}
.sj ul li img{ width:86%; max-width:300px; margin:20px auto 10px;display:block;}
@media(max-width:1200px){.nrzwdh ul{width: 96%;}.tpbox{ width:96%;}}
@media(max-width:1000px){.nrzwdh ul li{width: calc(100% / 3);}}
@media(max-width:580px){.nrzwdh ul li{width: calc(100% / 2);}.sj ul li{width: calc(100% / 2);}.dn ul li img{ width:96%;}.sj ul li img{ width:80%;}}


/*产品中心*/
.nrcpzx{width: 100%;margin: 0 auto; padding-bottom:30px;background-color:#f4f4f4;}
.nrcpfl{width: 100%;background-color:#fff;}
.nrcpfl ul{width: 86%;margin: 0 auto;overflow:hidden;}
.nrcpfl ul li{ width:calc(100% / 8); max-width:200px;float:left;}
.nrcpfl ul li:nth-child(5){width:calc(100% / 8 * 2);}
.nrcpfl ul li a{display: block;width: 100%;font-size:16px; line-height:16px;padding: 22px 0;box-sizing: border-box; text-align:center;}
.nrcpfl ul li a:hover{ border-bottom:2px solid #284b8c;color:#284b8c;}
.nrcpfl .xz a{border-bottom:2px solid #284b8c;color:#284b8c;}
	
    
.nrejfl{width: 86%;margin: 20px auto;}
.nrejfl ul{width: 100%;overflow: hidden;}
.nrejfl ul li{width:calc(100% / 5);float: left;}
.nrejfl ul li a{display: block;width: 86%;margin: 0 auto;font-size: 16px;text-align: center;line-height: 40px; border: 2px solid #058ce1;color:#058ce1;transition: all 0.7s;}
.nrejfl ul li a:hover{background-color:#058ce1;color: #fff;}

    
    
.nrcptp{width: 86%;margin: 0 auto;}
.nrcptp ul{width: 100%;overflow: hidden;}
.nrcptp ul li{width: calc(100% / 4);float: left;margin: 10px 0;}
.nrcptp ul li a{display: block;width: 96%;margin: 0 auto;}
.nrcptp ul li a img{width: 100%;display: block;}
.nrcptp ul li a p{background-color:#284b8c;display: block;width: 100%;line-height: 60px;color: #fff;text-align: center;font-size: 16px;font-weight: 600;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
@media(max-width:1300px){.nrcptp ul li{width: calc(100% / 3);}}
@media(max-width:860px){.nrcpfl ul{width: 96%;}.nrcptp{width: 96%;}.nrcpfl ul li{ width:calc(100% / 4);height: 62px;}.nrcpfl ul li:nth-child(5){width:calc(100% / 4);}
.nrcptp ul li a{ width:97%;}
.nrcptp ul li a p{ line-height:40px;}
}
@media(max-width:580px){.nrcptp ul li{width: calc(100% / 2); margin: 5px 0;}.nrcpfl ul li{ width:calc(100% / 3);}.nrcpfl ul li:nth-child(5){width:calc(100% / 3);}
}
@media(max-width:450px){.nrcpfl ul li:nth-child(5) a{line-height: 20px;padding: 10px 0;}}



/*产品内*/
.nrfl{width: 86%;margin: 20px auto;overflow: hidden;}
.cl{width: 300px;float: left;}
.cls{width: 250px;margin-right: 50px;}
.cls img{width: 250px;display: block;}
.cls ul{width: 100%;margin: 20px 0;}
.cls ul li{width: 100%;border-bottom: 1px solid #d1d1d1;background-color: #fff;}
.cls ul li:nth-child(1){width: 100%;border-top: 1px solid #d1d1d1;}
.cls ul li a{display: block;width: 100%;height: 50px;padding-left: 15px; box-sizing: border-box;font-size: 16px;color: #3a3a3a;line-height: 50px;transition: all 0.7s;position: relative;}
.cls ul li a img{display:block;width: 8px;height: 12px;transition: all 0.7s;position: absolute;top:19px;right: 60px; z-index: -1;}
.cls ul li a:hover{color: #058ce1;}
.cls ul li a:hover img{right: 10px;z-index: 0;}
	
	
.cllx{width: 250px;margin-right: 50px;}
.cllxbt{display: block;width: 100%;font-size: 20px;font-weight: 600;text-align: center;line-height: 50px;background-color: #284b8c;color: #fff;}
.cllxnr{width: 100%;padding: 20px;padding-top: 0;border: 1px solid #e1e1e1;border-top: 0; box-sizing: border-box;border-bottom-right-radius:10px;border-bottom-left-radius:10px;overflow: hidden;}
.cllxnr p{font-size: 15px;line-height: 30px;color:#3a3a3a;}
.cllxnr p:nth-child(1){font-size: 18px;line-height: 40px;font-weight: 600;text-align: center;}
	
.flnr{width: calc(100% - 300px);float: left;}
.flnrbt{width: 100%;border: 1px solid #e1e1e1;box-sizing: border-box;overflow: hidden;}
.nrbt{width:180px;height: 40px;background-color: #284b8c; background-size: 100% 100%; font-size: 16px;text-align: center;line-height: 40px;color: #fff;font-weight:600;float: left;}
.wzdh{width: calc(100% - 180px);float: left;text-align: right;font-size: 12px;line-height: 40px;letter-spacing:1px;padding-right: 20px;box-sizing: border-box;}
@media(max-width:1000px){.nrfl{width: 98%;}.cl{width: 330px;}.cls{margin-right: 30px;}.cllx{margin-right: 30px;}.flnr{width: calc(100% - 330px);}}
@media(max-width:860px){.cl{display: none;}.flnr{width: 96%;float: none;margin: 0 auto;}}
@media(max-width:580px){.nrbt{width:140px;}.wzdh{display: none;}}
	
	
.picnr{width: 100%;margin-top: 10px;padding: 0;border: 0;}
.picnr .imglist img{width: auto;height: auto;margin: 0 auto;margin-top: 20px;}
@media(max-width:1400px){.picnr .imglist img{width: 80%;}}
.xgphoto{width:86%;margin: 0 auto;margin-bottom: 20px;}
@media(max-width:860px){.xgphoto{display:none;}}



/*联系我们*/
.nylxwm{width: 86%;margin: 20px auto;min-width: 350px;overflow: hidden;padding: 40px 0;}
.nrlxnr{width: 25%;float: left;}
.nrlxnr p{font-size: 16px;line-height: 30px;font-weight: 500;color: #848484;}
.nrlxnr p:nth-child(1){font-size: 22px;line-height: 30px;font-weight: 600;color: #284b8c;margin-bottom: 20px;}
.nrlxdt{width:74%;float: left; height:280px;border:#ccc solid 1px;}
@media (min-width:1500px){
.nrlxnr p:nth-child(1){ font-size: 26px;}
.nrlxnr{width: 40%;}
.nrlxnr p { font-size: 20px; line-height: 40px;}
}
@media(max-width:1600px){.nrlxnr{width: 40%;}.nrlxdt{width:69%;}}
@media(max-width:1200px){.nrlxnr{width: 40%;}.nrlxdt{width:59%;}}
@media(max-width:1000px){.nrlxnr{width: 50%;}.nrlxdt{width:49%;}}
@media(max-width:860px){.nylxwm{padding: 20px 0;}.nrlxnr{width: 100%;float: none;margin-bottom: 20px;}.nrlxdt{width: 100%;float: none;box-sizing: border-box;}}
@media(max-width:580px){.nylxwm{width: 96%;padding: 0 10px;box-sizing: border-box;}}