@charset "utf-8";
/*header*/
.dropdown-menu.pronav{
    width: 400px;
    /* min-width: 600px;width: 600px!important;  */
    margin-left: -305px;}
    .dropdown-menu.pronav1 {width: 600px;}
.dropdown-menu.pronav li{ width: 47%; margin-right:5px; margin-left: 5px; float: left;}
.dropdown-menu.pronav1 li {width: 31.5%;}
.header:hover,.header.on-header{box-shadow: 0 6px 6px rgba(0, 0, 0, .075); background:#fff;}
.header:hover .logo .img,.header.on-header .logo .img{ display: none;height: 60px;}
.header:hover .logo .img_h,.header.on-header .logo .img_h{ display: block;height: 60px;}
.header:hover #bs-example-navbar-collapse-1 .navbar-nav > li > a,.header.on-header #bs-example-navbar-collapse-1 .navbar-nav > li > a { color:#333333; }
.header.on-header #bs-example-navbar-collapse-1 .navbar-nav > li.open a:hover,.header:hover #bs-example-navbar-collapse-1 .navbar-nav > li.open > a{ color:#004ea2; }
.header:hover .tools .search .fa,.header.on-header .tools .search .fa{ color:#333333; }
.header{ border-bottom: 1px solid rgba(255, 255, 255, .45); background: #ffffff;}
.nav-container{position: inherit; margin-top:0px;}
.logo{padding:15px 0 15px;}
.logo img{float: left;max-height:60px;}
.logo .img_h{ display: none;}
.logo-text{margin-left: 250px;padding-left: 10px;border-left: 1px solid #666;margin-top: 8px;}
.logo-text .logo-text-top{color:#999;font-size: 14px;letter-spacing:2px;}
.logo-text .logo-text-bottom{color:#c0a16b;font-size: 18px;line-height: 50px;}
.header .tools { height: 90px; line-height: 90px;text-align: center;}
.header .tools .search .fa{ color:#fff; font-size:20px; width:30px; height:30px; margin: 0 auto; text-align: center;}
.header .tools .search .list_down_form{ width:300px;right: 14%; top: 95px;position: absolute;z-index: 999; }
.header .tools .search .list_down_form .down_form_left{ line-height: 45px; width: 75%; padding: 0px 10px; font-size: 15px; border: 1px solid #fff;}
.header .tools .search .list_down_form .down_form_right{ width: 25%; line-height: 48px; height: 48px; background: #333; border:1px solid #333; color: #fff; font-size: 15px; cursor: pointer;}
.header .tools .search-btn{width:90px; height:78px; line-height:78px;float:right; font-size: 26px;background:none;cursor:pointer; text-align:center;}
.header .tools .search-btn i{font-size:16px; font-style:normal; vertical-align:middle;  color:#333; line-height:70px; padding-left:5px;}
.header:hover .tools .search-btn,.header.on-header .tools .search-btn{color:#333; }
.header:hover .tools .search-btn i,.header.on-header .tools .search-btn i{color:#333; }
.header .tools .search-btn i:hover{color:#333;}
.tel-info{color:#fff; position: relative;}
.tel-info h6{font-size: 20px; text-align: center; height: 90px; line-height: 90px;}
.tel-info h6 i{font-size:20px; color:#fff; }
.tel-info .list_down_form{ width:360px;right: 14%; top: 95px;position: absolute;z-index: 999; }
.tel-info .list_down_form .down_form_left{ line-height: 40px; width: 75%; padding: 0px 10px; font-size: 15px; border: 1px solid #fff;}
.tel-info .list_down_form .down_form_right{ width: 25%; line-height: 44px; height: 44px; background: #004ea2; border:1px solid #004ea2; color: #fff; font-size: 15px; cursor: pointer;}
#bs-example-navbar-collapse-1{text-align: right;}
#bs-example-navbar-collapse-1 .caret{display: none;}
.nav > li > a:hover, .nav > li > a:focus{background: inherit;}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus{background: inherit; color:#004ea2;}
#bs-example-navbar-collapse-1 .navbar-nav > li > .dropdown-menu{ text-align: center;background:#fff; margin-left: -65px; border-top:2px transparent solid; border-image:linear-gradient(to right,#004ea2, #2db4aa) 1 10;}
.navbar-right .dropdown-menu { right:auto;}
#bs-example-navbar-collapse-1 .navbar-nav > li { margin-right:15px; margin-left:15px;}
#bs-example-navbar-collapse-1 .navbar-nav > li > a{padding: 14px 5px 10px 5px; color:#333333; font-size:18px;}
#bs-example-navbar-collapse-1 .navbar-nav > li.open >a{padding-bottom: 8px;color:#004ea2;}
#bs-example-navbar-collapse-1 .navbar{position: inherit;margin-bottom: 0;}
#bs-example-navbar-collapse-1 .navbar.nav > li{position: inherit;}
#bs-example-navbar-collapse-1 .navbar .dropup,#bs-example-navbar-collapse-1 .navbar .dropdown{position: inherit;}
@media (max-width:1440px) {
#bs-example-navbar-collapse-1 .navbar-nav > li { margin-right:13px; margin-left:13px;}
}
@media (max-width:1366px) {
#bs-example-navbar-collapse-1 .navbar-nav > li { margin-right:10px; margin-left:10px;}
}
@media (max-width:1280px) {
#bs-example-navbar-collapse-1 .navbar-nav > li {margin-right:8px; margin-left:8px;}
#bs-example-navbar-collapse-1 .navbar-nav > li > a{ font-size:17px;}
}
@media (max-width:1240px) {
#bs-example-navbar-collapse-1 .navbar-nav > li { margin-right:5px; margin-left:10px;}
#bs-example-navbar-collapse-1 .navbar-nav > li > a{ font-size:16px;}
.tel-info h6{font-size: 18px; }
}
@media (max-width:1200px) {
.tel-info h6{font-size: 16px; }
.logo img{width:100%;}
#bs-example-navbar-collapse-1 .navbar-nav > li > a{padding: 14px 2px 10px 2px; }
}
@media (max-width: 991px) {
.header{ border-bottom: 1px solid rgba(255, 255, 255, .45); background: #fff;}
.header .container{ width:100%; margin:0 auto; padding-right:0px;padding-left: 0px; }
.header .container .row{ margin-left:0px; margin-right:0px;}	 
.navbar-header{ width:98%; margin:0 auto; }
#bs-example-navbar-collapse-1{text-align: left;}
.navbar-brand{height: inherit;padding: 0px; -text-indent: -9999px;background: url(../images/logo01.png) center no-repeat; height: 70px; width: 100px;background-size:100% !important;}
.i_infor .i_contact h3 a {font-size: 20px;}
#bs-example-navbar-collapse-1 .navbar-nav > li > a{padding:0px 10px; color: #333;}
#bs-example-navbar-collapse-1 .navbar-nav > li{border-bottom: 1px solid #ccc;}
#bs-example-navbar-collapse-1 .navbar-nav > li:first-child{border-top: 1px solid #ccc;}
#bs-example-navbar-collapse-1 .navbar-nav > li:last-child{border-bottom: none;}
#bs-example-navbar-collapse-1 .navbar-nav > li > .dropdown-menu{text-align: left;background:transparent; color:333;width:100%; height:100%;}
#bs-example-navbar-collapse-1 .navbar-nav > li > .dropdown-menu li{display: block; padding: 12px 0px;}
.navbar-toggle{font-size: 22px;padding: 10px 0px; margin-right:0px;}
#bs-example-navbar-collapse-1 .navbar-nav > li > .dropdown-menu > li > a{ color:#333; border-right:0px solid #333; padding: 0 25px 15px;font-size: 15px; }
#bs-example-navbar-collapse-1 .navbar-nav > li.open >a{ color:#004ea2; }
#bs-example-navbar-collapse-1 .caret{display: block; float:right; margin-top:29px;}
.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {max-height: 100vh;}
.navbar-nav .open .dropdown-menu {position: static;float: none;width: 100%;margin-top: 0;background-color: transparent;border: 0;-webkit-box-shadow: none;box-shadow: none;}
#bs-example-navbar-collapse-1 .navbar-nav > li > .dropdown-menu{margin-left:0px; }
#bs-example-navbar-collapse-1 .dropdown-menu > li > a { text-align: left;}
#bs-example-navbar-collapse-1 .navbar-nav > li.open >a{padding-bottom: 0px; }
.dropdown-menu.pronav{min-width: 100%;width: 100%!important; margin-left: 0px;}
.dropdown-menu.pronav li{ width: 100%; margin-right:0px; margin-left: 0px; float: none;}
}
/*index_banner*/
.index-banner {overflow: hidden; }
.index-banner .swiper-button-prev { -webkit-transition: opacity .5s;-o-transition: opacity .5s;-moz-transition: opacity .5s;transition: opacity .5s;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%f28600%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}
.index-banner .swiper-button-next { -webkit-transition: opacity .5s;-o-transition: opacity .5s;-moz-transition: opacity .5s;transition: opacity .5s;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%f28600%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}
.index-banner .swiper-container {height:900px;}
.index-banner .swiper-container .swiper-img {position: relative;}
.index-banner .swiper-container .swiper-img .container {height: 100%;position: relative;}
.index-banner .swiper-container .swiper-img .banner-txt {position: absolute;top: 30.06%;left: 0;right: 0;color: #fff;padding: 0 15px;}
.index-banner .swiper-container .swiper-img .banner-txt.banner-txt1 {position: absolute;color: #fff;top: 24.06%;left: 0;right: 0; width: 100%;text-align: center;}
.index-banner .swiper-container .swiper-img .banner-txt .txt1 {font-size:50px;font-weight: bolder; margin-bottom:20px;opacity: 0;-webkit-transform: translateY(-80%); -moz-transform: translateY(-80%); -ms-transform: translateY(-80%); -o-transform: translateY(-80%);transform: translateY(-80%);-webkit-transition: opacity 1.5s, -webkit-transform 1.5s;transition: opacity 1.5s, -webkit-transform 1.5s;-o-transition: opacity 1.5s, -o-transform 1.5s;-moz-transition: opacity 1.5s, transform 1.5s, -moz-transform 1.5s;transition: opacity 1.5s, transform 1.5s;transition: opacity 1.5s, transform 1.5s, -webkit-transform 1.5s, -moz-transform 1.5s, -o-transform 1.5s;text-shadow: 3px 4px 2px rgba(0, 0, 0, .475);}
.index-banner .swiper-container .swiper-img .banner-txt .txt2 {font-size:26px; margin-top:30px; line-height: 40px;opacity: 0;-webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%);text-shadow: 1px 1px 1px rgba(0, 0, 0, .475);-webkit-transition: opacity 3s, -webkit-transform 3s;transition: opacity 3s, -webkit-transform 3s;-o-transition: opacity 3s, -o-transform 3s;-moz-transition: opacity 3s, transform 3s, -moz-transform 3s;transition: opacity 3s, transform 3s;transition: opacity 3s, transform 3s, -webkit-transform 3s, -moz-transform 3s, -o-transform 3s;}
.index-banner .swiper-container .swiper-img .banner-txt .txt3 {font-size:18px; line-height: 40px; margin-bottom: 10px;text-transform: uppercase; opacity: 0;-webkit-transform: translateY(120%); -moz-transform: translateY(120%); -ms-transform: translateY(120%); -o-transform: translateY(120%); transform: translateY(120%);text-shadow: 1px 1px 1px rgba(0, 0, 0, .175);-webkit-transition: opacity 3.5s, -webkit-transform 3.5s;transition: opacity 3.5s, -webkit-transform 3.5s;-o-transition: opacity 3.5s, -o-transform 3.5s;-moz-transition: opacity 3.5s, transform 3.5s, -moz-transform 3.5s;transition: opacity 3.5s, transform 3.5s;transition: opacity 3.5s, transform 3.5s, -webkit-transform 3.5s, -moz-transform 3.5s, -o-transform 3.5s;}
.index-banner .swiper-container .swiper-img .banner-txt .line{ width: 105px; height: 5px; opacity: 0;background-color: #2db5aa; text-align: center; margin: 15px auto;-webkit-transform: translateY(90%); -moz-transform: translateY(90%); -ms-transform: translateY(90%); -o-transform: translateY(90%); transform: translateY(90%);text-shadow: 1px 1px 1px rgba(0, 0, 0, .175);-webkit-transition: opacity 2s, -webkit-transform 2s;transition: opacity 2s, -webkit-transform 2s;-o-transition: opacity 2s, -o-transform 2s;-moz-transition: opacity 2s, transform 2s, -moz-transform 2s;transition: opacity 2s, transform 2s;transition: opacity 2s, transform 2s, -webkit-transform 2s, -moz-transform 2s, -o-transform 2s;}
.index-banner .swiper-container .swiper-img .banner-txt .line1{ width: 105px; height: 5px; opacity: 0;background-color: #2db5aa; margin-top: 15px; margin-bottom: 15px; -webkit-transform: translateY(90%); -moz-transform: translateY(90%); -ms-transform: translateY(90%); -o-transform: translateY(90%); transform: translateY(90%);text-shadow: 1px 1px 1px rgba(0, 0, 0, .175);-webkit-transition: opacity 2s, -webkit-transform 2s;transition: opacity 2s, -webkit-transform 2s;-o-transition: opacity 2s, -o-transform 2s;-moz-transition: opacity 2s, transform 2s, -moz-transform 2s;transition: opacity 2s, transform 2s;transition: opacity 2s, transform 2s, -webkit-transform 2s, -moz-transform 2s, -o-transform 2s;}
.index-banner .swiper-container .swiper-img .banner-txt.banner-txt2{left: 55%;top: 30.06%;text-align: left;}
.index-banner .swiper-container .swiper-img .banner-txt.banner-txt3{left: 0;top: 36.06%;text-align: left;}
.index-banner .swiper-container .swiper-slide-active .banner-txt>div {-webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none;opacity: 1;}
.index-banner .swiper-container .swiper-slide.on .swiper-img .banner-txt .txt3,
.index-banner .swiper-container .swiper-slide.on .swiper-img .banner-txt .txt2,
.index-banner .swiper-container .swiper-slide.on .line,
.index-banner .swiper-container .swiper-slide.on .line1,
.index-banner .swiper-container .swiper-slide.on .swiper-img .banner-txt .txt1 {-webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none;opacity: 1;}
.index-banner .swiper-container .swiper-img {height: 100%;}
.index-banner .swiper-pagination{ color: #fff;}
.index-banner .swiper-pagination-current{ color: #fff; font-size: 24px; font-weight: bold;}
.index-banner .swiper-pagination-total{ color: #fff; font-weight: bold;}
.index-banner .swiper-button-next,.index-banner .swiper-button-prev{ border: 1px solid #fff; width: 30px; height: 30px; border-radius: 100%;top: 90%; z-index: 99999;}
.index-banner .swiper-button-next,.index-banner .swiper-button-prev{ -moz-background-size:10px 16px;-webkit-background-size:10px 16px;background-size:10px 16px; }
.index-banner .swiper-button-prev, .index-banner .swiper-container-rtl .swiper-button-next{left:15%;right:auto}
.index-banner .swiper-button-next,.index-banner .swiper-container-rtl .swiper-button-prev{ right: 77.5%;}
.index-banner .swiper-container-horizontal>.swiper-pagination-bullets,.index-banner .swiper-pagination-custom,.index-banner .swiper-pagination-fraction {bottom:80px; left: -31%;}
@media (max-width: 1680px){
.index-banner .swiper-container {height:788px;}
.index-banner .swiper-button-prev, .index-banner .swiper-container-rtl .swiper-button-next{left:10%;right:auto}
.index-banner .swiper-button-next,.index-banner .swiper-container-rtl .swiper-button-prev{ right: 80%;}
.index-banner .swiper-container-horizontal>.swiper-pagination-bullets,.index-banner .swiper-pagination-custom,.index-banner .swiper-pagination-fraction {left: -35%;bottom:70px;}
}    
@media (max-width: 1440px){
.index-banner .swiper-container {height:675px;}
.index-banner .swiper-container .swiper-img .banner-txt .txt1 {font-size: 44px; }
.index-banner .swiper-container-horizontal>.swiper-pagination-bullets,.index-banner .swiper-pagination-custom,.index-banner .swiper-pagination-fraction { bottom:57px;}
}
@media (max-width: 1366px){
.index-banner .swiper-container {height:640px;}
.index-banner .swiper-container .swiper-img .banner-txt .txt1 {font-size: 40px; }
.index-banner .swiper-container .swiper-img .banner-txt .txt2 img{ width: 100%;} 
.index-banner .swiper-container .swiper-img .banner-txt .txt2 {font-size:22px;}
}
@media (max-width: 1280px){
.index-banner .swiper-container {height:600px;}
.index-banner .swiper-container .swiper-img .banner-txt .txt1 {font-size: 34px; }
.index-banner .swiper-button-prev, .index-banner .swiper-container-rtl .swiper-button-next{left:7%;right:auto}
.index-banner .swiper-button-next,.index-banner .swiper-container-rtl .swiper-button-prev{ right: 77%;}
.index-banner .swiper-container-horizontal>.swiper-pagination-bullets,.index-banner .swiper-pagination-custom,.index-banner .swiper-pagination-fraction { bottom:47px;}
}
@media (max-width: 1200px){
.index-banner .swiper-container {height:563px;}
.index-banner .swiper-container .swiper-img .banner-txt .txt1 {font-size: 30px; }
.index-banner .swiper-container .swiper-img .banner-txt .txt2 {font-size:18px;}
}
@media (max-width: 1180px){
.index-banner .swiper-container {height:553px;}
.index-banner .swiper-container .swiper-img .banner-txt .line{ width: 90px;}
.index-banner .swiper-container .swiper-img .banner-txt .line1{ width: 90px;}
}
@media (max-width: 1024px){
.index-banner .swiper-container {height:480px;}
.index-banner .swiper-container .swiper-img .banner-txt .txt2 {font-size: 17px;line-height: 32px;} 
.index-banner .swiper-container .swiper-img .banner-txt .txt3 { display: none;} 
}
@media (max-width: 992px){
.index-banner .swiper-container {height:465px;}
.index-banner .swiper-container .swiper-img .banner-txt .txt1 {font-size: 24px; margin-bottom:15px;}
.index-banner .swiper-container-horizontal>.swiper-pagination-bullets,.index-banner .swiper-pagination-custom,.index-banner .swiper-pagination-fraction { bottom:30px;}
}    
@media (max-width: 991px){
.index-banner { margin-top:70px;}
}
@media (max-width:768px){
.index-banner .swiper-container {height:360px;}
.index-banner .swiper-container .swiper-img .banner-txt .txt1 {font-size: 20px; }
.index-banner .swiper-container .swiper-img .banner-txt .txt2 {font-size: 16px;line-height:26px;margin-top: 10px; } 
.index-banner .swiper-container .swiper-img .banner-txt .line{ width: 75px; height: 3px;}
.index-banner .swiper-container .swiper-img .banner-txt .line1{ width: 75px; height: 3px;}
}    
@media (max-width:668px){
.index-banner .swiper-container {height:313px;}
.index-banner .swiper-pagination-bullets {bottom:10px; }
.index-banner .swiper-button-prev, .index-banner .swiper-container-rtl .swiper-button-next{left:4%;right:auto}
.index-banner .swiper-button-next,.index-banner .swiper-container-rtl .swiper-button-prev{ right: 74%;}
.index-banner .swiper-container-horizontal>.swiper-pagination-bullets,.index-banner .swiper-pagination-custom,.index-banner .swiper-pagination-fraction {left: -35%;bottom:20px;}
}
@media (max-width:600px){
.index-banner .swiper-container {height:281px;}
.index-banner .swiper-container .swiper-img .banner-txt .txt3 {font-size:15px;line-height:22px;}
.index-banner .swiper-container .swiper-img .banner-txt { top: 22.06%; }
.index-banner .swiper-container .swiper-img .banner-txt.banner-txt1 { top: 22.06%; }
.index-banner .swiper-container .swiper-img .banner-txt.banner-txt2{left: 45%; top: 22.06%; }
.index-banner .swiper-container .swiper-img .banner-txt.banner-txt3{ top: 22.06%; }
.index-banner .swiper-container .swiper-img .banner-txt .line{ width:55px; height: 2px; }
.index-banner .swiper-container .swiper-img .banner-txt .line1{ width: 55px; height: 2px;}
.index-banner .swiper-pagination-bullets { display: none;}
.index-banner .swiper-container-horizontal>.swiper-pagination-bullets,.index-banner .swiper-pagination-custom,.index-banner .swiper-pagination-fraction { display: none;}
}
@media (max-width:425px){
.index-banner .swiper-container {height:200px;}
.index-banner .swiper-container .swiper-img .banner-txt .txt1 {font-size: 16px; margin-bottom: 8px; }
.index-banner .swiper-container .swiper-img .banner-txt .txt2 {font-size: 14px;line-height: 20px; margin-bottom: 8px; } 
.index-banner .swiper-container .swiper-img .banner-txt .txt3 {font-size:14px;line-height:20px;}
.index-banner .swiper-container .swiper-img .banner-txt .line{ width:35px; height: 2px; }
.index-banner .swiper-container .swiper-img .banner-txt .line1{ width: 35px; height: 2px;}
}
/*index-about*/
.index-about {background-image:url(../images/index_about.jpg);background-repeat:no-repeat;background-position:center bottom;background-size:100% auto; overflow: hidden; }
.index-about-left img{ width:100%;}
.index-about-right { margin-left: 30px;}
.index-about .about-content P{ line-height: 34px; font-size: 18px; color: #666;}
.index-about .about-lists {width:100%; margin-top:80px; text-align: center; }
.index-about .about-lists ul{ width:100%; margin:0 auto; text-align: center; }
.index-about .about-lists ul li{ float: left; width: 25%; position:relative;}
.index-about .about-lists ul li:after{ position:absolute; right:1px; bottom:0; content:""; height:100%; width:1px; background:#dcdcdc;}
.index-about .about-lists ul li:last-child:after{  width:0px; }
.index-about .about-lists .num{ font-size:16px; }
.index-about .about-lists .num .counter{ font-size: 60px; font-weight: bold;color: #004ea2; }
.index-about .about-lists .index_about_name { line-height: 30px; display: block; color: #888; padding: 0 15%; font-size:16px; }
.index-about-right .more { margin-top: 50px;}
@media all and (max-width: 1750px) {
.index-about .about-lists {margin: 30px auto;}
}
@media all and (max-width: 1280px) {
.index-about .about-content P{ line-height: 30px; font-size: 16px; }
.index-about .about-lists .num .counter{ font-size: 40px; }
}
@media (max-width:1024px) {
.index-about {background-size:100% 100%;background-image:url(../images/index_about_w.jpg);}
.index-about-right { margin-left: 20px;}
.index-about-right .page_title { margin-bottom: 0px;}
.index-about .about-content P{ line-height: 28px; font-size: 15px; }
.index-about .about-lists .num .counter{ font-size: 30px; }
.index-about .about-lists .index_about_name {padding: 0 10%; font-size:15px; line-height: 26px;}
.index-about-right .more { margin-top: 30px;}
}
@media screen and (max-width:992px) {
.index-about-right { margin-left: 0px; margin-bottom: 25px;}
}
@media screen and (max-width:768px) {
.index-about-left{ display: none;}
.index-about .about-lists .num .counter{ font-size: 26px; }
.index-about .about-lists .index_about_name {padding: 0 5%; line-height: 24px;}
}
@media screen and (max-width:600px) {
.index-about .about-lists {margin: 20px auto 0px;}
.index-about .about-lists ul li{ width: 50%;}
}
@media screen and (max-width:480px) {
.index-about .about-lists ul li { width:50%; float:left; margin-bottom:20px; }
.index-about .about-lists .index_about_name { font-size: 15px; line-height: 1.5; }
.index-about .about-lists ul li:nth-child(2n):after{ width:0px; }
}
/*index-pro*/
.index-pro {background-image:url(../images/index_bg01.jpg);background-repeat:no-repeat;background-position:center bottom;background-size:100% auto; overflow: hidden; }
.product-category li{font-size: 20px;}
.index-pro .index-pro-tabs{border-bottom: none;}
.index-pro .index-pro-tabs li{width: 100%; font-size: 20px;height: 50px!important;}
.index-pro .index-pro-tabs li.active > a,
.index-pro .index-pro-tabs li.active > a:hover,
.index-pro .index-pro-tabs li.active > a:focus{border: none;background: none;color:#004ea2;background-color: inherit;border: none;}
.index-pro .index-pro-tabs li > a{border:none; color:#666; padding-left: 0px;}
.index-pro .index-pro-tabs li > a:hover {border: none;background: none;color:#004ea2;}
.index-pro .index-pro-tabs li.active > a{color:#004ea2;}
.index-pro .index-pro-tabs li > a i{display: block;font-size: 40px;padding-bottom: 15px;}
.index-pro .index-pro-tabs li span{ display: none; float: left; margin-right: 10px;}
.index-pro .index-pro-tabs li.active span{ display: block; color: #004ea2;}
.index-pro .index-pro_list { padding-bottom: 70px;}
.index-pro .index-pro_list .img_box{
    /* padding:30px 10px;  */
    background-color: #fff;}
.index-pro .index-pro_list .info_box .t{font-size:18px; text-align: center; background-color: #fff; padding: 35px 0; text-align: center; margin-bottom:25px;  overflow: hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical; }
.index-pro .index-pro_list .img_box .imgZoom img {
    object-fit: contain;
}
.index-pro .index-pro_list .info_box .d{ color:#666; line-height:24px; height:70px; overflow:hidden; text-align:left;}
.index-pro .index-pro_list a:hover .t{color:#004ea2;}
.index-pro .swiper-pagination-bullet {width: 10px;height: 10px; border-radius: 10px; background: #666;}
.index-pro .swiper-pagination-bullet-active {background: #004ea2;}
.index-pro .swiper-slide{ margin-top:0px!important;}
.product-category li{ height: 50px!important; }
.index-pro .swiper-button-prev, .index-pro .swiper-container-rtl .swiper-button-next{left:0;right:auto}
.index-pro .swiper-button-next,.index-pro .swiper-container-rtl .swiper-button-prev{ right: 89%;}
.index-pro .swiper-button-next.swiper-button-disabled,.index-pro .swiper-button-prev.swiper-button-disabled {opacity: .35;width: 45px; height: 45px; border-radius: 100%;}
.index-pro .swiper-button-next,.index-pro .swiper-button-prev{top: 95%;}
.index-pro .swiper-button-next,.index-pro .swiper-button-prev{ border: 1px solid #999; width: 45px; height: 45px; border-radius: 100%;top: 90%; z-index: 99999;}
.index-pro .swiper-button-next,.index-pro .swiper-button-prev{ -moz-background-size:10px 16px;-webkit-background-size:10px 16px;background-size:10px 16px;}
@media (max-width: 1680px) {
.index-pro {background-image:url(../images/index_bg01_p.jpg);background-size:100% 100%; }
}
@media (max-width: 1280px) {
.index-pro .index-pro-tabs li{font-size: 18px; color: #fff;}
.index-pro-tab-content .swiper-button-next,.index-pro-tab-content .swiper-container-rtl .swiper-button-prev{ right: 86%;}
.index-pro .index-pro-tabs{ margin-bottom: 25px;}
.index-pro-tabs .swiper-slide{ height: 40px!important;}
.index-pro .swiper-button-prev.swiper-button-black,.index-pro .swiper-container-rtl .swiper-button-next.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.index-pro .swiper-button-next.swiper-button-black,.index-pro .swiper-container-rtl .swiper-button-prev.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.index-pro .index-pro-tabs li{ height:40px!important;}
}
@media (max-width: 1270px) {
.index-pro .swiper-button-prev.swiper-button-black,.index-pro .swiper-container-rtl .swiper-button-next.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
.index-pro .swiper-button-next.swiper-button-black,.index-pro .swiper-container-rtl .swiper-button-prev.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
}
@media (max-width: 1024px) {
.index-pro {background-image:url(../images/index_bg01_w.jpg);background-repeat:no-repeat;background-position:center bottom;background-size:100% 100%; overflow: hidden; }
}
@media (max-width: 768px) {
.index-pro-tabs.nav-tabs li a{font-size:16px; }
.index-pro .index-pro-tabs{ margin-bottom: 25px;}
.index-pro .m-product-category{ border-bottom: 1px solid #c5c5c5;}
.index-pro .m-product-category.index-pro-tabs li.active > a{color:#004ea2; border-bottom: 2px solid #004ea2; padding-bottom: 14px;}
.index-pro .swiper-button-next,.index-pro .swiper-button-prev{top: auto; bottom: 10px;}
.index-pro .swiper-pagination-bullet {width: 25px!important;height: 2px!important; }
.index-pro .swiper-button-next,.index-pro .swiper-container-rtl .swiper-button-prev{ right: 2%;}
.index-pro .swiper-button-next,.index-pro .swiper-button-prev{ border: 1px solid #fff; background-color: #fff; width: 35px; height: 35px; }
.index-pro .swiper-pagination{ color: #fff;}
}
@media (max-width: 425px) {
.index-pro-tabs.nav-tabs{ width:100%;}
}
@media (max-width: 420px) {
.index-pro-tabs.nav-tabs li a{font-size:15px;}
}
@media (max-width: 320px) {
.index-pro-tabs.nav-tabs li a{font-size:15px;}
}
.page-div {top:50px;right: 0px;}
.page-div .box{width: 46px;height: 46px; border-radius: 50%; border: 1px solid #8c8c8c; line-height: 46px; padding: 15px; float: left; margin-left: 20px;}
.page-div .swiper-button-next { left:0px; float: left; margin-right: 20px;width: 46px;height: 46px; border-radius:100%; border: 1px solid #8c8c8c;}
.page-div .swiper-button-prev { left:-2px; float: left; margin-left: 20px;width: 46px;height: 46px; border-radius:100%; border: 1px solid #8c8c8c;}
.page-div .swiper-button-next,
.page-div .swiper-button-prev {position: relative; text-align: center; right:-2px;  line-height: 46px; background-size: 12px 20px; margin-top: -10px;}
.page-div .swiper-button-next i,
.page-div .swiper-button-prev i { color: #8c8c8c; font-size: 1.25rem;}
.page-div .swiper-container-rtl .swiper-button-prev.swiper-button-black,.page-div .swiper-container-rtl .swiper-button-next.swiper-button-black {opacity: .35;width: 46px;height: 46px;border-radius: 100%;border: transparent!important;}
@media (max-width: 1280px) {
.page-div {top:60px;right: 0px;}
}
@media (max-width: 768px) {
.page-div {top:50px;right: 0px;}
.page-div .box{width: 40px;height: 40px; line-height: 40px; padding: 12px;}
}
.index-partner-swiper { padding-top: 0px;}
.idxpartner {width: 100% !important;}
.index-partner .page-div .swiper-button-next {margin-right: 0px;margin-left: 20px;}
.index-partner {background-image:url(../images/index_bg02.jpg);background-repeat:no-repeat;background-position:center bottom;background-size:100% auto; overflow: hidden; }
.index-partner .container{ position: relative;}
.index-partner .col{ padding-left: 1px; padding-right: 2px;}
.index-partner .col li{ margin-top: 0px!important; margin-bottom: 15px; margin-right: -1px;}
.index-partner .col li .box{background-color: #fff; text-align: center; padding:8px 2px;}
.index-partner .col li img {max-width: 94%; width:94%; margin: 0 auto;border:1px solid #ccc; object-fit: contain;height: 170px;}
@media (max-width:1200px) {
.index-partner .col{ padding-left: 2px; padding-right: 5px;}
}
@media (max-width: 1024px) {
.index-partner {background-image:url(../images/index_bg02_w.jpg); background-size:100% 100%;}
.index-partner .page-div { display: none;}
}
@media (max-width: 624px) {
.index-partner .col li{margin-bottom: 10px;}
}   
.sec_four_box{position: relative;overflow: hidden;}
.section_four .page_title{ color: #fff; float: left;}
.sec_four_box .swiper-slide a{display: block;padding-bottom:700px;background-position: center top;}
.sec_four_box .swiper-slide a:hover{-webkit-transform: scale(1.02);transform: scale(1.02);}
.section_four .section_tit{float: left;}
.section_four .tabs{display: inline-block;}
.section_four .tabs a{line-height: 49px;margin-left: 57px;display: inline-block;position: relative;font-size: 24px;color: #fff;}
.section_four .tabs a:after{width:0;position: absolute;display: inline-block; height: 2px; content: '';bottom: 0; left: 30%; -webkit-transition:all 0.8s ease 0s; transition:all 0.8s ease 0s;}
.section_four .tabs a:after{ background: #fff;}
.section_four .tabs a.active{color: #fff;}
.section_four .tabs a.active:after{width:40px;}
.section_four .container{padding-bottom: 47px; position: relative;}
.section_four .advantage_top{ position: absolute; content: ""; top: 140px; left: 0px; z-index: 9; width: 100%;}
.section_four .swiper-slide  .pc{ display: block;}
.section_four .swiper-slide  .mob{ display: none;}
@media (max-width:1200px) {
.section_four .swiper-slide .pc{ display: none;}
.section_four .swiper-slide .mob{ display: block;}
}
@media screen and (max-width:1440px){
.sec_four_box .swiper-slide a{padding-bottom: 525px;}
}
@media screen and (max-width:1366px){
.sec_four_box .swiper-slide a{padding-bottom: 500px;}
}
@media screen and (max-width:1280px){
.section_four .advantage_top{ top: 100px; }
.sec_four_box .swiper-slide a{padding-bottom: 467px;}
.section_four .container{padding-bottom: 25px;}
.section_four .tabs a{margin-left: 30px;}
.section_four .tabs a{font-size: 20px;}
}
@media screen and (max-width:1200px){
.section_four { padding-top: 100px;}
.section_four .advantage_top{ top: -80px; }
.section_four .page_title{ color: #333;}
.section_four .tabs a{ color: #333;}
.section_four .tabs a:after{ background: #333;}
.section_four .tabs a:before{ background: #333;}
.section_four .tabs a.active{color: #333;}
}
@media screen and (max-width:768px){
.section_four .advantage_top{ top: -70px; }
.section_four .tabs a{font-size: 16px;margin-left: 5px;}
.section_four .container{padding-bottom: 15px;}
.sec_four_box .swiper-slide a{padding-bottom: 55%;}
}
@media screen and (max-width:400px){
.section_four .advantage_top{ top: -110px; }
.section_four .tabs a{font-size: 15px;margin-left: 0px;}
}
/*index-news*/
.index_news {background-image:url(../images/index_bg03.jpg);background-repeat:no-repeat;background-position:center bottom;background-size:100% auto; overflow: hidden; }
.index_news dl{ height: 40px; line-height: 40px; margin-top: 40px; text-align: center;}
.index_news dl dd{ float: left; margin-left: 2%; font-size: 24px; width: 48%; text-align: right;}
.index_news dl dd a{color: #666;line-height: 40px; padding-bottom: 10px; position: relative; }
.index_news dl dd a:hover{color: #004ea2;}
.index_news dl dd a:hover:after{background: #004ea2; position: absolute; content: ""; bottom: 0px; left:25%; z-index: 9; width:50%; height: 2px; }
.index_news_lt_row { text-align:left;z-index: 33; margin-top: 30px; }
.index_news_lt_row li ._down { padding:6% 4%; background-color:#f7f7f7; }
.index_news_lt_row li ._down ._tt { margin-bottom:10px; overflow:hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.index_news_lt_row li ._down ._tt a{color:#333; text-align:left; font-size:20px; line-height: 35px; white-space:nowrap;text-overflow:ellipsis;overflow:hidden; }
.index_news_lt_row li ._down ._tt a:hover{color:#004ea2; }
.index_news_lt_row li ._down ._desc{ color:#666; font-size: 16px; line-height:28px; margin-top: 15px; margin-bottom: 15px; padding-bottom: 15px; overflow:hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical; border-bottom: 1px solid #f0f0f0;}
.index_news .newsmore a{ font-size: 16px; color:#666;}
.index_news .newsmore {position: relative; width:100%; height:50px; line-height:50px; margin:0px auto; }
.index_news .newsmore span{height:10px;background:url(../images/look_bg1.png) no-repeat;position:absolute;right:0px;top:50%;margin-top:-8px; width: 30px;}

.index_news_lt_row li .list_img a img {object-fit: cover;}
@media (max-width: 1280px) {
.index_news dl dd{ font-size: 20px;}
}
@media (max-width: 1024px) {
.index_news {background-image:url(../images/index_bg03_w.jpg); background-size:100% 100%; overflow: hidden; }    
.index_news_lt_row li ._down ._tt {white-space: nowrap; overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.index_news_lt_row li ._down ._tt a{ font-size:18px; }
}
@media (max-width: 768px) {
.index_news_lt_row li ._down ._tt a{ font-size:16px;}
.index_news dl{ display: none;}
}
@media (max-width: 568px) {
.index_news .more {position: relative; width:200px; height:40px; line-height:40px; margin:30px auto 0; border:1px solid #ccc}
.index_news .more span{right:70px; margin-top:-8px;}
.index_news .more:hover span{right:80px; }
}
@media (max-width: 425px) {
.index_news_lt_row li ._down ._desc{margin-top: 7px;}
}
/*index_applicaticon*/
.index_applicaticon{ line-height: 1.2;background: #f7f7f7; }
.index_applicaticon .page_title h3:after {left:295PX;}
.index_applicaticon .page_title span{margin-left: 30px;}
.index_applicaticon .item {display:block; border: 2px solid #004ea2; padding: 40px 30px; margin-top: 30px;}
.index_applicaticon .item .t1{font-size:26px; color:#333; margin-bottom: 15px;}
.index_applicaticon .item .c{ color:#666; line-height:34px; margin-top:20px; font-size: 16px; }
.common-line{width:35px; height:1px; background:#004ea2; }
@media (max-width: 1024px) {
.index_applicaticon .page_title h3:after {left:205px;}
.index_applicaticon .item {padding: 30px 20px; margin-top: 20px;}
.index_applicaticon .item .t1{font-size:22px; margin-bottom: 10px;}
.index_applicaticon .item .c{ line-height:28px; margin-top:10px; font-size: 15px; }
}
@media (max-width: 768px) {
.index_applicaticon .page_title h3:after {left:190px;}
.index_applicaticon .item .t1{font-size:20px;}
}
@media (max-width: 600px) {
.index_applicaticon .item {padding: 20px 15px; }
.index_applicaticon .page_title h3:after {left:160px;}
.index_applicaticon .page_title span{margin-left: 20px;}
.index_applicaticon .rect-40{ padding-bottom: 30%;}
.index_applicaticon .item .c{ line-height:26px; }
}
@media (max-width: 425px) {
.index_applicaticon .page_title h3:after {left:145px;}
}
/*index_custom*/
.index_custom { background:url(../images/index_custom.jpg) no-repeat bottom; }
.index_custom .index-partner-swiper { height: 260px; }
.index_custom .swiper-wrapper{height: 220px;}
.index_custom .col li{ height: 105px;}
.index_custom .col li .box{border:1px solid #ccc; background-color: #fff; text-align: center; padding:8px 30px;}
.index_custom .col li img {max-width: 100%; width:60%; margin: 0 auto;}
@media (max-width: 1200px) {
.index_custom .index-partner-swiper { height: 240px; }
.index_custom .swiper-wrapper{height: 190px;}
.index_custom .col li{ height: 95px;}
}
@media (max-width: 624px) {
.index_custom .index-partner-swiper { height: 220px; }
.index_custom .swiper-wrapper{height: 170px;}
.index_custom .col li{ height: 75px;}
.index_custom .col li img {max-width: 100%; width:80%;}
}