@charset "utf-8";
body{ overflow-x:hidden;}
body{ color:#333; height:auto; box-sizing:border-box; font-size:16px; }
.course{-moz-user-select: none; /*火狐*/
-webkit-user-select: none;  /*webkit浏览器*/
-ms-user-select: none;   /*IE10*/
-khtml-user-select: none; /*早期浏览器*/
user-select: none;}
a{ color:#2e3348; text-decoration:none;}
a:hover{ text-decoration:none; color:#a09253;}
i,em{ font-style:normal;}

.slick-arrow,
.atlasTab .pd,
.more,
.iNews .pd,
.iConcept .i,
.subNav .h3,
.news_pg a,
.partner_list .pd,
.partner_list .pd:before,
.partner_list .text:before,
.partner_list .em,
.advantage .pd,
.advantage .pd .num,
.advantage .pd .h3,
.advantage .pd .em,
.advantage .pd .b,
.advantage .pd .p,
.proList2 .pd,
.proList2 .pd .text,
.proList1 .pd .text,
.proList1 .pd .p,
.partner_list .h3,
.logo img,
.header,
.logo,
.news_list .pd{
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}


.iAbout .nimg img,
.iCooperation .img img,
.iJoin .img img,
.iNews .img img,
.iBanner .img img{
-webkit-transition: all 2s ease-out;
-moz-transition: all 2s ease-out;
-ms-transition: all 2s ease-out;
-o-transition: all 2s ease-out;
transition: all 5s ease-out;
}


.iAbout .nimg,
.iCooperation .img,
.iJoin .img,
.iNews .img,
.iBanner .img{ overflow:hidden;}

.iAbout .nimg:hover img,
.iCooperation .img:hover img,
.iJoin .img:hover img,
.iNews .pd:hover .img img{ transform:scale(1.2,1.2);}



.slick-arrow,
.menu .h3 em,
.menu .h3 i{
font-family:"iconfont" !important; font-size:16px; font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
}

.menu-link{
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.menu-link *{box-sizing: border-box;}
.menu-link { display:none; border-radius:5px; box-sizing: border-box; position:absolute; top:50%; margin-top:-20px; right:-8px;font-size: 11px;z-index: 10;width:40px;height:40px; padding:8px;}
.menu-link:hover,
.menu-link:focus {}
.menu-link span {position: relative;display: block;margin-top:10px;}
.menu-link span,
.menu-link span:before,
.menu-link span:after {background-color: #fff;width: 100%;height:3px;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;}
.menu-link span:before,
.menu-link span:after {position: absolute;top: -.55em;content: " ";}
.menu-link span:after {top: .55em;}
.menu-link.active span {background: transparent;}
.menu-link.active span:before { background-color:#c4b275;
-webkit-transform: rotate(45deg) translate(.5em, .4em);
-moz-transform: rotate(45deg) translate(.5em, .4em);
-ms-transform: rotate(45deg) translate(.5em, .4em);
-o-transform: rotate(45deg) translate(.5em, .4em);
transform: rotate(45deg) translate(.5em, .4em);
}
.menu-link.active span:after { background-color:#c4b275;
-webkit-transform: rotate(-45deg) translate(.4em, -.3em);
-moz-transform: rotate(-45deg) translate(.4em, -.3em);
-ms-transform: rotate(-45deg) translate(.4em, -.3em);
-o-transform: rotate(-45deg) translate(.4em, -.3em);
transform: rotate(-45deg) translate(.4em, -.3em);
}

.slick-slide img{ width:100%; height:auto; display:block;}

.slick-slide img{ width:100%; height:auto; display:block;}
.slick-dots{ position:absolute; left:50%; bottom:0px; transform: translateZ(0);}
.slick-dots li{ float:left; margin:0 6px;}
.slick-dots li button{ display:block; border:none; padding:0px; width:12px; height:12px; border-radius:50%; text-indent:-99px; overflow:hidden; background:#363c4d; box-sizing:border-box;}
.slick-dots li.slick-active button{ background:#a09253;}

.slick-arrow{position:absolute; top:50%; z-index:2; height:60px; margin-top:-30px; line-height:60px; width:60px; text-align:center; padding:0px; border:none; color:rgba(255,255,255,0.5); overflow:hidden; font-size:0px; z-index:2; background:none;font-size:40px;}
.slick-prev{ left:30px;}
.slick-prev:before{ content: "\e818";}
.slick-next{ right:30px;}
.slick-next:before{ content: "\e816";}
.slick-arrow:hover{ color:#ed6d00;}

.wp{ width:1400px; margin:0 auto; position: relative; max-width:1920px;}

.subNav{ position:fixed; right:10px; top:50%; width:78px; z-index:9; margin-top:-162px;}
.subNav li{ margin-bottom:1px; position:relative;}
.subNav .h3{ background:#2f3449; text-align:center; padding:10px 0;}
.subNav .h3 a{ color:#fff;}
.subNav .h3 i{ display:block; line-height:1; padding-bottom:8px; font-size:24px;}
.subNav .h3 span{ display:block; line-height:1; font-size:12px;}
.subNav li:hover .h3{ background:#a09253;}

.subNav .li1 .box{ position:absolute; right:100%; height:64px; line-height:64px; background:#a09253; background-size:100% 100%; text-align:center; font-size:22px; color:#fff; font-weight:bold; width:0px; bottom:0px; overflow:hidden;}
.subNav .li1 .box a{ display:block; color:#fff;}
.subNav .li1:hover .box{ width:200px;}
.subNav .li3 .box{ position:absolute; right:100%; height:159px; background:#ff6519; box-shadow:0 0 5px rgba(0,0,0,0.3); text-align:center; font-size:22px; color:#fff; font-weight:bold; width:0px; bottom:0px; overflow:hidden;}
.subNav .li3 .box img{ display:block; width:159px; height:159px;}
.subNav .li3:hover .box{ width:159px;}

.header{ position:absolute; left:0px; top:0px; right:0px; z-index:9;}
.logo{ position:absolute; width:78px; left:50%; top:12px; margin-left:-39px;}
.logo img{ width:100%; height:auto; display:block;}
.logo .img1{ display:block;}
.logo .img2{ display:none;}

.menu{ padding-top:26px;}
.menu li{ float:left; margin-right:95px; position:relative;}
.menu li:nth-child(4){ margin-right:388px; }
.menu .h3{ position:relative;}
.menu .h3 a{  color:rgba(255,255,255,0.9); line-height:40px; height:40px; display:block; text-shadow:0 0 1px rgba(0,0,0,1);}

.menu li.curr .h3 a,
.menu li:hover .h3 a{ color:#fff;}

.menu .box{ position:absolute; top:100%; display:none; width:140px; left:50%; margin-left:-70px; background:#2f3449; border-radius:8px; box-shadow:2px 2px 5px rgba(0,0,0,0.3); padding:10px 0; text-align:center;}
.menu .box a{ display:block; font-size:14px; color:#fff; height:40px; line-height:40px;}
.menu .box:before{ content:''; position:absolute; left:50%; top:-8px; margin-left:-6px; content:''; width:0; height:0; border-left:6px solid transparent; border-right:6px solid transparent; border-bottom:8px solid #2f3449;}
.menu .box a:hover{ background:#fff; color:#2f3449;}
.menu li:hover .box{ display:block;}

.menu .h3 em{ display:none; position:absolute; color:#fff; right:30px; margin-right:-10px; top:0px; width:40px; height:40px; text-align:center; line-height:40px; cursor:pointer;}
.menu .h3 em:before { content: "\e7f9"; }
.menu .h3 i{ display:none; position:absolute; color:#fff; right:30px; margin-right:-10px; top:0px; width:40px; height:40px; text-align:center; line-height:40px; cursor:pointer;}
.menu .h3 i:before { content: "\e604"; }
.menu .h3 i.active:before { content: "\e606"; }



.top_search{ position:absolute; right:0px; top:26px;}
.top_search i{ color:#fff; cursor:pointer; font-size:20px; display:block; width:40px; height:40px; line-height:40px; text-align:center;}
.top_search .i{position:absolute; display:block; cursor:pointer; right:0px; top:0px; height:40px; line-height:40px; width:40px; z-index:2; text-align:center; font-size:20px;}
.top_search .pd{ position:relative;}
.top_search .box{ display:none; position:absolute; top:0px; right:0px; width:280px;}

.ipt_t1{ display:block; width:100%; border:1px solid #fff; border-bottom:1px solid #ccc; background:#fff; height:40px; padding:0 40px;  box-sizing:border-box; line-height:40px; font-size:14px; border-radius:8px;}
.ipt_b1{ position:absolute; left:0px; top:0px; width:40px; height:40px; line-height:40px; text-align:center; border:1px solid #fff; border-bottom:1px solid #ccc; cursor:pointer; box-sizing:border-box; background:#fff; font-size:20px; border-radius:8px;}

.body_fix2{ padding-top:60px;}

.body_fix .header,
.body_fix2 .header{ background:#2f3449; position:fixed; box-shadow:0 0 3px rgba(255,255,255,0.1);}
.body_fix .header .wp,
.body_fix2 .header .wp{ height:60px;}
.body_fix .logo,
.body_fix2 .logo{ width:50px; height:50px; overflow:hidden; top:5px; margin-left:-25px;}
.body_fix .menu,
.body_fix2 .menu{ padding-top:0px;}
.body_fix .menu .h3 a,
.body_fix2 .menu .h3 a{ height:60px; line-height:60px;}
.body_fix .menu .box,
.body_fix2 .menu .box{ border-radius:0 0 8px 8px;}
.body_fix .top_search,
.body_fix2 .top_search{ top:50%; margin-top:-20px;}

.iBanner,
.iBanner .img img{ height:100vh;}
.iBanner .slick-slide{ position:relative;}
.iBanner .slick-dots{ bottom:58px; transform: translateZ(0); margin-left:-700px;}
.iBanner .slick-dots li{ margin:0 38px 0 0;}
.iBanner .slick-dots button{ background:#fff;}
.iBanner .text{ position:absolute; left:0px; top:90px; bottom:0px; right:0px; text-align:center; color:#fff;}
.iBanner .h3{ font-size:48px; line-height:1; margin-bottom:1.5em;}
.iBanner .em{ text-transform:uppercase; font-family: dtr; font-size:48px; letter-spacing:1em; line-height:1; margin-bottom:1.5em;}
.iBanner .i{ width:312px; margin:0 auto;}
.iBanner .i img{ opacity:0.8;}






.tit1{ color:#42475a; line-height:1; text-align:center; margin-bottom:60px;}
.tit1 strong{ font-size:36px; font-weight:normal; display:block; margin-bottom:20px;}
.tit1 em{ font-size:50px; display:inline-block; position:relative; font-family:dtr; padding-top:20px; border-top:1px solid #ddd;}
.tit1 em:before{ content:''; position:absolute; left:50%; top:0px; margin:-5px 0 0 -5px; box-shadow:0 0 0 10px rgba(255,255,255,1); width:10px; height:10px; background:#ddd; transform:rotate(45deg);}

.iCon{ padding:120px 0;}
.iCon1{ background:#fff; padding-bottom:0px !important;}
.iConcept{}
.iConcept .slick-dots{ transform:translateX(-72px);}
.iConcept .single-item{ margin-right:-144px;}
.iConcept .pd{ margin-right:144px; padding-bottom:70px; position:relative;}
.iConcept .img{}
.iConcept .text{ position:absolute; bottom:30px; background:#fff; left:40px; right:40px; box-shadow:3px 0 21px rgba(0,0,0,0.1); padding:60px 20px 30px 20px; text-align:center;}
.iConcept .i{ width:84px; height:84px; position:absolute; left:50%; margin:-42px 0 0 -42px; top:0px; text-align:center; line-height:84px; background:#42475a; border-radius:50%; color:#fff; font-size:40px;}
.iConcept .h3{ font-size:24px; margin-bottom:0.5em; line-height:1; color:#363c4d;}
.iConcept .p{  line-height:26px; height:52px; overflow:hidden; color:#999;}
.iConcept .pd:hover .i{ background:#a09253;}
.iConcept .pd:hover .h3{ color:#a09253;}

.tit2{ color:#42475a; line-height:1; margin-bottom:30px;}
.tit2 strong{ font-size:36px; font-weight:normal; display:block; margin-bottom:20px;}
.tit2 em{ font-size:50px; line-height:1.1; display:inline-block; position:relative; font-family:dtr;}

.more{ padding:0 20px; display:inline-block; height:42px; background:#363c4d; color:#fff; line-height:42px; border:1px solid #363c4d;}
.more span{ float:left; margin-right:20px;}
.more i{ float:left;}
.more:hover{ background:#a09253; color:#fff; border:1px solid #a09253}
.more1{ border-color:#2e3348; color:#2e3348; background:none;}
.more1:hover{ background:#2e3348; color:#fff; border-color:#2e3348;}

.iCon2{ background:#fff;}
.iAbout{}
.iAbout .img{ float:right; width:52.4581589958159%;}
.iAbout .imgp{  line-height:2.125; width:80%; padding-top:30px;}
.iAbout .text{ margin-right:52.4581589958159%; overflow:hidden;}
.iAbout .p{  line-height:2; height:96px; margin-bottom:40px; color:#2f3445;}
.iAbout .m{ margin-bottom:60px;}
.iAbout .i{ width:60%;}
.iAbout .i img{ width:100%; height:auto; display:block;}
.iAbout .pd{ width:430px; float:right; margin-right:223px;}

.iCon3{ background:url(../images/iCon3.jpg) no-repeat center center; background-size:cover;}
.iProTab{ height:36px; margin-bottom:25px;}
.iProTab strong{ float:left; font-size:36px; line-height:36px; font-weight:normal;}
.iProTab ul{ float:right;}
.iProTab li{ float:left; position:relative;}
.iProTab li a{ width:36px; height:36px; display:block; position:relative;}
.iProTab li span{ position:absolute; bottom:36px; width:120px; margin-left:-60px; left:50%; background:#a09253; color:#fff; border-radius:4px; text-align:center; display:none;}
.iProTab li i{ position:absolute; width:12px; height:12px; left:50%; top:50%; margin:-6px 0 0 -6px; background:#303446; border-radius:50%;}
.iProTab li.curr i,
.iProTab li:hover i{ background:#a09253;}
.iProTab li:hover span{ display:block;}

.iProCon{}
.atlas{}
.atlasTab{ /*width:1100px; */margin-bottom:70px;}
.atlasTab ul{ display:none;}
.atlasTab ul:first-child{ display:block;}
.atlasTab li{ float:left; margin-right:50px;}
.atlasTab .pd{ display:block; height:38px; line-height:38px; border-top:2px solid transparent; border-bottom:2px solid transparent; float:left;  color:#2f3445; cursor:pointer;}
.atlasTab .curr .pd{ border-top-color:#c4b275; border-bottom-color:#c4b275; font-weight:bold; color:#c4b275;}
.atlasTab .pd:hover{ color:#c4b275;}

.atlasFor{}
.atlasFor .pd{ display:block;}
.atlasFor .img{ width:50%; float:left;}
.atlasFor .text{ margin-left:50%; padding:110px 156px 0 46px;}
.atlasFor .h3{ font-size:36px; line-height:1.2; margin-bottom:0.7em; color:#2f3445;}
.atlasFor .p{  line-height:1.625; height:8.125em; overflow:hidden; margin-bottom:40px; color:#363c4d;}
.atlasFor .m{}


.iCon4{ background:#fff;}
.iCooperation{}
.iCooperation .img{ float:right; width:50%;}
.iCooperation .text{ margin-right:50%; padding:115px 200px 0 0;}
.iCooperation .p{  line-height:1.875; height:9.375em; margin-bottom:30px;}

.iCon5{ background:#edf0fa; padding:0px !important;}
.iCon5 .wp{ width:auto;}
.iJoin{}
.iJoin .img{ width:50%; float:left;}
.iJoin .text{ margin-left:50%; padding: 75px 0 0 94px; overflow:hidden;}
.iJoin .pd{ width:606px; float:left;}
.iJoin li{ margin-bottom:13px;}
.iJoin li.li_btn{ padding-top:17px;}

.ipt_t2{ width:100%; height:50px; border:1px solid #b8bbcb; box-sizing:border-box; background:#fff; padding:0 20px; color:#363c4d; font-size:14px;}
.ipt_t2:focus{ box-shadow:0 0 3px rgba(0,0,0,0.3);}
.ipt_s2{ width:100%; height:50px; border:1px solid #b8bbcb; box-sizing:border-box; background:#fff; padding:0 20px; font-size:14px;}
.ipt_s2:focus{ box-shadow:0 0 3px rgba(0,0,0,0.3);}
.ipt_b2{ width:206px; height:50px; border:1px solid #b8bbcb; box-sizing:border-box; background:#363c4d; color:#fff; font-size:14px;}

.iCon6{}
.iNews{}
.iNews .slick-dots{ transform:translateX(-20px);}
.iNews .slick-list{ padding-left:15px; margin-left:-15px;}
.iNews .single-item{ margin-right:-40px;}
.iNews .pd{ display:block; margin:15px 40px 80px 0; background:#fff;}
.iNews .slick-active .pd{ box-shadow:0 0 15px rgba(0,0,0,0.1);}
.iNews .text{ padding:25px 25px 40px 25px; position:relative;}
.iNews .h3{ color:#363c4d; font-size:20px; height:30px; line-height:30px; overflow:hidden; margin-bottom:15px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1;}
.iNews .em{ color:#999999;}
.iNews .m{ position:absolute; right:25px; bottom:40px; width:62px; height:24px; display:none; background:url(../images/jiantouyou.png) no-repeat center right;}

.iNews .pd:hover .h3{ color:#a09253;}
.iNews .pd:hover .m{ display:block;}

.footer{ background:#2e3348; color:#7b7c85;}
.footer a{ color:#7b7c85;}
.footer a:hover{ color:#fff;}
.footerTop{ padding:45px 0 20px 0;}
.footerFl{ float:left; position:relative; padding-left:256px; border-right:1px solid #484d64; padding-right:75px;}
.footerLogo{ position:absolute; left:0px; top:8px;}
.footerLogo img{ width:auto; height:50px; display:block;}
.footerNav{}
.footerNav dl{ float:left; margin-right:75px;}
.footerNav dt{ margin-bottom:6px;}
.footerNav dt a{ color:#fff; font-size:16px; line-height:30px; display:block;}
.footerNav dd{}
.footerNav dd a{ display:block; line-height:30px; font-size:14px;}
.footerFr{ float:right;}
.footerFr .img{ width:110px; float:left;}
.footerFr .text{ margin-left:110px; padding-left:30px;}
.footerFr dl{ position:relative; padding-left:32px; margin-bottom:10px;}
.footerFr dt{ position:absolute; left:0px; top:0px; font-size:22px; height:24px; line-height:24px; color:#fff;}
.footerFr dd{ line-height:24px;}
.footerFr dd strong{ font-weight:bold; color:#fff;}
.footerBottom{ border-top:1px solid #484d64; padding:15px 0; line-height:20px; font-size:14px;}
.footerBottom .p{ display:inline-block; margin:0 5px;}


.banner_pg{ overflow:hidden; position:relative;}
.banner_pg .img{}
.banner_pg .img img{ width:100.418410041841%; height:auto; display:block;}
.banner_pg .text{ position:absolute; left:10%; top:70px; right:10%; bottom:0px; color:#fff; text-shadow:0 0 3px rgba(0,0,0,1); text-align:center;}
.banner_pg .i{ margin-bottom:10px;}
.banner_pg .i img{ height:247px; width:auto; display:block; margin:0 auto;}
.banner_pg .h3{ font-size:36px; line-height:1;}
.banner_pg .em{ font-size:50px; line-height:1; padding-top:30px; font-family: dtr;}
.banner_pg .p{ font-size:16px; line-height:1.6; padding-top:20px;}
.banner_pg .m{ padding-top:50px;}
.banner_pg .m a{ padding:0 22px; display:inline-block; margin:0 5px; height:50px; line-height:50px; border-radius:5px; background:#fff; text-shadow:none;}
.banner_pg .m a:hover{ background:#a09253; color:#fff;}

.bannerNav{ position:absolute; left:0px; bottom:40px; right:0px; z-index:2; text-align:center;}
.bannerNav ul{ display:inline-block; vertical-align:bottom;}
.bannerNav li{ float:left; margin:0 65px; padding-bottom:4px; background:url(../images/line.png) no-repeat center -100%;}
.bannerNav a{ display:block; font-size:26px; color:#fff; border-top:1px solid #fff; border-bottom:1px solid #fff; height:60px; line-height:60px; padding:0 12px;}
.bannerNav li.curr{ background:url(../images/line.png) no-repeat center bottom;}
.bannerNav li.curr a{ border-bottom-color:transparent;}

.pgmain{ background:no-repeat center center #f0f0f0; background-size:cover; padding:80px 0;}
.contact{ background:#fff; padding:20px;}
.contact .mapimg{ width:48%; float:right; position:relative; font-size:14px;}
.contact .mapimg .img1{ width:100%; height:auto; display:block;}
#dituContent{ position:absolute; left:0px; top:0px; right:0px; bottom:0px;}
.anchorBL{ display:none;}
.contact .text{ margin-right:48%; padding:30px 80px 30px 50px; font-size:18px; color:#2e3348;}
.contact .em{ position:relative; margin-bottom:1em;}
.contact .em:before{ content:''; top:50%; position:absolute; left:2.5em; right:0px; background:#ccc; height:1px;}
.contact .p{ line-height:2.3; margin-bottom:1em;}
.contact .i{ width:140px;}
.contact .i img{ width:100%; display:block; box-shadow:0 0 3px rgba(0,0,0,0.1);}
.contact .i span{ display:block; text-align:center; font-size:18px; line-height:1; padding-top:15px;}

.news{}
.news_list{}
.news_list li{ margin-bottom:20px;}
.news_list .pd{ display:block; overflow:hidden; background:#fff;}
.news_list .img{ width:512px; float:left;}
.news_list .text{ margin-left:512px; padding:40px 40px 40px 50px; color:#666666; font-size:14px;}
.news_list .h3{ font-size:26px; color:#2e3348; line-height:1.2; height:1.2em; overflow:hidden; margin-bottom:10px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1;}
.news_list .em{ line-height:1.2; height:1.2em; overflow:hidden; margin-bottom:1em; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1;}
.news_list .p{ line-height:1.875; height:3.75em; margin-bottom:65px; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.news_list .m{ overflow:hidden;}
.news_list .m strong{ float:left; font-weight:normal; line-height:44px;}
.news_list .m em{ float:right;}
.news_list .pd:hover{ box-shadow:0 0 15px rgba(0,0,0,0.3);}
.news_list .pd:hover .h3{ color:#a09253;}
.news_list .pd:hover .more1{ background:#a09253; color:#fff; border-color:#a09253;}
.news_list .pd:hover .more1:hover{ background:#2e3348; border-color:#2e3348;}

.news_pg{ text-align:center; padding:30px 0;}
.news_pg a{ display:inline-block; vertical-align:bottom; padding:0 40px; height:50px; line-height:50px; font-size:14px; color:#fff; background:#363c4c;}
.news_pg a:hover{ background:#a09253;}

.newsInfo .wp{ width:800px; margin:0 auto;}
.news_info{}
.news_tit{ text-align:center; margin-bottom:30px;}
.news_tit h1{ font-size:24px; font-weight:bold; color:#000;}
.news_tit p{ font-size:14px; color:#999;}
.news_con{  line-height:2; margin-bottom:30px;}
.news_con img{ max-width:100%; height:auto !important; }


.news_m{ padding:20px 0 0 0; color:#697c87; font-size:14px;}
.news_m a{ color:#697c87;}
.news_m a:hover{ color:#2e3348;}
.news_m .wpd{ position:relative;}
.news_m .li{ width:42%;}
.news_m .pd{ border:1px solid #ddd; line-height:48px; padding:0 15px; background:#fff; overflow:hidden;}
.news_m strong{ font-weight:normal; float:left;}
.news_m span{}
.news_m i{ font-size:26px; display:inline-block; vertical-align:bottom; margin-right:10px;}
.news_m a{ display:block; height:48px; overflow:hidden; line-height:46px; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.news_m .li1{ float:left;}
.news_m .li2{ float:right;}
.news_m .li3{ position:absolute; width:14%; left:50%; margin-left:-7%; top:0px; text-align:center;}

.partnermain{ background:#f5f5f5;}
.partner{}
.partner_list{}
.partner_list ul{ margin-right:-20px;}
.partner_list li{ width:25%; float:left; margin-bottom:20px;}
.partner_list .pd{ margin-right:20px; display:block; background:#d9d9d9; position:relative; overflow:hidden;}
.partner_list .pd:before{ content:''; position:absolute; left:0px; top:0px; right:0px; bottom:0px; border:1px solid #f4f4f4; opacity:0;}
.partner_list .img{ margin:0 0 254px 0; background:#fff;}
.partner_list .img img{ background-size:70%;}
.partner_list .text{ padding:40px; position:absolute; left:0px; bottom:0px; right:0px;}
.partner_list .text:before{ content:''; position:absolute; left:50%; bottom:100%; margin-left:-12px; content:''; width:0; height:0; border-left:12px solid transparent; border-right:12px solid transparent; border-bottom:16px solid #d9d9d9;}
.partner_list .h3{ font-size:20px; line-height:24px; height:24px; padding-bottom:24px; position:relative; margin-bottom:20px;}
.partner_list .h3:before{ content:''; position:absolute; height:4px; width:1em; background:#a09253; left:0px; bottom:0px;}
.partner_list .p{ font-size:14px; line-height:22px; height:66px; overflow:hidden; margin-bottom:20px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.partner_list .em{ width:20px; height:20px; position:relative; opacity:0;}
.partner_list .em:before,
.partner_list .em:after{ content:''; position:absolute; left:0px; top:50%; right:0px; margin-top:-2px; width:100%; height:4px; background:#a09253;}
.partner_list .em:after{ transform:rotate(90deg);}
.partner_list li:nth-child(even){}
.partner_list li:nth-child(even) .img{ margin:254px 0 0 0;}
.partner_list li:nth-child(even) .text{ bottom:auto; top:0px;}
.partner_list li:nth-child(even) .text:before{ bottom:auto; top:100%; border-top:16px solid #d9d9d9;  border-bottom:none;}
.partner_list .pd:hover{ background:#fff; box-shadow:0 0 5px rgba(0,0,0,0.1);}
.partner_list .pd:hover .h3{ padding-bottom:0px; color:#a09253;}
.partner_list .pd:hover .h3:before{ display:none;}
.partner_list .pd:hover .p{ color:#a09253;}
.partner_list .pd:hover .text:before{ opacity:0;}
.partner_list .pd:hover:before{ opacity:1;}
.partner_list .pd:hover .em{ opacity:1; transform:rotate(90deg);}

.aboutCon1{ background:#ececec;}
.about{ position:relative;}
.about .img{ width:50%;}
.about .text{ position:absolute; left:50%; top:0px; bottom:0px; right:0px; padding-left:70px;}
.about .tit2{ position:relative; padding-bottom:34px; color:#000; margin-bottom:60px;}
.about .tit2:before{ content:''; position:absolute; left:0px; bottom:0px; width:2em; height:6px; background:#000; font-size:36px;}
.about .p{ color:#666666; line-height:2.125;}

.aboutCon2{ background:#fff; padding-bottom:0px !important;}
.aboutCon2 .tit2{ text-align:center; margin-bottom:60px;}
.aboutCon2 .tit2 strong{ margin-bottom:0px;}
.team{ background:#ececec;}
.teamFl{ width:50%; float:right;}
.teamFl img{ width:100%; height:auto; display:block;}
.teamFr{ margin-right:50%; padding:120px 70px 0 70px;}
.teamFr .pd{ position:relative; margin-bottom:50px;}
.teamFr .img{ width:220px;}
.teamFr .img img{ border-radius:50%;}
.teamFr .text{ position:absolute; left:220px; padding-left:40px; top:0px; bottom:0px;}
.teamFr .h3{ font-size:26px; color:#333; line-height:1; margin-bottom:10px;}
.teamFr .p{ line-height:30px; color:#666;}
.teamFr .slick-dots li{ margin:0 10px;}
.teamFr .slick-dots li button{ border-radius:0px; transform:rotate(45deg); border:1px solid #aaa; background:none;}
.teamFr .slick-dots li.slick-active button{ background:#000; border-color:#000;}

.aboutCon3{ background:#fff;}
.aboutCon3 .tit2{ text-align:center; margin-bottom:60px;}
.aboutCon3 .tit2 strong{ margin-bottom:0px;}
.bTeam{}
.bTeam .pd{ margin:0 50px; padding:30px;}
.bTeam .img{ width:220px; margin:0 auto;}
.bTeam .img img{ border-radius:50%; box-shadow:0 0 3px rgba(0,0,0,0.1);}
.bTeam .text{ color:#333; text-align:center; padding:30px 0 0 0;}
.bTeam .h3{ font-size:26px; margin-bottom:10px;}
.bTeam .p{ line-height:20px; height:40px; overflow:hidden;}
.bTeam .pd:hover{ background:#eee;}
.bTeam .slick-arrow{ color:#bbbbbb; font-size:50px;}
.bTeam .slick-prev{ left:0px;}
.bTeam .slick-next{ right:0px;}


.joinCon1{ background:#ececec;}
.join{ background:#fff; position:relative;}
.joinFl{ width:50%; float:left;}
.joinFl img{ width:100%; height:auto;}
.joinFl .slick-dots{ left:30px; bottom:30px;}
.joinFl .slick-dots li button{ background:#fff;}
.joinFl .slick-dots li.slick-active button{ background:#363c4d;}
.joinFr{ left:50%; top:0px; bottom:0px; position:absolute; padding:50px;}
.joinFr .tit2{ position:relative; padding-bottom:34px; color:#000; margin-bottom:60px;}
.joinFr .tit2:before{ content:''; position:absolute; left:0px; bottom:0px; width:2em; height:6px; background:#000; font-size:36px;}

.joinCon2{ background:no-repeat center center #020308; background-size:cover;}
.joinCon2 .tit2{ text-align:center; color:#fff; margin-bottom:60px;}

.advantage{}
.advantage .single-item{ margin-right:-82px;}
.advantage .pd{ display:block; margin-right:82px; position:relative; background:#fff; border-radius:10px; padding:40px; color:#2e3348; height:320px;}
.advantage .num{ line-height:1; font-size:76px; margin-bottom:20px; font-family:dtr; font-weight:bold;}
.advantage .h3{ font-size:26px; line-height:1.3; margin-bottom:0.5em;}
.advantage .em{ font-size:20px; line-height:1.2; font-family:arial;}
.advantage .p{ font-size:16px; line-height:1.875; position:absolute; left:0px; top:116px; right:0px; padding:40px; color:#fff; opacity:0;}
.advantage .i{ position:absolute; bottom:40px; left:40px; width:64px; height:64px; background:#464a5b; border-radius:50%; color:#fff; font-size:32px; text-align:center; line-height:64px;}
.advantage .b{ position:absolute; right:40px; bottom:40px;}
.advantage .b:after{ content:''; height:128px; width:1px; left:50%; position:absolute; bottom:100%; background:#ccc; margin-left:-1px;}
.advantage .b:before{ content:''; width:11px; height:11px; background:#ccc; transform:rotate(45deg); display:block;}
.advantage .pd:hover{ background:#a09253;}
.advantage .pd:hover .num{ opacity:0;}
.advantage .pd:hover .h3{ opacity:0;}
.advantage .pd:hover .em{ opacity:0;}
.advantage .pd:hover .b{ opacity:0;}
.advantage .pd:hover .i{ left:50%; bottom:auto; top:50px; margin-left:-32px; background:#fff; color:#a09253;}
.advantage .pd:hover .p{ opacity:1;}
.advantage .slick-dots{ transform:translateX(-41px);}

.joinCon3{ background:#fff;}
.joinCon3 .tit2{ position:absolute; left:0px; top:0px;}
.msg{}
.msgFl{ width:50%; float:right;}
.msgFl img{ width:100%; height:auto; display:block;}
.msgFr{ margin-right:50%; padding:140px 55px 0 0;}
.msgFr .pd{ margin-right:-30px;}
.msgFr dl{ width:50%; float:left; margin-bottom:15px; padding-right:30px; box-sizing:border-box;}
.msgFr dt{ font-size:16px; line-height:1; padding-bottom:10px;}
.msgFr .ipt_t2{ height:40px;}
.msgFr .ipt_s2{ height:40px;}
.msgFr .ipt_b2{ height:50px; background:#424242; font-size:18px; border-color:#424242;}
.msgFr .ipt_b2:hover{ background:#2e3348;}
.msgFr .w100{ width:100%; }

.joinCon3_2{ background:#edf0fa;}
.joinCon3_2 .tit2{ left:50%; padding-left:55px;}
.joinCon3_2 .msgFl{ float:left;}
.joinCon3_2 .msgFr{ margin:0 0 0 50%; padding:140px 0 0 55px;}

.jobCon1{ background:#f0f0f0;}
.job{ position:relative; overflow:hidden;}
.job .img{ width:50%; float:right;}
.job .text{ margin-right:50%; top:0px; bottom:0px; padding-right:50px; color:#2e3348;}
.job .h3{ font-size:26px; line-height:1.2; margin-bottom:0.5em;}
.job .p{ font-size:16px; line-height:2.625;}
.job .p a{ color:#be9927; text-decoration:underline;}

.jobCon2{ background:#fff;}
.jobList{}
.jobList dl{ margin-bottom:10px;}
.jobList dt{ background:#edf0fa; border-radius:6px; overflow:hidden; font-size:16px; line-height:26px; padding:20px 20px 20px 40px; cursor:pointer;}
.jobList dt strong{ color:#999; font-weight:normal;}
.jobList dt span{ color:#2e3348;}
.jobList dt i{ width:26px; height:26px; line-height:26px; text-align:center; font-size:26px; transform:rotate(90deg); display:block;}
.jobList .li{ float:left;}
.jobList .li1{ width:33%;}
.jobList .li2{ width:32%;}
.jobList .li3{ width:32%;}
.jobList .li4{ width:3%;}
.jobList dd{ background:#d0d5e6; padding:40px; display:none;}
.jobList .h3{ font-size:24px; font-weight:bold; line-height:1; margin-bottom:0.5em;}
.jobList .p{ font-size:14px; line-height:2;}

.jobList dl.curr dt{ background:#2e3348; border-radius:6px 6px 0 0;}
.jobList dl.curr dt strong{ color:#fff;}
.jobList dl.curr dt span{ color:#fff;}
.jobList dl.curr dt i{ color:#fff;}
.jobList dl.curr dd{}
.jobList dl.curr i{ transform:rotate(-90deg);}


.partnerInfo1{ background:#ececec;}
.partnerInfo1_1{}
.partnerInfo1_1 .pd{ position:relative;}
.partnerInfo1_1 .img{}
.partnerInfo1_1 .img img{ width:50%; float:left;}
.partnerInfo1_1 .img1{}
.partnerInfo1_1 .img2{ margin-top:183px;}
.partnerInfo1_1 .text{ color:#2e3348;}
.partnerInfo1_1 .h3{ font-size:46px; line-height:1.434782608695652; position:absolute; width:50%; right:0px; top:20px; padding:0 70px; box-sizing:border-box;}
.partnerInfo1_1 .p{ line-height:1.875; position:absolute; width:50%; left:4%; width:42%; bottom:0px; padding:50px 40px; box-sizing:border-box; height:240px; background:#ececec;}


.partnerInfo2{}
.partnerInfo2_1{ width:50%; background:rgba(46,51,72,0.7);}
.partnerInfo2_1 .pd{ padding:80px 55px; color:#fff;}
.partnerInfo2_1 .h3{ font-size:36px; line-height:1; margin-bottom:1em;}
.partnerInfo2_1 .p{ font-size:23px; line-height:1.565217391304348;}

.partnerInfo3{ background-color:#fff; padding-bottom:0px !important;}
.partnerInfo3_1{}
.partnerInfo3_1 .dl{ margin-bottom:50px;}
.partnerInfo3_1 .dl:last-child{ margin-bottom:0px;}
.partnerInfo3_1 .dt{ border-bottom:3px solid #2e3348; overflow:hidden; margin-bottom:20px;}
.partnerInfo3_1 .dt strong{ display:block; float:left; background:url(../images/partnerInfo3_1_dt.png) no-repeat right center #2e3348; padding:0 90px 0 60px; color:#fff; line-height:68px; height:68px; font-size:18px;}
.partnerInfo3_1 .dd{ color:#2e3348; line-height:2.25;}
.partnerInfo3_1 .dd img{ margin:20px 0; display:inline-block; max-width:100%; height:auto !important;}

.partnerInfo4{ background-color:#fff;}
.partnerInfo4_1{ margin-bottom:50px;}
.partnerInfo4_1 .pd{ background:#f4f4f4; position:relative;}
.partnerInfo4_1 .img{ width:50%; float:left;}
.partnerInfo4_1 .text{ padding:50px 70px; box-sizing:border-box; font-size:14px; line-height:1.6; color:#666; position:absolute; left:50%; top:0px; bottom:0px; height:100%; overflow-y:auto; right:0px;}
.partnerInfo4_1 .text h3{ font-size:18px; line-height:1; margin-bottom:1em; display:block; font-weight:bold; color:#2e3348;}
.partnerInfo4_2{ text-align:center;}
.partnerInfo4_2 a{ margin:0 20px;}
.partnerInfo4_2 .a1{}
.partnerInfo4_2 .a2{ background:#a09253; border-color:#a09253;}
.partnerInfo4_2 .a2:hover{ background:#363c4d; border-color:#363c4d;}


.storeCon1{}
.storeCon1 .join{ background:#2e3348; margin-bottom:20px;}
.storeCon1 .joinFl{ width:66.14285714285715%;}
.storeCon1 .joinFr{ left:66.14285714285715%; color:#fff;}
.storeCon1 .joinFr .tit2{ color:#fff;}
.storeCon1 .joinFr .tit2:before{ background:#fff;}
.storeCon1 .joinFr .p p{ margin-bottom:1em;}

.store_list{}
.store_list dl{ margin-right:-20px;}
.store_list dd{ width:33.3333%; float:left; margin-bottom:20px;}
.store_list .pd{ margin-right:20px;}
.store_list .pd img{ width:100%; height:auto; display:block;}

.areamain1_1{ position:relative; margin-bottom:20px;}
.areamain1_1 .img{ width:50%; float:left;}
.areamain1_1 .text{ margin-left:50%; top:0px; bottom:0px; padding-left:40px;}
.areamain1_1 .tit2{ position:relative; padding-bottom:34px; color:#2f3449; margin-bottom:60px;}
.areamain1_1 .tit2:before{ content:''; position:absolute; left:0px; bottom:0px; width:2em; height:6px; background:#2f3449; font-size:36px;}
.areamain1_1 .p{ color:#666666; line-height:1.875;}

.areamain1_2{ padding-bottom:40px; border-bottom:1px solid #ccc; margin-bottom:50px; background:url(../images/sj.png) no-repeat left bottom; }
.areamain1_2 ul{ margin-right:-40px;}
.areamain1_2 li{ width:50%; float:left; margin-bottom:20px;}
.areamain1_2 .pd{ margin-right:40px;}
.areamain1_2 img{ width:100%; height:auto; display:block;}

.areamain1_3{ font-size:16px; line-height:2.25;}


.productmain1{ background:#ececec;}
.crumbs{ font-size:14px; line-height:40px;}
.crumbs a{ color:#666666;}
.crumbs a:hover{ color:#a09253;}
.crumbs em{ margin:0 0.5em;}
.crumbs span{ color:#666666;}

.tit3{ font-size:20px; color:#2e3348; margin-bottom:30px;}
.tit3 strong{ font-weight:normal; margin-right:10px;}
.tit3 em{font-family: dtr;}

.proList1{}
.proList1 .pd{ position:relative; display:block;}
.proList1 .pd:before{ content:''; position:absolute; width:1px; height:116px; top:50%; right:0px; margin-top:-58px; background:#a09253;}
.proList1 .img{ position:relative;}
.proList1 .img:before{ position:absolute; content:''; background:url(../images/new.png) no-repeat; width:37px; height:37px; top:26px; left:50%; margin-left:90px;}
.proList1 .img img{  max-width:264px; width:100%; margin:0 auto;}
.proList1 .text{ text-align:center; font-size:14px; color:#333;}
.proList1 .h3,
.proList1 .p,
.proList1 .em{ overflow:hidden; line-height:24px; height:24px; line-height:24px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1;}
.proList1 .p{ color:#666; padding-top:0.8em;}
.proList1 .pd:hover .text{ color:#a09253;}
.proList1 .pd:hover .p{ color:#a09253;}
.proList1 .single-item{ margin-right:-1px;}
.proList1 .slick-arrow{ width:46px; height:46px; line-height:46px; border-radius:50%; background:#a09253; color:#fff; font-size:20px; margin-top:-23px;}
.proList1 .slick-prev{ left:0px;}
.proList1 .slick-next{ right:0px;}
.proList1 .slick-arrow:hover{ background:#2f3449;}

.productmain2{ background:#ffffff;}
.proSearch{ width:700px; margin:0 auto; border-bottom:1px solid #ccc; margin-bottom:40px;}
.proSearch .pd{ position:relative;}
.ipt_t3{ background:none; border:none; width:100%; box-sizing:border-box; height:44px; font-size:16px; color:#2e3348;}
.ipt_b3{ position:absolute; right:0px; top:0px; width:40px; height:44px; border:none; text-align:center; border-bottom:none; cursor:pointer; box-sizing:border-box; background:none; font-size:20px; border-radius:8px; color:#ccc;}
.proScreen{ margin-bottom:35px;}
.proScreen .pd{ margin-right:-20px;}
.proScreen dl{ float:left; padding-right:20px; width:16.666666666666668%; box-sizing:border-box;}
.proScreen dt{ color:#333; line-height:1; margin-bottom:10px;}

.proList2 ul{ margin-right:-20px;}
.proList2 li{ float:left; width:20%; margin-bottom:20px;}
.proList2 .pd{ position:relative; display:block; margin-right:20px; border:1px solid #f3f3f3; box-shadow:0 0 10px rgba(0,0,0,0.1);}
.proList2 .img{ position:relative;}
.proList2 .img img{ max-width:264px; width:100%; margin:0 auto;}
.proList2 .text{ text-align:center; font-size:14px; color:#333; padding-bottom:20px;}
.proList2 .h3,
.proList2 .p,
.proList2 .em{ overflow:hidden; line-height:24px; height:24px; line-height:24px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1;}
.proList2 .p{ color:#666; padding-top:0.8em;}
.proList2 .pd:hover{ border:1px solid #a09253;}
.proList2 .pd:hover .text{ color:#a09253;}


.productInfo{ background:url(../images/proline.png) repeat-x #fff;}

.proInfo{ margin-bottom:60px; position:relative;}
.proInfoFl{ width:50%; float:left;}
.proFor img{ width:68%; margin:0 auto;}

.proInfoFr{ margin-left:50%; color:#2e3348;}
.proInfoFr .h3{ font-size:30px; line-height:1.2;}
.proInfoFr .em{ font-size:30px; line-height:1.2; margin-bottom:20px; font-family:arial;}
.proInfoFr .p{ line-height:1.2; margin-bottom:40px;}
.proInfoFr .m{ margin-bottom:30px;}
.proInfoFr .m .a{ display:inline-block; margin-right:20px; border:1px solid #2e3348; padding:0 22px;}
.proInfoFr .m .a span{ font-size:14px; height:42px; line-height:42px; float:left; margin-right:20px;}
.proInfoFr .m .a i{ height:42px; line-height:42px; float:left;}
.proInfoFr .m .a:hover{ background:#2e3348; color:#fff;}
.proInfoFr .clear{ display:none;}

.proInfoFr .select{ display:inline-block;}
.proInfoFr .selectTit{ border-color:#2e3348; height:44px; line-height:44px; font-size:14px;}
.proInfoFr .selectCon{ border-color:#2e3348; background:none; top:43px;}



.proInfoFr .d{ overflow:hidden; margin-bottom:20px;}
.proInfoFr .d a{ float:left; margin-right:25px; font-size:14px;}
.proInfoFr .d a span{ color:#2e3348; margin-right:10px;}
.proInfoFr .d a i{ color:#a09253;}
.proInfoFr .d a:hover span{ color:#a09253;}

.proTab{ position:absolute; left:50%; width:30%; bottom:0px;}
.proTab .slick-track{ margin:0px;}
.proTab .single-item{ margin-right:-10px;}
.proTab .pd{ background:#fff; border:1px solid #ccc; margin-right:10px; cursor:pointer;}
.proTab .slick-current .pd{ border-color:#a09253;}

.proTbale{ margin-bottom:60px;}
.proTbale table{ border-collapse:separate !important; border-spacing:0 !important; width:100% !important; border-radius:8px !important;}
.proTbale td{ border-collapse:collapse !important; border:1px solid #ccc !important; min-width:7em; line-height:1.7142857142857142; padding:15px 20px; font-size:14px; border-right:0px !important; border-bottom:0px !important;}
.proTbale td:nth-child(odd){ background:#d9d9d9 !important; color:#2e3348 !important; font-weight:bold !important; text-align:center !important;}
.proTbale td:last-child{ border-right:1px solid #ccc !important;}
.proTbale tr:last-child td{ border-bottom:1px solid #ccc !important;}
.proTbale table tr:first-child td:first-child{border-top-left-radius:8px !important;}
.proTbale table tr:first-child td:last-child{border-top-right-radius:8px !important;}
.proTbale table tr:last-child td:first-child{border-bottom-left-radius:8px !important;}
.proTbale table tr:last-child td:last-child{border-bottom-right-radius:8px !important;}

.select{ position:relative; z-index:2;}
.selectCurr{ z-index:3;}
.selectTit{ height:52px; box-sizing:border-box; border:1px solid #ccc; overflow:hidden; line-height:50px; padding:0 40px 0 16px; background:url(../images/select_jt.png) no-repeat right center; cursor:pointer; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1;}
.selectCon{ display:none; position:absolute; box-sizing:border-box; top:51px; left:0px; width:100%; padding:10px 16px; background:#fff; border:1px solid #ccc;}
.selectCon a{ display:block; width:100%; float:left; font-size:14px; line-height:24px; height:24px; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1;}
.select2 .selectCon{ width:calc(200% + 20px);}
.select2 .selectCon a{ width:50%;}
.select3 .selectCon{ width:1400px;}
.select3 .selectCon a{ width:20%;}




@media screen and (max-width:1680px){
.wp{ width:1200px;}
.menu li{ margin-right:75px;}
.menu li:nth-child(4){ margin-right:310px;}

.iBanner .slick-dots{ margin-left:-600px;}


.tit1{ margin-bottom:40px;}
.tit1 strong{ font-size:28px;}
.tit1 em{ font-size:38px;}
.tit1 em:before{ box-shadow:0 0 0 6px rgba(255,255,255,1); width:8px; height:8px; margin:-4px 0 0 -4px;}

.tit2{ margin-bottom:20px;}
.tit2 strong{ font-size:28px; margin-bottom:10px;}
.tit2 em{ font-size:38px;}

.iProTab strong{ font-size:32px;}

.atlasFor .h3{ font-size:28px;}


.iCon{ padding:80px 0;}

.iConcept .single-item{ margin-right:-110px;}
.iConcept .pd{ margin-right:110px;}
.iConcept .text{ left:30px; right:30px;}
.iConcept .h3{ font-size:20px;}

.iAbout .pd{ width:400px; margin-right:161px;}
.iAbout .m{ margin-bottom:100px;}
.iAbout .imgp{ width:68%;}

.atlasFor .text{ padding:110px 110px 0 40px;}

.iJoin .pd{ width:540px;}
.iJoin .text{ padding:60px 0 0 60px;}
.ipt_t2{ height:40px;}
.ipt_s2{ height:40px;}

.atlasTab{ margin-bottom:50px;}

.iNews .pd{ margin-bottom:60px;}

.footerFl{ padding:0 35px 0 246px;}
.footerNav dl{ margin-right:60px;}
.footerNav dt a{ font-size:14px; line-height:26px;}
.footerNav dd a{ font-size:12px; line-height:26px;}
.footerBottom{ font-size:12px;}

.job .p{ line-height:2;}

.partnerInfo4_1 .text{ padding:30px 50px; line-height:1.5;}
.partnerInfo4_1 .text h3{ margin-bottom:0.5em;}

.select3 .selectCon{ width:1200px;}

.proScreen .pd{ margin-right:-15px;}
.proScreen dl{ padding-right:15px;}
.select2 .selectCon{ width:calc(200% + 15px);}
.proList2 ul{ margin-right:-15px;}
.proList2 li{ margin-bottom:15px;}
.proList2 .pd{ margin-right:15px;}

.partner_list ul{ margin-right:-15px;}
.partner_list li{ margin-bottom:15px;}
.partner_list .pd{ margin-right:15px;}
.partner_list .text{ padding:30px;}
.partner_list .img{ margin:0 0 234px 0;}
.partner_list li:nth-child(even) .img{ margin:234px 0 0 0;}


.partnerInfo2_1 .p{ font-size:20px;}

.partnerInfo3_1 .dl{ margin-bottom:35px;}
.partnerInfo3_1 .dd img{ margin:15px 0;}


.iBanner .h3{ font-size:36px;}
.iBanner .em{ font-size:32px;}
.iBanner .i{ width:240px;}

.areamain1_1 .tit2{ margin-bottom:30px;}
.areamain1_2 ul{ margin-right:-20px;}
.areamain1_2 .pd{ margin-right:20px;}

.banner_pg .i img{ height:180px;}

.teamFr{ padding:80px 50px 0 50px;}
}

@media screen and (max-width:1440px){
body{ font-size:14px;}
.wp{ width:1100px;}

.menu li{ margin-right:75px;}
.menu li:nth-child(4){ margin-right:256px;}

.iBanner .slick-dots{ margin-left:-550px;}
.iBanner .slick-dots li{ margin-right:30px;}

.iConcept .single-item{ margin-right:-80px;}
.iConcept .pd{ margin-right:80px;}

.iAbout .pd{ margin-right:116px;}
.iAbout .i{ width:80%;}

.iJoin .text{ padding:40px 0 0 40px}
.iJoin li{ margin-bottom:10px;}
.iJoin li:last-child{ margin-bottom:0px;}
.iJoin li.li_btn{ padding-top:10px;}
.iJoin .pd{ width:490px;}

.ipt_s2{ background-size:21px 10px !important;}

.iNews .pd{ margin-bottom:50px;}
.iNews .h3{ font-size:18px;}

.tit2 strong{ font-size:26px;}
.tit2 em{ font-size:36px;}

.footerFl{ padding:0 10px 0 246px;}
.footerNav dl{ margin-right:50px;}

.partnerInfo4_1 .text{ font-size:13px;}

.pgmain{ padding:60px 0;}

.bannerNav li{ margin:0 40px;}
.bannerNav a{ font-size:20px; line-height:44px; height:44px;}

.contact .text{ font-size:16px;}
.contact .i span{ font-size:16px;}

.news_list .img{ width:470px;}
.news_list .text{ margin-left:470px;}

.atlasTab li{ margin-right:30px;}
.joinFr{ padding:40px;}

.about .text{ padding-left:60px;}
.about .tit2{ margin-bottom:30px;}

.teamFr{ padding:70px 50px 0 50px;}
.teamFr .img{ width:180px;}
.teamFr .text{ left:180px; padding-left:30px;}
.teamFr .pd{ margin-bottom:50px;}

.bTeam .img{ width:180px;}
.bTeam .h3{ font-size:20px;}

.joinFr .tit2{ margin-bottom:30px;}

.advantage .single-item{ margin-right:-50px;}
.advantage .pd{ margin-right:50px; padding:30px; height:280px;}
.advantage .num{ font-size:54px;}
.advantage .h3{ font-size:18px;}
.advantage .em{ font-size:14px;}
.advantage .p{ padding:30px; font-size:14px; top:106px;}
.advantage .i{ left:30px; bottom:30px; width:56px; height:56px; line-height:56px;}
.advantage .b{ right:30px; bottom:30px;}
.advantage .pd:hover .i{ top:40px;}
.advantage .slick-dots{ transform:translateX(-25px);}


.msgFr{ padding-top:100px;}
.joinCon3_2 .msgFr{ padding-top:100px;}

.job .p{ font-size:14px;}

.banner_pg .i{}
.banner_pg .i img{ height:160px;}
.banner_pg .h3{ font-size:28px;}
.banner_pg .em{ font-size:36px; padding-top:20px;}

.partnerInfo1_1 .h3{ font-size:32px; top:40px; padding:0 50px;}
.partnerInfo2_1 .pd{ padding:60px 40px;}

.proList1 .img:before{ margin-left:60px;}


.proInfoFr .h3{ font-size:24px;}
.proInfoFr .em{ font-size:24px;}
.proInfoFr .m .a{ padding:0 20px; margin-right:15px;}
.proInfoFr .selectTit{ padding:0 40px 0 20px;}
.iBanner .i{ width:180px;}

.areamain1_3{ font-size:14px;}


}
@media screen and (max-width:1024px){
body{ padding:60px 0 44px 0;}
.wp,
.newsInfo .wp{ margin:0 50px; width:auto;}

.header{ background:#2f3449; position:fixed;}
.header .wp{ height:60px;}
.logo,
.body_fix .logo,
.body_fix2 .logo{ left:0px; top:50%; margin:-20px 0 0 0; width:auto;}
.logo img{ height:40px; width:auto;}
.logo .img1{ display:none;}
.logo .img2{ display:block;}

.menu-link{ display:block;}
.menu{ display:none; position:fixed; top:60px; padding:0px !important; left:0px; right:0px; background:#424960; width:220px; right:0px; left:auto; text-align:left;}
.menu ul{ display:block;}
.menu li{ display:block; float:none; margin:0px !important; border-bottom:1px solid rgba(255,255,255,0.3);}
.menu li.curr .h3 a:before{ display:none;}
.menu li:nth-child(4){ margin-right:inherit;}
.menu .h3 a{ height:40px !important; line-height:40px !important; font-size:14px; color:#fff; padding:0 30px;}
.menu .h3 i{ display:block;}
.menu .h3 em{ display:block;}
.menu .box{ position:static; width:auto; margin:0px; text-align:center; display:none; border-radius:0px; box-shadow:none;}
.menu .box:before{ display:none;}
.menu li:hover .box{ display:none;}
.menu li:hover .box1{ display:none;}
.menu li:hover .menuPro{ display:none;}



.top_search{ top:50%; margin-top:-20px; right:36px;}

.subNav{ bottom:0px; left:0px; right:0px; top:auto; width:auto;}
.subNav .h3{ padding:5px 0;}
.subNav .h3 i{ padding-bottom:2px;}
.subNav li{ width:20%; float:left; margin-bottom:0px; box-sizing:border-box; position:relative; border-right:1px solid #81abd4;}
.subNav li:before{ content:''; width:1px; background:rgba(255,255,255,0.5); position:absolute; right:0px; top:0px; bottom:0px; display:none;}
.subNav li:last-child:before{ border-right:none;}
.subNav li:last-child{ border-right:none;}
.subNav .li1{ position:static;}
.subNav .li1 .box{ width:100%; height:0px; right:auto; bottom:100%; left:0px; margin-left:0px; background:#041536;}
.subNav .li1:hover .box{ height:64px; width:100%;}
.subNav .h3 i{ font-size:20px;}

.subNav .li3 .box{ width:135px; height:0px; right:auto; bottom:100%; left:50%; margin-left:-67px;}
.subNav .li3 .box img{ width:135px; height:135px;}
.subNav .li3:hover .box{ height:135px; width:135px;}

.iBanner{ height:auto;}
.iBanner .img img{ height:auto !important;}
.iBanner .slick-dots{ left:50%; bottom:30px;}
.iBanner .slick-dots li{ margin:0 10px;}

.iCon{ padding:60px 0;}
.iCon5{ padding:60px 0 !important;}

.iAbout .pd{ width:auto; margin-right:0px; float:none;}
.iAbout .img{ padding-top:0px; width:50%;}
.iAbout .imgp{ width:84%; padding-top:30px;}
.iAbout .text{ margin-right:50%; padding-right:40px;}
.iAbout .p{ height:auto;}
.iAbout .i{ width:132px;}
.iAbout .m{ margin-bottom:74px;}

.iConcept .single-item{ margin-right:-30px;}
.iConcept .pd{ margin-right:30px;}

.atlasFor .text{ padding:40px 0 0 40px;}
.atlasTab{ width:auto;}
.iJoin .pd{ width:auto; float:none;}
.iJoin .text{ padding-top:0px;}

.iCooperation .text{ padding:40px 40px 0 0 ;}

.iNews .single-item{ margin-right:-30px;}
.iNews .pd{ margin-right:30px;}

.footer{ background:#333;}
.footerTop{ padding:30px 0;}
.footerFl{ display:none;}
.footerFr{ width:370px; float:none; margin:0 auto; overflow:hidden;}
.footerBottom{ text-align:center;}

.pgmain{ padding:40px 0;}

.contact .text{ font-size:14px; padding:0 20px 0 0;}
.contact .p{ line-height:2;}
.contact .i{ width:120px;}
.contact .i span{ font-size:14px; padding-top:10px;}
.contact .mapimg{ width:50%;}
.contact .text{ margin-right:50%;}

.bannerNav li{ margin:0 20px;}
.bannerNav a{ font-size:16px;}

.atlasTab{ overflow:hidden; background:#ccc;}
.atlasTab ul{ margin-right:-1px;}
.atlasTab li{ margin:0px; width:20%; border-bottom:1px solid #fff;}
.atlasTab .pd{ background:#ccc; float:none; text-align:center; border-top:none; border-bottom:none; border-right:1px solid #fff;}
.atlasTab .curr .pd{ border-top:none; border-bottom:none; background:#c4b275; color:#fff;}

.joinFl,
.storeCon1 .joinFl{ width:50%;}
.joinFl .slick-dots{ left:50%;}
.storeCon1 .joinFr,
.joinFr{ padding:30px; left:50%;}
.joinFr .tit2:before{ display:none;}
.joinFr .tit2{ padding-bottom:0px; margin-bottom:30px;}

.about .text{ padding-left:40px;}
.about .tit2{ padding-bottom:0px;}
.about .tit2:before{ display:none;}

.teamFr{ padding:50px 30px 0 30px;}
.teamFr .img{ width:160px;}
.teamFr .text{ left:160px;}
.teamFr .slick-dots li{ margin:0 5px;}

.bTeam .single-item{ margin-right:-18px;}
.bTeam .pd{ background:#eee; margin:0 18px 30px 0;}
.bTeam .slick-dots{ transform:translateX(-9px);}

.joinCon2 .tit2{ margin-bottom:30px;}

.advantage .single-item{ margin-right:-20px;}
.advantage .pd{ margin-right:20px; margin-bottom:30px; height:auto;}
.advantage .slick-dots{ transform:translateX(-10px);}
.advantage .i{ right:30px; top:30px; left:auto; bottom:auto; width:50px; line-height:50px; height:50px;}
.advantage .em{ margin-bottom:20px;}
.advantage .p{ position:static; opacity:1; color:#666; padding:0px;}
.advantage .b{ display:none;} 

.advantage .pd:hover{ background:#fff;}
.advantage .pd:hover .num{ opacity:1;}
.advantage .pd:hover .h3{ opacity:1;}
.advantage .pd:hover .em{ opacity:1;}
.advantage .pd:hover .b{ opacity:1;}
.advantage .pd:hover .i{ left:auto; bottom:auto; top:30px; margin-left:0px; background:#464a5b; color:#fff;}
.advantage .pd:hover .p{ opacity:1;}

.joinCon3 .tit2{ position:static; margin-bottom:30px;}
.msgFl{ width:auto; float:none;}
.msgFr{ position:static; margin:0px; padding:30px 0 0 0;}
.joinCon3_2 .msgFr{ padding:30px 0 0 0;}

.jobList dt{ font-size:14px; padding:15px;}
.jobList dd{ padding:30px;}
.jobList .h3{ font-size:20px;}

.partner_list li{ width:33.3333%;}

.banner_pg .h3{ font-size:24px;}
.banner_pg .em{ font-size:32px;}

.partner_list .img{ margin:0 0 194px 0;}
.partner_list li:nth-child(even) .img{margin:194px 0 0 0; }
.partner_list .p{ margin-bottom:0px;}
.partner_list .em{ display:none;}

.partnerInfo1_1 .img{ overflow:hidden;}
.partnerInfo1_1 .img img{ margin:0px;}
.partnerInfo1_1 .text{ padding:30px 0 0 0;}
.partnerInfo1_1 .h3{ position:static; width:auto; padding:0px; margin-bottom:30px;}
.partnerInfo1_1 .p{ position:static; width:auto; padding:0px; height:auto;}


.partnerInfo2_1 .h3{ font-size:24px;}
.partnerInfo2_1 .p{ font-size:16px;}

.partnerInfo3_1 .dt strong{ height:50px; line-height:50px; padding:0 60px 0 30px; font-size:16px;}

.partnerInfo4_1 .img{ width:auto; float:none;}
.partnerInfo4_1 .text{ position:static; padding:30px; height:auto; overflow-y:visible;}

.proList1 .pd{ margin-bottom:30px;}
.proList2 li{ width:33.3333%;}

.selectCon a{ font-size:13px; line-height:24px; height:24px; overflow:hidden;}
.select3 .selectCon{ width:924px;}
.select3 .selectCon a{ width:33.3333%;}

.productmain1,
.productInfo{}

.tit3{ text-align:center;}
.tit3 strong{ display:block;}
.tit3 em{ display:block;}
.crumbs{ display:none;}

.proInfo{ margin-bottom:40px;}
.proInfoFr .p{ margin-bottom:30px;}
.proInfoFr .m{ margin-bottom:20px;}

.proTbale td{ padding:10px;}


.proTj{}
.proTj .proList2 li:nth-child(4),
.proTj .proList2 li:nth-child(5){ display:none;}

.iBanner .text{ top:0px;}
.iBanner .h3{ font-size:24px;}
.iBanner .em{ font-size:24px;}
.iBanner .i{ width:120px;}

.banner_pg .text{ top:0px;}
.banner_pg .i img{ height:120px;}
}
@media screen and (max-width:980px){
.iConcept .slick-dots{ transform:translateX(-15px);}
.iNews .slick-dots{ transform:translateX(-15px);}
.atlasFor .text{ padding-top:0px; padding-left:30px;}
.atlasFor .h3{ font-size:24px;}

.iCooperation .text{ padding-top:0px;}
.iAbout .p{ margin-bottom:30px;}
.iAbout .m{ margin-bottom:30px;}

.iCon{ padding:40px 0;}

.contact{ padding:0px;}
.contact .mapimg{ width:auto; float:none;}
.contact .text{ margin:0px; padding:30px;}

.news_list .img{ float:none; width:auto;}
.news_list .text{ margin:0px; padding:30px;}
.news_list .h3{ font-size:18px;}
.news_list .m em{ display:none;}
.news_list .p{ height:auto; margin-bottom:20px;}
.news_list .m strong{ line-height:1; color:#999;}

.joinFl, .storeCon1 .joinFl{ width:auto; float:none;}
.storeCon1 .joinFr, .joinFr{ position:static;}

.store_list dd{ width:50%;}

.about .img{ width:auto; float:none;}
.about .text{ padding:30px 0 0 0; position:static;}


.teamFl{ width:auto; float:none;}
.teamFr{ padding:30px; position:static; margin:0px;}

.job .img{ width:auto; float:none;}
.job .text{ margin:0px; padding:30px 0 0 0;}

.jobList .li1{ width:60%;}
.jobList .li2{ display:none;}
.jobList .li3{ width:30%;}
.jobList .li4{ width:10%;}
.jobList dt i{ margin:0 auto;}

.partner_list li{ width:50%;}

.partnerInfo4_1{ margin-bottom:30px;}
.partnerInfo2_1{ width:60%; margin:30px 0;}
.partnerInfo2_1 .pd{ padding:40px 30px;}
.partnerInfo2_1 .h3{ text-align:center;}

.proSearch{ width:70%;}

.proScreen{ margin-bottom:15px;}
.proScreen dl{ width:33.3333%; margin-bottom:15px;}
.selectTit{ height:42px; line-height:42px;}
.selectCon{ top:41px;}
.select3 .selectCon{ width:calc(300% + 30px);}
.select3 .selectCon a{ width:50%;}

.proList1 .img:before{ margin-left:30px; top:15px;}
.proList1 .text{ padding:0 10px;}

.proInfoFl{ width:280px;}
.proFor img{ width:100%;}
.proTab{ left:310px; width:50%;}

.proInfoFr{ margin-left:280px; padding-left:30px;}
.proInfoFr .em{ margin-bottom:15px;}
.proInfoFr .p{ margin-bottom:20px;}
.proInfoFr .m .a{ padding:0 10px; margin-right:5px;}
.proInfoFr .m .a span{ margin-right:5px; height:38px; line-height:38px;}
.proInfoFr .m .a i{ height:38px; line-height:38px;}

.proInfoFr .selectTit{height:40px; line-height:40px;}
.proInfoFr .selectCon{ top:39px;}

.proTbale td{ min-width:4em; font-size:12px;}

.proTbale{ margin-bottom:30px;}

.areamain1_1 .img{ float:none; margin:0 auto;}
.areamain1_1 .text{ margin:0px; padding:30px 0 0 0;}
.areamain1_1 .tit2:before{ left:50%; margin-left:-1em;}
.areamain1_1 .tit2{ text-align:center;}
}
@media screen and (max-width:760px){
.proInfoFl{ width:auto; float:none; max-width:374px; margin:0 auto;}
.proFor{ margin-bottom:20px;}
.proTab{ position:static; width:60%; margin:0 auto;}
.proInfoFr{ margin:0px; padding:30px 0 0 0; text-align:center;}
.proInfoFr .m .a{ display:inline-block; vertical-align:bottom; float:none; margin:0 3px;}
.proInfoFr .select{ vertical-align:bottom; margin:0 3px;}
.proInfoFr .d a{ display:inline-block; vertical-align:bottom; float:none; margin:0 3px;}
.proInfoFr .h3{ font-size:20px; margin-bottom:5px;}
.proInfoFr .em{ font-size:14px;}

.iBanner .h3{ font-size:22px; margin-bottom:0.8em;}
.iBanner .em{ letter-spacing:0.2em; font-size:20px;}
.iBanner .i{ width:80px;}

.areamain1_2 ul{ margin-right:0px;}
.areamain1_2 li{ width:auto; float:none;}
.areamain1_2 .pd{ margin:0px;}
}
@media screen and (max-width:640px){
.wp,
.newsInfo .wp{ margin:0 30px;}

.tit1{ margin-bottom:30px;}
.tit1 strong{ font-size:24px; margin-bottom:15px;}
.tit1 em{ font-size:32px; padding-top:15px;}

.tit2{ text-align:center;}
.tit2 strong{ font-size:24px;}
.tit2 em{ font-size:18px;}

.iBanner .slick-dots{ bottom:15px;}
.iBanner .slick-dots li{ margin:0 5px;}
.slick-dots li button{ width:8px; height:8px;}

.iAbout .tit2{ text-align:left;}
.iAbout .img{ float:none; width:auto; margin-bottom:30px;}
.iAbout .imgp{ width:auto; padding-top:20px;}
.iAbout .text{ margin-right:0px; padding-right:0px; position:relative;}
.iAbout .i{ width:53px; position:absolute; right:0px; top:0px;}
.iAbout .m{ margin-bottom:0px; text-align:center;}

.iProTab li a{ width:24px; height:36px;}
.iProTab li i{ width:8px; height:8px; margin:-4px 0 0 -4px;}
.atlasTab .pd{ display:block; text-align:center; float:none;}

.atlasFor .img{ width:auto; float:none;}
.atlasFor .text{ margin-left:0px; padding:30px 0 0 0;}
.atlasFor .h3{ text-align:center;}
.atlasFor .p{ height:auto; margin-bottom:30px;}
.atlasFor .m{ text-align:center;}

.iCooperation .tit2{ text-align:center;}
.iCooperation .img{ width:auto; float:none;}
.iCooperation .text{ margin-right:0px; padding:30px 0 0 0;}
.iCooperation .m{ text-align:center;}

.iJoin .img{ width:auto; float:none;}
.iJoin .text{ margin-left:0px; padding:30px 0 0 0;}

.ipt_b2{ width:132px; margin:0 auto; display:block; height:44px;}

.iConcept .slick-dots{ transform:translateX(0px);}
.iConcept .single-item{ margin-right:0px;}
.iConcept .pd{ margin-right:0px;}
.iCon6 .tit1{ margin-bottom:15px;}
.iNews .slick-dots{ transform:translateX(0px);}
.iNews .slick-list{ padding:0px; margin:0 -15px;}
.iNews .single-item{ margin-right:0px;}
.iNews .pd{ margin:15px 15px 30px 15px;}


.banner_pg .img img{ width:150%; margin-left:-25%; position:relative;}
.pgmain{ padding:30px 0;}
.contact .i{ margin:0 auto;}

.bannerNav{ bottom:20px;}
.bannerNav li{ margin:0 15px;}
.bannerNav a{ font-size:14px; height:36px; line-height:36px;}
.news_tit h1{ font-size:22px;}
.news_con{ margin-bottom:0px;}
.news_pg{ padding-top:10px;}

.news_m .li{ width:auto; float:none; margin-bottom:10px;}
.news_m .li3{ position:static; margin:0px;}

.atlasTab li{ width:25%;}

.iProTab{ height:auto; text-align:center}
.iProTab ul{ display:inline-block; vertical-align:bottom;}
.iProTab li i{ width:12px; height:12px; margin:-6px 0 0 -6px;}
.iProTab li:hover span{ display:none;}
.iProTab strong{ float:none; text-align:center; display:block; margin-bottom:15px;}
.iProTab ul{ float:none; overflow:hidden;}

.storeCon1 .joinFr, .joinFr{ padding:20px;}
.joinFl .slick-dots{ bottom:15px;}
.storeCon1 .join{ margin-bottom:10px;}
.store_list dl{ margin-right:-10px;}
.store_list dd{ margin-bottom:10px;}
.store_list .pd{ margin-right:10px;}

.aboutCon2 .tit2,
.aboutCon3 .tit2{ margin-bottom:30px;}
.bTeam .single-item{ margin-right:0px;}
.bTeam .pd{ background:#eee; margin:0 0 30px 0;}
.bTeam .slick-dots{ transform:translateX(0px);}

.teamFr .pd{ margin-bottom:30px;}
.teamFr .img{ width:auto;}
.teamFr .img img{ width:180px; margin:0 auto;}
.teamFr .text{ position:static; padding:30px 0 0 0; text-align:center;}
.teamFr .h3{ margin-bottom:10px; font-size:20px;}
.teamFr .p{ line-height:20px;}

.bTeam .p{ height:60px;}

.msgFr .pd{ margin-right:0px;}
.msgFr dl{ width:auto; float:none; padding-right:0px;}

.jobList .li1{ width:70%;}
.jobList .li4{ display:none;}
.jobList dt strong{ display:block;}
.jobList dt span{ display:block;}
.jobList dd{ padding:15px;}

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

.partner_list ul{ margin:0px;}
.partner_list li{ width:auto;}
.partner_list .pd{ margin-right:0px;}
.partner_list .img{ margin:0px !important;}
.partner_list .text{ position:static;}
.partner_list .h3{ padding-bottom:0px;}
.partner_list .h3:before{ display:none;}
.partner_list .pd:before{ display:none;}
.partner_list .pd:hover{ background:#f4f4f4;}

.banner_pg .i{}
.banner_pg .i img{ height:100px;}
.banner_pg .text{ top:auto; bottom:20px;}
.banner_pg .h3{ font-size:18px;}
.banner_pg .em{ font-size:24px; padding-top:15px;}

.partnerInfo1_1 .h3{ text-align:center; margin-bottom:20px; font-size:24px;}

.partnerInfo2_1{ width:auto;}
.partnerInfo2_1 .h3{ font-size:18px;}

.partnerInfo3_1 .dd{ line-height:2;}
.partnerInfo3_1 .dt strong{ height:40px; line-height:40px; padding:0 60px 0 30px;}

.proList1 .text{ padding:0px;}
.proList1 .pd:before{ display:none;}
.proList1 .img:before{ top:25px; margin-left:60px;}

.proScreen .pd{ margin-right:-5px;}
.proScreen dl{ padding-right:5px; margin-bottom:10px; width:50%;}
.select2 .selectCon{ width:calc(200% + 5px);}

.select3 .selectCon{ width:calc(200% + 5px);}

.proList2 li{ width:50%;}
.proList2 .img img{ max-width:80%;}
.proList2 .text{ padding:0 20px 10px 20px;}
.proList2 .h3,
.proList2 .p,
.proList2 .em{ overflow:hidden; line-height:20px; height:40px; line-height:20px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}

.productmain1,
.productInfo{}

.proTj .proList2 li:nth-child(4){ display:block;}

.joinFr .tit2{ margin-bottom:20px;}
}

@media screen and (max-width:480px){
.wp,
.newsInfo .wp{ margin:0 20px;}
.iBanner .img img{ height:260px !important;}

.footerFr{ width:auto;}
.partnerInfo4_2 a{ margin:0 5px;}

.partnerInfo2_1 .p{ font-size:14px;}

.proTbale td{ padding:5px; max-width:2em;}

.areamain1_1 .img{ width:auto; }
}
@media screen and (max-width:413px){
body{ font-size:13px;}

.wp,
.newsInfo .wp{ margin:0 15px;}
.iBanner .img img{ height:240px !important;}

.news_tit h1{ font-size:18px;}

.footerFr .text{ padding-left:20px;}

.bannerNav li{ margin:0 10px;}

.partnerInfo4_1 .text{ padding:20px;}

.partnerInfo1_1 .h3{ font-size:18px;}

.proList2 ul{ margin-right:-10px;}
.proList2 .pd{ margin-right:10px;}
.proList2 li{ margin-bottom:10px;}
.proList2 .h3,
.proList2 .p,
.proList2 .em{ font-size:13px; line-height:18px; height:36px;}

.iBanner .em{ margin-bottom:1em;}
.iBanner .i{ width:64px;}
}
@media screen and (max-width:374px){
body{ font-size:12px;}

.iBanner .img img{ height:220px !important;}
.contact .text{ padding:25px 20px;}

.bannerNav li{ margin:0 5px;}

.subNav .h3 span{ font-size:10px;}

.proList2 ul{ margin-right:-8px;}
.proList2 .pd{ margin-right:8px;}
.proList2 li{ margin-bottom:8px;}
.proList2 .h3,
.proList2 .p,
.proList2 .em{ font-size:12px; line-height:16px; height:32px;}
}

.iBanner .h3{ font-family:幼圆,"Source Han Sans CN",\5FAE\8F6F\96C5\9ED1,"Museo300", "Open Sans", "Hiragino Sans GB", STXihei, "Microsoft YaHei", sans-serif; letter-spacing:0.5em; padding-left:0.5em; font-weight:bold;}


.iBanner .em{
opacity:0; transform:translateY(100px) scale(0.5,0.5); transition:all ease-in-out 1s;
}
.banner_pg .i,
.banner_pg .h3,
.banner_pg .em{
opacity:0; transform:translateY(-50px); transition:all ease-in-out 0.5s;
}

.iBanner .img img{ transform:scale(1.2,1.2);}

.banner_pg .i{transition-delay:0.1s;}


.banner_pg .h3{transition-delay:0.3s;}


.banner_pg .em{transition-delay:0.6s;}


.body_ready .iBanner .slick-current .em,
.body_ready .iBanner .slick-current .img img,
.body_ready .banner_pg .i,
.body_ready .banner_pg .h3,
.body_ready .banner_pg .em{transform:translateY(0) translateX(0) rotate(0); opacity:1;}























.ex2 {
  opacity: 0;
}
.ex2 span {
  opacity: 0;
}

.body_ready #nb_icon_wrap,
.body_ready #nb_invite_wrap{ display:none !important;}
.body_ready #newBridge #nb_nodeboard{ left:-100%;}