@charset "utf-8";

/*header*/

.dropdown-menu.pronav{
    /* min-width: 600px;width: 600px!important; */
     margin-left: -305px;}

.dropdown-menu.pronav li{ margin-right:5px; margin-left: 5px; float: left;}



.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: #fff;}

.nav-container{position: inherit; margin-top:0px;}

.logo{padding:15px 0 15px;}

.logo img{float: left}

.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-btn{width:90px; height:78px; line-height:87px;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 .tools .search .fa{ color:#333; 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 #333;}

.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;}

.tel-info{color:#333; position: relative;}

.tel-info h6{font-size: 20px; text-align: center; height: 90px; line-height: 90px;}

.tel-info h6 i{font-size:20px; color:#333; }

.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 #333;}

.tel-info .list_down_form .down_form_right{ width: 25%; line-height: 44px; height: 44px; background: #004ea2; border:1px solid #004ea2; color: #333; 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:#333; 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;}

.header .logo .img,.header .logo .img{ display: none;height: 60px;}

.header .logo .img_h,.header .logo .img_h{ display: block;height: 60px;}

@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%;}

#bs-example-navbar-collapse-1 .navbar-nav > li > a{padding:0px 10px; }

#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;}



}

/***内容页*****/

.page_banner{position:relative;  height:540px; margin-top: 90px;}

.page_banner .cat_box{position:absolute; left:0; text-align: center; width:100%;height: 100%;background-color: rgba(0, 0, 0, 0.33);display: flex;}

.page_banner .cat_box .cat_name{font-size:36px; color:#fff; margin-bottom:30px; text-align: center;line-height:1.5; padding-top: 15%;position: relative;}

.page_banner .cat_box .cat_name:after{ position: absolute; left: 48%; bottom: -20px; width: 47px; margin: 0 auto; text-align: center; height: 3px; background-color: #fff; content:"";}

.about_banner{background:url(../images/about_banner.jpg) no-repeat center center; background-size:cover;}

.news_banner{background:url(../images/news_banner.jpg) no-repeat center center;  background-size:cover;}

.pro_banner{background:url(../images/pro_banner.jpg) no-repeat center center; background-size:cover;}

.contact_banner{background:url(../images/contact_banner.jpg) no-repeat center center; background-size:cover;}

.server_banner{background:url(../images/server_banner.jpg) no-repeat center center; background-size:cover;}

.custom_banner{background:url(../images/custom_banner.jpg) no-repeat center center; background-size:cover;}

.honor_banner{background:url(../images/honor_banner.jpg) no-repeat center center; background-size:cover;}



@media (max-width:1600px){

.page_banner{height:450px;}

}

@media (max-width:1440px){

.page_banner{height:405px;}

}

@media (max-width:1366px){

.page_banner{height:384px; margin-top:90px;}

.page_banner .cat_box .cat_name{font-size:30px;}

}

@media (max-width:1280px){

.page_banner{height:360px;}

}

@media (max-width:1200px){

.page_banner{height:338px; }

.page_banner .cat_box .cat_name{font-size:26px;}

}

@media (max-width:992px){

.page_banner{ height:279px;margin-top:70px;}

.page_banner .cat_box h4{font-size:26px;}

}

@media (max-width: 768px){

.page_banner{ height:216px;}

.page_banner .cat_box h4{ display:none;}

.page_banner .cat_box{bottom:40%;}

.page_banner .cat_box .cat_name { margin-bottom: 0px;}

}

@media only screen and (max-width: 760px){

.page_banner .cat_box .cat_name {font-size:20px;margin-bottom: 10px; padding-bottom: 0PX;padding-top: 10%; }

.page_banner .cat_box .cat_name:after{ width: 45px; height: 3px;}

}

@media only screen and (max-width:525px){

.page_banner{  height:140px;}

.page_banner .cat_box{bottom:0%;}

.page_banner .cat_box .cat_name:after{ width: 30px;left: 46%; }



}

@media only screen and (max-width:325px){

.page_banner{  height:120px;}

}

.page_nav{height: 70px;line-height: 70px;border-bottom: 1px solid #eaeaea;}

.page_nav .crumb{float: right;}

.page_nav .crumb li{float: left;font-size: 16px;color: #666;}

.page_nav .crumb a{color: #666; float: left;font-size: 16px; position: relative; padding-left: 7px; padding-right: 7px;}

.page_nav .crumb .fa{  text-align: left; float: left; }

.page_nav .crumb a::after{ position: absolute; right: -10px; top: 0px; content: ""; width: 15PX; height: 70PX; }

.page_nav .crumb a:last-child::after{ content: ""; width:0PX; }

.page_nav .r_sec{float: left;}

.page_nav .r_sec li{position:relative; float:left; font-size:18px; padding:0 15px; margin:0 10px;}

.page_nav .r_sec li:first-child:after{display:none;}

.page_nav .r_sec li:before{content:""; position:absolute; bottom:0; left:50%; right:50%; height:3px; background:#0c4d97; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;}

.page_nav .r_sec li:hover:before,

.page_nav .r_sec li.cur:before{left:20%; right:23%;}

.page_nav .r_sec li:hover a,

.page_nav .r_sec li.cur a{color:#0c4d97;}

.page_nav .r_sec li a{color:#666666;}

.page_nav .fa {margin:22px 8px 0; font-size:15px;}

.page_nav .item .fa {margin:29px 0px 0; font-size:15px;}

.page_nav a:hover{color:#0c4d97;}

@media (max-width: 1336px){

.page_nav .r_sec li{position:relative; float:left; font-size:16px; padding:0 10px; margin:0 10px;}

}

@media only screen and (max-width: 992px){

.page_nav .crumb{display: none;}

}

@media (max-width: 768px){

.page_nav{line-height:50px; height:50px;}

.page_nav .r_sec li:after{left:-7px; }

}

@media (max-width:668px){

.page_nav{line-height:40px; height:40px;}

.page_nav .r_sec li{padding:0 8px; margin:0 8px;}

}    

@media only screen and (max-width: 425px){

.page_nav .container{padding-right: 0px;padding-left:1px;}

.page_nav{height: 40px;line-height: 40px;border-bottom: 1px solid #eaeaea;}

.page_nav .r_sec li{ font-size:14px; padding:0 6px; margin:0 6px; }

}

@media only screen and (max-width: 400px){.page_nav .r_sec li{ padding:0 5px; margin:0 4px; }

}

.m_sencondNav{position:relative; z-index:9; height:85px; }

.m_sencondNav .m_second.fixed{position:fixed; width:100%; left:0; top:90px; z-index:15;}

.m_sencondNav .m_second {position:relative;  border-bottom:1px solid #e8e8e8}

.m_sencondNav .m_second .home{background:#0c4d97; border-right:1px solid #e8e8e8; width:50px; height:50px; float:left; line-height:50px; display:block; text-align:center;}

.m_sencondNav .m_second .home .fa{display:block; color:#fff; height:50px; line-height:50px;}

.m_sencondNav .m_second .m_second_hd{width:calc(100% - 51px); background:#f6f6f6; float:left}

.m_sencondNav .m_second .m_second_hd li{float:left; position:relative;}

.m_sencondNav .m_second .m_second_hd li{border-right:1px solid #e8e8e8;}

.m_sencondNav .m_second .m_second_hd li:last-child:after{border-right:none}

.m_sencondNav .m_second .m_second_hd li a{display:block; height:50px; line-height:50px; color:#666; padding:0 50px 0 23px; font-size:16px;}

.m_sencondNav .m_second .m_second_hd li:after,

.m_sencondNav .m_second .m_second_hd li:before{content:''; background:#a5a5a5; width:9px; height:2px; display:block; position:absolute; top:0; bottom:0; right:15px; margin:auto;}

.m_sencondNav .m_second .m_second_hd li:after{-webkit-transform:rotate(-90deg); transform:rotate(-90deg); transition:all 0.6s ease-out;} 

.m_sencondNav .m_second .m_second_hd li:before{-webkit-transform:rotate(0deg); transform:rotate(0deg); transition:all 0.6s ease-out;}

.m_sencondNav .m_second .m_second_hd li.cur:before{-webkit-transform:rotate(180deg); transform:rotate(180deg); background:#a5a5a5;}

.m_sencondNav .m_second .m_second_hd li.cur:after{-webkit-transform:rotate(180deg); transform:rotate(180deg); opacity:0; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'; background:#a5a5a5;}

.m_sencondNav .m_second .m_second_bd .erji{position:absolute; left:0; top:100%; width:100%; background:#f8f8f8; border-top:1px solid #e8e8e8; padding-bottom:10px; display:none;}

.m_sencondNav .m_second .m_second_bd .erji li a{padding:6px 20px 6px 63px; border-bottom: 1px solid #dedede; font-size:15px; color:#666; display:block}

.m_sencondNav .m_second .m_second_bd .erji li{margin-top:10px;}

.m_sencondNav .m_second .m_second_hd.active{background:#efefef;}

.m_sencondNav .m_second .m_second_hd.cur{background:#efefef;}

.m_sencondNav .m_second .m_second_bd .sanji{position:absolute; left:0; top:100%; width:100%; background:#efefef; border-top:1px solid #e8e8e8; padding-bottom:10px; display:none;}

.m_sencondNav .m_second .m_second_bd .sanji li a{padding:6px 20px 6px 63px; font-size:14px; color:#666;; display:block}

.m_sencondNav .m_second .m_second_bd .sanji li{margin-top:10px;}

@media (max-width: 992px){

    .m_sencondNav .m_second.fixed{ top:70px;  }

}

.about-page1 {background: url(../images/aboutbg1.jpg) center no-repeat;-o-background-size: cover;background-size: cover; }

.about-page1 .en{ font-size: 60px; color: #004ea2; text-transform: uppercase; font-weight: bold;}

.about-page1 .tit{ font-size: 24px; padding-bottom: 30px;}

.about-page1 .zhs1 {font-size: 18px;line-height: 32px;width: 100%;color: #666;}

.about-page1 .more { margin-top: 80px;}

.about-lists {width:100%;}

.about-lists ul{ width:100%; margin:0 auto; color: #fff;}

.about-lists ul li{ float: left; width: 25%; padding-left: 2.5%; padding-right: 2.5%; text-align: left; position:relative;}

.about-lists ul li:first-child{ padding-left: 0px;}

.about-lists ul li:after{ position:absolute; right:1px; bottom:0; content:""; height:100%; width:1px; background:rgba(255, 255, 255, .45);;}

.about-lists ul li:last-child:after{  width:0px; }

.about-lists .num{ font-size:16px; }

.about-lists .num .counter{ font-size: 42px; font-weight: bold;color: #fff; }

.about-lists .index_about_name { line-height: 30px; text-align: left; display: block; color: rgba(255, 255, 255, .45); font-size:18px; }

.about-lists ul li.li1{ background: url(../images/icon1.png) no-repeat 85% center;  }

.about-lists ul li.li2{ background: url(../images/icon2.png) no-repeat 85% center;  }

.about-lists ul li.li3{ background: url(../images/icon3.png) no-repeat 85% center;  }

.about-lists ul li.li4{ background: url(../images/icon4.png) no-repeat 85% center;  }

.about-page2 {background:#013281; }

.about-page3-content { margin-top: 30px;}

.about-page3-list { width: 25%; float: left;}

.about-page3-list .item .rect-117{ margin-bottom:80px;}

.about-page3-list .item .cover{position:absolute; left:0; bottom:0; width:100%; height:100%; transition: .7s ease;}

.about-page3-list .item .cover .box{padding:27% 35px 10%; text-align:center;}

.about-page3-list .item .cover .box .title { padding: 30px 0;}

.about-page3-list .item .cover .box .tit{font-size:24px; color:#fff;}

.about-page3-list .item .cover .box .con{font-size:18px; line-height: 36px; height: 72px; color:#fff; margin-top: 15px;}

.about-page3-list .item .cover .box .icon{ width: 102px; height: 102px; line-height: 112px;border-radius: 100%; background-color: #2cb2aa; text-align: center; margin: 200px auto 0; z-index: 999;}

.about-page3-list .item .cover .box .icon .fa{ font-size: 30px;color:#fff; }

.about-page3-list:nth-child(2n) .item .cover .box .icon{ background-color: #004ea2; }

.about-page3-list:nth-child(3n) .item .cover .box .icon{ background-color: #6699cc; }

.about-page4 .page-tit h3{color: #fff;}

.company-culture {position: relative;}

.company-culture .absolute{position: absolute;height: 100%;width:100%;text-align: center;z-index: 10;}

.company-culture .absolute .title-style {margin-top: 100px;}

.company-culture .absolute .title-style h2{color: #fff;margin: 0;}

.company-culture .absolute .title-style h5{color: 999999;font-size: 16px;}

.company-culture .absolute .img {position: relative;height: 690px;}

.company-culture .absolute .img img{display: inline-block;width:auto;}

.company-culture .img.bg-black {background: #000;}

.company-culture .img.bg-black img.pcshow{animation: fadeintm 1000ms linear infinite;}

.company-culture .img img{display: block;width: 100%;}

.company-culture .slogoimg {width: 280px;height: 60px;position: absolute;top: 50%;left: 50%;margin: -50px 0 0 -140px;-webkit-animation:fudong1 4s linear infinite;animation: fudong1 4s linear infinite;}

.company-culture .absolute .item {width: 480px;height: 225px;position: absolute;}

.company-culture .absolute .item .pcontent {position: relative;width:100%;height: 100%;overflow: hidden;}

.company-culture .absolute .item .text1{text-align: left;width: 380px;position: absolute;top: 25%;left:17%;z-index: 5;}

.company-culture .absolute .item .text1 h3{font-size: 24px;color: #fff; margin-bottom: 15px;}

.company-culture .absolute .item .text1 h6{margin: 0;font-weight: normal;font-size: 16px;line-height: 32px; color: rgba(255, 255, 255, .85);}

.company-culture .absolute .item .ypic1{width: 215px;height: 215px;position: absolute;left: 0;top: 0;z-index: 1;}

.company-culture .absolute .item .ypic2{width: 215px;height: 215px;position: absolute;left: 0;top: 0;}

.company-culture .absolute .item.item1 {top: 15%;right:40%;margin: -20px -500px 0 0 ;}

.company-culture .absolute .item.item2 {top: 35%;left:47%;margin: -20px 0 0 -620px;}

.company-culture .absolute .item.item2 .text1 {top: 24%;left:auto;right: 15%; text-align: right;}

.company-culture .absolute .item.item2 .ypic1{left: auto;right: 0;-webkit-transform:rotate(140deg);transform:rotate(140deg);}

.company-culture .absolute .item.item2 .ypic2{left: auto;right: 0;-webkit-transform:rotate(140deg);transform:rotate(140deg);}

.company-culture .absolute .item.item3 {bottom: 3%;right:41%;margin: -20px -400px 0 0 ;}

.company-culture .absolute .item.item3 .text1 {top: 25%;}

.pcshow { display:block;}

.mbshow { display:none!important;}

.mshow { display:none!important;}

@keyframes fudong1 {0%{top: 50%;}50%{top: 52%;}100%{top: 50%;}} 

@keyframes fadeintm {0%{opacity: 1;}50%{opacity: .8;}100%{opacity: 1;}} 

.relative {position: relative;}

.table {display: table;width: 100%;height: 100%;}

.table-cell {display: table-cell;vertical-align: middle;}



@media screen and (max-width: 1440px){

.about-page1 .en{ font-size: 50px; }

.about-page1 .tit{ font-size: 20px; padding-bottom: 20px;}

.about-page1 .zhs1 {margin-top: 20px;}

.about-page1 .more { margin-top:60px;}

.about-page3-list .item .cover .box .icon{ margin: 170px auto 0; }

.company-culture .absolute .img img {max-width:80%;}

.company-culture .absolute .title-style {margin-top: 70px;}

.company-culture .absolute .img {margin-top:30px;}

.company-culture .absolute .item .text1 h3{font-size: 22px;}

.company-culture .absolute .item .text1 h6 {font-size: 15px;line-height: 26px;}

.company-culture .absolute .img {height: 500px;}

.company-culture .absolute .item.item2 .text1 {top: 35%;}

.company-culture .absolute .item.item1 {top: 5%;margin: -20px -480px 0 0;}

.company-culture .absolute .item.item2 {top: 24%;}

.company-culture .absolute .item.item3 {bottom: 0%;}

.company-culture .absolute .item.item3 .text1 {top: 15%;}

.company-culture .slogoimg {margin: -80px 0 0 -140px}

.company-culture .absolute .item .text1{ width: 300px; top: 18%;}

}

@media (max-width: 1366px){

.about-page1 .en{ font-size: 40px; }

.about-page1 .zhs1 {margin-top: 10px; font-size:16px; }

.about-page1 .about-page1-ul li .shu-div2 {font-size: 17px;}

.about-page3-list .item .cover .box .icon{ margin: 150px auto 0; }

}

@media (max-width: 1200px){

.about-page1 .tit{ font-size: 24px; padding-bottom: 20px;}

.about-page1 .more { margin-bottom:30px;}

.about-page3-list .item .cover .box .icon{ margin: 110px auto 0; }

.about-page3 .swiper-button-next,.about-page3 .swiper-button-prev {width: 18px;height: 29px;-moz-background-size: 18px 29px;-webkit-background-size: 18px 29px;background-size: 18px 29px;}

.about-page3 .swiper-button-next{right: 24px;left: auto;}

.about-page3 .swiper-button-prev {left: 24px;right: auto;}

.about-page3-list .item .cover .box .icon{ width: 82px; height: 82px; line-height: 82px;}

.about-page3-list .item .cover .box .icon .fa{ font-size: 20px;}

.about-page3-list .item .cover .box .con{font-size:16px; line-height: 30px;}

.about-page3 .item { padding: 8% 6%; }

.about-page3 .item p {line-height: 32px; font-size: 16px;}

.about-page3-list .item .cover .box .tit{font-size:20px;}

}

@media (max-width: 1100px){

.about-page3-list .item .cover .box .icon{ margin:90px auto 0; }

.about-page3-list .item .rect-117{ margin-bottom:40px;}

.about-page3-list .item .cover .box .icon{ width: 62px; height: 62px; line-height: 62px;}

.company-culture .absolute .item.item1 {top: 20%; right:38%; }

.company-culture .absolute .item .text1{ width: 280px;}



}

@media screen and (max-width: 1024px){

.company-culture .absolute .item {width:100%;height: 205px;}

.company-culture .absolute .item.item1 {top: 5%;margin: -20px 0px 0 0;right: 0;}

.company-culture .absolute .item.item2 {top: 24%;left: 0;margin: -20px 0 0 0px;}

.company-culture .absolute .item.item3 {bottom: 1%;right: 0;margin: -20px 0px 0 0;}

.company-culture .absolute .item .text1 h3{font-size: 20px;}

.company-culture .absolute .item .text1 h6 { width: 80%;}

.company-culture .absolute .item.item1 .text1 h3 {margin-bottom: 10px;}

.company-culture .absolute .item.item2 .text1 h6 {float: right;}

.company-culture .absolute .item.item3 .text1 { left: 12%; width: 380px;}

.company-culture .absolute .item .text1{ width: 380px;left: 12%;}

.company-culture .absolute .item.item2 .text1 {top: 38%;right: 10%;}

.company-culture .absolute .img img {margin: auto;}

.pcshow  {display: none!important;}

.mbshow {display: block!important;}

.company-culture .absolute .img .slogoimg{display: none;}

.about-page3 .swiper-button-next,.about-page3 .swiper-button-prev {width: 12px;height: 20px;-moz-background-size: 12px 20px;-webkit-background-size: 12px 20px;background-size: 12px 20px;}

}

@media (max-width: 768px){

.about-page1 .en{ font-size: 30px; }

.about-page1 .zhs1 {width: 100%;line-height: 25px;margin-top: 20px;}

.about-page1 {padding-bottom: 30px;  }

.about-page1 .tit{ font-size: 20px; padding-bottom: 5px;}

.about-lists ul li.li1{ background: none;  }

.about-lists ul li.li2{ background: none;  }

.about-lists ul li.li3{ background: none;  }

.about-lists ul li.li4{ background: none;  }

.about-page3-list .item .cover .box .title { padding: 30px 20px;}

.pshow  {display: none!important;}

.mbshow {display: none!important;}

.mshow {display: block!important;}

}



@media screen and (max-width: 492px){

.pcshow  {display: none!important;}

.mbshow {display: none!important;}

.company-culture .absolute .img {height:550px;}

}

.development-history .img img{width: 100%; height: 100%;}

.development-history .top .title-style {margin: 300px auto auto;}

.development-history .top{position: absolute;width: 100%;height: 100%;}

.development-history .top .title-style{text-align: center;width:30%;margin: 150px auto auto;}

.development-history .top .title-style h2{margin: 0;}

.development-history .top .title-style h5{color: 999999;font-size: 16px;}

.swiper-history .swiper-history-time{text-align: center;background: url("../images/line.png") center no-repeat;}

.swiper-history .swiper-history-time .year-num {font-size: 40px;color: #666; font-weight: bold;}

.swiper-history .swiper-history-time .year-num span {color: #666;}

.swiper-history .swiper-history-time .text{ font-size: 18px; line-height: 28px;color: #666;margin: auto;overflow: hidden;display: none;}

.swiper-history .swiper-history-time .swiper-slide-active .year-num {font-size: 220px;color: #808080;padding-top: 40px;}

.swiper-history .swiper-history-time .swiper-slide-active .year-num span {color: #004ea2;}

.swiper-history .swiper-history-time .swiper-slide-active .text{display: block;height: 130px;}

.swiper-history .swiper-history-time .swiper-button-next,.swiper-history .swiper-history-time .swiper-button-prev {background-color: #fff;width: 50px;height: 50px;border-radius: 100%;border: 2px solid #ccc;opacity: 1;}

.swiper-history .swiper-history-time .swiper-button-next {right:18%;background: url("../images/right.png") center no-repeat;}

.swiper-history .swiper-history-time .swiper-button-prev {left:18%;background: url("../images/left.png") center no-repeat;}

.swiper-history .swiper-history-time .year-num {padding-top: 34%;}	

.swiper-history .swiper-history-time .swiper-button-next, .swiper-history .swiper-history-time .swiper-button-prev {margin-top: -30px;}	

.swiper-history-year {position: relative;} 

.swiper-history-year::before {content: '';display: block;width: 100%;height: 1px;background: #ccc;position: absolute; left: 0;top:20px;}

.swiper-history-year .swiper-slide{text-align: center;color: #999;font-size: 30px; background: #f6f6f6;font-family: 'Barlow-Light',Microsoft Yahei,Arial;}

.swiper-history-year .swiper-slide.swiper-slide-thumb-active {color:#004ea2;font-weight: bold;}

.about-page5 .more{ margin: 0 auto 30px; text-align: center;}

@media (max-width:1700px){

.swiper-history .swiper-history-time .year-num {font-size:34px;}

.swiper-history .swiper-history-time .swiper-slide-active .year-num {font-size: 180px;padding-top: 70px;}

.swiper-history .swiper-history-time .year-num {padding-top: 38%;}

}

@media screen and (max-width: 1680px){

.swiper-history .swiper-history-time .text {font-size: 16px;line-height: 26px;}

.swiper-history .swiper-history-time .swiper-slide-active .year-num {font-size: 140px;padding-top: 165px;}

.swiper-history .swiper-history-time .year-num {padding-top: 40%;;}

.swiper-history .swiper-history-time .swiper-button-next, .swiper-history .swiper-history-time .swiper-button-prev {margin-top: -30px;}

.swiper-history .swiper-history-time .swiper-button-prev {left: 18%;}

.swiper-history .swiper-history-time .swiper-button-next {right: 18%;}

.swiper-history .swiper-history-time { background-size: 100%;}

}

@media screen and (max-width: 1440px){

.swiper-history .swiper-history-time .swiper-slide-active .year-num {font-size: 100px; padding-top: 85px;}

.swiper-history .swiper-history-time .year-num { font-size:30px;}

.swiper-history .swiper-history-time .swiper-button-next, .swiper-history .swiper-history-time .swiper-button-prev {margin-top: -28px;}

}

@media screen and (max-width: 1366px){

.swiper-history .swiper-history-time .swiper-slide-active .year-num { padding-top: 115px;}

/*.swiper-history .swiper-history-time .year-num { padding-top: 115px;}*/

.swiper-history .swiper-history-time .swiper-button-next, .swiper-history .swiper-history-time .swiper-button-prev {margin-top: -27px;}

.development-history{ height: 100%;}

}

@media screen and (max-width: 1280px){

.swiper-history .swiper-history-time .swiper-slide-active .year-num {font-size:90px;padding-top: 50px;}

/*.swiper-history .swiper-history-time .year-num {padding-top: 100px;}*/

.swiper-history .swiper-history-time .swiper-button-next, .swiper-history .swiper-history-time .swiper-button-prev {margin-top: -30px;}

}

@media screen and (max-width: 1024px) {

.swiper-history .swiper-history-time .swiper-button-next, .swiper-history .swiper-history-time .swiper-button-prev {width: 30px;height: 30px;}

.swiper-history .swiper-history-time .swiper-slide-active .year-num { padding-top: 85px;}

/*.swiper-history .swiper-history-time .year-num {padding-top: 85px;}*/

.swiper-history .swiper-history-time .swiper-button-next, .swiper-history .swiper-history-time .swiper-button-prev {margin-top: -60px;}

.swiper-history .swiper-history-time .year-num {font-size:24px;}

}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

.swiper-history .swiper-history-time .year-num {padding-top: 145px;}

.swiper-history .swiper-history-time .swiper-button-next, .swiper-history .swiper-history-time .swiper-button-prev {margin-top: -20px;}

.swiper-history {margin-top: -40px;}

}

@media (max-width:768px){

.about-page3 .item .rect-35 { padding-bottom: 28%;}

.about-page3 .item p {line-height: 28px; font-size: 15px;}

.about-page3-list { width: 50%; float: left;}

.about-page3-list .item .rect-150 { padding-bottom: 115%;}

.about-page3-list .item .cover .box{padding:40% 5px;}

.swiper-history .swiper-history-time .swiper-slide-active .text {width: 90%;}

.swiper-history .swiper-history-time .swiper-button-next, .swiper-history .swiper-history-time .swiper-button-prev  {display: none;}

.swiper-history .swiper-history-time {background: none;}

.swiper-history .swiper-history-time .swiper-slide-active .year-num {font-size:60px;padding-top: 15px;}

.swiper-history .swiper-history-time .year-num {padding-top: 15px;}

.swiper-mhistory { height: 60px; margin-top: 10px;}

}

@media (max-width:568px){

.about-page3 .item { padding: 10% 2% 4%; }

.about-page3 .item .rect-35 { padding-bottom: 58%;}

.about-page3-list .item .rect-150 { padding-bottom: 128%;}

.about-page3-list .item .cover .box{padding:20% 5px;}

.about-page3-list .item .cover .box .con{font-size:14px; line-height: 26px; }

.about-page3-list .item .cover .box .tit{font-size:18px;}

.swiper-history .swiper-history-time .swiper-slide-active .year-num {font-size:40px;padding-top: 5px;}

.swiper-history .swiper-history-time .year-num {padding-top: 5px;}

.swiper-history-year .swiper-slide{ font-size: 20px;}

}

@media (max-width:375px){

.about-page3-list .item{ margin-bottom: 15px;}

.about-page3-list .item .rect-150 { padding-bottom: 110%;}

.about-page3-list { width: 100%;}

}

@media all and (max-width: 1750px) {

.about-lists {margin: 30px auto;}

}

@media all and (max-width: 1280px) {

.about-lists .num .counter{ font-size: 40px; }

}

@media (max-width:1024px) {

.about-lists .num .counter{ font-size: 30px; }

.about-lists .index_about_name {padding: 0 10%; font-size:15px; line-height: 26px;}

}

@media screen and (max-width:768px) {

.about-lists .num .counter{ font-size: 26px; }

.about-lists .index_about_name {padding: 0 5%; line-height: 24px;}

}

@media screen and (max-width:600px) {

.about-lists {margin: 20px auto 0px;}

.about-lists ul li{ width: 50%;}

}

@media screen and (max-width:480px) {

.about-lists ul li { width:50%; float:left; margin-bottom:20px; }

.about-lists .index_about_name { font-size: 15px; line-height: 1.5; margin-top: 10px; }

.about-lists ul li:nth-child(2n):after{ width:0px; }

}



/*关于我们*/

.company .intro .t{font-size:24px; color:#333; margin-bottom:15px;}

.company .intro .en{ text-transform:uppercase; font-size:15px;}

.company .content{padding:40px 0 40px;}

.company .content p{ line-height:38px;font-size:18px;color: #666;}

.company_icon { text-align: center;}

.company_icon p{ font-size: 18px; line-height: 38px; margin-top: 10px; color: #666;}

@media only screen and (max-width: 1024px){

.company .intro .t{font-size:22px;}

.company .content p{ line-height:30px;font-size:16px;}

}



@media only screen and (max-width: 760px){

.company .intro .t{width:100%; font-size:20px;}

.company .intro .en{font-size:12px;}

.company .content{padding:20px 0 30px; line-height:28px;}

.company .content p{ line-height:28px;}

.company_icon p{ font-size: 16px;}

}

.culture { text-align: left;}

.culture.page-section{ padding-bottom: 0px;}

.culture .desc{font-size:18px; line-height:36px; margin-bottom: 40px; color: #666;}

.culture h3{ font-size: 24px; color: #0050a8; margin-top: 40px; margin-bottom: 20px;}

.culture1 {background:url(../images/culturebg.jpg) 100% no-repeat;  overflow: hidden; }

.culture1 .desc{font-size:18px; line-height:36px; margin-bottom: 40px; color: #fff;}

.culture1 h3{ font-size: 24px; color: #fff; margin-top: 40px; margin-bottom: 20px;}

@media only screen and (max-width: 1024px){

.culture1 {background:url(../images/culturebg1.jpg) 100% no-repeat; overflow: hidden; }

.culture1 .img { text-align: center; margin:0 auto;}

.culture h3{ font-size: 20px;margin-top: 30px; margin-bottom: 10px;}

.culture1 h3{ font-size: 20px; margin-top: 30px; margin-bottom: 10px;}

.culture .desc{font-size:16px; line-height:32px; margin-bottom: 20px; }

.culture1 .desc{font-size:16px; line-height:32px; margin-bottom: 20px; }

}

@media only screen and (max-width: 700px){

.culture1 .img img{ width: 100%;}

}



.advantages .desc{ line-height: 36px; color: #666; font-size: 18px; width: 100%; margin: 0 auto 50px;}

.advantages .advantageslist { position: relative;margin-top: 40px;}

.advantages .advantageslist .advantageslistcon{top: -15px; left: 10%; position: absolute; content: "";width:80%; }

.advantages .advantageslist .title{ color: #fff; font-size: 24px; font-weight: bold; text-align: center;}

.advantages .advantageslist .title span{height: 78px; line-height: 78px; top: -15px; left: 10%; position: absolute; content: "";width:80%; border-radius: 10px; margin-left: auto; margin-right: auto;background-color: #0050a8; }

.advantages .advantageslist.advantageslist2 .title span{ background-color: #2cb2aa; }

.advantages .advantageslist.advantageslist3 .title span{ background-color: #6699cc; }

.advantages .advantageslist .con{ margin-top: 32%; line-height: 32px; text-align: center; font-size: 18px; color: #666; margin-left: auto; margin-right: auto;  }

@media only screen and (max-width:1480px) {

.advantages .advantageslist img{ width: 100%;}

}

@media only screen and (max-width:1200px) {

.advantages .advantageslist .title{ font-size: 20px; }

.advantages .advantageslist .title span{height: 60px; line-height: 60px; }

.advantages .advantageslist .con{ margin-top: 28%;  width: 100%;}

}

@media only screen and (max-width:768px) {

.advantages .desc{ line-height: 32px; font-size: 16px;  margin: 0 auto 40px;}

.advantages .advantageslist { margin-bottom: 20px;}

.advantages .advantageslist .title{ font-size: 18px; }

.advantages .advantageslist .con{ margin-top: 22%;}

}

.box-size{ box-sizing: border-box; -webkit-box-sizing: border-box;}

.course.page-section{ padding-bottom: 0px;}

.courR{width: 66.0256%;height: 435px;background: url(../images/coursebg2.jpg) no-repeat center /cover;padding: 42px 0 0 90px;}

.courR p{ color: #fff; font-weight: bold; font-style: italic; font-size: 36px; margin-top: 50px;}

.courL{overflow: hidden;height: 435px;background: url(../images/coursebg.jpg) no-repeat center /cover;padding: 75px 50px 0 50px;}

.courL .title {font-size: 24px; line-height: 40px; color: #ffffff; font-weight: bold; text-transform: uppercase; display: block;}

.courL .info{font-size: 18px;line-height: 36px; color: #ffffff;overflow: hidden;margin-top: 20px;}

.courseC{position: relative;z-index: 2;}

.courseCon{background: url(../images/courseconbg.jpg) no-repeat center /cover;padding: 200px 0 65px 0;margin-top: -125px;}

.courseCon .courseBox{width: 100%;margin: 0 auto; }

.courseBox{position: relative;}

.courseBox .event_dl{height: 425px;}

.courseBox .event_dl dd{position: relative;width: 34%;-webkit-transition: all .3s linear;}

.courseBox .event_dl dd::before{display: block;content: "";width: 20px;height: 285px;position: absolute;left: 0;top: 0;background: url(../images/cursebtn.png)no-repeat center /cover;}

.courseBox .prev{display: block;position: absolute;width: 40px;height: 40px;background: #0050a8 url(../images/nextbai.png)no-repeat center /10px 16px;cursor: pointer;top: 38%;-webkit-transform: translateY(-50%)rotateZ(180deg);left: -85px;border-radius: 50%;}

.courseBox .next{display: block;position: absolute;width: 40px;height: 40px;background: #0050a8 url(../images/nextbai.png)no-repeat center /10px 16px;cursor: pointer;top: 38%;-webkit-transform: translateY(-50%);right: -85px;border-radius: 50%;}

.courseBox .event_dl dd .con{padding: 0 40px 0 35px;}

.courseBox .event_dl dd .time{font-size: 26px;color: #0050a8; line-height: 32px;margin-bottom: 15px;overflow: hidden;font-weight: bold;}

.courseBox .event_dl dd .info{display: block;font-size: 18px;color: #666; line-height: 32px;overflow: hidden;}

.courseList{position: relative;}

.courseList dd{position: relative;z-index: 1;margin-bottom: 0.75rem;}

.courseList dd .time{line-height: 34px;color: #196aa9;font-size: 24px;background: url(../images/hisbefore.png) no-repeat center left;background-size: 2.75rem 0.5rem; font-weight: bold;margin-bottom: 20px;padding-left: 3rem;}

.courseList dd .info{line-height:28px;font-size: 16px;color: #666;margin-bottom:15px;padding: 0 0.5rem;}



@media only screen and (max-width:1366px) {

.courR{width: 60%;}

.courL .title {font-size: 22px;}

.courseBox .prev{ left: -45px; }

.courseBox .next{ right: -45px; }

}

@media only screen and (max-width:1200px) {

.courseBox .prev{ left: -15px; }

.courseBox .next{ right: -15px; }

}

@media only screen and (max-width:992px) {

.courseBox .prev{display: block;position: absolute;width: 30px;height: 30px; top: 38%; left: -20px; }

.courseBox .next{display: block;position: absolute;width: 30px;height: 30px; top: 38%; right: -20px; }

.courL {padding: 45px 30px 0 30px;}

.courL .title {font-size: 20px; line-height: 32px; }

.courL .info{font-size: 16px;line-height: 32px; }

.courseBox .event_dl dd .info{ font-size: 16px;line-height: 28px; }

.courseBox .event_dl dd .con{padding: 0 10px 0 25px;}

.courseList{ background-color: #fff;padding: 3rem 0 3rem 0;margin-top: 0;}



}

@media only screen and (max-width:768px) {

.courR{width: 100%;padding: 42px 0 0 30px;height: 335px;}

.courseBox .event_dl dd .time{font-size: 22px;margin-bottom: 10px;}

.courseBox .event_dl dd .info{ font-size: 14px; line-height: 22px;}

.courR p{font-size: 30px; margin-top: 30px;}

.courL{height: 335px;}

.courseBox .event_dl dd .con{padding: 0 0px 0 20px;}

.courseCon .courseBox{width: 90%;margin: 0 auto; }

.courseBox .prev{ left: -40px; }

.courseBox .next{ right: -40px; }

.courseBox .event_dl{ overflow: hidden;}

.courseBox .event_dl dd{position: relative; }

}

@media only screen and (max-width:468px) {

.courseBox .event_dl dd{position: relative;width:100%;}

.courR p{font-size: 26px; }

}



.news_list li{ margin-bottom: 25px;}

.news_list .list_box{background-color: #f7f7f7; border-radius: 20px; position:relative;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}

.news_list .list_main{overflow:hidden;}

.news_list .list_time{font-size:18px; font-family: Arial; text-align: center; color: #333; position: relative; width:10%; margin-right: 4%;padding:50px 0px 50px 40px; }

.news_list .list_time:after{content: "";position: absolute; width: 1px; height: 64%; background: #d2d2d2; display: block; top: 25%; right: -15%; }

.news_list .list_time_day{display:block; font-size:46px;  font-weight: bold; line-height:50px;font-family:helvetica;}

.news_list .bd_c{width:62%;padding:47px 5px 47px;  }

.news_list .bd_c1{width:83%;padding:47px 5px 47px;  }

.news_list .img{width:21.5%;height: 199px; }

.news_list .img img{ width: 100%;height: 100%;object-fit: cover;}

.news_list .list_title{font-size:20px; line-height: 30px; margin-bottom:15px;color:#000;font-weight:normal;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.news_list .list_p{font-size:16px;color:#666;line-height: 30px; overflow:hidden;}

.news_list .list_box:after{ width: 86%; }

.news_list .date{ display: none;}

.news_list li:hover .list_box{ background-image: linear-gradient(90deg,#015593 0%,#1598b6 90%); background-color: #015593; color:#fff;}

.news_list li:hover .list_box:after{background-color:#f8f8f8;}

.news_list li:hover .list_time{ color:#fff;-moz-transition:background .8s ease 0s; -ms-transition:background .8s ease 0s; -o-transition:background .8s ease 0s; -webkit-transition:background .8s ease 0s; transition:background .8s ease 0s;}

.news_list li:hover .list_title a{color:#fff;}

.news_list li:hover .list_p{color:#fff; }

@media only screen and (max-width:1440px){

.news_list .bd_c{width:61%;padding:47px 5px 47px;  }

.news_list .img{width:23%; }

}

@media only screen and (max-width:1366px){

.news_list .list_time{ margin-right: 4%;padding:52px 0px 52px 30px; }

.news_list .bd_c{width:60%;padding:32px 5px 32px;  }

.news_list .bd_c1{ padding:32px 5px 32px;  }

.news_list .img{width:24%; }

.news_list .list_time:after{height: 69%; top:18%; }

}

@media only screen and (max-width:1240px){

.news_list .list_time{font-size:16px; }

.news_list .bd_c{ padding:26px 5px 26px;  }

.news_list .bd_c1{ padding:26px 5px 26px;  }

}

@media only screen and (max-width:1200px){

.news_list .bd_c{ padding:19px 5px 19px;  }

.news_list .bd_c1{ padding:19px 5px 19px;  }

.news_list .list_time{ margin-right: 3%;}

.news_list .list_time:after{height: 72%; top:16%; }

.news_list .img{width:25%; }

}

@media only screen and (max-width:1024px){

.news_list .bd_c{width:58%;padding:25px 5px 25px; }

.news_list .bd_c1{ padding:25px 5px 25px; }

.news_list .img{width:26%; }

.news_list .list_title{font-size:18px; margin-bottom:10px;}

.news_list .list_p{ line-height: 28px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -moz-box;-moz-line-clamp: 2;-moz-box-orient: vertical;word-wrap: break-word;word-break: break-all;white-space: normal;  }

.news_list .list_time{padding:25px 0px 25px 16px; }

}

@media only screen and (max-width:996px){

.news_list .list_time_day{ line-height:70px; }

.news_list .list_time_day{ font-size:36px; }

}

@media only screen and (max-width:800px){

.news_list .bd_c{ padding:15px 5px 15px; }

.news_list .bd_c1{ padding:15px 5px 15px; }

.news_list .list_time{padding:15px 0px 15px 6px; }

}

@media only screen and (max-width:760px){

.news_list .list_time{ width: 12%;}

.news_list .list_time_day{ line-height:50px; }

.news_list .list_title{font-size:18px; margin-bottom: 0px;}

.news_list .list_time:after{height: 80%; }

}

@media only screen and (max-width:660px){

.news_list .list_time{ width: 15%;}

.news_list .bd_c{width:82%;}

.news_list .bd_c1{width:82%;}

.news_list .img{width:0; display: none; }

}

@media only screen and (max-width:560px){

.news_list .list_title{ line-height:30px;}

.news_list .list_time{  display: none; width: 0px;}

.news_list .bd_c{width:100%;padding:15px 15px 15px; }

.news_list .bd_c1{width:100%;padding:15px 15px 15px; }

.news_list .date{ display: block; line-height: 36px;}

.news_list .list_box{ border-radius: 0px;}

}



.show-pro{ box-shadow: 0 0 8px rgba(153,153,153,0.4);border-top-left-radius:20px;border-top-right-radius:20px;}

.show-pro .show-pro-top{padding: 55px 55px 20px; border-bottom: 1px solid #eeeeee; }

.show-pro .show-pro-bottom{padding: 0px 55px 20px; border-top: 1px solid #eeeeee; }

.show-pro .param-tit{font-size:26px; padding-bottom:10px; color: #333;}

.show-pro .param-s{ font-size: 16px;color: #666; }

.show-pro .param-c { margin-bottom: 20px;padding: 30px 55px 20px; }

.show-pro .param-c h3{ font-size: 20px; line-height: 50px; font-weight: bold; position: relative; padding-left: 17px; margin-bottom: 10px;}

.show-pro .param-c h3:before{ position: absolute; left: 0; top: 0px; content: "•"; width: 17px; color: #0c4d97;}

.show-pro .param-c strong{ margin-bottom: 15px;line-height:32px;}

.show-pro .param-c div{font-size: 16px; line-height:32px;}

.show-pro .param-c p{font-size: 16px; line-height:32px;margin-bottom: 10px;}

.show-pro .param-c td{ padding-left: 8px;}

.show-pro .param-c img{ max-width: 100%; max-height: 100%!important;height: auto!important;}

.show-pro .param-img{padding-bottom:30px;border-bottom:1px solid #ccc; margin-bottom: 30px; }

.news_left_nav{ margin-bottom: 25px;box-shadow: 0 0 8px rgba(153,153,153,0.4);}

.news_left_nav dt{ line-height: 55px; font-size: 26px; font-weight: normal;border-top-left-radius:20px;border-top-right-radius:20px; padding:10px 40px; color: #fff;background-image: linear-gradient(90deg,#015593 0%,#1598b6 90%); width: 100%; text-align: left; }

.news_left_nav dd{line-height:45px;font-size: 18px; padding:10px 40px;  color: #333; border-bottom: 1px solid #e5e5e5; }

.news_left_nav dd a {display: -webkit-box; -webkit-line-clamp:1;-webkit-box-orient: vertical; text-overflow: ellipsis;}

.news_left_nav dd:hover a{ color: #0c4d97; }

.show-pro .prev_next {line-height: 60px;height: 60px; }

.show-pro .prev_next a{color: #444;}

.show-pro .prev_next li {margin: 10px auto; padding:0 5px; width: 48%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;display: -moz-box;-moz-line-clamp: 1;-moz-box-orient: vertical;word-wrap: break-word;word-break: break-all;white-space: normal;  }

.show-pro .prev_next li a:hover { color: #0c4d97; }

@media(max-width:1366px) {

.show-pro img{ width: 100%;}

.show-pro .show-pro-top{padding: 30px 30px 20px; border-bottom: 1px solid #eeeeee; }

.show-pro .show-pro-bottom{padding: 0px 30px 20px; border-top: 1px solid #eeeeee; }

.show-pro .param-c { margin-bottom: 20px;padding: 30px 30px 20px; }

.show-pro .param-tit{font-size:24px; }

.news_left_nav dt{ line-height: 50px; font-size: 22px; padding:10px 20px; }

.news_left_nav dd{line-height:40px; padding:10px 20px; }

}

@media(max-width:1280px) {

.show-pro .param-tit{font-size: 20px; }

.news_left_nav{ margin-bottom: 15px;  }

.news_left_nav dt{ line-height: 45px; font-size: 20px;}

.news_left_nav dd{line-height:40px; padding-top: 10PX; padding-bottom: 10PX;}

.show-pro .param-c p ,.show-pro .param-c div,.show-pro .param-c strong{font-size: 16px; }

}

@media(max-width:680px) {

.show-pro .param-tit{font-size: 18px; }

.show-pro .param-c p{ font-size: 15px;line-height:26px;}

.show-pro .show-pro-top{padding: 20px 20px 20px; }

.show-pro .param-c { padding: 20px 20px 20px; }

.show-pro .prev_next {line-height: 30px;height: 100px; }

.show-pro .prev_next li { padding:0 5px; width: 100%;}

.news_left_nav dd{ font-size: 16px;}

}



.prolist .tit{ font-size: 36px; text-align: center;}

.prolist dl{ font-size: 18px; height: 80px; text-align: center; color: #666; margin: 0 auto 40px; padding: 5px 25px;}

.prolist dl dt{ float: left; font-weight: normal; margin-bottom: 10px;}

.prolist dl dd{ float: left; margin-bottom: 10px;}

.prolist dl dd.cur a{color: #0c4d97;}

.prolist dl span{ margin: 0 20px;}

.list-products-search{border:1px solid #e5e5e5;padding:10px;margin-bottom: 30px;line-height:35px; width: 55%; border-radius: 20px; margin: 30px auto;}

.list-products-search input[type=text]{border-radius: 0;border:none;box-shadow: none; background: transparent; font-size:16px;color:#333;padding:0;}

.list-products-search button{border-radius: 0;padding:0 12px;border:none;box-shadow: none; background: transparent; font-size:20px;}

@media (max-width: 1366px){

.prolist .tit{ font-size: 30px; }

}    

@media (max-width: 1200px){

.prolist .tit{ font-size: 26px; }

.prolist dl{ display: none;}

}

@media (max-width: 768px){

.list-products-search{background: #F8F8F8;padding:10px; width: 85%; }

.list-products-search button{ padding:0 5px;}

.prolist .tit{ font-size: 21px; }

}

.prolist li{ margin-bottom: 30px;}

.prolist .box { border: 1px solid #e5e5e5; width: 100%;}

.prolist .box .pro-img img{ padding: 10px;object-fit: contain;}

.prolist a .pro-txt { display: block; text-align: center;  padding: 40px 20px 0px;}

.prolist a .pro-txt .pro-tit h3 { font-size: 18px;margin-bottom: 30px; font-weight: normal;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}

.prolist a:hover .pro-txt .pro-tit h3 { color: #0c4d97; }

.prolist li:hover .box{box-shadow: 0 0 8px rgba(153,153,153,0.4);}

@media only screen and (max-device-width: 768px){

.prolist a .pro-txt { padding: 30px 10px 0px;}

.prolist a .pro-txt .pro-tit h3 { font-size: 16px;}

}

@media(max-width:468px) {

.prolist li{ margin-bottom: 20px;}

.prolist a .pro-txt { padding: 15px 10px;}

.prolist a .pro-txt .pro-tit h3 { font-size: 15px;margin-bottom: 0px; font-weight: normal; overflow: hidden;}

}



.prodetail-top-1{ width:100%;}

.prodetail-top-1-l{ width:37%; margin-right:4%; float:left;border: 1px solid #e5e5e5;}

.prodetail-top-1-l .img{width:100%;}
.prodetail-top-1-l .img img {
object-fit: contain; 
}
.prodetail-top-1-r{ width:59%; float:left;}

.prodetail-top-1 ._detail .pro_t{font-size:32px; color: #004ea2!important; padding-bottom: 25px; border-bottom:1px solid #bcbcbc;}

.prodetail-top-1 ._detail .summ{ padding:25px 0px; font-size:16px; color:#666;line-height: 32px;overflow: hidden;}

.prodetail-top-1 ._detail .summ p{ color: #333;font-size:20px; margin-bottom: 20px;}

.pro-more a {display: inline-block; background: #e5e5e5;padding: 12px 40px; margin-right: 20px; font-size: 18px; text-align: center; min-width: 220px; border-radius: 25px; margin-top: 10px; color: #666; white-space: nowrap;}

.pro_top_r_bott {margin-top: 34px; width:100%;}

.pro_top_r_bott p {font-size: 18px;color: #333333;}

.pro_top_r_bott span {font-size: 28px;color: #333;}

.pro_show{ margin-bottom: 60px;}

.pro_show_bg {padding: 20px 55px 20px;background-image: linear-gradient(90deg,#015593 0%,#1598b6 90%);border-top-left-radius:20px;border-top-right-radius:20px; color: #fff; font-size: 26px;}

@media (max-width: 1280px) {

.prodetail-top-1 ._detail .pro_t{font-size:24px; padding-bottom: 15px; }

.prodetail-top-1 ._detail .summ{ padding:10px 0px; font-size:15px;line-height: 26px;}

.prodetail-top-1 ._detail .summ p{ font-size:18px;}

.pro_show_bg {padding: 20px 35px 20px;font-size: 24px;}

}

@media (max-width:992px){

.prodetail-top-1 ._detail .pro_t{font-size:20px; }

.pro-more a { min-width: 170px;}

.prodetail-top-1-l .rect-90{ padding-bottom: 100%;}

.pro_top_r_bott {margin-top: 20px; }

}

@media (max-width: 768px) {

.prodetail-top-1-l{ width:100%; margin-right:0; float: none;}

.prodetail-top-1-r{ width:100%; float:none; margin-top:20px;}

.pro_show_bg {padding: 10px 35px 10px;font-size: 20px;}

.prodetail-top-1-l .rect-90{ padding-bottom: 90%;}

}

@media (max-width: 660px) {

.pro_detail .ps_paras .ps_con img{ width:100%;}

.pro-more a {margin-top:20px;}

.pro_top_r_bott span {font-size: 24px; }

}



.custom li { width: 20%; float: left; margin-bottom: 10px; text-align: center;}

.custom li p{ font-size: 18px; line-height: 36px; margin: 20px auto;}

@media (max-width:1366px){

.custom li { width: 25%;}

}

@media (max-width:1200px){

.custom li { width: 25%; }

.custom li p{ font-size: 16px; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}

}

@media (max-width:992px){

.custom li p{ font-size: 15px; }

.custom li .box img{ width: 90%; margin: 0 auto;}

}

@media (max-width:600px){

.custom li { width: 50%; }

.custom li .box img{ width: auto; }

}

@media (max-width:480px){

.custom li .box img{ width: 90%; }

}

.honor-lists ul li {margin-bottom: 30px;}

.honor-lists ul li .honor-item .rect {padding-bottom: 78%;}

.honor-lists ul li img{ width:100%;}

.honor-lists ul li .honor-item:hover .img-box img {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}

.honor-lists ul li .honor-item p {text-align: center; }

.honor-lists ul li a p { color: #333; font-size: 18px; padding: 20px 0; line-height: 40px; background-color: #f1f5f8; border-bottom:3px solid #f1f5f8;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}

.honor-lists ul li a:hover p { color: #333; border-bottom:3px solid #015593;border-image: -webkit-linear-gradient(#015593, #1598b6) 20 20;border-image: -moz-linear-gradient(#015593, #1598b6) 20 20; border-image: -o-linear-gradient(#015593, #1598b6) 20 20; border-image: linear-gradient(#015593, #1598b6) 20 20;}

.photo-mask {position: fixed;z-index: 10;bottom: 0;top: 0;left: 0;right: 0;background: rgba(0, 0, 0, 0.8);filter: alpha(opacity=20);-moz-opacity: 0.8;opacity: 0.8;display: none;}

.photo-panel {position: absolute;display: none;clear: both;top: 0;left: 0;bottom: 0;right: 0;z-index: 10;}

.photo-panel .photo-div,

.photo-panel .photo-bar {width: 100%;}

.photo-panel .photo-div {width: 960px;height: 560px;z-index: 11;margin: auto;position: relative;}

.photo-panel .photo-close {background: url(../images/close.png);width: 56px;height: 56px;position: absolute;margin-left: 664px;}

.photo-panel .photo-close:hover {background: url(../images/close_ch.png);width: 56px;height: 56px;position: absolute;margin-left: 664px;}

.photo-panel .photo-bar-tip {width: 700px;height: 44px;position: absolute;margin-top: -64px;padding: 10px;}

.photo-panel .photo-bar-tip:hover {width: 700px;height: 44px;position: absolute;margin-top: -64px;background: #000;filter: alpha(opacity=20);-moz-opacity: 0.8;opacity: 0.8;color: #fff;padding: 10px;}

.photo-panel .photo-img {width: 720px;float: left;height: 560px;background: #fff;}

.photo-panel .photo-view-w {width: 720px;height: 560px;text-align: center;vertical-align: middle;display: table-cell;}

.photo-panel .photo-view-h {width: 720px;height: 560px;text-align: center;vertical-align: middle;}

.photo-panel .photo-view-w img {max-width: 700px;height: auto;vertical-align: middle;text-align: center;max-height: 540px;margin: 10px;-moz-box-shadow: 5px 5px 5px #a6a6a6;/* 老的 Firefox */box-shadow: 5px 5px 5px #a6a6a6;}

.photo-panel .photo-view-h img {max-width: 700px;height: 540px;margin: 10px;-moz-box-shadow: 5px 5px 5px #a6a6a6;/* 老的 Firefox */box-shadow: 5px 5px 5px #a6a6a6;}

.photo-panel .photo-view-h p { font-size: 18px; line-height: 30px;}

.photo-panel .photo-left,

.photo-panel .photo-right {width: 120px;float: left;margin-top: 220px;}

.photo-panel .arrow-prv {background: url(../images/l.png);width: 120px;height: 120px;}

.photo-panel .arrow-prv:hover {background: url(../images/l_ch.png);width: 120px;height: 120px;cursor: pointer;}

.photo-panel .arrow-next {background: url(../images/r.png);width: 120px;height: 120px;}

.photo-panel .arrow-next:hover {background: url(../images/r_ch.png);width: 120px;height: 120px;cursor: pointer;}

@media (max-width:992px){

.photo-panel .photo-div {width: 80%;height: 460px; }

.photo-panel .photo-bar-tip {width: 60%;height: 44px; margin-top: -64px; }

.photo-panel .photo-bar-tip:hover {width: 60%;height: 44px; margin-top: -64px;  }

.photo-panel .photo-img {width: 80%; height: 460px; }

.photo-panel .photo-view-w {width: 100%;height: 460px; }

.photo-panel .photo-view-h {width: 100%;height: 460px; }

.photo-panel .photo-view-w img {max-width: 100%;width: 100%;max-height: 440px;}

.photo-panel .photo-view-h img {max-width: 100%;width: 100%;height: 440px;}

.photo-panel .photo-left,

.photo-panel .photo-right {width: 60px; margin-top: 220px;}

.photo-panel .arrow-prv {background: url(../images/l_m.png);width: 60px;height: 60px;}

.photo-panel .arrow-prv:hover {background: url(../images/l_ch_m.png);width: 60px;height: 60px; }

.photo-panel .arrow-next {background: url(../images/r_m.png);width: 60px;height: 60px;}

.photo-panel .arrow-next:hover {background: url(../images/r_ch_m.png);width: 60px;height: 60px; }

.photo-panel .photo-close { margin-left: 72%;}

.photo-panel .photo-close:hover { margin-left: 72%;}

}

@media (max-width:768px){

.honor-lists ul li a p { font-size: 16px; padding: 10px 0; line-height: 30px; }

.photo-panel .photo-img {width: 70%; height: 460px; }

}

@media (max-width:568px){

.photo-panel .photo-div {width: 100%;margin-top: 146px!important;}

.photo-panel .photo-view-w img {max-width: 100%;width: 80%;max-height: 340px;}

.photo-panel .photo-view-h img {max-width: 100%;width: 80%;height: 340px;}

.photo-panel .photo-close { margin-left:57%;}

.photo-panel .photo-close:hover { margin-left: 57%;}

.photo-panel .photo-img {width: 70%; height: 360px; }

.photo-panel .photo-view-w {width: 100%;height: 360px; }

.photo-panel .photo-view-h {width: 100%;height: 360px; }

.photo-panel .photo-left,

.photo-panel .photo-right {width: 50px; margin-top: 120px;}

.photo-panel .arrow-prv { width: 50px;height: 50px;}

.photo-panel .arrow-prv:hover { width: 50px;height: 50px; }

.photo-panel .arrow-next { width: 50px;height: 50px;}

.photo-panel .arrow-next:hover { width: 50px;height: 50px; }

}

.server { text-align: center;}

.server .tit{ font-size: 36px; margin-bottom:20px;}

.server .desc{ font-size: 18px; line-height: 32PX; margin-bottom:30px;}

.server_idea { margin-bottom: 70px;}

.server_idea li img{ width: 100%;}

.server_process p{ font-size: 18px; line-height: 45px; margin-top: 15px;}

@media (max-width:1366px){

.server .tit{ font-size: 30px; }

}

@media (max-width:768px){

.server .tit{ font-size: 26px; }

.server_idea { margin-bottom: 40px;}

.server_idea li img{ margin-bottom: 20px;}

}

@media (max-width:668px){

.server .tit{ font-size: 22px; }

.server .desc{ font-size: 16px;line-height: 28PX}

}

.jobs_4_1_2{  font-size:20px; text-align:center;}

.joblist li:first-child{ float:left; width:97%;}

.joblist li:nth-child(2){width:3%; float:left; text-align: center;}

.joblist li.showjobinfo{ display:none;width:100%; clear:both; background-color:#f7fcfe;  }

.joblist_mid{ padding-left: 70px; position: relative;}

.joblist_mid::before{ background: url(../images/q.png) center no-repeat; width: 50px; height: 50px; position: absolute; left: 0; top:6px; content: ""; }

.joblist_mid_2,.joblist_mid_3,.joblist_mid_4{text-align:center}

.joblist_mid_t{font-size:1.125em;}

.joblist{display:block; margin-bottom: 30px;}

.jobs_4_2{padding-top:5px;  padding-bottom: 40px; overflow:hidden;}

.jobs_4_2 .bg{ cursor:pointer;background-color:#fff; margin-left: 2px; margin-right: 2px; border:1px #efefef solid;box-shadow: 0 0 8px rgba(153,153,153,0.14); min-height:80px; border-radius: 20px;padding:10px 30px;}

.joblist_mid_c{ font-size: 20px; line-height: 60px;}

.showjobinfo_mid{padding:50px 40px; font-size: 16px; text-align: left;}

.showjobinfo_mid_1{line-height: 34px;color: #666; overflow:hidden; margin-bottom:1.5em;}

.jobs_4_2 ul.on .bg{background-image: linear-gradient(90deg,#015593 0%,#1598b6 90%);}

.jobs_4_2 ul.on .joblist_mid_c{color:#fff;}

.jobs_4_2 ul.on .joblist_mid::before{ background: url(../images/q1.png) center no-repeat; width: 50px; height: 50px; position: absolute; left: 0; top:0px; content: ""; }

.jobs_4_2 ul.joblist.on li.showjobinfo{display:block}

.showjobinfo_mid_2 a{ padding:0.45em 2em;display:inline-block; color:#fff; background-color:#c9141e;}

.showjobinfo_mid_2 a span{ padding-left:20px;background-position:left center; background-repeat:no-repeat; display:inline-block; background-image:url(../images/job.png);}

.jobs_4_2_2{margin:3em 0 5.5em 0}.jobs_4_2_2 a{border:1px #d3d7df solid;}

@media screen and (max-width: 768px){

.joblist{display:block; margin-bottom: 20px;}

.jobs_4_2 .bg{ min-height:70px; padding:10px 10px;}

.joblist_mid{ padding-left: 58px;}

.joblist_mid_c{ font-size: 18px; line-height: 50px;}

.joblist_mid::before{ top:0px; } 

.showjobinfo_mid{padding:20px 20px;  }

.showjobinfo_mid_1{line-height: 30px; }

}

@media screen and (max-width: 668px){

.joblist_mid::before{ background-size: 80% 80%; width: 40px; height: 40px; top: 5px; }

.joblist_mid{ padding-left: 45px;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}

.joblist_mid_c{ font-size: 16px; }

}

.download-lists { background:url(../images/down_bg.jpg) bottom no-repeat;  overflow: hidden; }

.download-lists ul li{ margin-bottom: 30px; font-size: 18px;} 

.download-lists ul a {display: block;padding: 0px 35px; line-height: 60px; border: 1px solid #efefef; border-radius: 20px; }

.download-lists ul a:hover {color: #fff;background-image: linear-gradient(90deg,#015593 0%,#1598b6 90%);}

.download-lists ul .fr{ border-left: 1px solid #efefef; padding-left: 50px; padding-right: 20px;}

.download-lists ul a:hover .fr{border-left: 1px solid rgba(255,255,255,0.24);; }

@media(max-width:668px) {

.download-lists ul li{ margin-bottom: 20px; font-size: 16px;} 

.download-lists ul a {display: block;padding: 0px 25px; line-height: 50px; }

.download-lists ul .fl{ width: 86%; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}

.download-lists ul .fr{  padding-left: 20px; padding-right: 10px;}

}

@media(max-width:480px) {

.download-lists ul li{ margin-bottom: 15px; font-size: 15px;} 

.download-lists ul a {padding: 0px 15px; }

.download-lists ul .fr{ padding-left: 10px; padding-right: 0px;}

}

.contact .title{ margin-bottom: 30px;}

.contact .title .cn{ font-size: 36px; margin-bottom: 10px;}

.contact .title .en{ font-size: 20px; color: #666;}

.contact-left dt{ color: #004ea2; font-size: 20px; font-weight: bold; margin-bottom: 25px;}

.contact-left dd{font-size: 18px; margin-bottom: 25px; color: #666;}

.contact-right img{ margin-bottom: 80px;}

.contact-right p { font-size: 23px;}

.contact-right .contact-more{ margin-top: 30px;}

.contact-right .contact-more a {display: inline-block; border: 1px solid #004ea2; padding: 12px 20px; margin-right: 30px; font-size: 16px; text-align: center; min-width: 150px; border-radius: 20px; margin-top: 30px; color: #004ea2; white-space: nowrap;}

.contact-right .contact-more a i{ font-size: 20px; margin-right: 10px;}

.map_box .map{ height: 100%; overflow:hidden;/*height:750px;*/}

.ditu{width:100%;height:365px; text-align:center;/*position:absolute;bottom:0px;left:0; z-index:0; */}

.contact1 { margin-bottom: 15px;}

.contact1 .tit{ color: #004ea2; font-size: 28px; margin-bottom: 35px;}

.contact1 .box{ border: 1px solid #efefef; padding: 45px; min-height: 250px; margin-bottom: 35px;}

.contact1 .box dt{ font-size: 22px; margin-bottom: 10px; font-weight: normal;}

.contact1 .box dd{ font-size: 18px; margin-bottom: 5px;}

@media only screen and (max-width:1440px){

.contact1 .box{ padding: 35px;}

}

@media only screen and (max-width:1280px){

.contact .title .cn{ font-size: 30px; }

.contact .title .en{ font-size: 18px; }

.contact-right img{ margin-bottom: 50px;}

.contact-right p { font-size: 20px;}

.contact1 .box{ padding: 30px;}

}

@media only screen and (max-width: 992px){

.contact-left dt{font-size:18px; margin-bottom: 15px;}

.contact-left dd{font-size: 16px; margin-bottom: 15px; }

.map_box .map{ margin-top: 20px; }

.ditu{width:100%;height:300px; }

}

@media only screen and (max-width: 768px){

.contact .title .cn{ font-size: 24px; }

.contact .title .en{ font-size: 16px; }

.contact-right .contact-more{ margin-top: 20px;}

.contact-right p { font-size: 18px;}

.contact1 .tit{  font-size: 22px; margin-bottom: 25px;}

.contact1 .box{ padding: 25px; min-height: 200px; margin-bottom: 15px;}

.contact1 .box dt{ font-size: 20px;}

.contact1 .box dd{ font-size: 16px; }

}

@media only screen and (max-width: 480px){

.contact-right img{ width: 100%;}

.contact-right .contact-more{ margin-top: 0px; margin-bottom: 20px;}

}

.message .box{border-radius: 20px;border: 8px solid #0e6da4; min-height:510px;width: 100%; }

.ab_f5part3 {overflow: hidden;}

.ab_f5p3new {padding:30px 30px 30px 10px;width: 70%; float: right; position: relative;border-top-right-radius: 10px;border-bottom-right-radius: 10px;}

.ab_f5p3pic { overflow: hidden; position: relative; float: left; height: 100%; }

.ab_f5p3bg {position: relative;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;overflow: hidden;}

.ab_f5p3bg img{ width: 100%; height: 100%; overflow: hidden;}

.ab_f5p3mc {width: 100%;height: 100%; border-radius: 14px 0 0 14px;position: absolute;top: 0;left: 0;z-index: 5;pointer-events: none;}

.ab_f5p3bgnew {width: 100%;height: 100%;padding:80px 60px;position: absolute;top: 100px;left: 0;z-index: 10;}

.ab_f5p3bgnew h2 {font-size: 30px; margin-bottom: 20px; color: #fff;font-weight: bold;}

.ab_f5p3bgnew span{font-size: 16px;line-height: 34px;color: #fff; }

.ab_f5ly img {position: absolute;top:95px;left: 60px;z-index: 5;}

.ab_inputli {width: 49%;border: 1px solid #dcdcdc; border-radius: 5px;margin-bottom: 25px;margin-right: 2%;}

.ab_inputli:nth-child(2n) {margin-right: 0px;}

.ab_inputli label { color: #999999;line-height: 45px;}

.ab_inputli input { width: 100%;padding: 15px;border-radius: 5px;border: 0px solid #dcdcdc;}

.ab_text {width: 100%; min-height: 120px; border: 1px solid #dcdcdc;border-radius: 5px; }

.ab_text textarea { color: #999999;line-height: 1.5;border: 0px solid #dcdcdc;width: 100%;height: 100%;padding: 20px;}

.ab_send {width: 185px; height: 50px; line-height: 50px; background-image:linear-gradient(90deg,#015593 0%,#1598b6 90%);color: #fff;border-radius: 20px;text-align: center;cursor: pointer;}

.ab_send button {font-size: 16px;line-height: 45px;background: none; border: none; width: 100%;}

.ab_yzmpic {width: 90px;line-height: 50px;}

.ab_yzmpic img {width: 100%;}

.ts{ line-height: 40px;}

@media only screen and (max-width:1440px){

.ab_f5p3new { width: 68%;}

}

@media only screen and (max-width:1300px){

.ab_f5p3new { width: 66%;}

}

@media only screen and (max-width:1200px){

.ab_f5part3 { padding: 0px; height: auto;}

.ab_f5p3pic { display: none;}

.ab_f5p3new {padding: 25px 20px 25px;width: 100%; margin: 0 auto; float: none; position: relative;}

.ts{ line-height: 30px;}

}

@media only screen and (max-width:500px){

.ab_inputli {width: 100%; margin-right: 0px; margin-bottom: 15px;}

.ts{ margin-top: 8px; margin-bottom: 8px;}

.ab_yzmwen{ width: 60%;}

}

.join-title { text-align: center;}

.join-title .title{color:#333;font-size:36px; line-height:1}

.join-title .desc{font-size: 18px; color: #666; line-height: 32px; text-align: center; margin: 20px auto; width: 70%; }

@media screen and (max-width: 1024px){

.join-text strong { font-size: 20px; }

.join-title .title{font-size:20px;line-height:1.4}

.join-title .desc{font-size: 16px; width: 100%; margin: 20px auto; }

}



.join { background:url(../images/join_bg.jpg) no-repeat;  overflow: hidden; }

.join dl{ margin-bottom: 30px; padding-left: 100px;}

.join .dl1{ position: relative;}

.join .dl1::before{ position: absolute; content: ""; left: 0; top: 0; width: 80px; height: 80px; background: url(../images/join1.png) no-repeat;}

.join .dl2{ position: relative;}

.join .dl2::before{ position: absolute; content: ""; left: 0; top: 0; width: 80px; height: 80px; background: url(../images/join2.png) no-repeat;}

.join .dl3{ position: relative;}

.join .dl3::before{ position: absolute; content: ""; left: 0; top: 0; width: 80px; height: 80px; background: url(../images/join3.png) no-repeat;}

.join .dl4{ position: relative;}

.join .dl4::before{ position: absolute; content: ""; left: 0; top: 0; width: 80px; height: 80px; background: url(../images/join4.png) no-repeat;}

.join dt { font-size: 20px; font-weight: bold; margin-bottom:5px; margin-top:5px;}

.join dd{ font-size: 18px; line-height: 32px; color: #666;}

@media (max-width:1280px) {

.join dt { font-size: 22px; }

}

@media (max-width:768px) {

.join dl{ margin-bottom:20px;}

.join dt { font-size: 20px; margin-bottom: 15px;}

.join dd{line-height: 28px;}

}

@media (max-width:568px) {

.join dt { font-size: 18px;}

.join dd{ font-size: 16px;}

}

.joins_3_1_3{ padding:1.5em 0; background-color:#f5f5f5; margin-top: 40px; overflow:hidden;}

.joinlist li{ float:left; width:27%;}

.joinlist li:nth-child(4){width:19%;}

.joinlist li.showjoininfo{ display:none;width:100%; clear:both; background-color: #f7fcfe;  }

.joinlist_mid{padding-left:2em; padding-right:2em;}

.joinlist_mid_2,.joinlist_mid_3,.joinlist_mid_4{text-align:center}

.joinlist_mid_t{font-size:20px; font-weight: bold;}

.joinlist{display:block;}

.joins_3_2{padding-top:5px;  padding-bottom: 40px; overflow:hidden;}

.joins_3_2 ul{ cursor:pointer;font-size: 18px;}

.joins_3_2 ul:nth-child(2n){background-color:#f5f5f5; }

.joins_3_2 ul li{min-height:4em; line-height: 4em;}

.showjoininfo{padding:1em 1em 0em 1em;}

.showjoininfo_1{line-height:1.8; overflow:hidden; margin-bottom:1.5em;}

.joins_3_2 ul.on{background-image: linear-gradient(90deg,#015593 0%,#1598b6 90%);}

.joins_3_2 ul.on .joinlist_mid_c{color:#fff;}

.joins_3_2 ul.joinlist.on li.showjoininfo{display:block}

.joins_3_2_2{margin:3em 0 5.5em 0}.joins_3_2_2 a{border:1px #d3d7df solid;}

.showjoininfo .joinmore { margin: 30px 0;}

.showjoininfo .joinmore a{ color:#fff;font-size:18px; font-weight:normal;padding:13px 30px; border-radius: 20px; background-image: linear-gradient(to right,#004ea2, #2db4aa); line-height:30px; position: relative; }

.showjoininfo .joinmore a:after{ position: absolute; right:30px; left: auto; width: 40px; height: 30px; top: 10px; content: "";  }

.showjoininfo .joinmore a:hover{ background: #004ea2;  color: #fff;}



@media screen and (max-width: 1200px){

.joins_3_1_3{padding:1.2em 0;}

.joinlist_mid_c{font-size:0.875em;}

.joinlist_mid_t{font-size:1em;}

.joins_3_1_1{font-size:1.125em;}

.joins_3_1_2{font-size:2em;}

}

@media screen and (max-width: 768px){

.joinlist_mid{padding:0 1em;}

.showjoininfo{padding:1em; font-size: 17px;}

.joinlist li:nth-child(3){display:none}

.joinlist li:nth-child(2){width:18%;}

.joinlist li:nth-child(1){width:58%;}

.joinlist li:nth-child(4){width:23%;}

.joins_3_2_2{margin-top:2em; margin-bottom:3em;}

.joins_3_1_1{font-size:1em;}

.joins_3_1_2{font-size:1.5em;}

.showjoininfo .joinmore { display: none;}

.joins_3_2 ul li{min-height:3em; line-height: 3em;}

}

.policy {font-size: 18px; line-height: 30px;}

.policy strong{font-size: 20px;}



.collapse-card{background-color:#fff; color:#777; margin-bottom: 30px; -webkit-transition:0.4s;-moz-transition:0.4s;-o-transition:0.4s;transition:0.4s}

.collapse-card *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

.collapse-card .collapse-card__heading:hover::after{content:"\f078"}

.collapse-card__heading{cursor:pointer; position:relative;background-color:#fff; border:1px #efefef solid;box-shadow: 0 0 8px rgba(153,153,153,0.14); min-height:80px; border-radius: 20px;padding:0px 30px;}

.collapse-card__heading:before,.collapse-card__heading:after{content:" ";display:table}

.collapse-card__heading:after{clear:both}

.collapse-card__heading i{float:left;text-align: center;width: 50px;height: 50px; margin-right: 10px; background: url(../images/q.png) center no-repeat; margin-top: 15px; }

.collapse-card__heading::after{color:#404040; content:"\f078"; font-family: 'Font Awesome 5 Free';font-weight: 900;font-size:20px; line-height: 80px;padding-left:.4rem;position:absolute;right:2rem;top:0}

.collapse-card__title{font-size:20px; line-height: 80px;margin:0 2rem 0 0; color: #333; overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.collapse-card__body{ padding: 55px 50px; font-size: 16px; line-height: 32px; background-color: #f7fcfe; display:none}

.collapse-card.active .collapse-card__heading{background-image: linear-gradient(90deg,#015593 0%,#1598b6 90%);z-index:200; }

.collapse-card.active .collapse-card__heading .collapse-card__title { color: #fff;}

.collapse-card.active .collapse-card__heading::after{color:#fff;content:"\f077";  } 

.collapse-card.active .collapse-card__heading:hover::after{content:"\f077"}

.collapse-card.active .collapse-card__heading i{ background: url(../images/q1.png) center no-repeat; }

@media(max-width:768px) {

.collapse-card__heading{ min-height:60px;padding:0px 10px;}

.collapse-card__heading i{margin-top: 5px; }

.collapse-card__title{font-size:18px; line-height: 60px;margin:0 20px 0 0;}

.collapse-card__heading::after{font-size:18px; line-height: 60px;right:20px;}

.collapse-card__body{ padding: 30px 20px; }

}

.joinlist .collapse-card__heading{ border:0px #efefef solid;box-shadow: 0 0 0px rgba(153,153,153,0.14); min-height:auto; border-radius: 0px;padding:0px 0px;}

.joinlist .collapse-card__heading::after{font-size:0px;}