@charset "utf-8";
@font-face {
    font-family: 'HelveticaNeueLT';
    src: url('../fonts/HelveticaNeueLT/HelveticaNeueLTPro-Th.eot'); /* IE9 Compat Modes */
    src: url('../fonts/HelveticaNeueLT/HelveticaNeueLTPro-Th.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/HelveticaNeueLT/HelveticaNeueLTPro-Th.woff') format('woff'), /* Modern Browsers */
         url('../fonts/HelveticaNeueLT/HelveticaNeueLTPro-Th.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/HelveticaNeueLT/HelveticaNeueLTPro-Th.svg#HelveticaNeueLTPro-Th') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
.clear{clear:none;}
/*header*/
.logo{ padding:0; padding-left:70px; height:80px; transition:all 0.3s linear; position:relative; z-index:1;}
.logo span{ display:block; width:100%;}
.logo img{ width:auto; height:80px;}
.logo .shows{ display:none;}
.logo .hides{ display:block;}
nav.navbar.bootsnav{ position:absolute; left:0; top:0; width:100%; background:#FFFFFF; border-bottom-color:#dfdee5; color:#666666; z-index:2;}
nav.navbar.bootsnav ul.nav{ position:relative; max-width:500px; margin:auto; float:right; letter-spacing:2px;}
nav.navbar.bootsnav ul.nav > li > a,.attr-nav > ul > li > a{ color:#666666; font-weight:normal;}
nav.navbar.bootsnav ul.nav > li{ padding:0; margin:0; padding-right:5px;}
nav.navbar.bootsnav ul.nav > li > a{ font-size:16px; padding:30px 10px 20px; line-height:30px; color:#000000; transition:all 0.3s linear;}
nav.navbar.bootsnav ul.nav > li > a:after{ content:"" !important; margin:0 !important; position:absolute; left:0; top:0; width:100%; height:0; background:#ff4900;}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu{ width:140px; min-width:140px; background:rgba(255,255,255,0.65); border:none; text-align:center; left:50%; margin-left:-70px; animation-duration:0.5s;}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li{ border-bottom:1px solid rgba(255,255,255,0.65);}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li:last-child{ border:none;}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a{ font-size:14px; border:none; color:#333333; background:none !important; transition:all 0.4s linear;}
nav.navbar.bootsnav ul.nav > li.active > a,nav.navbar.bootsnav ul.nav > li.on a{ color:#000000;}
nav.navbar.bootsnav ul.nav > li.active > a:hover,nav.navbar.bootsnav ul.nav > li.active > a:focus{ color:#000000;}
.navRig{ line-height:80px; font-size:0; margin:0; position:relative; z-index:1;}
.navRig > ul{ vertical-align:middle; margin:0; font-size:0;}
.navRig > ul > li{ margin-left:15px;}
.navRig > ul > li.navTel{ margin-left:70px; margin-right:50px;}
.navRig > ul > li > a{ font-size:14px; display:inline-block; vertical-align:middle; padding:0; text-align:center; transition:all 0.4s linear;}
.navRig > ul > li:not(.navTel) > a > i{ position:relative; top:5px;}
.navRig > ul > li.on > a,nav.navbar.bootsnav.no-background.white .attr-nav > ul > li.on > a{}
.navTel{ width:260px; padding:0 0.2rem; text-align:right; border-left:1px solid #e1e4eb;}
.navTel span,.navTel strong{ display:block; line-height:normal; text-align:right;}
.navTel span{ font-size:12px; line-height:24px; color:#666666;}
.navTel strong{ font-size:26px; font-family:Arial; color:#ff4900;}
.MenuBtn{ width:30px; height:30px; cursor:pointer; padding-top:9px; margin:30px 10px 20px; position:relative; transition:all 0.3s linear;}
.MenuBtn span{ display:block; width:16px; height:2px; background:#000000; margin:0 auto; transition:all 0.3s linear;}
.MenuBtn span:nth-child(2){ margin:3px auto;}
.MenuBtn.active span:nth-child(2){ opacity:0; transform:translateX(100%);}
.MenuBtn.active span:nth-child(1){ transform:rotate(45deg) translate(4px,3px);}
.MenuBtn.active span:nth-child(3){ transform:rotate(-45deg) translate(4px,-3px);}

nav.navbar.bootsnav.no-background{ border-bottom:1px solid rgba(255,255,255,0.2); transition:all 0.3s linear;}
nav.navbar.bootsnav.no-background:after{ display:none;}
nav.navbar.bootsnav.no-background .logo{ height:90px; transition:all 0.3s linear;}
nav.navbar.bootsnav.no-background .logo .shows{ display:block;}
nav.navbar.bootsnav.no-background .logo .hides{ display:none;}
nav.navbar.bootsnav.no-background ul.nav > li > a{ padding:35px 10px 25px;}
nav.navbar.bootsnav.no-background ul.nav > li > a:after{ background:#FFFFFF;}
nav.navbar.bootsnav.no-background ul.nav > li.active > a:hover,nav.navbar.bootsnav.no-background ul.nav > li.active > a:focus{ color:#FFFFFF;}
nav.navbar.bootsnav.no-background .MenuBtn{ margin:35px 10px 25px;}
nav.navbar.bootsnav.no-background .MenuBtn span{ background:#FFFFFF;}
nav.navbar.bootsnav.no-background .navRig{ line-height:90px;}
nav.navbar.bootsnav.no-background .navRig > ul > li:not(.navTel) > a > i{ top:10px;}
nav.navbar.bootsnav.no-background .navTel{ border-left:1px solid rgba(255,255,255,0.2);}
nav.navbar.bootsnav.no-background .navTel span,nav.navbar.bootsnav.no-background .navTel strong{ color:#FFFFFF;}

nav.navbar.bootsnav.MenuCut{ background:#FFFFFF; border-bottom-color:#dfdde4}
nav.navbar.bootsnav.MenuCut .logo .shows{ display:none;}
nav.navbar.bootsnav.MenuCut .logo .hides{ display:block;}
nav.navbar.bootsnav.MenuCut ul.nav > li > a,nav.navbar.bootsnav.MenuCut ul.nav > li.active > a, nav.navbar.bootsnav ul.nav.MenuCut > li.on a{ color:#000000 !important;}
nav.navbar.bootsnav.MenuCut .MenuBtn span{ background:#000000;}
nav.navbar.bootsnav.MenuCut .navRig > ul > li > a{ color:#666666 !important;}
nav.navbar.bootsnav.MenuCut .navTel span{ color:#666666;}
nav.navbar.bootsnav.MenuCut .navTel strong{ color:#ff4900;}

.menuBg{ position:fixed; left:0; width:100%; top:auto; z-index:2; background:#e1e4eb; display:none;}
.menuList{ max-width:1200px; margin:0 auto; padding:0.2rem 0 0.4rem; padding-right:100px; position:relative; font-size:0;}
.menuList li{ display:inline-block; vertical-align:top; width:33.33%; margin-bottom:10px;}
.menuList li h3{ margin:0.14rem 0;}
.menuList li h3 a{ display:block; font-size:16px; color:#000000; line-height:24px;}
.menuSub{ font-size:0; margin:0.14rem 0; max-width:310px;}
.menuSub a{ display:inline-block; vertical-align:top; width:33.33%; font-size:14px; line-height:24px; color:#666666;}
.menuList li.last{ display:block; position:absolute; right:0; top:0.2rem; width:auto; text-align:right;}
.menuList li.last a{ margin-bottom:0.1rem;}

.bannerhead{height:550px; overflow:hidden; position:relative;}
.banner{ height:100%; overflow:hidden; position:relative;}
.banner .swiper-slide{ position:relative; overflow:hidden; background:#000000;}
.banImg{ height:100%; transform:scale(1); transition:all 3s linear;}
.banner .swiper-slide-active .banImg{ transform:scale(1.1); transition:all 6s linear;}
.banLefBg,.banRigBg{ display:block; position:absolute; top:0; width:100%; height:100%;}
.banLefBg{ left:0; background:url(../images/ban0Bg1.png) center center no-repeat; background-size:cover;}
.banRigBg{ right:0; background:url(../images/ban0Bg2.png) center center no-repeat; background-size:cover;}
.banName{ position:absolute; left:0; top:0; right:0; bottom:0; background:url(../images/banWangJian.png) center center no-repeat; background-size:100% auto; z-index:1;}
#particles{ position:absolute; left:0; top:92px; right:0; bottom:0; z-index:1;}
#particles .pg-canvas{ opacity:0.1;}
.banText li{ position:absolute; left:50%; top:50%; transform:translate(-50%,-70%); color:#FFFFFF; text-align:center; width:100%; max-width:1400px; padding:0 15px; display:none;}
.banTextEn{ font-size:55px; line-height:200%; font-family:宋体; font-weight:bold;}

.banTextCn{ font-size:30px; line-height:200%;}
.banTextCn i{ margin:0 2px;}
.showTit i{ display:inline-block; vertical-align:text-bottom; transform:translateY(120px); opacity:0; transition:all 1s ease-in-out 0s;}
.banTextInfor{ font-size:34px;}
.banTextInfor i{ margin:0 2px;}
.banTextInfor i b{ display:block; vertical-align:middle; white-space:nowrap; overflow:hidden; transition:all 0.6s ease-out 0s;}
.banTextInfor i b.h{ width:0;}
.banTextEn i,.banTextCn i,.banTextInfor i{ display:inline-block; vertical-align:middle; font-style:normal;}
.banTextInfor i{ transform:translateX(-10px);}
.banText li.active{ display:block;}
.banText li.active .showTit.act i{ transform:translateY(0); opacity:1;}
.banText li.active .banTextInfor.act i { transform:translateX(0);}
.banPage{ display:block; position:absolute; left:0; bottom:5%; width:100%; text-align:center; z-index:1;}
.banPage .swiper-pagination-bullet{ width:30px; height:16px; background:none; border-radius:0; opacity:0.5; margin:0 0.1rem;}
.banPage .swiper-pagination-bullet i{ display:block; width:100%; height:2px; margin:7px auto; background:#FFFFFF; transition:all 0.3s linear;}
.banPage .swiper-pagination-bullet-active{ background:url(../images/logoIcoWhite.png) center center no-repeat; background-size:contain; opacity:1;}
.banPage .swiper-pagination-bullet-active i{ width:0;}
.banBtn{ position:absolute; top:50%; width:40px; height:22px; z-index:1; background:url(../images/logoIcoWhite.png) center center no-repeat; background-size:contain; cursor:pointer; opacity:0; transition:all 0.3s linear; display:none;}
.banPrev{ left:2%;}
.banNext{ right:2%;}

.vidbacking-active-block-back {
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    height: auto;
    width: auto;
    z-index: -100;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.hmTit{padding:0.6rem 0 0.2rem; color:#333; text-align:center;}
.hmTitEn{ font-size:35px; font-family:'HelveticaNeueLT';}
.hmTitCn{ font-size:16px; color:#5e5e5e; line-height:200%;margin:0.2rem 0;}
.hmTitIco{ display:block; color:#8a8a8a; background-size:contain; position:absolute; right:0; bottom:0.3rem;}
.hmMore{ display:block; width:162px; height:38px; line-height:38px; border-radius:20px; text-align:center; margin:0.4rem auto; background:#ff4900; color:#FFFFFF; font-size:14px; position:relative; overflow:hidden;}
.hmMore:after{ position:absolute; left:-60px; top:-30px; display:block; content:""; width:100%; height:20px; transform:rotate(45deg); transform-origin:left center; background:rgba(255,255,255,0.3);}
.hmMore span{ position:relative; z-index:1;}
.hmTitIco2{ display:inline-block; vertical-align:middle; position:static; margin-left:0.08rem;}
.hmMore:hover,.hmMore:focus{ color:#FFFFFF;}
.hmBg1{width:100%; height:auto;}
.hmBg1 .hmBg1left{ width:48%; height:auto; float:left;}
.hmBg1 .hmBg1left .kehu{float:left;width:25%;height:100%;overflow:hidden;position:relative;}
.hmBg1 .hmBg1left .kehu img{width:100%;height:100%;transition:all .5s;-webkit-filter: grayscale(1);/* Webkit */filter:gray;/* IE6-9 */filter: grayscale(1);/* W3C */}
.hmBg1 .hmBg1left .kehu .font{width:100%;height:100%;top:0;left:0;position:absolute;color:#fff;text-align:center;}
.hmBg1 .hmBg1left .kehu:hover img{-webkit-filter: grayscale(0);/* Webkit */filter:gray;/* IE6-9 */filter: grayscale(0);/* W3C */}
.hmBg1 .hmBg1left .kehu .font::before,.hmBg1 .hmBg1left .kehu .font::after{position:absolute;content:'';opacity:0;transition:all 0.5s;}
.hmBg1 .hmBg1left .kehu .font::before{top:0px;right:0px;bottom:0px;left:0px;border-top:2px solid #ff4900;border-bottom:2px solid #ff4900;transform:scale(0,1);-webkit-transform-origin:0 0;transform-origin:0 0}
.hmBg1 .hmBg1left .kehu .font::after{top:0px;right:0px;bottom:0px;left:0px;border-right:2px solid #ff4900;border-left:2px solid #ff4900;transform:scale(1,0);transform-origin:100% 0;}
.hmBg1 .hmBg1left .kehu:hover .font::before,.hmBg1 .hmBg1left .kehu:hover .font::after{opacity:1;transform:scale(1);transition: all 0.5s;}
.hmBg1 .hmBg1right{ width:52%; height:auto; float:right; background:url(../images/seo_back.jpg) left bottom no-repeat;}
.hmBg1 .hmBg1right .computer{ width:80%; height:auto; float:right;}
.hmBg1 .hmBg1right .computer .kuang{width:98%; height:auto; background:#fff; border:24px solid #000; border-radius:20px;}
.hmBg1 .hmBg1right .computer .kuang dl{width:100%; color:#333; text-align:center; line-height:30px; padding:20px 0 0;}
.hmBg1 .hmBg1right .computer .kuang dl dt{ font-size:20px; font-weight:bold; line-height:40px; text-transform:uppercase;}
.hmBg1 .hmBg1right .computer .kuang dl dd{ font-size:16px;}
.hmBg1 .hmBg1right .computer .kuang .k_tit{width:100%; height:26px;  border-bottom:1px solid #e7e7e7;font-size:15px; color:#fff; text-align:center; background:#ff4900;}
.hmBg1 .hmBg1right .computer .kuang .k_tit .k_titA{width:40%; line-height:26px;border-right:1px solid #e7e7e7; float:left;}
.hmBg1 .hmBg1right .computer .kuang .k_tit .k_titB{width:28%; line-height:26px;border-right:1px solid #e7e7e7; float:left;}
.hmBg1 .hmBg1right .computer .kuang .k_tit .k_titC{width:15%; line-height:26px;border-right:1px solid #e7e7e7; float:left;}
.hmBg1 .hmBg1right .computer .kuang .k_tit .k_titD{width:16%; line-height:26px; float:left;}
.hmBg1 .hmBg1right .computer .kuang .k_txt{width:100%; height:26px; border-bottom:1px solid #e7e7e7;font-size:12px; color:#333; text-align:center;}
.hmBg1 .hmBg1right .computer .kuang .k_txt .k_txtA{width:40%; line-height:26px;border-right:1px solid #e7e7e7; float:left;}
.hmBg1 .hmBg1right .computer .kuang .k_txt .k_txtB{width:28%; line-height:26px;border-right:1px solid #e7e7e7; float:left;}
.hmBg1 .hmBg1right .computer .kuang .k_txt .k_txtC{width:15%; line-height:26px;border-right:1px solid #e7e7e7; float:left;}
.hmBg1 .hmBg1right .computer .kuang .k_txt .k_txtD{width:16%; line-height:26px; float:left;}
.hmBg1 .hmBg1right .computer .kuang .k_txt .k_txtD a{color:#333;}
.hmBg1 .hmBg1right .computer .kuang .k_txt .k_txtD a:hover{color:#ff4900;}
.hmBg1 .hmBg1right .computer .kuangb{width:30%; height:auto; margin:auto;}
.hmBg1 .hmBg1right .computer .kuangb img{width:100%; max-width:188px;}
.hmBg2{position:relative; overflow:hidden;}
.hmBg2Img{ position:absolute; width:100%; height:150%; top:-50%; left:0;}
.hm2{ display:flex; flex-wrap:wrap; justify-content:center;}
.hm2 li{ width:25%; padding:20px 0 60px; position:relative; overflow:hidden;}
.hm2Bg{ position:absolute; left:0; bottom:0; width:100%; height:0; background:rgba(0,0,0,0.1); transition:all 0.3s linear;}
.hm2A{ display:block; height:100%; position:relative; overflow:hidden; text-align:center; padding:0 0.3rem; border-left:1px solid #e8e8e8;}
.hm2Ico{ width:75px; margin:0.2rem auto;}
.hm2Tit{ font-size:20px; color:#717171; line-height:30px;margin-bottom:0.2rem;}
.hm2Titen{ font-size:18px; color:#717171; line-height:30px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}
.hm2Des{ font-size:15px; color:#717171; line-height:60px; height: auto; overflow:hidden;}
.hm2Des p{line-height:60px; border-top:1px solid #e8e8e8;}
.hmBg2 .hmMore{ background:none; border:1px solid #FFFFFF; display:none;}

.hmBg3{width:100%; height:auto; background:#efefef;}


.hmBg4{width:100%; height:auto; background:#e6e6e6; padding:70px 0;}
.hmBg4 .hmBg4left{width:280px; height:auto; background:#303030; padding:50px 30px; margin:0 30px; line-height:60px; font-size:48px; font-family:宋体; color:#fff; text-align:center; float:left;}
.hmBg4 .hmBg4right{width:auto; height:auto; padding:0px 100px; color:#333; text-align:center; float:left;line-height:40px;}
.hmBg4 .hmBg4right .title_a{color:#ff4900; font-size:60px; font-weight:bold; line-height:100px;}
.hmBg4 .hmBg4right .title_b{font-size:40px; font-family:宋体; line-height:60px;}
.hmBg4 .hmBg4right .title_c{font-size:16px;}
.hmBg4 .hmBg4right .title_d{font-size:20px;}.hmBg4 .hmBg4right .title_d b{ font-family:Arial, Helvetica, sans-serif;}
.hmBg4 .hmBg4right .title_e{width:100%; height:46px; text-align:center; padding:30px 0 20px;}
.hmBg4 .hmBg4right .title_e .e_message{width:146px; height:46px; display:inline-block; background:#333; text-align:center; border-radius:25px; color:#fff; font-size:16px; line-height:46px; transition:all ease-in-out .2s; margin:0 10px;}
.hmBg4 .hmBg4right .title_e .e_message p{padding-left:35px; background:url(../images/ad_zx.png) left 20px center no-repeat;}
.hmBg4 .hmBg4right .title_e .e_message:hover{background:#ff4900;}
.hmBg4 .hmBg4right .title_e .e_send{width:146px; height:46px; display:inline-block; background:#ff4900; text-align:center; border-radius:25px; color:#fff; font-size:16px; line-height:46px; transition:all ease-in-out .2s;margin:0 10px;}
.hmBg4 .hmBg4right .title_e .e_send p{padding-left:25px; background:url(../images/ad_xq.png) left 25px center no-repeat;}
.hmBg4 .hmBg4right .title_e .e_send:hover{background:#333;}

@media screen and (max-width: 1550px) { 
.hmBg4 .hmBg4left{margin:0;}
.hmBg4 .hmBg4right .title_a{font-size:50px;line-height:80px;}
.hmBg4 .hmBg4right .title_b{font-size:30px;line-height:50px;}
} 
/* 设置了浏览器宽度不大于1550px时 */
@media screen and (max-width: 1200px) { 
.hmBg4 .hmBg4left{width:180px; padding:30px;line-height:40px; font-size:30px;}
.hmBg4 .hmBg4right{padding:0px 50px;}
.hmBg4 .hmBg4right .title_a{font-size:40px;line-height:60px;}
.hmBg4 .hmBg4right .title_b{font-size:25px;line-height:40px;}
.hmBg4 .hmBg4right .title_e{padding:20px 0 20px;}
} 
/* 设置了浏览器宽度不大于1200px时 */
@media screen and (max-width: 992px) { 
.hmBg4 .hmBg4left{width:100%; padding:0.2rem 0;line-height:40px; font-size:30px;}
.hmBg4 .hmBg4right{width:100%;padding:0.2rem 0;line-height:30px;}
.hmBg4 .hmBg4right .title_a{font-size:30px;line-height:60px;}
.hmBg4 .hmBg4right .title_b{font-size:18px;line-height:40px;}
.hmBg4 .hmBg4right .title_c{font-size:14px;}
.hmBg4 .hmBg4right .title_d{font-size:15px;}
} 
/* 设置了浏览器宽度不大于992px时 */





.hmBg5{ background:url(../images/hmBg5.jpg) right bottom #FFFFFF no-repeat; padding:0 0 70px 0;}
.hmBg5 .hmTit{ color:#000000;}
.hm5Top{ margin-top:0.2rem; overflow:hidden;}
.hm5Top .swiper-container{ padding:5px;}
.hm5TopA{ display:block; height:0%; max-width:300px; padding-bottom:51%; box-shadow:0 0 10px rgba(0,0,0,0.2); background:#FFFFFF; position:relative; overflow:hidden;}
.hm5Logo{ position:absolute; left:0; top:0; right:0; bottom:0; width:100%; height:100%; display:flex; align-items:center; transition:all 0.5s ease-in-out;}
.hm5Logo span{ display:block; padding:15px; width:100%;}
.hm5Logo img{ margin:0 auto; max-width:100%; max-height:100%;}
.gray {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.hm5TopHov{ transform:translateY(100%); transition:all 0.5s linear;}
.hm5TopPage{ display:block; position:relative; width:100%; text-align:center; z-index:1; margin:0.4rem 0;}
.hm5TopPage .swiper-pagination-bullet i{ background:#ff4900;}
.hm5TopPage .swiper-pagination-bullet-active{ background-image:url(../images/logoIcoRed.png);}
.hm5TopPage .swiper-pagination-bullet-active i{ width:0;}
.hm5Bot{ margin:0.3rem 0;}
.hm5BotA{ display:block;}
.hm5BotTime{ font-size:14px; color:#999999; line-height:28px; padding-left:35px; background:url(../images/hm5BotIco.png) left center no-repeat;}
.hm5BotTit{ font-size:18px; color:#000000; line-height:28px; margin:10px 0; transition:all 0.3s linear;}
.hm5BotDes{ font-size:14px; color:#999999; line-height:22px; height:66px; overflow:hidden; margin:10px 0;}
.hm5BotMore{ margin-top:0.2rem;}
.hm5BotMore span,.hm5BotMore b{ display:inline-block; vertical-align:middle;}
.hm5BotMore span{ width:40px; height:1px; background:#ff4900; opacity:0.5; margin:0 5px 0 10px; transition:all 0.3s linear;}
.hm5BotMore b{ width:6px; height:11px; background:url(../images/arrow1.png) right center no-repeat;}



.footBg{ background:#333; color:#FFFFFF;padding:0.4rem 0;}
.ftLef{ float:left;width:33.33%; font-style:normal; list-style:none;}
.ftLef li{float:left; width:100%; line-height:38px;}
.ftLef li a{width:auto; font-size:16px; float:left;color:#a4a4a4; transition:all 0.3s linear; padding-right:30px;}
.ftLef li a:hover{color:#fff;}
.ftLef li p{font-size:18px; float:left; padding-right:30px;}
.ftLef li.last{ width:40%;}
.ftLef li.last p{ font-size:14px; display:inline-block; vertical-align:middle; width:50%;}
.ftCen{float:left; width:33.33%; text-align:center; border-left:1px solid #7a7a7a; border-right:1px solid #7a7a7a;}
.ftCen .ftWechat{ display:inline-block; max-width:110px; margin:0 20px;}
.ftCen .ftWechat img{ margin-bottom:5px;}
.ftCen .ftWechat p{ opacity:0.5; font-size:16px; line-height:50px;}
.ftRig{float:right; width:28%; text-align:left;}
.ftRig h3{font-size:20px;font-weight:bold;}
.ftRig p{font-size:15px; line-height:28px;color:#a4a4a4; padding-top:20px;}



.copyRight{width:100%; text-align:left; line-height:30px; background:#121111;padding:0.3rem 0; font-size:15px; font-family:Arial, Helvetica, sans-serif;}
.copyRight span{color:#a4a4a4;}
.copyRight a{color:#a4a4a4; padding-right:15px;}
.copyRight a:hover{color:#FFFFFF;}
.warning{ font-size:14px; color:#ff4900; opacity:0.8;}
.friendLink{ padding:0.3rem 0; border-top:1px solid rgba(255,255,255,0.1); line-height:28px; margin-top:-1px;}
.friendTit{ float:left;}
.friendList{ margin-left:70px; margin-right:-10px;}
.friendList li{ padding:0; padding-right:10px;}
.friendList li a{ color:#FFFFFF; opacity:0.5; transition:all 0.3s linear;}
.footCen{ padding:0.3rem 0; color:#000; }
.footCen .dl_list{ width:50%; float:left;}
.footCen .dl_list .dt_left{width:auto; float:left;  padding:0 0.3rem;}
.footCen .dl_list .dt_left img{width:56px; max-width:56px; float:left;margin-top:15px;}
.footCen .dl_list .dt_left p{width:auto; float:left; padding:0 0 0 0.2rem; font-size:30px; color:#333;line-height:80px;}
.footCen .dl_list .dd_right{width:auto; float:left; padding:0 0.3rem; border-left:1px solid #ccc; color:#000;line-height:40px;}
.footCen .dl_list .dd_right .dd_tel{font-size:40px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.footCen .dl_list .dd_right .dd_add{font-size:16px;}

@media screen and (max-width: 1680px) { 
.footCen .dl_list .dt_left p{font-size:25px;}
.footCen .dl_list .dd_right .dd_tel{font-size:35px;}
.footCen .dl_list .dd_right .dd_add{font-size:14px;}

} 
/* 设置了浏览器宽度不大于1680px时 */
@media screen and (max-width: 1525px) { 
.footCen .dl_list .dt_left{width:auto; float:left;  padding:0;}
.footCen .dl_list .dt_left img{margin-top:0px;}
.footCen .dl_list .dt_left p{width:100%; float:left; padding:0; font-size:15px;line-height:34px;}
} 
/* 设置了浏览器宽度不大于1525px时 */
@media screen and (max-width: 1200.95px) {
.ftLef li a{font-size:14px;}
.ftLef li p{font-size:16px;}
.ftLef li.last p{font-size:14px;}
.ftCen .ftWechat p{font-size:14px;}
.ftRig h3{font-size:16px;}
.ftRig p{font-size:14px;}
.copyRight{font-size:14px;}
.footCen .dl_list .dt_left{width:100%; float:left;  padding:0;}
.footCen .dl_list .dt_left img{width:40px; float:left;margin-top:10px;}
.footCen .dl_list .dt_left p{width:auto;padding:0 0 0 0.2rem; font-size:20px;line-height:60px;}
.footCen .dl_list .dd_right{width:100%; float:left; padding:0; border:none;line-height:30px;}
.footCen .dl_list .dd_right .dd_tel{font-size:25px;}
.footCen .dl_list .dd_right .dd_add{font-size:14px;}
} 
/* 设置了浏览器宽度不大于1200px时 */

@media screen and (max-width: 992px) {
.ftLef{width:100%;}
.ftLef li{width:100%; line-height:30px;}
.ftCen{width:100%; border:none;text-align:left; padding:0.3rem 0;}
.ftCen .ftWechat{max-width:110px; margin:0 20px 0 0;}
.ftCen .ftWechat p{line-height:30px;}
.ftRig{float:left; width:100%;}
.ftRig p{line-height:25px;}
.footCen .dl_list{width:100%;}
} 
/* 设置了浏览器宽度不大于992px时 */


.onLine{ position:fixed; right:50px; top:50%; z-index:1;}
.onLogo{ width:40px; height:40px; background:url(../images/onLogo.png) center center no-repeat; background-size:38px auto; cursor:pointer; position:relative; border-radius:50%;}
.onQQ,.onTel,.onWx{ position:absolute;}
.onQQ{ bottom:100%; left:50%; transform:translateX(-50%);}
.onTel{ right:100%; top:50%;transform:translateY(-50%);}
.onWx{ top:100%; left:50%; transform:translateX(-50%);}
.onH{ display:block; width:25px; height:1px; background:#ff4900; transition:all 0.3s linear;}
.onS{ display:block; width:1px; height:25px; background:#ff4900; margin:0 auto; transition:all 0.3s linear;}
.onQQ .onS{ margin-top:5px;}
.onWx .onS{ margin-bottom:5px;}
.onTel{ white-space:nowrap;}
.onLink{ display:block; transition:all 0.3s linear 0.3s;}
.onTel .onLink{ position:absolute; right:30px; top:50%; transform:translateY(-50%);}
.onTel .onH{ margin-right:5px;}
.onIco{ position:relative; /*background:rgba(255,255,255,0.4);*/ padding:7px; border-radius:50%;}
.onIco span{ display:block; opacity:0; visibility:hidden; white-space:nowrap; font-size:14px; color:#a1a1a1; position:absolute; transition:all 0.3s linear;}
.onQQ .onIco span{ bottom:100%; left:50%; transform:translateX(-50%); margin-bottom:5px;}
.onTel .onIco span{ right:100%; top:50%; transform:translateY(-50%); font-family:Arial; padding-right:5px; line-height:23px;}
.onWx .onIco span{ top:100%; left:50%; transform:translateX(-50%); margin-top:10px;}
.onLine.active .onIco img{ transform:scale(0); opacity:0; transition:all 0.3s linear;}
.onLine.active .onLink{ transform:scale(0); opacity:0; visibility:hidden; transition:all 0.3s linear;}
.onLine.active .onS{ height:0; transition:all 0.3s linear 0.3s;}
.onLine.active .onH{ width:0; transition:all 0.3s linear 0.3s;}

@media (min-width:1201px){
	nav.navbar.bootsnav li.dropdown ul.dropdown-menu{ display:none !important;}
	nav.navbar.bootsnav ul.nav > li > a:hover{ background:#f5f5f5 !important;}
	nav.navbar.bootsnav ul.nav > li > a:hover:after{ height:2px;}
	nav.navbar.bootsnav.no-background ul.nav > li > a:hover{ background:none !important;}
	nav.navbar.bootsnav ul.nav > li > a:hover span{ border-color:#d07235;}
	.menuList a:hover{ text-decoration:underline;}
	.banner:hover .banBtn{ opacity:1;}
	.hmMore:hover{ box-shadow:2px 2px 0 rgba(0,0,0,0.3); transition:all 0.3s linear;}
	.hmMore:hover:after{ left:100%; transition:all 0.4s linear;}
	.hm2 li:hover .hm2Bg{ height:100%; transition:all 0.6s cubic-bezier(.66,.7,.9,-0.5);}
	.hm2 li:hover .hm2Ico img{ animation:swing 1s linear 1;}
	.hm5TopA:hover .hm5Logo{ transform:translateY(-100%);}
	.hm5TopA:hover .hm5TopHov{ transform:translateY(0%);}
	.hm5BotA:hover .hm5BotTit{ color:#ff4900;}
	.hm5BotA:hover .hm5BotMore span{ width:60px; opacity:1;}
	.friendList li a:hover{ opacity:1;}
	.ftCon a:hover{ color:#FFFFFF;}
	.onLink:hover .onIco span{ opacity:1; visibility:visible;}
}
@media (min-width:1400px){
	.container{ width:90%;}
}
@media (max-width:1600px){
	.logo{ padding-left:20px; padding-right:20px;}
	.navRig > ul > li.navTel{ margin-left:20px;}
	.navTel{ width:250px;}
	.banTextEn{ font-size:68px;}
	.banTextCn{ font-size:38px;}
	.banTextInfor{ font-size:28px;}
	.hmTitEn{ font-size:50px;}
	.hmBg5{ padding:30px 0 50px;}
	.onLine{ right:35px;}
	.banInner,.banInner .imgBg{ height:420px;}
	.banCon{ margin-top:-210px;}
	.banH2 strong{ font-size:40px;}
	.banH2{ font-size:26px;}
	.banH2 img{ max-width:28px;}
}
@media (max-width:1400px){
	.navTel{ width:240px;}
	.hmTitEn{ font-size:40px;}
	.banDes{ font-size:14px; line-height:22px;}
}
@media (max-width:1200px){
	nav.navbar.bootsnav.no-background{ border:none;}
	nav.navbar.bootsnav.no-background .logo{ height:60px;}	
	nav.navbar.bootsnav.no-background ul.nav > li > a{ padding:5px 0;}
	nav.navbar.bootsnav.no-background .navRig{ line-height:60px;}
	nav.navbar.bootsnav.no-background .navTel{ border-left:1px solid #e1e4eb; border-right:1px solid #e1e4eb;}
	nav.navbar.bootsnav.no-background .navTel span{ color:#666666;}
	nav.navbar.bootsnav.no-background .navTel strong{ color:#ff4900;}
	nav.navbar.bootsnav.no-background .navRig > ul > li:not(.navTel) > a > i,.navRig > ul > li:not(.navTel) > a > i{ top:0;}
	.logo{ padding:0; height:60px;}
	.logo .shows{ display:none !important;}
	.logo .hides{ display:block !important;}
	nav.navbar.bootsnav{ border:none;}
	nav.navbar.bootsnav .navbar-header{ padding:0 15px; min-height:60px; border-bottom:2px solid #dfdee5;}
	nav.navbar.bootsnav .navbar-brand{ float:left !important; display:flex;}
	.navRig{ position:absolute; line-height:60px; right:40px; margin:0; z-index:1;}
	.navTel{ width:auto; border-right:1px solid #e1e4eb;}
	.navTel strong{ font-size:20px;}
	nav.navbar.bootsnav .navbar-toggle{ background:none !important; float:right; margin-right:0; margin-top:13px; color:#ff4900;}
	nav.navbar.bootsnav.no-full .navbar-collapse{ max-height:none;}
	nav.navbar.bootsnav .navbar-nav{ padding:0;}
	nav.navbar.bootsnav ul.nav{ left:0; padding:10px 0;}
	nav.navbar.bootsnav ul.nav > li{ padding:0;}
	nav.navbar.bootsnav ul.nav > li.last{ display:none;}
	nav.navbar.bootsnav ul.nav > li > a{ padding:5px 0; border-bottom:none; margin:-1px 0 0; border-top-style:dashed;}
	nav.navbar.bootsnav ul.nav > li > a > span{ border:none; text-align:right;}
	nav.navbar.bootsnav ul.nav > li > a:after{ top:-1px; height:0;}
	nav.navbar.bootsnav ul.nav li.dropdown .dropdown-menu{ position:static !important; background:none; text-align:left;}
	nav.navbar.bootsnav ul.nav li.dropdown .dropdown-menu > li{ border:none;}
	nav.navbar.bootsnav ul.nav > li.active > a, nav.navbar.bootsnav ul.nav > li.on a{ background:none !important;}
	nav.navbar.bootsnav ul.nav > li.active > a{ font-weight:bold;}
	nav.navbar.bootsnav ul.nav li.dropdown .dropdown-menu > li > a{ border-bottom:1px dashed #e0e0e0;}
	nav.navbar.bootsnav li.dropdown a.dropdown-toggle:before{ content: url('../images/nav_jia.png'); font-size:14px; color:#666666;}
	nav.navbar.bootsnav li.dropdown.on a.dropdown-toggle:before{ content: url('../images/nav_jian.png');}
	.menuBg{ display:none !important;}
	#particles{ top:62px;}
	.banTextEn{ font-size:48px;}
	.banTextCn{ font-size:28px;}
	.banTextInfor{ font-size:22px;}
	.hmTitEn{ font-size:25px;}
	.hmTitCn{ font-size:16px;}
	.hmBg1 .hmBg1left{ width:100%;}
    .hmBg1 .hmBg1left .kehu{width:12.5%;}
    .hmBg1 .hmBg1right{ width:100%; padding-top:30px;}
	.hmBg2{ padding:0.3rem 0;}
	.hmBg2 .hmTit{ position:static; transform:translateX(0);}
	.hm2 li{ padding:0 0 0.3rem;}
	.hm2A{ padding:0 10px;}
	.hmBg5{ padding:0.3rem 0 0.5rem; background-size:25% auto;}	
	.ftTit{ font-size:16px;}
	.banInner,.banInner .imgBg{ height:3.8rem;}
	.banConBg{ background:#FFFFFF; padding-bottom:0.2rem; border-bottom:1px solid #DDDDDD;}
	.banCon{ margin-top:-50px; color:#000000;}
	.banDouHao{ background-image:url(../images/banDouHao2.png); margin:0.1rem 0; display:none;}
	.banLef,.banRig{ float:none; width:100%; text-align:left; max-width:100%;}
	.banH2{ font-size:18px; line-height:24px; margin:13px 0; color:#FFFFFF;}
	.banH2 strong{ font-size:20px; margin-right:0.1rem;}
	.banH2 img{ max-width:16px; margin-left:0.1rem;}
	.banDes{ display:none;}
	.banRig a,.breadcrumb > .active,.breadcrumb > li + li:before{ color:#000000;}
	.banRig{ padding-top:0.16rem;}
	.breadcrumb{ margin:0; padding:0;}
	.breadcrumb > li:first-child{ background-image:url(../images/breadNavBg2.png);}
	.onLine{ display:none;}
}
@media (max-width:991px){
	.hmBg1 .hmBg1left .kehu{width:25%;}
	.hm2 li{ width:50%;}
	.hm5TopA{ box-shadow:0 0 2px rgba(0,0,0,0.3);}
	.mBL{ max-width:100%; margin-bottom:0.2rem;}
	.mBL_Btn,.mBR_Btn{ line-height:42px;}
	.mBR li{ padding:5px 6px;}
	.mBR_Input{ height:42px; padding-top:6px; padding-bottom:6px; padding-left:20px;}
	.must{ width:20px;}
	#navPage,.mouse{ left:0.1rem;}
	#navPage{ display:none;}
	.mouse{ top:auto; bottom:2%; left:auto; right:15px;}
}
@media (max-width:767px){
	.hmBg1 .hmBg1right .computer{ width:100%;}
	.hmBg1 .hmBg1right .computer .kuang .k_tit{font-size:12px;}
	nav.navbar.bootsnav .navbar-header{ margin:0;}	
	nav.navbar.bootsnav .navbar-nav{ margin:0;}
	.banTextEn{ font-size:0.56rem;}
	.banTextCn{ font-size:0.34rem;}
	.banTextInfor{ font-size:0.28rem;}
}
@media (max-width:640px){	
	.hm2 li{ width:50%;}
	.hm2 li:nth-child(5){ display:none;}
	.hm2Ico{ width:40px;}
	.hm2Tit{ font-size:16px;}
	.hmBg2 .hmMore{ display:block;}
	.hm5BotTit{ font-size:16px;}
	.friendTit{ float:none;}
	.friendList{ margin-left:0;}
	.caseList .hm3Logo{ width:80%;}
	.caseList .hm3Logo img{ max-width:50%;}
	.error{ font-size:0.28rem;}
	.error h3{ font-size:0.36rem;}
	.errNav li a{ font-size:0.32rem;}
}
@media (max-width:460px){
	.navPcTel{ display:none !important;}
	.navMobTel{ display:block !important; font-size:18px !important;}
	nav.navbar.bootsnav .navbar-header{ min-height:50px;}
	.logo{ height:50px;}
	.logo img{ height:40px;}
	.navRig{ line-height:50px;}
	nav.navbar.bootsnav .navbar-toggle{ margin-top:6px;}
	nav.navbar.bootsnav.no-background .logo{ height:50px;}
	nav.navbar.bootsnav.no-background .navRig{ line-height:50px;}
	#particles{ top:52px;}
	.banPage .swiper-pagination-bullet{ width:24px; height:12px;}
	.banPage .swiper-pagination-bullet i{ margin:5px auto;}
	/*.hm1 li{ width:100%;}*/
	.hmMore{ width:150px; height:34px; line-height:32px;}
	.page a{ min-width:20px;}
	.pageNum,.pageTotal,.pageGo{ display:none !important;}
	.mainTel{ font-size:20px; line-height:30px;}
	.mBR li:last-child .mBR_Con{ padding-right:105px;}
	.mBR_Btn{ width:95px;}
	.conItem strong{ font-size:14px;}

}
@media (max-width:360px){
	.ftWechat{ float:none; margin:0 auto;}
	.copyRight{ text-align:center;}
}
/*20190715 微信分享*/
.share .shareWx .wechat-qrcode{display:none;border:1px solid #eee;position:absolute;z-index:9;top:-205px;left:-84px;width:200px;height:192px;color:#666;font-size:12px;text-align:center;background-color:#fff;box-shadow:0 2px 10px #aaa;transition:all .2s;-webkit-tansition:all .35s;-moz-transition:all .35s}
.share .shareWx .wechat-qrcode.bottom{top:40px;left:-84px}
.share .shareWx .wechat-qrcode.bottom:after{display:none}
.share .shareWx .wechat-qrcode h4{font-weight:400;height:26px;line-height:26px;font-size:12px;background-color:#f3f3f3;margin:0;padding:0;color:#777}
.share .shareWx .wechat-qrcode .qrcode{width:105px;margin:10px auto}
.share .shareWx .wechat-qrcode .qrcode table{margin:0!important}
.share .shareWx .wechat-qrcode .help p{font-weight:400;line-height:16px;padding:0;margin:0;font-size:12px}
.share .shareWx .wechat-qrcode:after{content:"";position:absolute;left:50%;margin-left:-6px;bottom:-13px;width:0;height:0;border-width:8px 6px 6px;border-style:solid;border-color:#fff transparent transparent}
.share .shareWx:hover .wechat-qrcode{display:block}