/**/
*{transition: all .2s ease-in-out;}
.index-section-title{position: relative;}
.index-section-more{display: block;border:1px solid #dcdcdc;text-align: center;font-size:16px;color:#666;width:190px;height:44px;line-height: 42px;text-transform: uppercase;margin-top:40px;}
.btn-more{min-width: 220px;color:#FFF;text-align: center; padding: 15px 36px;border:none;background: #038acf;}
.btn-more:link, .btn-more:visited{color:#333;}
.btn-more.focus, .btn-more:focus, .btn-more:hover {color:#FFF;}
.btn-more i.fa{line-height: 24px;margin-right:26px;color:#ccc}

.top-tool-bar{background: #f5f5f2;line-height:42px;font-size:15px;color:#1c1614;}
.top-tool-lang a{line-height:42px;height:42px;display:block;box-shadow: none;cursor: pointer;}
.top-tool-lang.open .dropdown-toggle{box-shadow: none;border-radius:0}
.top-tool-lang .dropdown-menu{border-radius:0;padding:10px 20px;z-index: 99999;}
.top-tool-lang .dropdown-menu li:nth-child(2){border-bottom:1px solid #d2d2d2;}
.top-tool-lang .dropdown-menu a{line-height:45px;height:45px;font-size:15px;padding:0;min-width:150px;color:#333;}
.top-tool-lang .dropdown-menu a:hover{background: none;}
.top-tool-bar i.fa{margin-right:4px;font-size:18px;}
.top-tool-links a{margin-right:10px;}

.main-nav{border:none;}
.main-nav .navbar-toggle .icon-bar {background-color: #888;}
.main-nav{color:#010101;margin-bottom:0;background:#FFF;}
.main-nav .navbar-brand{height: 100px;padding: 25px 0;}
.main-nav .navbar-brand h1{margin: 0;display:block;height: 50px;overflow: hidden;}
.main-nav .navbar-nav>li>a{padding:15px 30px;height:50px;font-size:20px;line-height: 50px;}
.main-nav-active.main-nav .navbar-brand{height: 50px;padding: 15px 0;}
.main-nav-active.main-nav .navbar-brand h1{height: 50px;}
.main-nav-active.main-nav .navbar-nav>li>a{font-size:16px;line-height:50px;padding:10px 20px;height:70px;}
.main-nav-active .main-nav-form {padding:15px;}


.main-nav .navbar-nav>li>a:focus,
.main-nav .navbar-nav>li>a:hover {background-color: inherit;color:#2d6fb2;}
.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:#2d6fb2;}
.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:#2d6fb2;background-color: inherit;}
.main-nav .navbar-nav>li>.dropdown-menu .main-sub-nav-title{display:none;}
.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:65px;color:#333;font-weight:bold;font-size:18px;line-height: 65px;display: block;}
.main-nav .navbar-nav>li>.dropdown-menu .main-sub-nav>li>a:hover{color:#2d6fb2;}
.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-form {padding:30px 15px;margin:0;}
.main-nav-form .btn{min-width:50px;border-left:none;border-top-right-radius: 20px;border-bottom-right-radius: 20px;height:40px;line-height: 26px;border-color:#e4e6e8;}
.main-nav-form .form-control[type='text']{border-radius: 0;border-right:none;border-top-left-radius: 20px;border-bottom-left-radius: 20px;height:40px;line-height: 32px;padding: 6px 20px;outline: none;box-shadow: none;border-color:#e4e6e8;}

.main-nav-title{padding: 12px 0 30px;margin:0;font-size: 26px;color:#333;font-weight:bold;}
.main-nav-info{font-size: 16px;line-height:28px;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:#038acf; --swiper-navigation-size: 55px;}
.swiper-vertical > .swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets{right:20px;}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin: var(--swiper-pagination-bullet-vertical-gap, 14px) 0;}
.swiper-pagination-bullet:focus{outline: none;}

.footer-nav dl dt{margin-bottom:10px;}
.footer-nav dl dt a{font-size:18px;line-height: 48px; font-weight: bold;color:#1c1a1a;}
.footer-nav dl dd a{color:#1c1a1a}
.footer-nav dl dd a:hover{color:#1c1a1a}
footer .footer-contact {color:#1c1a1a}
footer .footer-contact p{line-height: 36px;margin-bottom: 0;}
footer .footer-contact h3{font-size:18px;line-height: 48px; font-weight: bold;margin-bottom: 10px;color:#1c1a1a;}
footer .footer-contact a{color:#1c1a1a;}
footer .footer-share-btn li a{background: #333;width:32px;height:32px;color:#FFF;border:1px solid rgba(255, 255, 255, 0.23);border-radius: 50%;line-height: 30px;font-size:14px;}

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 #dcdcd9;line-height: 40px;padding:40px 0;color:#1c1a1a;}
footer .footer-copyright p{margin-bottom:0;}
footer .footer-copyright a{color:#1c1a1a;padding:0 4px;}

.index-banner .swiper-slide{height:770px;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: 120px;text-shadow: 2px 2px 10px rgba(0,0,0,.3);}
.index-banner .swiper-slide .slide-content h2{font-size: 32px;line-height: 100px;font-weight: normal;}
.index-banner .swiper-slide .slide-content div>div{font-size: 42px;line-height: 75px;font-weight: bold;width:70%;}
.index-banner .swiper-pagination-container {position: relative;}
.index-banner .swiper-pagination{bottom:60px;}
.index-banner .swiper-pagination .swiper-pagination-bullet{border-radius:0;opacity: .8;background: none;margin-right: 10px;font-size:20px;line-height:22px; font-weight:bold;color:#FFF;display:inline-block;overflow: hidden;height:22px;width:30px;}
.index-banner .swiper-pagination .swiper-pagination-bullet-active{color: #038acf;opacity: 1;width:80px;}
.index-banner .swiper-pagination .swiper-pagination-bullet-active:after{display:block;float:right;background: #038acf;content:"";width:44px;height:1px;margin-top:10px;}

.index-industory-section{background:#FFF;}
.index-industory-list{list-style: none;padding-left: 0;}
.index-industory-item {margin-bottom: 30px;}
.index-industory-item:hover a {box-shadow: 2px 2px 10px rgba(0,0,0,.2);}
.index-industory-item a{display:block;padding:0;overflow: hidden;border:1px solid #e5e5e5;background:#FFF;}
.index-industory-item a img{width:100%;}
.index-industory-item .index-industory-txt{padding:20px 15px;}
.index-industory-item a h3{margin-top:0;margin-bottom:10px;font-size: 20px;line-height: 30px;color:#000;font-weight: normal;height: 30px;}
.index-industory-item a h3{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical;}
.index-industory-item a p{color:#666;margin-bottom: 20px;overflow: hidden;font-size:16px;line-height:24px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp: 4;line-clamp: 4;-webkit-box-orient: vertical;text-align: justify;}
.index-industory-item a span{font-size:16px;}

.index-about-section{background: #fbfbfb;}
.index-about-img img{width:100%;}
.index-about-section .index-about-content h2{font-size:34px;line-height:54px;font-weight: bolder;margin:0;color:#333;}
.index-about-section .index-about-content h3{font-size:18px;margin: 20px 0 40px 0;color:#444;}
.index-about-section .index-section-more{border:2px solid #038acf;color:#FFF;background: #038acf;display:block;margin-top: 50px;}

.index-section-slogan{background:#FFF;}
.index-about-slogan{list-style: none;padding-left:0;margin:0 auto;}
.index-about-slogan li {text-align: center;position: relative;line-height: 70px;}
.index-about-slogan li p{font-size:18px;color:#666;}
.index-about-slogan li .counter{font-size: 36px;font-weight: bold;margin-right: 5px;z-index: 9999;position: relative;padding-bottom:16px;}
.index-about-slogan li img{margin-top:-20px;}

.index-advantage-section{background: url(../images/index-advantage-bac.jpg) repeat-y top center;color:#FFF;}
.index-advantage-content h3{font-size:34px;font-weight:bold;margin-bottom:30px;margin-top:0;}
.index-advantage-content p{font-size:18px;line-height:32px;margin-bottom:120px;width:86%;}
.index-advantage-content a{border:2px solid #FFF;color:#FFF;}
.index-advantage-swiper{height:480px}
.index-advantage-swiper .swiper-slide a{display: block;position: relative;}
.index-advantage-swiper .swiper-slide a img{width:100%;height:100%;}
.index-advantage-swiper .swiper-slide a .index-advantage-swiper-content{position: absolute;bottom:0;left:0;width:100%;color:#FFF;height:120px;padding:15px 30px 0 30px;background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.7))}
.index-advantage-swiper .swiper-pagination-bullet{width:10px;height:10px;background: var(--swiper-pagination-bullet-inactive-color, #FFF);opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.7);}
.index-advantage-swiper .swiper-pagination-bullet-active {opacity: var(--swiper-pagination-bullet-opacity, 1);background: var(--swiper-pagination-color, var(--swiper-theme-color));}

.index-news-section{background: #fbfbfb;}
.index-news-list{list-style: none;padding-left: 0;}
.index-news-item {margin-bottom: 30px;}
.index-news-item a{display:block;padding:0;overflow: hidden;}
.index-news-item a img{width:100%;}
.index-news-item a h3{margin-top:0;margin-bottom:10px;font-size: 18px;line-height: 30px;color:#000;font-weight: normal;height: 60px;}
.index-news-item a:hover h3{color:#058cd0;}
.index-news-item a:hover p{color:#333;}
.index-news-item a h3{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.index-news-item a p{color:#666;margin-bottom: 20px;height:84px;overflow: hidden;font-size:15px;line-height:28px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;}
.index-news-item a span{font-size:12px;}
.news-list-calendar{color:#adadad;font-size: 12px;font-weight: normal;padding:10px 0;}

.index-cooperation-section{background: #FFF;padding:60px 0;}
.index-cooperation-swiper{height:280px;margin-top: 30px;}
.index-cooperation-swiper .swiper-slide {height:96px;}
.index-cooperation-swiper .swiper-slide a{display: block;border:1px solid #e5e5e5;overflow: hidden;}
.index-cooperation-swiper .swiper-slide a:hover{box-shadow: 2px 2px 10px rgba(0,0,0,.1);}
.index-cooperation-swiper .swiper-slide a img{width:100%;}


.page-banner{height: 600px;position: relative;}
.page-banner img{position: absolute;height: 600px;top:0;left:0;}
.page-banner-content{padding-top: 260px;position: relative;width:100%;}
.page-banner-content h2{font-size: 32px;color:#FFF;font-weight:bold;text-shadow: 2px 2px 10px rgba(0,0,0,.3);margin-top:40px;}
.page-banner-content h3{font-size: 72px;color:rgba(255,255,255,.18);text-transform: uppercase;font-weight:bold;position: absolute;width:100%;margin-top:0;}
.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 #dcdcdc;}
.page-sub-nav-list{list-style: none;padding-left:0;margin-bottom: 0;text-align: left;}
.page-sub-nav-list li{display: inline-block;padding:0 20px;}
.page-sub-nav-list li a{font-size:16px;display: inline-block;position: relative;height:70px;line-height:70px;color:#666;}
.page-sub-nav-list li.cur a{color:#333;}
.page-sub-nav-list li.cur a:after{width:100%;height:2px;bottom:0;left:0;background:#058cd0;content:"";display: block;position: absolute;}
.page-crumb{list-style: none;padding-left:0;text-align: right;margin-bottom: 0;}
.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-crumb li a{color:#666;}

.page-solution-content h3{font-size:32px;color:#333;font-weight:bold;}

.page-section-solution-step{background:#f7fbfe;}
.page-solution-step-list{list-style:none;padding-left:0;overflow: hidden;height:330px;}
.page-solution-step-list li{margin-bottom:30px;}
.page-solution-step-item{background:#058cd0;padding:30px;color:#FFF;overflow: hidden;}
.page-solution-step-item .step-ico{display: block;height:70px;width:70px;line-height:66px;text-align:center;border-radius: 50%;color:#FFF;border:1px dashed #FFF;position: relative;font-size:28px;font-weight:bold;margin-right:20px;float:left;}
.page-solution-step-item .step-ico:after{width:84%;height:84%;border-radius:50%;color:#FFF;border:1px solid #FFF;content:"";position: absolute;left:8%;top:8%}
.page-solution-step-item h3{float: left;}
.page-solution-step-item p{float:none;clear:both;display: none;}
.page-solution-step-item:hover{min-height:160px;}
.page-solution-step-item:hover .step-ico{display:none;}
.page-solution-step-item:hover h3{margin-top:0;}
.page-solution-step-item:hover p{display: block;margin-bottom:0;height:60px;}

.page-solution-help{list-style:none;padding-left:0;overflow: hidden;}
.page-solution-help-item{border:1px solid #e5e5e5;position: relative;padding:10px 20px;height:initial;margin-bottom:30px;display:block;}
.page-solution-help-item h3{font-size:18px;color:#333;}
.page-solution-help-item p{line-height:1.8;}
.help-ico{position: absolute;right:25px;top:20px;font-size:24px;}



.page-solution-electric-content{width:90%;text-align:justify;padding-bottom:30px;}

.page-solution-our-advantage-list{list-style:none;padding-left:0;overflow: hidden;}
.page-solution-our-advantage-list li{width:20%;float:left;padding:15px;}
.page-solution-our-advantage-list li .solution-our-advantage-item{padding:25px 15px;box-shadow: 2px 2px 10px rgba(0,0,0,.1);height:350px;}
.solution-our-advantage-item h3{color:#333;font-size:24px;}

.page-solution-relation-products-swiper{padding: 0;margin-left: -50px;margin-right:-50px;}
.page-solution-relation-products-swiper .swiper{margin-left: 50px;margin-right:50px;}
.page-solution-relation-products-swiper h3{font-size:18px;}
.page-solution-relation-products-swiper .swiper-slide{box-shadow: 2px 2px 10px rgba(0,0,0,.1);margin-bottom:30px;}
.page-solution-relation-products-swiper .swiper-slide a{display: block;background:#FFF;}
.page-solution-relation-products-swiper .swiper-slide h3{font-size:18px;margin-top:0;margin-bottom:10px;line-height:28px;}

.page-section-solution-case{border-bottom:25px solid #058cd0;}
.page-section-solution-case-swiper{height:280px;}
.page-section-solution-case-swiper .swiper-slide {height:96px;}
.page-section-solution-case-swiper .swiper-slide a{display: block;border:1px solid #e5e5e5;overflow: hidden;}
.page-section-solution-case-swiper .swiper-slide a img{width:100%;}


.page-products-sub-category{list-style:none;padding-left:0;overflow: hidden;}
.page-products-sub-category li{float: left;margin-right: 10px;margin-bottom:30px;}
.page-products-sub-category li a{display: block;padding:5px 14px;min-width: 100px;text-align:center;}
.page-products-sub-category li.cur a{background: #058cd0;color:#FFF;}


.page-products-list{list-style:none;padding-left:0;}
.page-products-list li{margin-bottom:30px;}
.page-products-list li a img{width:100%;}
.page-products-list li a{color:#666;}
.page-product-item{display: block;box-shadow: 2px 2px 10px rgba(0,0,0,.1);background:#FFF;}
.page-product-item h3{font-size:18px;margin-top:0;margin-bottom:10px;line-height:28px;}
.page-products-list-txt{padding:24px 20px;}
.page-products-list-txt h3{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical;color:#333;}
.page-products-list-txt p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;min-height:64px;}

.page-products-detail{overflow: hidden;}
.page-products-detail h1{font-size: 36px;padding-bottom:30px;margin-bottom:30px;margin-top: 4px;font-weight:normal;color:#333;border-bottom: 1px solid #e5e5e5;}
.page-products-info{margin-bottom:40px;}
.page-products-info>p:first-child{min-height:110px;}
.page-products-phone{border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;padding:20px 0;margin-bottom:30px;}
.page-products-phone a{font-size:24px;color:#666;}

.page-products-info-link{font-size:16px;}
.page-products-info-link a{margin-right: 25px;}
.page-products-info-link i.fa{margin-right:5px;}
.pro-big-img {width: 100%;margin:0 auto;height: 500px;overflow: hidden;margin-bottom:30px;}
.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;}

.page-products-detail-title{height:70px;line-height:70px;text-indent:40px;background:url(../images/page-products-detail-title.jpg) no-repeat;background-size: cover;color:#FFF;margin-bottom:30px;font-size:30px;font-weight:bold;border-radius: 14px;}
.page-products-detail-content{padding:55px 45px;box-shadow: 2px 2px 10px rgba(0,0,0,.1);background: #FFF;margin-bottom:30px;}
.page-products-detail-content>div img{max-width:100%;width:100%}
.page-products-detail-content-title{font-weight: bold;color:#333;font-size:16px;margin-top:10px;}
.page-products-relation-title{line-height:70px;margin-bottom:20px;font-size:30px;font-weight:bold;color:#333;}
.page-products-detail-content table tr td, .page-products-detail-content table tr th{padding:3px 8px;}
.page-products-sider-contact{background:url(../images/page-products-sider-contact-bac.jpg) no-repeat;background-size:cover;color:#FFF;height:310px;margin-bottom:30px;padding:50px 24px 0 24px;}
.page-products-sider-contact h3{font-size:30px;line-height:40px;font-weight:bold;margin-bottom:30px;}
.page-products-sider-contact a{padding: 8px 40px; line-height: 1;width: initial;  background: #058cd0;color: #FFF;
}

.page-development-content h3{margin-top:0;margin-bottom:26px;font-size:32px;font-weight:bold;color:#333;}
.page-development-swiper .swiper{margin-left: 30px;margin-right:30px;}

.page-production-swiper{padding:30px 0;}
.page-production-swiper .swiper{margin-left: 30px;margin-right:30px;}
.page-production-swiper h3{font-size:18px;}

.page-production-step-list{overflow: hidden;list-style: none;padding-left:0;}
.page-production-step-list li{width:20%;float: left;background: #eaf2f5;border-right:2px solid #FFF;border-bottom:2px solid #FFF;padding:20px 40px;font-size:18px;}
.page-production-step-list li .num-ico{display: inline-block;height:70px;width:70px;line-height:70px;text-align:center;border-radius: 50%;border:1px dashed #838383;position: relative;font-size:18px;font-weight:bold;margin-right:10px;}
.page-production-step-list li .num-ico:after{width:84%;height:84%;border-radius:50%;border:1px solid #838383;content:"";position: absolute;left:8%;top:8%}
.page-production-step-list li:hover {color:#FFF;background: #058cd0;}
.page-production-step-list li:hover .num-ico{color:#FFF;border:1px dashed #FFF;}
.page-production-step-list li:hover .num-ico:after{color:#FFF;border:1px solid #FFF;}

.page-experiment-swiper{padding:30px 0;}
.page-experiment-swiper .swiper{margin-left: 30px;margin-right:30px;}
.page-experiment-swiper h3{font-size:18px;}

.page-experiment-list-table{border-collapse: collapse;width:100%;}
.page-experiment-list-table tr td,
.page-experiment-list-table tr th{text-align: center;padding:20px 10px;text-align: center;}
.page-experiment-list-table tr{background: #f2f6f9;}
.page-experiment-list-table tr:nth-child(2n){background: #FFF;}

.page-quality-list{list-style: none;overflow:hidden;padding-left:0;margin-top:30px;}
.page-quality-list a{display:block;margin-bottom:30px;}
.page-quality-list a img{width:100%;}
.page-quality-list a h3{font-size:18px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical;}

.page-news-list{list-style:none;padding-left:0;}
.page-news-list li .page-news-item {border-bottom:1px solid #e5e5e5;padding:40px 0;display:block;color:#838383;}
.page-news-list li:first-child .page-news-item {padding-top:0;}
.page-news-item img{width:100%;}
.page-news-item h3{font-size:18px;color:#333;margin-top:0;margin-bottom: 10px;color:#333;}
.page-news-item p{margin-bottom:0;text-align: justify;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;}
.news-calendar{display:block;margin-bottom:15px;color:#CCC;}
.page-news-search-box {margin-bottom:30px;}
.page-news-search-box h3{font-size:24px;font-weight:bold;color:#333;margin-top:0;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #e5e5e5;}
.news-search-search-form .form-control[type='text']{border-radius: 0;height:40px;line-height: 32px;padding: 6px 10px;outline: none;box-shadow: none;border-color:#7d7d7d;}
.news-search-search-form .btn{min-width:100px;height:40px;line-height: 26px;}

.page-news-relation-box {margin-bottom:30px;}
.page-news-relation-box h3{font-size:24px;font-weight:bold;color:#333;margin-top:0;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #e5e5e5;}
.page-news-relation-list{list-style:none;padding-left:0;overflow: hidden;}
.page-news-relation-list li{margin-bottom:8px;}
.page-news-relation-list li a{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical;}

.page-news-tags-box{padding:30px 20px;}
.page-news-tags-box h3{font-size:24px;font-weight:bold;color:#333;margin-top:0;}
.page-news-tags-list{list-style:none;padding-left:0;overflow: hidden;padding-top:20px;}
.page-news-tags-list li{float:left;margin-bottom:20px;margin-right:8px;}
.page-news-tags-list li a{display:block;border:1px solid #c5c5c5;background:#FFF;border-radius:20px;padding:4px 10px;;}

.page-news-detail{padding:60px 50px;box-shadow: 2px 2px 10px rgba(0,0,0,.1);background: #FFF;margin-bottom:30px;}
.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;min-height:300px;}
.news-content div,.news-content p{margin-bottom:8px;}

.news-jump{margin-top:30px;}
.news-jump a{color:#666;border-bottom:1px solid #e5e5e5;}
.news-jump a:first-child{display:block;border-top:1px solid #e5e5e5;}
.news-jump a p{line-height: 60px;margin-bottom:0;}

.page-qa-list{list-style:none;padding-left:0;padding-top:0;overflow: hidden;}
.page-qa-list li{margin-bottom:30px;}
.page-qa-list li a{display: block;border:1px solid #e5e5e5;padding:20px 30px 40px;}
.page-qa-list li a h3{font-size:18px;margin-bottom:20px;color:#333;}
.page-qa-list li a p{color:#666;min-height: 96px;}
.page-section-download{background:#f5fafd;}
.page-section-download .page-section-title{color:#333;}
.page-download-list{list-style: none;padding:0;overflow:hidden;}
.page-download-list a{display:block;overflow: hidden;margin-bottom: 30px;height:100px;line-height:100px;background:#FFF;}
.page-download-list a h3{margin:0;padding:0 30px;font-size:18px;}
.page-download-list a i.fa{padding-right:10px;font-size:36px;line-height:100px;}
.page-download-list a i.fa.downloat-ico{font-size:22px;color:#AAA;}

.page-engineering-content{padding:30px 55px;margin-top:30px;}
.page-engineering-content h3{font-size:28px;font-weight:bold;}
.page-section-maintenance{color:#FFF;background:url(../images/page-section-maintenance-bac.jpg) no-repeat;background-size:cover;background-position: top center;}
.page-maintenance-content{min-height:350px;}
.page-maintenance-content h3{font-size:28px;font-weight:bold;margin-bottom:30px;}

.page-service-content h3{font-size:28px;font-weight:bold;margin-bottom:20px;color:#333;}
.service-content-tops{margin-top:120px;font-size:16px;color:#666;}
.service-content-tops a{color:#666;}

.page-service-list{list-style:none;padding-left:0;padding-top:0;padding-bottom:30px;overflow: hidden;}
.page-service-list li{margin-bottom:30px;}
.page-service-list li h3{margin-top:30px;margin-bottom:20px;color:#333;}
.page-service-list li img{width:100%;}

.page-about-content{text-align: justify;}
.page-about-content h3{margin-top:0;margin-bottom:26px;font-size:32px;font-weight:bold;color:#333;}
.page-about-ico{list-style:none;padding-left:0;padding-top:60px;}
.page-about-ico .page-about-ico-img{background:url(../images/page-about-ico-bac.png) no-repeat;width:140px;height:140px;margin:0 auto;}
.page-about-ico h3{font-size:17px;margin-top:30px;}
.page-about-ico img{margin-top:33px;}
.page-section-about-cooperation{background:url(../images/page-about-cooperation-bac.jpg) no-repeat;background-size: cover;color:#FFF;}
.page-section-about-cooperation .page-section-title{color:#FFF;}
.page-cooperation-list{margin-top: 30px;}
.page-cooperation-list li{margin-bottom:30px;}
.page-cooperation-list>div{margin-bottom:30px;}
.page-cooperation-list>div img{width:100%;}

.page-culture-top>div{margin-bottom:30px;}
.page-culture-top>div img{width:100%;}
.page-culture-top>div:first-child .bg-gray{background:#ebf2f6;}
.page-culture-top>div:nth-child(2) .bg-gray{background:#ecece0;}
.page-culture-content{padding:60px 60px;}
.page-culture-content h3{color:#333;font-weight:bold;}

.page-culture-list{list-style:none;padding-left:0;padding-top:0;}
.page-culture-list li{border-right:1px solid #e5e5e5;height:250px;padding-top:10px;}
.page-culture-list li:last-child{border:none;}
.page-culture-list li img{max-width:100%;}
.page-culture-list li h3{margin-top:0;font-size:24px;font-weight: bold;color:#333;}

.page-environment-list{list-style: none;overflow:hidden;padding-left:0;}
.page-environment-list a{display:block;margin-bottom:30px;}
.page-environment-list a img{width:100%;}
.page-environment-list a h3{font-size:18px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical;}

.page-section-history{background:url(../images/page-history-bac.jpg) no-repeat;background-size: cover;}

.page-honor-top-swiper{border-bottom:2px solid #e5e5e5;margin-bottom: -4px;}
.page-honor-top-swiper .swiper-slide{width:90px;}
.page-honor-top-swiper .swiper-slide h3{font-size:18px;padding:40px 0;margin-top:0;display: block;margin:0 20px;}
.page-honor-top-swiper .swiper-slide.swiper-slide-active h3{border-bottom:2px solid #058cd0;}

.page-honor-content{background:url(../images/page-honor-content-bac.jpg) repeat-y;margin:80px 140px;min-height:500px;}
.page-honor-item{position: relative;}
.page-honor-item h3.page-honor-item-title{font-size:32px;font-weight:bold;position: absolute;left:-100px;margin-top: 18px;}
.page-honor-item h3.page-honor-item-title:after{content:"";position: absolute;width:14px;height:14px;border-radius: 50%;border:3px solid #058cd0;right:-29px;top:12px;background: #FFF;}
.page-honor-item ul{list-style: none;padding-left:40px;position: initial;}
.page-honor-item ul li{background: #fafafa;padding:0 20px;position: relative;}
.page-honor-item ul li:nth-child(2n){background: #FFF;}
.page-honor-item ul li h3{line-height:30px;padding:20px 0;font-size:18px;margin:0;z-index:999;}
.page-honor-item ul li>div{position: absolute;right:0;bottom:0;z-index: 99999;width: 270px;height:initial;border:1px solid #e5e5e5;background: #FFF;display: none;}
.page-honor-item ul li:hover{background: #058cd0;}
.page-honor-item ul li:hover>div{display: block;}
.page-honor-item ul li:hover h3{color:#FFF;}

.page-cooperation-list{list-style: none;overflow:hidden;padding-left:0;}
.page-cooperation-list a{display:block;/*margin-bottom:30px;*/}
.page-cooperation-list a img{width:100%;}
.page-cooperation-list a h3{font-size:18px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical;}


.page-contact-info>h3{font-size:32px;font-weight:bold;color:#333;margin-bottom:20px;margin-top:0;}
.page-contact-info>p{margin-bottom:40px;}
.page-contact-list{list-style: none;overflow:hidden;padding-left:0;}
.page-contact-list li {margin-bottom:20px;line-height:44px;}
.page-contact-list li i.fa{font-size:26px;margin-right:12px;display: inline-block;height:44px;line-height:44px;width:30px;}
.page-contact-list li p{color:#333;display: inline-block;height:44px;line-height:44px;margin:0;}

.page-contact-department-info{list-style: none;overflow:hidden;padding-left:0;}
.page-contact-department-info li{padding-top:10px;}
.page-contact-department-info li div h3{margin-top:0;color:#333;}
.page-contact-department-info li div{margin-bottom:20px;line-height:44px;box-shadow: 2px 2px 10px rgba(0,0,0,.3);padding:40px 30px;border-bottom:2px solid #058cd0}

#baidu-map{height: 400px;}
#baidu-map label{max-width: inherit;}
#baidu-map img{max-width: inherit;}

.page-feedback-info h3{color:#333;font-size:32px;margin-top:0;margin-bottom:30px;font-weight:bold;}
.page-feedback-info p a{color:#666;}
.page-feedback-info p.feedback-tops{margin-top:120px;font-size:16px;color:#999;}
.page-feedback-form {padding:30px 50px;}
.page-feedback-form .input-group{padding:10px 0;}
.page-feedback-form .form-group{padding:10px 0;margin-bottom:0;}
.page-feedback-form label{font-size:18px;font-weight:normal;color:#333;}
.page-feedback-form input,
.page-feedback-form textarea{border-radius: 0;padding:10px 0;font-size: 16px;background:none;border:none;border-bottom:1px solid #e5e5e5;outline: none;box-shadow: none;}
.page-feedback-form .form-control:focus{border:none;border-bottom:1px solid #e5e5e5;outline: none;box-shadow: none;}
.page-feedback-form input.btn{padding:18px 40px;font-size:16px;line-height:1;width:initial;background:#058cd0;color:#FFF;}
.page-feedback-form p{font-size:14px;margin-bottom:0;}

.page-hr-info{padding:80px 60px;}
.page-hr-info h3{color:#333;font-size:32px;margin-top:0;margin-bottom:30px;font-weight:bold;}

.recruitment-list{list-style: none;padding-left: 0;padding-top:30px;}
.recruitment-list li *{transition:none!important;}
.recruitment-list li{background: #f8f8f8;margin-bottom:0;position: relative;}
.recruitment-list li:nth-child(2n){background: #FFF;}
.recruitment-list li.open{background: url(../images/recruitment-detail-bac.jpg); background-size: cover;color:#FFF;}
.recruitment-list li.open a{color:#FFF;}
.recruitment-list li.open .recruitment-item{height:initial;padding:65px 55px 20px 55px;line-height:60px;}
.recruitment-list li.open .recruitment-item h3{font-size:32px;line-height:60px;}
.recruitment-item {position: relative;padding:0 30px;height:100px;line-height:100px;}
.recruitment-item h3{margin: 0;font-size:18px;line-height:100px;}
.recruitment-item i.fa{font-size:28px;}
.recruitment-detail{padding:0 45px 45px 45px}
.recruitment-detail>div{padding:0 25px;font-size:16px;}
.recruitment-detail>div p{margin-bottom:8px;}
.recruitment-detail>div>div{overflow: auto;overflow-y: overlay; height: 300px;padding-right: 20px;}
.recruitment-detail>div>div::-webkit-scrollbar{width:4px;background: #003f7f;}
.recruitment-detail>div>div::-webkit-scrollbar-thumb{width:4px;background: #FFF;}
.recruitment-detail h4{margin-top: 0;font-size:18px;line-height: 32px;}
.recruitment-tops{margin-top:120px;}

.sitemap-cate-list{overflow: hidden;}
.sitemap-cate-list dl{overflow: hidden;float: none;clear: both;}
.sitemap-cate-list dl dt{margin-bottom: 8px;}
.sitemap-cate-list dl dt a{font-size:20px;font-weight: 600;}
.sitemap-cate-list dl dd {float: left;margin-right: 30px;}
.sitemap-cate-list dl dd a{font-size:16px;}

/*基础样式代码*/
@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: 1440px;margin: 0 auto;
    }
}
@media (min-width: 1600px){
    .container {
        width: 1440px;
    }
    .dropdown-menu-inlayout{
        width: 1440px;margin: 0 auto;
    }
}
@media (min-width: 1920px){
    .container {
        width: 1440px;
    }
    .dropdown-menu-inlayout{
        width: 1440px;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-collapse{background:#f4f4f4;}
    .navbar-nav.pull-right{float: none!important;}
    .main-nav .navbar-brand{height: 60px;padding: 10px;}
    .main-nav .navbar-brand h1{height: 40px;}
    .main-nav .navbar-brand h1 img{height: 40px;}
    .main-nav .navbar-nav>li>a{color: #333;height: 50px;line-height: 30px;padding: 10px 15px;font-size: 16px;}
    .main-nav .navbar-nav .dropdown-fluid .dropdown-menu{left: initial;margin-left:0;width: 100%;background:#FFF;position: initial;}
    .main-nav .navbar-nav>li>.dropdown-menu .main-sub-nav>li{width:100%;}
    .main-nav .navbar-nav>li>.dropdown-menu .main-sub-nav>li>a {height: 42px;text-align: left; font-weight: normal; font-size: 14px;line-height: 42px;}
    .main-nav .navbar-nav>li>.dropdown-menu .container .row>div{padding:15px;}

    .main-nav-active.main-nav .navbar-brand{height: 60px;padding: 10px;}
    .main-nav-active.main-nav .navbar-nav>li>a{color:#333;}
    .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: 30px;}
    .index-banner .swiper-slide>img {height: 100%; width: inherit;}
    .index-banner .swiper-slide .slide-content h2 {font-size: 17px;line-height: 30px;text-align:center;margin-top:10px;}
    .index-banner .swiper-slide .slide-content div>div{font-size: 13px;text-align: center;line-height: 24px;text-align: center;width:100%;}
    .index-banner .swiper-slide:nth-child(2) .slide-content,
    .index-banner .swiper-slide:nth-child(3) .slide-content,
    .index-banner .swiper-slide:nth-child(4) .slide-content{margin-top: 45px;}

    .index-banner .swiper-slide:nth-child(2) .slide-content div>div,
    .index-banner .swiper-slide:nth-child(3) .slide-content div>div,
    .index-banner .swiper-slide:nth-child(4) .slide-content div>div{display: none;}
    .index-banner .swiper-pagination-bullets {bottom: 10px; }
    .index-banner .swiper-pagination .swiper-pagination-bullet{margin-right: 10px;font-size:14px;height:22px;}

    .index-industory-item a h3{font-size:16px;}
    .index-industory-item a p{font-size:14px;}
    .index-industory-item a span{font-size:12px;}

    .index-about-section{background-size:cover;height: initial;}    
    .index-about-section{min-height:400px;}
    .index-about-section .index-section-more{margin-bottom:30px;}

    .index-about-slogan li img{margin-top: -16px;width: 40px;}
    .index-about-slogan li p{font-size:12px;}
    .index-about-slogan li{line-height: 40px;}
    .index-about-slogan li .counter{font-size: 20px;padding-bottom: 0px;}

    .index-advantage-content h3{font-size:24px;margin-bottom:30px;margin-top:0;}
    .index-advantage-content p{font-size:14px;line-height:28px;margin-bottom:40px;width:100%;}
    .index-advantage-content a{margin-bottom:60px;}
    .index-advantage-swiper {height: 250px;}
    .index-advantage-swiper .swiper-slide a .index-advantage-swiper-content{padding: 15px 15px 0;height: 140px;}

    .index-cooperation-swiper {height: 340px;}
    .index-cooperation-swiper .swiper-slide{height:60px;}

    footer{padding-top: 30px;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:10px;}
    .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: 50px;}
    .page-banner-content h3{font-size: 40px;}
    .page-banner-content h2{font-size: 24px;margin-top:30px;}

    .page-solution-content h3{font-size:24px;}

    .page-solution-step-list {height: initial;}
    .page-solution-step-item{padding:20px;}
    .page-solution-step-item .step-ico{height:40px;width:40px;line-height:36px;font-size:16px;margin-right:10px;}
    .page-solution-step-item .step-ico:after{width:84%;height:84%;color:#FFF;left:8%;top:8%}
    .page-solution-step-item h3{font-size: 16px;margin-top: 10px;margin-bottom: 3px;}
    .page-solution-step-item:hover p{height:initial;font-size:12px;}

    .page-section-solution-case-swiper{height: 340px;}
    .page-section-solution-case-swiper .swiper-slide{height:60px;}
    .page-solution-electric-content{width:100%;}
    .page-solution-our-advantage-list li {width: 50%;}
    .page-solution-our-advantage-list li:last-child{width:100%;}
    .page-solution-our-advantage-list li .solution-our-advantage-item{padding:15px 15px;height:300px;}
    .solution-our-advantage-item img{width:80px;}
    .solution-our-advantage-item h3{font-size:18px;}

    .page-solution-relation-products-swiper {margin-left: 0;margin-right: 0;}
    .page-solution-relation-products-swiper .swiper { margin-left: 10px;margin-right: 10px;}
    .solution-relation-products-swiper-button-prev{left:-10px;}
    .solution-relation-products-swiper-button-next{right:-10px;}

    .page-products-detail h1 {font-size: 28px;padding-bottom: 10px;margin-bottom: 10px;}
    .pro-big-img {height: initial;margin-bottom:30px;}
    .page-products-phone a {font-size: 18px; }
    .page-products-detail-title {height: 44px; line-height: 44px;text-indent: 22px; margin-bottom: 20px;font-size: 20px;}
    .page-products-detail-content {padding: 30px 20px;}
    .page-products-relation-title {line-height: 40px;margin-bottom: 10px;font-size: 22px;}
    .page-products-sider-contact h3 {font-size: 24px;line-height: 32px;}
    .page-news-tags-box h3 {font-size: 22px;}

    .page-development-content h3 {font-size: 24px;}
    .page-production-step-list li{width:50%;font-size:14px;padding: 20px 20px;}
    .page-production-step-list li .num-ico{height:50px;width:50px;line-height:50px;font-size:14px;margin-right:5px;}
    .page-production-step-list li .num-ico:after{width:84%;height:84%;left:8%;top:8%}

    .page-news-item h3 {font-size: 20px; margin-top: 10px;line-height:32px;}
    .page-news-detail {padding: 30px 20px;}
    .news-title {font-size: 24px;line-height:1.4;}

    .page-engineering-content {padding: 20px;}
    .service-content-tops {margin-top: 20px;}
    .page-qa-list li a{padding:10px 20px 15px;}
    .page-download-list a { height: 80px;}
    .page-download-list a i.fa { padding-right: 10px;font-size: 30px;line-height: 80px;}
    .page-feedback-form {padding: 30px 10px; }

    .page-about-content h3 { font-size: 24px;  }
    .page-culture-content {padding: 30px; }
    .page-culture-list li{height: 220px;border-bottom: 1px solid #e5e5e5;}
    .page-culture-list li:nth-child(2){border-right:none;}
    .page-culture-list li:nth-child(n+3){border-bottom:none;}
    .page-honor-content{margin: 40px 0;}
    .page-honor-item h3.page-honor-item-title{position: relative;left: 40px;margin-bottom:30px;width:140px;}
    .page-honor-item h3.page-honor-item-title:after{left: -46px;top: 12px;}
    .page-honor-item ul li h3{font-size:14px}

    .page-contact-department-info li div{margin-bottom:20px;line-height:44px;padding:30px 20px;}

    .page-feedback-info p.feedback-tops {margin-top: 20px;margin-bottom: 30px;}
    .page-hr-info {padding: 40px 20px;}
    .recruitment-list li.open .recruitment-item {padding: 30px 20px 20px;}
    .recruitment-detail {padding: 0 10px 15px 10px;}
    .recruitment-tops { margin-top: 40px;}
    .recruitment-detail>div>div{margin-bottom: 30px;}
    /**/

/*
    .page-news-item img {width: 100%;}

    .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-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-contact-info>h3 {font-size: 24px;}
    */
}
@media (min-width: 768px){
    .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;}
}
@media (min-width: 992px){
    :root{ --swiper-navigation-size: 33px;}
    .index-section-more{margin-top:0;}
    .top-tool-bar{font-size:14px;}
    .navbar-nav.pull-right{float: right!important;}
    .main-nav .navbar-brand{height: 100px;padding: 25px 0;}
    .main-nav .navbar-brand h1{height: 50px;}
    .main-nav .navbar-brand h1 img{height: 50px;}
    .navbar-collapse{background:none;}
    
    .main-nav:hover .navbar-brand h1 img {margin-top: inherit;}
    .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 {margin-top: inherit;}
    .main-nav-active.main-nav .navbar-nav>li>a{color:#333;position: relative;}

    .main-nav-active.main-nav .navbar-brand {height: 60px; padding: 10px 0;}
    .main-nav-active.main-nav .navbar-brand h1 img {height: 40px; }

    .main-nav .navbar-nav>li>a{height: 100px;line-height: 70px;font-size:16px;padding:15px;}
    .main-nav-active.main-nav .navbar-nav>li>a{color:#333;}
    .main-nav .navbar-nav>li>.dropdown-menu .main-sub-nav>li{width:50%;}
    .main-nav .navbar-nav>li>.dropdown-menu .main-sub-nav>li>a {height: 65px;text-align: left; font-weight: bold; font-size: 18px;line-height: 65px;}
    .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;background:#f4f4f4;}
    .main-nav .navbar-nav>li>.dropdown-menu .container .row>div:nth-child(3){padding:40px 30px;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: inherit;}
    .index-banner .swiper-slide {height: 400px;}
    .index-banner .swiper-slide .slide-content{margin-top: 90px;}
    .index-banner .swiper-slide .slide-content h2{font-size: 22px;line-height: 32px;text-align:left;margin-bottom:20px;}
    .index-banner .swiper-slide .slide-content div>div{font-size: 28px;line-height:50px;text-align:left;width:70%;margin-bottom:20px;}
    .index-banner .swiper-slide:nth-child(2) .slide-content,
    .index-banner .swiper-slide:nth-child(3) .slide-content,
    .index-banner .swiper-slide:nth-child(4) .slide-content{margin-top: 90px;}

    .index-banner .swiper-slide:nth-child(2) .slide-content div>div,
    .index-banner .swiper-slide:nth-child(3) .slide-content div>div,
    .index-banner .swiper-slide:nth-child(4) .slide-content div>div{display: block;}
    .index-banner .swiper-pagination-bullets {bottom: 20px; }
    .index-banner .swiper-pagination .swiper-pagination-bullet{margin-right: 10px;font-size:14px;height:22px;}
    
    .index-industory-item a h3{font-size:16px;}
    .index-industory-item a p{font-size:14px;}
    .index-industory-item a span{font-size:12px;}
    .index-about-section .index-about-content h2{font-size:24px;line-height:34px;}
    .index-about-section .index-about-content h3{font-size:16px;margin: 10px 0 20px 0;}
    .index-about-section .index-section-more{margin-top: 0px;margin-bottom:0;}
    .index-about-slogan li img{margin-top: -16px;width: 70px;}
    .index-about-slogan li{line-height: 70px;}
    .index-about-slogan li p{font-size:14px;}
    .index-about-slogan li .counter{font-size: 28px;padding-bottom: 16px;}

    .index-advantage-content h3{font-size:24px;margin-bottom:30px;margin-top:0;}
    .index-advantage-content p{font-size:14px;line-height:28px;margin-bottom:40px;width:86%;}
    .index-advantage-swiper {height: 300px;}
    .index-advantage-swiper .swiper-slide a .index-advantage-swiper-content{padding: 15px 30px 0 30px;height: 120px;}

    .news-list-calendar {font-size: 14px;}
    .index-news-item a h3{margin-top:0;margin-bottom:10px;font-size: 16px;line-height: 30px;}
    .index-news-item a p{margin-bottom: 20px;font-size: 14px;line-height:28px;-webkit-line-clamp: 4;line-clamp: 4;height:112px;}

    .index-cooperation-swiper {height: 220px;}
    .index-cooperation-swiper .swiper-slide {height: 64px;}

    footer{padding-top: 40px;margin-bottom: 0;}
    .footer-nav {padding-bottom:60px;}
    .footer-nav dl dd{font-size:12px;line-height: 28px;}
    footer .footer-contact p{font-size:12px;}
    footer .footer-copyright{line-height: 28px;text-align: left;padding:20px 0 20px 0;}
    footer .footer-copyright .text-right{text-align: right;}

    .page-banner{height:250px}
    .page-banner img{height:250px;}
    .page-banner-content{padding-top: 90px;}
    .page-banner-content h3{font-size: 46px;}
    .page-banner-content h2{font-size: 26px;margin-top: 30px;}

    .page-sub-nav-list li{padding: 0 8px;}

    .page-solution-step-list {height: 260px;}
    .page-solution-step-item{padding:20px;}
    .page-solution-step-item .step-ico{height:50px;width:50px;line-height:46px;font-size:22px;margin-right:10px;}
    .page-solution-step-item .step-ico:after{width:84%;height:84%;color:#FFF;left:8%;top:8%}
    .page-solution-step-item h3{font-size: 20px;margin-top: 12px;margin-bottom: 10px;}
    .page-solution-step-item:hover p{height:60px;font-size:14px;}

    .page-solution-help-item{height:150px;}
    .help-ico{right:15px;top:24px;font-size:20px;}

    .page-solution-electric-content{width:90%;}
    .page-solution-our-advantage-list li {width: 20%;}
    .page-solution-our-advantage-list li:last-child{width:20%;}
    .page-solution-our-advantage-list li .solution-our-advantage-item{padding:25px 15px;height:330px;}
    .solution-our-advantage-item img{width:100px;}
    .solution-our-advantage-item h3{font-size:20px;}
    .page-solution-relation-products-swiper {margin-left: -50px;margin-right: -50px;}
    .page-solution-relation-products-swiper .swiper { margin-left: 50px;margin-right: 50px;}
    .solution-relation-products-swiper-button-prev{left:-20px;}
    .solution-relation-products-swiper-button-next{right:-20px;}

    .page-solution-content h3{font-size:22px;}
    .page-section-solution-case-swiper{height: 220px;}
    .page-section-solution-case-swiper .swiper-slide {height: 64px;}

    .page-products-list-txt p{min-height:52px;}
    .page-products-detail h1 {font-size: 24px;padding-bottom: 10px;margin-bottom: 10px;}
    .page-products-phone a {font-size: 18px; }
    .page-products-detail-title {height: 44px; line-height: 44px;text-indent: 22px; margin-bottom: 20px;font-size: 20px;}
    .page-products-detail-content {padding: 30px;}
    .page-products-relation-title {line-height: 40px;margin-bottom: 10px;font-size: 22px;}
    .page-products-sider-contact h3 {font-size: 24px;line-height: 32px;}
    .page-news-tags-box h3 {font-size: 22px;}

    .page-development-content h3 {font-size: 24px;}
    .page-production-step-list li{width:25%;font-size:14px;padding: 20px 40px;}
    .page-production-step-list li .num-ico{height:50px;width:50px;line-height:50px;font-size:14px;margin-right:5px;}
    .page-production-step-list li .num-ico:after{width:84%;height:84%;left:8%;top:8%}

    .page-news-item h3 {font-size: 18px; margin-top: 0;}
    .page-news-detail {padding:40px 30px;}
    .news-title {font-size: 24px;}

    .page-engineering-content {padding: 30px 55px;}
    .service-content-tops {margin-top: 120px;}
    .page-qa-list li a{padding:20px 30px 40px;}
    .page-download-list a { height: 80px;}
    .page-download-list a i.fa { padding-right: 10px;font-size: 32px;line-height: 80px;}
    .page-feedback-form {padding: 30px 20px; }

    
    .page-culture-content {padding: 20px 60px; }
    .page-culture-list li{height: 250px;border-bottom:none;}
    .page-culture-list li:nth-child(2){border-right:1px solid #e5e5e5;;}
    .page-culture-list li:nth-child(n+3){border-bottom:none;}
    .page-honor-content{margin: 80px 140px;}
    .page-honor-item h3.page-honor-item-title{position: absolute;left: -100px;}
    .page-honor-item h3.page-honor-item-title:after{right: 32px;top: 12px;left:initial;}
    .page-honor-item ul li h3{font-size:18px}

    .page-contact-department-info li div{margin-bottom:30px;line-height:44px;padding:30px 10px;}
    .page-feedback-info p.feedback-tops {margin-top: 120px;}
    
    .page-hr-info {padding: 40px 20px;}
    .recruitment-list li.open .recruitment-item {height: initial; padding: 65px 55px 20px 55px;}
    .recruitment-detail {padding: 0 45px 45px 45px;}
    .recruitment-tops { margin-top: 120px;}
}
@media (min-width: 1150px){
    .top-tool-bar{font-size:15px;}
    .index-section-more{margin-top:20px;}
    footer{padding-top: 80px;margin-bottom: 0;}
    .footer-nav dl dd{font-size:12px;line-height: 36px;}
    footer .footer-contact p{font-size:12px;}
    footer .footer-copyright{line-height: 40px;text-align: left;padding:40px 0 30px 0;}
    .main-nav .navbar-nav>li>a{padding:15px 10px;line-height: 70px;font-size: 18px;}
    .main-nav .navbar-nav>li>.dropdown-menu .container .row>div:nth-child(3){padding:30px 45px;min-height:300px;}

    .main-nav-active.main-nav .navbar-brand{height: 70px;padding: 10px 0;}
    .main-nav-active.main-nav .navbar-brand h1 img {height: 40px; }
    .main-nav-active .main-nav-form {padding:15px;}

    .index-banner .swiper-slide {height: 507px;}
    .index-banner .swiper-slide .slide-content{margin-top: 120px;}
    .index-banner .swiper-slide .slide-content h2{font-size: 22px;line-height: 60px;}
    .index-banner .swiper-slide .slide-content div>div{font-size: 30px;}
    .index-banner .swiper-slide:nth-child(2) .slide-content,
    .index-banner .swiper-slide:nth-child(3) .slide-content,
    .index-banner .swiper-slide:nth-child(4) .slide-content{margin-top: 120px;}
    .index-banner .swiper-pagination-bullets {bottom: 30px; }
    .index-banner .swiper-pagination .swiper-pagination-bullet{margin-right: 10px;font-size:16px;height:22px;}

    .index-industory-item a h3{font-size:18px;}
    .index-industory-item a p{font-size:15px;}
    .index-industory-item a span{font-size:13px;}

    .index-about-section .index-about-content h2{font-size:34px;line-height:54px;}
    .index-about-section .index-about-content h3{font-size:18px;margin: 10px 0 20px 0;}
    .index-about-section .index-section-more{margin-top: 26px;margin-bottom:0;}

    .index-about-slogan li p{font-size:16px;}
    .index-about-slogan li .counter{font-size: 30px;}


    .index-advantage-content h3{font-size:30px;margin-bottom:20px;margin-top:0;}
    .index-advantage-content p{font-size:16px;line-height:28px;margin-bottom:60px;width:86%;}
    .index-advantage-swiper {height: 360px;}

    .news-list-calendar {font-size: 16px;}
    .index-news-item a h3{margin-top:0;margin-bottom:10px;font-size: 18px;line-height: 30px;}
    .index-news-item a p{margin-bottom: 20px;font-size: 15px;line-height:28px;-webkit-line-clamp: 4;line-clamp: 4;}

    .index-cooperation-swiper {height: 250px;}
    .index-cooperation-swiper .swiper-slide {height: 80px;}

    .page-banner{height:310px}
    .page-banner img{height:310px;}
    .page-banner-content{padding-top: 120px;}
    .page-banner-content h3{font-size: 52px;}
    .page-banner-content h2{font-size: 30px;margin-top: 36px;}

    .page-sub-nav-list li{padding: 0 15px;}

    .page-solution-step-list {height: 270px;}
    .page-solution-step-item{padding: 20px 30px;}
    .page-solution-step-item .step-ico{height:50px;width:50px;line-height:46px;font-size:24px;margin-right:14px;}
    .page-solution-step-item .step-ico:after{width:84%;height:84%;color:#FFF;left:8%;top:8%}
    .page-solution-step-item h3{font-size: 22px;margin-top: 12px;margin-bottom: 10px;}
    .page-solution-step-item:hover p{height:60px;font-size:16px;}

    .page-solution-help-item{height:170px;}
    .help-ico{right:20px;top:26px;font-size:22px;}
    .page-solution-content h3{font-size:28px;}

    .page-about-content h3 {font-size: 30px;}
    .page-section-solution-case-swiper{height: 250px;}
    .page-section-solution-case-swiper .swiper-slide {height: 80px;}

    .page-solution-our-advantage-list li .solution-our-advantage-item{padding:25px 15px;height:340px;}
    .solution-our-advantage-item img{width:110px;}
    .solution-our-advantage-item h3{font-size:22px;}
    .page-products-list-txt p{min-height:56px;}
    .page-products-detail h1 {font-size: 32px;padding-bottom: 20px;margin-bottom: 20px;}
    .page-products-phone a {font-size: 22px; }
    .page-products-detail-title {height: 60px; line-height: 60px;text-indent: 30px; margin-bottom: 30px;font-size: 24px;}
    .page-products-detail-content {padding: 45px 35px;}
    .page-products-relation-title {line-height: 70px;margin-bottom: 20px;font-size: 30px;}
    .page-products-sider-contact h3 {font-size: 24px;line-height: 40px;}
    .page-news-tags-box h3 {font-size: 24px;}
    
    .page-development-content h3 {font-size: 32px;}
    .page-production-step-list li{width:20%;font-size:16px;}
    .page-production-step-list li .num-ico{height:50px;width:50px;line-height:50px;font-size:18px;margin-right:10px;}
    .page-production-step-list li .num-ico:after{width:84%;height:84%;left:8%;top:8%}

    .page-news-detail {padding: 50px 40px;}
    .news-title {font-size: 28px;}
    
    .page-download-list a { height: 90px;}
    .page-download-list a i.fa { padding-right: 10px;font-size: 34px;line-height: 90px;}

    .page-feedback-form {padding: 30px 50px; }

    .page-culture-content {padding: 60px 60px; }

    .page-contact-department-info li div{padding:40px 20px;}

    .page-hr-info {padding: 80px 60px;}
/*
    .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-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: 100px 70px;height: 560px;}
    .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: 70px 40px;}
    .page-contact-info>h3 {font-size: 36px;}*/
}
@media (min-width: 1316px){
    .index-section-more{margin-top:40px;}
    .footer-nav dl dd{font-size:14px;}
    footer .footer-contact p{font-size:14px;}
    .main-nav .navbar-nav>li>a{padding:15px 12px;line-height: 70px;font-size: 18px;}
    .main-nav .navbar-nav>li>.dropdown-menu .container .row>div:nth-child(3){padding:30px 50px;min-height:340px;}
    .index-banner .swiper-slide {height: 540px;}
    .index-banner .swiper-slide .slide-content{margin-top: 120px;}
    .index-banner .swiper-slide .slide-content h2{font-size: 22px;line-height: 60px;}
    .index-banner .swiper-slide .slide-content div>div{font-size: 34px;}
    .index-banner .swiper-slide:nth-child(2) .slide-content,
    .index-banner .swiper-slide:nth-child(3) .slide-content,
    .index-banner .swiper-slide:nth-child(4) .slide-content{margin-top: 120px;}
    .index-banner .swiper-pagination-bullets {bottom: 30px; }
    .index-banner .swiper-pagination .swiper-pagination-bullet{margin-right: 10px;font-size:17px;height:22px;}

    .index-industory-item a h3{font-size:20px;}
    .index-industory-item a p{font-size:16px;}
    .index-industory-item a span{font-size:16px;}

    
    .index-about-section .index-about-content h3{margin: 20px 0 20px 0;}
    .index-about-slogan li p{font-size:18px;}
    .index-about-slogan li .counter{font-size: 36px;}
    .index-about-section .index-section-more{    margin-top: 32px}

    .index-advantage-content h3{font-size:34px;margin-bottom:30px;margin-top:0;}
    .index-advantage-content p{font-size:18px;line-height:32px;margin-bottom:120px;width:86%;}
    .index-advantage-swiper {height: 405px;}

    .index-news-item a p{-webkit-line-clamp: 3;line-clamp: 3;height:84px;}

    .index-cooperation-swiper {height: 260px;}
    .index-cooperation-swiper .swiper-slide {height: 90px;}

    .page-banner{height:330px}
    .page-banner img{height:330px;}
    .page-banner-content{padding-top: 130px;}
    .page-banner-content h3{font-size: 52px;}
    .page-banner-content h2{font-size: 30px;margin-top: 36px;}

    .page-sub-nav-list li{padding: 0 20px;}

    .page-solution-step-list {height: 330px;}
    .page-solution-step-item{padding:30px;}
    .page-solution-step-item .step-ico{height:70px;width:70px;line-height:66px;font-size:28px;margin-right:20px;}
    .page-solution-step-item .step-ico:after{width:84%;height:84%;color:#FFF;left:8%;top:8%}
    .page-solution-step-item h3{font-size: 24px;margin-top: 20px;margin-bottom: 10px;}
    .page-solution-step-item:hover p{height:60px;}
    .page-solution-help-item{height:180px;}
    .help-ico{right:25px;top:20px;font-size:24px;}
    .page-solution-content h3{font-size:32px;}
    .page-solution-our-advantage-list li .solution-our-advantage-item{padding:25px 15px;height:340px;}
    .solution-our-advantage-item img{width:110px;}
    .solution-our-advantage-item h3{font-size:22px;}
    .page-section-solution-case-swiper {height: 260px;}
    .page-section-solution-case-swiper .swiper-slide {height: 90px;}

    .page-products-list-txt p{min-height:64px;}
    .page-products-detail h1 {font-size: 36px;padding-bottom: 30px;margin-bottom: 30px;}
    .page-products-phone a {font-size: 24px; }
    .page-products-detail-title {height: 70px; line-height: 70px;text-indent: 40px; margin-bottom: 30px;font-size: 30px;}
    .page-products-detail-content {padding: 55px 45px;}
    .page-products-relation-title {line-height: 70px;margin-bottom: 20px;font-size: 30px;}
    .page-products-sider-contact h3 {font-size: 30px;line-height: 40px;}

    .page-production-step-list li{width:20%;font-size:16px;}
    .page-production-step-list li .num-ico{height:60px;width:60px;line-height:60px;font-size:16px;margin-right:10px;}
    .page-production-step-list li .num-ico:after{width:84%;height:84%;left:8%;top:8%}

    .page-news-detail {padding: 60px 50px;}
    .news-title {font-size: 30px;}
    .page-download-list a { height: 100px;}
    .page-download-list a i.fa { padding-right: 10px;font-size: 36px;line-height: 100px;}

    .page-contact-department-info li div{padding:40px 30px;}
}
@media (min-width: 1400px){
    .footer-nav dl dd{font-size:16px;}
    footer .footer-contact p{font-size:16px;}
    .main-nav .navbar-nav>li>a{padding:15px 14px;line-height: 70px;font-size: 19px;}
    .main-nav .navbar-nav>li>.dropdown-menu .container .row>div:nth-child(3){padding:40px 60px;min-height:360px;}
    .index-banner .swiper-slide {height: 570px;}
    .index-banner .swiper-slide .slide-content{margin-top: 120px;}
    .index-banner .swiper-slide .slide-content h2{font-size: 22px;line-height: 80px;}
    .index-banner .swiper-slide .slide-content div>div{font-size: 34px;}
    .index-banner .swiper-slide:nth-child(2) .slide-content,
    .index-banner .swiper-slide:nth-child(3) .slide-content,
    .index-banner .swiper-slide:nth-child(4) .slide-content{margin-top: 120px;}
    .index-advantage-swiper {height: 440px;}

    .index-about-section .index-about-content h3{margin: 20px 0 34px 0;}
    .index-about-section .index-section-more{    margin-top: 50px}
    .index-cooperation-swiper {height: 280px;}
    .index-cooperation-swiper .swiper-slide {height: 84px;}

    .page-banner{height:340px}
    .page-banner img{height:340px;}
    .page-banner-content{padding-top: 150px;}
    .page-banner-content h3{font-size: 52px;}
    .page-banner-content h2{font-size: 30px;margin-top: 36px;}

    .page-solution-our-advantage-list li .solution-our-advantage-item{padding:25px 15px;height:350px;}
    .solution-our-advantage-item img{width:120px;}
    .solution-our-advantage-item h3{font-size:24px;}
    .page-section-solution-case-swiper{height: 280px;}
    .page-section-solution-case-swiper .swiper-slide {height: 84px;}

    .help-ico{right:25px;top:23px;font-size:30px;}

    .page-production-step-list li{width:20%;font-size:18px;}
    .page-production-step-list li .num-ico{height:70px;width:70px;line-height:70px;font-size:18px;margin-right:10px;}
    .page-production-step-list li .num-ico:after{width:84%;height:84%;left:8%;top:8%}
}
@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 20px;font-size: 20px;}
    .main-nav .navbar-nav>li>.dropdown-menu .container .row>div:nth-child(3){padding:40px 70px;min-height:360px;}
    .index-banner .swiper-slide {height: 630px;}
    .index-banner .swiper-slide .slide-content{margin-top: 130px;}
    .index-banner .swiper-slide .slide-content h2{font-size: 24px;line-height: 80px;}
    .index-banner .swiper-slide .slide-content div>div{font-size: 34px;line-height:70px;}
    .index-banner .swiper-pagination .swiper-pagination-bullet{margin-right: 10px;font-size:20px;height:22px;}
    .index-banner .swiper-slide:nth-child(2) .slide-content,
    .index-banner .swiper-slide:nth-child(3) .slide-content,
    .index-banner .swiper-slide:nth-child(4) .slide-content{margin-top: 130px;}
    .index-advantage-swiper {height: 450px;}
    .index-about-section .index-about-content h3{margin: 20px 0 47px 0;}
    .page-banner{height:380px}
    .page-banner img{height:380px;}
    .page-banner-content{padding-top: 170px;}
    .page-banner-content h3{font-size: 62px;}
    .page-banner-content h2{font-size: 30px;margin-top: 36px;}

}
@media (min-width: 1870px){
    .main-nav .navbar-nav>li>a{padding:15px 30px;}
    .main-nav .navbar-nav>li>.dropdown-menu .container .row>div:nth-child(3){padding:40px 80px;min-height:390px;}
    .index-banner .swiper-slide {height: 770px;}
    .index-banner .swiper-slide .slide-content{margin-top: 220px;}
    .index-banner .swiper-slide .slide-content h2{font-size: 32px;line-height: 32px;margin-bottom:50px;}
    .index-banner .swiper-slide .slide-content div>div{font-size: 42px;line-height:75px;margin-bottom:50px;}
    .index-banner .swiper-slide:nth-child(2) .slide-content,
    .index-banner .swiper-slide:nth-child(3) .slide-content,
    .index-banner .swiper-slide:nth-child(4) .slide-content{margin-top: 220px;}
    .index-advantage-swiper {height: 450px;}

    .page-banner{height:460px}
    .page-banner img{height:460px;}
    .page-banner-content{padding-top: 200px;}
    .page-banner-content h3{font-size: 72px;}
    .page-banner-content h2{font-size: 32px;margin-top: 40px;}

    .page-solution-content h3{font-size:32px;}
}
@media (min-width: 2550px){
    .index-banner .swiper-slide { height: 1020px;}
    .index-banner .swiper-slide .slide-content{margin-top: 320px;}

    .page-banner{height:615px}
    .page-banner img{height:615px;}
}
@media (min-width: 3300px){
    .index-banner .swiper-slide { height: 1372px;}
    .index-banner .swiper-slide .slide-content{margin-top: 480px;}

    .page-banner{height:820px}
    .page-banner img{height:820px;}
}