@charset "utf-8";
/* 初始化CSS */
*{margin:0; padding:0;}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:bold;}
fieldset, img{border:none; vertical-align:middle;}
address, caption, cite, code, dfn, th, var{font-style:normal; font-weight:normal;}
ul, ol{list-style:none;}
li{list-style-type:none;}
input{padding-top:0; padding-bottom:0; font-family: "Microsoft Yahei",Arial,sans-serif;}
select, input{vertical-align:middle;}
select, input, textarea{ margin:0; font-size:12px;}
input[type="text"], input[type="password"], textarea{outline-style:none;}
textarea{font-family: "Microsoft Yahei",Arial,sans-serif; resize:none;}
body{font:12px "Microsoft Yahei",Arial,sans-serif; color:#333; background:#fff;}
a{text-decoration:none; color:inherit;}
i, em{ font-style:normal;}
.clearfix:after{ display:block; visibility:hidden; clear:both; height:0; content:"";}
.clearfix{zoom:1;}
.fl{ float:left;}
.fr{ float:right;}
.auto{ margin-left:auto; margin-right:auto;}

/*html5*/
article,aside,footer,header,section,footer,nav,figure,main{display:block}

/*小号文字  scale以12号字体为基准 需写实际字号大小*/
.font_adjust{-webkit-text-size-adjust:none;}
.font_scale8{ -webkit-transform: scale(0.66);}
.font_scale10{ -webkit-transform: scale(0.83);}
.font_lc{-webkit-transform-origin:left center;}
.font_rc{-webkit-transform-origin:right center;}
.font_up{text-transform:uppercase;}

/*文字截断*/
.TXTovehid{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

/*transition*/
.tran200{-webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear;}
.tran300{-webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear;}
.tran400{-webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -ms-transition:all 0.4s linear; transition:all 0.4s linear;}
.tran500{-webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear; transition:all 0.5s linear;}
.tran1000{-webkit-transition:all 1s linear; -moz-transition:all 1s linear; -ms-transition:all 1s linear; transition:all 1s linear;}

.scaleimg:hover img,
.scaleimg:hover em{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.rotateY:hover{ -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); }
.translateX:hover{-webkit-transform:translateX(-6px); -moz-transform: translateX(-6px); -ms-transform:translateX(-6px); transform:translateX(-6px);}

/*网页限定宽度*/
.w1200{width: 1200px;margin: 0 auto;}

input[type="submit"],input[type="reset"],select,button{-webkit-appearance:none;appearance:none; }

*:before,*:after{-webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;}

*:focus{-webkit-tap-highlight-color:rgba(0,0,0,0); }

.cd-popup { position: fixed; left: 0; top: 0;right: 0;bottom: 0; height: 100%; width: 100%;background: url(../images/grayBg.png) repeat;visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 9999;  opacity: 0;}
.cd-popup.is-visible { opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s; }
.cd-popup-container { position: relative; height: 36px; padding: 40px; background: #fff; width: 60%; margin: 0 auto; top: 50%; margin-top: -58px; background: #FFF; border-radius: .4rem .4rem .4rem .4rem; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
.is-visible .cd-popup-container { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

.hidden_search .text { width: 100%; height: 20px; padding: 8px 0; font-size: 14px; color: #444;background: none;border:none;}
.hidden_search .btn { display: block; background: url(../images/search_icon.jpg) no-repeat center center; position: absolute; right: 0; top: 0; height: 36px; width: 36px; text-indent: -999em;border:none;cursor: pointer;}
.hidden_search .search_wrap { border: 1px solid #e4eaec; border-radius: 20px; position: relative; padding-right: 56px; padding-left: 20px; height: 36px; }
.hidden_search .close_btn { position: absolute; right: 0; top: 0; padding: 10px; width: 22px; height: 22px; -webkit-transition: 0.5s; transition: 0.5s; }
.hidden_search .close_btn:after, .hidden_search .close_btn:before { background: #cccccc; width: 20px; height: 3px; display: block; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; content: ""; position: absolute; left: 10px; top: 11px; }
.hidden_search .close_btn:before { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.hidden_search .close_btn:after { -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: 26px; }
.hidden_search .close_btn:hover:after, .hidden_search .close_btn:hover:before { background: #e62129;}

.header .menuIcon{width: 24px;cursor: pointer;display: none;position: absolute;right: 5%;top:50%;
-webkit-transform:translateY(-50%); -moz-transform: translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
.header .menuIcon span{display: block;height: 3px;background: #fff;margin-top: 5px;position: relative;}


.navForm{background: #fff;border-radius: 3px;}
.navForm .text{width: 80%;height: 32px;border:none;background: none;font-size: 14px;color: #555;line-height: 32px;text-indent: 8px;}
.navForm .subm{width: 20%;height: 32px;border:none;background: url(../images/search_icon.jpg) no-repeat center;cursor: pointer;}
.mm-listview > li.nBorder:not(.mm-divider):after{display:none;}

.w1490{margin: 0 auto;width: 1490px;}


.banner{width: 100%;height: 100%;position: relative;overflow: hidden;background: url(../images/bannerBg.jpg) no-repeat center;background-size: cover;}
.banner .swiper-slide{height: 100%;overflow: hidden;}
.banner .swiper-slide a{display: block;width: 100%;height: 100%;position: relative;}
.banner .swiper-slide a em{position: absolute;left: 0;top:0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;}
.banner .swiper-slide a em.wap{display: none;}
.banner .swiper-pagination{bottom: 56px;height: 9px;line-height: 9px;font-size: 0;}
.banner .swiper-pagination .swiper-pagination-bullet{width: 9px;height: 9px;background: #ffffff;opacity: 0.8;border-radius: 5px;margin: 0 10px;-webkit-transition:all 0.3s linear;transition:all 0.3s linear;border: 1px solid #e62129;}
.banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;width: 78px;}

.banner .swiper-slide a video{display: block;min-height: 100%;height: auto !important;width: 100% !important;position: absolute;left: 50% !important;top: 50% !important;bottom: auto;right: auto;
-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);-o-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);}


.header{width: 100%;position: absolute;left: 0;top:0;z-index: 9;background: rgba(30,30,30,0.8);}
.header .logo{height: 100px;line-height: 100px;font-size: 0;margin-right: 40px;}
.header .nav{margin-right: 22px;}
.header .nav .nLi{padding: 0 30px;}
.header .nav .nLi h3 a{display: block;font-size: 20px;color: #ffffff;line-height: 100px;font-weight: normal;position: relative;}
.header .nav .nLi h3 a:before{content: "";width: 100%;height: 5px;background: #e62129;position: absolute;left: 0;bottom: 0;
transform: scaleX(0);-webkit-transform: scaleX(0);opacity: 0;visibility: hidden;}
.header .nav .nLi.on h3 a:before,.header .nav .nLi h3 a:hover:before{transform: scaleX(1);-webkit-transform: scaleX(1);opacity: 1;visibility: visible;}
.header .searchBtn{width: 45px;height: 100px;cursor: pointer;position: relative;}
.header .searchBtn:before{content: "";width: 30px;height: 30px;position: absolute;left: 50%;top:50%;margin: -15px 0 0 -15px;background: url(../images/iconPic.png) no-repeat -30px top;}
.header .select{position: relative;}
.header .select dt{padding: 0 35px 0 45px;position: relative;height: 100px;line-height: 100px;font-size: 22px;color: #ffffff;text-transform: uppercase;cursor: pointer;}
.header .select dt:after{content: "";width: 30px;height: 30px;position: absolute;left: 0;top:50%;margin-top: -15px;background: url(../images/iconPic.png) no-repeat left top;}
.header .select dt:before{content: ""; width: 0;height: 0;border: 6px solid;border-color: #fff transparent transparent;position: absolute;right: 0;top:50%;margin-top: -3px;}
.header .select dd{position: absolute;left: 50%;top:100px;width: 120px;margin-left: -60px;background: rgba(30,30,30,0.8);display: none;}
.header .select dd ul{}
.header .select dd ul li{border-top: 1px solid #555;}
.header .select dd ul li:first-child{border-top: none;}
.header .select dd ul li a{display: block;font-size: 14px;color: #fff;line-height: 44px;text-align: center;}
.header .select dd ul li a:hover{opacity: 0.8;}
.header .select dt.cur:before{-webkit-transform: rotateZ(180deg);transform: rotateZ(180deg);margin-top: -8px;}

.homePage,.homePage body,.homePage .pageWrap{width: 100%;height: 100%;position: relative;overflow: hidden;}
.homePage .container{width: 100%;height: 100%;}
.homePage .container .outerSlider{width: 100%;height: 100%;}

.homePage .container .innerScoll{width: 100%;height: 100%;position: relative;overflow: hidden;}
.homePage .container .innerScoll .swiper-slide{width: 100%;height: 100%;background: #fff;
font-size: 44px;color: #444;position: relative;overflow: hidden;display: flex;align-items: center;justify-content: space-between;}
.homePage .container .innerScoll .swiper-slide .num{width: 100%;position: absolute;left: 0;bottom: 0;background: #f4f4f4;height: 37%;font-size: 80px;color: #c0c0c0;font-weight: normal;
display: flex;align-items: center;justify-content: center;-webkit-transform: translateY(30%);transform: translateY(30%);}
.homePage .container .innerScoll .swiper-slide .num div{-webkit-transform:translateX(-30%) translateY(100%);transform:translateX(-30%) translateY(100%);}
.homePage .container .innerScoll .swiper-slide .picWrap{width: 66%;flex-shrink: 0;height: 100%;position: relative;}
.homePage .container .innerScoll .swiper-slide .picWrap .pic{width: 100%;height: 100%;background: #fff;box-sizing:border-box;padding-top: 100px;
display: flex;align-items: center;justify-content: center;}
.homePage .container .innerScoll .swiper-slide .picWrap .pic img{max-width: 100%;max-height: 100%;}


.homePage .container .innerScoll .swiper-slide .videoWrap{flex:1;width: 0;height: 100%;position: relative;overflow: hidden;background: #000;}
.homePage .container .innerScoll .swiper-slide .videoWrap video{min-height: 100%;min-width: 100%;max-width: none;height: auto !important;
width: auto !important;position: absolute;left: 50% !important;top: 50% !important;bottom: auto;right: auto;
-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);-o-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);opacity: 0.6;}
.homePage .container .innerScoll .swiper-slide .videoWrap .text{width: 100%;height: 100%;position: relative;z-index: 2;box-sizing:border-box;;display: flex;align-items: center;justify-content: left;padding: 100px 7% 0 17%;}
.homePage .container .innerScoll .swiper-slide .videoWrap .text h5{font-size: 80px;color: #ffffff;font-weight: normal;text-transform: uppercase;line-height: 80px;}
.homePage .container .innerScoll .swiper-slide .videoWrap .text p{font-size: 30px;color: #ffffff;font-weight: normal;line-height: 50px;margin-bottom: 26px;}
.homePage .container .innerScoll .swiper-slide .videoWrap .text .btn{display: block;width: 212px;height: 58px;border:2px solid #ffffff;border-radius: 32px;text-align: center;line-height: 58px;font-size: 18px;color: #ffffff;text-transform: uppercase;}
.homePage .container .innerScoll .swiper-slide .videoWrap .nextBtn{width: 106px;height: 106px;position: absolute;z-index: 2;right: -120px;bottom: 50px;cursor: pointer;box-sizing: border-box;border: 1px solid #fff;border-radius: 50%;}
.homePage .container .innerScoll .swiper-slide .videoWrap .nextBtn:before{content: "";width: 30px;height: 30px;position: absolute;left: 50%;top:50%;margin: -15px 0 0 -15px;background: url(../images/iconPic.png) no-repeat -90px top;}

/*ainimate*/
.homePage .container .innerScoll .swiper-slide .videoWrap .text h5,
.homePage .container .innerScoll .swiper-slide .videoWrap .text p,
.homePage .container .innerScoll .swiper-slide .videoWrap .text .btn{clip-path: polygon(0 0,100% 0,100% 0,0 0);}
.homePage .container .innerScoll .swiper-slide .videoWrap .videoWrap .nextBtn{-webkit-transform: rotateZ(360deg);transform: rotateZ(360deg);opacity: 0;}

.homePage .container .swiper-slide-active .innerScoll .swiper-slide.swiper-slide-active .videoWrap .text h5,
.homePage .container .swiper-slide-active .innerScoll .swiper-slide.swiper-slide-active .videoWrap .text p,
.homePage .container .swiper-slide-active .innerScoll .swiper-slide.swiper-slide-active .videoWrap .text .btn{clip-path: polygon(0 0,100% 0,100% 100%,0 100%);-webkit-transition:all 0.3s linear 2s;transition:all 0.3s linear 2s;}
.homePage .container .swiper-slide-active .innerScoll .swiper-slide.swiper-slide-active .videoWrap .text p{-webkit-transition:all 0.3s linear 2.4s;transition:all 0.3s linear 2.4s;}
.homePage .container .swiper-slide-active .innerScoll .swiper-slide.swiper-slide-active .videoWrap .text .btn{-webkit-transition:all 0.3s linear 2.8s;transition:all 0.3s linear 2.8s;}
.homePage .container .swiper-slide-active .innerScoll .swiper-slide.swiper-slide-active .videoWrap .nextBtn{right: 7%;-webkit-transform: rotateZ(0);transform: rotateZ(0);opacity: 1;-webkit-transition:all 0.8s linear 1.6s;transition:all 0.8s linear 1.6s;}



.homePage .container .swiper-slide-active .innerScoll .swiper-slide.swiper-slide-active .picWrap{width: 34%;}
.homePage .container .swiper-slide-active .innerScoll .swiper-slide.swiper-slide-active .picWrap .pic{height: 63%;}
.homePage .container .swiper-slide-active .innerScoll .swiper-slide.swiper-slide-active .num,
.homePage .container .swiper-slide-active .innerScoll .swiper-slide.swiper-slide-active .num div{-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0);}


.homePage .container .outerSlider3{background: #000;display: flex;align-items: center;justify-content: center;}
.homePage .container .outerSlider3 .bg{position: absolute;left: 0;top:0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;opacity: 0.4;}
.homePage .container .outerSlider3 .wrap{position: relative;z-index: 2;text-align: center;}
.homePage .container .outerSlider3 .wrap .title{font-size: 80px;color: #ffffff;line-height: 80px;font-weight: normal;margin-bottom: 87px;-webkit-transform:translateY(60px);transform:translateY(60px);opacity: 0;}
.homePage .container .outerSlider3 .wrap ul{margin-bottom: 128px;}
.homePage .container .outerSlider3 .wrap ul li{width: 27%;margin: 0 3.15%;color: #fff;clip-path: polygon(0 0,0 0,0 100%,0 100%);}
.homePage .container .outerSlider3 .wrap ul li h4{font-size: 80px;line-height: 91px;border-bottom: 1px solid #fff;font-weight: bold;font-weight: normal;margin-bottom: 15px;}
.homePage .container .outerSlider3 .wrap ul li h5{font-size: 16px;line-height: 22px;font-weight: normal;font-weight: bold;text-align: left;}
.homePage .container .outerSlider3 .wrap ul li p{font-size: 16px;line-height: 22px;font-weight: normal;}
.homePage .container .outerSlider3 .wrap .btn{display: block;width: 215px;height: 62px;background: #ffffff;margin: 0 auto;border-radius: 31px;text-align: center;line-height: 62px;font-size: 18px;color: #151515;text-transform: uppercase;-webkit-transform:translateY(60px);transform:translateY(60px);opacity: 0;}
.homePage .container .outerSlider3 .wrap .btn:hover{background: #e62129;color: #fff;}
.homePage .container .outerSlider3.swiper-slide-active .wrap ul li{clip-path: polygon(0 0,100% 0,100% 100%,0 100%);-webkit-transition:all 0.3s linear 0.8s;transition:all 0.3s linear 0.8s;}
.homePage .container .outerSlider3.swiper-slide-active .wrap .btn{-webkit-transition:all 0.3s linear 1.2s;transition:all 0.3s linear 1.2s;webkit-transform:translateY(0);transform:translateY(0);opacity: 1;}
.homePage .container .outerSlider3.swiper-slide-active .wrap .title{-webkit-transition:all 0.3s linear 0.2s;transition:all 0.3s linear 0.2s;-webkit-transform:translateY(0);transform:translateY(0);opacity: 1;}

.homePage .container .outerSlider4{position: relative;overflow: hidden;display: flex;align-items: center;justify-content: center;
background-image: -moz-radial-gradient( 50% 50%, circle closest-side, rgb(255,255,255) 0%, rgb(205,205,205) 99%);
  background-image: -webkit-radial-gradient( 50% 50%, circle closest-side, rgb(255,255,255) 0%, rgb(205,205,205) 99%);
  background-image: -ms-radial-gradient( 50% 50%, circle closest-side, rgb(255,255,255) 0%, rgb(205,205,205) 99%);}
.homePage .container .outerSlider4 .watermark{width: 100%;position: absolute;left: 0;top:50%;margin-top: -250px;
font-size: 474px;color: #dbdbdb;line-height: 500px;text-align: center;font-weight: bold;text-transform: uppercase;opacity: 0.25;}
.mapBtn{display: block;position: absolute;left: 50%;bottom: 83px;margin-left: -165px;z-index: 3;width: 328px;height: 61px;border:1px solid #e62129;border-radius: 31px;text-align: center;line-height: 61px;font-size: 18px;color: #e60012;text-transform: uppercase;}
.mapBtn:hover{background: #e62129;color: #fff;}
.homePage .container .outerSlider4 .mapWrap{position: relative;z-index: 2;width: 1632px;margin: 0 auto;/*height: 693px;background: url(../images/wordMap1.png) no-repeat center;*/}
.homePage .container .outerSlider4 .mapWrap .bg{width: 100%;}
.homePage .container .outerSlider4 .mapWrap .list{position: absolute;left: 0;top:0;width: 100%;height: 100%;}
.homePage .container .outerSlider4 .mapWrap .list li{position: absolute;cursor: pointer;}
.homePage .container .outerSlider4 .mapWrap .list li .icon{display: inline-block;width: 14px;height: 20px;background: url(../images/iconPic.png) no-repeat -68px -5px;}


.homePage .container .outerSlider4{display: block;}
.homePage .container .outerSlider4 .wrapper{width: 100%;position: absolute;left: 0;top:50%;
-webkit-transform:translateY(-50%); -moz-transform: translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
.homePage .container .outerSlider4 .mapWrap .list li.li0{left: 1254px;top: 240px;}
.homePage .container .outerSlider4 .mapWrap .list li.li1{left: 1395px;top: 216px;}
.homePage .container .outerSlider4 .mapWrap .list li.li2{left: 1348px;top: 212px;}
.homePage .container .outerSlider4 .mapWrap .list li.li3{left: 1232px;top: 315px;}
.homePage .container .outerSlider4 .mapWrap .list li.li4{left: 1128px;top: 298px;}
.homePage .container .outerSlider4 .mapWrap .list li.li5{left: 1251px;top: 85px;}
.homePage .container .outerSlider4 .mapWrap .list li.li6{left: 823px;top: 144px;}
.homePage .container .outerSlider4 .mapWrap .list li.li7{left: 772px;top: 129px;}
.homePage .container .outerSlider4 .mapWrap .list li.li8{left: 796px;top: 166px;}
.homePage .container .outerSlider4 .mapWrap .list li.li9{left: 315px;top: 118px;}
.homePage .container .outerSlider4 .mapWrap .list li.li10{left: 330px;top: 192px;}
.homePage .container .outerSlider4 .mapWrap .list li.li11{left: 1385px;top: 525px;}
.homePage .container .outerSlider4 .mapWrap .list li.li12{left: 1540px;top: 609px;}
.homePage .container .outerSlider4 .mapWrap .list li.li13{left: 1315px;top: 405px;}
.homePage .container .outerSlider4 .mapWrap .list li.li14{left: 1094px;top: 160px;}
.homePage .container .outerSlider4 .mapWrap .list li.li15{left: 985px;top: 283px;}
.homePage .container .outerSlider4 .mapWrap .list li.li16{left: 901px;top: 78px;}
.homePage .container .outerSlider4 .mapWrap .list li.li17{left: 848px;top: 88px;}
.homePage .container .outerSlider4 .mapWrap .list li.li18{left: 869px;top: 135px;}
.homePage .container .outerSlider4 .mapWrap .list li.li19{left: 805px;top: 136px;}
.homePage .container .outerSlider4 .mapWrap .list li.li20{left: 818px;top: 161px;}

.homePage .container .outerSlider4 .mapWrap .list li.li21{left: 889px;top: 549px;}
.homePage .container .outerSlider4 .mapWrap .list li.li22{left: 488px;top: 588px;}
.homePage .container .outerSlider4 .mapWrap .list li.li23{left: 333px;top: 288px;}
.homePage .container .outerSlider4 .mapWrap .list li.li24{left: 554px;top: 463px;}
.homePage .container .outerSlider4 .mapWrap .list li.li25{left: 1241px;top: 387px;}
.homePage .container .outerSlider4 .mapWrap .list li.li26{left: 1234px;top: 375px;}
.homePage .container .outerSlider4 .mapWrap .list li.li27{left: 1260px;top: 336px;}
.homePage .container .outerSlider4 .mapWrap .list li.li28{left: 995px;top: 348px;}
.homePage .container .outerSlider4 .mapWrap .list li.li29{left: 851px;top: 149px;}


.homePage .container .outerSlider4 .mapWrap .list li .hover{position: absolute;bottom: 56px;left: 50%;-webkit-transform:translateX(-50%); -moz-transform: translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%);padding: 14px 19px 7px;background: #ffffff;border: 1px solid #e62129;border-radius: 10px;text-align: center;display: none;z-index: 5;}
.homePage .container .outerSlider4 .mapWrap .list li .hover .nFlag{width: 40px;}
.homePage .container .outerSlider4 .mapWrap .list li .hover p{font-size: 18px;line-height: 29px;color: #1d1d1d;white-space:nowrap;}
.homePage .container .outerSlider4 .mapWrap .list li .hover:before{content: "";width: 26px;height: 11px;position: absolute;left: 50%;margin-left: -13px;bottom: -11px;background: url(../images/arrow1.png) no-repeat center;}
.homePage .container .outerSlider4 .mapWrap .list li.on .icon{animation: letter 0.6s cubic-bezier(0.1,0.5,0.2,1) infinite alternate;
                top: 0px;}
@keyframes letter{
    from{
        -webkit-transform:translateY(-6px); 
    }
    to{
       -webkit-transform:translateY(-20px); 
    }
}

.homePage .container .outerSlider4 .wapMap{display: none;}
.homePage .container .outerSlider4 .wapMap img{width: 100%;}


.homePage .container .outerSlider5 .btnWrap{padding: 60px 5%;background: #e6e6e7 url(../images/wordMap1.png) no-repeat center;background-size: cover;display: none;}
.homePage .container .outerSlider5 .btnWrap .mapBtn{position: static;margin: 0 auto;}

.footer{width: 100%;height: auto !important;background: url(../images/footerBg.jpg) no-repeat center;background-size: cover;}
.footer .fNav{padding: 32px 0 22px;border-bottom: 1px solid #717171;}
.footer .fNav dl{width: 20%;box-sizing:border-box;padding-left: 46px;}
.footer .fNav dl dt{margin-bottom: 23px;font-size: 20px;color: #ffffff;line-height: 35px;font-weight: bold;}
.footer .fNav dl dd{font-size: 16px;line-height: 26px;color: #dedede;font-weight: 300;}
.footer .fNav dl dd a:hover{color: #fff;}
.footer .btm{padding: 23px 0 20px;}
.footer .btm .share{margin-bottom: 20px;text-align: center;}
.footer .btm .share a{display: inline-block;*display: inline;*zoom: 1;width: 51px;height: 51px;margin: 0 21px;background: url(../images/shareIcon.png) no-repeat left top;}
.footer .btm .share a.s2{background-position: -51px top;}
.footer .btm .share a.s3{background-position: -102px top;background-position: -104px top;}
.footer .btm .share a.s4{background-position: -153px top;background-position: -156px top;}
.footer .btm .share a.s5{background-position: -207px top;}
.footer .btm .share a.s6{background-position: -260px top;background-color: #fff;}
.footer .btm .share a:hover{opacity: 0.7;}
.footer .btm .text{text-align: center;font-size: 18px;line-height: 38px;color: #ffffff;font-weight: normal;}
.footer .btm .text p{margin-top: 12px;}
.footer .btm .text p:first-child{margin-top: 0;}
.footer .btm .text p:first-child a{display: inline-block;*display: inline;*zoom: 1;padding: 0 20px;position: relative;}
.footer .btm .text p:first-child a:before{content: "";width: 1px;height: 16px;background: #d7d5d5;position: absolute;left: 0;top:50%;margin-top: -8px;}
.footer .btm .text p:first-child a:first-child:before{display: none;}
.footer .btm .text p:first-child a:hover{opacity: 0.8;}

.homePage .container .outerSlider6{display: none;}
.homePage .container .outerSlider6 a{display: block;width: 100%;height: 100%;box-sizing:border-box;position: relative;}
.homePage .container .outerSlider6 a .pic{width: 100%;height: 60%;display: flex;align-items: center;justify-content: center;box-sizing:border-box;}
.homePage .container .outerSlider6 a .pic img{max-width: 100%;max-height: 100%;}
.homePage .container .outerSlider6 a .text{width: 100%;height: 40%;background: #000;display: flex;align-items: center;justify-content: center;text-align: center;}
.homePage .container .outerSlider6 a .text h5{font-size: 26px;line-height: 34px;font-weight: normal;color: #fff;text-transform: uppercase;}
.homePage .container .outerSlider6 a .text .btn{display: block;width: 204px;height: 44px;border: 2px solid #ffffff;border-radius: 32px;text-align: center;
line-height: 40px;font-size: 15px;color: #ffffff;text-transform: uppercase;margin: 20px auto 0;}
.homePage .container .outerSlider6 a .text h5,
.homePage .container .outerSlider6 a .text .btn{-webkit-clip-path: polygon(0 0,100% 0,100% 0,0 0);clip-path: polygon(0 0,100% 0,100% 0,0 0);}
.homePage .container .outerSlider6.swiper-slide.swiper-slide-active .text h5,
.homePage .container .outerSlider6.swiper-slide.swiper-slide-active .text .btn{-webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%);clip-path: polygon(0 0,100% 0,100% 100%,0 100%);}
.homePage .container .outerSlider6.swiper-slide.swiper-slide-active .text h5{-webkit-transition: all 0.3s linear 0.6s;transition: all 0.3s linear 0.6s;}
.homePage .container .outerSlider6.swiper-slide.swiper-slide-active .text .btn{-webkit-transition: all 0.3s linear 1.4s;transition: all 0.3s linear 1.4s;}


.path{background: #f7f7f7;margin-bottom: 8px;font-size: 15px;line-height: 47px;color: #878787;}
.path img{margin-right: 13px;}
.path a:hover{color: #e62129;}


.p5Banner a{display: block;width: 100%;height: 719px;background-repeat: no-repeat;background-position: center;background-size: cover;position: relative;}
.p5Banner i{width: 133px;height: 133px;position: absolute;left: 50%;top:50%;margin: -66px 0 0 -66px;background: url(../images/vr.png) no-repeat center;background-size: 100% 100%;}
.p5Banner a:hover i{/*-webkit-transform: rotateZ(360deg);transform: rotateZ(360deg); -webkit-transform: scale(0.8); transform: scale(0.8);*/
animation: ani 2s linear infinite alternate;}

@keyframes ani{
    from{
        -webkit-transform: scale(1); 
    }
    to{
       -webkit-transform: scale(0.8); 
    }
}


.pageStyle{font-size: 18px;line-height: 30px;color: #272727;}
.pageStyle *{max-width: 100% !important;
word-break: break-all !important;white-space: normal !important;height: auto !important;word-wrap:break-word !important;}
.pageStyle img{height: auto !important;}
.pageStyle table{word-wrap: break-word !important;word-break: break-all !important;}
.pageStyle table td{word-break: break-all !important;white-space: normal !important;width: auto;}

.nyTitle{margin-bottom: 32px;text-align: center;line-height: 48px;font-size: 30px;color: #272727;}

.aboutWrap{padding-top: 100px;min-height: 600px;}
.aboutWrap .item1{box-sizing:border-box;padding: 42px 45px 58px;}
.aboutWrap .item1 .pageStyle .mrgBtm{margin-bottom: 30px;}
.aboutWrap .item1 .video{margin-top: 23px;}
.aboutWrap .item1 .video video,.aboutWrap .item1 .video img{width: 100%;}

.aboutWrap .item2{padding: 40px 0 58px;background: url(../images/aboutBg1.jpg) no-repeat center;background-size: cover;}
.aboutWrap .item2 ul{padding: 0 45px;}
.aboutWrap .item2 ul li{width: 30%;text-align: center;color: #fff;margin-left: 5%;}
.aboutWrap .item2 ul li:first-child{margin-left: 0;}
.aboutWrap .item2 ul li h5{padding-bottom: 27px;border-bottom: 1px solid #fff;margin-bottom: 25px;line-height: 82px;font-size: 80px;font-weight: bold;font-weight: normal;}
.aboutWrap .item2 ul li .txt{font-size: 16px;line-height: 24px;}

.aboutWrap .item3{margin-bottom: 37px;}
.aboutWrap .item3 .container{width: 100%;position: relative;overflow: hidden;margin-bottom: 14px;}
.aboutWrap .item3 .container .pic{width: 100%;height: 0;padding-bottom: 817px;position: relative;overflow: hidden;margin-bottom: 20px;}
.aboutWrap .item3 .container .pic em{position: absolute;left: 0;top:0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;}
.aboutWrap .item3 .container .title{text-align: center;line-height: 34px;font-size: 20px;color: #272727;font-weight: normal;}


.scrollControl{width: 296px;margin: 0 auto;text-align: center;}
.scrollControl .btn{width: 40px;height: 40px;line-height: 40px;font-size: 0;cursor: pointer;position: relative;}
.scrollControl .btn.swiper-button-disabled{pointer-events:none;opacity: 0.2;}

.scrollControl a:before{content: "";width: 18px;height: 18px;border-left: 3px solid #272727;border-bottom: 3px solid #272727;position: absolute;left: 50%;top:50%;margin: -14px 0 0 -14px; -webkit-transform: rotateZ(-135deg); -moz-transform: rotateZ(-135deg); -ms-transform: rotateZ(-135deg); transform: rotateZ(-135deg);}
.scrollControl a.prev:before{-webkit-transform: rotateZ(45deg); -moz-transform: rotateZ(45deg); -ms-transform: rotateZ(45deg); transform: rotateZ(45deg);}

.scrollControl .pageState{margin: 0 0 0 50px;line-height: 38px;font-size: 25px;color: #272727;}
.scrollControl .pageState em{width: 40px;height: 40px;box-sizing:border-box;border:2px solid #272727;line-height: 36px;line-height: 40px;}
.scrollControl .pageState b{margin: 0 30px 0 20px;}

.aboutWrap .item4{padding: 71px 0 97px;background: url(../images/aboutBg2.jpg) no-repeat center top;background-size: cover;box-sizing:border-box;height: 856px;}
.aboutWrap .item4 .nyTitle{color: #fff;}
.aboutWrap .item4 .logoList{padding: 45px 36px 0;}
.aboutWrap .item4 .logoList .line{width: 100%;height: 150px;position: relative;}
.aboutWrap .item4 .logoList dl{position: absolute;width: 100%;}
.aboutWrap .item4 .logoList .line1 dl{padding-left: 105px;top:0;}
.aboutWrap .item4 .logoList .line2 dl{top:-45px;}
.aboutWrap .item4 .logoList .line3 dl{padding-left: 105px;top:-90px;}
.aboutWrap .item4 .logoList .line4 dl{top:-135px;}
.aboutWrap .item4 .logoList .line5 dl{padding-left: 105px;top:-180px;}
.aboutWrap .item4 .logoList dl dd{width: 150px;box-sizing:border-box;border:1px solid #cecece;background: #fff;margin-left: 61px;
-webkit-transform: rotateZ(45deg); -moz-transform: rotateZ(45deg); -ms-transform: rotateZ(45deg); transform: rotateZ(45deg);}
.aboutWrap .item4 .logoList dl dd:first-child{margin-left: 0;}
.aboutWrap .item4 .logoList dl dd a{display: block;width: 100%;height: 148px;line-height: 148px;text-align: center;font-size: 0;
-webkit-transform: rotateZ(-45deg); -moz-transform: rotateZ(-45deg); -ms-transform: rotateZ(-45deg); transform: rotateZ(-45deg);}
.aboutWrap .item4 .logoList dl dd a img{max-width: 80%;max-height: 80%;-webkit-transition:all 0.3s linear;transition:all 0.3s linear;}
.aboutWrap .item4 .logoList dl dd a:hover img{-webkit-transform: scale(0.8);transform: scale(0.8);}
.aboutWrap .item4 .wapLogoList{display: none;}
.aboutWrap .item4 .wapLogoList ul li{width: 19%;margin: 0 1.25% 1.25% 0;box-sizing:border-box;background: #fff;border: 1px solid #cecece;}
.aboutWrap .item4 .wapLogoList ul li:nth-child(5n){margin-right: 0;}
.aboutWrap .item4 .wapLogoList ul li a{display: block;width: 100%;height: 0;padding-bottom: 100%;position: relative;}
.aboutWrap .item4 .wapLogoList ul li a span{position: absolute;left: 0;top:0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.aboutWrap .item4 .wapLogoList ul li a span img{max-width: 80%;max-height: 80%;}

.aboutWrap .item5{background: url(../images/aboutBg3.jpg) no-repeat center top;background-size: cover;padding: 68px 0 54px;}
.aboutWrap .item5 .container{padding: 36px 0 89px;position: relative;overflow: hidden;}
.aboutWrap .item5 .container .pic{display: block;width: 100%;height: 0;padding-bottom: 124%;overflow: hidden;position: relative;}
.aboutWrap .item5 .container .pic em{position: absolute;left: 0;top:0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;}
.aboutWrap .item5 .container .swiper-pagination{display: none;}
.aboutWrap .item5 .container .swiper-pagination .swiper-pagination-bullet{-webkit-transition:all 0.3s linear;transition:all 0.3s linear;width: 6px;height: 6px;border-radius: 3px;}
.aboutWrap .item5 .container .swiper-pagination .swiper-pagination-bullet-active{background: #e62129;width: 20px;}

.more{display: block;width: 215px;height: 62px;box-sizing:border-box;border:2px solid #e60012;border-radius: 31px;text-align: center;font-size: 18px;color: #e60012;font-weight: bold;line-height: 58px;text-transform: uppercase;margin: 0 auto;}
.more:hover{background: #e60012;color: #fff;}


.Gallery{width:100%;height:100%;position:fixed;left:0;top:0;background: rgba(0,0,0,0.6);opacity:0;z-index:999999;transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease}
.Gallery.show{opacity:1}
.g-bottom,.g-left,.g-right,.g-top{z-index:99;display:block;-webkit-appearance:none;transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease}
.g-top{position:absolute;top:0;left:0;width:100%;background:rgba(0,0,0,.7);height:45px;text-align:center;line-height:45px;color:#fff;z-index:120}
.g-left.none,.g-right.none{opacity:.3;cursor:not-allowed}
.g-bottom{position:absolute;bottom:0;left:0;width:100%;background:rgba(0,0,0,.7);height:45px;text-align:center;line-height:45px;color:#fff;z-index:120}
.g-left{position:absolute;top:43%;left:0;height:14%;background:rgba(0,0,0,.5);width:55px;cursor:pointer}
.g-right{position:absolute;top:43%;right:0;height:14%;background:rgba(0,0,0,.5);width:55px;cursor:pointer}
.Gallery img{max-height:87%;max-width:99%}
.Gallery.Gallery-none img{max-height:100%;max-width:99%}
.Gallery-wrap{width:100%;height:100%;position:relative;transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0)}
.g-left:after{content:'';width:20px;height:2px;background:#fff;position:absolute;left:16px;top:50%;margin-top:-1px}
.g-left:before{content:'';width:10px;height:10px;border:2px solid #fff;transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);border-top:none;border-right:none;display:block;position:absolute;left:16px;top:50%;margin-top:-6px}
.g-right:after{content:'';width:20px;height:2px;background:#fff;position:absolute;right:16px;top:50%;margin-top:-1px}
.g-right:before{content:'';width:10px;height:10px;border:2px solid #fff;transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);border-left:none;border-bottom:none;display:block;position:absolute;right:16px;top:50%;margin-top:-6px}
.g-list{width:100%;height:100%;text-align:center;vertical-align:middle;position:absolute;left:0;top:0}
.g-list span{display:inline-block;vertical-align:middle;height:100%}
.g-list img{vertical-align:middle;cursor:-webkit-grab;cursor:-moz-grab;cursor:grab;transition:all .4s ease;-moz-transition:all .4s ease;-webkit-transition:all .4s ease}
.Gallery-wrap.grab .g-list img{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}
.g-top .g-count{width:auto;height:100%;position:absolute;left:0;top:0;padding:0 18px}
.g-top button{height:45px;width:45px;border:none;position:absolute;right:0;top:0;opacity:.8;background:0 0;-webkit-tap-highlight-color:transparent}
.g-top span{display:block;width:100%;height:100%;line-height:45px;color:#fff}
.g-close{cursor:pointer}
.g-close:after{content:'';width:24px;height:2px;background:#fff;display:block;transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);position:absolute;left:8px;top:21px}
.g-close:before{content:'';width:24px;height:2px;background:#fff;display:block;transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);position:absolute;left:8px;top:21px}
.g-top button:hover{opacity:1}

.nyNav{width: 100%;background: #f8f8f8;border-bottom: 1px solid #e1e1e1;position: relative;z-index: 2;}
.nyNav > ul{display: flex;}
.nyNav > ul .nLi{flex:1;border-left: 1px solid #e1e1e1;}
.nyNav > ul .nLi:first-child{border-left: none;}
.nyNav > ul .nLi h3{display: flex;align-items: center;justify-content: center;height: 85px;padding: 0 12px;}
.nyNav > ul .nLi h3 a{display: block;font-size: 20px;color: #272727;line-height: 30px;}
.nyNav > ul .nLi .navSub{position: absolute;left: 0;top:85px;width: 100%;background: #efefef;display: none;}
.nyNav > ul .nLi .navSub ul{padding: 20px 45px;}
.nyNav > ul .nLi .navSub ul li{width: 50%;box-sizing:border-box;padding-left: 106px;}
.nyNav > ul .nLi .navSub ul li a{display: block;font-size: 16px;line-height: 30px;color: #000000;padding-left: 20px;position: relative;}
.nyNav > ul .nLi .navSub ul li a:before{content: "";width: 7px;height: 7px;border:1px solid #e60012;border-radius: 50%;position: absolute;left: 0;top:11px;background: #ffffff;}
.nyNav > ul .nLi .navSub ul li a:hover{color: #e60012;}
.nyNav > ul .nLi .navSub ul li a:hover:before{background: #e60012;}
.nyNav > ul .nLi.on h3,.nyNav > ul .nLi:hover h3{background: #fff;}
.nyNav > ul .nLi.on h3 a,.nyNav > ul .nLi:hover h3 a{color: #e60012;}

.nyWrap{box-sizing:border-box;padding: 50px 45px;min-height: 400px;}


.prodChanel .item{width: 47%;}
.prodChanel .item .title{max-width: 500px;margin: 0 auto 58px;border-bottom: 1px solid #e60012;text-align: center;padding-bottom: 7px;font-size: 24px;line-height: 42px;color: #737373;}
.prodChanel .item .pageStyle{color: #000000;}
.prodChanel .item.left .pList{padding-top: 80px;}
.prodChanel .item.left .pList li{width: 50%;box-sizing:border-box;border-right: 1px solid #d4d4d4;}
.prodChanel .item.left .pList li:nth-child(2n){border:none;}
.prodChanel .item.left .pList li a{display: block;padding: 0 12px 8px;text-align: center;}
.prodChanel .item.left .pList li a .pic{height: 222px;text-align: center;line-height: 222px;margin-bottom: 32px;}
.prodChanel .item.left .pList li a .pic img{max-width: 80%;max-height: 80%;}
.prodChanel .item.left .pList li a h5{font-size: 20px;color: #272727;line-height: 34px;font-weight: normal;min-height: 68px;margin-bottom: 22px;}
.prodChanel .item.left .pList li a .more{width: 207px;height: 50px;border-width: 1px;line-height: 48px;}

.prodChanel .item.right .pList{padding-top: 12px;}
.prodChanel .item.right .pList li{border-top: 1px solid #d4d4d4;}
.prodChanel .item.right .pList li:first-child{border:none;}
.prodChanel .item.right .pList li a{display: block;padding: 28px 0 0 0;box-sizing:border-box;min-height: 206px;position: relative;}
.prodChanel .item.right .pList li a h5{font-size: 20px;color: #272727;line-height: 32px;margin-bottom: 28px;position: relative;z-index: 2;}
.prodChanel .item.right .pList li a i{display: block;width: 50px;height: 50px;background: url(../images/arrow2.png) no-repeat center;background-size: 100% 100%;}
.prodChanel .item.right .pList li a .pic{width: 58%;position: absolute;right: 0;bottom: 10px;text-align: right;}
.prodChanel .item.right .pList li a .pic img{max-width: 100%;max-height: 180px;}
.prodChanel .item.right .pList li a:hover h5{color: #e60012;}


.prodList{padding: 68px 0;}
.prodList ul li{width: 29%;margin: 0 6.5% 64px 0;}
/* .prodList ul li:nth-child(3n){margin-right: 0;} */
.prodList ul li a{display: block;border:1px solid #e4e4e4;padding: 36px 20px 64px;text-align: center;}
.prodList ul li a .pic{height: 220px;text-align: center;line-height: 220px;}
.prodList ul li a .pic img{max-width: 80%;max-height: 80%;}
.prodList ul li a h5{font-size: 20px;line-height: 42px;color: #272727;font-weight: bold;}
.prodList ul li a p{font-size: 20px;line-height: 42px;color: #343434;margin-bottom: 22px;}
.prodList ul li a .more{width: 208px;height: 50px;border-width: 1px;line-height: 48px;}
.prodList ul li a:hover .more{background: #e60012;color: #fff;}
.prodList ul li a:hover h5{color: #e60012;}
.prodListItem{margin-top: 80px;}
.prodListItem:first-child{margin-top: 0;}
.prodListItem .prodTitle{margin-bottom: 28px;color: #333;}
.prodListItem .prodTitle h4{padding-left: 24px;position: relative;}
.prodListItem .prodTitle .tit{font-size: 24px;line-height: 40px;margin-bottom: 4px;}
.prodListItem .prodTitle .tit:before{content: "";width: 6px;height: 26px;position: absolute;left: 0;top: 9px;background: #e60012;}
.prodListItem .prodTitle .subTitle{font-size: 20px;line-height: 30px;}

.padTop{padding-top: 100px;}
.contProd .path{margin-bottom: 0;}

.cPoroTop{width: 100%;padding: 72px 0 60px;background: url(../images/prodBg.jpg) no-repeat center top;background-size: cover;}
.cPoroTop .title{margin-bottom: 45px;text-align: center;font-size: 0;margin-bottom: 15px;}
.cPoroTop .title span{display: inline-block;font-size: 40px;line-height: 50px;color: #ffffff;font-weight: bold;text-transform: uppercase;padding: 0 228px;position: relative;}
.cPoroTop .title span:before,.cPoroTop .title span:after{content: "";width: 180px;height: 1px;position: absolute;top:24px;}
.cPoroTop .title span:before{left: 0;background: url(../images/line1.png) no-repeat center;}
.cPoroTop .title span:after{right: 0;background: url(../images/line2.png) no-repeat center;}
.cPoroTop .subTitle{font-size: 24px;color: #fff;text-align: center;text-transform: uppercase;margin-bottom: 40px;}
.cPoroTop .scrollWrap{padding: 0 140px;position: relative;margin-bottom: 30px;}
.cPoroTop .scrollWrap .btn{position: absolute;top:50%;margin-top: -20px;width: 16px;height: 40px;line-height: 40px;cursor: pointer;}
.cPoroTop .scrollWrap .btn.prev{left: -34px;}
.cPoroTop .scrollWrap .btn.next{right: -34px;}
.cPoroTop .scrollWrap .btn.prev.swiper-button-disabled,
.cPoroTop .scrollWrap .btn.next.swiper-button-disabled{opacity: 0.4;pointer-events:none;}

.cPoroTop .scrollWrap .btn:before{content: "";width: 14px;height: 14px;border-left: 2px solid #fff;border-bottom: 2px solid #fff;position: absolute;left: 50%;top:50%;margin: -12px 0 0 -12px; -webkit-transform: rotateZ(-135deg); -moz-transform: rotateZ(-135deg); -ms-transform: rotateZ(-135deg); transform: rotateZ(-135deg);}
.cPoroTop .scrollWrap .btn.prev:before{-webkit-transform: rotateZ(45deg); -moz-transform: rotateZ(45deg); -ms-transform: rotateZ(45deg); transform: rotateZ(45deg);}

.cPoroTop .scrollWrap .thumbnail{position: absolute;left: 0;top:22px;width: 84px;height: 376px;overflow: hidden;}
.cPoroTop .scrollWrap .thumbnail .swiper-slide{position: relative;cursor: pointer;}
.cPoroTop .scrollWrap .thumbnail .swiper-slide em{position: absolute;left: 0;top:0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;}
.cPoroTop .scrollWrap .thumbnail .swiper-slide:before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top:0;z-index: 2;box-sizing:border-box;border: 2px solid #e60012;opacity: 0;}
.cPoroTop .scrollWrap .thumbnail .swiper-slide.on:before{opacity: 1;}
.cPoroTop  .prodScroll{width: 100%;position: relative;overflow: hidden;}
.cPoroTop  .prodScroll .swiper-slide{height: 440px;text-align: center;line-height: 440px;}
.cPoroTop  .prodScroll .swiper-slide img{max-width: 100%;max-height: 100%;}
.cPoroTop  .prodScroll .swiper-pagination{display: none;}
.cPoroTop .btm .btnWrap{margin-bottom: 42px;text-align: center;font-size: 0;}
.cPoroTop .btm .btnWrap a{display: inline-block;margin: 0 40px;height: 54px;padding: 0 35px;border:1px solid #fff;border-radius: 28px;line-height: 54px;
font-size: 20px;color: #ffffff;font-weight: bold;text-transform: uppercase;}
.cPoroTop .btm .btnWrap a img{margin-right: 18px;}
.cPoroTop .btm .btnWrap a:hover{opacity: 0.8; -webkit-transform: scale(0.9);transform: scale(0.9);}
.cPoroTop .btm .text{padding: 0 144px;font-size: 18px;line-height: 30px;color: #b0b0b0;/*text-align: center;*/}
/*.cPoroTop .btm .btnWrap a.disabled,
.cPoroTop1 .prodDesc .ul li a.disabled{pointer-events:none;}*/

.cPoroTop .btm .btnWrap a.default{cursor: default;}
.cPoroTop .btm .btnWrap a.on:hover{background: #e62129;border-color: #e62129;}


.contProd .cProdTit{text-align: center;font-size: 30px;line-height: 100px;color: #323232;font-weight: bold;text-transform: uppercase;margin-bottom: 10px;}
.contProd .item1{padding: 0 0 42px;background: #f7f7f7;}
.contProd .item1 ul{box-sizing:border-box;padding: 25px 45px;background: #ffffff;}
.contProd .item1 ul li{width: 30%;margin-right: 5%;box-sizing:border-box;border:1px solid #e7e7e7;}
.contProd .item1 ul li:nth-child(3n){margin-right: 0;}
.contProd .item1 ul li a{display: block;height: 112px;box-sizing:border-box;padding: 23px 78px 0 26px;position: relative;}
.contProd .item1 ul li a h5{font-size: 20px;line-height: 34px;color: #323232;font-weight: normal;}
.contProd .item1 ul li a p{font-size: 16px;line-height: 40px;color: #939393;text-transform: uppercase;}
.contProd .item1 ul li a i{width: 34px;height: 34px;position: absolute;right: 38px;top:40px;background: url(../images/download.png) no-repeat left top;}
.contProd .item1 ul li:hover{border-color: #e60012;background: #e60012;color: #fff;}
.contProd .item1 ul li:hover a h5,.contProd .item1 ul li:hover a p{color: #fff;}
.contProd .item1 ul li:hover a i{background-position: left bottom;}

.contProd .item2{padding: 28px 45px 86px;box-sizing:border-box;}
.contProd .item2 .tabs{padding: 8px 0 50px;text-align: center;font-size: 0;}
.contProd .item2 .tabs li{display: inline-block;margin: 0 34px;}
.contProd .item2 .tabs li a{display: block;padding: 0 38px;height: 60px;line-height: 60px;font-size: 18px;color: #5f5f5f;text-transform: uppercase;border:1px solid #dadada;border-radius: 31px;}
.contProd .item2 .tabs li.active a{bprder-color:#e60012;color: #e60012;}
.contProd .item2 .container{width: 100%;position: relative;overflow: hidden;}
.contProd .item2 .container .pageStyle{color: #323232;}
.contProd .item2 .container .pageStyle .pic{margin-bottom: 64px;}

.contProd .item3{padding: 80px 0 78px;background: #f7f7f7;}
.contProd .item3 .w1490{box-sizing:border-box;padding: 0 45px;}
.contProd .item3 .w1490 img,.contProd .item3 .w1490 video{width: 100%;}

.contProd .item4{padding: 30px 0 80px;}
.contProd .item4{background: url(../images/prodBg1.jpg) no-repeat center top;background-size: cover;}
.contProd .item4 .cProdTit{color: #fff;}
.contProd .item4 .container{padding-top: 17px;margin: 0 45px 54px;overflow: hidden;}
.contProd .item4 .container ul li{width: 33%;margin-left: 0.5%;}
.contProd .item4 .container ul li:first-child{margin-left: 0;}
.contProd .item4 .container .wrap{display: block;}
.contProd .item4 .container .wrap .pic{width: 100%;height: 0;padding-bottom: 52%;position: relative;overflow: hidden;}
.contProd .item4 .container .wrap .pic em{position: absolute;left: 0;top:0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;}
.contProd .item4 .container .wrap .text{background: #fff;padding: 35px 15px 26px 28px;font-size: 18px;color: #323232;line-height: 20px;}
.contProd .item4 .container .wrap .text .left{font-weight: 300;width: 60%;}
.contProd .item4 .container .wrap .text .right{font-weight: bold;width: 38%;}
.contProd .item4 .scrollControl .pageState{color: #fff;}
.contProd .item4 .scrollControl .pageState em{border-color: #fff;}
.contProd .item4 .wap{display: none;}

.contProd .item6{padding: 60px 0 116px;background: #f7f7f7;}
.contProd .item6 ul{padding: 20px 45px 0;}
.contProd .item6 ul li{width: 30%;margin-right: 5%;margin-bottom: 20px;box-shadow: 0 10px 30px #ddd;}
.contProd .item6 ul li:nth-child(3n){margin-right: 0;}
.contProd .item6 .wrap{display: block;background: #fff;}
.contProd .item6 .wrap .pic{height: 290px;line-height: 290px;text-align: center;font-size: 0;}
.contProd .item6 .wrap .pic img{max-width: 90%;max-height: 90%;}
.contProd .item6 .wrap .text{padding: 36px 100px 35px 32px;position: relative;}
.contProd .item6 .wrap .text h5{font-size: 18px;color: #272727;line-height: 20px;height: 40px;overflow: hidden;font-weight: normal;}
.contProd .item6 .wrap .text i{width: 68px;height: 68px;border:1px solid #dadada;border-radius: 50%;box-sizing:border-box;position: absolute;right: 22px;top:20px;}
.contProd .item6 .wrap .text i:before{content: "";width: 11px;height: 11px;border-left: 1px solid #555;border-bottom: 1px solid #555;position: absolute;left: 50%;top:50%;margin: -6px 0 0 -6px; -webkit-transform: rotateZ(-135deg); -moz-transform: rotateZ(-135deg); -ms-transform: rotateZ(-135deg); transform: rotateZ(-135deg);}

.contProd .item6 .wrap:hover .text i{background: #e60012;border-color: #e60012;}
.contProd .item6 .wrap:hover .text i:before{border-color: #fff;}
.contProd .item6 .wrap:hover .text h5{color: #e60012;}

.float{position: fixed;right: 0;top:30%;z-index: 9;width: 59px;right: -59px;}
.float li{position: relative;margin-top: 14px;border-radius: 0 27px 27px 0;}
.float li:first-child{margin-top: 0;}
.float li i{display: block;width: 55px;height: 55px;border: 2px solid #dadada;border-radius: 50%;text-align: center;line-height: 51px;cursor: pointer;background: #fff url(../images/iconPic.png?a=11) no-repeat left -62px;position: relative;z-index: 2;}
.float li p{position: absolute;right: 30px;top:0;line-height: 55px;font-weight: bold;font-size: 15px;border-radius: 25px;background: #dadada;right: 10px;width: 0;overflow: hidden;word-wrap: nowrap;}
.float li p span{display: block;width: 230px;box-sizing:border-box;padding-left: 20px}
.float li:hover p{right: 10px;width: 230px;}
.float li.tel p span{width: 180px;width: 230px;}
.float li.tel:hover p{width: 180px;width: 230px;}
.float.float1{top:auto;bottom: 10%; -webkit-transform: rotateZ(0deg);transform: rotateZ(0deg); }
.float.show{right: 0;-webkit-transform: rotateZ(0deg);transform: rotateZ(0deg);}

.float li.tel i{background-position: -55px -62px;}
.float li.qq i{background-position: -110px -62px;}
.float li.goTop i{background-position: -165px -62px;}


.honorList{padding: 50px 45px;min-height: 350px;}
.honorList ul li{width: 23%;margin: 0 2.66% 2.66% 0;}
.honorList ul li:nth-child(4n){margin-right: 0;}
.honorList ul li a{display: block;width: 100%;height: 0;padding-bottom: 124%;overflow: hidden;position: relative;}
.honorList ul li a em{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-repeat: no-repeat;
background-position: center;background-size: cover;}

.searchResult{width: 100%;min-height: 350px;}

/*.header .pNavSub{position: absolute;left: 0;top:100px;background: #fff;width: 100%;display: none;}
.header .pNavSub .wrap .prodPicList{width: 32%;height: 447px;position: relative;padding-bottom: 80px;}
.header .pNavSub .wrap .prodPicList li{display: none;position: absolute;left: 0;top:0;width: 100%;background: #fff;}
.header .pNavSub .wrap .prodPicList li:first-child{display: block;}
.header .pNavSub .wrap .prodPicList li a{display: block;}
.header .pNavSub .wrap .prodPicList li a .pic{height: 330px;text-align: center;line-height: 330px;margin-bottom: 70px;}
.header .pNavSub .wrap .prodPicList li a .pic img{max-width: 80%;max-height: 80%;}
.header .pNavSub .wrap .prodPicList li a .btn{width: 196px;height: 45px;border-radius: 10px;border:1px solid #313131;text-align: center;line-height: 45px;font-size: 18px;color: #313131;margin: 0 auto;text-transform: uppercase;}
.header .pNavSub .wrap .prodPicList li a .btn span{padding-right: 40px;position: relative;}
.header .pNavSub .wrap .prodPicList li a .btn span:before{content: "";width: 8px;height: 16px;position: absolute;right: 0;top:50%;margin-top: -8px;background: url(../images/iconPic.png) no-repeat left -30px;}
.header .pNavSub .wrap .prodPicList li a .btn:hover{background: #e62129;border-color: #e62129;color: #fff;}
.header .pNavSub .wrap .prodPicList li a .btn:hover span:before{background-position: left -46px;}
.header .pNavSub .wrap .prodTextList{width: 68%;}
.header .pNavSub .wrap .prodTextList li{width: 33.33%;box-sizing:border-box;border-left: 1px solid #d8d8d8;border-bottom: 1px solid #d8d8d8;padding: 40px 20px 28px 26px;}
.header .pNavSub .wrap .prodTextList li a{display: block;}
.header .pNavSub .wrap .prodTextList li .title{font-size: 18px;color: #1d1d1d;line-height: 30px;}
.header .pNavSub .wrap .prodTextList li dl{height: 180px;overflow: auto;font-size: 18px;line-height: 30px;color: #1d1d1d;font-weight: 300;padding-right: 20px;}
.header .pNavSub .wrap .prodTextList li a:hover,
.header .pNavSub .wrap .prodTextList li .on a{color: #e62129;}

.header .pNavSub .wrap .prodTextList li dl::-webkit-scrollbar{width:3px;height:3px}
.header .pNavSub .wrap .prodTextList li dl::-webkit-scrollbar-button:vertical{display:none}
.header .pNavSub .wrap .prodTextList li dl::-webkit-scrollbar-corner,
.header .pNavSub .wrap .prodTextList li dl::-webkit-scrollbar-track{background-color:#fff}
.header .pNavSub .wrap .prodTextList li dl::-webkit-scrollbar-thumb{border-radius:0;background-color:#e7e7e7; }
.header .pNavSub .wrap .prodTextList li dl::-webkit-scrollbar-thumb:vertical:hover{ }
.header .pNavSub .wrap .prodTextList li dl::-webkit-scrollbar-thumb:vertical:active{ } */

.header .nav .nLi{position: relative;}
.header .nav .nLi .pNavSub1{position: absolute;left: 0;top: 100px;width: 366px;display: none;}
.header .nav .nLi .pNavSub1 .ul{padding: 15px 0;width: 366px;background: #fff;border: 1px solid #797979;}
.header .nav .nLi .pNavSub1 .ul > li{position: relative;padding: 20px 18px 0;}
.header .nav .nLi .pNavSub1 .ul > li:first-child{padding-top: 0;}
.header .nav .nLi .pNavSub1 .ul  li a{display: block;font-size: 18px;color: #333;line-height: 30px;}
.header .nav .nLi .pNavSub1 .ul  li.hasNav:hover h5 a,
.header .nav .nLi .pNavSub1 .ul  li a:hover{color: #e60012;}
.header .nav .nLi .pNavSub1 .ul > li:first-child .innerList{top: -16px;}
.header .nav .nLi .pNavSub1 .ul .innerList{display: none;position: absolute;top: 0;left: 100%;/* margin-left: -1px; */}
.header .nav .nLi .pNavSub1 .ul .innerList li a{font-size: 16px;line-height: 24px;padding: 3px 0;}

.pageStyle ul,.pageStyle ul li{list-style-type: disc;list-style-position:inside;} 
.pageStyle table{margin: 0 auto;border-collapse:collapse;word-wrap: break-word !important;word-break: break-all !important; width: 100% !important;margin: 0 auto !important;}
.pageStyle table td{word-break: break-all;}

.cPoroTop .btm .btnWrap a{height: 40px;line-height: 40px;margin: 0 24px;padding: 0 24px;font-size: 18px;}
.cPoroTop .btm .btnWrap a img{height: 28px;}

.footer .btm .text{font-size: 14px;line-height: 20px;}
.header .nav .nLi h3 a,.footer .fNav dl dt{font-size: 16px;}

.pageStyle,.cPoroTop .btm .text,.aboutWrap .item2 ul li .txt{font-size: 14px;line-height: 24px;font-family: "Arial";}
.contProd .item2 .container{max-width: 1290px;margin: 0 auto;}

.aboutWrap .item1 .pageStyle{max-width: 1000px;margin: 0 auto;}

.cPoroTop1{margin: 40px auto;}
.cPoroTop1 .prodScrollWrap{width: 57.5%;}
.cPoroTop1 .prodScroll{position: relative;overflow: hidden;width: 100%;margin-bottom: 10px;}
.cPoroTop1 .prodScroll .swiper-slide .pic{height: 452px;text-align: center;line-height: 452px;height: 0;padding-bottom: 52.8%;position: relative;}
.cPoroTop1 .prodScroll .swiper-slide .pic em{position: absolute;left: 0;top:0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;}
.cPoroTop1 .prodScroll .swiper-slide .pic img{max-width: 100%;max-height: 100%;}
.cPoroTop1 .thumbnail{width: 100%;position: relative;overflow: hidden;}
.cPoroTop1 .thumbnail .swiper-slide{width: auto;cursor: pointer;}
.cPoroTop1 .thumbnail .pic{height: 102px;position: relative;overflow: hidden;}
.cPoroTop1 .thumbnail .pic img{height: 100%;width: auto;}
.cPoroTop1 .thumbnail .pic:before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top:0;box-sizing:border-box;border:1px solid #e70012;opacity: 0;}
.cPoroTop1 .thumbnail .on .pic:before{opacity: 1;}
.cPoroTop1 .prodDesc{width: 36.1%;}
.cPoroTop1 .prodDesc .ul{padding-top: 120px;padding-top: 60px;}
.cPoroTop1 .prodDesc .ul li{width: 45%;margin-bottom: 18px;}
.cPoroTop1 .prodDesc .ul li a{display: block;border:1px solid #818181;border-radius: 28px;text-align: center;font-size: 13px;color: #818181;
font-weight: bold;text-transform: uppercase;line-height: 42px;}
.cPoroTop1 .prodDesc .ul li a img{margin-right: 6px;height: 20px;}
.cPoroTop1 .prodDesc .ul li a.on:hover{border-color: #e60012;background: #e60012;color: #fff;}
.cPoroTop1 .prodDesc .ul li a.on:hover img{filter: brightness(0) invert(1);}
.cPoroTop1 .prodDesc .ul li a.on{border-color: #818181;background: #818181;color: #fff;}

.cPoroTop1 .prodDesc .ul li a.on:hover img,
.cPoroTop1 .prodDesc .ul li a.on img{filter: brightness(0) invert(1);}

.cPoroTop1 .prodDesc .ul li a.scale:hover{-webkit-transform: scale(1.1);transform: scale(1.1); }



.cPoroTop1 .prodDesc .prodName{font-size: 18px;line-height: 24px;color: #333;margin-bottom: 12px;}

.contProd .item2{padding-bottom: 40px;}
.contProd .item3{padding: 40px 0;}
.contProd .item5 .p3_1_form{padding: 40px 4.6%;}
.contProd .item6{padding: 20px 0 30px;}

.news_cont_bjq table{border-collapse:collapse;}
.news_cont_bjq table td{border:1px solid #ccc;padding: 4px;}

.prodChanel .item.left .pList li a h5{font-size: 16px;line-height: 24px;min-height: 48px;}
.prodChanel .item.left .pList li a .more{width: 168px;height: 42px;line-height: 40px;font-size: 15px;}

.prodList{padding: 30px 0;}
.prodList ul li{margin-bottom: 20px;width: 32%;margin-right: 2%;width: 24%;margin-right: 1.33%;}
.prodList ul li:nth-child(4n){margin-right: 0;}
.prodList ul li a{padding: 20px;}
.prodList ul li a h5{font-size: 16px;line-height: 28px;height: 56px;overflow: hidden;}
.prodList ul li a p{font-size: 14px;line-height: 24px;}
.prodList ul li a .more{width: 168px;height: 42px;line-height: 40px;font-size: 15px;}

.header .pNavSub .wrap .prodTextList li{padding: 40px 10px 28px;}
.header .pNavSub .wrap .prodTextList li dl{font-size: 14px;line-height: 24px;}
.header .pNavSub .wrap .prodTextList li dl a{padding: 3px 0;}

.float li i{border-color: #313131;}

.prodChanel .item.right .pList li a .more{margin: 0;width: 168px;height: 42px;line-height: 40px;font-size: 15px;border-width: 1px;}
.scrollControl .pageState em{border:none;line-height: 40px;}

.pageStyle, .cPoroTop .btm .text, .aboutWrap .item2 ul li .txt{text-align: left;}


.contProd .item1 ul{font-size: 0;text-align: center;}
.contProd .item1 ul li{display: inline-block;float: none;text-align: left;}


/*.cPoroTop1 .prodDesc .ul li a:hover,
.cPoroTop1 .prodDesc .ul li a.on{border-color: #b5b1b1;background: #9b9797;color: #fff;}
.cPoroTop1 .prodDesc .ul li a:hover img,
.cPoroTop1 .prodDesc .ul li a.on img{filter: brightness(0) invert(1);}*/


 textarea::-webkit-input-placeholder {
        /* WebKit browsers */
        color: #999;
    }



@media screen and (max-width: 1800px){
.homePage .container .outerSlider4 .mapWrap{-webkit-transform: scale(0.7) translateX(0); -moz-transform: scale(0.7) translateX(0); -ms-transform: scale(0.7) translateX(0); transform: scale(0.7) translateX(0);
-webkit-transform-origin:center center;transform-origin:center center;}
}
@media screen and (max-width: 1520px){
.w1490{margin: 0 auto;width: 90%;}
.header .logo img{height: 40px;}
.header .nav .nLi{padding: 0 20px;}
.header .select dt{padding: 0 35px 0 30px;background-size: 18px;font-size: 18px;}
.header .searchBtn{background-size: 18px;width: 30px;}

.homePage .container .outerSlider3 .wrap .title{margin-bottom: 44px;font-size: 54px;}
.homePage .container .outerSlider3 .wrap ul li h4{font-size: 50px;line-height: 68px;}
.homePage .container .outerSlider3 .wrap ul{margin-bottom: 90px;}

.homePage .container .outerSlider4 .mapWrap{-webkit-transform: scale(0.7) translateX(-10%); -moz-transform: scale(0.7) translateX(-10%); -ms-transform: scale(0.7) translateX(-10%); transform: scale(0.7) translateX(-10%);}

.aboutWrap .item1{padding: 40px 0;}
.aboutWrap .item2 ul{padding: 0;}

.aboutWrap .item4{height: 720px;overflow: hidden;}
.aboutWrap .item4 .logoList{padding: 45px 0 0;width: 1058px;margin: 0 auto;}
.aboutWrap .item4 .logoList .line{height: 110px;}
.aboutWrap .item4 .logoList dl dd{width: 110px;margin-left: 48px;}
.aboutWrap .item4 .logoList dl dd a{height: 108px;line-height: 108px;}
.aboutWrap .item4 .logoList .line1 dl{padding-left: 79px;}
.aboutWrap .item4 .logoList .line2 dl{top:-33px;}
.aboutWrap .item4 .logoList .line3 dl{padding-left: 79px;top:-66px;}
.aboutWrap .item4 .logoList .line4 dl{top:-99px;}
.aboutWrap .item4 .logoList .line5 dl{padding-left: 79px;top:-132px;}

.prodList ul li{/* width: 30%;margin-right: 5%; */margin-bottom: 20px;}

.contProd .item1 ul{padding: 20px;}
.contProd .item1 ul li{width: 32%;margin-right: 2%;}
.contProd .item1 ul li a{padding: 15px 50px 0 16px;height: 88px;}
.contProd .item1 ul li a i{right: 10px;-webkit-transform: scale(0.8);transform: scale(0.8);top:24px;}
.contProd .item1 ul li a h5{font-size: 18px;line-height: 28px;}
.contProd .item1 ul li a p{font-size: 14px;line-height: 30px;}

.cPoroTop .btm .btnWrap a{padding: 0 24px;margin: 0 20px;}

.cPoroTop1{margin: 40px auto;}

.footer .btm .text{font-size: 14px;line-height: 20px;}
.header .nav .nLi h3 a,.footer .fNav dl dt{font-size: 16px;}

.pageStyle,.cPoroTop .btm .text,.aboutWrap .item2 ul li .txt{font-size: 14px;line-height: 22px;}

.header .pNavSub .wrap .prodTextList li dl{font-size: 13px;}

.header .nav .nLi .pNavSub1 .ul li a{font-size: 16px;line-height: 24px;}
.header .nav .nLi .pNavSub1 .ul > li{padding: 16px 10px 0;}
.header .nav .nLi .pNavSub1 .ul .innerList li a{font-size: 15px;line-height: 20px;}

.prodListItem{margin-top: 40px;}
}


@media screen and (max-width: 1400px){
.header .logo{margin-right: 20px;}
.header .nav .nLi{padding: 0 18px;}
.footer .fNav dl{padding-left: 30px;}
.footer .fNav dl dd{font-size: 16px;}

.aboutWrap .item2 ul li{width: 32%;margin-left: 2%;}
.aboutWrap .item2 ul li .txt{font-size:15px;}

.footer .btm .text{font-size: 14px;line-height: 20px;}
.header .nav .nLi h3 a,.footer .fNav dl dt{font-size: 16px;}

.pageStyle,.cPoroTop .btm .text,.aboutWrap .item2 ul li .txt{font-size: 14px;line-height: 22px;}

/*.cPoroTop1 .prodScroll .swiper-slide .pic{height: 373px;line-height: 373px;}*/
.cPoroTop1 .prodDesc .ul{padding-top: 30px;}
}

@media screen and (max-width: 1320px){
.header .logo img{height: 34px;}
.header .nav{margin-right: 0;}
.header .nav .nLi h3 a{font-size: 18px;}
.header .select dt{padding: 0 25px 0 32px;}

.aboutWrap .item3 .container .pic{padding-bottom: 54.8%;}

.cPoroTop .title span{font-size: 30px;padding: 0 80px;}
.cPoroTop .title span:before,.cPoroTop .title span:after{width: 60px;}
.cPoroTop .title span:before{background-position: left center;}
.cPoroTop .title span:after{background-position: right center;}
.cPoroTop .subTitle{font-size: 20px;margin-bottom: 28px;}

.cPoroTop .btm .btnWrap a{margin: 0 20px;padding: 0 24px;font-size: 16px;height: 48px;line-height: 48px;}
.cPoroTop .btm .btnWrap a img{margin-right: 10px;height: 28px;}
.cPoroTop .btm .text{padding: 0;}

.contProd .item2 .tabs{padding: 0 0 20px;}
.contProd .item2 .tabs li{margin: 0 10px;}
.contProd .item2 .tabs li a{padding: 0 15px;line-height: 44px;height: 44px;font-size: 15px;}
.contProd .item2 .container .pageStyle .pic{margin-bottom: 20px;}

.contProd .item4 .container{margin: 0 0 40px;}

.pageStyle{font-size: 14px;line-height: 22px;}

}
@media screen and (max-width: 1200px){
.header .nav,.header .searchBtn{display: none;}
.header .menuIcon{display: block;}
.header .select{margin-right:50px;}
.homePage .container .innerScoll .swiper-slide .videoWrap .text h5{font-size: 60px;}
.homePage .container .innerScoll .swiper-slide .videoWrap .text p{font-size: 24px;margin-bottom: 20px;}
.homePage .container .innerScoll .swiper-slide .videoWrap .text .btn{width: 200px;height: 40px;line-height: 40px;font-size: 15px;}
.homePage .container .innerScoll .swiper-slide .videoWrap .nextBtn{width: 66px;height: 66px;background-size: 100%;}
.homePage .container .innerScoll .swiper-slide .num{font-size: 60px;}

.homePage .container .outerSlider4 .mapWrap{-webkit-transform: scale(0.6) translateX(-20%);-moz-transform: scale(0.6) translateX(-20%);-ms-transform: scale(0.6) translateX(-20%);transform: scale(0.6) translateX(-20%);}

.aboutWrap .item2 ul li h5{font-size: 40px;line-height: 44px;padding-bottom: 15px;margin-bottom: 15px;}
.aboutWrap .item2 ul li .txt{font-size: 13px;}

.aboutWrap .item4{height: auto;padding: 50px 0;}
.aboutWrap .item4 .logoList{display: none;}
.aboutWrap .item4 .logoList dl dd,.aboutWrap .item4 .logoList dl dd a{-webkit-transform: rotateZ(0); -moz-transform: rotateZ(0); -ms-transform: rotateZ(0); transform: rotateZ(0);}
.aboutWrap .item4 .logoList .line{height: auto;display: inline-block;}
.aboutWrap .item4 .logoList .line dl{position: relative;top:0 !important;display: inline-block;width: auto;}
.aboutWrap .item4 .logoList dl{text-align: center;padding-left: 0 !important;}
.aboutWrap .item4 .logoList dl dd{display: inline-block;float: none;margin: 0 15px 15px;}
.aboutWrap .item4 .wapLogoList{display: block;}

.nyWrap{padding: 50px 0;}
.nyNav{display: none;}
.prodChanel .item{width: 100%;}
.prodChanel .item.left{margin-bottom: 60px;}
.prodChanel .item.left .pList{padding-top: 40px;}
.prodChanel .item .title{margin-bottom: 30px;}
.prodChanel .item .title{font-size: 20px;padding-bottom: 0;margin-bottom: 20px;}
.prodChanel .item.left .pList{padding-top: 20px;}
.prodChanel .item.left .pList li a .pic{height: 180px;line-height: 180px;margin-bottom: 15px;}
.prodChanel .item.left .pList li a h5{font-size: 15px;line-height: 25px;min-height: 50px;}
.prodChanel .item.left .pList li a .more{width: 140px;height: 38px;line-height: 36px;font-size: 15px;}

.prodList ul li{width: 32%;margin-right: 2%;margin-bottom: 2%;}
.prodList ul li:nth-child(3n){margin-right: 0;}
.prodList ul li:nth-child(4n){margin-right: 2%;}
.prodList ul li a{padding: 10px 20px 30px;}
.prodList ul li a .pic{height: 200px;line-height: 200px;}
.prodList ul li a h5{font-size: 16px;line-height: 28px;}
.prodList ul li a p{font-size: 12px;line-height: 18px;}
.prodList ul li a p{margin-bottom: 20px;}
.prodList ul li a .more{width: 140px;height: 32px;line-height: 30px;font-size: 15px;}

.contProd .item2{padding: 10px 0 40px;}

.contProd .item6{padding: 30px 0;}
.contProd .item6 ul{padding: 20px 0 0;}
.contProd .item6 ul li{width: 32%;margin-right: 2%;}
.contProd .item6 .wrap .pic{height: 220px;line-height: 220px;}
.contProd .item6 .wrap .text i{width: 40px;height: 40px;right: 10px;}
.contProd .item6 .wrap .text{padding: 16px 60px 30px 12px;}
.contProd .item6 .wrap .text h5{font-size: 15px;}

.contProd .item6 .cProdTit{font-size: 24px;line-height: 34px;padding: 15px 0;}

.contProd .item3{padding: 40px 0;}
.contProd .item3 .w1490{padding: 0;}
.aboutWrap .item1{padding: 40px 0;}

.cPoroTop1 .prodScrollWrap,.cPoroTop1 .prodDesc{width: 100%;}
.cPoroTop1 .prodDesc{margin-top: 20px;}
.cPoroTop1 .prodDesc .ul{padding-top: 30px;}


.prodChanel .item.right .pList li a .more{width: 140px;height: 38px;line-height: 36px;font-size: 15px;}

}


@media screen and (max-width: 1024px){
.homePage .container .outerSlider3 .wrap ul li p{display: none;}
.homePage .container .outerSlider4 .mapWrap,.homePage .container .outerSlider4{display: none;}
.homePage .container .outerSlider4 .wapMap{display: block;}
.footer .fNav{display: none;}

.p5Banner a{height: 0;padding-bottom: 48%;}
.cPoroTop .scrollWrap{padding: 0 80px;}
.cPoroTop .scrollWrap .thumbnail{display: none;}
.cPoroTop .scrollWrap .btn.prev{left: 0;}
.cPoroTop .scrollWrap .btn.next{right:0;}
.cPoroTop .prodScroll .swiper-slide{height: 280px;line-height: 280px;}

.cPoroTop .btm .btnWrap a{margin: 0 12px;padding: 0 12px;font-size: 13px;height: 40px;line-height: 40px;}
.cPoroTop .btm .btnWrap a img{margin-right: 5px;height: 20px;}
.cPoroTop .btm .text{font-size: 15px;line-height: 24px;}
.cPoroTop .title{margin-bottom: 5px;}
.cPoroTop .title span{font-size: 22px;line-height: 34px;padding: 0 50px;}
.cPoroTop .title span:before, .cPoroTop .title span:after{width: 40px;}
.cPoroTop .subTitle{font-size: 16px;line-height: 20px;margin-bottom: 20px;}

.contProd .item2 .tabs li{width: 31%;margin: 0 1%;float: left;box-sizing:border-box;}
.contProd .item2 .tabs li a{display: block;padding: 0;}
.contProd .item2 .tabs li a{font-size: 12px;height: auto;line-height: 36px;}

.contProd .item4 .container ul li{width: 49.5%;margin-right: 0;}
.contProd .item4 .container ul li:nth-child(3n){display: none;}
.contProd .item4 .container ul li:nth-child(2){float: right;}


.contProd .item6 ul li{width: 48%;margin-right: 0;}
.contProd .item6 ul li:nth-child(3){display: none;}
.contProd .item6 ul li:nth-child(2){float: right;}

.prodListItem{margin-top: 28px;}
.prodListItem .prodTitle{margin-bottom: 18px;}
.prodListItem .prodTitle h4{padding-left: 15px;}
.prodListItem .prodTitle .tit{font-size: 20px;line-height: 32px;}
.prodListItem .prodTitle .tit:before{width: 4px;height: 22px;top: 6px;}
.prodListItem .prodTitle .subTitle{font-size: 16px;line-height: 24px;}
}

@media screen and (max-width: 768px){
.header .logo{height: 66px;line-height: 66px;}
.header .logo img{height: 32px;}


.header .select dt{height:66px;line-height:66px;}
.header .select dd{top:66px;}

/*.homePage .container .innerScoll .swiper-slide .picWrap{display: none;}
.homePage .container .innerScoll .swiper-slide .videoWrap .text{padding: 66px 5% 0;text-align: center;}
.homePage .container .innerScoll .swiper-slide .videoWrap .text .wrap{width: 100%;}
.homePage .container .innerScoll .swiper-slide .videoWrap .text .btn{margin: 0 auto;}

.homePage .container .swiper-slide-active .innerScoll .swiper-slide.swiper-slide-active .videoWrap .text h5{-webkit-transition:all 0.3s linear 0.6s;transition:all 0.3s linear 0.6s;}
.homePage .container .swiper-slide-active .innerScoll .swiper-slide.swiper-slide-active .videoWrap .text p{-webkit-transition:all 0.3s linear 1.0s;transition:all 0.3s linear 1.0s;}
.homePage .container .swiper-slide-active .innerScoll .swiper-slide.swiper-slide-active .videoWrap .text .btn{-webkit-transition:all 0.3s linear 1.4s;transition:all 0.3s linear 1.4s;}

.homePage .container .innerScoll .swiper-slide{display: block;}
.homePage .container .innerScoll .swiper-slide .videoWrap{width: 100%;}

.homePage .container .swiper-slide-active .innerScoll .swiper-slide.swiper-slide-active .picWrap{display: block;width: 100%;height: 60%;}
.homePage .container .innerScoll .swiper-slide .picWrap .pic,
.homePage .container .swiper-slide-active .innerScoll .swiper-slide.swiper-slide-active .picWrap .pic{height: 100%;}
.homePage .container .innerScoll .swiper-slide .picWrap .pic{position: absolute;left: 0;top:0;}
.homePage .container .innerScoll .swiper-slide .num{display: none;}
.homePage .container .innerScoll .swiper-slide .videoWrap{width: 100%;height: 40%;position: absolute;left: 0;bottom: 0;}
.homePage .container .innerScoll .swiper-slide .videoWrap .text p{display: none;}
.homePage .container .innerScoll .swiper-slide .picWrap .pic a{display: block;width: 100%;height: 100%;display: flex;
align-items: center;justify-content: center;}
.homePage .container .innerScoll .swiper-slide .videoWrap video{display: none;}
.homePage .container .innerScoll .swiper-slide .videoWrap .text h5{font-size: 26px;line-height: 34px;}
.homePage .container .innerScoll .swiper-slide .videoWrap .text{padding: 0 5%;}
.homePage .container .innerScoll .swiper-slide .videoWrap .text .btn{margin-top: 20px;}*/


.homePage .container .outerSlider6{display: block;}
.homePage .container .outerSlider2{display: none;}


.homePage .container .outerSlider3 .wrap .title{font-size: 34px;line-height: 44px;margin-bottom: 50px;}
.homePage .container .outerSlider3 .wrap ul li h5{font-size: 14px;}
.homePage .container .outerSlider3 .wrap ul li h4{font-size: 44px;}
.homePage .container .outerSlider3 .wrap ul{margin-bottom: 80px;}

.homePage .container .outerSlider5 .btnWrap{display: block;}

.mapBtn{width: 280px;height: 40px;line-height: 40px;font-size: 14px;border-radius: 20px;margin-left: -120px;}

.footer .btm .share{margin-bottom: 20px;}
.footer .btm .share a{margin: 0;-webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8);}

.pageStyle{font-size: 15px;line-height: 28px;}
.p5Banner i{width: 60px;height: 60px;margin: -30px 0 0 -30px;}
.nyTitle{margin-bottom: 15px;font-size: 24px;line-height: 34px;}
.aboutWrap{padding-top: 66px;}

.aboutWrap .item1{padding: 40px 0;}
.aboutWrap .item1 .pageStyle .mrgBtm{margin-bottom: 15px;}


.aboutWrap .item2{padding: 30px 0;}
.aboutWrap .item2 ul li{width: 30%;margin-left: 5%;}
.aboutWrap .item2 ul li .txt{font-size: 12px;line-height: 18px;}


.aboutWrap .item5 .container{padding: 20px 0 35px;margin-bottom: 20px;}
.aboutWrap .item5 .container .swiper-pagination{display: block;bottom: 0;}
.more{width: 160px;border-width: 1px;height: 44px;line-height: 44px;font-size: 15px;}

.prodList ul li{width: 48%;margin-bottom: 4%;margin-right: 0;}
.prodList ul li:nth-child(2n){float: right;}
.prodList ul li:nth-child(4n){margin-right: 0;}
.prodList ul li a .more{width: 108px;font-size: 12px;height: 28px;line-height: 28px;}

.padTop{padding-top: 66px;}

.contProd .item1 ul li{width: 100%;margin-right: 0;margin-bottom: 15px;}
.contProd .cProdTit{font-size: 24px;line-height: 50px;padding: 20px 0 10px;margin-bottom: 0;}

.contProd .item4{padding: 10px 0 30px;}
.contProd .item4 .pc{display: none;}
.contProd .item4 .wap{display: block;}
.contProd .item4 .container{margin-bottom: 20px;padding-top: 0;}
.contProd .item4 .container .wrap .text .left{font-size: 14px;}
.contProd .item4 .container .wrap .text .right{font-size: 12px;width: 30%;}
.contProd .item4 .container .wrap .text{padding: 20px;}

.contProd .item3{padding: 30px 0;}
.contProd .p3_1_form{padding: 30px 0;}


.searchResult{display: block;}
.NlistMainRight ul li span{height: auto;max-height: 50px;}

.cPoroTop .btm .btnWrap a{width: 100%;margin: 0 0 5px;box-sizing:border-box;}

.pageStyle,.cPoroTop .btm .text,.aboutWrap .item2 ul li .txt{font-size: 14px;line-height: 22px;}

/*.cPoroTop1 .prodScroll .swiper-slide .pic{height: 300px;line-height: 300px;}*/
.cPoroTop1 .thumbnail .pic{height: 68px;}

.cPoroTop1 .prodDesc .ul li a{font-size: 12px;line-height: 44px;}
/*.cPoroTop1 .prodDesc .ul li a img{height: 30px;}*/

.cPoroTop1{margin: 20px auto;}


}

@media screen and (max-width: 468px){
/*.homePage .container .innerScoll .swiper-slide .videoWrap .text h5{font-size: 32px;line-height: 44px;}*/
.homePage .container .innerScoll .swiper-slide .videoWrap .nextBtn{display: none;}
.homePage .container .outerSlider3 .wrap .title{margin-bottom: 20px;font-size: 32px;}
.homePage .container .outerSlider3 .wrap ul{margin-bottom: 20px;}
.homePage .container .outerSlider3 .wrap ul li{width: 100%;margin: 0 0 20px;}
.homePage .container .outerSlider3 .wrap ul li h4{font-size: 30px;line-height: 40px;}
.homePage .container .outerSlider3 .wrap .btn{width: 180px;height: 40px;line-height: 38px;font-size: 13px;}
.homePage .container .outerSlider4{display: none;}
.homePage .container .outerSlider4 .watermark{font-size: 120px;line-height: 120px;margin-top: -60px;display: none;}
.homePage .container .outerSlider5 .btnWrap{display: block;}
.mapBtn{position: static;margin: 60px auto;}
.footer .btm .text{font-size: 14px;line-height: 24px;}
.footer .btm .text p:first-child a{padding: 0 12px;}
.footer .btm .share a{margin: 0;-webkit-transform: scale(0.6); -moz-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6);}

.banner .swiper-slide a em.wap{display: block;}
.banner .swiper-slide a em.pc{display: none;}

.aboutWrap .item2{background-position: 80% bottom;}
.aboutWrap .item2 ul li{width: 100%;margin: 0 0 15px;}
.aboutWrap .item2 ul li:last-child{margin-bottom: 0;}
.aboutWrap .item2 ul li h5{font-size: 34px;line-height: 40px;}

.aboutWrap .item3{margin-bottom: 20px;}
.aboutWrap .item3 .container{margin-bottom: 20px;}
.aboutWrap .item3 .container .pic{margin-bottom: 12px;}
.aboutWrap .item3 .container .title{font-size: 16px;line-height: 24px;}

.scrollControl{width: 220px;}
.scrollControl .pageState{margin-left: 30px;line-height: 30px;font-size: 20px;}
.scrollControl .pageState em{width: 30px;height: 30px;border-width: 1px;line-height: 28px;line-height: 30px;}
.scrollControl .btn{width: 30px;height: 30px;line-height: 30px;}
.scrollControl .btn img{height: 24px;}

.aboutWrap .item4{padding: 30px 0;}
.aboutWrap .item4 .wapLogoList ul li{width: 24%;margin: 0 1.33% 1.33% 0;}
.aboutWrap .item4 .wapLogoList ul li:nth-child(5n){margin-right: 1.33%;}
.aboutWrap .item4 .wapLogoList ul li:nth-child(4n){margin-right: 0;}

.aboutWrap .item5{padding: 30px 0;}
.aboutWrap .item5 .container{padding-top: 0;}

.prodChanel .item.left{margin-bottom: 20px;}
.prodChanel .item.left .pList li a .pic{height: 100px;line-height: 100px;}
.prodChanel .item.left .pList li a h5{font-size: 13px;line-height: 20px;min-height: 40px;}
.prodChanel .item.left .pList li a .more{width: 120px;height: 34px;line-height: 32px;font-size: 12px;}

.prodChanel .item.right .pList li a{min-height: auto;padding-bottom: 50px;}
.prodChanel .item.right .pList li a .pic{width: 60%;height: 106px;}
.prodChanel .item.right .pList li a .pic img{position: absolute;right: 0;bottom: 0;max-width: 100%;max-height: 100%;max-height: 80%;}
.prodChanel .item.right .pList li a i{width: 32px;height: 32px;}
.prodChanel .item.right .pList li a h5{margin-bottom: 14px;font-size: 16px;line-height: 28px;}

.prodChanel .item .title{font-size: 18px;line-height: 24px;padding-bottom: 10px;}
/* .prodList ul li{width: 100%;} */
.prodList ul li a{padding: 10px;}
.prodList ul li a .pic{height: 100px;line-height: 100px;}
.prodList ul li a .more{font-size: 13px;}
.prodList ul li a h5{line-height: 22px;height: 44px;margin-bottom: 12px;}

.cPoroTop{padding: 30px 0;}
.cPoroTop .title span{padding: 0;font-size: 18px;line-height: 28px;}
.cPoroTop .title span:before,.cPoroTop .title span:after{display: none;}
.cPoroTop .scrollWrap{padding: 0 60px;margin-bottom: 10px;}
.cPoroTop .scrollWrap .btn.next img,.cPoroTop .scrollWrap .btn.prev img{height: 20px;}
.cPoroTop .prodScroll .swiper-slide{height: 140px;line-height: 140px;}
.cPoroTop .btm .btnWrap{margin-bottom: 20px;}
.cPoroTop .btm .btnWrap a{width: 48%;margin: 0 1% 3%;box-sizing:border-box;height: 34px;line-height: 34px;font-size: 12px;}
.cPoroTop .btm .btnWrap a img{margin-right: 12px;}

.contProd .item1 ul{padding: 12px;}
.contProd .item1 ul li a h5{font-size: 16px;
overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.contProd .item2 .tabs{border-bottom: 1px solid #dadada;margin-bottom: 20px;padding-bottom: 0;}
.contProd .item2 .tabs li{width: 33.33%;margin: 0;}
.contProd .item2 .tabs li a{border:none;padding: 0;height: auto;font-size: 12px;line-height: 20px;padding-bottom: 6px;position: relative;min-height: 40px;}
.contProd .item2 .tabs li a:before{content: "";width: 100%;height: 1px;position: absolute;left: 0;bottom: -1px;background: #e60012;transform: scaleX(0);
-webkit-transform: scaleX(0);opacity: 0;visibility: hidden;}
.contProd .item2 .tabs li.active a:before{transform: scaleX(1);-webkit-transform: scaleX(1);opacity: 1;visibility: visible;}

.contProd .item6 ul li{width: 100%;margin-bottom: 20px;}
.contProd .item6 .cProdTit{font-size: 18px;line-height: 24px;padding-bottom: 0;}
.contProd .item6 .wrap .pic{height: 180px;line-height: 180px;}

.cPoroTop .btm .btnWrap a{width: 100%;margin: 0 0 5px;box-sizing:border-box;}

.pageStyle,.cPoroTop .btm .text,.aboutWrap .item2 ul li .txt{font-size: 14px;line-height: 22px;}

.cPoroTop1 .prodDesc .ul li{width: 100%;margin-bottom: 8px;}

.cPoroTop1 .prodDesc .prodName{font-size: 16px;}

.path{font-size: 14px;line-height: 26px;padding: 8px 0;}

.prodChanel .item.right .pList li a .more{width: 120px;height: 34px;line-height: 32px;font-size: 12px;}
}