@charset "utf-8";

@import "animate.css";
@import "iconfont.css";

.wrap,.headertopIn{width:1200px;margin:0 auto;}

.topNav{ height: 50px; width: 100%; text-align: center; background: #f0aa16; display: none;}
#menuTop { height: 50px; width: 100%; text-align: center; background: #094a96;}
#menuBtn{ width: 40px; height: 50px; line-height: 50px; text-align: center; top: 0; cursor: pointer; z-index: 99; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); opacity: 1;}
#menuBtn { padding-left: 6px; float: left; margin-left: 5px;}
#menuBtn:before{content:"≡"; font-size:30px; color:#fff;}
#setBtn { width: 34px; height: 34px; padding-right: 6px; float: right; margin-right: 5px; background: url(../images/cilun.png) no-repeat; margin-top: 8px; cursor: pointer;}


.mo-leftmenu{background:#F5F5F5;position:fixed;top:0;left:0;bottom:0;overflow-x:hidden;box-sizing:content-box;width:70%;max-width:350px;-webkit-overflow-scrolling:touch;z-index:105!important;-ms-transition:all .4s cubic-bezier(0.7,0,0.2,1);transition:all .4s cubic-bezier(0.7,0,0.2,1);box-shadow:0 0 40px rgba(82,85,90,0.1);-ms-transform:translateX(-100%);transform:translateX(-100%)}
.mo-leftmenu .tit{height:50px;line-height:50px;background:#353535;}
.mo-leftmenu .tit h6{float:left;color:#fff;padding:0 0 0 20px;font-size:20px;font-weight:bold;font-family: "Times New Roman";}
.mo-leftmenu .tit span{float:right;cursor:pointer;width:50px;text-align:center;}
.mo-leftmenu .tit span i{color:#fff;font-size:16px;}
.mo-leftmenu > ul{}
.mo-leftmenu > ul > li{line-height:50px;font-size:15px;border-top:2px solid #e5e5e5;position:relative;}
.mo-leftmenu > ul > li > a{padding:0 0 0 20px;}
.mo-leftmenu > ul > li > i {position:absolute;color:#333;font-size:12px;top:5px;right:0;z-index:1;width:50px;line-height:40px;text-align:center;cursor:pointer;}
.mo-leftmenu > ul > li.active{}
.mo-leftmenu ul li a{color:#333;display: block;}
.mo-leftmenu ul li a:hover{text-decoration: none;}
.mo-leftmenu ul li ul{display:none;padding-bottom:10px;}
.mo-leftmenu ul li ul li{line-height:35px;}
.mo-leftmenu ul li ul li a{background:url("../images/d.png") no-repeat 25px center;padding:0 0 0 40px;}

.menu-transitioning{-ms-transform:translateX(0);transform:translateX(0)}


.topRight{ display: none; width: 100%; height: auto; padding: 2% 0 1%;}

.langshou{ margin: 0 auto; text-align: center;}
.langshou dl{ width: 18%; margin: 0 1% 1% 0; color: #9b9b9b; font-size: 11px; display: inline-block; vertical-align: top;}
.langshou dl dt,.langshou ul li dd{ float: left; width: 65%;}
.langshou dl dt{ margin-right: 5%; width: 30%;}
.langshou dd{ padding-right: 16px; border-right: 1px solid #c1c1c1; }
.langshou dd:last-child{ padding-right: 0; border-right: 0; }


.logowshou{ display: none; margin: 1% auto;}
.logowshou img{ display: block; margin: 1% auto;}

/*手机导航*/

#footBar {position:fixed;bottom:0;left:0;width:100%;height:45px;display:none;z-index:999;background:#0071BA;border-top:1px solid rgba(255, 255, 255, 0.8);transition:all 0.6s ease 0s;-webkit-transition:all 0.6s ease 0s;}
#footBar li {width:25%;height:45px;float:left;text-align:center;border-left:1px solid rgba(255, 255, 255, 0.2);cursor:pointer;padding:6px 0 0 0;box-sizing: border-box;}
#footBar li:first-child {border-left:none;}
#footBar li a{display:block;height:45px;line-height:1;text-transform:uppercase;}
#footBar li i{color:#fff;font-size:20px;}
#footBar li span{display:block;color:#fff;font-size:12px;margin-top:3px;}

/*header*/




/*.wrap h6{ color:#000; font-size: 26px; text-align: center; font-style: normal;line-height: 50px}
.wrap p{ text-align: center; position: relative; margin-bottom: 10px; font-size: 13px; line-height: 22px;}
.wrap p:before{ bottom: -10px; height: 2px; background-color: #efaa15 !important; bottom: -10px;content: ""; height: 1px; left: 50%; margin: 0 0 0 -14px; position: absolute; width: 28px;}*/



#side-bar{top:80%;position:fixed;right:10px;z-index:9999;background:#fff;border-radius:3px;box-shadow:rgba(62,57,107,.3) 0 6px 16px 0}
#side-bar a{display:block;cursor:pointer;width:100px;height:100px;background:#fff;position:relative;color:#676767;padding-top:15px;text-align:center;box-sizing:border-box;border-bottom:1px solid #e8e8e8;border-radius:3px}
#side-bar a i{display:inline-block;width:28px;height:28px;font-size:32px;color:#005fac}
#side-bar a:nth-child(3) i{font-size:38px;}
#side-bar a span{line-height:20px;font-size:16px;color:#005fac;display:block;font-weight:bold;margin:10px 0 0}




.headertop{background:#00c6ff;height:46px;border-bottom:1px solid #005fac;}
.headertop .headertopIn{height:100%;display:flex;justify-content:space-between;align-items:center;}

.topleft{display:flex;align-items:center;}
.headertop p{font-size:15px;color:#fff;height:36px;line-height:36px;}
.headertop p+p{margin-left:30px;}
.headertop p a{color:#fff;padding:0 0 0 31px;display:block;}
.headertop p.tel{position:relative;}
.headertop p.tel::after{content:"";height:20px;width:1px;background:rgba(255,255,255,0.5);position:absolute;right:-15px;top:8px;}
.headertop p.tel a{background:url("../images/tel.png") no-repeat left center;}
.headertop p.mail a{background:url("../images/email.png") no-repeat left center;}
.headertop p.fax em{display:block;background:url("../images/fax.png") no-repeat left center;padding:0 0 0 31px;}

.headertop span.mo-header-menu{width:46px;height:46px;display:none;line-height:46px;text-align:center;}
.headertop span.mo-header-menu i{color:#fff;font-size:24px;}


.side{top:50%;margin-top:-200px;position:fixed;right:10px;z-index:999;}
.side a{display:block;cursor:pointer;width:60px;height:60px;border-radius:6px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;background:#f1643c;}
.side a img{max-width:35px;max-width:35px;}
.side a+a{margin-top:4px;}
.side a i{display:inline-block;font-size:34px;color:#fff;}
.side a:hover{background:#333;}


.topright{display:flex;align-items:center;}

.topright > span{width:46px;height:46px;display:none;line-height:46px;text-align:center;}
.topright > span i{color:#fff;font-size:22px;}

.topright .share{font-size:0;}
.topright .share a{width:30px;height:30px;line-height:30px;display:inline-block;border-radius:50%;text-align:center;margin:0 5px;}
.topright .share a i{font-size:18px;color:#fff;}
.topright .share a:hover i{color:#0071BA;}

.topright .line{height:20px;width:1px;background:rgba(255,255,255,0.5);margin:0 10px;}

                        

                           
                           
.right_div{position:fixed;right:0;top:180px;z-index:300;}
.right_div .r_box{width:60px;height:43px;line-height:43px;float:right;color:#fff;font-size:15px;display:block;clear:both;margin:10px 0;border-radius:20px 0 0 20px;padding-left:60px;transition:all 0.4s ease 0s;box-sizing:border-box;cursor:pointer;background-color:#b276d6;background-repeat:no-repeat;background-position:left 22px center; overflow: hidden;}
.right_div .r_box.b1{background-image:url(../images/i5.png);}
.right_div .r_box.b2{background-image:url(../images/i6.png);}
.right_div .r_box.b3{background-image:url(../images/i7.png);}
.right_div .r_box:hover{width:130px;}
.right_div .r_box.b2:hover{width:220px;}
.right_div .r_box.b3:hover{width:220px;}

            

                  
                  
                  
                           
.header-lang{position:relative;z-index:60;}
.header-lang .box{height:36px;width:88px;cursor:pointer;box-sizing:border-box;border:1px solid transparent;display:flex;align-items:center;padding:0 7px;}
.header-lang .box img{}
.header-lang .box em{margin:0 7px;line-height:18px;font-size:12px;font-style:normal;color:#fff;text-transform: uppercase;}
.header-lang .box i{line-height:18px;font-size:12px;text-align:center;color:#fff;}
.header-lang .lang-box{width:200px;padding:15px;position:absolute;right:0;top:44px;z-index:200;background:#fff;transform:translate3d(0,10px,0);-webkit-transform:translate3d(0,10px,0);opacity:0;visibility:hidden;transition:all .4s ease 0s;box-shadow: 0 0 10px rgba(63,62,62,0.2);}
.header-lang .lang-box::before{content:'';position:absolute;right:37px;top:-8px;overflow:hidden;border-right:8px solid transparent;border-bottom:8px solid #fff;border-left:8px solid transparent;display:block;}
.header-lang ul{max-height:160px;overflow-y:scroll;padding:5px 10px;border:1px solid #e5e5e5;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.header-lang ul li{line-height:20px;padding:5px 0;border-bottom:1px solid #f5f5f5;width:50%;}
.header-lang ul li:last-child{border:none;}
.header-lang ul li a{color:#333;font-size:12px;display:block;}
.header-lang ul li a:hover{color:#015198;}
.header-lang ul li img{vertical-align:middle;margin-right:7px;}
.header-lang:hover .lang-box{opacity:1;visibility:visible;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);}



.header{background:#f5f5f5;}
.header .wrap{ position: relative;}

.headecen{height:100px;display:flex;justify-content:space-between;align-items:center;}

.logo{display:flex;align-items:center;}
.logo img{}
.logo h4 {color: #0773B5;font-weight: bold;font-size:18px;line-height:28px;font-family: Microsoft YaHei;margin:0 0 0 15px;}

.head-right{display:flex;align-items:center;}

.search{}
.search form{display:flex;align-items:center;width:300px;}
.search .submit_text{flex:1;height:40px;line-height:40px;padding:0 10px;color:#000;font-size:14px;background:#fff;border:1px solid #E1E1E1;border-right:none;border-radius:3px 0 0 3px;}
.search .submit_btn{width:45px;height:40px;display:block;cursor:pointer;background:#005fac;color:#fff;border-radius:0 3px 3px 0;}
.search .submit_btn i{color:#555;font-size:21px;}

.head-right span.mo-header-menu{display:none;width:40px;height:40px;line-height:40px;text-align:center;cursor:pointer;background:#333;border-radius:3px;margin-left:10px;}
.head-right span.mo-header-menu i{color:#fff;font-size:24px;}

.headbott{width:100%;position:relative;z-index:30;display:flex;justify-content:space-between;align-items:center;}

.smartmenu{background:#005fac;border-radius:5px;}
.smartmenu > ul{display:flex;}
.smartmenu > ul > li{position:relative;border-right:1px solid #005fac;}
.smartmenu > ul > li:first-child{border-radius:5px 0 0 5px;}
.smartmenu > ul > li:last-child{border-right:0;border-radius:0 5px 5px 0;}
.smartmenu > ul > li > a{color:#fff;font-size:15px;line-height:54px;padding:0 20px;display:block;}

.smartmenu > ul > li:hover,.smartmenu > ul > li.active{background:#0071BA;}

.smartmenu dl{position:absolute;width:180px;left:0;top:60px;padding:9px;z-index:10;background:#f1f1f1;border-radius:5px;opacity:0;visibility:hidden;transition:all .4s ease 0s;transform:translate3d(0,10px,0);}
.smartmenu dl dd{border-bottom:1px solid #e5e5e5;}
.smartmenu dl dd:last-child{border:none;}
.smartmenu dl dd a{display:block;border:none;padding:0 8px;color:#666;font-size:13px;height:33px;line-height:33px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;transition: all 0.1s ease 0s;}

.smartmenu dl dd:hover a{color:#005fac;}

.smartmenu > ul > li:hover dl{opacity:1;visibility:visible;transform:translate3d(0,0,0);}


.quick{}
.quick a{background:#005fac;border-radius:3px;display:block;line-height:17px;font-size:14px;font-weight:700;padding:18px 15px 18px 45px;text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);position:relative;}
.quick a:before{position:absolute;left:18px;top:50%;line-height:20px;font-size:20px; margin-top:-10px;}
.quick a:hover{background:#0071BA;}



/*banner*/

#banner{margin-top:-27px;}
#banner .swiper-slide{background-position:center;background-repeat:no-repeat;}

#banner .swiper-slide .txt{position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;}
#banner .swiper-slide .txt h4{font-size:50px;display:inline-block;font-weight:bold;color:#fff;margin:140px 0 0;}
#banner .swiper-slide .txt p{font-size:18px;line-height:28px;color:#fff;width:650px;margin:50px 0 0;}

#banner .swiper-slide .txt2{}
#banner .swiper-slide .txt2 h4{color:#fff;margin:140px 0 0;}
#banner .swiper-slide .txt2 p{color:#fff;width:570px;margin:50px 0 0;}

#banner .swiper-slide .txt3{text-align:center;}
#banner .swiper-slide .txt3 h4{color:#fff;margin:120px 0 0;}
#banner .swiper-slide .txt3 p{color:#fff;width:auto;margin:30px 100px 0;}

#banner .swiper-slide .txt4 h4{font-size:48px;}


#banner .swiper-container-horizontal > .swiper-pagination-bullets{bottom:15px;}
#banner .swiper-pagination-bullet {height:14px;width:14px;border-radius:50%;border:2px solid #005FAC;background:#fff;opacity:1;}
#banner .swiper-pagination-bullet-active{background:#005FAC;}



.banner{ width: 100%; height: 100%; position: relative; overflow: hidden; margin-top: 5px; z-index: 10;}

.banner ul li { display: none; margin: 0 auto;}

.banner ul li a{ width: 100%; height: 100%;; display: inline-block;}

.banner ul li a img{ width: 100%; height: 100%; display: block;}

.banner ul .current{ display: block;}

.banner ol { overflow: hidden; width: 105px; position: absolute; left: 50%; bottom: 20px; margin-left: -52px; }

.banner ol li { width: 20px; height: 20px; margin-right: 8px; background:url(../images/banner-dian.png) no-repeat left bottom; float: left; cursor:pointer; }

.banner ol li:last-child{ margin-right: 0;}

.banner ol .current { background-position: left top;}


.adv h6{color: #000;font-size: 26px;text-align: center;font-style: normal;}
.adv p{text-align: center; position: relative; margin-bottom: 10px; font-size: 13px; line-height: 22px;}
.adv p:before{ bottom: -10px; height: 2px; background-color: #efaa15 !important; bottom: -10px;content: ""; height: 1px; left: 50%; margin: 0 0 0 -14px; position: absolute; width: 28px;}


.footer{color:#fff;}
.conus{background: #005fac;padding:45px 0;text-align:center;position:relative;}
.conus h6{font-size:20px;text-transform:uppercase;color:#fff;}
.conus h6 a{text-decoration:underline;color:#fff;}
.conus .return{position:absolute;left:0;right:0;bottom:-20px;z-index:20;text-align:center;}


.footbottom{background:#2e2e2e;padding:60px 0 40px; position: relative;}
.footbottom:after{ content: ''; width: 0; height: 0; border-width: 39px; border-style: solid; border-color: #005fac transparent transparent transparent;  position: absolute; left: 50%; margin-left: -40px; top: 0;}
.footbottom .wrap{display:flex;justify-content:space-between;}
.footbottom h5{font-size:19px;line-height:1;font-weight:700;margin-bottom:25px;text-transform:uppercase;}

.foot-contact{width:340px;}
.foot-contact p{font-size:16px;line-height:24px;color:rgba(255,255,255,0.8);}
.foot-contact p b{color:#f6b632;margin-right:5px;}
.foot-contact p~p{margin-top:10px;}

.foot-nav{}
.foot-nav ul li{font-size:16px;line-height:24px;}
.foot-nav ul li a{color:rgba(255,255,255,0.8);}
.foot-nav ul li+li{margin-top: 10px;}

.foot-form{width:280px;}
.foot-form p{font-size:16px;color:rgba(255,255,255,0.8);line-height:24px;}
.foot-form .sendemail{margin-top:15px;}
.foot-form .sendemail form{overflow:hidden;display:flex;align-items:center;}
.foot-form .sendemail .submit_text{flex:1;height:36px;line-height:36px;background:#454545;padding:0 10px;color:#fff;border-radius:3px 0 0 3px;}
.foot-form .sendemail .submit_btn{width:36px;height:36px;background:#F6B632;font-size:15px;color:#fff;border-radius:0 3px 3px 0;cursor:pointer;}

.copyright{background:#2e2e2e;border-top:1px solid rgba(255,255,255,0.08);padding:30px 0;text-align:center;}
.copyright p{font-size:15px;color:rgba(255,255,255,0.7);}
.copyright a:hover{color:#01B1EC;}



/*return*/

#toTop{ background:url("../images/returntop.png") no-repeat; width:39px;height:39px;display:block;position:fixed;z-index:100;bottom:39px;right:50px;cursor:pointer;text-indent: -9999px;}
#toTop:hover{ background-position: left bottom;}

.rf-skype{position:fixed;right:4px;top:160px;width:125px;height:295px;z-index:1000;background:url("../images/footer_skype_pic.png") no-repeat;display:block; padding-top: 208px; -webkit-box-sizing: -moz-border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;}
.rf-skype li{background:none;width:100%;}
.rf-skype li a{ display: block; height: 26px;}

.panel {margin-bottom:20px;background-color:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 1px 1px rgba(0,0,0,0.05);}
.panel-heading {padding:15px 15px;border-bottom:1px solid #ddd;border-top-right-radius:3px;border-top-left-radius:3px;color:#333;background-color:#f5f5f5;}
.panel-title {font-size:16px;}
.panel-body {padding:15px;}
.panel-body hr{margin-top:20px;margin-bottom:20px;border-top:1px solid #eee;}
.panel-body .btn{display:inline-block;padding:5px 10px;margin-bottom:3px;font-size:13px;font-weight:normal;line-height:1.428571429;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;border-radius:4px;}
.btn-danger {color:#fff;background-color:#d9534f;border-color:#d43f3a;}
.btn-primary {color:#fff;background-color:#428bca;border-color:#357ebd;}
.btn-success {color:#fff;background-color:#5cb85c;border-color:#4cae4c;}


/*-------------------*/

.index-about{padding:50px 0;}
.index-about h3{text-transform:uppercase;line-height:1;color:#333;font-weight:700;font-size:36px;text-align:center;}
.index-about p{font-size:15px;line-height:24px;text-align:center;max-width:90%;margin:15px auto 0;}
.index-about ul{margin:30px -10px 0;display:flex;flex-wrap:wrap;}
.index-about ul li{width:33.333333%;padding:10px;}
.index-about ul li .box{height:100%;padding:5px;box-shadow: 0 0 1px rgba(0, 0, 0, 0.2) inset;}
.index-about ul li a{position:relative;display:block;width:100%;overflow:hidden;transition: all 3s ease;}
.index-about ul li a img{width:100%;display:block;transition:All 0.4s ease-in-out;}
.index-about ul li a h5{background:rgba(0,0,0,0.6);position:absolute;bottom:0;left:0;right:0;color:#fff;font-size:16px;font-weight:700;padding:10px 0;text-align:center;display:block;}
.index-about ul li:hover img{-webkit-transform:scale(1.1);transform:scale(1.1);}

.index-product{background:#ededed;padding:50px 0;}
.index-product .tit{text-align:center;text-transform:uppercase;}
.index-product .tit h3{color:#333;font-weight:700;line-height:1;font-size:36px;text-align:center;}
.index-product .tit p{color:#b68c66;font-size:15px;line-height:24px;text-align:center;max-width:90%;margin:15px auto 0;}
.index-product ul{margin:40px -12px 0;display:flex;flex-wrap:wrap;}
.index-product ul li{width:25%;padding:0 12px; position:relative;overflow: hidden;}
.index-product ul li .box{}
.index-product ul li .pic{display:block;position:relative;overflow:hidden;}
.index-product ul li .des{position:absolute;left:0;right:0;bottom:0;height:100%;background:#00c6ff;color:#fff;transform:translateY(100%);padding:0 20px;text-align:center;transition:0.3s;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;}
.index-product ul li .des h6{font-size:18px;}
.index-product ul li .des p{font-size:15px;line-height:22px;margin:10px 0 0;color:#fff;}
.index-product ul li .des span{color:#fff;border:1px solid #fff;line-height:30px;display:inline-block;width:90px;margin-top:10px;border-radius:5px;font-size:16px;}
.index-product ul li .des span:hover{border-color:#484646;color:#484646;}
.index-product ul li h5{margin:15px 0 0;font-size:18px;color:#333;text-align:center;}
.index-product ul li h5 a{color:#333;}

@media screen and (min-width:768px){
.index-product ul li:hover .des{transform:translateY(0);}
}

.indexB{padding:50px 0;position:relative;}
.indexB .tit{text-align:center;}
.indexB .tit h3{color:#333;font-weight:700;line-height:1;font-size:36px;text-align:center;text-transform:uppercase;}
.indexB .tit p{color:#686868;font-size:15px;line-height:24px;text-align:center;max-width:90%;margin:15px auto 0;}

.indexB .list{position:relative;margin:40px 0 0;}
.indexB .list .bd{}
.indexB .list .bd ul li{overflow:hidden;background:#01B1EC;display:flex;flex-direction:row-reverse;}
.indexB .list .bd ul li .pic{width:50%;}
.indexB .list .bd ul li .pic img{width:100%;display:block;}
.indexB .list .bd ul li .txt{width:50%;padding:15px 30px;position:relative;}
.indexB .list .bd ul li .txt em{position:absolute;left:30px;top:30px;font-size:80px;font-weight:700;font-style:italic;color:rgba(255,255,255,0.4);line-height:1;}

.indexB .list .bd ul li .txt h5{margin:110px 0 0;font-size:30px;color:#fff;text-align:center;}
.indexB .list .bd ul li .txt hr{border:none;border-bottom:1px dashed rgba(255,255,255,0.5);height:1px;margin:15px 0;}
.indexB .list .bd ul li .txt p{color:#fff;font-size:17px;margin:15px 0 0 0;line-height:24px;}


.indexB .hd{width:100%;position:relative;z-index:10;margin-top:-50px;text-align:center;}
.indexB .hd ul{text-align:center;display:inline-block;background:#fff;padding:15px;box-shadow: rgba(0,0,0,0.12) 0px 3px 13px 1px;}
.indexB .hd ul li{display:inline-block;text-align:center;margin:0 5px;}
.indexB .hd ul li img{width:109px;border:2px solid #ddd;cursor:pointer;}
.indexB .hd ul li.on img{border-color:#01B1EC;}


.indexB .prev,.indexB .next{position:absolute;width:40px;height:60px;background:#848484;top:50%;margin-top:-30px;border-radius:0;text-align:center;}
.indexB .prev i,.indexB .next i{font-size:30px;line-height:60px;color:#fff;}
.indexB .prev{left:-60px;right:auto;}
.indexB .next{right:-60px;left:auto;}

.indexB .prev:hover,.indexB .next:hover{background:#01B1EC;}



.indexBo{background:#ededed;padding:50px 0;}
.indexBo .wrap{display:flex;justify-content:space-between;}
.indexBo .client,.indexBo .newsindex{width:47.5%;position:relative;}

.indexBo .client:before{content:"";position:absolute;left:2%;bottom:-5px;width:96%;height:5px;border:1px solid #d2d2d2;border-radius:0 0 2px 2px;z-index:1;background-color:#fff;}

.client h3,.newsindex h3{text-transform:uppercase;font-size:26px;line-height:1;font-weight:bold;margin-bottom:20px;color:#141313;}

.client .list{border:1px solid #d2d2d2;box-shadow:0 0 3px 0 rgba(0,0,0,0.2);background-color:#fff;padding:15px;border-radius:3px;position:relative;z-index:99;}
.client .swiper-slide{}
.client .swiper-slide img{width:100%;}
.client .swiper-slide h5{font-size:17px;font-weight:700;color:#333;margin:20px 0 0;text-align:center;}

.client .swiper-pagination{width:100%;margin:15px 0 0;position:static;font-size:0;}
.client .swiper-container-horizontal > .swiper-pagination-bullets{}
.client .swiper-pagination-bullet {height:12px;width:12px;border-radius:50%;border:1px solid #005FAC;margin:0 4px;background:#fff;opacity:1;}
.client .swiper-pagination-bullet-active{background:#005FAC;}

.newsindex{}
.newsindex .list{}
.newsindex .list dl{display:flex;align-items:flex-start;padding-bottom:14px;border-bottom:1px solid #E5E5E5;}
.newsindex .list dl+dl{margin-top:14px;}
.newsindex .list dl:last-child{padding-bottom:0;border-bottom:none;}
.newsindex .list dl dt{width:118px;padding:4px;box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);margin-right:20px;}
.newsindex .list dl dt a{display:block;}
.newsindex .list dl dt a img{width:100%;}
.newsindex .list dl dd{flex:1;}
.newsindex .list dl dd h5{text-transform:uppercase;font-size:16px;}
.newsindex .list dl dd h5 a{color:#333;}
.newsindex .list dl dd p{ font-size: 13px; position: relative; padding-left: 30px; margin-top: 3%; line-height: 20px;}
.newsindex .list dl dd p.px-textborder:before{ background-color: #ff9310; content: ""; height: 1px; left: 0; position: absolute; top: 10px; width: 18px;}
.newsindex .list dl dd p a.read-more{ color: #555;}


.newsindex .list dl dd h5:hover a,.newsindex .list dl dd p a.read-more:hover{ color: #ff9310;;}


.customer{padding:50px 0;}
.customer .tit{text-align:center;}
.customer .tit h3{color:#333;font-weight:700;font-size:36px;line-height:1;text-align:center;text-transform:uppercase;}
.customer .tit p{color:#686868;font-size:15px;line-height:24px;text-align:center;max-width:90%;margin:15px auto 0;}

.customer ul{display:flex;flex-wrap:wrap;margin:40px -10px 0;text-align: center;}
.customer ul li{width:calc(100% / 6);padding:10px;}
.customer ul li .pic{border:1px solid #f0f0f0;height:100%;}





/*--------------*/








.about .aboutleft{float:left;width:45%;}
.aboutleft h4,.aboutright h4{ color: #333; font-size: 18px; margin: 35px 0 20px;}
.aboutleft ul{ margin-top: 25px;}
.aboutleft ul li{ background: url(../images/list-arrow.png) no-repeat left center; padding-left: 20px; margin-bottom: 12px;}
.aboutleft .getfast{ display: block; width: 186px; text-align: center; line-height: 40px; background-color: #005fac; color:#fff; border-radius: 5px; font-size: 18px;}

.about .aboutright{}
.aboutright ul{margin:0 0 0 -2%;}
.aboutright ul li{float:left;width:31.333333%;margin:0 0 15px 2%;padding: 5px; box-shadow: 0 0 1px rgba(0, 0, 0, 0.2) inset; overflow: hidden; transition: all 3s ease;box-sizing:border-box;}
.aboutright ul li a{position:relative;display:block;width:100%;overflow:hidden;}
.aboutright ul li a img{width:100%;display:block;transition:All 0.4s ease-in-out;}
.aboutright ul li a em{width:100%;background:rgba(0,0,0,0.6);position:absolute;bottom:0;left:0;color:#fff;line-height:30px;text-align:center;display:block;font-style:normal;}

.aboutright ul li:hover img{-webkit-transform:scale(1.1);transform:scale(1.1);}


.appindex{ width: 100%; background: #fff; }

.appindex h3{ font-size: 30px; color: #35342f; text-transform: uppercase;}

.appindex ul li div{ width: 100%; height: 105px; background: linear-gradient(180deg,#00c6ff 0%,#00c6ff 50%,#00c6ff 100%); border-top: 2px solid #005fac; border-bottom: 1px solid #005fac; box-sizing: border-box; padding: 16px 10px;}

.appindex ul{ margin-top: 20px; margin-right: -2%; overflow: hidden;}

.appindex ul li{ width: 23%; float: left; margin-right: 2%;}

.appindex ul li img{ width: 100%;}

.appindex .wrap div h5{ font-size: 18px; color: #0f1110; text-transform: uppercase;}

.appindex .wrap div p{ color: #1f1f15; margin-top: 2%; height: 40px; overflow: hidden; text-overflow: ellipsis; line-height: 20px;}

.appindex ul li:hover div{ background: #00c6ff;}

.appindex ul li:hover h5,.appindex ul li:hover p{ color: #fff;}


/*
.indexB{background:url(../images/whybg.jpg) no-repeat center top;padding:50px 0;position:relative;}
.indexB::after{content:"";background:rgba(0,0,0,0.6);left:0;right:0;top:0;bottom:0;position:absolute;z-index:10;}

.indexB h3{text-transform:uppercase;font-size:30px;font-weight:bold;margin-bottom:20px;color:#fff;text-align:center;position:relative;z-index:99;}
.indexB .list{position:relative;z-index:99;}
.indexB .txt{float:left;width:500px;}
.indexB .txt .tit{margin:30px 0 0;}
.indexB .txt .tit em{float:left;font-size:30px;font-weight:bold;color:#005FAC;width:50px;height:50px;line-height:50px;text-align:center;border-radius:50%;background:#fff;}
.indexB .txt .tit h5{margin:0 0 0 65px;font-size:26px;color:#fff;}
.indexB .txt hr{border:none;border-bottom:1px dashed rgba(255,255,255,0.5);height:1px;margin:15px 0 15px 65px;}
.indexB .txt p{color:#fff;font-size:18px;margin:20px 0 0 65px;line-height:25px;}

.indexB .pic{margin:0 0 0 550px;}
.indexB .pic img{width:100%;}

.indexB .swiper-button-prev,.indexB .swiper-button-next{width:50px;height:50px;background:transparent;margin-top:-25px;border-radius:50%;text-align:center;}
.indexB .swiper-button-prev i,.indexB .swiper-button-next i{font-size:50px;line-height:50px;color:#fff;}
.indexB .swiper-button-prev,.indexB .swiper-container-rtl .swiper-button-next{left:-80px;right:auto;}
.indexB .swiper-button-next,.indexB .swiper-container-rtl .swiper-button-prev{right:-80px;left:auto;}

.indexB .swiper-button-prev:hover i,.indexB .swiper-button-next:hover i{color:#005FAC;}
*/


/*
.px-content-inner{ position: relative;}
.px-content-inner:before, .px-content-inner:after{ content: ""; position: absolute; top: 28px; width: 200px; height: 17px;}
.customer .px-content-inner:before{ left: 75px; width: 150px; background: url(../images/fancyhead-leftborder.png) no-repeat 100% 0;}
.customer .px-content-inner:after{ right: 78px; width: 150px; background: url(../images/fancyhead-rightborder.png) no-repeat;}
.customer h3{ color:#000; font-size:36px; text-align: center;}
.customer p{ text-align: center; position: relative; margin-bottom: 10px; font-size: 13px; line-height: 22px;}
.customer p:before{ bottom: -10px; height: 2px; background-color: #efaa15 !important; bottom: -10px;content: ""; height: 1px; left: 50%; margin: 0 0 0 -14px; position: absolute; width: 28px;}
*/




.choose{ background: url(../images/Why-choose-us-Bg.jpg) no-repeat center top; padding: 40px 0 20px; margin-bottom: 50px;}

.section-fullwidth{ color: #fff;}

.element-left,.element-right{ display: inline-block; vertical-align: top; width: 45%;}

.element-left strong,.element-right strong{ font-size: 26px; margin: 0 0 35px 0; display: block;}

.element-right ul li{ float: left; margin: 0 2% 10px 0;}

.element-right{ width: 46%; margin-left: 4%;}

.element-right ul{ margin-right: -2%;}

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

.px-list-style ul{ margin-top: 5%;}

.px-list-style ul li{ background: url(../images/list-arrow.png) no-repeat left center; padding-left: 20px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-bottom: 10px;}

.bannerBox {height: 100%;margin-top: 5px;overflow: hidden;position: relative;width: 100%;z-index: 10;}


.onlineservice{position:fixed;right:0;top:30%;z-index:199;}
.onlineservice ul{}
.onlineservice ul li{height:54px;width:54px;background-color:#A0A2AD;position:relative;border-radius:5px;}
.onlineservice ul li~li{margin-top:5px;}
.onlineservice ul li a{color:#fff;border-radius:5px;position:absolute;top:0;right:0;width:54px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;}
.onlineservice ul li em{width:54px;height:54px;line-height:54px;text-align:center;}
.onlineservice ul li i{font-size:25px;vertical-align:middle;}
.onlineservice ul li span{display:none;font-size:16px;}
.onlineservice ul li a:hover{width:250px;padding-left:15px;background:#09b9ee;}
.onlineservice ul li a:hover span{-webkit-flex:1;flex:1;display:-webkit-flex;display:flex;}