@charset "utf-8";

/*首页banner*/
.banner{ position: relative; }
.banner .swiper-pagination{text-align:center;position:absolute;left:0;right:0;bottom:30px;z-index:2}
.banner .swiper-pagination .swiper-pagination-bullet{width:20px;height:5px;display:inline-block;margin:0 5px;position:relative;transition:all linear 0.3s;cursor:pointer; border-radius: 0}
.banner .swiper-pagination .swiper-pagination-bullet-active{width:30px;  background: #0053b9}




.home_title{ text-align: center; position: relative; }
.home_title .title{color:#222;font-weight: bold; z-index: 2; position: relative;}
.home_title .text{margin-top:10px;color:rgba(0,0,0,0.7);line-height:1.6;}
.home_title .en{ font-size:100px; color: rgba(0,0,0,.05); font-weight: bold; font-family: arial; position: absolute; top:-35px; width: 100%; left: 0; text-transform: uppercase;  z-index: 1 }
.home_title2{ text-align: left; position: relative; }
.home_title2 .title{color:#222;font-weight: bold;}
.home_title2 .title a{ text-decoration: underline;}
.home_title2 .title a:hover{ color:#0053b9;}
.home_title2 .text{color:rgba(0,0,0,0.6);line-height:1.6;}
.home_title2 .bst{color:rgba(255,255,255,1);}
.home_title2 .bs{color:rgba(255,255,255,0.6);line-height:1.6;}

.titbnt { width: 19%; text-align: center; margin-top: 30px }
.titbnt .swtbtn { width: 84.21053%; position: relative; z-index: 1; cursor: pointer }
.titbnt .swtbtn span { width: 100%; display: block; background:#001938; border-radius: 70px; color: #fff; font-weight: bold; line-height:55px; transition: all linear 0.4s; position: relative; }
.titbnt .swtbtn i{ width: 100%; position: absolute; right: 0; top: 0; bottom: 0; border-radius: 70px; z-index: -1; transition: all linear 0.4s;display: block; }
.titbnt .swtbtn .zs1 { right: -5.80357%; background: rgba(0,25,56, 0.6); animation: animation1 1.5s ease-in-out 0s infinite both; animation-delay: -0.8s }
.titbnt .swtbtn .zs2 { right: -11.60714%; background: rgba(0,25,56, 0.3); animation: animation2 1.5s ease-in-out 0s infinite both; animation-delay: -0.64s }
.titbnt .swtbtn .zs3 { right: -17.41071%; background: rgba(0,25,56, 0.1); animation: animation3 1.5s ease-in-out 0s infinite both; animation-delay: -0.48s }


.titbnt .swtbtn span:after{content:"";width:20px;height:13px;display:inline-block;vertical-align:middle;margin-left:5.29412%;background:url(../image/banner_more.png) center no-repeat;background-size:100%;transition:all linear 0.2s}
.titbnt .swtbtn:hover span { background: #ffd200; color: #111 }
.titbnt .swtbtn:hover span:after{background:url(../image/banner_more2.png) center no-repeat;background-size:100%;margin-left:8.29412%;}
.titbnt .swtbtn:hover .zs1 { background: rgba(255,210,0, 0.6); }
.titbnt .swtbtn:hover .zs2 {background: rgba(255,210,0, 0.3); }
.titbnt .swtbtn:hover .zs3 { background: rgba(255,210,0, 0.1);}



.lxbnt a{display: inline-block; line-height:53px;  margin-right: 15px; width: 170px; background: #ffc800; text-align: center; border-radius: 27px }
.lxbnt a.m{ background: #0053b9; color: #fff }
.lxbnt a:hover{ width: 200px }


.banner .swiper-pagination{text-align:center;position:absolute;left:0;right:0;bottom:30px;z-index:2}


@media (max-width:980px) {
.bannermSwiper{ padding-top: 50px }
.home_title .text{display: none}
.home_title .en{ font-size:24px;top:-12px; }
.home_title2 .text{display: none;}


.titbnt { width: 25%;margin-top: 0px }
.titbnt .swtbtn span { border-radius:20px; line-height:35px; }
.titbnt .swtbtn i{ border-radius: 20px; }

.lxbnt{ margin-left:9% }
.lxbnt a{line-height:35px;  margin-right:2%; width:40%; border-radius:22px }
.lxbnt a:hover{ width: 40% }
}




/*首页1 css*/
.home1{ padding:90px 0; background: url(../image/home1.jpg) no-repeat center bottom; background-size: 100%; }
.home1 .sty1{ }
.home1 .sty1 figure{ width:50%; overflow: hidden; position: relative;overflow: hidden; display: block; padding: 10px  }
.home1 .sty1 figure img{ border-radius: 100px 0 100px 0; position: relative;z-index: 2}
.home1 .sty1 figure:before,.home1 .sty1 figure:after{ width: 60px; height: 60px; background: #104fb6;z-index: 1}
.home1 .sty1 figure:after{ left: 0; bottom:0}
.home1 .sty1 figure:before{ right: 0; top:0}
.home1 .sty1 .abouttxt{ width: 47% }
.home1 .sty1 .abouttxt .t1{ padding: 40px 0 10px }
.home1 .sty1 .abouttxt .t2{ color: #fa701c;padding-bottom:30px }
.home1 .sty1 .abouttxt .des{ color: #555; line-height:33px; padding-bottom: 25px }
.home1 .sty1 .abouttxt .des p{  padding-bottom: 10px}

@media screen and (max-width:1440px) {
.home1{ padding:60px 0;  }
.home1 .sty1 .abouttxt .t1{ padding:30px 0 5px }
.home1 .sty1 .abouttxt .t2{ padding-bottom:20px }
.home1 .sty1 .abouttxt .des{ padding-bottom:20px }
}



@media screen and (max-width:1240px) {
.home1{ padding:40px 0;  }
.home1 .sty1 .abouttxt .t1{ padding:20px 0 5px }
.home1 .sty1 .abouttxt .t2{ padding-bottom:15px }
.home1 .sty1 .abouttxt .des{line-height:28px; padding-bottom:15px }
}

@media screen and (max-width:1100px) {
.home1 .sty1 figure{ width:100%; padding: 8px; float: none;  }
.home1 .sty1 figure img{border-radius:40px 0 40px 0; width: 100%}
.home1 .sty1 .abouttxt{ width: 100%; float:none; }
}

@media (max-width:980px) {
.home1{ padding:30px 0;  }
.home1 .sty1 figure{ width:100%; padding: 8px; float: none;  }
.home1 .sty1 figure img{ border-radius: 20px 0 20px 0;}
.home1 .sty1 figure:before,.home1 .sty1 figure:after{ width:30px; height:30px;}
.home1 .sty1 .abouttxt{ width: 100%; float:none; }
.home1 .sty1 .abouttxt .t1{ padding:20px 0 5px }
.home1 .sty1 .abouttxt .t2{ padding-bottom:10px }
.home1 .sty1 .abouttxt .des{line-height:1.7; padding-bottom:15px }
.home1 .sty1 .abouttxt .des p{  padding-bottom:5px}
}


.home1 .sty2{ position: relative; padding-top:90px }
.home1 .sty2 .porbox{ width: 94%; overflow: hidden; margin: 30px auto 0; padding-bottom: 15px; }
.home1 .sty2 .porbox .swiper-slide{ width:23%; display: inline-block; margin: 0 1%; overflow: hidden;  }
.home1 .sty2 .porbox .swiper-slide .t{ display: block; line-height:70px;padding-left: 10px; color: #000;box-shadow:0 0 15px rgba(0,0,0,.15) ;background: #fff; }
.home1 .sty2 .porbox .swiper-slide .t span{ position: relative;  padding-right:55px }
.home1 .sty2 .porbox .swiper-slide .t span:after{  top: 0; right: 0; width: 45px; height: 30px; background: url(../image/line1.png) no-repeat;}
.home1 .sty2 .porbox .swiper-slide:hover .t{ background: #005eac; color: #fff }
.home1 .sty2 .porbox .swiper-slide:hover .t span:after{background: url(../image/line1_h.png) no-repeat;}
.home1 .sty2 .porbox .swiper-slide img { width: 100%; transition: all linear 0.4s }
.home1 .sty2 .porbox .swiper-slide:hover img { transform: scale(1.1) }


.porbox .swiper-button { width:96%; margin: 0 auto; position: absolute; left: 0; right: 0; top:50%; bottom: 0; }
.porbox .swiper-button span { width: 79px; height: 66px; background: #333; position: absolute; top:40%; margin-top: -33px; z-index: 2; cursor: pointer; display: block; border-radius: 0 }
.porbox .swiper-button span:before { content: ""; width: 8px; height: 8px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; display: block; position: absolute; left: 50%; top: 50%; margin-left: -5px; margin-top: -5px }
.porbox .swiper-button .swiper-button-prev { left: 0 }
.porbox .swiper-button .swiper-button-prev:before { transform: rotate(45deg);  }
.porbox .swiper-button .swiper-button-next { right: 0 }
.porbox .swiper-button .swiper-button-next:before { transform: rotate(-135deg); }
.porbox .swiper-button .swiper-button-next:after,.porbox .swiper-button .swiper-button-prev:after{content: " ";}
.porbox .swiper-button-next.swiper-button-disabled,.porbox .swiper-button-prev.swiper-button-disabled {opacity: .75;}

@media screen and (max-width:1440px) {
.home1 .sty2{padding-top:60px }
}


@media screen and (max-width:1240px) {
.home1 .sty2{padding-top:40px }
}


@media (max-width:980px) {
.home1 .sty2{padding-top:30px }
.home1 .sty2 .porbox{  margin: 10px auto 0; padding-bottom:5px; }
.home1 .sty2 .porbox .swiper-slide{ width:48%; }
.home1 .sty2 .porbox .swiper-slide .t{ line-height:35px;padding-left: 6px;box-shadow:0 0 5px rgba(0,0,0,.15); }
.home1 .sty2 .porbox .swiper-slide .t span{ position: relative;  padding-right:38px }
.home1 .sty2 .porbox .swiper-slide .t span:after{ width: 30px; height: 20px; background-size: cover;}
.home1 .sty2 .porbox .swiper-slide:hover img { transform: scale(1) }

.porbox .swiper-button {  }
.porbox .swiper-button span { width:35px; height:28px;  top:20%; margin-top: -14px; }
.porbox .swiper-button span:before { content: ""; width: 8px; height: 8px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; display: block; position: absolute; left: 50%; top: 50%; margin-left: -5px; margin-top: -5px }

}





.home2{ padding:90px 0 }
.home2 .list{}
.home2 .list .item{ width: 31.3333333%; float: left;margin:35px 1% 0; position: relative; padding: 0 1%; text-align: center; }
.home2 .list .item a{ display: block; position: relative; z-index: 6 }
.home2 .list .item figure{ overflow: hidden; width: 98%; margin:0 auto;}
.home2 .list .item figure img { width: 100%;transition: all linear 0.4s  }
.home2 .list .item .tit{ display: block;  line-height: 68px; }
.home2 .list .item:hover img { transform: scale(1.1) }
.home2 .list .item:before{ width: 100%; height: 90%; background: #efefef; left: 0; bottom: 0; border-radius:15px 15px 0 0; z-index:1 }
.home2 .list .item:after{ width: 100%; height:0; background: #005eac; left: 0; bottom: 0; border-radius:15px 15px 0 0; z-index:2;transition: all 0.4s }
.home2 .list .item:hover:after{ height: 90%; }
.home2 .list .item:hover .tit{ color: #fff }

@media screen and (max-width:1440px) {
.home2{ padding:60px 0 }
}


@media screen and (max-width:1240px) {
.home2{ padding:40px 0 }
}



@media (max-width:980px) {
.home2{ padding:30px 0 }
.home2 .list .item{ width: 48%;margin:10px 1% 0; }
.home2 .list .item .tit{ display: block;  line-height: 38px; }
.home2 .list .item:before{border-radius:7px 7px 0 0; }
.home2 .list .item:after{ border-radius:7px 7px 0 0; }

}



.home3{ padding:50px 0 60px; background: #1b4995 }
.home3 .list{ margin-top:40px; color: #fff}
.home3 .list li{   float: left; vertical-align: bottom;}
.home3 .list .item{ width:7.9%;text-align: center; }
.home3 .list .line{ width:5.07777777%;  position: relative; height:200px }
.home3 .list .line:after{ width: 94%; left: 3%; height: 1px; border-top:1px #5477b0 dashed; top: 50%;z-index: 3}
.home3 .list .line:before{ width: 8px; height: 8px; left: 50%; top: 50%; margin-left: -5px; margin-top: -5px;transform: rotate(-135deg); border-left:4px solid #fff; border-bottom:4px solid #fff;z-index:4;}

.home3 .list .item .icon{ display: block; height:140px; width: 100%; background: #fff; border-radius:150px 150px 0 0; padding:30px 0 10px; margin-bottom:15px; text-align: center; color: #d4d4d4; font-family:arial; position: relative;transition:all .3s }
.home3 .list .item .icon figure{text-align: center; position: relative; margin-bottom: 5px }
.home3 .list .item .icon figure img{ display: block;  margin: 0 auto;}
.home3 .list .item .icon figure img.p1{}
.home3 .list .item .icon:after{ height: 3px; width: 0; background: #0b3781; left: 0; bottom: 0; transition:all .3s }
.home3 .list .item:hover .icon:after{ width: 100% }
.home3 .list .item:hover .icon{ color: #1b4995; box-shadow: 0 0 10px rgba(0,0,0,.45);  }
.home3 .list .item:hover{ font-weight: bold; }
.home3 .list .item:hover .icon{ padding-top:15px  }



@media screen and (max-width:1440px) {
.home3{ padding:35px 0 }
}


@media screen and (max-width:1240px) {
.home3{ padding:25px 0 }
}


@media (max-width:980px) {
.home3{ padding:15px 0; }	
.home3 .home_title2 .fl{ float: none; width: 100%; text-align: center; }
.home3 .list{ margin-top:15px;}
.home3 .list .line{display: none; }
.home3 .list .item{ width:22%; margin:0 1% 10px; font-size:12px; }
.home3 .list .item .icon{ height:68px; width: 100%;border-radius:5px; padding:10px 0 15px; margin-bottom:6px;  }
.home3 .list .item .icon figure{margin-bottom: 5px; width: 35px; margin: 0 auto }
.home3 .list .item .icon figure img{  width:100%}
.home3 .list .item:hover .icon{ height: 85px;padding-top:10px }
}



.home4{ padding:90px 0 }
.casebox{ margin-top:30px; position: relative; }
.caseswiper{ overflow:hidden; }
.casebox .swiper-slide{ float: left; width: 31.33333%; margin:0 1%; position: relative; overflow: hidden; text-align: center; }
.casebox .swiper-slide figure img { width: 100%;transition: all linear 0.4s  }
.casebox .swiper-slide:hover img { transform: scale(1.1) }
.casebox .swiper-slide .t{ display: block;position: absolute; left: 0; bottom: 0;   width: 100%; line-height: 80px; color: #fff; background: rgba(0,0,0,.2);background:linear-gradient(to top,rgba(0,0,0,1),rgba(0,0,0,0)); }

.casebox .swiper-button { width:100%; margin: 0 auto; position: absolute; left: 0; right: 0; top:6%;bottom: 0 }
.casebox .swiper-button span { width: 50px; height: 50px; background: #333; position: absolute; z-index: 2; cursor: pointer; display: block; border-radius: 50% }
.casebox .swiper-button span:before { content: ""; width: 8px; height: 8px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; display: block; position: absolute; left: 50%; top: 50%; margin-left: -5px; margin-top: -5px }
.casebox .swiper-button .swiper-button-prev { left: -15px}
.casebox .swiper-button .swiper-button-prev:before { transform: rotate(45deg);  }
.casebox .swiper-button .swiper-button-next { right:-15px }
.casebox .swiper-button .swiper-button-next:before { transform: rotate(-135deg); }
.casebox .swiper-button .swiper-button-next:after,.casebox .swiper-button .swiper-button-prev:after{content: " ";}
.casebox .swiper-button-next.swiper-button-disabled,.casebox .swiper-button-prev.swiper-button-disabled {opacity: .75;}

@media screen and (max-width:1440px) {
.home4{ padding:60px 0 }
}




@media screen and (max-width:1240px) {
.home4{ padding:40px 0 }
}

@media (max-width:980px) {
.home4{ padding:30px 0 }
.casebox{ margin-top:8px;  }
.casebox .swiper-slide{ width: 70.33333%;}
.casebox .swiper-slide .t{ line-height:40px;  }
.casebox .swiper-button {  }
.casebox .swiper-button span { width:30px; height:30px; }
.casebox .swiper-button span:before { content: ""; width: 8px; height: 8px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; display: block; position: absolute; left: 50%; top: 50%; margin-left: -5px; margin-top: }
.casebox .swiper-button .swiper-button-prev { left: 0px}
.casebox .swiper-button .swiper-button-next { right:0px }
}





.home5{ padding:20px 0 70px 0;  overflow: hidden; position: relative;}
.home5:after{ position: absolute; content: ''; width: 100%; height:46%; bottom: 0; left: 0; z-index: 1; background: url(../image/home5.jpg) no-repeat; background-size: cover; }
.home5 .title{ text-align: left;}
.home5 .en{ text-align: left;}
.home5 .text{width:90%;font-size:17px;line-height:1.8; text-align: left; }
.home5 .fl{width:49.8%; position: relative;z-index:4; padding-top: 20px}
.home5 .fl .sty1{width:113.11914%;margin-top:60px;position:relative;z-index:2}
.home5 .fl .sty1 li{width:23.31361%;float:left;margin-left:2.24852%;padding:38px 0;background:#f2f2f2;border-radius:26px;text-align:center}
.home5 .fl .sty1 li span{color:#000000;font-family:arial;}
.home5 .fl .sty1 li p{margin-top:5px;color:#666666;}
.home5 .fl .sty1 li:first-child{margin-left:0}
.home5 .fl .sty1 li:hover{ background:#dadada  }


.about-bntbox{margin-top:50px; line-height: 1}
.about-bntbox .swtbtn{float: left;width:45%;padding:17px 0;border:1px solid #ffc600;border-radius:16px;font-size:22px;color:#000;text-align:center;cursor:pointer;transition:all linear 0.4s; background: #ffc600}
.about-bntbox .swtbtn span{margin-right:9px;font-weight: bold;}
.about-bntbox .swtbtn:after{content:"";width:20px;height:13px;display:inline-block;vertical-align:middle;margin-left:5.29412%;background:url(../image/banner_more2.png) center no-repeat;background-size:100%;transition:all linear 0.2s}
.about-bntbox .swtbtn:hover{}
.about-bntbox .swtbtn:hover:after{background:url(../image/banner_more2.png) center no-repeat;background-size:100%;margin-left:8.29412%;}
.about-bntbox .bnttel{ color: #fff; font-size: 17px; padding-left:5%; width: 40%; float: left;  padding-top: 5px}
.about-bntbox .bnttel b{ color: #ffc600; font-size: 30px; font-family:arial; padding-top:6px; display: block; }
.home5 .fr{ background: #333 }

.home5 .vbox{  position: relative;width:50.2%;border:10px #ededed solid;position: relative;z-index:3;  overflow: hidden;  }
.home5 .vbox:after{ position: absolute;content: ''; left: 0;  top: 0; height: 100%; width: 100%; background: rgba(0,0,0,.25);z-index: 1 }
.videoBtn {width: 65px;height: 65px;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);background: #fff;border-radius: 50%;z-index: 20;cursor: pointer;z-index: 3}
.lightBox{width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.75);transition:all .5s cubic-bezier(.23,1,.32,1);z-index:999;position: fixed;}
.lightBox, .loading.active {opacity: 0;visibility: hidden;}
.lightBox.active{opacity:1;visibility:visible}
.videoBox {width: 80%;max-width: 1000px;height: auto;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);background: #fff;padding: 35px 0px;border-radius: 10px; z-index: 999}
.videoBox video {display: block;position: relative;width: 100%;}
.videoCloseBtn {width: 35px;height: 35px;position: absolute;right: 10px;top: 0px;line-height: 35px;text-align: center;cursor: pointer;-webkit-transition: all .5s;}
.videoBtn span {display: block;width: 0px;height: 0px;border-top: 6px solid transparent;border-bottom: 6px solid transparent;border-left: 8px solid #c8a062;content: '';position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);}
@-webkit-keyframes scaleAnimate {
	0% {
		-webkit-transform: scale(1);
		opacity: 0;
	}

	50% {
		-webkit-transform: scale(1.5);
		opacity: 0.7;
	}

	100% {
		-webkit-transform: scale(2);
		opacity: 0;
	}
}

.videoBtn::before,
.videoBtn::after {width: 100%;height: 100%;border: 1px solid #fff;position: absolute;left: -1px;top: -1px;content: '';border-radius: 50%;-webkit-animation: scaleAnimate 2s linear infinite;opacity: 0;}
.videoBtn::after {-webkit-animation-delay: .5s;}


@media screen and (max-width:1520px) {
.home5 .fl .sty1{margin-top:40px;}
.about-bntbox{margin-top:30px;}

}


@media screen and (max-width:1440px) {
.home5{ padding:5px 0 60px 0; }
.home5 .fl .sty1{margin-top:40px;}
.home5 .fl .sty1 li{padding:18px 0;border-radius:20px;}
.about-bntbox{margin-top:30px;}
.home5:after{ height:43%; }
}



@media screen and (max-width:1240px) {
.home5{ padding:5px 0 40px 0; }
.home5 .fl .sty1{margin-top:20px;}
.home5 .fl .sty1 li{padding:15px 0;border-radius:10px;}
.about-bntbox{margin-top:15px;}
.home5:after{ height:36%; }
}



@media (max-width:980px) {

.home5{ padding:5px 0 30px 0; }
.home5 .title{ text-align: center;}
.home5 .en{ text-align: center;}
.home5 .text{width:98%;font-size:14px; display: block; margin: 6px auto 0; text-align: center;}
.home5 .fl{ width:100%; float: none;padding-top: 5px}
.home5 .fl .sty1{width:100%;margin-top:10px;}
.home5 .fl .sty1 li{width:47.31361%;float:left;margin:10px 1.1% 0 1.1%;padding:18px 0;border-radius:20px;}
.home5 .fl .sty1 li span{}
.home5 .fl .sty1 li p{margin-top:0px;font-size:12px;}
.home5 .fl .sty1 li:first-child{margin-left:1.1%}

.about-bntbox{margin-top:10px;  padding: 0 1%}
.about-bntbox .swtbtn{float: left;width:55%;padding:10px 0;border-radius:10px;font-size:14px;}
.about-bntbox .swtbtn span{margin-right:5px;}
.about-bntbox .swtbtn:after{width:15px;height:11px;margin-left:2.29412%;}
.about-bntbox .bnttel{  font-size: 14px; padding-left:3%; width: 40%; padding-top:0px; color: #333}
.about-bntbox .bnttel b{  font-size: 20px; padding-top:3px;   color: #000}
.home5 .fr{ width:100%;  float: none; margin-top:20px}

}


.home6{ padding-top:90px ;padding-bottom:90px}
.home6 .sty1 { margin-top:50px }
.home6 .smsty { overflow: hidden }
.home6 .smsty .pic { width: 68.21429%; padding:35px; background: #f6f6f6; font-size: 0; }
.home6 .smsty .pic .title{ font-weight: bold; width:26px; line-height: 1.2; margin-top:40px  }
.home6 .smsty .pic .picnr{width:calc(100% - 60px); }
.home6 .smsty .pic .img,.home6 .smsty .pic .wenan { display: inline-block; vertical-align: middle }
.home6 .smsty .pic .img { width: 42.41486%; overflow: hidden }
.home6 .smsty .pic .img img { width: 100%; display: block; transition: all linear 0.4s }
.home6 .smsty .pic .img:hover img { transform: scale(1.1) }
.home6 .smsty .pic .wenan { width: 54.50361%; color: #666666;padding-left: 2.99278%; }
.home6 .smsty .pic .wenan h4 a { display: block; font-size: 22px; color: #222; line-height: 1.63636; font-weight: bold; }
.home6 .smsty .pic .wenan h4 a:hover { color: #006ef5 }
.home6 .smsty .pic .wenan p { margin-top: 22px; margin-bottom: 38px; height: 96px; font-size: 16px; color: #666666; line-height: 2; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden }
.home6 .smsty .pic .wenan span { display: block; font-size: 14px; color: #666; overflow: hidden; font-family: arial }
.home6 .smsty .pic .wenan span .more { float: right }
.home6 .smsty .pic .wenan span .more:hover { color: #006ef5 }
.home6 .smsty .nopic { width: 28.85714% ;}
.home6 .smsty .nopic li { margin-top: 15px; padding-left: 22px; padding-bottom:15px; border-bottom: 1px solid #f7f8f9; position: relative }
.home6 .smsty .nopic li:before { content: ""; width: 7px; height: 7px; display: block; background: #2b2d2f; border-radius: 50%; position: absolute; left: 0; top: 6%; transition: all linear 0.4s }
.home6 .smsty .nopic li:after { content: ""; width: 0%; height: 1px; position: absolute; left: 0; bottom: 0; border-bottom: 1px solid #006ef5; transition: all linear 0.4s }
.home6 .smsty .nopic li a { display: block; font-size: 17px; color: #222; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; transition: all linear 0.4s }
.home6 .smsty .nopic li a:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0 }
.home6 .smsty .nopic li span { margin-top:10px; display: block; font-size: 14px; color: #999; font-family: arial }
.home6 .smsty .nopic li:first-child { margin-top: 0 }
.home6 .smsty .nopic li:hover:before { background: #006ef5 }
.home6 .smsty .nopic li:hover:after { width: 100% }
.home6 .smsty .nopic li:hover a { color: #006ef5 }

@media screen and (max-width:1440px) {
.home6{ padding-top:50px ;padding-bottom:50px; }
}



@media screen and (max-width:1240px) {
.home6{ padding-top:40px ;padding-bottom:40px; }
}


@media (max-width:980px) {
.home6{ padding-top:35px ;padding-bottom: 30px; background: #f3f3f3;}
.home6 .sty1 { margin-top:15px }
.home6 .smsty .pic { width: 100%; padding: 2%; float: none  }
.home6 .smsty .pic .img,.home6 .smsty .pic .wenan { display: inline-block; vertical-align: middle }
.home6 .smsty .pic .img { width: 42.41486%; overflow: hidden }

.home6 .smsty .pic .wenan { width: 57.50361%; padding-left: 2%; }
.home6 .smsty .pic .wenan h4 a {  font-size:14px;   }
.home6 .smsty .pic .wenan h4 a:hover { color: #ea4546 }
.home6 .smsty .pic .wenan p { margin-top: 8px; margin-bottom: 10px; height: auto; font-size: 13px;line-height: 1.8; display: none; }
.home6 .smsty .pic .wenan span {  font-size: 10px;  color: #999; padding-top: 8px}
.home6 .smsty .pic .wenan span a{   color: #999}
.home6 .smsty .nopic { width: 100%;float: none; padding-top: 10px}
.home6 .smsty .nopic li { padding-top:10px; padding-left:12px; padding-bottom:10px; border-bottom: 1px solid #ddd; position: relative; margin-top: 0 }
.home6 .smsty .nopic li:before {width: 4px; height: 4px;  top: 50%; margin-top: -2px }
.home6 .smsty .nopic li:after { content: ""; width: 0%; height: 1px; position: absolute; left: 0; bottom: 0; border-bottom: 1px solid #ea4546; transition: all linear 0.4s }
.home6 .smsty .nopic li a { font-size: 14px; }
.home6 .smsty .nopic li span { margin-top:0px; display: block; font-size: 12px;  position: absolute; right: 0; top:40%; display: none;}
}




/*关于我们页面*/

.crumbs {padding-left: 20px;position: relative; margin-top: 150px}
.crumbs:before {content: '';width: 11px;height: 13px;background: url(../image/dz.png) no-repeat;position: absolute;left: 0;top: 10px; background-size: cover;}
.crumbs li {display: inline-block;font-size: 14px;color:#fafafa;line-height: 34px;}
.crumbs li span, .pro-inner .crumbs li span {color: #ffd200;}

.about1{ background:#152645 url(../image/about1_bg.jpg) no-repeat top; position: relative;  background-size:cover; height:98vh}
.about1 .tit{ color: #fff; padding-bottom:15px}
.about1 .tit span{color: #ffd200}
.about1 .about_txt{ width:55%; padding-top:40px; }
.about1 .about_txt .con{color:rgba(255,255,255,.85);}
.about1 .about_txt .con p{ padding-bottom: 15px;  line-height:2.2 }
.about1 .about_pic{  width: 42%; position: absolute; top: 0; right: 0 }
.about1 .about-bntbox{margin-top:30px; }

.about2{ background: #152645; border-top:1px #273753 solid;padding:50px 0; }
.about2 .com_num{position:relative; text-align: center; text-align: center; color: rgba(255,255,255,.8);border-right:1px #273753 solid;}
.about2 .com_num li{display:inline-block; width: 23.666%; border-left:1px #273753 solid; }
.about2 .com_num li b{ color: #ffcc00;font-family: Impact; padding-right: 5px }
.about2 .com_num li p{ line-height: 1 }

@media screen and (max-width:1550px) {
.about1{ height:auto;background:#152645 url(../image/about1_bg.jpg) no-repeat top; padding-bottom:40px; background-size:100%}
  
}




@media (max-width:980px) {

.crumbs {padding-left:12px;margin-top:70px}
.crumbs:before {width: 8px;height:9px;top:8px; }
.crumbs li {font-size: 12px;line-height: 24px;}


.about1{height:auto}
.about1 .tit{  padding-bottom:8px}
.about1 .about_txt{ width:100%;  float: none}
.about1 .about_txt .con p{ padding-bottom:6px;  line-height:1.75 }
.about1 .about_pic{  width: 100%; position: relative;  float: none;  display: none}
.about1 .about-bntbox{margin-top:10px; padding-bottom: 20px; }
.about-bntbox .swtbtn2{ float: none !important; margin: 0 auto !important}

.about2{padding:15px 0; }
.about2 .com_num{ width: 100%; border-right: 0 }
.about2 .com_num li{ width: 21.666%;  }
.about2 .com_num li:nth-child(1){ border-left: 0 }
.about2 .com_num li b{padding-right: 3px }
.about2 .com_num li p { font-size:10px}
}



.about3{ background:url(../image/about2_bg.jpg) no-repeat top; position: relative;  background-size:cover; padding-bottom:80px}
.about3 h1 b{ padding:10px 30px; line-height: 1.2; background: #1645a1; color: #fff; text-align: center; display: block; float: right; max-width: 150px; float: left;  }
.about3 h1 span{ float: left; padding: 30px 0 0 10px; display: block; }




@media (max-width:980px) {
.about3{  padding-bottom:30px}
.about3 h1 b{ padding:5px 10px; max-width: 90px;  }
.about3 h1 span{ padding: 10px 0 0 6px; width:70%; }
.about3 h1 span img{ }

}





.about4{ background:url(../image/about3_bg.jpg) no-repeat top; position: relative;  background-size:cover; padding:90px 0}
.pic1box{ margin-top:30px; position: relative;}
.pic1Swiper{ overflow:hidden; }
.pic1box .swiper-slide{ float: left; width:23%; margin:0 1%; position: relative; overflow: hidden; text-align: center; }
.pic1box .swiper-slide figure img { width: 100%;transition: all linear 0.4s  }
.pic1box .swiper-slide:hover img { transform: scale(1.1) }
.pic1box .swiper-slide .t{ display: block;position: absolute; left: 0; bottom: 0;   width: 100%; line-height: 80px; color: #fff; background: rgba(0,0,0,.2);background:linear-gradient(to top,rgba(0,0,0,1),rgba(0,0,0,0)); }
.pic1box .swiper-button { width:100%; margin: 0 auto; position: absolute; left: 0; right: 0; top:6%;bottom: 0 }
.pic1box .swiper-button span { width: 50px; height: 50px; background: #333; position: absolute; z-index: 2; cursor: pointer; display: block; border-radius: 50% }
.pic1box .swiper-button span:before { content: ""; width: 8px; height: 8px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; display: block; position: absolute; left: 50%; top: 50%; margin-left: -5px; margin-top: -5px }
.pic1box .swiper-button .swiper-button-prev { left: -15px}
.pic1box .swiper-button .swiper-button-prev:before { transform: rotate(45deg);  }
.pic1box .swiper-button .swiper-button-next { right:-15px }
.pic1box .swiper-button .swiper-button-next:before { transform: rotate(-135deg); }
.pic1box .swiper-button .swiper-button-next:after,.pic1box .swiper-button .swiper-button-prev:after{content: " ";}
.pic1box .swiper-button-next.swiper-button-disabled,.pic1box .swiper-button-prev.swiper-button-disabled {opacity: .75;}

@media (max-width:980px) {
.about4{padding:30px 0}
.pic1box{ margin-top:10px; position: relative; }
.pic1box{ margin-top:8px;  }
.pic1box .swiper-slide{ width: 48%;}
.pic1box .swiper-slide .t{ line-height:40px;  }
.pic1box .swiper-button {  }
.pic1box .swiper-button span { width:30px; height:30px; }
.pic1box .swiper-button span:before { content: ""; width: 8px; height: 8px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; display: block; position: absolute; left: 50%; top: 50%; margin-left: -5px; margin-top: }
.pic1box .swiper-button .swiper-button-prev { left: 0px}
.pic1box .swiper-button .swiper-button-next { right:0px }
}




.about5{ padding:90px 0; background: #0f2143 }
.about5 .fl{ width:42%; }
.about5 .home_title2 .title{ color: rgba(255,255,255,1); text-align: left; }
.about5 .home_title .en{ color: rgba(255,255,255,.08); } 
.about5 .txt_ul li{ line-height: 1.8; margin-top:40px;text-transform: uppercase; position: relative; padding-left:30px; color:rgba(255,255,255,.75); }
.about5 .txt_ul li:before{  position: absolute; left: 0; top: 8px; content: ''; width:10px; height:10px; border-radius: 50%; border:4px #ffcc00 solid;}
.about5 .about-bntbox{ margin-left: 30px }
.about5 .pic2box{  width: 55%; overflow: hidden; position: relative; }
.pic2box .pic2Swiper{ position: relative;z-index: 3 }
.about5 .pic2box img{ width: 100% }
.pic2box .swiper-pagination{text-align:center;position:absolute;left:0;right:0;bottom:30px;z-index:66}
.pic2box .swiper-pagination .swiper-pagination-bullet{width:20px;height:5px;display:inline-block;margin:0 5px;position:relative;transition:all linear 0.3s;cursor:pointer; border-radius: 0}
.pic2box .swiper-pagination .swiper-pagination-bullet-active{width:30px;  background: #0053b9}

@media (max-width:980px) {

.about5{ padding:30px 0;  }
.about5 .fl{ width:100%; float: none; }
.about5 .txt_ul{ margin:15px 0}
.about5 .txt_ul li{ line-height: 1.65; margin-top:5px;padding-left:20px;}
.about5 .txt_ul li:before{ top:5px; content: ''; width:6px; height:6px; border:2px #ffcc00 solid;}
.about5 .about-bntbox{  display: none; }
.about5 .pic2box{  width: 100%;float: none}
}




.about6 .pic{ max-width: 1550px; margin:30px auto 0}

@media (max-width:980px) {
.about6 .home_title .text{ display: block !important; }
}


.about7 { height: 766px; background: url(../image/about5_bg.jpg) center no-repeat; background-size: cover; overflow: hidden }
.about7 .inner { height: 100%; position: relative }
.about7 .inner:before { content: ""; width: 1539px; position: absolute; left: 50%; top: 16px; bottom: 0; background: url(../image/home5ty1.png) center no-repeat; background-size: 100%; margin-left: -770px }
.about7 .inner:after { content: ""; width: 443px; height: 443px; display: block; position: absolute; left: 50%; top: 163px; background: url(../image/home5ty2.png) right center no-repeat; background-size: 100%; animation-name: myAnimation; animation-duration: 10s; animation-timing-function: linear; animation-iteration-count: infinite; margin-left: -222px  }
.about7 .inner .sty1 { position: absolute; left:33%; bottom: 308px; z-index: 1; font-size: 0; color: #fff }
.about7 .inner .sty1 .txt { width: 100%; line-height: 1.77778 }
.about7 .inner .sty1 .txt span { margin-bottom: 16px; display: block;font-weight: bold }
.about7 .inner .sty1 .swtbtn { width: 426px; height: 60px; display: block; margin-left: 11px; margin-top: 33px; background: #ffd800; border-radius: 66px; font-size: 20px; font-weight: bold; text-align: center; line-height: 60px; color: #000; position: relative; z-index: 1; cursor: pointer }
.about7 .inner .sty1 .swtbtn:after { content: ""; position: absolute; left: -13px; right: -13px; top: 0; bottom: 0; z-index: -1; background: rgba(255, 216, 0, 0.3); border-radius: 66px; transition: all linear 0.4s }
.about7 .inner .sty1 .swtbtn b { display: block; position: relative; transition: all linear 0.3s; transform-style: preserve-3d; transform: translateY(0); transition-property: transform }
.about7 .inner .sty1 .swtbtn b:before { content: ""; width: 20px; height: 22px; background: url(../image/home5swttb.png) center no-repeat; background-size: 100%; display: inline-block; vertical-align: middle; margin-right: 10px }
.about7 .inner .sty1 .swtbtn b+b { position: absolute; top: 0; left: 0; width: 100%; transform: translate3d(0, 33%, 1px) rotateX(-90deg); display: none\9 }
.about7 .inner .sty1 .swtbtn:hover b { transform: translate3d(0, -33%, 1px) rotateX(90deg); transform: none\9 }
.about7 .inner .sty1 .swtbtn:hover b+b { transform: none }

.about7 .inner .sty2 li { width: 170px; height: 170px; position: absolute; padding:1% 1%; z-index: 1; background: #fdfdfd; border:2px #0474dc solid; border-radius: 50%; text-align: center }
.about7 .inner .sty2 li p { margin-top:5px; font-size: 15px; color: #666; line-height: 1.4}
.about7 .inner .sty2 li p b{ display: block; color: #111 }
.about7 .inner .sty2 .one { left: 25%; bottom: 70px }
.about7 .inner .sty2 .two { right: 10%; top: 130px }
.about7 .inner .sty2 .three { right:25%; bottom:70px }
.about7 .inner .sty2 .four { left:10%; top: 130px }
 @keyframes animation1 { 0%, 80%, 100% { right: 0; opacity: 0 }
 40% { right: -5.80357%; opacity: 1 }
 }
 @keyframes animation2 { 0%, 80%, 100% { right: 0; opacity: 0 }
 40% { right: -11.60714%; opacity: 1 }
 }
 @keyframes animation3 { 0%, 80%, 100% { right: 0; opacity: 0 }
 40% { right: -17.41071%; opacity: 1 }
 }
 @keyframes myAnimation { 0% { transform: rotate(0) }
 100% { transform: rotate(360deg) }
 }


/*产品列表*/
.porbanner{ background: url(../image/porbanner.jpg) no-repeat top center; background-size: cover; min-height: 550px; padding-bottom: 120px; z-index: 1; position: relative;}
.aboutbanner{ background: url(../image/aboutbanner.jpg) no-repeat top center;}
.newsbanner{ background: url(../image/newsbanner.jpg) no-repeat top center;}
.fuwubanner{ background: url(../image/fuwubanner.jpg) no-repeat top center;}
.spbanner{ background: url(../image/spbanner.jpg) no-repeat top center;}
.lxbanner{ background: url(../image/lxbanner.jpg) no-repeat top center;}
.casebanner{ background: url(../image/casebanner.jpg) no-repeat top center;}
.porbanner .t1{ color: #fff; padding: 60px 0 10px 0 }
.porbanner .t2{ color: #fff; line-height: 1.7 }
.porbanner .title{ width: 50% }
.btn-area {float: right;width: 50%;text-align: right;margin-top: 80px;}
.btn-area .lx-a {margin-right: 4px;cursor: pointer;}
.btn-area .more-a {display: inline-block;width: 160px;height: 48px;line-height: 48px;text-align: center;color: #111;font-size: 18px;border-radius: 4px;background: #ffd013;background: -moz-linear-gradient(left, #ffd013 0%, #ffd013 100%);background: -webkit-linear-gradient(left, #ffd013 0%, #ffd013 100%);background: -o-linear-gradient(left, #ffd013 0%, #ffd013 100%);background: -ms-linear-gradient(left, #ffd013 0%, #ffd013 100%);background: linear-gradient(to right, #ffd013 0%, #ffd013 100%);background-position: left center;background-size: 200% 100%;background-repeat: no-repeat;transition: background-position .6s ease; transition: all .3s}
.btn-area a {display: inline-block;}
.btn-area a img,.btn-area span img {margin-left: 4px;}

.btn-area .more-a:hover{ width:180px }
.product .bg{ padding: 70px 0 50px }
.product .bg:nth-child(odd){ background:#f6f8fb}
.product .title .fl{ width: 85% }
.product .title b{position: relative; padding-left:26px; color: #333333 }
.product .title b:before{  position: absolute; left: 0; top: 13px; content: ''; width:10px; height:10px; border-radius: 50%; border:4px #0e5ed8 solid;}
.product .title p{ color: #666; font-weight: normal; line-height: 1.6; padding-top: 5px }
.product .title .m{ width: 120px; line-height: 30px; border:1px #ddd solid; border-radius: 3px; text-align: center; display:block; margin:10px 0 0 0; transition: all .3s }
.product .title .m:hover{ width: 140px; background: #333; color: #fff; border:1px #333 solid; }
.product .list{ margin: 30px auto 0 }
.product .list .por-item{ float: left; width:31%; margin:0 1%; position: relative; text-align: left; }
.product .list .por-item figure{ max-height: 310px; overflow: hidden; }
.product .list .por-item figure img { width: 100%;transition: all linear 0.4s  }
.product .list .por-item:hover img { transform: scale(1.1) }
.product .list .por-item .tit{ display: block;line-height:70px; color: #111; padding: 0 4%; position: relative;  }
.product .list .por-item:hover .tit{ background: #fff; box-shadow: 0 5px 15px rgba(0,0,0,.15); }
.product .list .por-item .tit:after{content:"";width:20px;height:13px;display:inline-block;vertical-align:middle;margin-left:5.29412%;background:url(../image/banner_more2.png) center no-repeat;background-size:100%;transition:all linear 0.2s; opacity: 0}

.product .list .por-item:hover .tit:after{margin-left:8.29412%; opacity: 1}


@media (max-width:980px) {
    
  .porbanner{ min-height:100px; padding-bottom:50px} 
  .porbanner .title{width:95%;}
  .porbanner .t2{ font-size:11px; line-height:1.5}
  .porbanner .t1 {padding:30px 0 2px 0;}
.product .bg{ padding:30px 0 20px }

.product .title .fl{ width: 100%; float:none; text-align:center}
.product .title b{padding-left:0;  }
.product .title b:before{ width:0px; height:0px;  border:0px #0e5ed8 solid;}
.product .title p{  line-height:1.5; }
.product .title .m{  margin:10px auto 0; float:none; display:none; }

.product .list{ margin: 20px auto 0 }
.product .list .por-item{ float: none; width:98%; margin:0 1%;; text-align:center}
.product .list .por-item .tit{ line-height:50px;  padding:0; font-size:14px; }



}



.nyflbox{position: relative; margin-top: -45px; z-index: 66; border-radius: 20px 20px 0 0; box-shadow: 0 0 15px rgba(0,0,0,.15);background: #fff;overflow: hidden; }
.nyfl{   width: 95%; overflow: hidden;}
.nyfl ul{ }
.nyfl ul li{ line-height: 70px;;padding:20px 1.5%; border-left: 1px #ddd solid; float: left; width: auto;  }
.nyfl ul li:nth-child(1){border-left: 0px #ddd solid; }
.nyfl ul li.active{ background: #0050b2; color: #fff; font-weight: bold; }
.nyflbox .swiper-button{ width: 4%; position: relative; padding-top: 20px }
.nyflbox .swiper-button span{ display: block; position: relative; margin-top: 5px !important;  left: 0!important; height: auto; text-align: center;  }
.nyflbox .swiper-button-next:after, .nyflbox .swiper-button-prev:after{ display: none !important; }
.nyflbox .swiper-button span img{ margin: 0 auto }
.product1{ padding:40px 0 60px 0  }
.product2{background:#f6f8fb;padding: 70px 0 70px}
.product3{ padding:60px 0 40px}
.comprehensive-support-list{ margin-top: 30px }
.product3 .sup1{ width: 50%; float: left;padding: 0 1% 0 0; position: relative; }
.product3 .sup2{ width: 50%; float: right; padding:0 0 0 1%; position: relative; }
.product3 .sup3{ width: 25%; float: left; padding: 0 0 0 1.3%; position: relative; }
.product3 .sup4{ width: 25%; float: right; padding: 0 0 0 1.3%; position: relative; }
.comprehensive-support{ background: #f1f1f1; padding: 70px 0 50px;}
.comprehensive-support-head{ text-align: center; margin-bottom: 30px;}
.comprehensive-support-head h2{ font-size: 36px; line-height: 72px;}
.comprehensive-support-head p{ font-size: 18px; line-height: 42px;}
.comprehensive-support-list dl{ position: relative; margin-bottom: 30px;}
.comprehensive-support-list dd{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 30px 40px; color: #fff;}
.comprehensive-support-list-img img{ width: 100%;}
.comprehensive-support-list dd h3{ font-size: 24px; line-height: 42px; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.8);}
.comprehensive-support-list dd p{ font-size: 16px; line-height: 32px; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);}
.comprehensive-support-btn{display: inline-block; width: 150px; height: 46px; font-size: 16px; line-height: 46px; margin-top: 20px; position: relative; overflow: hidden; color: #111; border-radius: 23px; text-align: center; opacity: 0; transition: all .5s;
    background: #ffde00;
    background: -moz-linear-gradient(left,  #ffde00 0%, #ff9600 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffde00), color-stop(100%,#ff9600));
    background: -webkit-linear-gradient(left,  #ffde00 0%,#ff9600 100%);
    background: -o-linear-gradient(left,  #ffde00 0%,#ff9600 100%);
    background: -ms-linear-gradient(left,  #ffde00 0%,#ff9600 100%);
    background: linear-gradient(to right,  #ffde00 0%,#ff9600 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffde00', endColorstr='#ff9600',GradientType=1 );
}
.comprehensive-support-btn:hover{ color: #111;}
.comprehensive-support-btn::before{ position: absolute; content: " "; top: 0; right: 100%; width: 300%; height: 100%; border-radius: 23px ; background: rgba(255,255,255,.3); transition: all .5s;}
.comprehensive-support-btn:hover::before{  right: -300%;}
.comprehensive-support-list dl:hover .comprehensive-support-btn{ opacity: 1;}

@media (max-width:980px) {
    
.product1{ padding:10px 0 30px 0  }
.product2{padding: 30px 0 30px}
.product3{ padding:20px 0 20px}
}




/*产品内页*/
.pormian{ background: url(../image/porbanner2.jpg) no-repeat top center; background-size: cover; min-height: 550px; padding-bottom:50px; z-index: 1; position: relative;}
/*pro图片*/
.pro_Mone{ position:relative;z-index:66; padding: 50px 0; }
.pro_Mone .por1-l{ width:55%;   border-radius:20px 20px 20px 100px; overflow: hidden;}
.pro_Mone .por1-l img{ width: 100%;  }
.pro_Mone .por1-r{ width:45%;  }
.pro_Mone .por1-r .pornr{margin-top:30px; padding:6% 5%;border-top:6px #0078ff solid; overflow: hidden; border-radius: 0 0 80px 0;background:#fff url(../image/t_bg.jpg) no-repeat center center; background-size: cover; position: relative; }
.pro_Mone .por1-r .pornr:after,.pro_Mone .por1-r .pornr:before{ position: absolute;content: ''; width:120px; height: 120px; border-radius: 50%; background:rgba(16,78,180,.1); z-index: 1   }
.pro_Mone .por1-r .pornr:after{ right: -50px; bottom: -10px }
.pro_Mone .por1-r .pornr:before{ right: -10px; bottom: -40px }
.pro_Mone .por1-r .t1{ font-weight: bold; position: relative; padding-bottom: 30px; color: #222;z-index: 33 }
.pro_Mone .por1-r .t2{  margin:0px 0 20px 0 ;position: relative;z-index: 33  }
.pro_Mone .por1-r .t3{ line-height:24px;position: relative;z-index: 33 }
.pro_Mone .por1-r .t2 a{ text-decoration: underline; }
.pro_Mone .por1-r .t2 a:hover{ color:#005ec8; }

.pro_Mone .por1-r .t2,.pro_Mone .por1-r .t3{ color: #666;}
.pro_Mone .por1-r .t2 span,.pro_Mone .por1-r .t3 span{ color: #111; font-weight: bold; }
.pro_Mone .por1-r .t2 em{ color: #bf0405 }

.por_lx{  margin-top:40px; position: relative;z-index: 33 }
.por_lx a{ display: block; float: left; margin-right: 20px ; }
.por_lx a.lx_zx{   line-height: 50px; width: 160px; background: #ffd013; background-image:linear-gradient(to right,#ffd013,#ffd013);  text-align: center; transition: all .3s }
.por_lx a.lx_zx:hover{ width:180px }
.por_lx a.lx_tel{  line-height: 50px}
.por_lx a.lx_tel .fa{ padding-right: 5px }
.por_lx a.lx_tel b{  font-family: arial; font-size:30px; color:#111; }

.pro_Mone .por1-r .icon2{  margin:35px 0 0 4%;  }
.pro_Mone .por1-r .icon2 span{ display: inline-block;position: relative;  padding:0 20px 0 15px;color: #999  }
.pro_Mone .por1-r .icon2 span:before{  position: absolute; content: ""; left: 0; top: 50%; width:8px; height:8px; background: #da251d; margin-top: -5px; border:2px #f0bab9 solid; border-radius: 50%}



.pro_Mtwo{ position:relative;z-index: 88;   }
.pro_Mtwo .por_nav{  line-height: 80px; border-radius: 10px; font-size: 22px; position:relative;z-index:99;background:#f2f2f2; }
.pro_Mtwo .por_nav a{ display: inline-block; text-align: center; width: 25%;position:relative; }
.pro_Mtwo .por_nav a:after{position:absolute; content:""; width:1px; height:30px; right:0; top:25px; background:#ddd}
.pro_Mtwo .por_nav a:hover{ color: #0053b9 }

.pro_Mtwo .por_box{ padding:40px 0 10px }
.pro_Mtwo .por_box .por_nrl{ width: 72%; min-height: 100%  }
.pro_Mtwo .por_box .por_nrl .porjs h2{  margin:30px 0 5px 0; font-size:24px; color: #222; position: relative; padding-left:25px; font-weight: bold;  }
.pro_Mtwo .por_box .por_nrl .porjs h2:before{  position: absolute; content: ""; left: 0; top: 50%; width: 10px; height: 10px; margin-top: -7px; background: #0051ca; border:4px #b8c9e5 solid; border-radius: 50%}
.pro_Mtwo .por_box .por_nrl .porjs{ line-height:2; font-size: 17px; color: #444; }
.pro_Mtwo .por_box .por_nrl img{ MAX-WIDTH:100% !important;HEIGHT:auto !important;_width:expression(this.width > 100% ? "100%" :this.width) !important; margin:15px auto; display: block; }
.pro_Mtwo .por_box .por_nrl .porjs2{margin:40px 0 0px }
.pro_Mtwo .por_box .por_nrl .porjs2 img{ margin-bottom: 35px }


/*.pro_Mtwo .por_box .por_nrr{ width: 24%;}*/
.pro_Mtwo .cftj_r{background:url(../image/cppage-bg.jpg) repeat;padding:34px 0 20px 0;border-radius:30px 0 0 0;margin:35px 0 35px;box-shadow:0 0 40px #d4dbde;width: 24%;}
.pro_Mtwo .cftj_r .tit{background:#e6eef1;font-size:24px;color:#000;text-align:center;font-weight:700;line-height:56px;position:relative;left:-8px}
.pro_Mtwo .cftj_r .tit:before{content:"";width:0;border-top:0 solid transparent;border-bottom:8px solid transparent;border-right:8px solid #7fb4c5;position:absolute;left:0;bottom:-8px}
.pro_Mtwo .cftj_r ul{padding:19px 20px 0}
.pro_Mtwo .cftj_r li{border:1px solid #ddd;margin-top:20px; background: #fff}
.pro_Mtwo .cftj_r li .t1{font-size:18px;color:#494d56;text-align:center;padding:20px 0;display:block;   background: #f2f2f2}
.pro_Mtwo .cftj_r li:hover .t1{color:#fff; background: #013ea0}


/**/
.side-panel {width: 24%;}
.side-message {width:100%;float:right;padding:0 0 26px;background:#2e52bb;background:-webkit-linear-gradient(45deg,#285ade,#304fb1);/* Safari 5.1 - 6.0 */ background:-o-linear-gradient(45deg,#285ade,#304fb1);/* Opera 11.1 - 12.0 */ background:-moz-linear-gradient(45deg,#285ade,#304fb1);/* Firefox 3.6 - 15 */ background:linear-gradient(45deg,#285ade,#304fb1);/* 标准的语法 */ margin:40px 0;border-radius:100px 20px 20px 20px;position:relative;-webkit-box-shadow:0 0 13px rgba(3,8,38,0.13);-moz-box-shadow:0 0 13px rgba(3,8,38,0.13);box-shadow:0 0 13px rgba(3,8,38,0.13);top:0;}
/*.side-message {width:348px;position: relative; top: 100px}*/
.side-message .kf-message {width:29.124%;position:absolute;left:-10px;top:-14px;}
.side-message .kf-message span {display:block;width:100%;height:100%;border:4px solid #fff;border-radius:20px 20px 40px 20px;overflow:hidden;position:relative;z-index:1;-webkit-box-shadow:0 0 13px rgba(3,8,38,0.13);-moz-box-shadow:0 0 13px rgba(3,8,38,0.13);box-shadow:0 0 13px rgba(3,8,38,0.13);}
.side-message .kf-message span img {display:block;width:100%;}
.side-message .kf-message:after {content:'';display:block;width:100%;height:100%;border-radius:20px 20px 40px 20px;position:absolute;background:#fff;opacity:.14;filter:opacity(14);left:12px;top:12px;}
.side-message .message-header {width:100%;overflow:hidden;position:relative;}
.side-message .message-header:before {content:'';display:block;width:254px;height:254px;border:1px dashed #fff;opacity:.28;filter:opacity(28);position:absolute;left:-4px;top:-90px;border-radius:100%;}
.side-message .message-header span {display:block;float:left;clear:both;padding:0 16px;height:36px;line-height:36px;font-size:16px;color:#fff143;font-weight:bold;border-radius:16px;background:#223880;margin:26px 0 0 148px;position:relative;z-index:1;}
.side-message .message-header span + span {margin:35px 0 0 205px;}
.side-message .message-header span + span + span {margin:-5px 0 0 40px;}
.side-message .message-form {padding:0 26px;}
.side-message .message-form .item-form {width:100%;background:#fff;border-radius:16px;padding:0 18px;margin-top:15px;}
.side-message .message-form .item-form input[type=text] {display:block;border:none;width:100%;height:45px;padding:0 0 0 30px;line-height:45px;font-size:15px;color:#333;}
.side-message .message-form .item-form .txt-user {background:url(../image/icon_user.png) left center no-repeat;}
.side-message .message-form .item-form .txt-phone {background:url(../image/icon_phone.png) left center no-repeat;}
.side-message .message-form .item-form .txt-msg {background:url(../image/icon_message.png) left 18px no-repeat;}
.side-message .message-form .item-form textarea {width:100%;resize:none;border:none;padding:12px 0 10px 30px;height:118px;font-size:14px;line-height:30px;}
.side-message .message-form .btn-form {width:100%;text-align:center;position:relative;bottom:-44px;}
.side-message .message-form .btn-form input[type=submit] {display:inline-block;height:40px;line-height:40px;padding:0 30px;border-radius:20px;font-size:16px;font-weight:bold;color:#d60a1d;background:#fff;border:none;outline:none;-webkit-box-shadow:0 0 13px rgba(3,8,38,0.32);-moz-box-shadow:0 0 13px rgba(3,8,38,0.32);box-shadow:0 0 13px rgba(3,8,38,0.32);cursor:pointer;}
@media screen and (min-width:1920px) {.about-tit .right {width:875px;}
}
@media screen and (max-width:1800px) {.w {max-width:1200px;}
.side-message {padding:0 0 20px;width:312px;}
.side-message .kf-message span {border-radius:15px 15px 30px 15px;border:3px solid #fff;}
.side-message .kf-message:after {border-radius:15px 15px 30px 15px;left:8px;top:8px;}
.side-message .message-header:before {width:230px;height:230px;}
.side-message .message-header span {margin:26px 0 0 120px;}
.side-message .message-header span + span {margin:24px 0 0 160px;}
.side-message .message-header span + span + span {margin:-5px 0 0 20px;}
.side-message .message-form .item-form {margin-top:30px;}
.side-message .message-form .btn-form {bottom:-38px;}
}
@media screen and (max-width:1600px) {.header .w,.cp-tit .w,.wz .w {max-width:1500px;}
}
@media screen and (max-width:1599px) {.w,.section5 .w {max-width:1000px;}
.side-message {padding:0 0 10px;width:260px;}
.side-message .kf-message span {border-radius:10px 10px 20px 10px;border:2px solid #fff;}
.side-message .kf-message:after {border-radius:10px 10px 20px 10px;left:6px;top:6px;}
.side-message .message-header:before {width:200px;height:200px;}
.side-message .message-header span {margin:26px 0 0 90px;font-size:14px;height:30px;line-height:30px;}
.side-message .message-header span + span {margin:16px 0 0 110px;}
.side-message .message-header span + span + span {margin:5px 0 0 20px;}
.side-message .message-form .item-form {margin-top:20px;}
.side-message .message-form .btn-form {bottom:-28px;}
.side-message .message-form .btn-form input[type=submit] {font-size:14px;}
}





@media (max-width:980px) {
.pro_Mone{ padding: 80px 0 30px;}
.pro_Mone .por1-l{ width: 100%;  float: none;border-radius: 10px 0 10px 0;border:4px #ddd solid; }
.pro_Mone .por1-l img{  }
.pro_Mone .por1-r{ width:100%; font-size: 14px; padding-top:10px }
.pro_Mone .por1-r .pornr {margin-top:10px;padding:2% 3%;border-top:3px #0078ff solid; border-radius: 0 0 20px 0; }

.pro_Mone .por1-r .t1{ font-size: 20px; padding-bottom:0; }
.pro_Mone .por1-r .t2{  margin:8px 0;   }
.pro_Mone .por1-r .t3{ padding-top:4px; line-height:1.7;  }
.por_lx { margin-top:10px;}
.pro_Mone .por1-r .icon{ font-size: 14px; margin:15px 0 20px; }
.pro_Mone .por1-r .icon span{ padding:0 10px 0 10px  }
.pro_Mone .por1-r .icon span:nth-child(4){ padding-right: 0 }
.pro_Mone .por1-r .icon span:before{  position: absolute; content: ""; left: 0; top: 50%; width:4px; height:4px; background: #0053b9; margin-top: -2px}


.por_lx a{ margin-right:0;}
.por_lx a.lx_zx{   line-height:35px; width: 40%;font-size:14px; }
.por_lx a.lx_zx:hover{ width: 40% }
.por_lx a.lx_tel{ width: 56%; margin-left: 4% }
.por_lx a.lx_tel b{  font-size:18px;padding-top: 3px }

.pro_Mone .por1-r .icon2{  margin:20px 0;  }
.pro_Mone .por1-r .icon2 span{  padding:0 10px 0 10px;color: #777; font-size: 11px  }
.pro_Mone .por1-r .icon2 span:before{ width:8px; height:8px;margin-top: -4px; border:1px #f0bab9 solid;}

.pro_Mtwo{ top:-20px;   }
.pro_Mtwo .por_nav{  line-height: 50px; border-radius:5px; font-size:14px;   }
.pro_Mtwo .por_nav a:after{height:20px; top:15px;}


.pro_Mtwo .por_box{ padding:0px 0 10px }
.pro_Mtwo .por_box .por_nrl{ width:100%;  float: none; }
.pro_Mtwo .por_box .por_nrl .porjs h2{  margin-bottom: 10px; font-size:16px;padding-left:25px;   }
.pro_Mtwo .por_box .por_nrl .porjs h2:befor{ width:7px; height:7px;     border:3px #b8c9e5 solid;margin-top:-7px}
.pro_Mtwo .por_box .por_nrl .porjs{ line-height:2; font-size: 14px; }
.pro_Mtwo .por_box .por_nrl img{ width: 100% !important; max-width: 100% !important; }
.pro_Mtwo .por_box .por_nrl .porjs2{margin:20px 0 0px }
.pro_Mtwo .por_box .por_nrl .porjs2 img{ margin-bottom: 8px }
.pro_Mtwo .por_box .pro_Mtwo{  width: 100%;  float: none; display: none;}
.jieshao p{ text-indent: 0em !important; }
.pormian{ padding-bottom:20px}

}

.pro_Mthree{padding: 80px 0;}
.pro_Mfour{ padding: 80px 0; box-shadow:0 -10px 10px rgba(0,0,0,.1)  }
.news-xg dd h3 {font-size:24px;font-weight:bold;background:url(../image/xgwz-tb.png) left center no-repeat;padding-left:35px;}
.news-xg dt a {font-size:16px;color:#666666;background:url("../image/more-jt.png") right center no-repeat;padding:0 20px;display:block;}
.news-xg ul {overflow:hidden; margin-top: 30px}
.news-xg li {width:33.3%;float:left;border-bottom:1px solid #ffecec;padding:0 2% 0 0;}
.news-xg li a {font-size:16px;line-height:70px;display:block;background:url(../image/cp-tb2.png) no-repeat left center;padding-left:25px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

@media (max-width:998px) {
    
.pro_Mthree{padding:10px 0 30px;}
.pro_Mfour{ padding:10px 0 30px; box-shadow:0 -5px 5px rgba(0,0,0,.1)  }  
}
/*新闻*/

.news-fl { margin:40px auto 20px}
.news-fl ul { position: relative; z-index: 88; text-align: center;}
.news-fl ul li {cursor:pointer; height:50px; display: inline-block; line-height: 50px; margin: 0 10px 0; }
.news-fl ul li a{ display: block; background:#e9edf6; background-size: 100%; display: block; color: #222; padding: 0 25px }
.news-fl ul li a:hover,.news-fl ul li.active a{background:#005bac; color: #fff}

@media (max-width:998px) {
.news-fl { margin:20px auto;width:94%;}
.news-fl ul li {width:auto; height:38px; line-height: 38px; margin: 0 1% 2px 1%; border-radius: 5px; overflow: hidden; font-size: 14px;}
.news-fl ul li a{padding: 0 5px;}

}


.zhence_ul{}
.zhence_ul .item{  background: #f5f6f8;padding:4% 3%; margin-bottom: 25px; /*width:49%; float: left;*/ }
/*.zhence_ul .item:nth-child(2n){ margin-left: 2% }*/
.zhence_ul .item .t1{ position: relative; padding: 15px 0; font-weight:normal; display: block;}
.zhence_ul .item .t1:before { position:absolute;content: ""; height: 2px; width:40px; background: #0057d5; left: 0; top: 0; transition: all .3s}
.zhence_ul .item .des{ color: #777; line-height:25px }
.zhence_ul .item .last{ color: #777;  display: block; padding-top: 8px}
.zhence_ul .item .last i{ float: right; font-style: normal; }
.zhence_ul .item a{ display: block; }
.zhence_ul .item a:hover .t1{ color: #0057d5;  text-decoration: underline;}
.zhence_ul .item a:hover .last i{color: #0057d5; }
.zhence_ul .item a:hover .t1:before{ width: 55px; }

/*新闻内页*/
.newsdqwz{  line-height: 55px; color: #666; font-size: 16px; box-shadow: 0 10px 10px rgba(0,0,0,0.15) }

.Newsmian{ background: #f5f5f5; padding:50px 0 60px 0; }
.Newsmian .news_l{ width: 78%; float: left; }
.Newsmian .news_r{width: 19%; float: right;}

.news_l .n_info_con{ background: #fff; padding: 4% 3%;}
.news_l .n_info_con .tit{font-size: 24px;color: #323232;height: auto;line-height:35px;text-align: left;font-weight: bold;padding-bottom:15px;border-bottom: 1px solid #efefef;}
.news_l .n_info_con .n_tit{font-size: 13px;color: #999999;text-align: left;line-height: 20px;margin-top:2%;}
.news_l .n_info_con .n_tit span{ padding-right: 20px }
#cntrBody{ font-size: 16px; color: #555; line-height:2; padding: 30px 0 }

.news_l .n_info_con .gduo {padding: 2% 0;font-size: 16px;border-top: 1px solid #efefef;color: #666;line-height: 35px;margin: 15px 0 30px;}
.news_l .n_info_con .gduo span{ display: block; }
.news_l .n_info_con .gduo span a:hover{  color: #000; text-decoration: underline;}
.news_l .n_info_con .info_key{ color: #888; font-size:14px; padding-top:15px }

.n_info_con2{ margin-top: 35px }
.n_info_con2 .t04{ font-size: 24px; padding-left: 20px; position: relative; }
.n_info_con2 .t04:before{  position: absolute; content: ""; left: 0; top: 50%; width: 15px; height:4px; background: #0053b9; margin-top: -2px}

.n_info_con2 .info_b{ margin-top:15px;  }
.n_info_con2 .info_b dl{ width: 23.5%; font-size: 16px; margin-left: 2%; float: left;}
.n_info_con2 .info_b dl:nth-child(1){ margin-left:0 }
.n_info_con2 .info_b dl img{ width: 100%; }
.n_info_con2 .info_b dl dt{ max-height: 220px; overflow: hidden; }
.n_info_con2 .info_b dl dd{  text-align: center; padding-top:15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.n_info_con2 .info_b dl:hover dd a{ color:#104fb6; text-decoration: underline; }


.news_r .t03{ font-size: 18px; padding-left: 20px; position: relative; border-bottom:1px #e1e1e1 solid;  line-height: 45px; margin-bottom: 10px }
.news_r .t03:before{  position: absolute; content: ""; left: 0; top: 50%; width: 15px; height:4px; background: #0053b9; margin-top: -2px}
.news_r .newrlist{ background: #fff; margin-bottom: 25px; padding:4% 3%; }
.news_r .newrlist .n_rt_ul{padding:0 8px;}
.news_r .newrlist .n_rt_ul li{overflow: hidden;text-overflow: ellipsis;white-space: nowrap; line-height:38px; font-size: 14px; color: #666;padding-left:13px; position: relative;}
.news_r .newrlist .n_rt_ul li:before{  position: absolute; content: ""; left: 0; top: 50%; width: 4px; height:4px; background: #0053b9; margin-top: -2px; border-radius: 50%}
.news_r .newrlist .n_rt_ul li:hover a{color:#000; text-decoration: underline; }




@media (max-width: 998px){

/*新闻内页*/

.Newsmian{ background: #f5f5f5; padding:0 0 60px 0; }
.Newsmian .news_l{width: 100%; float: none; margin: 20px auto 0 }
.Newsmian .news_r{width: 100%; float: none; display: none;}
.news_l .n_info_con{ padding: 4%;}
.news_l .n_info_con .tit{font-size: 20px;line-height:28px;padding-bottom:6px;}
.news_l .n_info_con .n_tit{font-size: 11px;line-height: 20px;margin-top: 8px;}
.news_l .n_info_con .n_tit span{ padding-right:8px }
#cntrBody{ font-size: 14px; line-height:2; padding:15px 0 }

.news_l .n_info_con .gduo {padding: 2% 0;font-size: 14px;line-height: 35px;margin: 15px 0 15px;}
.news_l .n_info_con .info_key{  display: none; }
.n_info_con2{ margin-top: 35px }
.n_info_con2 .t04{ font-size: 20px; padding-left: 20px; position: relative; }
.n_info_con2 .t04:before{  position: absolute; content: ""; left: 0; top: 50%; width: 15px; height:4px; background: #0053b9; margin-top: -2px}
.n_info_con2 .info_b{ margin-top:5px;  }
.n_info_con2 .info_b dl{ width: 48%; font-size: 15px; margin:10px 1%; }
.n_info_con2 .info_b dl:nth-child(1){margin:10px 1%;}
.n_info_con2 .info_b dl dt{ max-height: 100%;  }
.n_info_con2 .info_b dl dd{  text-align: center; padding-top:10px;}
}


/*案例*/
.case{ padding:20px 0  30px}
.case-item{ position: relative;  overflow: hidden;border:1px #cacaca solid; border-radius:5px; background: #fff; margin:0 1% 25px 1%; float: left; width: 23% }
.case-item .img{  width: 100%;  overflow: hidden;  position: relative;}
.case-item .img img{ width: 100%; display: block;transition: all 0.6s; height:auto; border-radius:5px }
.case-item:hover .img img{transform: scale(1.06, 1.06);}
.case-item .tit{ padding:15px 0; text-align: center;  display: block; text-align: center;}

.case-item .img:after{content:"";position:absolute;left:0;right:0;height:100%;background:rgba(0,0,0,.24);bottom:-100%;z-index:1}
.case-item .img:before{content:"";position:absolute;left:50%;top:150%;width:50px;height:50px;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);background:url(../image/hovericon.png) center center no-repeat rgba(0,0,0,.5);background-size:39px;z-index:2;border:2px solid #fff;border-radius:50%;transition:all .5s;-webkit-transition:all .5s}
.case-item:hover .img:after{bottom:0;transition:all .5s;-webkit-transition:all .5s}
.case-item:hover .img:before{top:50%;transition:all .5s;-webkit-transition:all .5s}
.case-item:hover{transition:all .3s;box-shadow:0 5px 12px rgba(0,0,0,.1)}

.videony{ padding: 50px 0 }
.videony .case-item .img:before{top:50%;content:"";position:absolute;left:50%;width:50px;height:50px;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);background:url(../image/hovericon2.png) center center no-repeat rgba(0,0,0,.5);background-size:39px;z-index:2;border:2px solid #fff;border-radius:50%;transition:all .5s;-webkit-transition:all .5s}
.casebox .case-item .img:before,.casebox .case-item .img:after{ width: 0 }

@media (max-width:992px) {
.case-item{  margin:0 1% 10px; width: 48%}
.case-item .tit{ padding:8px 0; }
.case-item .tit{  font-size:14px; }


}


/*联系*/

.contact{ padding:20px 50px 70px }
.contactbox{display: flex; justify-content: space-between;align-items: stretch; margin-top: 60px; margin-bottom: 50px}
.contactbox .cont-item{ background: #fff; text-align: center; padding:4% 3%; border: 1px solid #efefef; box-shadow: 0 0 10px rgba(0,0,0,0.08); width: 23%}
.contactbox .cont-item .tit{ font-size: 22px; color: #333; font-weight: bold;}
.contactbox .cont-item .pic1{ width:70px;height:70px; border-radius: 5px; margin: 10px auto;background: #0053b9;background: linear-gradient(-135deg,#005496,#0053b9)}

.contactbox .cont-item .pic2{ width: 130px; height: 130px;margin: 10px auto; }
.contactbox .cont-item .pic2 img{ width: 120px; border:5px #ddd solid;  margin: 0 auto }
.contactbox .cont-item .con{ color: #444; font-size: 16px; line-height: 1.8}

@media (max-width:980px) {

.contact{ padding:15px 20px;  }
.contact-lx{ padding:10px; width: 100%;  float: none; }
.contact-lx p{ margin:5px 0;  }
.contact-map{ width: 100%; height:250px;float: none;}
.contactbox{display:block; margin-top:20px; margin-bottom:20px}
.contactbox .cont-item{ padding:4% 3%; width: 100%; float:none; margin-bottom:10px}
.contactbox .cont-item .tit{ font-size:16px; }
.contactbox .cont-item .pic1{ width:60px;height:60px; border-radius: 5px; margin:5px auto;}
.contactbox .cont-item .pic2{ width: 130px; height: 130px;margin: 5px auto; }
.contactbox .cont-item .pic2 img{ width: 120px; border:5px #ddd solid;  margin: 0 auto }
.contactbox .cont-item .con{ font-size: 14px; line-height: 1.7}
}


.por_msg{background: url(../image/msg_bg2.jpg) no-repeat top center/cover; padding:60px 0;}
.por_msg .show {  width:55% } 
.por_msg .text { margin-bottom: 28px; padding-right: 50px; }
.por_msg .text strong { display: inline-block; font-size: 40px; line-height: 50px; position: relative; color: #d53242; background-image: -webkit-gradient(linear, 0 0, right 0, from(#d53242), to(#e3674f)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; margin-right: 20px; }
.por_msg .text strong:before { content: ''; width: 28px; height: 28px; position: absolute; left: 0; top: 50%; margin-top: -14px; }
.por_msg .text span { font-size: 20px; color: #d53242; background-image: -webkit-gradient(linear, 0 0, right 0, from(#d53242), to(#e3674f)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; font-weight: 700; }
.por_msg .text p { font-size: 16px; color: #fff; line-height: 30px; margin-top: 10px; }
.por_msg ul { padding-right: 50px; }
.por_msg li { float: left; width: 48%; margin-bottom: 22px; }
.por_msg li:first-child { margin-right: 4%; }
.por_msg li.txt-area { width: 100%; position: relative; }
.por_msg li>span { display: block; font-size: 20px; line-height: 30px; color: #fff; margin-bottom: 5px; }
.por_msg li>span i { font-style: normal; color: #ff0000; }
.por_msg li input, .por_msg li textarea { width: 100%; height: 44px; line-height: 44px; outline: none; border: none; background: #fff; padding: 0 12px; font-size: 16px; color: #333; }
.por_msg li textarea { height: 180px; line-height: 1.5; padding-top: 10px; padding-right: 33px; }
.por_msg .sub-btn { position: relative; display: inline-block; margin-bottom: 40px; }
.por_msg .sub-btn input { width: 240px; line-height: 60px; height: 60px; line-height: 60px; background: #e3674f; background: -moz-linear-gradient(left, #d53242 0%, #e3674f 100%); background: -webkit-linear-gradient(left, #d53242 0%, #e3674f 100%); background: -o-linear-gradient(left, #d53242 0%, #e3674f 100%); background: -ms-linear-gradient(left, #d53242 0%, #e3674f 100%); background: linear-gradient(to right, #d53242 0%, #e3674f 100%); border-radius: 4px; font-size: 22px; color: #ffffff; font-weight: bold; padding-left: 68px; text-align: left; -webkit-box-shadow: 5px 5px 13px rgba(69, 0, 5, 0.2); -moz-box-shadow: 5px 5px 13px rgba(69, 0, 5, 0.2); -ms-box-shadow: 5px 5px 13px rgba(69, 0, 5, 0.2); -o-box-shadow: 5px 5px 13px rgba(69, 0, 5, 0.2); box-shadow: 5px 5px 13px rgba(69, 0, 5, 0.2); }
.por_msg .sub-btn:after { content: ''; width: 20px; height: 20px; background: url(../image/icon-lx1.png) no-repeat; position: absolute; top: 50%; margin-top: -10px; right: 60px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.por_msg .sub-btn:hover:after { right: 50px; }
.scroll-box { background-color: #282f3d; padding-left: 26%; overflow: hidden; }
.msg-scroll { height: 53px; background-color: #282f3d; }
.msg-scroll p { line-height: 53px; font-size: 16px; color: #e3e3e3; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 38px; }
.msg-scroll p span { margin-left: 30px; }

.por_msg li .fast-btn { width: 32px; background: #d83f45; position: absolute; top: 35px; right: 0; bottom:3px; text-align: center; line-height: 1.1; padding-top: 16px; font-size: 18px; cursor: pointer; color: #fff }
.por_msg li .fast-btn img { margin-top: 4px; }
.fast-box { position: absolute; width: 420px; overflow: hidden; background-color: #f1f3f6; padding: 10px 12px 0 12px; height: 170px; right: 0; z-index: 9; top: 215px; display: none; }
.fast-box em { display: block; cursor: pointer; position: absolute; top: 0.1rem; right: 0.2rem; }
.fast-box p { font-size: 16px; color: #333333; line-height: 30px; cursor: pointer; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.fast-box p:hover { color: #f64949; }




@media (max-width:980px) {

.por_msg{ padding:25px 0;}
.por_msg .show {  width:100%; float: none; } 
.por_msg .text { margin-bottom:12px; padding-right:0px; }
.por_msg .text strong { font-size: 18px; line-height:1; margin-right:6px; }
.por_msg .text strong:before { display: none;}
.por_msg .text span { font-size:14px;  }
.por_msg .text p { font-size: 12px; line-height:1; margin-top: 6px; display: none; }
.por_msg ul { padding-right: 0px; }
.por_msg li { float: none; width: 100%; margin-bottom:8px; }
.por_msg li:first-child { margin-right: 0%; }

.por_msg li>span { display: block; font-size: 14px; line-height: 30px; color: #fff; margin-bottom:0px; }

.por_msg li input, .por_msg li textarea { width: 100%; height: 35px; line-height:35px;  padding: 0 8px; font-size: 14px; }
.por_msg li textarea { height: 120px; line-height: 1.5; padding-top: 10px; padding-right: 0; }
.por_msg .sub-btn { position: relative; display: inline-block; margin:0 auto 40px }
.por_msg .sub-btn input { width:140px; line-height:40px; height:40px; line-height:40px;  font-size: 15px; padding-left:20px; margin:0 auto}
.por_msg .sub-btn:after {  right: 20px; }
.por_msg .sub-btn:hover:after { right: 50px; }

.scroll-box { display: block; }
.por_msg li .fast-btn {  display: none }
.fast-box {display: none; }


}



.zllc{ line-height:2; padding:30px 0}
.bgh{ background-color:#f6f8fb}
@media (max-width:992px) {
    .zllc{ line-height:1.7; padding:10px 0}
    
    
}