*{box-sizing:border-box;margin:0; padding:0; list-style:none;}
a{ color:#333; text-decoration:none; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -mos-transition: all 0.3s;  }
a:hover{text-decoration:none;}
h1,h2,h3,h4,h5,h6{ margin: 0;font-weight:normal;}
hr{ border:none;}
.clear{ clear:both;}
.container{ padding: 0;}
p,ul{margin: 0;}
img{ border:0; vertical-align:middle; }
input,textarea{outline:none;}
.row{ margin: 0px;}
.container{ margin: 0px auto;width:1200px; }
.w1360{ margin: 0px auto;width:1360px; }
.w1440{ margin: 0px auto;width:1440px; }




/*pc导航*/
.pc_header{width:100%; height:5vw;  position: fixed; top:0px; left:0px; z-index: 999; background: #fff; padding: 0px 4%}
.pc_logo{width:220px; height: 5vw; float: left; display: flex; align-items: center;}
.pc_logo img{width:100%; height: auto; align-items: center; margin: 0px auto;}
.logo_2{display: none;}
.h_yuyan_links{width:auto; height: 5vw; line-height: 5vw; overflow: hidden; float: right; margin-left:1% }
.h_yuyan_links a{width:auto; height: 5vw; line-height: 5vw; color:#666666; font-size: 16px; text-align: center;  
	float: left; margin-left: 8px}
.h_yuyan_links a.active{color:#111111}
.h_dizhi{background: url(../images/h_dianhua.png) no-repeat left center; padding-left:42px; font-size: 22px; color: #0d63b0; line-height: 5vw; height: 5vw; float: right; font-weight: bold;}
.pc_header .top-nav-left{width:56%; float:left; height: 5vw; margin-left:8%; }
.nav{height:100%; width:100%; float: left;}
.nav a{ color:#222222; font-size: 14px;}
.nav .nLi{float:left; position:relative; display:inline;height: 100%; width: 12.5%; text-align: center}							
.nav .nLi h3 a{ display:block;  font-size:16px;color:#222222;  height: 100%; line-height:5vw; width: 100%; }
.nav .sub{ display:none;left:50%; top:5vw;  position:absolute;  line-height:26px; padding:0; width:200px;border:0; z-index: 99999; margin-left: -100px; max-height:500px; overflow-x:auto; }
.nav .sub li{ zoom:1; border-bottom: 1px solid #e5e5e5;  height:auto; line-height:28px;  background:rgba(255,255,255,0.8);text-align: center; padding:8px 0 }
.nav .sub li p{ width:100%; float: left; margin: 0px;}
.nav .sub li span{ float: right;}
.nav .sub a{ display:block; padding:0 10px; color: #333; font-size: 14px; height: 100%;  overflow:hidden}
.nav .sub a:hover{color:#008fd1}
.nav .active h3 a{}
.sub li:hover a{color:#5d4a3e}
.nav .nLi.active:after{width:82px; background: #008fd1}
.nav .nLi::after {
    content: ' ';
    position: absolute;
    width: 0;
    height: 3px;
    top: 4vw;
    left:50%; margin-left: -41px;
    transition: all .3s;
    -webkit-transition: all .3s;
}
.nav .nLi:hover::after{width:82px; background: #008fd1}






/*首页*/
.pc_shouye{width:100%; height: 100%;}
#menu { position: fixed; left: 50px; bottom:0px; list-style-type: none; z-index: 70; background: url(../images/nav_bj.png) no-repeat; height: 80%; width: 150px;    padding-left: 2px;     padding-top: 29px;}
#menu li{width:100%; height:70px;  padding-left: 30px;}
#menu a{font-size: 16px; color: #5dbb89; line-height: 70px; display: none;}
.page2{margin-top: 6px;}
.page3{margin-top: 7px;}
.page4{margin-top: 8px;}
.page5{margin-top: 7px;}
.page6{margin-top: 8px;}
.page7{margin-top: 8px;}
#fp-nav{display: none}
#fp-nav ul li a span, .fp-slidesNav ul li a span{background: #fff!important;border:0!important; width: 6px; height: 6px; left:50%; top:50%; margin-left: -3px; margin-top: -3px;}
#fp-nav ul li, .fp-slidesNav ul li{width:30px; height: 34px; margin: 0}
#fp-nav ul li a.active{background: url(../images/bian.png) no-repeat center}




/*第一块*/
.section1{width:100%; height: 100%; overflow: hidden; }
.slideshow{position:relative;z-index:1;width:100%;margin:0 auto;height:100vh}
.slideshow *{outline:0}
.slideshow .slider-track{-webkit-transition:all 1s cubic-bezier(.7,0,.3,1);transition:all 1s cubic-bezier(.7,0,.3,1)}
.slideshow .item{width:100vw;height:100vh;position:relative;overflow:hidden;z-index:1}
.indexnavbox{width:1200px;height:90px;position:absolute;top:0;left:0;right:0;margin:0 auto;z-index:499;overflow:hidden}
.indexnavbox ul{width:1200px;margin:0 auto;display:flex;justify-content:space-between}
.indexnavbox ul li{padding-top:4px;position:relative}
.indexnavbox ul li.indexnavli::after{content:' ';position:absolute;width:0;height:3px;top:66px;left:0;transition:all .3s;-webkit-transition:all .3s}
.indexnavbox ul li.indexnavli:hover::after{width:100%;background:#c3181c}
.indexnavbox ul li a{display:block;height:86px;line-height:82px;text-align:center;color:#fff;font-size:15px;font-weight:400}
.indexnavbox ul li a:hover{color:#c3181c}
.indexnavbox ul li.currnav a{color:#c3181c}
.indexnavbox ul li.currnav::after{width:100%;background:#c3181c}
@keyframes animX{0%{left:0}
100%{left:20px}
}
@keyframes animY{0%{top:0}
100%{top:4px}
}
@keyframes scale{0%{transform:scale(1)}
50%{transform:scale(1.06)}
100%{transform:scale(1)}
}
.do_trans0{animation:animX .8s cubic-bezier(.36,0,.64,1) -.4s 2 alternate,animY .8s cubic-bezier(.36,0,.64,1) 0s 2 alternate,scale 1.6s cubic-bezier(.36,0,.64,1) 0s 1 alternate}
.do_trans1{animation:animX 850ms cubic-bezier(.36,0,.64,1) -425ms 2 alternate,animY 850ms cubic-bezier(.36,0,.64,1) 0s 2 alternate,scale 1.7s cubic-bezier(.36,0,.64,1) 0s 1 alternate}
.do_trans2{animation:animX .9s cubic-bezier(.36,0,.64,1) -450ms 2 alternate,animY .9s cubic-bezier(.36,0,.64,1) 0s 2 alternate,scale 1.8s cubic-bezier(.36,0,.64,1) 0s 1 alternate}
.do_trans3{animation:animX 950ms cubic-bezier(.36,0,.64,1) -475ms 2 alternate,animY 950ms cubic-bezier(.36,0,.64,1) 0s 2 alternate,scale 1.9s cubic-bezier(.36,0,.64,1) 0s 1 alternate}
.do_trans4{animation:animX 1s cubic-bezier(.36,0,.64,1) -.5s 2 alternate,animY 1s cubic-bezier(.36,0,.64,1) 0s 2 alternate,scale 2s cubic-bezier(.36,0,.64,1) 0s 1 alternate}
.bannerimg{position:absolute;width:100%;height:100%}

.banner_txt{position:absolute;left:0;right:0;top:40%;z-index:99;width:1200px;margin:0 auto;color:#fff}
.banner_txt h5{font-weight:400;font-size:18px;opacity:.8}
.banner_txt h2{font-weight:700;font-size:76px;line-height:1.2;margin-top:18px}
.mt-15{margin-top:30px}
[class*=btn-more]{line-height:2.25rem}
[class*=btn-more]:before{content:"";float:left;width:38px;height:30px;margin-right:1rem;background:no-repeat 0/contain}
[class*=btn-more]:hover{opacity:.7}

.btn-more-light{color:#fff;font-size:18px;position:relative;padding-left:40px}
.btn-more-light:hover{color:#fff;opacity:.7}
.btn-more-light:before{position:absolute;top:0;left:0;background:url(../images/ban_jt.png) no-repeat left center}
.arrow{background:0 0;cursor:pointer}
.arrow:after,.arrow:before{content:"";position:absolute;top:42%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.arrow:before{border:1px solid #fff;border-radius:50%}
.arrow:after{background:no-repeat 50%/1.5rem}
.arrow-left:after,.arrow-left:before{right:0}
.arrow-left:after{background-image:url(../fonts/left_arrow.svg)}
.arrow-right:after,.arrow-right:before{left:0}

.arrow{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:5rem;height:5rem}
.arrow:after,.arrow:before{-webkit-transition:.2s ease-out;transition:.2s ease-out;width:4rem;height:4rem}
.arrow:after{-webkit-transition-delay:.1s;transition-delay:.1s}
.arrow:hover:before{width:4.5rem;height:4.5rem}
.arrow-left{left:4rem}
.arrow-left:hover:before{right:.5rem}
.arrow-left:hover:after{right:.75rem}
.arrow-right{right:4rem}
.arrow-right:hover:before{left:.5rem}
.arrow-right:hover:after{left:.75rem}
.dots{position:absolute;left:0;right:0;overflow:hidden;bottom:10%;z-index:999999}
.dots-bd{position:relative;height:2.5rem;width:900px;margin:0 auto;display:flex;justify-content:space-around}
.dots-bd:after,.dots-bd:before{content:"";position:absolute;top:50%;border-top:.5px solid hsla(0,0%,100%,.5);width:100vw}
.dots-bd:before{right:100%}
.dots-bd:after{left:100%}
.dots-wrap{position:relative;width:900px;overflow:hidden}
.dots-item{position:absolute;width:300px;display:flex;justify-content:space-between}
.dots-item:first-child{left:0}
.dots-item:nth-child(2){left:300px}
.dots-item:last-child{left:600px}
.dots-line{position:relative;height:2.5rem;flex-grow:1}
.dots-line:before{content:"";position:absolute;left:0;top:50%;width:100%;border-top:.5px solid hsla(0,0%,100%,.5)}
.dots-disc{position:relative;height:2.5rem;cursor:pointer}
.dots-disc i,.dots-disc:before{position:absolute;left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}
.dots-disc:before{content:"";width:10px;height:10px;border-radius:50%;background:#fff}
.dots-disc i{z-index:10;width:50px;height:50px}
.dots-title{position:relative;color:#fff;font-size:.8125rem;line-height:2.5rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:110px}
.dots-title span{display:block;padding:0 1.5rem;white-space:nowrap;overflow:hidden;text-align:center}
.dots-title svg{position:absolute;left:0;top:0;width:100%;height:100%;paddign:0;margin:0}
.rect-highlight{display:none}
.dots-active .rect-highlight{display:block}




/*第2块*/
.section2{position:relative; height: 100%;  height: 100%;   overflow:hidden; background: #f1f1f1 url(../images/about_bjs.jpg) no-repeat top center;}
.section2 .fp-tableCell{vertical-align: bottom;}
.index_about_bottom{width:100%; height:auto; background: #f1f1f1; margin-top: 4%; overflow: hidden}
.about_bottom_left{width:47%; height: auto; float: right; padding-top: 45px; margin-right: 1%}
.about_bottom_left h3{font-size: 36px; color: #222222; margin-bottom:20px;}
.in_ab_info{width:100%; height: auto; display: block; font-size: 14px; color: #666666; line-height: 30px; overflow:hidden}
.about_left_bottom{width:100%; height: auto; overflow: hidden; margin-top: 20px;}
.about_left_bottom video{width:38%; height: auto; float: left}
.about_left_xx{width:60%; height: auto; float: right; margin-top: 20px;}
.about_left_xx p{font-size: 14px; color: #444444; line-height: 30px; height:auto; background: url(../images/l_yuan.png) no-repeat left 12px; padding-left: 15px; margin-bottom: 8px;}
.about_bottom_right{width:38.2%; height: auto; float: right; overflow: hidden; position: relative}
.about_bottom_right .bd{ position:relative; height:100%; z-index:0;   }
.about_bottom_right .bd li{width:100%; height: auto; display: block}
.about_bottom_right .bd img{width:100%; height: auto; display: block}
.about_bottom_right .prev,
.about_bottom_right .next{ position:absolute;  bottom:36px; display:block; width:43px; height:43px;   }
.about_bottom_right .next{background: url(../images/ab_right.png) no-repeat center; right:5%}
.about_bottom_right .prev{background: url(../images/ab_left.png) no-repeat center; right:15%}






/*第3块*/
.section3{display: block; width: 100%; height: 100%; overflow: hidden; }
.section3 ul{width:100%; height: 100%; position: relative}
.section3 ul li{width:20%; height: 100%; border-right:1px solid rgba(255,255,255,0.2); float: left; position: relative; -webkit-transition: 1.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    -moz-transition: 1.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    -o-transition: 1.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    transition: 1.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;}
.section3 ul li h3{width:100%; height: 30px; line-height: 30px; font-size: 22px; color: #fff; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.section3 ul li p{width:100%; height: 30px; line-height: 30px; font-size: 18px; color: #fff; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; 
	text-transform:uppercase; margin-top: 10px;}
.section3 ul li a{width:100%; height: auto; position: absolute; bottom:50px; left:0; padding: 0px 10px; transition: .3s all ease-in-out }
.section3 ul li img{width:48px;  height: 48px; display: block; margin-top: 25px; opacity: 0}
.section3 ul li:hover img{opacity: 1}
.section3 ul li:hover a{bottom:16%}
.section3 ul li:nth-child(1):hover{background: url(../images/xt1.jpg) no-repeat; background-size: cover;}
.section3 ul li:nth-child(2):hover{background: url(../images/xt2.jpg) no-repeat; background-size: cover;}
.section3 ul li:nth-child(3):hover{background: url(../images/xt3.jpg) no-repeat; background-size: cover;}
.section3 ul li:nth-child(4):hover{background: url(../images/xt4.jpg) no-repeat; background-size: cover;}
.section3 ul li:nth-child(5):hover{background: url(../images/xt5.jpg) no-repeat; background-size: cover;}







/*第4块*/
.section4{display: block; width: 100%; height: 100%; overflow: hidden;  }
.index_product_nav{height: auto; display: block; overflow: hidden; margin-bottom: 40px;position: relative}
.index_product_nav dl{float: left}
.index_product_nav dl dt{font-size: 36px; color: #fff; font-weight: bold;}
.index_product_nav dl dd{font-size: 44px; color: #fff; font-weight: bold;}
.index_product_nav ul{width:auto; float: right}
.index_product_nav ul li{width:125px; height: 70px; line-height: 70px; float: left; margin-left: 30px; position: relative; padding-left: 25px;}
.index_product_nav ul li a{font-size: 18px; color: #fff;}
.index_product_nav ul li:before{content: ""; width: 10px;  height: 10px; background: #a0a0a0; display: block; border-radius: 50%; position: absolute; top:50%; margin-top: -5px; left:0}
.index_product_nav ul li:hover{background: url(../images/sy.png) no-repeat center;}
.index_product_nav ul li:hover a{color:#fff}
.index_product_nav ul li:hover:before{background: #fff}
.section4 .swiper-container{width:100%; height: auto; overflow: hidden; }
.section4 .swiper-slide{width:38%}
.section4 .swiper-slide a{width:100%; height: auto; display: block; position: relative}
.in_pro_info{width:440px; height: auto; position: absolute; top:0; left:0; display:none; padding-top: 40px; z-index: 9}
.in_pro_info h4{font-size: 28px; color: #008fd1; font-weight: bold; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 100%; height: 35px; 
	line-height: 35px; text-transform:uppercase; margin-bottom: 10px;}
.in_pro_info h3{font-size: 30px; color: #fff; font-weight: bold; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;  height: 35px; 
	line-height: 35px; width:40%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.in_pro_info p{width:40%; height: auto; overflow: hidden; font-size: 14px; color: #fff; line-height: 28px;  word-break:break-all;display:-webkit-box; -webkit-line-clamp:4;
  -webkit-box-orient:vertical; overflow:hidden; margin-top: 30px; margin-bottom: 46px;
}
.in_pro_info span{width:112px; height: 36px; display: block; background: #fff; border-radius: 25px; text-align: center; line-height: 36px; font-size: 14px; color: #008fd1}
.in_pro_img{width:72%; }
.in_pro_img img{max-width:100%; height: auto; display: block}

.swiper-slide-active{}
.swiper-slide-active .in_pro_img{float: right; }
.swiper-slide-active .in_pro_info{display:block; }
.section4_all{width:100%; height: auto; overflow: hidden; padding:0px 10px;}
.swiper-slide-prev .in_pro_img{float: right}
.swiper-button-next, .swiper-button-prev{width:52px; height: 52px; margin-top: -21px;}
.swiper-button-next{background: url(../images/pro_right.png) no-repeat center; right:27%; }
.swiper-button-prev{background: url(../images/pro_left.png) no-repeat center; left:27%; }







/*5*/
.section5{display: block; width: 100%; height: 100%; overflow: hidden; background: #f1f1f1}
.section5 .fp-tableCell{vertical-align: bottom; }
.section5 .w1440{position: relative; margin-bottom: 10vh; overflow: hidden}
.section5_title{width:100%; height: auto; display: block; overflow: hidden; margin-bottom: 40px}
.section5_title dl{float: left}
.section5_title dl dt{font-size: 36px; color: #008fd1; font-weight: bold;}
.section5_title dl dd{font-size: 44px; color: #333333; font-weight: bold;}
.section5_title_right{width:auto; float: right; position: relative; margin-right: 95px;}
.section5_title_right span{font-size: 94px; color: #e9e7e7; font-weight: bold;  font-family: "Arial"; height: 95px; line-height:95px; display: block}
.section5_title_right p{font-size: 18px; color: #666666; position: absolute; top:50%; left:0; padding-left:30px; margin-top: -12px}
.section5_title_right p:before{content: ""; width: 10px;  height: 10px; background: #008fd1; display: block; border-radius: 50%; position: absolute; top:50%; margin-top: -5px; left:0}
.section5_title_right p:after{content: ""; width: 80px;  height: 1px; background: #bfbfbf; display: block;  position: absolute; top:50%; margin-top: -5px; right:-100px}
.index_news_one{width:39.7%; height: auto; float: left; position: relative; overflow: hidden}
.index_news_one img{width:100%; height: auto; display: block}
.news_one_hover{width:100%; height: auto; position: absolute; bottom:50px; left:0; padding:0px 42px }
.news_one_hover h3{width:100%; height: 35px; line-height: 35px; font-size: 20px; font-weight: bold; margin-bottom: 10px; color: #fff; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.news_one_hover p{width:100%; height: 60px; line-height: 30px; font-size: 16px; color: #fff;  word-break:break-all;display:-webkit-box; -webkit-line-clamp:2;
  -webkit-box-orient:vertical; overflow:hidden; margin-bottom: 20px;}
.news_one_hover span{width:128px; height: 40px; background: #fff; border-radius: 8px; text-align: center; display: block; line-height: 40px; color: #008fd1;}
.index_news_left{width:27.7%; height: auto; float: left; margin-left:2.5%}
.index_news_right{width:27.7%; height: auto; float: right}
.index_news_two{width:100%; height: auto; overflow: hidden; background: #fff; padding:30px; border-radius: 8px;}
.index_news_two h3{width:100%; height: 60px; line-height: 30px; color:#333333; font-weight: bold; word-break:break-all;display:-webkit-box; -webkit-line-clamp:2;
  -webkit-box-orient:vertical; overflow:hidden; font-size: 18px; }
.index_news_two hr{width:25px; height: 3px; background: #008fd1; display: block; margin: 14px 0;}
.index_news_two p{width:100%; height: 60px; overflow: hidden; font-size: 16px; color: #333333; word-break:break-all;display:-webkit-box; -webkit-line-clamp:2;
  -webkit-box-orient:vertical; overflow:hidden; line-height: 30px; }
.index_news_three{width:100%; height: auto; position: relative; margin-top: 20px;}
.index_news_four{width:100%; height: auto; position: relative; margin-bottom: 20px;}
.section5 .news_slid{ width:100%; height:auto; overflow:hidden; position:relative;  }
.section5 .news_slid .bd{ position:relative; height:100%; z-index:0;   }
.section5 .news_slid .bd li{width:100%; height: auto; overflow: hidden; position: relative}
.section5 .news_slid .bd li a{width:100%;height: auto; display: block; position: relative}
.section5 .news_slid .bd img{width:100%; height: auto; display: block; border-radius: 8px;}
.in_news_h3{width:100%; height: 100%; position: absolute; top:0; left:0; background: rgba(0,91,172,0.7); padding: 30px; border-radius: 8px;}
.in_news_h3 h3{width:100%; height: 60px; line-height: 30px; color:#fff; font-weight: bold; word-break:break-all;display:-webkit-box; -webkit-line-clamp:2;
  -webkit-box-orient:vertical; overflow:hidden; font-size: 18px;}
.in_news_h3 hr{width:25px; height: 3px; background: #fff; display: block; margin: 14px 0;}
.in_news_h3 p{width:100%; height: 60px; overflow: hidden; font-size: 16px; color: #fff; word-break:break-all;display:-webkit-box; -webkit-line-clamp:2;
  -webkit-box-orient:vertical; overflow:hidden; line-height: 30px; }
.in_news_h3 span{width:100%; height:50px; line-height: 50px; border-top:1px solid #fff; text-align: left; font-size: 14px; color: #fff; font-family: "Arial"; 
	display: block; margin-top: 40px; }
.section5 .news_slid .prev,
.section5 .news_slid .next{ position:absolute;  bottom:42px; display:block; width:20px; height:20px;  }
.section5 .news_slid .next{background: url(../images/news_right.png) no-repeat center; right:6%;}
.section5 .news_slid .prev{background: url(../images/news_left.png) no-repeat center; right:14%;}



/*第6块*/
.section6{display: block; width: 100%; height: 100%; overflow: hidden;}
.section6 .w1440,.section3 .w1440{position: relative}
.section6_title{width:100%; height: auto; overflow: hidden; text-align: center}
.section6_title h3{font-size: 36px; color: #fff; font-weight: bold; font-family: "Arial"; margin-bottom: 10px}
.section6_title h4{font-size: 44px; color: #fff; font-weight: bold; margin-bottom: 30px; }
.section6_title h5{font-size: 14px; color: #fff; }
.section6 .swiper-container{width:100%; height: auto; display: block; margin-top: 80px;}
.section6 .swiper-container a{width:100%; height: auto; display: block}
.section6 .swiper-container a img{width:100%; height: auto; display: block}


/*第5块*/
.section7{display: block; width: 100%; height: 100%; background:url(../images/contact_bjs.jpg) no-repeat center}
.section7_info{width:100%; height:24vw;  background:rgba(0,0,0,0.65); padding-top:50px; position: absolute; bottom:0; left:0; z-index: 9}
.section7_left{width:30%; height: auto; float: left}
.section7_left h3{font-size: 30px; color: #ffffff; margin-bottom:20px; line-height: 50px;}
.section7_left h3 span{font-size: 38px; color: #fff; font-weight: bold; font-family: "Arial"}
.section7_left hr{width:30px; height: 3px; background: #fff; display: block; margin-bottom: 20px;}
.section7_left p{font-size: 17px; color: #fff; line-height:30px; margin-bottom: 10px;}
.section7_left p span{font-size: 16px; font-weight: normal; display: inline-flex}
.section7_center{width:25%; height: auto; float: left; text-align: center; margin-top: 16px; margin-left:5%}
.section7_center p{font-size: 20px; color: #ffffff}
.section7_center img{margin-bottom: 20px;}
.section7_center i{font-size: 30px; color: #fff; font-family: "Arial"; display:block; font-weight: bold; margin: 10px auto;}
.section7_center a.section7_links{font-size: 20px; color: #fff; line-height: 30px;}
.section7_lj{width:100%; display: table; margin:38px auto 0;}
.section7_lj a{width:40%; height: 39px; background: #008fd1; border-radius: 5px;  float: left; margin: 0px 10px; text-align: center; line-height: 39px; border-radius: 6px; color:#fff; font-size: 16px; }

.section7_lj a:hover{background: #fff; color: #008fd1}

.section7_right{float: right}
.section7_right h3{font-size: 30px; color: #ffffff; margin-bottom:20px; line-height: 50px; text-align: right}
.section7_right h3 span{font-size: 38px; color: #fff; font-weight: bold; font-family: "Arial"}
.section7_right hr{width:30px; height: 3px; background: #fff; display:table; margin-bottom: 20px; float: right}
.section7_right dl{width:auto; float: left; height: 120px; margin-left: 30px;}
.section7_right dl dt{width:120px; height: 120px; float: left; background: rgba(255,255,255,0.54); padding: 8px;}
.section7_right dl dt img{width:100%; height: auto; display: block}
.section7_right dl dd{width:36px; height:100%; float: left; border: 1px solid rgba(255,255,255,0.54); writing-mode:tb-rl; writing-mode:vertical-rl; font-size: 14px; color: #a3a3a3; line-height: 36px; text-align: center; border-left:0}
.section5_ma{margin-right: 40px;}
.in_copy{clear:both;width:100%;height:56px;color:#fff;font-size:14px;line-height:56px;  margin-top:50px; }
.in_copy_l{float:left; font-size:14px; }
.in_copy_l a{color:#fff}
.in_copy_l a:hover{color:#008fd1!important}
.in_footer_zhichi{width:auto; height:56px; float: right }
.in_footer_zhichi p{ width: auto; float: left; margin-right: 20px;   color:#4d4d4d; line-height:56px;}
.in_footer_zhichi .pt{width:121px;height: 28px; background: url(../images/vl.png) no-repeat; margin-top:14px; margin-right: 10px}
.in_footer_zhichi .js{width:121px;height:28px; background: url(../images/wl.png) no-repeat; margin-top:15px;}
.in_footer_zhichi .pt:hover{background: url(../images/vl_hover.png) no-repeat}
.in_footer_zhichi .js:hover{background: url(../images/wl_hover.png) no-repeat} 
.in_footer_zhichi span{float: left; font-size: 14px; color: #fff;}
.in_footer_zhichi i{ float: left;}
.in_copy_wx,.in_copy_sj{width:30px; height: 30px; position:relative;float: right; margin-right: 20px; margin-top:45px;}
.in_copy_wx{ background: url(../images/fb_wx.png) no-repeat center; }
.in_copy_sj{ background: url(../images/fb_sj.png) no-repeat center; margin-left:30px; }
.in_copy_sj img,.in_copy_wx img{width:80px; height:80px; position: absolute; top:-80px; left:0; display: none;}
.in_copy_sj:hover img,.in_copy_wx:hover img{display: block}




.section3_ban{background: url(../images/class_bjs.jpg) no-repeat  bottom center; background-size:cover; width: 100%; height: 100vh;position: absolute; top:0; left:0; z-index: 0;  transition:transform 5s ease 0s, opacity 2s ease 0s; }
.section4_ban{background: url(../images/product_bjs.jpg) no-repeat  bottom center;background-size:cover; width: 100%; height: 100vh;position: absolute; top:0; left:0; z-index: 0;  transition:transform 5s ease 0s, opacity 2s ease 0s; }

.section6_ban{background: url(../images/hezuo_bjs.jpg) no-repeat  bottom center; background-size:cover; width: 100%; height: 100vh;position: absolute; top:0; left:0; z-index: 0;  transition:transform 5s ease 0s, opacity 2s ease 0s; }

.section7_ban{background: url(../images/contact_bjs.jpg) no-repeat  bottom center; background-size:cover; width: 100%; height: 100vh;position: absolute; top:0; left:0; z-index: 0;  transition:transform 5s ease 0s, opacity 2s ease 0s; }

.active .section1_ban,.active .section2_ban,.active .section3_ban,.active .section4_ban,.active .section6_ban,.active .section7_ban{transform: matrix(1.1, 0, 0, 1.1, 0, 0);}












/*客服*/
.lxfx {
    height: auto;
    position: fixed;
    left:0px;
    top:200px;

    width: 77px;
    z-index: 11;
}
.lxfx li a {
    color: rgb(255, 255, 255);
    display: block;
    height: 47px;
    margin-top: 9px;
    width: 300px;
}
.leftlx {
    float: left;
    height: 47px;
    width: 77px;
}
.lxfx li span {
    border-left: 1px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    float: left;
    font-size: 20px;
    height: 24px;
    line-height: 22px;
    margin-top: 8px;
    padding-left: 8px;
}
.fix_ewm {
    border: 5px solid rgb(255, 255, 255);
    display: none;
    height: 120px;
    left:100px;
    position: absolute;
    top: -40px;
    width: 120px;
}
.lxfx li i {
    display: block;
    height: 27px;
    margin: 0 auto;
    text-align: center;
    width: 30px; background:url(../images/fx.png) no-repeat;
}
.lxfx li i.icon-tel {
    background-position: 0 -25px;
}
.lxfx li i.icon-ly {
    background-position: 4px -53px;
}
.lxfx li i.icon-wx {
    background-position: -34px 4px;
}
.lxfx li i.icon-wb {
    background-position: -30px -22px;
}
.lxfx li p {
    line-height: 12px;
    text-align: center; font-size: 12px;
}
.lxfx li {
    background:#008fd1;
    height: 56px;
    margin-bottom: 1px;
    margin-left: 0;

    position: relative;
    width: 77px; float:left;
}







/*底部*/
.footer{width:100%; height:auto; display: block; background:rgb(0, 0, 0);   margin-top: 76px; padding-top: 30px; overflow:hidden}




/*内页 banner*/
.ny_banner{width:100%; height: 450px; overflow: hidden; background-size:cover!important; padding:260px 0 60px; }
.ny_banner .ny_banner_left{width:50%; float: left;}
.ny_banner .ny_banner_left h4{width:100%; height: 40px; line-height: 40px; font-size: 30px; color: #fff; font-weight: bold; margin-bottom: 10px;}
.ny_banner .ny_banner_left p{font-size: 16px; color: #fff; line-height: 26px;}
.ny_banner_right{float: right; font-size: 14px; color: #fff; margin-top:75px; line-height:26px;}
.ny_banner_right a{font-size: 14px; color: #fff; margin: 0px 10px;}
.ny_banner_right a:hover{color:#008fd1}
.about_ban{background:url(../images/about_ban.jpg) no-repeat center}
.case_ban{background:url(../images/case_ban.jpg) no-repeat center}
.contact_ban{background:url(../images/contact_ban.jpg) no-repeat center}
.news_ban{background:url(../images/news_ban.jpg) no-repeat center}
.product_ban{background:url(../images/product_ban.jpg) no-repeat center}
.search_ban{background:url(../images/search_ban.jpg) no-repeat center}
.jjfa_ban{background:url(../images/jjfa_ban.jpg) no-repeat center}
.video_ban{background:url(../images/video_ban.jpg) no-repeat center}




/*内页左边导航*/
.ny_all{width:100%; height: auto; overflow: hidden; margin-top: 36px; margin-bottom:80px;}
.ny_left{width:21.5%; height: auto; float: left}
.ny_left_title{width:100%; height: 90px; background: #008fd1; line-height: 90px; text-align: center; font-size: 30px;color: #fff; font-weight: bold;}
.ny_left_nav{width:100%; height: auto; padding: 16px 0 60px 16px; background: #f0f0f1}
.ny_left_nav .yiji li{width: 100%; height:auto;  padding-left:10px; margin-bottom:1px;  }
.ny_left_nav ul li a{ font-size: 16px; color: #333333;display: block;  height:auto;line-height: 30px;position: relative; padding:10px 0 10px 10px}
.ny_left_nav ul li .inactive{ background:url(../images/off.png) no-repeat 210px center;}
.ny_left_nav ul li .inactives{background:url(../images/on.png) no-repeat 210px center;} 
.ny_left_nav ul li ul{display: none;}
.ny_left_nav ul li ul li { width: 100%; height: 50px; line-height: 50px; background: none;}
.ny_left_nav ul li ul li ul{display: none;}
.ny_left_nav ul li ul li a{ padding-left:20px; font-size: 14px; color: #666666}
.ny_left_nav ul li ul li.active a{color:#008fd1; font-size: 14px; background: url(../images/r_jt.png) no-repeat 200px center}
.ny_left_nav ul li.active a{color:#008fd1}
.ny_left_nav ul li:hover a.inactive{color:#008fd1}
.ny_left_nav ul li ul li:hover a{color:#008fd1}
.ny_left_nav ul li .inactives{color:#008fd1}
.ny_left_nav ul li ul li:hover a{color:#008fd1}
.yiji li.active{background:#fff}
.ny_left_nav ul li ul li:hover{background: url(../images/r_jt.png) no-repeat 210px center}
.ny_left_nav .yiji li:hover{background:#fff url(../images/dian.png) no-repeat 8px 22px;}


/*内页右边内容*/
.ny_right{width:75%; height: auto; float: right; padding-top:10px;}
.ny_right_title{width:100%; height: 47px; border-bottom: 1px solid #dddddd}
.ny_right_title h3{font-size: 24px; height: 40px; line-height: 40px; color: #484848; font-weight: bold; padding-left: 20px;}
.ny_about_info{width:100%; height: auto; overflow: hidden; font-size: 16px; color: #666666; line-height: 34px; margin-top:35px; }
.ny_about_info img{max-width: 100%;}



/*荣誉资质*/
.ny_hzkh{width:100%; height: auto; overflow: hidden; margin-top: 35px;}
.ny_hzkh ul{width:100%; height: auto; overflow: hidden}
.ny_hzkh ul li{width:23.5%; float: left; height: auto; margin-right: 2%; margin-bottom: 10px;}
.ny_hzkh ul li .products_pic{height:auto; display: block;overflow: hidden;width:100%; border:1px solid #ddd;}
.ny_hzkh ul li .products_pic img{width:100%;  height:100%;transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.ny_hzkh ul li:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.ny_hzkh li p{ height:35px; line-height: 35px; text-align: center;  font-size: 16px; color: #666}
.ny_hzkh ul li:nth-child(4n){margin-right: 0px;}
.ny_hzkh ul li p{width:100%; height: 40px; line-height: 40px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-align: center}
.ny_hzkh ul li:hover p{color:#008fd1}


/*联系我们*/
.ny_conta_info{width:100%; height: auto; padding: 35px 35px; background: #f5f5f5; overflow: hidden; margin-top: 35px;}
.ny_conta_info .ny_ibt{font-size: 24px; color: #313131; height: auto; line-height: 40px;}
.ny_conta_dz{width:50%; height: auto; float: left}
.ny_conta_dz p{font-size: 16px; color: #313131; line-height: 30px;}
.ny_conta_dz p i{color: #000000; margin-right: 5px;}
.ny_cont_wx{width:340px; height: auto; float: right}
.ny_cont_wx dl{width:140px; float: left; margin-right: 26px;}
.ny_cont_wx dl dt{width:140px; height: 140px; border: 4px solid #e5e5e5; /*! padding: 10px; */ background: #fff}
.ny_cont_wx dl dd{ font-size: 14px; color: #626262; height: 35px; line-height: 35px; text-align: center}
.ny_cont_wx dl dt img{width:100%; height: 100%;}
.map{width:100%; height: 400px; overflow: hidden; margin-top: 20px;}
.ny_rtime{width: 100%; line-height: 30px; color: #999; height: 30px; margin-bottom: 20px;  border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align: center;clear: both; font-size:14px;}
.ny_rtile{width: 100%; font-size: 20px; color: #555; padding: 30px 0px; text-align: center; clear: both}
.ny_rxingqu{width: 100%; font-size: 20px; color: #333; padding: 10px 0px; clear: both}
.keyword_light img{max-width:100%;}



/*产品中心*/
.ny_product{width:100%; height: auto; overflow: hidden; margin-top: 35px;}
.ny_product ul{width:100%; height: auto; overflow: hidden}
.ny_product ul li{width:32%; float: left; height: auto; margin-right: 2%; margin-bottom: 30px;}
.ny_product ul li h3{width:100%; height: 40px; line-height: 40px; font-size: 18px; color: #666; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.ny_product ul li .products_pic{height:auto; display: block;overflow: hidden;width:100%; border:1px solid #eee}
.ny_product ul li .products_pic img{width:100%;  height:100%; display:block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.ny_product ul li:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.ny_product ul li:nth-child(3n){margin-right: 0px;}
.ny_product ul li p{width:100%; height: 40px; line-height: 40px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-align: center}
.ny_proshow_xq{width:100%; height:auto; overflow:hidden; font-size: 18px; line-height:36px; height: 200px; display: block;}
.ny_pro_more{width:100%; height: 36px; border-bottom: 1px solid #008fd1; font-size: 14px; color: #666; line-height: 36px;position:relative}
.ny_product ul li:hover .ny_pro_more{color:#fff; transition: all 0.4s ease-in-out; }
.ny_pro_more:after{content:""; width:0; height:100%; display:block; position:absolute; top:0; left:0; transition: all 0.4s ease-in-out;  background:rgba(0,47,139,0.9)}
.ny_product ul li:hover .ny_pro_more:after{width:100%; transition: all 0.4s ease-in-out;}
.ny_pro_more p{position:relative; z-index:9}







/*产品*/
.ny_product_show{margin-bottom:50px;}
.ny_proshow_top{width:100%; height:auto; overflow:hidden; margin-bottom:30px; margin-top:20px;}
.ny_proshow_xx{margin-left:512px; height:100%; overflow:hidden}
.ny_proshow_bottom{width:100%; height:auto; overflow:hidden}
.proshow_xxk{color: #fff; font-size: 20px;font-weight: bold; border-left: 3px solid #287db9;width:100%; display:block; background: #323136;padding-left:20px; height:40px; line-height:40px;}
.proshow_xx{font-size:16px; color:#666; line-height:30px; margin-top:10px;}
.proshow_xx img{max-width:100%;}
.go_black{width: 90px;height: 30px;background: #4cbcac; color: #fff; text-align: center; line-height: 30px; border-radius: 5px; position: relative; float:right}
.proshow_xx table{border-collapse: collapse;}


/*新闻*/
.ny_news_list{width:100%; height: auto; overflow:hidden; margin-top: 10px;}
.ny_news_list ul{width:100%; height: auto; overflow: hidden;  margin-bottom: 30px;}
.ny_news_list li{width:100%; height: auto; overflow: hidden; border-bottom: 1px solid #dddddd; padding: 25px 0;}
.news_time{width:10%; float: right; text-align: center; background: #f5f5f5; padding: 50px 0}
.news_time time{color: #008fd1; font-size: 12px; margin-top: 10px; display:block; overflow: hidden; width: 100%; height:20px; line-height:20px; font-family: "Arial"}
.news_time p{ font-size:40px; color: #008fd1;height: 35px; line-height: 35px; font-weight: bold;}
.ny_news_info{width:64%; float: left; margin-left: 3%;margin-top: 10px;}
.ny_news_info h3{ font-size:18px; color: #555555;  width:100%; height:35px; line-height: 35px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.ny_news_info p{width:100%; line-height:28px; color: #666; font-size: 15px; word-break:break-all;
display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; }
.ny_news_info span{width:98px; height:32px; border: 2px solid #cccccc; text-align: center; line-height: 28px; font-size: 14px; color: #666666; display: block; margin-top: 10px;}
.ny_news_img{width:21%; height:auto; float:left; overflow: hidden}
.ny_news_img img{width:100%; height: auto;transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.ny_news_list li:hover{border-bottom: 1px solid #008fd1;}
.ny_news_list li:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.ny_news_list li:hover span{background: #008fd1; color: #fff; border:2px solid #008fd1; }
.ny_news_list li:hover .news_time{background: #008fd1;}
.ny_news_list li:hover .news_time p{color:#fff}
.ny_news_list li:hover .news_time time{color:#fff;}
.ny_news_list li:hover h3{color:#008fd1;}



/*弹出视频*/
.video_bj{width:100%; height:100%; position:fixed; top:0px; left:0px; background:rgba(0,0,0,0.5); z-index:99999; display:none}
.video_xx{width:600px; height:auto; position:fixed; top:50%; left:50%; margin-left:-300px; margin-top:-190px; z-index:999}
.close{width:100%; height:40px; text-align:right; background:rgba(0,0,0,0.5);}
.close img{width:32px; height:32px; margin-top:4px; margin-right:10px;}
.video-box{width:100%; height:400px;}
.sj_video{width:100%; height:auto; overflow:hidden; display:none;}


.ny_video{width:100%; height: auto; overflow: hidden; margin-top: 35px;}
.ny_video ul{width:100%; height: auto; overflow: hidden}
.ny_video ul li{width:32%; float: left; height: auto; margin-right: 2%; margin-bottom: 10px;}
.video_pic{height:auto; display: block;overflow: hidden;width:100%; border:1px solid #ddd;}
.video_pic video{width:100%;  height:100%;transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.ny_video ul li:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.ny_video ul li:nth-child(3n){margin-right: 0px;}
.ny_video ul li p{width:100%; height: 40px; line-height: 40px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-align: center}
.ny_video ul li:hover p{color:#008fd1}
.video_pic img{width:100%; height:auto; display:block}


@media screen and (max-width:1620px){
	.pc_header .top-nav-left{margin-left:5%}
	.in_pro_info span{display:none;}
	.in_pro_info h3{font-size:26px;}
	
	
}

@media screen and (max-width:1560px){
	.section4 .swiper-slide{width:42%}
	.in_pro_img{width:67%}
	.swiper-button-prev{left:24%}
	.swiper-button-next{right:24%}
	.h_dizhi{font-size:20px;}
}




@media screen and (max-width:1440px){
	.pc_logo{width:180px;}
	.pc_header .top-nav-left{margin-left:3.5%}
	.section6_title{display:none;}
	.about_bottom_left h3{font-size:26px;}
	.in_ab_info{height:60px;  word-break:break-all;display:-webkit-box; -webkit-line-clamp:2;
  -webkit-box-orient:vertical; overflow:hidden;}
  .w1440{width:1200px;}
  .section7_left h3 span,.section7_right h3 span{font-size:30px;}
  .section7_left h3,.section7_right h3{font-size:26px; line-height:38px;}
  .section7_center{margin-top:0}
  .section7_info{padding-top:20px}
  .section7_left{width:35%}
  .in_news_h3 h3{height:30px;     -webkit-line-clamp: 1;}
  .in_news_h3 span{margin-top:18px;}
  .index_news_left,.index_news_right{width:26.5%}
	.index_news_one{width:42%}
	.about_left_xx{margin-top:0}
	.section7_info{height:30vw}
	
	
}




@media screen and (max-width:1366px){
	.w1440{width:1250px;}
	.pc_header .top-nav-left{margin-left:4%}
	.pc_logo{width:190px}
	.section6_title,.index_product_nav,.section5_title{display:none;}
	.section5 .w1440{transform: scale(0.8); -ms-transform: scale(0.8);-webkit-transform: scale(0.8);-o-transform: scale(0.8);-moz-transform:scale(0.8)}
	.about_bottom_left{transform: scale(0.8); -ms-transform: scale(0.8);-webkit-transform: scale(0.8);-o-transform: scale(0.8);-moz-transform:scale(0.8)}
	.section7_info{height:31vw}
	.section7_info .w1440{transform: scale(0.8); -ms-transform: scale(0.8);-webkit-transform: scale(0.8);-o-transform: scale(0.8);-moz-transform:scale(0.8)}
.nav .nLi h3 a{font-size:14px;}
.pc_logo{width:160px;}
.h_dizhi{font-size:16px;}
}



@media screen and (max-height:900px){
	.section5_title{display:none;}
	
}