/**/
.index-section-title{position: relative;}
.index-section-more{display: block;border:1px solid #dcdcdc;border-bottom:3px solid #cc0000;text-align: center;font-size:16px;color:#666;width:220px;height:60px;line-height: 60px;text-transform: uppercase;margin-top:40px;}
.btn-more{min-width: 220px;color:#FFF;text-align: center; padding: 15px 36px;border:none;background: #d72222;}
.btn-more:link, .btn-more:visited{color:#333;}
.btn-more.focus, .btn-more:focus, .btn-more:hover {color:#FFF;}
.btn-more:hover{}
.btn-more i.fa{line-height: 24px;margin-right:26px;color:#ccc}
.main-nav{color:#FFF;margin-bottom:0;}
.main-nav .navbar-brand{height: 90px;padding: 10px 0;}
.main-nav .navbar-brand h1{margin: 0;display:block;height: 80px;overflow: hidden;}
.main-nav .navbar-nav>li>a{padding:15px 30px;height:80px;font-size:18px;line-height: 50px;}
.main-nav:hover{background: #FFF;border-bottom:1px solid #ccc;}
.main-nav:hover .navbar-brand h1 img{}
.main-nav:hover .navbar-nav>li>a{color:#333;}
.main-nav-active.main-nav{background: #FFF;z-index: 999999;box-shadow: 2px 2px 10px rgba(0,0,0,.3);}
.main-nav-active.main-nav .navbar-brand h1 img{}
.main-nav-active.main-nav .navbar-nav>li>a{color:#333;position: relative;}
.main-nav .navbar-nav>li>a:focus,
.main-nav .navbar-nav>li>a:hover {background-color:#353e81;color:#ffffff;}
.main-nav .navbar-nav .open>a,
.main-nav .navbar-nav .open>a:focus,
.main-nav .navbar-nav .open>a:hover {background-color:#353e81;border-color: inherit;color:#ffffff !important;}
.main-nav .navbar-nav>li>.dropdown-menu{padding:0;color:#333;}
.main-nav .navbar-nav>li>.dropdown-menu>li>a{font-size:18px;line-height:50px;padding:5px 30px;}
.main-nav .navbar-nav>li>.dropdown-menu>li>a:hover{color:#353e81;background-color: inherit;}
.main-nav .navbar-nav>li>.dropdown-menu .main-sub-nav-title{font-size:24px;font-weight:bold;color:#333;margin-top:0;margin-bottom:40px;}
.main-nav .navbar-nav>li>.dropdown-menu .main-sub-nav{list-style: none;padding:0;}
.main-nav .navbar-nav>li>.dropdown-menu .main-sub-nav>li{display: block;float: left;width:50%;}
.main-nav .navbar-nav>li>.dropdown-menu .main-sub-nav>li>a{height:40px;font-size:16px;line-height: 40px;display: block;}
.main-nav .navbar-nav>li>.dropdown-menu .main-sub-nav>li>a:before{content:"> ";}
.main-nav .navbar-nav>li>.dropdown-menu .main-sub-nav>li>a:hover{color:#353e81;}
.main-nav .navbar-nav>li>.dropdown-menu .container .row>div{padding:40px 15px;}
.main-nav .navbar-nav>li>.dropdown-menu .container .row>div:nth-child(3){padding:40px 80px;min-height:390px;}
.main-nav .navbar-nav .dropdown-fluid{position: inherit;}
.main-nav .navbar-nav .dropdown-fluid .dropdown-menu{border-bottom: 1px solid #CCC;border-top: 1px solid #CCC;border-left:none;border-right:0;border-radius:0;width:100%;position: absolute;left: 0;}
.main-nav .navbar-nav>li.dropdown-main-nav-search>.dropdown-menu{min-height:initial;padding:20px;min-width:400px;right:0;left:initial;position: absolute;}
.main-nav .navbar-nav>li.dropdown-main-nav-search>.dropdown-menu .btn-sm{min-width:50px}
.main-nav-title{padding: 12px 0 32px;margin:0;font-size: 24px;}
.main-nav-info{font-size: 16px;color:#666;}
.main-nav .navbar-nav .dropdown-fluid .dropdown-menu .btn-more:link,
.main-nav .navbar-nav .dropdown-fluid .dropdown-menu .btn-more:visited{color:#FFF;}
.main-nav-image{max-width: 100%}
.main-nav-phone{font-weight: bold;}
.main-nav-img img{max-width: 100%;}

:root{--swiper-theme-color:#CCC; --swiper-navigation-size: 55px;}
footer {background: #0a1830;background-image: url(../images/footer-bac.jpg);background-position: bottom center;background-repeat: no-repeat;}
.footer-nav dl dt{margin-bottom:10px;}
.footer-nav dl dt a{font-size:20px;line-height: 48px; font-weight: normal;color:#FFF;}
.footer-nav dl dd a{color:#989a9c}
.footer-nav dl dd a:hover{color:#999}
footer .footer-contact {color:#989a9c}
footer .footer-contact p{line-height: 42px;margin-bottom: 0;}
footer .footer-contact h3{font-size:20px;line-height: 48px; font-weight: normal;margin-bottom: 10px;color:#FFF;}
footer .footer-contact a{color:#989a9c;}
footer .footer-share-btn li a{background: none;width:26px;height:26px;color:#333;border:1px solid rgba(255, 255, 255, 0.23);border-radius: 50%;line-height: 24px;font-size:12px;background:rgba(255, 255, 255, 0.23);}

footer .footer-subscribe {padding-bottom: 40px;}
footer .footer-subscribe h3{font-size:18px;line-height: 48px; font-weight: bold;margin: 0;}
footer .footer-subscribe .form-control{height: 44px;background: none;color:#ecf4f6;border:1px solid #60646a;}
footer .footer-subscribe .btn-sm{height: 44px;min-width: 50px;font-size:16px;background: #d72222;}
footer .footer-copyright{border-top:1px solid #364254;line-height: 40px;padding:10px 0;color:#8a8888;}
footer .footer-copyright p{margin-bottom:0;}
footer .footer-copyright a{color:#8a8888;padding:0 4px;}
.swiper-button-prev,.swiper-button-next{outline:none;}
.index-banner .swiper-slide{height:650px;color:#FFF;}
.index-banner .swiper-slide{position: relative;overflow: hidden;}
.index-banner .swiper-slide>img{position: absolute;height: inherit; width: 100%;}
.index-banner .swiper-slide .slide-content{margin-top: 200px;}
.index-banner .swiper-slide.index-banner-center .slide-content{margin-top: 440px;}
.index-banner .swiper-slide .slide-content h2{font-size: 48px;line-height: 100px;font-weight: bold;text-shadow: 2px 2px 10px rgba(0,0,0,.3);}
.index-banner .swiper-slide .slide-content h2.text-center{font-size: 24px;line-height: 70px;border-radius: 35px;font-weight: normal;}
.index-banner .swiper-slide .slide-content div>div{font-size: 24px;text-shadow: 2px 2px 10px rgba(0,0,0,.3);width:70%;}
.index-banner .swiper-pagination-container {position: relative;}
.index-banner .swiper-pagination-bullets{bottom:60px;}
.index-banner .swiper-pagination-bullets .swiper-pagination-bullet{width:10px;height:10px;border-radius: 10px;opacity: 1;background: #dcdcdc;margin-right: 36px;}
.index-banner .swiper-pagination-bullets .swiper-pagination-bullet-active{background: #d72222;opacity: 1;position: relative;}
.index-banner .swiper-pagination-bullets .swiper-pagination-bullet-active:before{content:"";display:block;width:20px;height:20px;border-radius: 100%;margin:-5px 0 0 -5px;border:1px solid #d72222;}
.index-about-section{background: url(../images/index-about-bac.jpg) no-repeat top center;min-height:570px;}
.index-about-section .index-section-content{padding:0;}
.index-about-section .index-section-content h2{font-size:42px;line-height:54px;font-weight: normal;margin:0;}
.index-about-section .index-section-content h3{font-size:20px;margin-top: 30px;margin-bottom:30px;}
.index-about-section .btn-more{width:170px;height:55px;line-height:55px;text-transform: uppercase;border:1px solid #e5e5e5;color:#999;background: #FFF;display:block;padding:0;margin-top:100px;}
.index-about-section .btn-more:hover{background: #353e81;border:1px solid #353e81;color:#FFF;}
.index-section-slogan{background: url(../images/index-slogan-bac.jpg) no-repeat top center;min-height:525px;color:#FFF; background-size: cover;}
.index-about-slogan{list-style: none;padding:60px 0 80px 0;width:80%;margin:0 auto;}
.index-about-slogan li {padding: 30px 0;height: 130px;text-align: center;position: relative;}
.index-about-slogan li p{font-size:18px;}
.index-about-slogan li .counter{font-family: Arial, Helvetica, sans-serif;font-size: 72px;font-weight: bold;margin-right: 10px;z-index: 9999;position: relative;padding-bottom:10px;}
.index-slogan-content{width:80%;margin: 0 auto;font-size:24px;line-height:40px;}
.index-products-section{background: url(../images/index-products-bac.jpg) no-repeat top center;min-height:1110px;position: relative;background-size: cover;}
.index-products-section:after{content:"";position: absolute;width:100%;height:40%;background: rgba(0,0,0,.02);bottom:0;}
.index-products-swiper .swiper-container{z-index: 99999;}
.index-products-swiper{position: relative;text-align: center;padding-bottom:100px;}
.index-products-swiper .swiper-slide a{display: block;}
.index-products-swiper .swiper-slide{transition: 300ms;transform: scale(0.6);transform-origin:50% 50%;}
.index-products-swiper .swiper-slide h3{font-size:40px;}
.index-products-swiper .swiper-slide img{height:620px;}
.index-products-swiper .btn-more{display: none;margin: 50px auto 0;z-index: 9999;position: relative;}
.index-products-section .btn-more{width:170px;height:55px;line-height:55px;background: none;text-transform: uppercase;border:1px solid #FFF;color:#FFF;background: none;display:block;padding:0;margin-top:100px;}
.index-products-section .btn-more:hover{border:1px solid #FFF;color:#666;background: #FFF;;}
.index-products-swiper .swiper-slide.swiper-slide-active{ transform: scale(1);}
.index-products-swiper .swiper-slide.swiper-slide-active h3{font-size:30px;}
.index-products-swiper .swiper-slide.swiper-slide-active .btn-more{display: block;}
.index-products-circular{position: absolute;bottom:70px;width:750px;height:750px;left:50%;margin-left:-375px;border-radius: 50%;background: linear-gradient(to right, #287ab7, #0db4cd);z-index: 998;}
.index-products-circular::before{position: absolute;content:"";width:550px;height:550px;top:100px;margin-left:-275px;border-radius: 50%;background: #f3f3f3;z-index: 999;}

.index-advantage-section{background-size:cover;color:#FFF;padding:0;}
.index-advantage-content{margin:0 -15px;padding:50px 80px;}
.index-advantage-content-border{border-left:1px solid rgba(255,255,255,.5);border-bottom:1px solid rgba(255,255,255,.5);}
.index-advantage-right-border{border-right:1px solid rgba(255,255,255,.5);}
.index-advantage-content h3{font-size:24px;margin-bottom:20px;margin-top:0;}
.index-advantage-content p{}
.index-advantage-content:hover{background: linear-gradient(to right, #353e81, #5361c9);}
.index-advantage-content-big:hover{background: none;}
.index-advantage-content-big h3{font-size:42px;margin-bottom:40px;padding-top:90px;}
.index-news-list{list-style: none;padding-left: 0;}
.index-news-item a{display:block;padding:0;margin-bottom: 20px;overflow: hidden;box-shadow: 2px 2px 10px rgba(0,0,0,.3);}
.index-news-list-img{float: left;width:32%;}
.index-news-txt{float: left;width:68%;padding:30px 30px 10px 30px;}
.index-news-item a img{width:100%;}
.index-news-item a h3{margin-top:0;margin-bottom:10px;font-size: 24px;line-height: 32px;color:#333;font-weight: normal;}
.index-news-list .index-news-item a h3{white-space: nowrap;overflow:hidden;text-overflow:ellipsis;}
.index-news-item a p{color:#666;margin-bottom: 20px;height: 64px;overflow: hidden;}
.news-list-calendar{color:#999;font-size: 16px;font-weight: normal;padding-bottom:0;}

.index-images-news-list{list-style: none;padding-left: 0;}
.index-images-news-list .index-news-item{}
.index-images-news-list .index-news-item a{box-shadow: 2px 2px 10px rgba(0,0,0,.3);}
.index-images-news-list .index-news-item img{width:100%;}
.index-images-news-list .index-news-item .news-list-calendar{font-size:16px;margin:0 20px;}
.index-images-news-list .index-news-item .news-list-calendar span{padding-top:36px;font-size:60px;line-height:80px;font-weight: bold;border-bottom:1px solid #dcdcdc;display:block;}
.index-images-news-list .index-news-item h3{margin-top:40px;font-size:24px;line-height:36px;font-weight:normal;}
.index-images-news-list .index-news-item p{margin-bottom:20px;height: 64px;overflow: hidden;}
.index-images-news-list .index-news-item i.fa{font-size:40px;margin-bottom:52px;}

.index-industory-section{background: url(../images/index-industory-bac.jpg) no-repeat top center;background-size: cover;min-height:850px;}
.index-industory-section .index-swiper-button-prev{left:80px;padding:34px;border:1px solid #FFF;border-radius: 50%;}
.index-industory-section .index-swiper-button-next{right:80px;padding:34px;border:1px solid #FFF;border-radius: 50%;}
.index-industory-swiper .swiper-slide{position: relative;color:#FFF;background: #042b56; width: 32%; margin-right: 12px; float: left; margin-bottom: 24px; margin-left: 12px;}
.index-industory-swiper .swiper-slide>img{position: relative;width:100%;top:0;left:0;right:0;bottom:0;z-index:998;opacity: 0.6;}
.index-industory-swiper .swiper-slide>h3{position: absolute;left:0;right:0;bottom:0; padding: 40px 20px;margin:0;font-size:24px;color:#FFF;z-index: 999;}
.index-industory-swiper .swiper-slide>h3 span:before{content:"/";margin:0 8px;}
.index-industory-swiper .swiper-slide>h3 span{font-size:18px;}
.index-industory-swiper .swiper-slide .slide-content-cover{position: absolute;top:0;left:0;right:0;bottom:0;display:none;background:rgba(0,0,0,.6);height:100%;z-index:999;padding:160px 50px 40px 50px; opacity: 0.6;}
.index-industory-swiper .swiper-slide .slide-content-cover h3{margin-bottom: 30px;}
.index-industory-swiper .swiper-slide .slide-content-cover h3 span:before{content:"/";margin:0 8px;}
.index-industory-swiper .swiper-slide .slide-content-cover h3 span{font-size:18px;}
.index-industory-swiper .swiper-slide.swiper-slide-active>h3{display: none;}
.index-industory-swiper .swiper-slide.swiper-slide-active>img{opacity: 1;}
.index-industory-swiper .swiper-slide.swiper-slide-active .slide-content-cover{display:block;}
.index-industory-swiper .swiper-wrapper {padding-bottom:50px;}
.index-industory-swiper .swiper-pagination-container {position: relative;}
.index-industory-swiper .swiper-pagination-bullets{bottom:0;}

.index-cooperation-list{list-style: none;padding-left: 0;overflow: hidden;}
.index-cooperation-list li{margin-bottom:30px;}
.index-cooperation-list li a{display: block;display:block;border:1px solid #ebebeb;padding:8px 0;}
.index-cooperation-list li a h3{display:none;}
.index-cooperation-list li a img{max-width:100%;}

.page-banner{height: 600px;position: relative;}
.page-banner img{position: absolute;height: 600px;top:0;left:0;}
.page-banner-content{padding-top: 270px;position: relative;}
.page-banner-content h2{font-size: 40px;color:#FFF;font-weight:normal;text-shadow: 2px 2px 10px rgba(0,0,0,.3);margin-top:0;}
.page-banner-content h3{font-size: 48px;color:rgba(255,255,255,.3);text-transform: uppercase;font-weight:bold;}
.page-banner-content p{font-size:24px;line-height:38px;color:#FFF;text-shadow: 2px 2px 10px rgba(0,0,0,.3);}

.page-crumb-section{padding:0;margin-bottom:0;position: relative;border-bottom:1px solid #e5e5e5;}
.page-sub-nav-list{list-style: none;padding-left:0;margin-bottom: 0;text-align: left;}
.page-sub-nav-list li{display: inline-block;margin-right:60px;padding:0 20px;}
.page-sub-nav-list li a{font-size:16px;display: inline-block;position: relative;height:78px;line-height:78px;}
.page-sub-nav-list li.cur a{color:#2c6daf;}
.page-sub-nav-list li.cur a:after{width:100%;height:2px;bottom:0;left:0;background:#2c6daf;content:"";display: block;position: absolute;}
.page-crumb{list-style: none;padding-left:0;margin-bottom: 0;}
.page-crumb li{color:#666;display: inline-block;height:66px;line-height:66px;}
.page-crumb li i.fa{margin: 0 10px;font-size: 20px;}
.page-crumb li a{color:#666;}
.page-about-content{padding-right:60px;}
.page-about-content h3{margin-top:0;margin-bottom:26px;font-size:30px;}
.page-about-img img{max-width: 100%;}

.page-slogan-list{list-style:none;padding-left:0;padding-top:30px;}
.page-slogan-list li{height:180px;padding-top:36px;}
.page-slogan-ico{width:100px;height:100px;margin-right:30px;float: left;}
.page-slogan-list li img{width:100%;}
.page-slogan-list li h3{margin-left:130px;margin-top:4px;font-size:43px;font-weight: bold;}
.page-slogan-list li p{margin-left:130px;font-size:20px;}

.page-section-culture{background:url(../images/page-culture-section-bac.jpg) no-repeat top center;background-size: cover;}
.page-about-culture{background:url(../images/page-culture-bac.jpg) no-repeat top center;background-size: cover;overflow: hidden;min-height:440px;color:#FFF;padding:70px 40px;}
.page-about-culture>div{padding:10px 80px 50px;}
.page-about-culture>div:last-child{border-left:1px solid rgba(255,255,255,.35);}
.page-about-culture>div h3{font-size:26px;margin-bottom:20px;}
.page-about-culture>div p{font-size:18px;}
.page-culture-list{list-style:none;padding-left:0;margin-top:30px;}
.page-culture-list li{margin-bottom:30px;}
.page-culture-list .page-culture-item{background: #FFF;box-shadow: 2px 2px 10px rgba(0,0,0,.3);position: relative;height:210px;}
.page-culture-list li:hover .page-culture-item{background: #2c6daf;color:#FFF;}
.page-culture-list li .page-culture-item .page-culture-ico{padding-top:30px;}
.page-culture-list li h3{font-size:26px;font-weight: normal;margin-top:10px;margin-bottom:20px;}
.page-culture-list .page-culture-cover{position: absolute;top:0;left:0;right:0;bottom:0;display: none;padding-top:44px;z-index: 999;}
.page-culture-list li:hover .page-culture-item .page-culture-ico{display: none;}
.page-culture-list li:hover .page-culture-item>h3{display: none;}
.page-culture-list li:hover .page-culture-item>p{display: none;}
.page-culture-list li:hover .page-culture-cover{display: block;}
.page-culture-list li p{font-size:16px;line-height:30px;width:90%;margin:0 auto 16px;}

.page-honor-list{list-style:none;padding-left:0;}
.page-honor-list li{margin-bottom: 30px;}
.page-honor-list .page-honor-item h3{font-size:18px;margin-top: 20px;}

.page-environment-list{list-style:none;padding-left:0;}
.page-environment-list li{margin-bottom: 30px;}

.page-news-list{list-style:none;padding-left:0;}
.page-news-item {border-bottom:1px solid #e5e5e5;padding:30px 25px;display:block;}
.page-news-item:hover{box-shadow: 2px 2px 10px rgba(0,0,0,.3);background: #FFF;}
.page-news-item img{width:90%;}
.page-news-item h3{font-size:24px;color:#333;margin-top:40px;margin-bottom: 20px;}
.page-news-item p{font-size:16px;}
.news-calendar{margin-top:30px;color:#CCC;font-size: 48px;line-height: 60px;}
.news-calendar span{font-size:24px;line-height: 30px;display: block;}
.news-calendar span.news-calendar-text{font-size:16px;line-height: 30px;display: block;}
.news-calendar span.news-calendar-text i.fa{margin-left:5px;}
.page-news-item:hover h3{color: #2c6daf;}
.page-news-item:hover .news-calendar{color: #2c6daf;}

.news-title{font-size:30px;color:#333;font-weight: normal;margin-top:0;}
.news-info{font-size:16px;padding:20px 0;color:#666;}
.news-info i{font-style: normal;}
.news-info span{margin-right: 70px;}
.news-content{border-top: 1px solid #dcdcdc;padding:30px 0;color:#666;}
.news-sider-list>div{overflow: hidden;}
.news-detail-show-btn{list-style: none;padding-left: 0;overflow:hidden;}
.news-detail-show-btn li{float: left;margin-right: 18px;}
.news-detail-show-btn li a{display:block;background:#80939e;width:36px;height:36px;border-radius:50%;line-height: 36px;font-size:18px;text-align: center;color:#FFF;}
.news-jump{box-shadow: 2px 2px 10px rgba(0,0,0,.3);background: #FFF;padding:30px 40px;margin-top:30px;}
.news-jump a{color:#666;}
.news-jump a:first-child{display:block;border-bottom:1px solid #e5e5e5;margin-bottom: 30px;padding-bottom:30px;}
.news-jump a p:first-child{color:#333;font-size:18px;}
.news-jump a p{line-height: 36px;margin-bottom:0;font-size:16px;}

.page-products-category-list{list-style: none;padding-left: 0;overflow:hidden;}
.page-products-category-list li{margin-bottom:30px;}
.page-products-category-item{position: relative;display: block;height:520px;padding:80px 70px;}
.page-products-category-item:before{content:"";top:0;left:0;display:block;width:100%;height:420px;background: #f6f6f6;position: absolute;z-index:99;}
.page-products-category-item h3{z-index:100;position: relative;font-size:30px;font-weight:bold;margin-top:0;}
.page-products-category-item p{z-index:100;position: relative;font-size:16px;color:#666;margin:30px 0 40px;width:57%;}
.page-products-category-item span{z-index:100;position: relative;display:block;width:58px;height:58px;border-radius: 50%;color:#FFF;background: #2c6daf;line-height: 58px;text-align: center;font-size:26px;}
.products-category-img{position: absolute;right:0;top:80px;width:45%;height: initial;z-index:100;}
.page-products-category-list-2{list-style: none;padding-left: 0;overflow:hidden;}
.page-products-category-list-2 li{margin-bottom:30px;}
.page-products-category-item-2{display: block;height:530px;padding:30px 60px;}
.page-products-category-item-2 h3{font-size:30px;font-weight:bold;margin-top:20px;}
.page-products-category-item-2 p{font-size:16px;color:#666;margin:20px 0 0;}
.page-products-category-item-2 img{max-height:320px;}
.page-product-side-nav{padding:0 30px;background:#f8f8f8;}
.page-product-side-nav dt a{padding:0;font-size: 22px;color:#FFF;}
.page-product-side-nav dd{border-bottom:1px solid #e5e5e5;}
.page-product-side-nav dd a{display:block;padding:0 10px;line-height: 78px;height:78px;font-size:18px;}
.page-product-side-nav dd a:hover{color:#2c6daf;}
.page-product-side-nav dd a.cur{color:#2c6daf;}
.page-product-side-nav dd a .fa{line-height: 78px;height:78px;font-size:18px;padding-right:10px;display: none;}
.page-product-side-nav dd a:hover .fa,.page-product-side-nav dd a.cur .fa{display: block;}
.page-products-list{list-style:none;padding-left:0;}
.page-products-list li{margin-bottom:45px;}
.page-products-list li a img{width:100%;}
.page-product-item{display: block;border-bottom: 3px solid #e5e5e5;}
.page-product-item:hover{border-bottom: 3px solid #2c6daf;}
.page-product-item h3{font-size:20px;margin-top:0;margin-bottom:0;line-height:66px;}

.page-products-detail{overflow: hidden;}
.page-products-detail h1{font-size: 24px;padding-bottom:35px;margin-bottom:35px;margin-top: 0;font-weight:normal;color:#333;border-bottom: 1px solid #e5e5e5;}
.page-products-info-btn{list-style: none;padding:30px 0;overflow:hidden;}
.page-products-info-btn li{float:left;overflow:hidden;margin-right:20px;}
.page-products-info-btn li .btns{display:block;border-radius: 20px;height:48px;line-height: 48px;padding:0 20px;color:#FFF;font-size:16px;text-align: center;}
.page-products-info-btn li .btns i.fa{margin-left:12px;}
.page-products-info-btn li:first-child .btns{background: #2c6daf;width:200px;}
.page-products-info-btn li:nth-child(2) .btns{background: #29a2b5;width:160px;}
.page-products-info-link{font-size:16px;}
.page-products-info-link a{margin-right: 16px;color:#666;}
.page-products-info-link i.fa{margin-right:5px;}
.pro-big-img {width: 100%;margin:0 auto;height: 500px;overflow: hidden;}
.pro-big-img .swiper-slide img{width:100%;}
.page-products-content>h2{margin-bottom:40px;margin-top:30px;display:block;background:#f6f6f6;color:#666;font-size:18px;line-height: 64px;padding:0 20px;}
.products-content-title{font-size:16px;font-weight: bold;}
.products-jump{margin-top:30px;overflow: hidden;line-height:60px;}

.page-service-idea{list-style: none;padding:30px 0 0 0;overflow:hidden;margin-bottom:0;}
.page-service-idea li{margin-bottom:30px;}
.page-service-idea-item{position: relative;padding-bottom:70px;}
.page-service-idea-item img{width:100%;}
.page-service-idea-item .service-idea-cover{position: absolute;bottom:0;width:85%;margin-left:7%;background:#FFF;box-shadow: 2px 2px 10px rgba(0,0,0,.3);padding:8px 0;}
.page-service-idea-item .service-idea-cover h3{font-size:24px;color:#333;margin-bottom:0;}
.page-service-idea-item .service-idea-cover p{font-size:16px;}
.page-service-guarantee{list-style: none;padding:0;overflow:hidden;background:#f4f4f4;}
.page-service-guarantee li .page-service-guarantee-item{border-right:1px solid #FFF;}
.page-service-guarantee li:last-child .page-service-guarantee-item{border-right:none;}
.page-service-guarantee .page-service-guarantee-item .text-center{background: linear-gradient(to right, #287ab7, #0db4cd);color:#FFF;padding:20px 0;}
.page-service-guarantee .page-service-guarantee-item .text-center h3{font-size:24px;margin-top:0;}
.page-service-guarantee .page-service-guarantee-item .service-guarantee-content{padding:40px 20px 40px 30px;overflow: hidden;}
.page-service-guarantee .page-service-guarantee-item .service-guarantee-content>div{overflow-y: scroll;height:300px;padding-right:10px;}
.page-service-guarantee .page-service-guarantee-item .service-guarantee-content ::-webkit-scrollbar{width:4px;background: #e5e5e5;}
.page-service-guarantee .page-service-guarantee-item .service-guarantee-content ::-webkit-scrollbar-thumb{width:4px;background: #353e81;}

.page-section-qa .page-qa-lists {width: 100%;}
.page-section-qa .page-qa-lists .td { margin-bottom: 30px; color: #333;}
.page-section-qa .page-qa-lists .td .td-box {display: flex;justify-content: space-between;flex-wrap: wrap;padding: 50px 50px;cursor: pointer;background: #f4f4f4;;}
.page-section-qa .page-qa-lists .td .item:first-child {text-align:left ;font-size:24px;color:#333;}
.page-section-qa .page-qa-lists .td .item:last-child{width:100px;color:#353e81;font-size:48px;font-weight:bold;text-align:center ;}
.page-section-qa .page-qa-lists .td .item span{display:inline-block;width:36px;height:36px;line-height:35px;border-radius: 50%;text-align: center;color:#FFF;background:#353e81;font-size:20px;margin-right:20px;}
.page-section-qa .page-qa-lists .td .dropdown {width: 100%; border: 1px solid #edecec; border-top: 0px; padding: 55px 50px;display: none;}
.page-section-qa .page-qa-lists .td .dropdown span{display:block;width:36px;height:36px;line-height:35px;border-radius: 50%;text-align: center;color:#FFF;background:#2a9fb5;font-size:20px;margin-right:20px;float:left;}
.page-section-qa .page-qa-lists .td .dropdown .page-qa-content{margin-left:56px}
.page-section-qa .page-qa-lists .td .dropdown .page-qa-content{overflow-y: scroll;height:450px;padding:10px;background:#fAfAfA;}
.page-section-qa .page-qa-lists .td .dropdown .page-qa-content::-webkit-scrollbar{width:4px;background: #e5e5e5;}
.page-section-qa .page-qa-lists .td .dropdown .page-qa-content::-webkit-scrollbar-thumb{width:4px;background: #353e81;}
@media(max-width:768px) {
    .page-section-qa .page-qa-lists .td .dropdown {padding: 35px 20px;}
    .page-section-qa .page-qa-lists .td .td-box {padding: 20px 0 20px 10px;}
    .page-section-qa .page-qa-lists .td .item:first-child {width:80%;}
    .page-section-qa .page-qa-lists .td .item:last-child{width:20%;}
}
.page-download-list{list-style: none;padding:0;overflow:hidden;}
.page-download-list .page-download-item a{font-size:18px;display:block;overflow: hidden;margin-bottom: 30px;height:100px;line-height:100px;background:#f4f4f4;color:#333;}
.page-download-list .page-download-item a:hover{background:#353e81;color:#FFF;}
.page-download-list .page-download-item a i.fa{padding:0 50px;font-size:30px;line-height:100px;}

.page-solution-sub-nav-list{list-style: none;padding:0;overflow:hidden;background: #f6f6f6;margin-bottom:30px;}
.page-solution-sub-nav-list li{width:12.5%;float:left;}
.page-solution-sub-nav-list li a{display:block;padding:20px 0;}
.page-solution-sub-nav-list li.cur a{color:#353e81;}
.page-solution-sub-nav-list li a img{display:block;margin:0 auto;}
.page-solution-div{overflow: hidden;position: relative;padding-top:50px;}
.page-solution-div .page-solution-img{width:75%;border-radius: 30px;overflow: hidden;}
.page-solution-div .page-solution-img img{width:100%;}
.page-solution-div .page-solution-content{position: absolute;right:10px;width:35%;top:150px;background:#FFF;padding:100px 70px;border-radius: 30px;box-shadow: 2px 2px 10px rgba(0,0,0,.3);height:560px;}
.page-solution-div .page-solution-content h3{font-size:40px;color:#333;margin-top:0;margin-bottom:30px;padding-bottom:30px;font-weight:bold;position: relative;}
.page-solution-div .page-solution-content h3:after{content:"";display:block;width:70px;height:3px;background:#353e81;bottom:0;position: absolute;}

.page-case-list{list-style: none;padding:0;overflow:hidden;}
.page-case-list li{margin-bottom:30px;}
.page-case-list li .page-case-item{display:block;}
.page-finished-list{list-style: none;padding:0;overflow:hidden;}
.page-finished-list li{margin-bottom:30px;}
.page-finished-list li .page-case-item{display:block;}
.page-hr-info{margin-bottom:30px;}
.page-hr-info h3{margin-top:0;font-size:30px;}
.page-hr-info h3:nth-child(2){margin-top:10px;margin-bottom:30px;}
.page-hr-idea-list{list-style: none;padding-left:0;padding-top:30px;}
.page-hr-idea-item {border-radius: 30px;overflow: hidden;margin-bottom:30px;box-shadow: 2px 2px 10px rgba(0,0,0,.3);}
.page-hr-idea-item div:first-child{background: linear-gradient(to right, #287ab7, #0db4cd);color:#FFF;height:380px;padding-top:70px;}
.page-hr-idea-item div:nth-child(2){padding:70px 40px;}
.page-hr-idea-item h3{font-size:36px;line-height:48px;margin-top:0;}
.page-hr-idea-item p{font-size:16px;}
.page-recruitment-list{list-style: none;padding:0;}
.page-recruitment-item{padding:70px 40px;display:block;background: #FFF;box-shadow: 2px 2px 10px rgba(0,0,0,.3);color:#333;}
.page-recruitment-item:hover{background: #353e81;color:#fff;}
.page-recruitment-item h3{font-size:30px;line-height:30px;margin-top:0;margin-bottom:30px;padding-bottom:30px;padding-left:10px;border-bottom:1px solid #e5e5e5;color:#353e81;}
.page-recruitment-item h3 i.fa{margin-right:10px;}
.page-recruitment-item:hover h3{color:#FFF;}
.page-recruitment-item>div:nth-child(3){margin-bottom:40px;height:240px;overflow: hidden;}
.recruitment-info-list{padding-left:0;list-style:none;}
.page-recruitment-item .btn{width:100px;line-height:50px;padding:0;height:50px;background: #f4f4f4;color:#666;}
.recruit-content{padding:10px 30px 30px;}
.recruit-content .recruitment-info-list{margin-bottom:0;}
.recruit-content>div{overflow-y: scroll;height:360px;padding-right:10px;}
.recruit-content>div p{margin-bottom:0;}
.recruit-content ::-webkit-scrollbar{width:4px;background: #e5e5e5;}
.recruit-content ::-webkit-scrollbar-thumb{width:4px;background: #353e81;}


.page-section-contact{padding:0;}
.page-contact-info{width:80%;float: right;padding:80px 0;}
.page-contact-info>h3{font-size:36px;font-weight:bold;color:#333;padding-bottom:40px;margin-bottom:60px;border-bottom:4px solid #353e81;}
.page-contact-list{list-style: none;overflow:hidden;padding-left:0;}
.page-contact-list li {margin-bottom:30px;border-bottom:1px solid #e5e5e5;}
.page-contact-list li i.fa{width:44px;height:44px;border-radius: 50%;border:1px solid #bfbfbf;line-height:44px;text-align: center;color:#999;float:left;}
.page-contact-list li h3{margin-left:74px;margin-top:0;font-size:16px;color:#999;margin-bottom:10px;}
.page-contact-list li p{margin-left:74px;font-size:18px;color:#333;}
#baidu-map{height: 700px;}
#baidu-map label{max-width: inherit;}
#baidu-map img{max-width: inherit;}


.page-feedback-info h3{color:#333;font-size:36px;margin-bottom:30px;}
.page-feedback-info p{font-size:18px;margin-bottom:40px;}
.page-feedback-info p.feedback-tops{font-size:16px;color:#999;}
.page-feedback-form .input-group{padding:10px 0;}
.page-feedback-form .form-group{padding:10px 0;margin-bottom:0;}
.page-feedback-form input,.page-feedback-form textarea{border-radius: 0;padding:30px;font-size: 16px;background:#f5f5f7;border:1px solid #e5e5e5;outline: none;}
.page-feedback-form input.btn{padding:20px 0;width:100%;background:#353e81;}
.page-feedback-form textarea{min-height: 180px;}
.page-feedback-form p{font-size:14px;margin-bottom:0;}

/*基础样式代码*/
@media (min-width: 768px){
    .container {
        width: 750px;
    }
    .dropdown-menu-inlayout {
        width: 750px;margin: 0 auto;
    }
}
@media (min-width: 992px){
    .container {
        width: 970px;
    }
    .dropdown-menu-inlayout{
        width: 970px;margin: 0 auto;
    }
}
@media (min-width: 1200px){
    .container {
        width: 1170px;
    }
    .dropdown-menu-inlayout{
        width: 1170px;margin: 0 auto;
    }
}
@media (min-width: 1366px){
    .container {
        width: 1300px;
    }
    .dropdown-menu-inlayout{
        width: 1300px;margin: 0 auto;
    }
}
@media (min-width: 1440px){
    .container {
        width: 1400px;
    }
    .dropdown-menu-inlayout{
        width: 1600px;margin: 0 auto;
    }
}
@media (min-width: 1600px){
    .container {
        width: 1500px;
    }
    .dropdown-menu-inlayout{
        width: 1500px;margin: 0 auto;
    }
}
@media (min-width: 1920px){
    .container {
        width: 1600px;
    }
    .dropdown-menu-inlayout{
        width: 1600px;margin: 0 auto;
    }
}
/*自适应代码*/
@media (min-width: 320px){
    .btn-more{min-width: 180px;padding: 10px 16px;}
    :root{--swiper-navigation-size: 33px; }
    .navbar-fixed-top {position: inherit;right: 0;left: 0;z-index: 1030;}
    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse{max-height: inherit;}
    .navbar-toggle{padding: 14px 10px;}
    .navbar-nav.pull-right{float: none!important;}
    .main-nav .navbar-brand{height: 60px;padding: 8px;}
    .main-nav .navbar-brand h1{height: 47px;}
    .main-nav .navbar-brand h1 img{height: 88px;}
    .main-nav:hover .navbar-brand h1 img {}
    .main-nav .navbar-toggle .icon-bar {background-color: #888;}
    .main-nav .navbar-nav>li>a{color: #333;height: 50px;line-height: 30px;padding: 10px 15px;}
    .main-nav .navbar-nav .dropdown-fluid .dropdown-menu{left: initial;margin-left:0;width: 100%;background:#f4f4f4;position: initial;}
    .main-nav .navbar-nav .dropdown-fluid .dropdown-menu>li>a{text-align: left;}
    .main-nav .navbar-nav>li>.dropdown-menu .main-sub-nav>li{width:100%;}
    .main-nav .navbar-nav>li>.dropdown-menu .container .row>div{padding:15px;}
    .main-nav .navbar-nav>li>.dropdown-menu .container .row>div:nth-child(3){padding:40px 80px;min-height:390px;}
    .main-nav-active.main-nav .navbar-nav>li>a{}
    .index-banner {margin-top: 0;}
    .index-banner .swiper-slide{height: 200px;}
    .index-banner .swiper-slide .slide-content { margin-top: 15px;}
    .index-banner .swiper-slide.index-banner-center .slide-content{margin-top: 30px;}
    .index-banner .swiper-slide.index-banner-center .slide-content .bg-hightlight{background:none;color:#FFF;font-size: 16px;}
    .index-banner .swiper-slide>img {height: 100%; width: inherit;}
    .index-banner .swiper-slide .slide-content h2 {font-size: 20px;line-height: 30px;text-align:center;}
    .index-banner .swiper-slide .slide-content div>div{font-size: 14px;text-align: center;line-height: 24px;width:100%;}
    .index-banner .swiper-pagination-bullets {bottom: 10px; }
    .index-banner .swiper-pagination-bullet {width: 40px;}
    .index-banner .swiper-pagination-bullets .swiper-pagination-bullet{margin-right: 20px;}

    .index-about-section{background-size:cover;height: initial;}    
    .index-about-section{min-height:400px;}
    .index-about-section .index-section-content h2{font-size:28px;line-height:40px;}
    .index-about-section .index-section-content h3{font-size:16px;margin-top: 20px;margin-bottom:20px;}
    .index-about-section .btn-more{width:170px;height:55px;line-height:55px;padding:0;margin:40px auto 0;}
    .index-about-slogan{width:100%}
    .index-about-slogan{padding:30px 0;width:100%;margin:0 auto;}
    .index-about-slogan li {padding: 30px 0;height: 130px;}
    .index-about-slogan li p{font-size:14px;}
    .index-about-slogan li .counter{font-size: 50px;margin-right: 10px;padding-bottom:10px;}
    .index-slogan-content{width:80%;font-size:16px;line-height:32px;}
    .index-products-section{min-height:300px;}
    .index-products-swiper{padding-bottom:30px;}
    .index-products-swiper .swiper-slide img{height:initial;width: 100%;}
    .index-products-swiper .swiper-slide.swiper-slide-active h3{font-size: 16px;}
    .index-products-swiper .swiper-slide h3{font-size: 16px;}
    .index-products-swiper .swiper-slide .btn-more{margin-top:30px;}
    .index-products-swiper .swiper-slide{transform: initial;}
    .index-products-swiper .swiper-slide.swiper-slide-active{ transform:initial;}
    .index-products-circular{bottom:50px;width:300px;height:300px;left:50%;margin-left:-150px;display:none;}
    .index-products-circular::before{width:200px;height:200px;top:50px;margin-left:-100px;}
    .index-products-section .btn-more{width:60px;height:40px;line-height:40px;padding:0;margin-top:20px;}

    .index-products-section .btn-more{background: none;border:1px solid #353e81;color:#353e81;}
    .index-products-section .btn-more:hover{border:1px solid #353e81;color:#FFF;background: #353e81;}


    .index-advantage-content{padding:15px 15px;margin-bottom:15px;}
    .index-advantage-content-big h3 {font-size: 36px; margin-bottom: 20px;padding-top: 60px; }
    .index-advantage-content-border {border: 1px solid rgba(255,255,255,.5);}
    .index-images-news-list .index-news-item a{margin-bottom: 15px;}
    .index-images-news-list .index-news-item p{margin-bottom: 10px;}
    .index-images-news-list .index-news-item .news-list-calendar {margin: 0 0 20px 0;}
    .index-news-list-img{display: none;}
    .index-news-txt{width:100%;padding:15px 15px;}
    .index-images-news-list .index-news-item h3 {margin-top: 40px;font-size: 20px;}
    .index-news-item a h3 {font-size: 20px;}
    .index-industory-swiper .swiper-slide{ width: 94%; margin-right: 0px; float: left; margin-bottom: 11px; margin-left: 11px;}
    .index-industory-swiper .swiper-slide .slide-content-cover{position: initial;padding: 30px 20px;min-height:390px;}
    .index-industory-section .index-swiper-button-prev{left:35px;padding:25px;border-radius: 50%;top: 60%;}
    .index-industory-section .index-swiper-button-next{right:35px;padding:25px;border-radius: 50%;top: 60%;}

    footer{padding-top: 60px;margin-bottom: 0;}
    footer .footer-copyright{line-height: 32px;text-align: center;padding:10px 15px;}
    footer .footer-copyright .text-right{text-align: center;}

    .footer-nav {padding-bottom:0;}
    .footer-contact{margin-bottom:30px;}
    .footer-contact .footer-logo {margin-bottom: 0; }
    .footer-copyright{text-align:left;}

    .page-banner{margin-top:0;height:150px}
    .page-banner img{height:150px;}
    .page-banner-content {padding-top: 44px;}
    .page-banner-content h2{font-size: 24px;}
    .page-banner-content p {font-size: 14px;line-height: 24px;}
    .page-about-content h3 { font-size: 24px;  }
    .page-about-content {padding-right: 0;}
    .page-slogan-list{padding-top:10px;}
    .page-slogan-ico{width:90px;height:90px;margin-right:10px;}
    .page-slogan-list li {height: 110px;padding-top: 36px;}
    .page-slogan-list li h3{margin-left:110px;margin-top:20px;font-size:22px;}
    .page-slogan-list li p{margin-left:110px;font-size:14px;}
    .page-about-culture{padding: 30px 20px;}
    .page-about-culture>div {padding: 0;margin-bottom:30px;}
    .page-about-culture>div img{width:50px;}
    .page-about-culture>div h3 {font-size: 24px;}
    .page-about-culture>div p {font-size: 16px; }
    .page-about-culture>div:last-child {border-left: none;}
    
    .page-news-item{padding: 0;margin-bottom:30px;}
    .page-news-item h3 {font-size: 20px;}
    .page-news-item img {width: 100%;}
    .news-jump {padding: 20px 10px;}
    .news-detail-show-btn li {margin-right:5px;}
    .pro-big-img {height: initial;margin-bottom:30px;}
    .page-products-info-btn li{margin-right:8px;}
    .page-products-info-btn li .btns{font-size: 14px;padding: 0 10px;}
    .page-products-info-btn li:first-child .btns{width:initial;}
    .page-products-info-btn li:nth-child(2) .btns{width:initial;}
    .products-jump{font-size:14px;}
    .page-section-qa .page-qa-lists .td .item:first-child {font-size: 16px;}
    .page-section-qa .page-qa-lists .td .item:last-child {width: 50px;}
    .page-section-qa .page-qa-lists .td .dropdown .page-qa-content {margin-left: 0;}
    .page-download-list .page-download-item a i.fa {padding: 0;}
    .page-solution-sub-nav-list li {width: 25%;}
    .page-solution-div {overflow: initial;}
    .page-solution-div .page-solution-img {width: 100%;margin-bottom:30px;}
    .page-solution-div .page-solution-content {position: static;right: initial;width: 100%;padding: 50px 30px;height: initial;}
    .page-hr-info h3 {font-size: 24px;}
    .page-hr-idea-item div:first-child {height: initial;padding-top: 30px;padding-bottom:30px;}
    .page-hr-idea-item div:first-child img{float:left;}
    .page-hr-idea-item h3{text-align: left;margin-left: 110px;font-size: 24px;}
    .page-hr-idea-item div:nth-child(2) {padding: 30px;}
    .page-recruitment-item {padding: 30px;margin-bottom:30px;}
    .page-recruitment-item h3 {font-size:20px;}
    .page-contact-info {width: inherit;padding: 40px 0;}
    .page-contact-info>h3 {font-size: 24px;}
}
@media (min-width: 768px){
    .modal-dialog{margin:140px auto 0;}
    .index-about-section{background-size: initial;}
    .news-list-calendar{font-size: 16px;}
    .navbar-fixed-top {position: fixed;right: 0;left: 0;z-index: 1030;}
    .footer-contact .footer-logo {margin-bottom: 133px; }
    .footer-copyright a{display: inline;}
    .index-banner .swiper-slide .slide-content div div {display: block;}
    .index-banner .swiper-pagination-bullet {width: 80px;}
}
@media (min-width: 992px){
    :root{ --swiper-navigation-size: 33px;}
    .navbar-nav.pull-right{float: right!important; padding-top: 32px;}
    .main-nav .navbar-brand{height: 100px;padding: 10px 0;}
    .main-nav .navbar-brand h1{height: 100px;}
    .main-nav .navbar-brand h1 img{height: 188px; margin-top: -90px;}
    .main-nav:hover .navbar-brand h1 img {margin-top: inherit;}
    .main-nav-active.main-nav .navbar-brand h1 img {margin-top: inherit;}
	.navbar-nav>li {
        margin-right: 20px;
    }
	.navbar-nav>li{height: 68px;}
    .main-nav .navbar-nav>li>a{height: 40px;line-height:40px;color:#FFF;padding:10px;font-size:16px; box-shadow: 1px 1px 1px #353e81; border-radius: 5px;}
    .main-nav-active.main-nav .navbar-nav>li>a{}
	.active{ background-color:#353e81; color:#ffffff !important;}
    .main-nav .navbar-nav>li>.dropdown-menu .main-sub-nav>li{width:50%;}
    .main-nav .navbar-nav>li>.dropdown-menu .container .row>div{padding:40px 15px;}
    .main-nav .navbar-nav .dropdown-fluid .dropdown-menu{left:0;position: absolute;}
    .main-nav .navbar-nav .dropdown-fluid .dropdown-menu .container .row>div:nth-child(3){padding: 30px 30px 30px 100px;min-height:300px;}
    .main-nav-page{background: #FFF;border-bottom:1px solid #ccc;}
    .main-nav-page .navbar-nav>li>a{color:#333;}
    .footer-nav dl dd{font-size:12px;}
    footer .footer-contact p{font-size:12px;}
    .index-banner .swiper-slide>img{width: 100%;height: initial;}
    .index-banner .swiper-slide {height: 490px;}
    .index-banner .swiper-slide .slide-content{margin-top: 160px;}
    .index-banner .swiper-slide .slide-content h2{font-size: 38px;line-height: 60px;text-align:left;}
    .index-banner .swiper-slide .slide-content div>div{font-size: 20px;text-align:left;line-height: 32px;width: 100%;}
    .index-banner .swiper-pagination-bullets {bottom: 40%;}
    .index-banner .swiper-pagination-bullets .swiper-pagination-bullet{margin-bottom: 20px;}
    .index-about-section{background-size:cover;}    
    .index-about-section{min-height:400px;}
    .index-about-section .index-section-content h2{font-size:28px;line-height:40px;}
    .index-about-section .index-section-content h3{font-size:16px;margin-top: 14px;margin-bottom:14px;}
    .index-about-section .btn-more{width:110px;height:46px;line-height:46px;padding:0;margin:40px 0;}
    .index-about-slogan{width:100%}
    .index-about-slogan{padding:60px 0 80px 0;width:80%;margin:0 auto;}
    .index-about-slogan li {padding: 30px 0;height: 130px;}
    .index-about-slogan li p{font-size:18px;}
    .index-about-slogan li .counter{font-size: 72px;margin-right: 10px;padding-bottom:10px;}
    .index-slogan-content{width:80%;font-size:24px;line-height:40px;}
	.index-slogan-content h1{ width:100px; background-color:#FFF; height:4px; margin:0 auto 20px;}

    .index-products-section{min-height:600px;}
    .index-products-swiper{padding-bottom:20px;}
    .index-products-swiper .swiper-slide.swiper-slide-active h3{font-size: 30px;}
    .index-products-swiper .swiper-slide h3{font-size: 40px;}
    
    .index-products-swiper .swiper-slide img{height:620px;width: initial;}
    .index-products-circular{bottom:70px;width:500px;height:500px;left:50%;margin-left:-250px;display:block;}
    .index-products-circular::before{width:350px;height:350px;top:75px;margin-left:-175px;}
    .index-products-swiper .swiper-slide{transform: scale(0.6);}
    .index-products-swiper .swiper-slide.swiper-slide-active{ transform: scale(1);}
    .index-products-section .btn-more{width:170px;height:55px;line-height:55px;padding:0;margin:20px auto 15px;}
    .index-products-section .btn-more{background: none;border:1px solid #FFF;color:#FFF;}
    .index-products-section .btn-more:hover{border:1px solid #FFF;color:#666;background: #FFF;;}
    .index-advantage-content {padding: 20px 30px;margin-bottom:0;}
    .index-advantage-content-big h3 {font-size: 42px; margin-bottom: 40px;padding-top: 90px; }
    .index-advantage-content-border {border-left: 1px solid rgba(255,255,255,.5);border-right:none; border-bottom: 1px solid rgba(255,255,255,.5);border-top:none;}
    .index-industory-section{min-height: 600px;}
    .index-industory-swiper .swiper-slide { width: 32%; margin-right: 12px; float: left; margin-bottom: 24px; margin-left: 12px;}
    .index-industory-swiper .swiper-slide .slide-content-cover{padding: 60px 50px 40px 50px;}
    .index-images-news-list .index-news-item h3 {font-size: 24px;}
    .index-images-news-list .index-news-item p{height:56px;}
    .index-news-list-img {width: 36%;display: none;}
    .index-news-txt {padding: 15px 30px;width: 100%;}
    .index-news-item a h3{margin-top:0;margin-bottom:10px;font-size: 20px;line-height: 28px;}
    .index-news-item a p{margin-bottom: 10px;height: 56px;font-size:16px;}
    .index-images-news-list .index-news-item a{margin-bottom: 40px;}
    .index-images-news-list .index-news-item i.fa {margin-bottom: 56px;}
    .index-images-news-list .index-news-item p{margin-bottom: 20px;}
    .index-images-news-list .index-news-item .news-list-calendar {margin: 0 5px;}
    .index-news-list-img{float: left;width:32%;}
    .index-news-txt{float: left;width:68%;padding: 15px 30px;}

    .index-industory-swiper .swiper-slide{ width: 32%; margin-right: 12px; float: left; margin-bottom: 24px; margin-left: 12px;}
    .index-industory-swiper .swiper-slide .slide-content-cover{position: absolute;padding: 160px 50px 40px 50px;}
    .index-industory-section .index-swiper-button-prev{left:80px;padding:34px;border:1px solid #FFF;border-radius: 50%;top: 45%;}
    .index-industory-section .index-swiper-button-next{right:80px;padding:34px;border:1px solid #FFF;border-radius: 50%;top: 45%;}
    footer{padding-top: 80px;margin-bottom: 0;}
    .footer-nav {padding-bottom:60px;}
    footer .footer-copyright{line-height: 40px;text-align: left;padding:10px 0;}
    footer .footer-copyright .text-right{text-align: right;}

    .index-industry-section .swiper-slide .slide-content{padding-left: 30px;}
    .index-industry-section .swiper-slide .slide-content h3{font-size:25px;margin-bottom: 8px;}
    .index-industry-section .swiper-slide .slide-content p{font-size:16px;}
    .page-sub-nav-list li {margin-right: 20px;}
}
@media (min-width: 1150px){
    .footer-nav dl dd{font-size:12px;}
    footer .footer-contact p{font-size:12px;}
    .main-nav .navbar-nav>li>a{padding:15px;line-height: 40px;font-size: 18px;}
    .main-nav .navbar-nav>li>.dropdown-menu .container .row>div:nth-child(3){padding:40px 40px;min-height: 300px;}
    .index-banner .swiper-slide {height: 600px;}
    .index-banner .swiper-slide .slide-content{margin-top: 220px;}
    .index-banner .swiper-slide .slide-content h2{font-size: 38px;line-height: 60px;font-weight: bold;}
    .index-banner .swiper-slide .slide-content div>div{font-size: 20px;}
    .index-about-section{min-height:400px;}
    .index-about-section .index-section-content h2{font-size:28px;line-height:40px;}
    .index-about-section .index-section-content h3{font-size:16px;margin-top: 14px;margin-bottom:14px;}
    .index-about-slogan{width:90%}
    .index-products-section{min-height:600px;}
    .index-products-swiper .swiper-slide img{height:480px;}
    .index-products-circular{bottom:0;width:600px;height:600px;left:50%;margin-left:-300px;}
    .index-products-circular::before{width:400px;height:400px;top:100px;margin-left:-200px;}
    .index-advantage-content {padding: 20px 30px;}
    .index-industory-section{min-height: 600px;}
    .index-industory-swiper .swiper-slide { width: 32%; margin-right: 7px; float: left; margin-bottom: 14px; margin-left: 7px;}
    .index-industory-swiper .swiper-slide .slide-content-cover{padding: 60px 50px 40px 50px;}
    .index-images-news-list .index-news-item p{height:112px;}
    .index-news-list-img {width: 40%;display: block;}
    .index-news-txt {padding: 15px 30px;width: 60%;}
    .index-news-item a h3{margin-top:0;margin-bottom:10px;font-size: 20px;line-height: 28px;}
    .index-news-item a p{margin-bottom: 10px;height: 56px;font-size:16px;}
    .index-images-news-list .index-news-item i.fa {margin-bottom: 24px;}
    .page-banner{height:400px}
    .page-banner img{height:400px;}
    .page-banner-content{padding-top: 190px;}
    .page-banner-content h2{font-size: 40px;}
    .page-banner-content p {font-size: 24px;line-height: 38px;}
    .page-about-content h3 { font-size: 30px;  }
    .page-about-content {padding-right: 60px;}
    .page-slogan-list{padding-top:10px;}
    .page-slogan-ico{width:90px;height:90px;margin-right:10px;}
    .page-slogan-list li {height: 180px;padding-top: 36px;}
    .page-slogan-list li h3{margin-left:110px;margin-top:20px;font-size:22px;}
    .page-slogan-list li p{margin-left:110px;font-size:14px;}
    .page-about-culture{padding: 70px 40px;}
    .page-about-culture>div {padding: 10px 80px 50px;margin-bottom:0;}
    .page-about-culture>div img{width:70px;}
    .page-about-culture>div h3 {font-size: 26px;}
    .page-about-culture>div p {font-size: 18px; }
    .page-about-culture>div:last-child {border-left: 1px solid rgba(255,255,255,.35);}
    .page-culture-list li h3 {font-size: 22px;}
    .page-culture-list li p {font-size: 12px;}
    .page-news-item{padding: 30px 25px;margin-bottom:0;}
    .page-news-item h3 {font-size: 24px;}
    .page-news-item img {width: 90%;}
    .news-jump {padding: 30px 10px;}
    .news-detail-show-btn li {margin-right: 2px;}
    .pro-big-img {height: 500px;margin-bottom:0;}
    .page-products-info-btn li{margin-right:20px;}
    .page-products-info-btn li .btns{font-size: 16px;padding: 0 20px;}
    .page-products-info-btn li:first-child .btns{width:200px;}
    .page-products-info-btn li:nth-child(2) .btns{width:160px;}
    .products-jump{font-size:16px;}
    .page-section-qa .page-qa-lists .td .item:first-child {font-size: 24px;}
    .page-section-qa .page-qa-lists .td .item:last-child {width: 100px;}
    .page-section-qa .page-qa-lists .td .dropdown .page-qa-content {margin-left: 56px; }
    .page-download-list .page-download-item a i.fa {padding: 0 50px;}
    .page-solution-sub-nav-list li {width: 12.5%;}
    .page-solution-div {overflow: hidden;}
    .page-solution-div .page-solution-img {width: 75%;margin-bottom:0;}
    .page-solution-div .page-solution-content {position: absolute;right: 10px;width: 35%;padding: 70px 40px;height: 430px;}
    .page-hr-info h3 {font-size: 30px;}
    .page-hr-idea-item div:first-child {height: 380px;padding-top: 70px;padding-bottom:0;}
    .page-hr-idea-item div:first-child img{float:none;clear:both;}
    .page-hr-idea-item h3{text-align: center;margin-left: 0;font-size: 36px;}
    .page-hr-idea-item div:nth-child(2) {padding: 70px 40px;}
    .page-recruitment-item {padding: 50px 40px;}
    .page-recruitment-item h3 {font-size: 30px;}
    .page-contact-info {width: 80%;padding: 80px 0;}
    .page-contact-info>h3 {font-size: 36px;}
}
@media (min-width: 1316px){
    .footer-nav dl dd{font-size:14px;}
    footer .footer-contact p{font-size:14px;}
    .main-nav .navbar-nav>li>.dropdown-menu .container .row>div:nth-child(3){padding:40px 60px;min-height:320px;}
    .index-banner .swiper-slide {height: 650px;}
    .index-banner .swiper-slide .slide-content{margin-top: 240px;}
    .index-banner .swiper-slide .slide-content h2{font-size: 40px;line-height: 60px;font-weight: bold;}
    .index-banner .swiper-slide .slide-content div>div{font-size: 20px;}
    .index-about-section{min-height:500px;}
    .index-about-section .index-section-content h2{font-size:32px;line-height:54px;}
    .index-about-section .index-section-content h3{font-size:16px;margin-top: 20px;margin-bottom:20px;}
    .index-about-slogan{width:80%}
    .index-products-section{min-height:600px;}
    .index-products-swiper .swiper-slide img{height:510px;}
    .index-products-circular{bottom:0;width:600px;height:600px;left:50%;margin-left:-300px;}
    .index-products-circular::before{width:400px;height:400px;top:100px;margin-left:-200px;}
    .index-advantage-content {padding: 30px 30px;}
    .index-industory-section{min-height: 650px;}
    .index-industory-swiper .swiper-slide { width: 32%; margin-right: 8px; float: left; margin-bottom: 16px; margin-left: 8px;}
    .index-industory-swiper .swiper-slide .slide-content-cover{padding: 80px 50px 40px 50px;}
    .index-images-news-list .index-news-item p{height:96px;}
    .index-news-list-img {width: 39%;}
    .index-news-txt {padding: 15px 30px;width: 61%;}
    .index-news-item a h3{margin-top:0;margin-bottom:10px;font-size: 20px;line-height: 28px;}
    .index-news-item a p{margin-bottom: 10px;height: 64px;font-size:16px;}
    .index-images-news-list .index-news-item i.fa {margin-bottom: 48px;}
    .index-images-news-list .index-news-item .news-list-calendar {margin: 0 10px;}
    .page-banner{height:430px}
    .page-banner img{height:430px;}
    .page-banner-content{padding-top: 180px;}
    .page-slogan-list{padding-top:20px;}
    .page-slogan-ico{width:90px;height:90px;margin-right:10px;}
    .page-slogan-list li h3{margin-left:100px;font-size:30px;}
    .page-slogan-list li p{margin-left:100px;font-size:18px;}
    .page-solution-div .page-solution-content {position: absolute;right: 10px;width: 35%;padding: 80px 50px;height: 480px;}
}
@media (min-width: 1400px){
    .footer-nav dl dd{font-size:15px;}
    footer .footer-contact p{font-size:15px;}
    .main-nav .navbar-nav>li>.dropdown-menu .container .row>div:nth-child(3){padding:40px 80px;min-height:340px;}
    .index-banner .swiper-slide {height: 740px;}
    .index-banner .swiper-slide .slide-content{margin-top: 260px;}
    .index-banner .swiper-slide .slide-content h2{font-size: 50px;line-height: 100px;font-weight: bold;}
    .index-banner .swiper-slide .slide-content div>div{font-size: 22px;}
    .index-about-section{min-height:500px;}
    .index-about-section .index-section-content h2{font-size:32px;line-height:54px;}
    .index-about-section .index-section-content h3{font-size:16px;margin-top: 20px;margin-bottom:20px;}
    
    .index-products-section{min-height:800px;}
    .index-products-swiper .swiper-slide img{height:580px;}
    .index-products-circular{bottom:0;width:650px;height:650px;left:50%;margin-left:-325px;}
    .index-products-circular::before{width:450px;height:450px;top:100px;margin-left:-225px;}
    .index-advantage-content {padding: 30px 30px;}
    .index-industory-section{min-height: 700px;}
    .index-industory-swiper .swiper-slide { width: 32%; margin-right: 8px; float: left; margin-bottom: 16px; margin-left: 8px;}
    .index-industory-swiper .swiper-slide .slide-content-cover{padding: 100px 50px 40px 50px;}
    .index-news-list-img {width: 36%;}
    .index-news-txt {padding: 15px 30px;width: 64%;}
    .index-news-item a h3{margin-top:0;margin-bottom:10px;font-size: 20px;line-height: 28px;}
    .index-news-item a p{margin-bottom: 10px;height: 64px;font-size:16px;}
    .index-images-news-list .index-news-item p{height:96px;}
    .index-images-news-list .index-news-item i.fa {margin-bottom: 22px;}
    .index-images-news-list .index-news-item .news-list-calendar {margin: 0 20px;}
    .page-banner{height:475px}
    .page-banner img{height:475px;}
    .page-banner-content{padding-top: 228px;}
    .page-slogan-list{padding-top:30px;}
    .page-slogan-ico{width:100px;height:100px;margin-right:10px;}
    .page-slogan-list li h3{margin-left:110px;font-size:38px;}
    .page-slogan-list li p{margin-left:110px;font-size:18px;}

    .news-jump {padding: 30px 40px;}
    .news-detail-show-btn li {margin-right: 2px;}
    .page-solution-div .page-solution-content {position: absolute;right: 10px;width: 35%;padding: 90px 70px;height: 530px;}
}
@media (min-width: 1550px){
    .footer-nav dl dd{font-size:16px;}
    footer .footer-contact p{font-size:16px;}
    .main-nav .navbar-nav>li>a{padding:15px 15px;}
    .main-nav .navbar-nav>li>.dropdown-menu .container .row>div:nth-child(3){padding:40px 80px;min-height:360px;}
    .index-banner .swiper-slide {height: 750px;}
    .index-banner .swiper-slide .slide-content{margin-top: 280px;}
    .index-banner .swiper-slide .slide-content h2{font-size: 55px;line-height: 110px;font-weight: bold;}
    .index-banner .swiper-slide .slide-content div>div{font-size: 24px;line-height:40px;}
    .index-about-section{min-height:520px;}
    .index-about-section .index-section-content h2{font-size:36px;line-height:54px;}
    .index-about-section .index-section-content h3{font-size:18px;margin-top: 20px;margin-bottom:20px;}
    .index-products-section{min-height:900px;}
    .index-products-swiper .swiper-slide img{height:600px;}
    .index-products-circular{bottom:0;width:700px;height:700px;left:50%;margin-left:-350px;}
    .index-products-circular::before{width:500px;height:500px;top:100px;margin-left:-250px;}
    .index-advantage-content {padding: 30px 30px;}
    .index-industory-section{min-height: 800px;}
    .index-industory-swiper .swiper-slide { width: 32%; margin-right: 10px; float: left; margin-bottom: 22px; margin-left: 10px;}
    .index-industory-swiper .swiper-slide .slide-content-cover{padding: 120px 50px 40px 50px;}
    .index-news-list-img {width: 35%;}
    .index-news-txt {padding: 15px 30px;width: 65%;}
    .index-news-item a h3{margin-top:0;margin-bottom:10px;font-size: 20px;line-height: 28px;}
    .index-news-item a p{margin-bottom: 10px;height: 64px;font-size:16px;}
    .index-images-news-list .index-news-item p{height:96px;}
    .index-images-news-list .index-news-item i.fa {margin-bottom: 20px;}
    .page-banner{height:500px}
    .page-banner img{height:500px;}
    .page-banner-content{padding-top: 236px;}
    .page-slogan-list{padding-top:30px;}
    .page-slogan-ico{width:100px;height:100px;margin-right:10px;}
    .page-slogan-list li h3{margin-left:110px;font-size:42px;}
    .page-slogan-list li p{margin-left:110px;font-size:20px;}
    .page-culture-list li h3 {font-size: 24px;}
    .page-culture-list li p {font-size: 14px;}
    .news-jump {padding: 30px 10px;}
    .news-detail-show-btn li {margin-right: 10px;}
    .page-solution-div .page-solution-content {position: absolute;right: 10px;width: 35%;padding: 0px 8px;height: 560px;}
}
@media (min-width: 1870px){
    .main-nav .navbar-nav>li>a{padding: 0px 8px;}
    .main-nav .navbar-nav>li>.dropdown-menu .container .row>div:nth-child(3){padding:40px 80px;min-height:370px;}
    .index-banner .swiper-slide {height: 930px;}
    .index-banner .swiper-slide>img { bottom: 0;}
    .index-banner .swiper-slide .slide-content{margin-top: 292px;}
    .index-banner .swiper-slide .slide-content h2{ font-size: 86px; line-height: 90px; text-align: center; text-shadow: #000 4px 5px 7px;}
    .index-banner .swiper-slide .slide-content div>div{font-size: 24px;line-height:40px; text-align: center; text-shadow: #000 4px 5px 7px;}
    .index-banner .swiper-slide .slide-content h2 span{font-size: 56px; line-height: 90px; text-align: center; text-shadow: #000 4px 5px 7px; }
    .index-about-section{min-height:570px;}
    .index-about-section .index-section-content h2{font-size:42px;line-height:54px;}
    .index-about-section .index-section-content h3{font-size:20px;margin-top: 30px;margin-bottom:30px;}
    .index-products-section{ min-height: 720px; margin-top: 40px;}
    .index-products-swiper .swiper-slide img{height:620px;}
    .index-products-circular{bottom:0;width:750px;height:750px;left:50%;margin-left:-375px;}
    .index-products-circular::before{width:550px;height:550px;top:100px;margin-left:-275px;}
    .index-advantage-content {padding: 50px 80px;}
    .index-industory-section{min-height: 850px;}
    .index-industory-swiper .swiper-slide { width: 32%; margin-right: 12px; float: left; margin-bottom: 24px; margin-left: 12px;}
    .index-industory-swiper .swiper-slide .slide-content-cover{padding: 300px 50px 40px 50px;}
    .index-news-list-img {width: 36%;}
    .index-news-txt {padding: 30px 30px 10px 30px;width: 64%;}
    .index-news-item a h3{margin-top:0;margin-bottom:10px;font-size: 24px;line-height: 32px;}
    .index-news-item a p{margin-bottom: 20px;height: 64px;font-size:16px;}
    .index-images-news-list .index-news-item p{height:96px;}
    .index-images-news-list .index-news-item i.fa {margin-bottom: 49px;}
    .page-banner{height:600px}
    .page-banner img{height:600px;}
    .page-banner-content{padding-top: 270px;}
    .page-slogan-list{padding-top:30px;}
    .page-slogan-list li h3{margin-left:130px;font-size:43px;}
    .page-slogan-list li p{margin-left:130px;font-size:20px;}
    .page-culture-list li h3 {font-size: 26px;}
    .page-culture-list li p {font-size: 16px;}
    .news-jump {padding: 30px 40px;}
    .news-detail-show-btn li {margin-right: 18px;}
    .page-solution-div .page-solution-content {position: absolute;right: 10px;width: 35%;padding: 100px 70px;height: 560px;}
}
@media (min-width: 2550px){
    .index-banner .swiper-slide {height: 1240px;}
    .index-banner .swiper-slide>img { bottom: 0;}
    .index-banner .swiper-slide .slide-content{margin-top: 440px;}
    .index-banner .swiper-slide .slide-content h2{font-size: 60px;line-height: 120px;}
    .index-banner .swiper-slide .slide-content div>div{font-size: 24px;line-height:40px;}
    .page-banner {height: 760px;}
    .page-banner img {height: initial;width: 100%;bottom:0;}
    .page-banner-content { padding-top: 300px;}
}
@media (min-width: 3300px){
    .index-banner .swiper-slide {height: 1240px;}
    .index-banner .swiper-slide>img { bottom: 0;}
    .index-banner .swiper-slide .slide-content{margin-top: 480px;}
    .index-banner .swiper-slide .slide-content h2{font-size: 60px;line-height: 120px;}
    .index-banner .swiper-slide .slide-content div>div{font-size: 24px;line-height:40px;}
    .page-banner {height: 900px;}
    .page-banner img {height: initial;width: 100%;bottom:0;}
    .page-banner-content { padding-top: 370px;}
}


@media (max-width: 1200px) {
    .index-banner .swiper-slide .slide-content h2 {
        font-size: 20px !important;
        line-height: 30px !important;
    }
    .index-about-section .index-section-content h2 {
        font-size: 20px !important;
        line-height: 32px !important;
    }
    .index-about-section .index-section-content h3 {
        line-height: 1.5 !important;
    }
    .index-about-slogan li .counter {
        font-size: 42px !important;
    }
    .index5 {
        margin-left: 0px !important;
        padding: 0px 0 0px !important;
    }
    .index5 h3 {
        font-size: 20px !important;
    }
    .index3-left .left-txt {
        padding: 28px 0 0 !important;
    }
    .index3-left .left-txt:before {
        top: 72px !important;
    }
    .index3-left a {
        margin: 30px 0 0 !important;
    }
    .index-section-title {
        margin-top: 30px !important;
    }
    .index3 {
        padding: 0px 0 0 !important;
    }
    .index3-right {
        display: none !important;
    }
    .index3-left {
        margin: 0 0 0px !important;
    }
    .main-nav .navbar-nav>li>.dropdown-menu .container .row>div:nth-child(3) {
        min-height: 223px !important;
    }
    .dropdown-main-nav-search
    {
        display:none !important;
    }
    .box {
        width: 90% !important;
    }
    .neiye_nav .right {
        display: none !important;
    }
    .pro-nav a {
        margin-right: 7px !important;
    }
    .pro-nav a:nth-child(3), .pro-nav a:nth-child(6), .pro-nav a:nth-child(9) {
        margin-right: 7px !important;
    }
    .pro-nav {
        position: relative !important;
    }
    .info2_content table {
        display: block !important;
        overflow-x: auto !important;
    }
}


/*产品中心*/
.index5 {
	width: 100%;
	padding: 95px 0 90px;
	overflow: hidden;
}
.index5 .title-common {
	text-align: center;
	margin: 0 0 50px;
}
.index5 a {
	display: block;
	width:100%;
	margin: 0 63px 0 0;
	overflow: hidden;
	background:#f1f5f9 url(../images/index5Bg.jpg) no-repeat top center;
	background-size: 100%;
	position: relative;
	float: left;
}
.index5 a:last-of-type {
	margin: 0;
}
.index5-img {
	width: 100%;
	overflow: hidden;
}
.index5-img img {
	width: 100%;
	transition: all 0.5s;
	border:none;
}
.index5 h3 {
	font-size: 30px;
	line-height: 2;
	padding: 0;
	text-align: center;
	color: #333333;
}
.index5 a:hover .index5-img img {
	transform: scale(1.1);
}
@media only screen and (max-width: 991px) {
	.index5 {
		padding: 80px 0 105px;
	}
	.index5 .title-common {
		margin: 0 0 70px;
	}
	.index5 a {
		width: 100%;
		margin: 0 0 70px;
		float: none;
	}
	.index5 h3 {
		font-size: 43px;
	}
}
@media only screen and (max-width: 750px) {
	.index5 {
		padding: 40px 0 50px;
	}
	.index5 .title-common {
		margin: 0 0 35px;
	}
	.index5 a {
		margin: 0 0 35px;
	}
	.index5 h3 {
		font-size: 24px;
	}
}
@media only screen and (min-width: 992px) {
	.index5 {
		padding: 60px 0 55px;
	}
	.index5 .title-common {
		margin: 0 0 40px;
	}
	.index5 a {
		width:100%;
		margin: 0 30px 0 0;
	}
	.index5 h3 {
		font-size: 20px;
	}
}
@media only screen and (min-width: 1200px) {
	.index5 {
		padding: 80px 0 75px;
	}
	.index5 .title-common {
		margin: 0 0 45px;
	}
	.index5 a {
		width:100%;
		margin: 0 45px 0 0;
	}
	.index5 h3 {
		font-size: 24px;
	}
}
@media only screen and (min-width: 1500px) {
	.index5 {
		padding: 0px 0 0px;
	}
	.index5 .title-common {
		margin: 0 0 50px;
	}
	.index5 a {
		width:100%;
		margin: 0 63px 0 0;
	}
	.index5 h3 {
		font-size: 30px;
	}
}




.index3 {
	width: 100%;
	padding: 70px 0 0;
	overflow: hidden;
}

.index3-list {
	width: 100%;
	margin: 60px 0 0;
	overflow: hidden;
	position: relative;
}

.index3-left {
	width: 950px;
	overflow: hidden;
	position: relative;
	left: 50%;
	margin-left: -960px;
}

.index3-left img,
.index3-right img {
	width: 100%;
	transition: all 0.5s;
}

.index3-left .left-txt {
	width: 100%;
	padding: 205px 0 0 260px;
	color: #FFFFFF;
	overflow: hidden;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 1;
}

.index3-left .left-txt:before {
	content: '';
	display: block;
	width: 345px;
	height: 2px;
	overflow: hidden;
	background-color: #FFFFFF;
	position: absolute;
	left: 0px;
	top: 263px;
}

.index3-left h3 {
	font-size: 42px;
	line-height: 45px;
	margin: 0 0 40px;
	font-weight: lighter;
}

.index3-left p {
	font-size: 14px;
	line-height: 24px;
}

.index3-left a {
	display: block;
	width: 160px;
	height: 40px;
	line-height: 38px;
	font-size: 14px;
	color: #FFFFFF;
	text-align: center;
	overflow: hidden;
	border: 1px solid #FFFFFF;
	margin: 180px 0 0;
	position: relative;
	transition: all 0.5s;
}

.index3-left a span {
	position: relative;
	z-index: 1;
}

.index3-left a:before {
	content: '';
	display: block;
	width: 300px;
	height: 300px;
	overflow: hidden;
	transform: rotate(-45deg);
	background-color: #353e81;
	position: absolute;
	left: -350px;
	top: -100px;
	transition: left 0.5s;
}

.index3-left:hover img {
	transform: scale(1.1);
}

.index3-left a:hover {
	color: #FFFFFF;
	border-color: #353e81;
}

.index3-left a:hover:before {
	left: -100px;
}

.index3-right {
	width: 950px;
	overflow: hidden;
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: 10px;
}

.index3-right li {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.index3-right li:first-of-type {
	margin: 0 0 20px;
}

.index3-right .right-txt {
	width: 100%;
	padding: 83px 0 0 75px;
	color: #FFFFFF;
	overflow: hidden;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 1;
}

.index3-right .right-txt:before {
	content: '';
	display: block;
	width: 160px;
	height: 2px;
	overflow: hidden;
	background-color: #FFFFFF;
	position: absolute;
	left: 0px;
	top: 141px;
}

.index3-right h3 {
	font-size: 42px;
	line-height: 45px;
	margin: 0 0 35px;
	font-weight: lighter;
}

.index3-right p {
	font-size: 14px;
	line-height: 24px;
}

.index3-right a {
	display: block;
	width: 160px;
	height: 40px;
	line-height: 38px;
	font-size: 14px;
	color: #FFFFFF;
	text-align: center;
	overflow: hidden;
	border: 1px solid #FFFFFF;
	margin: 110px 0 0;
	position: relative;
	transition: all 0.5s;
}

.index3-right a span {
	position: relative;
	z-index: 1;
}

.index3-right a:before {
	content: '';
	display: block;
	width: 300px;
	height: 300px;
	overflow: hidden;
	transform: rotate(-45deg);
	background-color: #353e81;
	position: absolute;
	left: -350px;
	top: -100px;
	transition: left 0.5s;
}

.index3-right:hover img {
	transform: scale(1.1);
}

.index3-right a:hover {
	color: #FFFFFF;
	border-color: #353e81;
}

.index3-right a:hover:before {
	left: -100px;
}

@media only screen and (max-width: 991px) {
	.index3 {
		padding: 50px 0 0;
	}

	.index3-list {
		margin: 50px 0 0;
	}

	.index3-left {
		width: 100%;
		left: 0;
		margin: 0 0 20px;
	}

	.index3-left img:nth-of-type(1),
	.index3-right li img:nth-of-type(1) {
		display: none;
	}

	.index3-left .left-txt {
		width: 630px;
		overflow: visible;
		left: 50%;
		margin-left: -315px;
		padding: 112px 0 0;
	}

	.index3-left .left-txt:before {
		width: 265px;
		height: 3px;
		left: -181px;
		top: 175px;
	}

	.index3-left h3 {
		font-size: 42px;
		line-height: 45px;
		margin: 0 0 50px;
	}

	.index3-left p {
		font-size: 24px;
		line-height: 36px;
	}

	.index3-left a {
		width: 200px;
		height: 50px;
		line-height: 48px;
		font-size: 20px;
		margin: 180px 0 0;
	}

	.index3-left a:before {
		left: -360px;
	}

	.index3-right {
		width: 100%;
		position: relative;
		left: 0;
		margin-left: 0px;
	}

	.index3-right li {
		width: 100%;
		position: relative;
	}

	.index3-right li:first-of-type {
		margin: 0 0 20px;
	}

	.index3-right .right-txt {
		width: 630px;
		overflow: visible;
		padding: 80px 0 0;
		left: 50%;
		margin-left: -315px;
	}

	.index3-right .right-txt:before {
		width: 265px;
		height: 3px;
		left: -181px;
		top: 141px;
	}

	.index3-right h3 {
		font-size: 42px;
		line-height: 45px;
		margin: 0 0 35px;
	}

	.index3-right p {
		font-size: 24px;
		line-height: 36px;
	}

	.index3-right a {
		width: 200px;
		height: 50px;
		line-height: 48px;
		font-size: 20px;
		margin: 90px 0 0;
	}

	.index3-right li:nth-of-type(1) a {
		margin: 55px 0 0;
	}

	.index3-right a:before {
		left: -360px;
	}
}

@media only screen and (max-width: 750px) {
	.index3 {
		padding: 35px 0 0;
	}

	.index3-list {
		margin: 30px 0 0;
	}

	.index3-left {
		margin: 0 0 10px;
	}

	.index3-left .left-txt {
		width: 335px;
		margin-left: -167.5px;
		padding: 55px 0 0;
	}

	.index3-left .left-txt:before {
		width: 264px;
		height: 2px;
		left: -208px;
		top: 92px;
	}

	.index3-left h3 {
		font-size: 28px;
		line-height: 32px;
		margin: 0 0 25px;
	}

	.index3-left p {
		font-size: 14px;
		line-height: 20px;
	}

	.index3-left a {
		width: 100px;
		height: 30px;
		line-height: 28px;
		font-size: 12px;
		margin: 50px 0 0;
	}

	.index3-left a:before {
		left: -360px;
	}

	.index3-right li:first-of-type {
		margin: 0 0 10px;
	}

	.index3-right .right-txt {
		width: 335px;
		margin-left: -167.5px;
		padding: 30px 0 0;
	}

	.index3-right .right-txt:before {
		width: 264px;
		height: 2px;
		left: -208px;
		top: 68px;
	}

	.index3-right h3 {
		font-size: 28px;
		line-height: 32px;
		margin: 0 0 20px;
	}

	.index3-right p {
		font-size: 14px;
		line-height: 20px;
	}

	.index3-right a {
		width: 100px;
		height: 30px;
		line-height: 28px;
		font-size: 12px;
		margin: 25px 0 0;
	}

	.index3-right li:nth-of-type(1) a {
		margin: 15px 0 0;
	}

	.index3-right a:before {
		left: -360px;
	}
}

@media only screen and (min-width: 992px) {
	.index3 {
		padding: 50px 0 0;
	}

	.index3-list {
		margin: 40px 0 0;
	}

	.index3-left {
		width: 595px;
		margin-left: -600px;
	}

	.index3-left img:nth-of-type(2),
	.index3-right li img:nth-of-type(2) {
		display: none;
	}

	.index3-left .left-txt {
		padding: 120px 0 0 115px;
	}

	.index3-left .left-txt:before {
		width: 178px;
		top: 163px;
	}

	.index3-left h3 {
		font-size: 32px;
		line-height: 35px;
		margin: 0 0 30px;
	}

	.index3-left p {
		font-size: 12px;
		line-height: 20px;
	}

	.index3-left a {
		width: 120px;
		height: 30px;
		line-height: 28px;
		font-size: 12px;
		margin: 100px 0 0;
	}

	.index3-right {
		width: 595px;
		margin-left: 5px;
	}

	.index3-right li:first-of-type {
		margin: 0 0 10px;
	}

	.index3-right .right-txt {
		padding: 50px 0 0 40px;
	}

	.index3-right .right-txt:before {
		width: 103px;
		top: 92px;
	}

	.index3-right h3 {
		font-size: 32px;
		line-height: 35px;
		margin: 0 0 25px;
	}

	.index3-right p {
		font-size: 12px;
		line-height: 20px;
	}

	.index3-right a {
		width: 100px;
		height: 30px;
		line-height: 28px;
		font-size: 12px;
		margin: 40px 0 0;
	}
}

@media only screen and (min-width: 1200px) {
	.index3 {
		padding: 60px 0 0;
	}

	.index3-list {
		margin: 50px 0 0;
	}

	.index3-left {
		width: 715px;
		margin-left: -725px;
	}

	.index3-left .left-txt {
		padding: 150px 0 0 150px;
	}

	.index3-left .left-txt:before {
		width: 220px;
		top: 197px;
	}

	.index3-left h3 {
		font-size: 36px;
		line-height: 40px;
		margin: 0 0 30px;
	}

	.index3-left p {
		font-size: 13px;
		line-height: 22px;
	}

	.index3-left a {
		width: 140px;
		height: 35px;
		line-height: 33px;
		font-size: 13px;
		margin: 130px 0 0;
	}

	.index3-right {
		width: 715px;
		margin-left: 0px;
	}

	.index3-right li:first-of-type {
		margin: 0 0 20px;
	}

	.index3-right .right-txt {
		padding: 60px 0 0 50px;
	}

	.index3-right .right-txt:before {
		width: 122px;
		top: 107px;
	}

	.index3-right h3 {
		font-size: 36px;
		line-height: 40px;
		margin: 0 0 30px;
	}

	.index3-right p {
		font-size: 13px;
		line-height: 22px;
	}

	.index3-right a {
		width: 140px;
		height: 35px;
		line-height: 33px;
		font-size: 13px;
		margin: 55px 0 0;
	}
}

@media only screen and (min-width: 1450px) {
	.index3 {
		padding: 0px 0 0px 0;
	}

	.index3-list {
		margin: 60px 0 0;
	}

	.index3-left {
		width: 964px;
		margin-left: -950px;
	}

	.index3-left .left-txt {
		padding: 205px 0 0 260px;
	}

	.index3-left .left-txt:before {
		width: 345px;
		top: 263px;
	}

	.index3-left h3 {
		font-size: 42px;
		line-height: 45px;
		margin: 0 0 40px;
	}

	.index3-left p {
		font-size: 14px;
		line-height: 24px;
	}

	.index3-left a {
		width: 160px;
		height: 40px;
		line-height: 38px;
		font-size: 14px;
		margin: 180px 0 0;
	}

	.index3-right {
		width: 950px;
	}

	.index3-right .right-txt {
		padding: 83px 0 0 75px;
	}

	.index3-right .right-txt:before {
		width: 160px;
		top: 141px;
	}

	.index3-right h3 {
		font-size: 42px;
		line-height: 45px;
		margin: 0 0 35px;
	}

	.index3-right p {
		font-size: 14px;
		line-height: 24px;
	}

	.index3-right a {
		width: 160px;
		height: 40px;
		line-height: 38px;
		font-size: 14px;
		margin: 40px 0 0;
	}
}

@media only screen and (min-width: 1921px) {
	.index3-left {
		width: -moz-calc(50% - 10px);
		width: -webkit-calc(50% - 10px);
		width: calc(50% - 10px);
		left: 0px;
		margin-left: 0px;
	}

	.index3-right {
		width: -moz-calc(50% - 10px);
		width: -webkit-calc(50% - 10px);
		width: calc(50% - 10px);
	}
}



.one_title{
	width: 100%;
	overflow: hidden;
	color: #979797;
	line-height: 20px;
	font-size: 12px;
	margin-bottom: 50px;
}
.one_title h1{
	font-size: 36px;
	color: #333333;
	margin-bottom: 10px;
}
.join_one video {
	width: 1200px;
	display: block;
	max-width: 100%;
	margin: 0 auto 30px;
}
.join_one .one_txt{
	width: 1105px;
	overflow: hidden;
	margin: 0 auto;
	line-height: 25px;
	color: #333333;
	font-size: 16px;
}
.one_list{
	width: 1225px;
	overflow: hidden;
	margin: 55px auto 0;
}
.one_list li{
	width: 155px;
	height: 167px;
	overflow: hidden;
	margin: 0 10px;
	float: left;
	font-size: 32px;
	font-weight: lighter;
	color: #666666;
	background: url(../images/flowBg2.png) no-repeat center;
	background-size: 100%;
	padding: 40px 0 0;
	text-align: center;
}
@font-face {
  	font-family: "HelveticaNeueLTStd-BlkCn";
  	src: url("../fonts/HelveticaNeueLTStd-BlkCn.otf") format("opentype");
}
.one_list li h1{
	font-size: 35px;
	font-family: "HelveticaNeueLTStd-BlkCn";
	color: #676767;
	margin-bottom: 5px;
}
.one_list li:nth-of-type(2n+1){
	background: url(../images/flowBg1.png) no-repeat center;
	color: #FFFFFF;
}
.one_list li:nth-of-type(2n+1) h1{
	color: #FFFFFF;
}
@media only screen and (max-width:1249px) {
	.join_one .one_txt{
		width: 100%;
	}
	.one_list{
		width: 1225px;
		position: relative;
		left: 50%;
		margin: 55px 0 0 -612px;
		transform: scale(0.8);
	}
}
@media only screen and (max-width:991px ) {
	.one_list{
		width: 100%;
		left: 0;
		margin: 30px 0 0;
		transform: scale(1);
		text-align: center;
	}
	.one_list li{
		display: inline-block;
		float: none;
		margin: 10px;
	}
}
@media only screen and (max-width:767px ) {
	
}
@media only screen and (min-width:1250px) {
	.one_list{
		width: 1225px;
		position: relative;
		left: 50%;
		margin: 55px 0 0 -612px;
	}
}
@media only screen and (min-width:1500px) {
	.one_list{
		width: 1225px;
	}
}

@media only screen and (max-width: 1200px) and (min-width: 768px)
{
    .hidden-xs {
        display: none !important;
    }
    .index-about-section {
        background: none !important;
    }
    .index-about-slogan {
        padding: 50px 0;
        margin: 49px auto 0px;
    }
    .index3-left h3 {
        margin: 70px 0 50px;
    }
    .index3-left .left-txt:before {
        top: 170px !important;
    }
    .index-industory-swiper .swiper-slide {
        width: 97%;
    }
    .feature-block .content-wrapper .text-content[data-v-cc802d76] {
        margin-top: 358px;
    }
    .pro-nav a {
        width: 32% !important;
    }
    .p_Product {
        width: 49% !important;
    }
    .relevant_list a{
        width: 100% !important;
    }
    .n-contact1 .con1 .list .item .text p {
        font-size: 20px !important;
    }
    .index-banner .swiper-slide {
        height: 420px;
    }
    .index-banner .swiper-slide .slide-content {
        margin-top: 110px !important;
    }
    .index-banner {
        margin-top: 110px !important;
    }
    .main-nav .navbar-brand h1 img {
        height: 120px !important;
    }
    .index-banner .swiper-pagination-bullets {
        bottom: 140px;
    }
}


@media only screen and (max-width: 1600px) and (min-width: 1200px) 
{
    .main-nav .navbar-brand {
        height: 100px;
        padding: 10px 0;
    }
    .main-nav .navbar-brand h1 img {
        height: 153px;
        margin-top: -73px;
    }
    .main-nav .navbar-nav>li>a {
        padding: 5px;
        line-height: 33px;
    }
    .navbar-nav>li {
        margin-right: 10px;
    }
    .index-banner .swiper-slide .slide-content h2 {
        font-size: 46px !important;
        line-height: 60px !important;
    }
    .index-section {
        padding: 40px 0;
    }
    .index5 {
        padding: 20px 0 40px;
    }
    .index-images-news-list .index-news-item h3 {
        font-size: 18px;
    }
    .col-lg-2 {
        width: 8.666667% !important;
    }
    .footer-nav dl dd {
        font-size: 14px !important;
    }
    .footer-nav dl dt a {
        font-size: 16px !important;
    }
    .box {
        max-width: 1200px;
    }
    .proLi {
        height: 259px !important;
        margin-right: 7px !important;
    }
    .product_details .details_right {
        width: 375px !important;
        margin: 0 0 0 25px !important;
    }
    .product_relevant .relevant_list {
        margin: 0 0 0px !important;
    }
    .w25-bb1 {
        font-size: 1.2vw !important;
    }
    .w25-btn-a {
        font-size: 1.24vw !important;
    }
}


@media only screen and (max-width: 1900px) and (min-width: 1600px) 
{
    .main-nav .navbar-brand h1 {
        height: 85px;
    }
    .main-nav .navbar-brand {
        height: 100px;
        padding: 10px 0;
    }
    .main-nav .navbar-brand h1 img {
        height: 153px;
        margin-top: -74px !important;
    }
    .main-nav .navbar-nav>li>a {
        padding: 5px;
        line-height: 33px;
    }
    .navbar-nav>li {
        margin-right: 25px;
    }
    .index-banner .swiper-slide .slide-content h2 {
        font-size: 46px !important;
        line-height: 60px !important;
    }
    .index-section {
        padding: 40px 0;
    }
    .index5 {
        padding: 20px 0 40px;
    }
    .index-images-news-list .index-news-item h3 {
        font-size: 18px;
    }
    .col-lg-2 {
        width: 10.666667% !important;
    }
    .footer-nav dl dd {
        font-size: 14px !important;
    }
    .footer-nav dl dt a {
        font-size: 16px !important;
    }
    .box {
        max-width: 1200px;
    }
    .proLi {
        height: 379px !important;
        margin-right: 7px !important;
    }
    .product_details .details_right {
        width: 375px !important;
        margin: 0 0 0 25px !important;
    }
    .product_relevant .relevant_list {
        margin: 0 0 0px !important;
    }
    .w25-bb1 {
        font-size: 1.2vw !important;
    }
    .w25-btn-a {
        font-size: 1.24vw !important;
    }
    .product_details .details_right {
        width: 100% !important;
    }
}