/**/
.index-section-title{position: relative;}
.btn-more{min-width: 220px;color:#333;text-align: center; padding: 15px 36px;border:1px solid #ccc;border-radius: 28px;}
.btn-more:link, .btn-more:visited{color:#333;}
.btn-more.focus, .btn-more:focus, .btn-more:hover {color:#FFF;}
.btn-more:hover{background: linear-gradient(to right, #095092 0%, #0ba3f1 100%);}
.btn-more i.fa{line-height: 24px;margin-right:26px;color:#ccc}

.main-nav{background:#FFF;border-bottom:1px solid rgba(255,255,255,.36);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;border-bottom:1px solid #ccc;}
.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: inherit;color:#0059a9;}
.main-nav .navbar-nav .open>a,
.main-nav .navbar-nav .open>a:focus,
.main-nav .navbar-nav .open>a:hover {background-color: inherit;border-color: inherit;color:#0059a9;}
.main-nav .navbar-nav>li>.dropdown-menu{padding:20px 0;min-height:390px;}
.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:#0059a9;background-color: inherit;}
.main-nav .navbar-nav>li>.dropdown-menu .main-sub-nav{list-style: none;padding-left: 0;text-align: center;}
.main-nav .navbar-nav>li>.dropdown-menu .main-sub-nav>li{display: inline-block;}
.main-nav .navbar-nav>li>.dropdown-menu .main-sub-nav>li>a{padding:15px 30px;height:80px;font-size:18px;line-height: 50px;display: block;}
.main-nav .navbar-nav>li>.dropdown-menu .main-sub-nav>li>a:hover{color:#0059a9;}
.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;padding:0;}

.main-nav-title{padding: 12px 0 44px;margin:0;font-size: 24px;font-weight: bold;}
.main-nav-info{font-size: 16px;}
.main-nav-image{max-width: 100%}
.main-nav-phone{font-weight: bold;}

:root{--swiper-theme-color:#FFF; --swiper-navigation-size: 66px;}


.footer-nav dl dt a{font-weight: bold;color:#FFF}
.footer-nav dl dt a:before{content:"";background:#f78837;display: block;width:3px;height:18px;margin-top:4px;float:left;margin-right:10px;}
.footer-nav dl dd a{color:#999}
.footer-nav dl dd a:hover{color:#f78837}
.footer-contact {color:#999}
.footer-contact h3{font-weight: bold;color:#FFF}
.footer-contact h3:before{content:"";background:#f78837;display: block;width:3px;height:18px;margin-top:4px;float:left;margin-right:10px;}
.footer-contact p{line-height: 36px;margin-bottom: 0;}
footer .footer-contact a{color:#999}
footer .footer-share-btn li a{background: none;width:28px;height:28px;border:1px solid rgba(255, 255, 255, 0.23);border-radius: 50%;line-height: 24px;font-size:12px;color:rgba(255, 255, 255, 0.23);}
footer .footer-copyright a{color:#666;}

.index-banner {margin-top: 90px;}
.index-banner .swiper-slide{height:800px;color:#333;}
.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: 270px;}
.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;}
.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{font-size: 24px;}
/*
.index-banner .swiper-pagination-container {position: relative;}

.index-banner .swiper-pagination-bullets{bottom:40px;}
.index-banner .swiper-pagination-bullet{width:50px;height:8px;border-radius: 4px;border:1px solid #FFF;opacity: .7;background: none;margin-right: 10px;}
.index-banner .swiper-pagination-bullet-active{width:60px;background: #FFF;opacity: 1;}
*/

.index-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{position:relative;width:10px;height:10px;margin:0 55px;vertical-align:middle;padding:0;border:2px solid rgba(247,130,45,0.45);background:0;border-radius:50%;cursor:pointer;opacity:1;z-index:6}
.index-banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom:50px}
.index-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:before,
.index-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:after{content:"";position:absolute;transform-origin:0 0;transform:translate3d(-50%,-50%,0);top:50%;left:50%;width:24px;height:24px;border:1px solid transparent;border-radius:50%}
.index-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:after{width:34px;height:34px}
.index-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:hover:after,
.index-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:hover:before{border-color:rgba(247,130,45,0.4)}
.index-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:hover:before{border-top-color:transparent;animation:rotating 3s linear infinite}
.index-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:hover:after{width:34px;height:34px;border-top-color:transparent;border-bottom-color:transparent;animation:rotating 3s linear reverse infinite}
.index-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{border:2px solid #f7822d}
.index-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active:before{background:rgba(247,130,45,0.25);border:1px solid rgba(247,130,45,0.3)}
.index-banner .swiper-container-horizontal>.swiper-pagination-bullets:after{content:"";width:100%;height:106px;/*background:linear-gradient(to top,rgba(10,20,25,0.7) 0,rgba(10,20,25,0) 100%);*/position:absolute;bottom:-49px;left:0}
.index-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet .show1{width:110px;height:1px;background-color:rgba(247,130,45,0.45);position:absolute;top:50%;right:-112px}
.index-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet .show2{width:0;height:1px;background-color:#f7822d;position:absolute;top:50%;left:100%}
.index-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active .show2{animation:fillWidth 10s linear infinite}
.index-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:nth-last-of-type(1) .show1,
.index-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:nth-last-of-type(1) .show2{display:none}
@keyframes rotating{
    from{transform:rotate(0) translate3d(-50%,-50%,0)}
    to{transform:rotate(360deg) translate3d(-50%,-50%,0)}
}
@keyframes fillWidth{
    from{width:0}
    to{width:110px}
}
@keyframes unfillWidth{
    from{left:0;width:100%}
    to{left:100%;width:0}
}


.index-products-section{}
.index-product-list{list-style:none;padding-left:0;}
.index-product-list .index-product-item{background: #e0e6ee;display: block;padding:10px;margin-bottom:30px;} 
.index-product-list .index-product-item:hover {background: linear-gradient(to right, #095092 0%, #0ba3f1 100%);color:#FFF;}
.index-product-list .index-product-item img{max-width: 100%; height: initial;}
.index-product-list .index-product-item h3{text-align: center;font-size: 18px;}

.index-about-section{position: relative; background: url(../images/index_about.jpg) no-repeat top center;}
.index-about-section .index-section-content{margin-top: 40px;background: url(../images/index_about_1.jpg) no-repeat top center;background-size:100% 100%;color:#FFF;}
.index-about-section .index-section-content h3{font-size: 30px;margin-bottom: 30px;}
.index-about-section .index-section-sub-title{color:#FFF;}
.index-about-section .btn-more{border:1px solid #FFF;color:#FFF;}
.index-about-section .btn-more:hover{background: none;}
.index-about-section .index-about-data-slogan h3{font-size: 156px;font-weight: bold;line-height: 240px;}
.index-about-section .index-about-data-slogan p{font-size:16px;}
.index-about-title-img img{max-width:100%;}

.index-why-choose-us{list-style: none;padding-left:0;}
.index-why-choose-us li{margin-bottom:30px;}
.index-why-choose-us li .index-why-coose-item{padding:30px 60px;background: #f8f8f8;}
.index-why-choose-us li .index-why-coose-item p{min-height:96px;}
.index-why-choose-us li:first-child:hover .index-why-coose-item{background: url(../images/choose_bac_01.jpg) no-repeat;}
.index-why-choose-us li:nth-child(2):hover .index-why-coose-item{background: url(../images/choose_bac_02.jpg) no-repeat;}
.index-why-choose-us li:nth-child(3):hover .index-why-coose-item{background: url(../images/choose_bac_03.jpg) no-repeat;}
.index-why-choose-us li:nth-child(4):hover .index-why-coose-item{background: url(../images/choose_bac_04.jpg) no-repeat;}
.index-why-choose-us .index-why-coose-item .index-why-choose-icon{display:block;width:70px;height:72px;}
.index-why-choose-us li:first-child .index-why-coose-item .index-why-choose-icon{background: url(../images/choose_icon_01.png);}
.index-why-choose-us li:nth-child(2) .index-why-coose-item .index-why-choose-icon{background: url(../images/choose_icon_02.png);}
.index-why-choose-us li:nth-child(3) .index-why-coose-item .index-why-choose-icon{background: url(../images/choose_icon_03.png);}
.index-why-choose-us li:nth-child(4) .index-why-coose-item .index-why-choose-icon{background: url(../images/choose_icon_04.png);}
.index-why-choose-us li:first-child:hover .index-why-coose-item .index-why-choose-icon{background: url(../images/choose_icon_01_h.png);}
.index-why-choose-us li:nth-child(2):hover .index-why-coose-item .index-why-choose-icon{background: url(../images/choose_icon_02_h.png);}
.index-why-choose-us li:nth-child(3):hover .index-why-coose-item .index-why-choose-icon{background: url(../images/choose_icon_03_h.png);}
.index-why-choose-us li:nth-child(4):hover .index-why-coose-item .index-why-choose-icon{background: url(../images/choose_icon_04_h.png);}
.index-why-choose-us h3{font-size:20px;font-weight:bold;color:#000;margin:36px 0 16px;}
.index-why-choose-us h3:after{content:"";background:#0059a9;display:block;width:45px;height:2px;margin-top:24px;}
.index-why-choose-us li:hover .index-why-coose-item {color:#FFF;}
.index-why-choose-us li:hover .index-why-coose-item h3{color:#FFF;}
.index-why-choose-us li:hover h3:after{background:#FFF;}

.index-solutions-section{padding-bottom:0;}
.index-solutions-section .index-section-sub-title{color:#FFF;}
.index-solutions-item{position: relative;overflow: hidden;}
.index-solutions-item img{position: relative;left:0;right:0;z-index: 9999;}
.index-solutions-item h3{position: absolute;top:90px;left:90px;z-index: 99999;font-size:24px;font-weight: bold;}
.index-solutions-item p{position: absolute;top:150px;left:90px;z-index: 99999;text-transform: uppercase;}
.index-solutions-item h3.text-center{right:90px;text-align: center;top:330px;}
.index-solutions-item p.text-center{right:90px;text-align: center;top:390px;}

.index-news-section{background: url(../images/index_news.jpg) no-repeat right bottom #FFF;}
.index-news-list{list-style: none;padding-left: 0;padding-top: 20px;overflow: hidden;}
.index-news-item a{display:block;background: #FFF;padding: 40px;margin-bottom: 30px;box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%);}
.index-news-item a:hover{background: #f78837;color:#FFF;}
.index-news-item a:hover .news-list-calendar{color:#FFF;}
.index-news-item a h3{margin-left: 80px;margin-top:0;font-size: 18px;line-height: 32px;}
.index-news-item a p{margin-left: 80px;color:#666;}
.index-news-item a:hover p{color:#FFF;}
.news-list-calendar{color:#0059a9;font-size: 18px;font-weight: bold;position: relative;}
.news-list-calendar span{display: block;font-size: 16px;font-weight: normal;}
.news-list-calendar:after{content:"";width:54px;height: 46px;background: url(../images/news-list-dots.png);position: absolute;top:90px;left:0;}

.page-banner{height: 500px;position: relative;margin-top: 80px;}
.page-banner img{position: absolute;height: 500px;}
.page-banner-content{padding-top: 140px;position: relative;text-align: center;}
.page-banner-content h2{font-size: 36px;color:#FFF;font-weight:bold;text-shadow: 2px 2px 10px rgba(0,0,0,.3);}
.page-sub-nav{border-bottom:1px solid #d2d2d2;}
.page-sub-nav-list{list-style: none;padding-left:0;padding-top:40px;margin-bottom: 0;}
.page-sub-nav-list li{display: inline-block;margin-right:20px;}
.page-sub-nav-list li a{color:#FFF;border:1px solid #FFF;display: inline-block;height:46px;line-height:46px;padding:0 40px;}
.page-sub-nav-list li.cur a{color:#FFF;background: #0059a9;border:1px solid #0059a9;}

.page-crumb{list-style: none;padding-left:0;text-align: left;margin-bottom: 30px;border-bottom:2px solid #e5e5e5;}
.page-crumb li{color:#666;display: inline-block;height:70px;line-height:70px;}
.page-crumb li i.fa{margin: 0 10px;font-size: 20px;color:#999;}

.page-about-customer-section{padding:0;}
.page-about-customer-content{padding:60px 90px;}
.page-about-img{margin-bottom: 40px;}
.page-about-customer-img{overflow: hidden;}
.page-about-customer-img img{min-height: 510px;max-width: initial;}
.page-about-counter{list-style: none;padding: 30px 0;}
.page-about-counter li {padding: 40px;height: 180px;text-align: center;color:#666;position: relative;border-right:1px solid #DDD;}
.page-about-counter li:last-child{border-right:none;}
.page-about-counter li .counter{font-size: 60px;font-weight: bold;margin-right: 10px;}


.page-about-intro-dots{list-style: none;padding-left: 0;padding-top:60px;}
.page-about-intro-dots li{border-right: 1px solid #e5e5e5;padding:26px;text-align: justify;}
.page-about-intro-dots li:last-child{border-right: none;}
.page-about-intro-dots li i.fa{font-size:50px;}
.page-about-intro-dots li h4{font-size: 24px;color:#333;margin: 30px 0;}

.page-culture-list{list-style: none;padding-left: 0;}
.page-culture-list li{margin-bottom: 30px;}
.page-culture-list li .page-culture-item{height:200px;padding:60px 40px;position: relative;color:#666;box-shadow: 2px 2px 10px rgba(0,0,0,.3);}
.page-culture-list li .page-culture-item i{font-size:50px;margin-top:10px;}
.page-culture-list li .page-culture-item h4{margin-left:80px;color:#333;font-size:22px;font-weight:bold;}
.page-culture-list li .page-culture-item p{margin-left:80px;}

.page-culture-div{background: #000;color:#FFF;padding:64px 36px;height:462px;margin-bottom:30px;position: relative;}
.page-culture-div>i.fa{width:70px;height:70px;line-height: 70px;border:1px solid #FFF;border-radius: 50%;float: left;text-align: center;font-size: 36px;}
.page-culture-div h3.culture-title{margin-left: 90px;margin-top:0;}
.page-culture-div div.culture-sub-title{margin-left: 90px;margin-bottom: 40px;text-transform: uppercase;}
.page-culture-div p:last-child{margin-bottom: 80px;}
.page-culture-company-location{background: url(../images/company-location.png) no-repeat;}
.page-culture-culture-idea{background: url(../images/culture-idea.png) no-repeat;}
.page-culture-enterprise{background: url(../images/enterprise-image.jpg) no-repeat;}
.page-culture-div a{display:inline-block;min-width: 150px;color:#FFF;text-align: left; position: relative; padding: 12px 26px 15px 0;position: absolute;bottom:60px;}
.page-culture-div a i.fa{line-height: 29px;margin-right:26px;}

.page-qualification-content{background: rgba(255,255,255,.55);padding:40px;}
.page-qualification-list ul{list-style: none;padding-left:0;}
.page-qualification-list ul li{color:#333;margin-bottom: 10px;}

.page-qualification-list{list-style: none;padding-left: 0;position: relative;}
.page-qualification-list li{position: initial;margin-bottom: 40px;}
.page-qualification-list li a{display: block;text-align:center;}
.page-qualification-list img{margin: 0 auto;padding:90px 20px;max-width: 100%;width: 100%;}
.page-qualification-list h3{font-size: 16px;text-align: center;margin-top:60px;}

.environment-info{overflow: hidden;margin-bottom:30px;}
.environment-content{padding: 30px;}
.page-environment-list{list-style: none;padding-left: 0;}
.page-environment-list li{margin-bottom: 30px;}
.page-environment-list h3{font-size: 16px;line-height:60px;height:60px;margin: 0;padding: 0 10px;}
.page-environment-list h3 i.fa{line-height:60px;height:60px;}
.page-environment-list a:hover h3{background: #0059a9;color:#FFF;}
.page-environment-list img{margin: 0 auto;max-width: 100%;width: 100%;}

.page-news-list{list-style: none;padding-left: 0;}
.page-news-list li a{display:block;box-shadow: 2px 2px 10px rgba(0,0,0,.3);margin-bottom: 30px;padding:40px 60px;color:#666;}
.page-news-list .news-calendar{float: left;color:#0059a9;font-size:22px;text-align: center;width:100px;margin-right: 40px;}
.page-news-list .news-calendar span{font-size:32px;font-weight:bold;line-height: 40px;display: block;}
.page-news-list a{color:#666;}
.page-news-list li h3{margin-top: 0;font-size:18px;color:#333;margin-bottom: 20px;}

.news-detail-title{margin: 0;font-size:30px;}
.news-detail-info{padding:20px 0;color:#999;border-bottom:1px solid #e5e5e5;}
.news-detail-content{padding: 40px 0;color:#666;}
.news-jump{border-top:1px solid #e5e5e5;padding: 20px 0;color:#999;}
.news-jump a{color:#999;}
.page-news-share-btn ul{list-style: none;padding-left:0;}
.page-news-share-btn ul li a{display: block;width:100%;height:80px;line-height:80px;text-align: center;;border-radius: 4px;font-size: 20px;color:#AAA;border-bottom:1px solid #DDD;}
.page-news-share-btn ul li:first-child a{}

.page-products-list{list-style: none;padding-left: 0;}
.page-products-list li{margin-bottom: 30px;}
.page-products-list h3{display:block;font-size: 16px;line-height:50px;color:#333;height:50px;margin: 0 30px;border-bottom:1px solid #eaeaea;}
.page-products-list p{display:block;font-size: 16px;line-height:50px;height:50px;margin: 0;margin: 0 30px;color: #0059a9;}
.page-products-list p i.fa{line-height:50px;height:50px;}
.page-products-list a{background:#f8f7f7;display:block;}
.page-products-list img{padding: 30px 20px 0 20px;margin: 0 auto;max-width: 100%;width: 100%;}
.page-products-list h3{text-align:center;}
.page-product-side-nav{}
.page-product-side-nav dt{line-height:70px;height:70px;border-bottom:2px solid #e5e5e5;font-weight:bold;margin-bottom:30px;}
.page-product-side-nav dt:after{content:"";display: block;position: absolute;top:68px;background: #0059a9;height:2px;width:80px;}
.page-product-side-nav dt a{padding:0;font-size: 22px;}
.page-product-side-nav dd{line-height: 50px;height:50px;margin-bottom:5px;}
.page-product-side-nav dd a{display:block;padding:0 20px;background:#e5e5e5;color:#666;}
.page-product-side-nav dd a.cur{color:#FFF;background: linear-gradient(to right, #095092 0%, #0ba3f1 100%);}
.page-product-item h1{margin:0;font-size:30px;padding-bottom:30px;border-bottom:1px solid #e5e5e5;}
.page-product-item .product-big-img{margin-bottom:30px;}
.page-product-item .product-big-img img{max-width:100%;height:inherit;margin:0 auto;}
.page-product-item .product-detail-content{min-height: 600px;}
.page-product-item .product-detail-content>h3{line-height:70px;height:70px;border-bottom:2px solid #e5e5e5;font-weight:bold;margin-bottom:30px;}
.page-product-item .product-detail-content>h3:after{content:"";display: block;position: absolute;top:88px;background: #0059a9;height:2px;width:80px;}
.page-product-item .product-detail-content>div{padding-bottom:30px;min-height:100px;}
.page-product-item .product-detail-content>div img{max-width:100%;height:inherit;margin:0 auto;}

.product-detail-show-btn{list-style: none;padding: 10px 20px 10px 0;margin: 40px 0;}
.product-detail-show-btn li{float: left;margin-right: 10px;}
.product-detail-show-btn li a{display:block;background:#20b7e9;width:28px;height:28px;border-radius:14px;line-height: 28px;font-size:14px;text-align: center;color:#FFF;}
.product-detail-show-btn li a:hover{color:#DDD;}
.product-detail-show-btn li:first-child a{ background:#20b7e9;}
.product-detail-show-btn li:nth-child(2) a{ background:#f81218;}
.product-detail-show-btn li:nth-child(3) a{ background:#49b161;}
.product-detail-show-btn li:nth-child(4) a{ background:#f0a023;}

.products-detail-relation-list>h3{line-height:70px;height:70px;border-bottom:2px solid #e5e5e5;font-weight:bold;margin-bottom:30px;position: relative;}
.products-detail-relation-list>h3:after{content:"";display: block;position: absolute;top:68px;background: #0059a9;height:2px;width:80px;}

.page-contact-content{list-style: none;padding-left: 0;overflow: hidden;}
.page-contact-content li{position: relative; ;border-bottom:2px solid #DDD;font-size:18px;margin:30px 0 15px;padding-bottom:10px;color:#666;}
.page-contact-content li:first-child{margin-top: 0;}
.page-contact-content li:after{content:"";display: block;position: absolute;top:42px;background: #0059a9;height:2px;width:60px;}

.page-section-contact{padding-bottom:0}
.contact-info li h3{font-size: 18px;color:#666;}
.contact-info li p{font-size: 20px;color:#333;font-weight: bold;}
#baidu-map{margin-top:30px;height:620px;background: #EEE;}
#baidu-map label{max-width: inherit;}
#baidu-map img{max-width: inherit;}
.page-feedback-section .row.bg-gray{padding:60px 30px;}
.page-feedback-section .row.bg-gray div:first-child p:nth-child(2){margin-top: 200px;}
.page-feedback-form .form-group{padding:0;}
.page-feedback-form input,.page-feedback-form textarea{border-radius: 0;padding:24px;font-size: 20px;}
.page-feedback-form input.form-captcha{border-right: 1px solid #CCC;}
.page-feedback-form input.btn{border:none;outline:none;padding:10px 24px;width:200px;color:#FFF;background: linear-gradient(to right, #095092 0%, #0ba3f1 100%);}
.page-feedback-form textarea{min-height: 260px;}


.control-div{position: absolute;top:0;right:0;padding: 50px;height: 100%;border-left: 1px solid #e5e5e5; line-height: 100%;font-size:48px;font-weight:normal;color:#AAA;cursor: pointer;}

.page-service-info {width:70%;margin: 0 auto;}
.page-service-content h3{position: relative; ;border-bottom:3px solid #ccc;margin:40px 0 15px;padding-bottom:20px;color:#333;}
.page-service-content h3:first-child{margin-top: 0;}
.page-service-content h3:after{content:"";display: block;position: absolute;top:46px;background: #0059a9;height:3px;width:100px;}
.page-service-list{list-style: none;padding-left: 0;}
.page-service-item {overflow: hidden;padding:60px 20px;}
.page-service-list h3{width:120px;height:120px;line-height:116px;border:2px dashed #f78837;border-radius: 50%;margin:0 auto 20px;}

.page-qa-list{list-style: none;padding-left: 0;}
.page-qa-list li{margin-bottom: 30px;}
.page-qa-list li a.page-qa-item{padding:30px;color:#666;border:1px solid #e5e5e5;display:block;min-height:100px;}
.page-qa-list li .page-qa-item i{font-size:36px;}
.page-qa-list li .page-qa-item h3{margin-top: 0;color:#333;font-size:18px;margin-bottom: 20px;margin-left:60px;}
.page-qa-list li .page-qa-item p{margin-left:60px;}

.side-search-div{padding:30px;background: url(../images/side-search-bac.jpg);background-size: cover;margin-bottom:30px}
.side-search-div .btn{min-width:40px;}
/*基础样式代码*/
@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: 1920px){
    .container {
        width: 1400px;
    }
    .dropdown-menu-inlayout{
        width: 1400px;margin: 0 auto;
    }
}
/*自适应代码*/
@media (min-width: 320px){
    .btn-more{min-width: 180px;padding: 10px 16px;border-radius: 28px;}
    :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;}
    .main-nav .navbar-brand{height: 60px;padding: 8px;}
    .main-nav .navbar-brand h1{height: 60px;}
    .main-nav .navbar-brand h1 img{height: 44px;}
    .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>li:hover>a:after{display: none;}
    .main-nav-active.main-nav .navbar-nav>li>a{color:#333;}
    .main-nav .navbar-nav .dropdown-fluid {position: inherit;}
    .main-nav .navbar-nav .dropdown-fluid .dropdown-menu{position: inherit;min-height:inherit;background:#EEE;}
    .main-nav .navbar-nav>li>.dropdown-menu .main-sub-nav{text-align: left;}
    .main-nav .navbar-nav>li>.dropdown-menu .main-sub-nav>li{display: inline;}
    .main-nav .navbar-nav>li>.dropdown-menu .main-sub-nav>li>a {padding: 15px 0;height: 60px;line-height: 30px;}
    .index-banner {margin-top: 0;}
    .index-banner .swiper-slide{height: 200px;}
    .index-banner .swiper-slide .slide-content {margin-top: 30px;}
    .index-banner .swiper-slide.index-banner-center .slide-content{margin-top: 95px;}
    .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 h2.text-center{font-size: 16px;text-align:center; line-height: 30px;}
    .index-banner .swiper-slide .slide-content div{font-size: 14px;text-align: center;line-height: 24px;}
    .index-banner .swiper-slide .slide-content .banner-text-white{color:#FFF;}

    .index-section-title:before{ width: 45px;height: 24px;top: 5px;}
    .index-about-section .index-section-content h2{font-size: 24px;text-align: center;}
    .index-about-section .index-section-content h3{font-size: 16px;text-align: center;}
    .index-about-section .index-about-data-slogan h3 {font-size: 56px;line-height: 60px;}
    .index-why-choose-us li .index-why-coose-item{padding:16px 30px;background-size:cover;}
    .index-why-choose-us li:first-child .index-why-coose-item{background: url(../images/choose_bac_01.jpg) no-repeat;}
    .index-why-choose-us li:nth-child(2) .index-why-coose-item{background: #f8f8f8;}
    .index-why-choose-us li:nth-child(3) .index-why-coose-item{background: url(../images/choose_bac_03.jpg) no-repeat;}
    .index-why-choose-us li:nth-child(4) .index-why-coose-item{background: #f8f8f8;}
    .index-why-choose-us li:first-child .index-why-coose-item,
    .index-why-choose-us li:nth-child(3) .index-why-coose-item {color:#FFF;}
    .index-why-choose-us li:first-child  .index-why-coose-item h3,
    .index-why-choose-us li:nth-child(3) .index-why-coose-item h3{color:#FFF;}
    .index-why-choose-us li:first-child h3:after,
    .index-why-choose-us li:nth-child(3) h3:after{background:#FFF;}
    .index-why-choose-us li:first-child .index-why-coose-item .index-why-choose-icon{background: url(../images/choose_icon_01_h.png);}
    .index-why-choose-us li:nth-child(3) .index-why-coose-item .index-why-choose-icon{background: url(../images/choose_icon_03_h.png);}

    .index-solutions-section .no-gutters>div:first-child .index-solutions-item{height:340px;}
    .index-solutions-section .no-gutters>div:first-child .index-solutions-item img{width:100%;height:initial;}
    .index-solutions-section .no-gutters>div .index-solutions-item{height:340px;}
    .index-solutions-section .no-gutters>div .index-solutions-item img{width:initial;height:100%;}
    .index-solutions-item h3.text-center{left:0;right: 0;text-align: center; top:90px;}
    .index-solutions-item p.text-center{left:0;right: 0;text-align: center;top: 150px;}
    .index-solutions-item h3{left:0;right: 0;text-align: center; top:90px;}
    .index-solutions-item p{left:0;right: 0;text-align: center;top: 150px;}

    .news-list-calendar{display: block;position: absolute;right:45px;bottom:50px;font-size: 16px;font-weight: normal;}
    .news-list-calendar:after{display: none;}
    .news-list-calendar span {display: inline;}
    .news-list-calendar span:after{content:"-";}
    .index-news-item a h3{margin-left: 0;}
    .index-news-item a p {margin-left: 0;}
    .page-news-list li a {padding: 45px 30px;}
    footer{padding-top: 60px;margin-bottom:62px;}
    
    .footer-contact h3:before{display: none;}
    .footer-contact{margin-bottom: 30px;}
    .footer-copyright a{display: block;}

    .page-banner{margin-top:0;height:200px}
    .page-banner img{height:200px;}
    .page-banner-content {padding-top: 50px;}
    .page-banner-content h2{font-size: 24px;}

    .page-about-customer-content {padding: 60px 0;}
    .page-about-counter li {padding:40px 20px;height: 180px;}
    .page-about-counter li:first-child,.page-about-counter li:nth-child(2){border-bottom: 1px solid #DDD;}
    .page-about-counter li .counter {font-size: 40px;}
    .page-culture-list li .page-culture-item{padding:30px 20px;}

    .page-section-qualification {height: inherit;background-size: cover;}
    .page-qualification-img {padding-bottom:30px;}
    .page-qualification-content{padding:40px 20px;}
    .page-qualification-list li:nth-child(4n):after{display: none;}
    .page-qualification-list h3{margin-top:20px;}

    .page-service-info {width:100%;}
    .page-service-item {padding:20px;}
    .page-service-item p{min-height: 80px;}
    .page-service-list li:nth-child(3) .page-service-item p,
    .page-service-list li:nth-child(4) .page-service-item p {min-height: 130px;}
    .page-service-content h3:after{top:43px;}
    .contact-info li{width:50%;min-height: 320px;}
    .contact-info li:last-child{width:100%;}
    .page-feedback-section .row.bg-gray div:first-child p:nth-child(2){margin-top:60px;}
}
@media (min-width: 768px){
    .main-nav .navbar-nav>li:hover>a:after{display: block;}
    .main-nav .navbar-nav .dropdown-fluid {position: inherit;}
    .main-nav .navbar-nav .dropdown-fluid .dropdown-menu{position: absolute;padding: 32px 0;min-height:inherit;background:#EEE;}
    .main-nav .navbar-nav>li>.dropdown-menu .main-sub-nav{text-align: left;overflow: hidden;}
    .main-nav .navbar-nav>li>.dropdown-menu .main-sub-nav>li{border-bottom: 1px solid #e0e0e0; width: 210px;margin-right: 30px;float: left;display:block;}
    .main-nav .navbar-nav>li>.dropdown-menu .main-sub-nav>li:nth-child(2n+1){clear:both;}
    .main-nav .navbar-nav>li>.dropdown-menu .main-sub-nav>li>a {display:block;padding:0;height: 50px;line-height: 50px;}

    .main-sub-nav-products li a{display:block;font-size: 17px;padding: 15px 30px;}
    .main-sub-nav-products li a:hover{color:#0059a9;}

    .lang-choise>a>i.fa{font-size: 22px;}
    .lang-choise>a>i.fa:first-child{margin-right: 8px;}
    .lang-choise>a>i.fa:nth-child(2){margin-left: 5px;font-size: 16px;}
    
    .index-why-choose-us li .index-why-coose-item{padding:30px 60px;background-size:100%;}
    .index-why-choose-us li:first-child .index-why-coose-item{background: #f8f8f8;}
    .index-why-choose-us li:nth-child(2) .index-why-coose-item{background: #f8f8f8;}
    .index-why-choose-us li:nth-child(3) .index-why-coose-item{background: #f8f8f8;}
    .index-why-choose-us li:nth-child(4) .index-why-coose-item{background: #f8f8f8;}
    .index-why-choose-us li:first-child .index-why-coose-item,
    .index-why-choose-us li:nth-child(3) .index-why-coose-item {color:#333;}
    .index-why-choose-us li:first-child  .index-why-coose-item h3,
    .index-why-choose-us li:nth-child(3) .index-why-coose-item h3{color:#333;}
    .index-why-choose-us li:first-child h3:after,
    .index-why-choose-us li:nth-child(3) h3:after{background:#333;}
    .index-why-choose-us li:hover .index-why-coose-item {color:#FFF;}
    .index-why-choose-us li:hover .index-why-coose-item h3{color:#FFF;}
    .index-why-choose-us li:hover h3:after{background:#FFF;}
    .index-why-choose-us li:first-child .index-why-coose-item .index-why-choose-icon{background: url(../images/choose_icon_01.png);}
    .index-why-choose-us li:nth-child(3) .index-why-coose-item .index-why-choose-icon{background: url(../images/choose_icon_03.png);}

    .index-solutions-section .no-gutters>div:first-child .index-solutions-item{height:auto;}
    .index-solutions-section .no-gutters>div:first-child .index-solutions-item img{width: initial; height: 100%;}
    .index-solutions-section .no-gutters>div .index-solutions-item{height:auto;}
    .index-solutions-section .no-gutters>div .index-solutions-item img{width:initial;height:100%;}
    .index-solutions-item h3.text-center{left:90px;right: 90px;text-align: center; top:330px;}
    .index-solutions-item p.text-center{left:90px;right: 90px;text-align: center;top: 390px;}
    .index-solutions-item h3{left:90px;right: 90px;text-align: left; top:90px;}
    .index-solutions-item p{left:90px;right: 90px;text-align: left;top: 150px;}

    .news-list-calendar{font-size: 18px;font-weight: bold;display: block;position: relative;right:inherit;bottom:inherit;}
    .news-list-calendar:after{display: block;}
    .news-list-calendar span {display: block;}
    .news-list-calendar span:after{content:"";display: none;}
    .index-news-item a h3{margin-left: 80px;}
    .index-news-item a p {margin-left: 80px;}
    .navbar-fixed-top {position: fixed;right: 0;left: 0;z-index: 1030;}
    .footer-contact h3:before{display: block;}
    .footer-contact{margin-bottom: 0;}
    .footer-copyright a{display: inline;}
    .index-banner .swiper-slide .slide-content div div {display: block;}
    .page-banner{margin-top:80px;height:500px}
    .page-banner img{height:500px;}
    .page-banner-content {padding-top: 170px;}
    .page-banner-content h2{font-size: 36px;}
    .page-about-customer-content {padding: 60px 90px;}
    .page-about-counter li {padding: 40px;height: 180px;}
    .page-about-counter li:first-child,.page-about-counter li:nth-child(2){border-bottom:none;}
    .page-about-counter li .counter {font-size: 60px;}
    .page-culture-list li .page-culture-item{height:200px;padding:60px 40px;}
    .page-section-chairmanspeech{height:516px;}
    
    .page-section-qualification {height: 535px;}
    .page-section-about-intro h1{margin-bottom: 70px;font-size:36px;}
    .page-qualification-content{padding:40px;}
    .page-qualification-list li:nth-child(4n):after{display: block;}
    .page-qualification-list h3{}
    
    .page-section-qualification .page-qualification-list li:after{display: none;}
    .page-news-list li a {padding: 40px 30px;}
    
    .page-service-info {width:70%;}
    .page-service-item {padding:60px 20px;}
    .page-service-list li:nth-child(3) .page-service-item p,
    .page-service-list li:nth-child(4) .page-service-item p {min-height: inherit;}
    .page-service-content h3:after{top:46px;}
    .contact-info li{width:20%;min-height: 290px;}
    .contact-info li:last-child{width:20%;}
    
    .page-feedback-section .row.bg-gray div:first-child p:nth-child(2){margin-top:200px;}
}
@media (min-width: 992px){
    :root{ --swiper-navigation-size: 66px;}
    .main-nav .navbar-brand{height: 90px;padding: 10px 0;}
    .main-nav .navbar-brand h1{height: 70px;}
    .main-nav .navbar-brand h1 img{height: initial;margin-top: inherit;}
    .main-nav:hover .navbar-brand h1 img {}
    .main-nav .navbar-nav>li>a{height: 90px;line-height: 60px;}
    .main-nav-active.main-nav .navbar-nav>li>a{color:#333;}

    .main-nav-page{background: #FFF;border-bottom:1px solid #ccc;}
    .main-nav-page .navbar-brand h1 img{}
    .main-nav-page .navbar-nav>li>a{color:#333;}
    .index-banner {margin-top: 90px;}
    .index-banner .swiper-slide>img{width: 100%;height: initial;}
    .index-banner .swiper-slide .slide-content {margin-top: 340px;}
    .index-banner .swiper-slide.index-banner-center .slide-content {margin-top: 270px;}
    .index-banner .swiper-slide.index-banner-center .slide-content .bg-hightlight{background:#0059a9;font-size: 24px;}
    .index-banner .swiper-slide .slide-content h2 {font-size: 24px;line-height: 70px;text-align:left;}
    .index-banner .swiper-slide .slide-content h2.text-center{text-align:center;}
    .index-banner .swiper-slide .slide-content div{font-size: 24px;text-align:left;line-height: 32px;}

    .index-section-title:before{width: 45px;height: 28px;top: 8px;}
    .index-about-section{background-size:initial;height: 797px;}
    .index-about-section .index-section-content h2{font-size: 36px;text-align: left;}
    .index-about-section .index-section-content h3{font-size: 30px;text-align: left;}
    .index-about-section .index-section-content .index-about-data-slogan h3{text-align:center;font-size: 156px;line-height: 240px;}
    footer{padding-top: 100px;margin-bottom:0;}
}
@media (min-width: 1200px){
    .main-nav .navbar-nav>li>a{padding:15px;}
    .index-banner .swiper-slide {height: 500px;}
    .index-banner .swiper-slide>img{width: 100%;}
    .index-banner .swiper-slide .slide-content{margin-top: 180px;}
    .index-banner .swiper-slide .slide-content h2{font-size: 32px;line-height: 60px;font-weight: bold;}
    .index-banner .swiper-slide.index-banner-center .slide-content{margin-top: 300px;}
    .index-banner .swiper-slide.index-banner-center .slide-content h2.text-center{font-size: 24px;line-height: 50px;border-radius: 25px;margin:0 60px;}
    .index-banner .swiper-slide .slide-content div{font-size: 16px;}
    .page-banner {height: 400px;}
    .page-banner img{height:400px;}
    .page-banner-content {padding-top: 110px;}
    .page-contact-content li:after{top: 38px;}
    .page-contact-section .page-section-title {margin-top: 0;}
}
@media (min-width: 1366px){
    .index-banner .swiper-slide {height: 560px;}
    .index-banner .swiper-slide .slide-content{margin-top: 210px;}
    .index-banner .swiper-slide .slide-content h2{font-size: 32pxpx;line-height: 60px;font-weight: bold;}
    .index-banner .swiper-slide.index-banner-center .slide-content{margin-top: 360px;}
    .index-banner .swiper-slide.index-banner-center .slide-content h2.text-center{font-size: 24px;line-height: 70px;border-radius: 35px;}
    .index-banner .swiper-slide .slide-content div{font-size: 16px;}
    .page-banner {height: 440px;}
    .page-banner img{height:440px;}
    .page-banner-content {padding-top: 140px;}
    .page-contact-content li:after{top: 42px;}
}
@media (min-width: 1440px){
    .index-banner .swiper-slide {height: 590px;}
    .index-banner .swiper-slide .slide-content{margin-top: 200px;}
    .index-banner .swiper-slide .slide-content h2{font-size: 40px;line-height: 100px;font-weight: bold;}
    .index-banner .swiper-slide.index-banner-center .slide-content h2.text-center{font-size: 24px;line-height: 70px;border-radius: 35px;}
    .index-banner .swiper-slide .slide-content div{font-size: 20px;}
    .page-banner {height: 460px;}
    .page-banner img{height:460px;}
    .page-banner-content {padding-top: 160px;}
}
@media (min-width: 1600px){
    .main-nav .navbar-nav>li>a{padding:15px 15px;}
    .index-banner .swiper-slide {height: 660px;}
    .index-banner .swiper-slide .slide-content{margin-top: 260px;}
    .index-banner .swiper-slide .slide-content h2{font-size: 48px;line-height: 100px;font-weight: bold;}
    .index-banner .swiper-slide.index-banner-center .slide-content{margin-top: 420px;}
    .index-banner .swiper-slide.index-banner-center .slide-content h2.text-center{font-size: 24px;line-height: 70px;}
    .index-banner .swiper-slide .slide-content div{font-size: 24px;}
    
    .page-banner {height: 500px;}
    .page-banner img{height:500px;}
    .page-banner-content {padding-top: 170px;}
}
@media (min-width: 1920px){
    .main-nav .navbar-nav>li>a{padding:15px 25px;}
    .index-banner .swiper-slide .slide-content{margin-top: 270px;}
    .index-banner .swiper-slide {height: 790px;}
    .index-banner .swiper-slide.index-banner-center .slide-content{margin-top: 440px;}

}