@charset "utf-8";
/* CSS Document */
.pz_banner{ float:left; width:100%; margin-top:80px;overflow:hidden; position:relative;}
.slide_banner{ float:left; width:100%; position:relative;}
.slide_banner .bd{ float:left; width:100%; overflow:hidden;}
.slide_banner .bd ul{ float:left;}
.slide_banner .bd li{ float:left; width:100%; line-height:0; position:relative;}
.slide_banner .bd li a{display:block; width:100%;}
.slide_banner .bd li img{ width:100%;}
.slide_banner .bd li .li1_tit{ position:absolute; left:18.3%; top:49.2%; color:#ffffff ; font-size:40px; width:417px;
text-shadow: 0px 2px 3px #999; 
-webkit-text-shadow: 0px 2px 3px #999;
-moz-text-shadow: 0px 2px 3px #999
}
.slide_banner .bd li .li2_tit{ position:absolute; left:18.3%; top:33%; color:#ffffff; font-size:24px; line-height:1.75; width:417px;}
.slide_banner .bd li .li2_tit .li2span{ font-size:40px; font-weight:bold;}
.slide_banner .bd li .li3_tit{position:absolute; left:18.3%; top:58%; color:#ffffff; font-size:24px; line-height:1.75; width:530px;}
.slide_banner .bd li .li3_tit .li3span{font-size:40px; font-weight:bold; color:#ffffff;}
.slide_banner .hd{ position:absolute; left:0; bottom:35px; float:left; width:100%; height:11px;}
.slide_banner .hd ul{ float:left; width:100%;  height:11px; line-height:0px; text-align:center; }
.slide_banner .hd ul li{ display:inline-block; width:11px; height:11px; margin:0 4px;  background-color:#666; text-indent:-90px; overflow: hidden; cursor:pointer;
-moz-border-radius:50%; 
webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;
}
.slide_banner .hd ul li.on{ background-color:#0ba0da;}
.slide_banner .prevl{ position:absolute; width:37px; height:73px; left:80px; top:46%;  z-index:2; background: url(../images/ban2.png) no-repeat; cursor:pointer;} 
.slide_banner .nextr{ position:absolute; width:37px; height:73px; right:80px; top:46%; z-index:2; background: url(../images/ban3.png) no-repeat; cursor:pointer;}
@media  screen and (max-width:1199px){
.pz_banner{ float:left; width:100%; margin-top:70px;overflow:hidden; position:relative;}
.slide_banner .bd ul{width:100%;height: auto;}	
.slide_banner .bd ul li{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height: auto;position:relative}
.slide_banner .bd li .li1_tit{ font-size:28px;}
.slide_banner .bd li .li2_tit{ font-size:18px; width:310px;}
.slide_banner .bd li .li2_tit .li2span{ font-size:28px;}
.slide_banner .bd li .li3_tit{font-size:18px; width:310px; top:50%;}
.slide_banner .bd li .li3_tit .li3span{font-size:28px;}
.slide_banner .swiper_s{ position:absolute; left:0; bottom:12px; float:left; width:100%;  height:11px;  line-height:0px; text-align:center; }
.slide_banner .swiper_s .swiper-pagination-bullet{display:inline-block; width:11px; height:11px; margin:0 8px;  background-color:#fff; text-indent:-90px; overflow: hidden; cursor:pointer;-moz-border-radius:50%; webkit-border-radius:50%; -khtml-border-radius:50%;border-radius:50%;}
.slide_banner .swiper_s .swiper-pagination-bullet-active{ background-color:#f08300;}
}
@media  screen and (max-width:767px){
.pz_banner{ margin-top:50px;}
.slide_banner .bd li .li1_tit{ font-size:18px;}	
.slide_banner .bd li .li2_tit{ width:80%; left:10%; font-size:14px;}
.slide_banner .bd li .li2_tit .li2span{ font-size:18px;}
.slide_banner .bd li .li3_tit{width:243px; left:10%;font-size:13px; top:50%;}
.slide_banner .bd li .li3_tit .li3span{font-size:18px;}
}
@media  screen and (max-width:480px){
.slide_banner .bd li .li2_tit{ top:10%;}	
}
@media  screen and (max-width:1199px){
.ul_style{z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.li_style{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;}
}
@media  screen and (max-width:767px){
.ul_phone{z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.li_phone{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;}	
}
@media screen and (min-width: 1199px) {
.menu_1 ul .nli span a:hover{ color:#f08300; border-bottom:#f08300 solid 2px;}
.menu_0100 .sub .l_506 .l_288 .l_144 a:hover{ color:#f08300;}
.slide_banner .prevl:hover{opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: 0.7;-khtml-opacity: 0.7;}
.slide_banner .nextr:hover{opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: 0.7;-khtml-opacity: 0.7;	}
.title_1 .tit_1 .titmore:hover{color:#f08300}
.slide_homen .bd ul li:hover .l_212 img{transform: scale(1.09,1.09);-ms-transform: scale(1.09,1.09);	-webkit-transform: scale(1.09,1.09);-o-transform: scale(1.09,1.09);	-moz-transform: scale(1.09,1.09);}
}

/*通用标题*/
.common-tip{font-size: 18px;color: #666;line-height: 32px;width: 100%;text-align: center;}
.common-title{position: relative; width: 100%;text-align: center;font-size: 30px; margin-bottom:10px; font-weight:500 !important; font-family:微软雅黑,"Microsoft Yahei";color: #333;line-height: 60px;}
.common-title:after {display: block;position: absolute;bottom: 0;left: 50%;margin-left: -27px;width: 54px;height: 3px;background: #ff0000;content: '';}
@media only screen and (max-width: 768px){
.common-tip{font-size: 16px;color: #666;line-height: 24px;width: 100%;text-align: center;}
.common-title{font-size: 20px; margin-bottom:10px; line-height: 40px;}

}
/*关于我们*/
.index_about{width: 100%;padding:50px 0;}
.ab-list{width:860px;margin: 46px auto 38px;height: 130px; overflow:hidden;}
.ab-texts{width: 94%;text-align: center;line-height: 30px;color: #666;margin: 0 auto;}
.index_about .cover{display:block;/*background:url(../img/gray.5.png) repeat;*/position: absolute;top: 0;bottom: 0; right: 0;left: 0;color:#fff;text-align: center;}
.index_about .cover .title{font-size:20px;font-weight: normal; color:#fff;margin: 16% 0 10px;text-shadow: 2px 2px 14px #000;}
.index_about li .cover .m_detail{color:#fff\9;}


/*产品*/
.index_pro{width: 100%;padding:50px 0;height:650px;overflow:hidden;position:relative;}
.index_pro .wrap {position:relative;z-index:5;}
.index_pro .bt-box {position:absolute;left:0;top:85px;}
.index_pro:before {content:"";width:55%;height:100%;background:#046bba;display:block;position:absolute;left:0;top:0;}
.index_pro:after {content:"";width:45%;height:100%;background:#fafafa url(../images/lattice-zs02.jpg) right center no-repeat;display:block;position:absolute;right:0;top:0;}
.index_pro .bt-box {color:#fff;}
.index_pro .bt-box span {font-size:17px;position:relative;}
.index_pro .bt-box h2 {position: relative;font-size:30px; color:#fff;line-height: 60px;font-weight:400;text-align:left;margin:0px 0 25px 0;}
.index_pro .bt-box h2:after {display: block;position: absolute;bottom: 0;left:0;width: 54px;height: 3px;background: #fff;content: '';} 
.index_pro .fl {width:80%;color:#fff;position:relative;}
.index_pro .fl dd {width:48%;margin-top:220px;}
.index_pro .fl h3 a {font-size:24px;font-weight:700;color:#fff;margin:65px 0 40px 0;display:block;}
.index_pro .fl p {font-size:14px;line-height:28px;}
.index_pro .fl .btn {font-size:16px;color:#fff;line-height:45px;display:inline-block; padding-left:0px;margin-top:30px;transition:all .2s;}
.index_pro .fl .btn:hover {font-size:17px;font-weight:500;}
.index_pro .fl dt {position:absolute;right:7%;top:100px;}
.index_pro .fl dt p {width:380px;height:380px;background:#fff;border-radius:50%;padding:12%;box-shadow:0 0 5px #e2e2e2;position:relative;}
.index_pro .fl i {width:430px;height:430px;border:1px dashed #eddfde;border-radius:50%;display:block;position:absolute;left:485px;top:76px;-webkit-animation-name:myAnimation;-webkit-animation-duration:15s;-webkit-animation-timing-function:linear;-webkit-animation-iteration-count:infinite;}
.index_pro .fl i:after {content:"";width:15px;height:15px;background:#046bba;background:-webkit-linear-gradient(left top,#49adf9,#0179d5);background:-o-linear-gradient(bottom left,#49adf9,#0179d5);background:-moz-linear-gradient(bottom left,#49adf9,#0179d5);background:linear-gradient(to bottom left,#49adf9,#0179d5);border-radius:50%;display:block;position:absolute;top:54px;right:54px;z-index:1;}
@-webkit-keyframes myAnimation {0% {transform:rotate(0);}
100% {transform:rotate(360deg);}
}
.index_pro .fl .show {display:block;}
.index_pro .fl .hide {display:none;}
.index_pro .fr {width:20%;height:540px;float:right;padding-right:35px;position:relative;}
.index_pro .fr:before {content:"";width:2px;height:100%;background:#999;display:block;position:absolute;top:0;right:7px;}
.index_pro .fr li {width:100%;height:14.28%;background:url(../images/s_pro.html) right center no-repeat;background-size:50px !important;padding:20px 65px 0px 0;position:relative;cursor:pointer;transition:all .2s;}

.index_pro .fr li:before {content:"";width:14px;height:14px;background:#fff;border:2px solid #999;border-radius:50%;display:block;position:absolute;right:-35px;top:24px;transition:all .2s;}
.index_pro .fr li p {font-size:16px;text-align:right;padding:0 0 20px 0;position:relative;}
.index_pro .fr li p:before {content:"";width:35px;height:1px;background:#666;display:block;position:absolute;right:0;bottom:5px;transition:all .2s;}
.index_pro .fr li p:after {content:"";width:22px;height:1px;background:#333;display:block;position:absolute;right:0;bottom:0;transition:all .2s;}
.index_pro .fr .active {color:#d93a3a;}
.index_pro .fr .active:before {border:1px solid #d93a3a;transition:all .2s;}
.index_pro .fr .active p:before {width:70px;background:#f15b11;transition:all .2s;}
.index_pro .fr .active p:after {width:50px;background:#d93a3a;transition:all .2s;}
.index_pro .fr .active:nth-of-type(1) {background:url(/uploads/image/20210608/1623119913.png) right center no-repeat;}
.index_pro .fr .active:nth-of-type(2) {background:url(/uploads/image/20210608/1623111915.png) right center no-repeat;}
.index_pro .fr .active:nth-of-type(3) {background:url(/uploads/image/20210608/1623120198.png) right center no-repeat;}
.index_pro .fr .active:nth-of-type(4) {background:url(/uploads/image/20210608/1623113718.png) right center no-repeat;}
.index_pro .fr .active:nth-of-type(5) {background:url(/uploads/image/20210608/1623117568.png) right center no-repeat;}
.index_pro .fr .active:nth-of-type(6) {background:url(/uploads/image/20210608/1623120715.png) right center no-repeat;}
.index_pro .fr .active:nth-of-type(7) {background:url(/uploads/image/20210609/1623234967.png) right center no-repeat;}

 
/*新闻中心*/
.index_new{width: 100%;padding:50px 0; background-color:#f8f8f8;}
.info-box{overflow:hidden;margin:40px 0 10px 0;}
.info-slide span{display:block;}
.info-slide span:after{display:block;content:'';clear:both;}
.info-slide span h3{float:left;font-size:22px;font-weight:normal;padding:10px 25px;margin:0;position:relative;background:#ec0000;color:#fff;}
.info-slide span h3 a{ color:#fff;}
.info-slide ol{list-style:none;margin:0;padding:0;background:#fff;}
.info-slide li{list-style:none;margin:0;padding:25px 30px 20px 30px;border-top:1px solid #ccc;}
.info-slide li:first-child{border-top:none;}
.info-slide li h4{display:block;white-space:nowrap;margin:0;font-size:22px;line-height:30px;overflow:hidden;text-overflow:ellipsis;}
.info-slide li a:hover{color:#ff1212;}
.info-slide li p{ margin:10px 0; overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.info-slide li b{display:block; float:right;font-weight:normal;font-size:14px;}
.info-slide li b:after{display:block;content:'';clear:both;}
/*.info-slide li b strong{font-weight:normal;float:left;margin:0 10px;color:#888;}
.info-slide li b a{float:left;margin-right:10px;color:#888;}
*/
.info-slide li b i{float:right;font-style:normal;margin:0 5px 0 0;color:#999;}
 
/*优势*/
.index_advantage .common-tip{ color:#fff;}
.index_advantage .common-title{color: #fff;}
.index_advantage .common-title:after { background: #fff; }
.index_advantage{padding-top:50px;padding-bottom: 50px;background: url(../images/iab_bg_06.jpg) no-repeat;background-color: #f4f4f4;}
.index_advantage img{width: 100%;}
.index_advantage .i_t{color: #fff;}
.index_advantage .i_t a:hover{color: #fff;}
.index_advantage .i_p{color: #fff;margin-bottom: 35px;}
.index_advantage_bg{ background-color:#fff; margin-top:30px; border:1px solid #ccc;}
.index_advantage_bg li a{display: block; margin:0 10px;}
.index_advantage_bg li a .box{padding: 65px 0 60px; text-align:center;}
.index_advantage_bg li a .box .t{font-size: 18px; line-height:60px; font-weight:600; border-bottom:1px solid #c3c3c3;color: #444;}
.index_advantage_bg li a .box .c{font-size: 14px; padding:15px; line-height:24px; color: #666;}
.index_advantage_bg li a .box .icon{width: 87px;height: 87px; margin:0 auto ;}
.index_advantage_bg li:hover .box .icon{transform: rotateY(180deg);}
@media screen and (max-width: 1024px) {
.index_advantage{padding:30px 0;}
}
@media only screen and (max-width: 640px){
.index_advantage_bg{ padding:20px 0 10px; margin-top:10px; }
.index_advantage_bg li a{display: block; margin:0 0px;}
.index_advantage_bg li a .box{padding: 0px 0 10px; text-align:center;}
.index_advantage_bg li a .box .t{font-size: 16px; line-height:35px;}
.index_advantage_bg li a .box .c{ padding:10px 0px; line-height:22px; color: #666;}
}