@charset "utf-8";
@font-face {font-family: 'DM Sans';src: url('../font/dmsans-variable.ttf') format('truetype');}
@font-face {font-family: 'Archivo';src: url('../font/Archivo-SemiBold.ttf') format('truetype');}
@font-face{font-weight:200;font-style:normal;font-family:Oswald;src:local('Oswald Light'),local('Oswald-Light'),url(../font/Oswald-Light.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-weight:300;font-style:normal;font-family:Oswald;src:local('Oswald Regular'),local('Oswald-Regular'),url(../font/Oswald-Regular.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-weight:400;font-style:normal;font-family:Oswald;src:local('Oswald Medium'),local('Oswald-Medium'),url(../font/Oswald-Medium.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-weight:600;font-style:normal;font-family:Oswald;src:local('Oswald Bold'),local('Oswald-Bold'),url(../font/Oswald-Bold.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

@font-face{font-weight:200;font-style:normal;font-family:Prompt;src:local('Prompt-Light'),local('Prompt-Light'),url(../font/Prompt-Light.woff2) format('woff2');font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-weight:300;font-style:normal;font-family:Prompt;src:local('Prompt-Regular'),local('Prompt-Regular'),url(../font/Prompt-Regular.woff2) format('woff2');font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-weight:400;font-style:normal;font-family:Prompt;src:local('Prompt-Medium'),local('Prompt-Medium'),url(../font/Prompt-Medium.woff2) format('woff2');font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-weight:500;font-style:normal;font-family:Prompt;src:local('Prompt-SemiBold'),local('Prompt-SemiBold'),url(../font/Prompt-SemiBold.woff2) format('woff2');font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* CSS Document */
*{ margin:0; padding:0;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html,body{width: 100%;overflow-x: hidden;}
body,div,span,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,td,tr,th,p{padding:0; margin:0; font-family:'DM Sans','Archivo','Prompt','Oswald',"Noto Sans SC";font-weight:normal;outline: 0;}
body{ font-size:12px; }
a{ text-decoration:none;}
li{ list-style:none;}
table,tr,td,ul,li,dl,dt,dd,div{ border:0;}
img{ border:0; image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; -ms-interpolation-mode: nearest-neighbor;}
li,dd,ol,ul{list-style-type:none;}
a{ text-decoration:none;cursor: pointer; color:#555;}
img{border:none; outline: medium none; }
img a{border:none;}
input,select,button{outline: medium none;border: none; padding: 0; margin: 0;}
textarea {outline: medium none; background: none; border: 0; padding: 0; margin: 0; resize: none;}
i,em {font-style:normal;}
h1,h2,h3,h4,h5,h6{ font-weight: normal;}
ul li img { display: block; }
.fl{float:left}
.fr{float:right}
.clearfix:before,.clearfix:after{display:table;content:"";line-height:0px}
.clearfix:after{clear:both}
.clearfix{*zoom:1}
.w1400{width: 1400px;margin:0 auto;}
.w1200{width: 1200px;margin:0 auto;min-width:1200px;}

.tc{text-align:center !important;}.pt20{padding-top:20px;}.ml_5{margin-left:5px;}.ml_10{margin-left:10px;}.h34{height:34px;}.w240{width:240px;}.ml220{margin-left:220px;}.mb60{margin-bottom:60px;}.mb50{margin-bottom:50px;}.mb40{margin-bottom:40px;}.mb30{margin-bottom:30px;}.mb20{margin-bottom:20px;}.mb15{margin-bottom:15px;}.mt60{margin-top:60px;}.mt50{margin-top:50px;}.mt40{margin-top:40px;}.mt30{margin-top:30px;}.mt20{margin-top:20px;}.mt15{margin-top:15px;}.cb0{clear:both;height:0px;line-height:0px;font-size:0;overflow:hidden;}.cb{clear:both;height:1px;line-height:1px;font-size:0;overflow:hidden;}.cb5{clear:both;height:5px;line-height:5px;font-size:0;overflow:hidden;}.cb10{clear:both;height:10px;line-height:10px;font-size:0;overflow:hidden;}.cb15{clear:both;height:15px;line-height:15px;font-size:0;overflow:hidden;}.cb20{clear:both;height:20px;line-height:20px;font-size:0;overflow:hidden;}.cb30{clear:both;height:30px;line-height:30px;font-size:0;overflow:hidden;}.cb40{clear:both;height:40px;line-height:40px;font-size:0;overflow:hidden;}.cb50{clear:both;height:50px;line-height:50px;font-size:0;overflow:hidden;}.cb60{clear:both;height:60px;line-height:60px;font-size:0;overflow:hidden;}.cb80{clear:both;height:80px;line-height:80px;font-size:0;overflow:hidden;}.cb90{clear:both;height:90px;line-height:90px;font-size:0;overflow:hidden;}.cb100{clear:both;height:100px;line-height:100px;font-size:0;overflow:hidden;}.cb120{clear:both;height:120px;line-height:120px;font-size:0;overflow:hidden;}.cb500{clear:both;height:500px;line-height:500px;font-size:0;overflow:hidden;}.sj04{-webkit-transition-duration:.4s;transition-duration:.4s;}.sj09{-webkit-transition-duration:.9s;transition-duration:.9s;}.sj012{-webkit-transition-duration:1.2s;transition-duration:1.2s;}.sj015{-webkit-transition-duration:1.5s;transition-duration:1.5s;}.sj018{-webkit-transition-duration:1.8s;transition-duration:1.8s;}.sj022{-webkit-transition-duration:2.2s;transition-duration:2.2s;}.sj030{-webkit-transition-duration:3s;transition-duration:3s;}.sj050{-webkit-transition-duration:5s;transition-duration:5s;}span.cb20{display:block;height:15px;line-height:15px;}

@media screen and (min-width:1660px){
	.container{margin:0 260px}
}
@media screen and (max-width:1660px) and (min-width:1360px){
	.container{margin:0 160px}
}
@media screen and (max-width:1360px) and (min-width:960px){
	.container{margin:0 60px}
}
@media screen and (max-width:960px){
	.container{margin:0 20px}
}

/*==通用==*/

/*news_title*/
.news_title{ width: 100%;position: relative;top:-100px;opacity: 0;padding:3% 0;text-align: center; }
.news_title h2{font-size: 30px;color: #19b3ab;font-weight: 900;}
.news_title h4{font-size: 18px;color: #666;font-weight: normal;}
.news_title img { display: block; margin: 0px auto;}
.news_title.fade_com{top: 0;opacity: 1;}

@media screen and (max-width: 680px){
.news_title h2 {font-size: 24px;}
.news_title h4{font-size: 16px;}
}
@media screen and (max-width: 480px){
.news_title h2 {font-size: 20px;}
.news_title h4{font-size: 14px;}
}


/*==公用头部==*/
.header{/* position:absolute; *//* left:0; *//* top:0; */width:100%;/* border-bottom: 1px solid rgba(255,255,255,.2); *//* background-color: rgba(0,0,0,0.5);background-color:#00a1e9; */z-index:222;transition: all .5s ease;}
.header .container {display: flex;flex-direction: column;align-items: center;margin: 0 80px;}
.logoBox{width: 185px;}
.headLogo{display: block;width:auto;margin-top: 10px;margin-bottom: 10px;}
.headLogo img{display:block;max-width:100%;}
.headLogo .wapimg{display:none;}

.headRight{position: absolute;right: 0;top: 0;width: 60px;z-index: 333;height: 70px;}
.headRight::before{content:'';position:absolute;right:0;top:0;width:60px;height:70px;background:#1d95d4;border-radius:60px 0 0 60px;z-index:666;}

.navTop{display: flex;margin-top: 10px;justify-content: flex-end;align-items: center;}
.navTop p{float:left;padding-left: 35px;margin-right: 20px;font-size:28px;font-weight:bold;color:#fff;background: url(../images/indexIco1.png) 5px center no-repeat;}
.navTop .hsearch{display:inline-block;float:left;width: 33px;height: 33px;background: #ebe5e5 url(../images/indexIco2.png) center center no-repeat;border-radius: 50%;text-align: center;line-height: 33px;}

/* 搜索框 */
.searchBot{display:none;position:fixed;top:0;left:0;background:#1d95d4;width:100%;height:120px;line-height:120px;z-index:1200;padding:0 10%}
.searchbox{float:left;width:50%;height:60px;line-height:60px;background:#fff;border-radius:40px;margin:30px 0 0 20%;padding:0 30px}
.searchbox input{width:80%;height:60px;color:#666;font-size:20px;border:none}
.searchbox .sbicon{display:block;float:right;width:25px;height:60px;}
/* .searchbox .sbicon{display:block;float:right;width:25px;height:60px;background:url(../images/indexIco1-4.png) center center no-repeat;} */
.closesearch{cursor:pointer;float:right}
.closesearch i{display:block;color:#fff;font-size:35px}


/*nav*/
.nav {position: relative;display: flex;float:right;width: 100%;z-index:100;justify-content: center;}
.navbar{width: 100%;height: 88px;}
.nav .navbar ul{width: 100%;height: 100%;display:flex;justify-content: space-between;}
.nav .navbar li{display: flex;position:relative;float:left;text-align:center;height: 88px;align-items: center;}
.nav .navbar ul li a{display: block;/* height: 100%; */position: relative;padding:0 10px;font-size: 16px;color:#373737;}
.nav .navbar ul li::before{content:'';display:block;width: 100%;height: 2px;position: absolute;bottom: 0;left: 0;background: #1d95d4;z-index: -1;opacity: 0;}
.nav .navbar ul li:hover a,.nav .navbar ul li.on a{color:#1d95d4;}
.nav .navbar ul li:hover::before,.nav .navbar ul li.on::before{opacity:1;}
/* .nav .navbar ul li:hover li a{font-weight:normal;} */

/* nav二级菜单 */
.navbar ul li .sub-menu{display: block;position:absolute;margin:0;left:0;width: 100%;min-height:44px;line-height: 44px;z-index:1000;background-color:rgba(255,255,255,0.8);-webkit-transition:top 0.3s ease 0s,opacity 0.5s;transition:top 0.5s ease 0s,opacity 0.5s;transform:scaleX(0);-moz-transform:scaleX(0);-webkit-transform:scaleX(0);-o-transform:scaleX(0);-ms-transform:scaleX(0);opacity:0;border:none;-moz-border-radius:0;-webkit-border-radius:0;-o-border-radius:0;-ms-border-radius:0;white-space:nowrap;text-align:center;border-radius: 0 0 15px 15px;z-index:22;}
.navbar ul li .sub-menu li{float: none;/* display:inline; */line-height: 44px;}
.navbar ul li .sub-menu li:last-child {border-radius: 0 0 5px 5px;}
.navbar ul li .sub-menu li a{padding:0;font-weight:normal;display:inline;color:#1d95d4 !important;margin:0px;font-size: 18px;}
.navbar ul li .sub-menu li a::before,.nav .navbar ul li.on .sub-menu li a::before,.nav .navbar ul li:hover .sub-menu li a::before{display:none;}
.navbar ul li .sub-menu li:hover{background: #1d95d4;color:#fff;}
.navbar ul li .sub-menu li:hover a{color: #fff !important;}
.navbar ul li .sub-menu .menu-item-has-children{position:relative}
.navbar ul li .sub-menu .menu-item-has-children:after{position:absolute;content:'\f2fb';top:50%;right:28px;transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%)}
.navbar ul li:hover > ul{opacity:1;top:100%;-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)}

.searchBtn{height: 90px;line-height: 90px;}
.searchBtn .hsearch{display: inline-block;width: 23px;height: 23px;background: url(../images/indexIco1-1.png) no-repeat;}

@media screen and (max-width: 1660px){
.nav .navbar ul li a{padding: 0 20px;font-size:16px;}
}
@media screen and (max-width:1400px){
.header .container{margin: 0 80px;}
}
@media screen and (max-width: 1360px){
.nav .navbar ul li a{padding: 0 10px;font-size:15px;}
}
@media screen and (max-width:1200px){
.header .container{margin: 0 60px;}
.headLogo{margin-top:15px;}

.nav .navbar ul li a{padding: 0 5px;font-size:14px;}
.navright p{font-size: 16px;}
}

@media screen and (max-width:1000px){
.navright p{background-image:none;padding-left: 15px;}
}
@media screen and (max-width:960px){
.header .container{margin: 0 20px;align-items: stretch;}
.navbar{display: none;}
.logoBox{float: left;}
.headLogo{margin-top: 10px;margin-bottom: 10px;}
/* .headLogo .pcimg{display:none;} */
.headLogo .wapimg{display:block;}
/*nav*/
.nav {position: inherit;}

/* 搜索框 */
.searchBot{padding:0 2%;}
.searchbox{width:85%;margin-left:2%;height: 50px;line-height: 50px;margin-top: 25px;}
.searchbox input{height:50px;font-size: 14px;}
.searchbox .sbicon{height: 50px;}
}
@media screen and (max-width:680px){
.logoBox{width: 92.5px;}	
}


/* 手机菜单 */
a.smllmenu{display:none;position: absolute;right: 0;top: 0;height: 73px;width: 63px;background-color: #1d95d4;z-index: 667;}
a.smllmenu img{display:block;margin:0 auto;}

/*手机版样式*/
.m_nav{display:none;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
.m_nav .closecover{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
.m_nav .closeicon{position:absolute;width:5%;right:1%;top:5%;text-align:center;filter:alpha(opacity=0);opacity:0;z-index:333;}
.m_nav .m_navList{position:absolute;width:500px;right:0px;top:0px;background:#1d95d4;height:100%;z-index:100;right:-80%;overflow-y:scroll;border-bottom-left-radius: 60px;}
.m_nav .m_navList ul{padding-left:5%;padding-right:5%}
.m_nav .m_navList ul li{padding: 5px 0;border-bottom:1px solid #1d95d4;}
.m_nav .m_navList ul li a{display:block;/* height:50px; */color:#fff;/* line-height: 1.25; */padding-left:5%;font-size:18px}
.m_nav .m_navList ul li .m_f_a{display:flex;width:100%;justify-content: space-between;align-items: center;}
.m_nav .m_navList ul li .m_f_a a{flex:1;}
.m_nav .m_navList ul li .m_f_a i{width:40px;height:35px;box-sizing:border-box;padding:0 5px;display:block}
.icon{background:url(../images/plus.png) 100% no-repeat;background-position:50% 50%;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.icon_on{background: url(../images/reduce.jpg) 50% no-repeat!important;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.m_nav .m_navList ul li .m_s_nav{display:none;width:100%}
.m_nav .m_navList ul li .m_s_nav a{display:block;height:40px;line-height:40px;font-size:16px;padding-left:10%;overflow:hidden;white-space:nowrap;width:90%;text-overflow:ellipsis;color:#fff}
.m_nav .m_navList ul li .m_s_nav a:hover{font-weight:bold;}

@media screen and (max-width:960px){
a.smllmenu,
.m_nav{display: flex;align-items: center;}
}

@media screen and (max-width:680px){
a.smllmenu{height:46.5px;}
}

.All_Content {}

/*内页banner*/
.innerBanner{position: relative;height: 400px;overflow:hidden;}
.subBanner{position: relative;height: 100%;overflow:hidden;}
.subBanner .img{width: 100%;height:100%;overflow: hidden;background-repeat: no-repeat;background-size: 100% 100%;}
.subBanner > img{max-width:none;width:100%;opacity:.6}
.m_innerban{display: none;}
.slogan{width:100%;position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);color:#fff;z-index:10}
.slogan .title{text-align:center;}
.slogan .title h4{margin-bottom:10px;font-size: 48px;color:#fff;text-transform: capitalize;}

@media screen and (max-width: 1660px){
.innerBanner{height:500px;}
.subBanner img{width: 100%;}
}
@media screen and (max-width: 1200px){
.innerBanner{/* height: auto; */}
.innerBanner{height: 320px;}
}

@media screen and (max-width: 960px){
.m_nav .m_navList{width:80%;}
.m_nav .closeicon{width:20%;left:0;right: inherit;}
.innerBanner{height: 220px;}
.slogan .title h4{font-size: 36px !important;}
}
@media screen and (max-width: 768px){
/* .subBanner{display:none;} */
.innerBanner{height: auto;}
.subBanner{display:none;}
.subBanner img{height: 100%;}
.m_innerban {display: block !important;width: 100%;}
.slogan{display: none;}
}
@media screen and (max-width: 480px){
}



/*面包屑*/
.list-url{display: flex;margin-bottom:20px;padding-top:20px;/* height:40px; */line-height:40px;justify-content: flex-start;font-size:16px;color:#1f1f1e;text-align: right;}
.list-url .container{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.list-url span{padding-left:35px;font-size: 16px;text-transform:capitalize;background:url(../images/home.png) left center no-repeat;}
.list-url span a{color:#4d4c4b;}
/* ..list-url span a:last-child,
list-url span a.on{color:#1d95d4} */

@media screen and (max-width: 960px){
.list-url{justify-content: flex-start;margin-bottom:0;line-height:35px;font-size: 14px;text-align:left;}
.list-url span{line-height:35px}
.list-url p{display:none}
}
@media screen and (max-width: 680px){
.list-url{display:none;}
}

/* 标题 */
.abTit{margin-bottom:60px;text-align:center;}
.abTit h4{margin-bottom:5px;font-size: 30px;font-weight: normal;color: #222;}
.abTit p{font-size:24px;color:#524f4c;text-transform: uppercase;}
@media screen and (max-width: 1200px){
.abTit{margin-bottom:35px;}
.abTit h4{font-size: 38px;}
.abTit p{font-size:26px;}
}
@media screen and (max-width: 960px){
.abTit{margin-bottom:15px;padding-top: 15px;}
.abTit h4{display: block;font-size:24px;letter-spacing:0;}
.abTit p{font-size:20px;}
.abTit img{display: none;}
}


/*内页内容*/
/* .innerpage{padding:0 0 40px;}
@media screen and (max-width: 1200px){
.innerpage{padding:0 0 25px;}
}
@media screen and (max-width: 960px){
.innerpage{padding:0 0 15px;}
} */

/*内页标题*/
.ntitle{position:relative;top:-100px;opacity:0;padding:0.5% 0;text-align:center}
.ntitle h2{font-size: 30px;color: #19b3ab;font-weight: 900;}
.ntitle h3{font-size: 24px;color: #999;font-weight: 900;text-transform: uppercase;letter-spacing: 1px;}
.ntitle h3 i{color: #19b3ab;}
.ntitle.fade_com{top:0;opacity:1}

.nableft .nabinfo{position:relative;left:-50%;opacity:0;z-index:2}
.nabright .nabinfo{position:relative;right:-50%;opacity:0;z-index:2}
.nableft .nabinfo.fade_com{left:0;opacity:1}
.nabright .nabinfo.fade_com{right:0;opacity:1}

@media screen and (max-width: 680px){
.ntitle h2 {font-size: 24px;}
.ntitle h3{font-size: 18px;}
}

/* 列表公用样式==begin== */
.newList{float:left;width:31.7%;margin-right:2.4%;margin-bottom:50px;transition: all .5s;}
.newList:nth-child(3n){margin-right:0;}
.newList a{display:block;}

.newPicBox{position:relative;width:100%;height:0px;padding-bottom:65%;overflow:hidden;margin:0 auto}
.newPic{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1);width:100%;height:auto;transition:all .5s ease}

.contentBoxB{margin-top:25px;padding:5px;}

.newTitle{margin-bottom:15px;font-size:18px;height:22px;line-height:1.2;font-weight:bold;color:#333;transition:all .5s ease;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis}

.TimeBox{margin:15px 0;font-size:18px;line-height:1.5;color:#999;}

.newMs{position:relative;width:100%;clear:both;font-size:18px;color:#666;height:40px;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis}

.bottom_btn{margin-top:20px;font-size:14px;line-height:1.5;text-transform:Capitalize;transition:all .5s ease;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#999;overflow:hidden;text-align: center;}
.bottom_btn i{display:inline-block;padding:4px 10px;border:1px solid transparent;color:#1d95d4;border-radius:10px;background:transparent;transition: background 0.3s ease, color 0.3s ease;}

.lineBox{position:relative;width:100%;height:1px;background:#ededed;margin-bottom:26px}
.lineBox::before{content:'';position:absolute;top:0px;left:0px;width:0px;height:100%;background:#afafaf;transition:all .5s ease;}
.newList:hover {/* transform: translate3d(0,-5px,0);box-shadow: 0 0 10px 0 rgba(58,61,75,.1) */}
.newList:hover .newPic{transform:translate(-50%,-50%) scale(1.1)}
.newList:hover .newTitle{color:#1d95d4}
.newList:hover .lineBox::before{width:100%} 
.newList:hover .bottom_btn{}
.newList:hover .bottom_btn i{animation: MoveButton 0.3s;}


@media screen and (max-width: 960px){
.newList{width:48.5%;margin-right:2%;margin-bottom:15px}
.newList:nth-child(3n){margin-right:2%;}
.newList:nth-child(2n){margin-right:0;}
.newTitle{margin-bottom:0px;font-size:16px;}
.contentBoxB{margin-top:5px !important;}
}
/* 列表公用样式==end== */


/* A按钮公用样式==begin== */
.indexAb_more{display:block;width: 120px;height: 40px;margin-top: 0;background:#bbb;line-height: 40px;text-align:center;color:#fff;font-size:16px;position:relative;overflow:hidden;z-index:5;border-radius:22.5px;transition: background 0.3s ease, color 0.3s ease;}
.indexAb_more:before{content: '';width: 0;height: 100%;background: #1d95d4;color:#fff;position: absolute;left: 0;top: 0;transition: 0.3s ease all;z-index:-1;}
.indexAb_more:hover{animation: MoveButton 0.3s;}
.indexAb_more:hover:before{width:100%;}
/* A按钮公用样式==end== */


.allBox{padding-bottom:70px;}


/* tab样式 */
.insidesTab{text-align:center;display:flex;display:-webkit-flex}
.insidesTab a{flex:1;-webkit-flex:1}
.insidesTab .ittext{position:relative;display:block;float:left;color: #fff;font-size: 20px;height: 140px;text-align:center;margin:0 auto;z-index:100;box-sizing:border-box;overflow:hidden;display: flex;justify-content: center; align-items: center;}
.insidesTab .ittext:nth-child(1){background-color: #1f1f1f;}
.insidesTab .ittext:nth-child(2){background-color: #2b2b2b;}
.insidesTab .ittext:nth-child(3){background-color: #3b3b3b;}
.insidesTab .ittext:nth-child(4){background-color: #4e4e4e;}
.insidesTab .ittext:nth-child(5){background-color: #5d5d5d;}
.insidesTab .ittext:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:0;background:#cc0716;transition:0.45s;z-index:-1}
.insidesTab .ittext:hover:before{transition:0.45s;height:100%;}
.insidesCon{margin-top:50px;}

@media screen and (max-width: 1200px){
.allBox{margin-top:25px;}
.insidesCon{margin-top:25px;}
}
@media screen and (max-width: 960px){
.allBox{padding-bottom:15px;}
.insidesCon{margin-top:15px;}
.insidesTab .ittext{height: 50px;line-height: 50px;font-size:15px;}
}


/* 内页导航 */
.pageNav{position: absolute;left: 0;bottom: 0;width:100%;background: transparent;z-index: 2;/*-moz-box-shadow:0 0 5px #cacaca;-webkit-box-shadow:0 0 5px #cacaca;box-shadow:0 0 5px #cacaca;*/}
.page-nav-link .case-swiper{width:100%}
.pageNav .swiper-wrapper{position:relative;width:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.page-nav-link .swiper-slide{flex: 1;text-align:center}
.page-nav-link .swiper-slide a{display:block;position:relative;padding: 0 6px;line-height:60px;white-space:nowrap;font-size: 18px;color: #272727;text-overflow:ellipsis;overflow:hidden;width:100%;letter-spacing: 1px;border-right: 1px solid #dcdcdc;}
.page-nav-link .swiper-slide:last-child a{border-right: none;}
.page-nav-link .swiper-slide a::before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(255, 255, 255, 0.4);opacity:1;z-index:-1;}
.page-nav-link .swiper-slide.active a,.page-nav-link a:hover{color:#fff;}
.page-nav-link .swiper-slide.active a::before,.page-nav-link a:hover::before{background:#ef93bb;}

@media screen and (max-width: 768px){
.page-nav-link .swiper-slide{flex: none;}	
}

.allBox .abTit{margin-bottom: 30px;}
.allBox .abTit h4{font-size: 44px;color: #373737;font-weight: 200;text-transform: capitalize;}
.allBox .abTit p{font-size: 30px;color: #373737;font-weight: 200;text-transform: capitalize;}

@media screen and (max-width: 1440px){
.allBox .abTit h4{font-size:38px;}
.allBox .abTit p{font-size: 26px;}
}
@media screen and (max-width: 960px){
.pageNav .container {overflow: hidden;}
.pageNav .swiper-wrapper{align-items: flex-end;}
.page-nav-link .swiper-slide {height:57px;}
.page-nav-link .swiper-slide a{font-size:14px;line-height: 1.25;white-space: normal;height: 100%;display: flex;align-items: center;justify-content: center;}

.allBox .abTit h4{font-size:32px;}
.allBox .abTit p{font-size: 20px;}
}
@media screen and (max-width: 680px){
.page-nav-link .swiper-slide{min-height: 28px;height:48px;}
.page-nav-link .swiper-slide a{padding: 2px 6px;font-size:12px;}
}


/*【1】==About us*/
.AbuBox img{max-width:100%;}
.AbuBox .abTit p{margin-top: 20px;}
.AbuBox .AbuCon P{margin-bottom: 20px;line-height: 2;font-size: 18px;color: #030304;text-align: left;}

/* HBay Brand Story */
.IntroBox{padding: 80px 0;background-color: #dce8f4;}

.AbuSonBox{margin-top:80px;}
.AbuSonCon {display: flex;flex-direction: row;flex-wrap: nowrap;align-items: center;}
.NCLBox .AbuSonCon {flex-direction: row-reverse;}
.AbuSonBox .abTit{text-align:left;}
.AbuSonBox .AbuSonLeft{width: 55%;margin-right: 80px;}
.NCLBox .AbuSonLeft{margin-right: .0;margin-left: 80px;}
.AbuSonBox p{font-size: 18px;}

/* 品牌文化 */
.CulBox{padding: 400px 0 90px;background: url(../images/innerBg1-1.jpg) left top no-repeat;background-size: 100% 100%;}

/* 品牌矩阵 */
.BmBox{padding:120px 0 90px;}
.BmCon{display: flex;flex-direction: row;flex-wrap: nowrap;align-items: center;}
.BmCon .CulLeft{width:calc(100% - 560px);float:left;}
.CulLeft p{font-size: 14px;}
.BmCon .CulImg{width: 500px;float:right;}

@media screen and (max-width: 1440px){
/* 品牌矩阵 */
.BmCon .CulLeft{width:calc(100% - 440px);}
.AbuBox .AbuCon P{margin-bottom: 10px;line-height: 1.5;}
.BmCon .CulImg{width: 400px;}
}
@media screen and (max-width: 1200px){
/* HBay Brand Story */
.AbuBox .AbuCon P{line-height: 1.75;}
.IntroBox,
.CulBox,
.BmBox{padding: 35px 0;}

/*【1】==About us*/
.IntroBox{padding: 50px 0;}

.AbuSonBox{margin-top:40px;}
.AbuSonBox .AbuSonLeft{width: 60%;margin-right: 40px;}
.NCLBox .AbuSonLeft{margin-right: 0;margin-left: 40px;}
.AbuSonBox p{font-size: 16px;}

/* 品牌文化 */
.CulBox{background-image: none;background-color: #cee3f2;}
/* 品牌矩阵 */
.BmCon{flex-wrap: wrap;}
.BmCon .CulLeft,
.BmCon .CulImg{width:100%;float: none;}
}
@media screen and (max-width: 960px){
/* HBay Brand Story */
.IntroBox{padding: 15px 0;}

/*【1】==About us*/
.IntroBox{padding: 25px 0;background-color: transparent;}

.AbuSonBox{margin-top:20px;}
.AbuSonCon,
.NCLBox .AbuSonCon {flex-direction: column;}
.CulLeft{margin-bottom: 20px;}
.AbuSonBox .abTit{text-align:center;}
.AbuSonBox .AbuSonLeft{width: 100%;margin-right: 0;}
.NCLBox .AbuSonLeft{margin-left: 0;}
.AbuSonBox p{font-size: 14px;}
}
@media screen and (max-width: 680px){

}

.allBox img{display:block;margin:0 auto;max-width: 100%;}
.ConBottom{height:140px;background-color:#040000;}


/* 【2】==State-of-art Manueacturing */
.SoaMBox{padding-bottom: 0 !important;}
.FhBox,
.EpBox,
.CtBox,
.QaBox,
.BpBox{padding:70px 0 100px;}
.FsBox,
.CtBox,
.BpBox{background-color: #dce8f4;}
.SoaMCon p{color: #030304;font-size:16px;line-height: 1.5;}
.SoaMCon p span{font-size:16px !important;}

/* 2.1、Factory History */
.FhCon {display: flex;margin-bottom: 70px;align-items: center;}
.FhSonBox{width: calc(100% - 650px);float: left;}
.FhSonBox .abTit{text-align: left;}
.FhImg{width: 600px;margin-left:50px;float: right;}
.FhImg,
.FhImg img{border-bottom-right-radius: 60px;}

/* timelin */
.timeline-label-item{color:#333;cursor:pointer;font-size:22px;font-weight:500;line-height:1.2;padding:0 10px}
.timeline-label-item.slick-current{color:#1d95d4;font-weight:600}
.timeline-content{margin-left:-13px;margin-right:-13px;margin-bottom: 40px;}
.timeline-content-item{padding:0 13px}
.timeline-content-item h3{font-weight:600;margin-bottom:10px}
.timeline-content-item div p{height: 50px;line-height: 1.25 !important;}
.timeline-img{/*height:270px;*/margin-top:20px;position:relative;}
.timeline-img img{height:100%;object-fit:cover;width:100%}
.timeline-year{background:#1d95d4;bottom:0;font-size:19px;font-weight:600;left:0;line-height:1.2;min-width:115px;padding:7px 10px 3px;position:absolute;text-align:center}
.timeline-content-item.slick-current .timeline-year{background:#ef93bb}
.timeline-label{padding:0 10px}
.timeline-label .slick-arrow{bottom:-6.5px;top:auto;transform:none}
.timeline-label .slick-prev{left:-5px}
.timeline-label .slick-next{right:-5px}
.timeline-label .slick-track{align-items:flex-end;border-bottom:1px solid hsl(200.66deg 75.93% 47.25% / 45%);display:flex;margin-bottom:4px}
.timeline-label-item span{display:inline-block;padding-bottom:14px;position:relative}
.timeline-label-item.slick-current span:after{background:#ef93bb;border-radius:50px;bottom:-3.5px;content:"";height:7px;left:0;position:absolute;width:100%}
@media(min-width:1025px){
.timeline-section h2{margin-bottom:58px}
.timeline-content-item .detail-content{font-size:19px;line-height:1.4}
.timeline-label{margin-bottom:54px}
.timeline-label-item{font-size:21px}
}@media(max-width:1024px){
.timeline-section h2{margin-bottom:50px}
.timeline-label{margin-bottom:46px}
}

/* 2.2、Factory Scale */
.FsBox{padding: 110px 0;}
.FsCon{display: flex;flex-direction: row-reverse;align-items: center;}
.FsLeft{width: calc(100% - 730px);float: right;}
.FsLeft .abTit,
.FsLeft .FhCon{text-align: right;}
.FsImg{width: 683px;margin-right: 47px;float: left;}
.FsImg,
.FsImg img{border-bottom-left-radius: 60px;}


/* 2.3、Efficient Production */
.EpImg{overflow:hidden;}
.EpImg ul{height:216px}
.EpImg li{float:left;width:18%;height:216px}
.EpImg li:last-child{margin-right:0}
.EpImg a{display:block;width:95%;height:100%;overflow:hidden;position:relative;text-align:center;background-color:#fff;margin:0px auto}
.EpImg a img{display:block;max-width:100%;width:100%;height:100%;text-align:center;margin:auto;position:absolute;top:0;bottom:0;left:0;right:0;transition:0.5s}
.EpImg a{transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out}
.EpImg a:hover img{transform:translate(0,-10px);-webkit-transform:translate(0,-10px);-moz-transform:translate(0,-10px);-o-transform:translate(0,-10px);-ms-transform:translate(0,-10px)}
.EpImg a:hover{background-color:rgba(255,255,255,0.6);-webkit-box-shadow:0px 5px 15px #e5e5e5;-moz-box-shadow:0px 5px 15px #e5e5e5;box-shadow:0px 5px 15px #e5e5e5}

/* 2.4、Core Technology */
.CtSonTop{margin-bottom: 25px;}
.CtSonBot{display:flex;}
.CSBLeft{width:calc(100% - 400px);float:left;}
.CtImg{width:400px;float:right;}
.CtCon p i{color: #1d95d4;}

/* 2.5、Quality Assurance */
.QaSonBox{display: flex;}
.QaSon{width: calc(100% - 700px);float: left;}
.QaImg{width: 642px;margin-left:58px;float: right;}

/* 2.6、Business Partner */
.BpSon .ul-imgq1{margin: 0 -4px 0;/* display:flex; *//* display: -webkit-box; */display: -ms-flexbox;/* display: -webkit-flex; *//* flex-wrap: wrap; */box-sizing: border-box;}
.BpSon .ul-imgq1:after{content:'';display:block;clear:both;visibility:hidden;width:100%;height:0}
.BpSon .ul-imgq1 li{/* flex:15%; */float: left;width: calc(14.28% - 25.7px);margin-right:30px;margin-bottom:25px;}
.BpSon .ul-imgq1 li:nth-child(7n){margin-right:0;}
.BpSon .ul-imgq1 li a{display:block}
.BpSon .ul-imgq1 .pic{height: 88px;line-height: 88px;border-radius:0;text-align:center;background-color: #fff;overflow:hidden;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-box-shadow:10px 15px 13px rgba(55,66,133,.21);-moz-box-shadow:10px 15px 13px rgba(55,66,133,.21);-ms-box-shadow:10px 15px 13px rgba(55,66,133,.21);-o-box-shadow:10px 15px 13px rgba(55,66,133,.21);box-shadow:10px 15px 13px rgba(55,66,133,.21);}
.BpSon .ul-imgq1 .pic img{display:inline-block;vertical-align:middle;max-width:90%;max-height:90%}
.BpSon .ul-imgq1 a:hover .pic{-webkit-transform:translateY(-6px);-ms-transform:translateY(-6px);-o-transform:translateY(-6px);transform:translateY(-6px)}
@media screen and (max-width: 1440px) {
.FhBox,
.FsBox,
.EpBox,
.CtBox,
.QaBox,
.BpBox{padding:50px 0;}

/* 2.1、Factory History */
.FhCon {margin-bottom: 45px;}
.FhSonBox,
.FsLeft,
.QaSon{width: calc(100% - 560px);}
.FhImg,
.FsImg,
.QaImg{width: 555px;margin-left:35px;}

/* 2.5、Quality Assurance */
.QaSonBox{align-items: center;}
}
@media screen and (max-width: 1200px) {
.FhBox,
.FsBox,
.EpBox,
.CtBox,
.QaBox,
.BpBox{padding:30px 0;}
.BpSon .ul-imgq1 li{width: calc(20% - 12px);margin-right: 15px;margin-bottom:15px;}
.BpSon .ul-imgq1 li:nth-child(5n){margin-right:0;}
.BpSon .ul-imgq1 li:nth-child(7n){margin-right:15px;}
	
/* 2.1、Factory History */
.FhSonBox,
.FhImg{float:none;width:100%;}
.FhImg{margin-left:0;margin-top: 20px;}
.FhCon {flex-wrap: wrap;flex-direction: column;}
.FhImg,
.FhImg img{border-bottom-right-radius: 0;}

/* 2.2、Factory Scale */
.FsCon{flex-direction: column;}
.FsLeft,
.FsImg{width: 100% ;float: none;}
.FsBox .abTit h4{text-align:center;}
.FsImg,
.FsImg img{border-bottom-left-radius: 0;}

/* 2.4、Core Technology */
.CtSonBot{flex-direction: column;}
.CSBLeft,
.CtImg{width:100%;float:none;}

/* 2.5、Quality Assurance */
.QaSonBox{flex-direction: column;}
.QaSon,
.QaImg{width: 100%;float: none;}
.QaImg{margin-left:0;}
}

@media screen and (max-width: 960px) {
.FhBox,
.FsBox,
.EpBox,
.CtBox,
.QaBox,
.BpBox{padding:15px 0;}
.BpSon .ul-imgq1 li{width: calc(25% - 12px);margin-right: 16px;margin-bottom:10px;}
.BpSon .ul-imgq1 li:nth-child(4n){margin-right:0;}
.BpSon .ul-imgq1 li:nth-child(5n){margin-right:15px;}
}

/* 【3】==Diversified Packaging */
/* 3.1、Bottled Water */
.BwTop{display: flex;flex-wrap: nowrap;}
.BwTLeft {width:calc(100% - 553px);margin-top: 40px;}
.BwTLeft p{font-size:14px;color:#272727;line-height:1.5;}
.BwTImg {width:473px;margin-right:60px;margin-left:20px;}
.BwTImg img{}
.BwUl{margin-top:60px;}
.BwUl ul{display: flex;flex-wrap: nowrap;justify-content: space-between;}
.BwUl li{width:calc(25% - 9px);margin-right:12px;}
.BwUl li:last-child{margin-right:0;}
.BwUl li h4{margin-bottom:20px;font-size:18px;font-weight:bold;text-align:center;line-height:1.5;}
.BwUl li .BwUlImg{position: relative;display: block;width: 100%;height: auto;padding-bottom: 75%;overflow: hidden;}
.BwUl li img{position: absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1);width:100%;height:auto;transition:all .5s ease;}
.BwUl li:hover {cursor:pointer;}
.BwUl li:hover .BwUlImg img{transform:translate(-50%,-50%) scale(1.1)}

/* 3.2、Packaged Water */
.DpTop{display: flex;flex-wrap: wrap;}
.DpTLeft {margin-bottom: 40px;}
.DpTLeft p{font-size: 14px;color: #030304;line-height: 1.5;}
.DpTImg {width: 100%;}
.DpTImg img{display: block;margin: 0 auto;max-width: 100%;}

@media screen and (max-width: 1440px) {
/* 3.1、Bottled Water */
.BwTop{align-items: center;}
}
@media screen and (max-width: 1200px) {
/* 3.1、Bottled Water */
.BwTop{flex-direction: column;}
.BwTLeft {width:100%;margin-top: 0;}
.BwTImg {width:100%;margin-right:0;margin-left:0;}
}
@media screen and (max-width: 960px) {
/* 3.1、Bottled Water */
.BwUl ul{flex-wrap: wrap;}
.BwUl li{width:calc(50% - 30px);margin-right:15px;margin-bottom: 40px;}
.BwUl li:nth-child(2n){margin-right:0;}
}

/* 【4】==Robust Supply Chain Strengths */
.RscsCon li{margin-bottom: 70px;display: flex;flex-direction: row-reverse;}
.RscsCon li:nth-child(2n){flex-direction: row;}
.RscsWord {width: calc(100% - 530px);padding-top: 35px;}
.RscsWord .abTit{margin-bottom: 20px;text-align: left;}
.RscsWord .abTit h4{margin-bottom: 40px;font-size: 30px;}
.RscsWord .abTit p{font-size: 18px;font-weight: bold;}
.RscsWordSon p{line-height: 1.5;font-size: 16px;color: #272727;}
.RscsImg{width: 475px;margin-right: 55px;}
.RscsCon li:nth-child(2n) .RscsImg{margin-right: 0;margin-left: 55px;}
.RscsImg,
.RscsImg img{border-bottom-left-radius: 60px;}
.RscsCon li:nth-child(2n) .RscsImg,
.RscsCon li:nth-child(2n) .RscsImg img{border-bottom-right-radius: 60px;border-bottom-left-radius: 0;}

@media screen and (max-width: 1440px) {
/* 【4】==Robust Supply Chain Strengths */
.RscsCon li{align-items: center;margin-bottom: 50px;}
.RscsWord {width: calc(100% - 445px);padding-top: 20px;}
.RscsWord .abTit{margin-bottom: 10px;}
.RscsImg{width: 400px;margin-right: 45px;}
}

@media screen and (max-width: 1200px) {
.RscsWord .abTit h4{margin-bottom: 20px;font-size: 24px;}
.RscsWord .abTit p{font-size: 16px;}
.RscsCon li{margin-bottom: 30px;}
.RscsCon li,
.RscsCon li:nth-child(2n){flex-direction: column;}
.RscsWord,
.RscsImg{width: 100%;float: none;}
.RscsImg,
.RscsImg img,
.RscsCon li:nth-child(2n) .RscsImg,
.RscsCon li:nth-child(2n) .RscsImg img{border-radius: 0;}
}
@media screen and (max-width: 960px) {
.RscsWord .abTit h4{margin-bottom: 10px;}
.RscsWord .abTit p{font-size: 15px;}
.RscsCon li{margin-bottom: 15px;}
}
@media screen and (max-width: 680px) {
.RscsImg{display: none;}
}


/* 【5】==Brand Global Strategy */
.BgsSBox{margin-bottom:65px;}
.PosterSon{display:flex;}
.PosterSon img{width:calc(50% - 20px);margin-right: 20px;}
.PosterSon img:last-child{margin-right:0;}
.BgsSon p{font-size: 16px;line-height: 1.5;color: #272727;}
.BgsSon p i{color: #1d95d4;}
.BgsSon img{max-width: 100%;}
.HwpsCon ul{display: flex;}
.HwpsCon li{width:calc(33.33% - 38px);margin-right:57px;transition-duration: 0.3s;}
.HwpsCon li:last-child{margin-right:0;}
.HwpsCon .HwpsImg{position: relative;display: block;width: 100%;height: 0px;padding-bottom: 60%;overflow: hidden;}
.HwpsImg img{position: absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1);width:100%;height:auto;transition:all .5s ease;}
.HwpsCon .HwpsTit {margin:20px 0;padding:0 10px;}
.HwpsCon .HwpsTit h4{font-size: 26px;color: #1d95d4;}
.HwpsCon dl{padding:10px;}
.HwpsCon dl dd p{font-size: 16px;line-height: 1.75;color: #272727;}
.HwpsCon li:hover{box-shadow: 2px 0 10px rgba(0, 0, 0, 0.3);cursor: pointer;}
.HwpsCon li:hover .HwpsImg img{transform:translate(-50%,-50%) scale(1.1)}

.GobCon p{text-align: center;}

@media screen and (max-width: 1200px) {
/* 【5】==Brand Global Strategy */
.HwpsCon li{width:calc(33.33% - 10px);margin-right:15px;}
}
@media screen and (max-width: 960px) {
/* 【5】==Brand Global Strategy */
.HwpsCon ul{flex-direction: column;}
.HwpsCon li{width:100%;margin-right:0;margin-bottom:20px;}
}


/* 【6】==Where To Buy */
.WtbP p{line-height: 2;font-size: 24px;color: #1d95d4;text-align: center;}
.TMallImg{margin: 80px 0;}
.TMallImg img{display: block;margin:0 auto;}
.LinksA{margin:0 auto;text-align: center;}
.LinksA a{position: relative;display: inline-block;width: 200px;height: 54px;line-height: 54px;color: #1d95d4;background-color: transparent;border:1px solid #1d95d4;border-radius: 27px;z-index: 5;}
.LinksA a::before{content: '';width: 0;height: 100%;position: absolute;left: 0;top: 0;background-color: #1d95d4;transition: 0.3s ease all;border-radius: 27px;z-index:-1;}
.LinksA a:hover{color: #fff;animation: MoveButton 0.3s;}
.LinksA a:hover::before{width:100%;}

/* 【6】Certificate & Awarding 250805*/
.CaBox .newList{width: calc(33.33% - 16px);margin-right: 24px;margin-bottom: 35px;}
.CaBox .newList:nth-child(3n){margin-right:0;}
.CaBox .newPicBox{padding-bottom: 145%;}
.CaBox .contentBoxB{margin-top:10px;}
.CaBox .newTitle{height: 42px;min-height: inherit;margin-bottom: 10px;text-align: center;}

@media screen and (max-width: 960px){
.CaBox .newTitle{height: 50px;}
}
@media screen and (max-width: 768px) {
.CaBox .newList{width: calc(50% - 10px);margin-right: 20px;margin-bottom: 20px;}
.CaBox .newList:nth-child(3n){margin-right:20px;}
.CaBox .newList:nth-child(2n){margin-right:0;}
.CaBox .newTitle{height: 36px;font-size:14px;}
}

/* 【7】==News Updates */
.newsAll .newList{width: calc(25% - 15px);margin-right: 20px;margin-bottom: 35px;}
.newsAll .newList:nth-child(4n){margin-right:0;}
.newsAll .newPicBox{padding-bottom: 57%;}
.newsAll .contentBoxB{margin-top:10px;}
.newsAll .newTitle{height: 52px;min-height: inherit;margin-bottom: 10px;line-height: 1.25;color: #000;font-size: 14px;text-transform: uppercase;}
.newsAll .newTitle::before{display: none;}
.newsAll .TimeBox{margin: 0;font-size:14px;line-height:1.2;color: #868686;}
.newsAll .newList:hover .newPicBox{border-top-left-radius: 40px;}

@media screen and (max-width: 768px) {
.newsAll .newList{width: calc(50% - 10px);margin-right: 20px;margin-bottom: 20px;}
.newsAll .newList:nth-child(2n){margin-right:0;}
}

/* 【8】==Rewarding Careers */
.RcBox img{width: 100%;}
.GiBox dl dd{margin-bottom: 10px;line-height: 1.5;font-size: 24px;color: #1d95d4;}
.GiBox dl dt{line-height: 2;font-size: 14px;color: #333;}
.GiBox dl dt b{display: inline-block;text-indent: 32px;font-weight: normal;}

/* 8.1==Our Culture  */
.OcCon{display: flex;}
.OcCon dl{margin-bottom: 60px;}
.OcCon dt{position: relative;padding-left: 32px;margin-bottom: 10px;line-height: 2;font-size: 24px;color: #333;}
.OcCon dt::before{content: '';position: absolute;top: 15%;left: 0;width: 28px;height: 37px;}
.OcCon dd{line-height: 2;font-size: 14px;color: #000;}
.OcConLeft{width: calc(50% - 50px);margin-right: 50px;float: left;}
.OcConLeft li:nth-child(1) dt::before{background-image: url(../images/innerIco8-1.png);}
.OcConLeft li:nth-child(2) dt::before{background-image: url(../images/innerIco8-2.png);}
.OcConLeft li:nth-child(3) dt::before{background-image: url(../images/innerIco8-3.png);}
.OcConLeft li:nth-child(4) dt::before{background-image: url(../images/innerIco8-4.png);}
.OcConLeft{margin-top: 50px;}
.OcConRight{width: 50%;padding-left: 100px;float: right;}
.OcConRight{position: relative;}
.OCRTop{position: absolute;top: -120px;left: 100px;width: 400px;padding-bottom: 200px;z-index: 222;}
.OCRTop ul{padding:20px 25px;background-color: #1c94d3;border-radius: 10px;}
.OCRTop dl{margin-bottom: 40px;}
.OCRTop dt{position: inherit;padding-left: 0;color: #fff;}
.OCRTop dd{color: #fff;}
.OCRBottom{margin-top: 270px;}
.OCRBottom li:nth-child(1) dt::before{background-image: url(../images/innerIco8-5.png);}
.OCRBottom li:nth-child(2) dt::before{background-image: url(../images/innerIco8-6.png);}
.OCRBottom li:nth-child(3) dt::before{background-image: url(../images/innerIco8-7.png);}

.MsBox{margin:40px 0;}
.MsCon h4{margin-bottom: 10px;line-height: 2;font-size: 24px;color: #333;font-weight: bold;}
.MsCon p{line-height: 2;font-size: 14px;color: #000;}

/* 8.3==Growth-oriented Internships */
.GiTop{display:flex;margin-top: 60px;}
.GiTopLeft{width:calc(100% - 500px);float:left;}
.GiTopImg{width:446px;margin-left:54px;float:right;}
.GiCenter{display: flex;margin:70px 0;}
.GiCenter dl{width:calc(50% - 10px);}
.GiCenter dl:first-child{margin-right:20px;}

.GiBox {margin:60px auto;}
.GiBox .newList{width: calc(25% - 20px);margin-right: 10px;}
.GiBox .newList:nth-child(4n){margin-right:0;}
.GiBox .contentBoxB{margin-top:15px;}

@media screen and (max-width: 1500px) {
/* 8.3==Growth-oriented Internships */
.GiTop{align-items: center;}
}

@media screen and (max-width: 1440px) {
/* 8.1==Our Culture  */
.OcCon dl{margin-bottom: 45px;}
.OcCon dt{line-height: 1.75;font-size: 22px;}
.OcCon dt::before{top: 5%;}
.OcConRight{padding-left: 75px;}
.OCRTop ul{padding:20px;}

/* 8.3==Growth-oriented Internships */
.GiCenter{margin:50px 0;}
}
@media screen and (max-width: 1200px) {
.OcCon dl{margin-bottom: 25px;}
.OCRTop{left: inherit;right: 0;}
.OcCon dt{line-height: 1.5;font-size: 20px;}
.OcConRight{padding-left: 50px;}
.OCRTop ul{padding:15px;}

/* 8.3==Growth-oriented Internships */
.GiTop{flex-direction: column;}
.GiTopLeft,
.GiTopImg{width:100%;float:none;}
.GiTopImg{margin-left:0;margin-top: 30px;margin-bottom: 30px;}
.GiTopImg img{width: auto;}
.GiCenter{margin:30px 0;}
}
@media screen and (max-width: 960px) {
.OcCon dl{margin-bottom: 15px;}
.OCRTop{width:100%;}
/* 8.3==Growth-oriented Internships */
.GiCenter{margin:15px 0;}
	
.GiBox .newList{width: calc(50% - 10px);margin-right: 20px;margin-bottom: 20px;}
.GiBox .newList:nth-child(2n){margin-right:0;}
}
@media screen and (max-width: 768px) {
.OcCon dl{margin-bottom: 0;}
.OcCon{flex-direction: column;}
.OcConLeft{width: 100%;margin-right: 0;}
.OcConLeft ul{display: flex;flex-wrap: wrap;}
.OcConLeft ul li{width: calc(50% - 10px);margin-right: 20px;margin-bottom: 20px;}
.OcConLeft ul li:nth-child(2n){margin-right: 0;}
.OcConRight{width: 100%;padding-left: 0;}
.OCRTop{position: inherit;top: 0;padding-bottom: 0;}
.OCRTop li{margin-bottom: 15px;}
.OCRBottom{margin-top: 20px;}
.OCRBottom ul{display:flex;flex-wrap: wrap;}
.OCRBottom li{width: calc(50% - 10px);margin-right: 20px;margin-bottom: 20px;}
.OCRBottom li:nth-child(2n){margin-right: 0;}
/* 8.3==Growth-oriented Internships */
.GiCenter{flex-direction: column;}
.GiCenter dl{width: 100%;}
.GiCenter dl:first-child{margin-right: 0;margin-bottom: 20px;}
}
@media screen and (max-width: 480px) {
.OcConLeft ul li,
.OCRBottom li{width: 100%;margin-right: 0;margin-bottom: 15px;}
}

/* 【9】==Contact Us */
.CuCon{display: flex;align-items: center;}
.mapBox{width: 690px;float: left;}
.CuLists{float: right;width: calc(100% - 690px);height: 800px;background-color: #1d95d4;border-bottom-left-radius: 60px;overflow-y: auto;}
.CuLists dl {padding:30px;}
.CuLists dl dt h4{line-height: 2;font-size: 30px;color: #272727;}
.listUl li{padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid #fff;}
.listUl p{margin-bottom: 20px;line-height: 1.5;font-size: 18px;color: #272727;}
.listUl div p,
.infoSpan p{position: relative;display: block;padding-left: 20px;margin-bottom: 0;line-height: 2;font-size: 14px;color: #fff;}
.listUl div p::before,
.infoSpan p::before{content: '';position: absolute;left: 0;top: 25%;width: 15px;height: 16px;z-index: 2;background-repeat: no-repeat;background-size: 100% 100%;}
.listUl div p:nth-child(1)::before,
.infoSpan p:nth-child(1)::before{background-image: url(../images/footIco1.png);}
.listUl div p:nth-child(2)::before,
.infoSpan p:nth-child(2)::before{background-image: url(../images/footIco2.png);}
.listUl div p:nth-child(3)::before,
.infoSpan p:nth-child(3)::before{background-image: url(../images/footIco3.png);}

.CuLists::-webkit-scrollbar{position:absolute;left:0;width:10px}
.CuLists::-webkit-scrollbar-track{background-image:-webkit-gradient(linear,left top,right top,from(#e9e4df),color-stop(#f0ebe7),to(#e9e4df));background-image:-webkit-linear-gradient(left,#e9e4df,#f0ebe7,#e9e4df);background-image:linear-gradient(to right,#e9e4df,#f0ebe7,#e9e4df)}
.CuLists::-webkit-scrollbar-thumb{border-radius:30px;background-color:#ef93bb}


/* WebKit, Blink, Edge */
input[type='text']::-webkit-input-placeholder{color:rgba(38,38,38,0.7);}
/* Mozilla Firefox 4 to 18 */
[type='text']:-moz-placeholder{color:rgba(38,38,38,0.7);}
/* Mozilla Firefox 19+ */
[type='text']::-moz-placeholder{color:rgba(38,38,38,0.7);}
/* Internet Explorer 10-11 */
input[type='text']:-ms-input-placeholder{color:rgba(38,38,38,0.7);}
/* Microsoft Edge */
input[type='text']::-ms-input-placeholder{color:rgba(38,38,38,0.7);}


@media screen and (max-width:1440px){
.mapBox{width: 600px;}
.CuLists{width: calc(100% - 600px);height: 700px;}
.CuLists dl dt h4{font-size: 26px;}
}
@media screen and (max-width:1200px){
.mapBox{width: 450px;}
.CuLists{width: calc(100% - 450px);height: 550px;}

}
@media screen and (max-width:960px){
.CuCon{flex-direction: column-reverse;}
.mapBox,
.CuLists{width: 100%;float: none;}
.CuLists{height: auto;margin-bottom: 20px;border-bottom-left-radius: 0;}
.CuLists dl{padding: 15px;}
.CuLists dl dt h4{font-size: 24px;}

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

}


/* 版权部分 */
.footerbg{background-color: #1d95d4;}

.updown{opacity:0;visibility:hidden}
.updown.active{opacity:1;visibility:visible}
.updown i{cursor:pointer;display:block;width: 50px;height: 50px;line-height: 50px;position: fixed;bottom: 1%;left: calc(100% - 170px);margin-left: -25px;background: #a3a5a6 url(../images/top.png) center center no-repeat;border-radius: 5px;z-index:333;box-shadow: -1px 1px 6px 0px rgba(209, 173, 113, 0.52); transition: 0.35s;}
.updown i:hover{background-color:#ef93bb;animation: MoveButton 0.3s;}

.footerTop{padding: 50px 0;}
.footer_com a{float:left;width: calc(50% - 10px);text-transform: uppercase;letter-spacing: 1px;}
.footer_com a,.footer_com span{display:block;margin-bottom:20px;font-size:14px;color:#fff;}

.fcLeft{float:right;width:calc(70% - 80px);}
.social-links{display:flex;margin-bottom: 25px;}
.social-links .e-item{display: flex;width: 60px;height: 60px;justify-content: center;}
.social-links .e-item .e-item{font-size: 30px;color: #1d95d4;background-color: #fff;}
.social-links .e-item .e-icon {--e-social-icon-icon-color: #fff;display: inline-flex;align-items: center;justify-content: center;text-align: center;cursor: pointer;align-content: center;}
.social-links .e-item .e-icon svg {fill: #FFFFFF;width: 2rem;height: 2rem;position: relative;display: block}
.social-links .e-item .e-only{position: absolute;top: -10000em;width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;}
.e-icon:hover svg {fill: #84bb26;}

.fcRight{float:left;width:30%;}

.flogo{text-align: left;}
.flogo p{font-size: 24px;color: #fff;letter-spacing: 0;}
.fcRight .footer_com{float: none; width:100%;margin-top: 25px;}
.fcRight .footer_com span {position: relative;margin-bottom: 25px;padding-left:30px;line-height:1.75;font-size: 18px;color: #fff;}
.fcRight .footer_com span::before{content: "";width: 17px;height: 24px;position: absolute;left: 0px;top: 15%;z-index: 2;background-size: 100% 100%;}
.fcRight .footer_com span:nth-child(1)::before{background-image: url(../images/footIco1.png);}
.fcRight .footer_com span:nth-child(2)::before{background-image:url(../images/footIco2.png);}
.fcRight .footer_com span:nth-child(3)::before{background-image:url(../images/footIco3.png);}

.copyright{padding:25px 0;width:100%;background:#eff0f1;color:#979797;font-size:14px;}
.copyright span:first-child{margin-right: 10px;}
.copyright a{color:#979797;}

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

.footerTop{padding: 35px 0;}
}

@media screen and (max-width: 1200px){
.fcLeftT .footer_com{padding-left:10px;}
.footerCenter{padding:30px 0;}
.comH4::before{display:none;}
.footer_com a, .footer_com span{margin-bottom:10px;}

.fcRight h4 strong{font-size:36px;}
.fcLeftB textarea,
.btnBox button[type='submit']{height:100px;}

.copyright{padding:10px 0;}
}

@media screen and (max-width: 960px){
.footerTop{padding: 15px 0;}
.footerTop{display:flex;flex-wrap: wrap;flex-direction: column-reverse;}
.footerbg .fcLeft,.footerbg .fcRight {width:100%;float:none;}
.fcRight .footer_com span {margin-bottom: 15px;padding-left: 24px;font-size: 16px;}
.copyright{padding:10px 0;font-size:12px;text-align:center;}
.copyright span:first-child,
.copyright span:last-child{float:none;display:block;}
.copyright span:nth-child(2),.copyright span:nth-child(3),.copyright span:nth-child(4){display:none;}
}
@media screen and (max-width: 680px){
.footer_com{display: flex;flex-wrap: wrap;flex-direction: column;}
.footer_com a{float:none;width: 100%;}
}
@media screen and (max-width: 480px){
.footerTop{display:none;}
}


/* WebKit, Blink, Edge */
.feedBack input[type='text']::-webkit-input-placeholder{color:rgba(255,255,255,0.7);}
/* Mozilla Firefox 4 to 18 */
.feedBack [type='text']:-moz-placeholder{color:rgba(255,255,255,0.7);}
/* Mozilla Firefox 19+ */
.feedBack [type='text']::-moz-placeholder{color:rgba(255,255,255,0.7);}
/* Internet Explorer 10-11 */
.feedBack input[type='text']:-ms-input-placeholder{color:rgba(255,255,255,0.7);}
/* Microsoft Edge */
.feedBack input[type='text']::-ms-input-placeholder{color:rgba(255,255,255,0.7);}



/* search */
.SeaBg{margin-top:40px;min-height:400px;}
.insidesBanner{overflow: hidden;}
.insidesTitle{position:relative;padding:60px 0;}
.itc{text-align:center;color:#333333;font-size:50px;line-height:1;font-weight:normal;text-transform:uppercase;}
.titBox{line-height:45px;border-bottom:1px solid #000000;}
.sltitle{float:left;margin-right:20px;color:#1a1a1a;font-size:28px;font-weight:normal;text-transform:uppercase;letter-spacing:0;}
.srjg{float:left;text-align:center;color:#333333;font-size:16px}
.srjg a{color:#cc0000;font-weight:bold;}
.srList li{padding:20px 0;border-bottom:1px solid #e7e3e3}
.sltit{display:block;color:#000000;font-size:20px;font-weight:bold;height:40px;}
.sltxt{display:block;color:#666666;font-size:16px;height:28px;}
.eT{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.metadata img{display: block;margin:20px auto;}
.srList li:hover{border-bottom-color:#1d95d4;}
.srList li:hover .sltxt{color:#1d95d4;}


/*分页*/
.pagination-wrapper {clear:both;padding:1em 0;text-align:center;margin-top:10px;} 
.pagination {display: inline-block;*display: inline;*zoom: 1;font-size:14px;} 
.pagination li{float: left;display: inline;padding:0 1em;margin-right:10px;height:34px;line-height: 34px;text-decoration: none;border: 1px solid #d8dce0;border-radius: 5px;list-style: none; } 
.pagination li a {display: inline-block;color: #80909a; text-align:center;} 
.pagination li a:link{color: #555555;} 
.pagination li a:hover{text-decoration:none;color:#1d95d4;} 
.pagination li a:link:hover {color:#1d95d4;} 
.pagination li.thisclass{background-color: #1d95d4;border-color:transparent;} 
.pagination li.thisclass a{color:#fff;}
.pagination li:first-child,
.pagination li:last-child{border-radius: 20px;} 
.pagination li:last-child{margin-right:0;}
.pagination .pageinfo{color: #444;}
.pagebar .pagination{display:flex;justify-content:center;margin-top:30px;margin-bottom:30px;}
.pagination a{background:#fff;border:1px solid #ccc;color:#333;font-size:14px;padding:5px 10px;margin:0 5px;border-radius:5px}
.pagination span{color:#333;font-size:14px;padding:8px 2px;margin:0 5px;border-radius:5px}
.pagination a:hover,
.pagination a.page-num-current{color:#fff;background:#1d95d4;border:1px solid #1d95d4;}

.ImprovingH3{text-align:center;font-size:18px;color:#333;padding: 30px 0;}
.SpBg .ImprovingH3{color:#f3cbce;}

@media screen and (max-width:960px){
.pagination a{font-size: 12px;}
}


/*回到顶部-悬浮链接*/
.suspension{position:fixed;right:2px;bottom: 60px;width:60px;height: 204px;z-index:555;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:60px;height: 60px;line-height: 60px;background-color:#1d95d4;margin-bottom:2px;cursor:pointer;outline:none;border-radius: 10px;text-align: center;box-shadow: -1px 1px 6px 0px rgba(255, 255, 255, 0.54);}
.suspension .a.active,
.suspension .a:hover{background:#1d95d4;}
.suspension .a span{font-size: 12px;color: #fff;}
.suspension .a .i{display: inline-block;width:38px;height: 38px;margin: 0 auto;background-position: center center;background-repeat:no-repeat;vertical-align:middle;}
.suspension .a-service-phone .i{background-image:url(../images/indexIco5-1.png);}
.suspension .a-qrcode .i{background-image:url(../images/indexIco5-2.png);}
.suspension .a-service-jm .i{background-image:url(../images/indexIco5-4.png);}
.suspension .a-top{background:#d90707;display:none;height: 40px;line-height: 40px;margin-bottom: 0;}
.suspension .a-top .i{background-image:url(../images/kfIco_top.png);background-position: 0;height: 40px;}
.suspension .a-top:hover{background:#1d95d4;}
.suspension .d{display:none;width: 110px;background:#fff;position:absolute;right: 66px;/* min-height:90px; */border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top: 20px;}
.suspension .d-service-phone{top: 0;width:120px;}
.suspension .d-qrcode{top: 62px;}
.suspension .d-service-jm{top: 124px;}
.suspension .d .inner-box{padding: 10px 0;}
.suspension .d-service-phone .inner-box{padding:10px 8px;}
.suspension .d-service-item{/* border-bottom:1px solid #eee; *//* padding: 10px 0; */}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/phone_ico2.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:28px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{width: 120px;line-height:22px;font-size:15px;margin-left:0;}
.suspension .d-service-item .text .number{  }
.suspension .d-qrcode,.suspension .d-service-jm{text-align:center;}
.suspension .d-qrcode .inner-box{}
.suspension .d-qrcode .qrcode-img,.suspension .d-service-jm .qrcode-img{width: 100px;height: 100px;overflow: hidden;margin:0px auto;}
.suspension .d-qrcode .qrcode-img img,.suspension .d-service-jm .qrcode-img img{width: 100%;}
.suspension .d-qrcode p{font-size: 14px;color: #999;}
@media screen and (max-width:960px){
.suspension{display: none;}  
}


/* 新闻详情 */
.Dpage blockquote{height:46px;width:100%;line-height:46px;text-indent:24px;font-size:20px;font-weight:bold;color:#374285;background-color:#dbdeed;}
.DpageLeft{float:left;width:calc(100% - 370px);}
.Details_Con {padding:30px 15px;}
.Details_Con .DpageTit {margin:20px 0 40px;text-align:center;}
.Details_Con .DpageTit h4{font-size:24px;color:#3b3b3b;font-weight:bold;}
.Details_Con,
.DpageDes p{margin-bottom:25px;text-align:justify;line-height:2;font-size:16px;color:#3b3b3b;font-weight:300;}
.Details_Con img{max-width: 100%;display: block;margin: 0 auto;}
.DpageDes {margin:20px auto;}
.NewsContent{}
.NewsLeft{width:100%;max-width: 1200px;margin: 0 auto;padding:40px 30px;background:#fff;}
.n_park {text-align:center;}
.n_park h1{font-size:24px;font-weight:bold;color:#333;line-height: 2;}
.fabu {padding: 20px 0;margin-top: 20px;border-top: 1px solid #ccc;}
.n_park p{font-size:14px;color:#666;}
.Details_List {width:100%;margin-top:80px;}
.Details_List a{width:48.5%;height:40px;padding-left:16px;line-height:40px;color:#333;background:transparent;font-size:14px;text-overflow:ellipsis;white-space:nowrap;overflow: hidden;border:1px solid #ccc;border-radius: 25px;transition: background 0.3s ease, color 0.3s ease;}
.Details_List a:hover{background:#2b7eb4;color:#fff;border-color: transparent;animation: MoveButton 0.3s;}
.DpageRight{width:340px;float:right;overflow: hidden;}
.CcRight blockquote{color:#fff;background-color:#374285;}

.RPCon,
.OCCon{margin-top:25px;}
.RelatedPro .newList,
.OtherCases .newList{width:calc(50% - 10px);margin-right:20px;margin-bottom:20px;}
.RelatedPro .newList:nth-child(2n),
.OtherCases .newList:nth-child(2n){margin-right:0;}
.RelatedPro .contentBoxB,
.OtherCases .contentBoxB{margin-top:0;}
.RelatedPro .newTitle,
.OtherCases .newTitle{font-size:16px;color:#282828;text-align:center;}
.RelatedPro .newTitle{height:40px;-webkit-line-clamp: 2;}
.OtherCases .newTitle{-webkit-line-clamp: 1;}
.RelatedArt .newList{width:100%;margin-right:0;margin-bottom:5px;padding-left:6px;padding-bottom:10px;border-bottom:1px solid #e9ebf0;}
.RelatedArt .newList:first-child{margin-top:10px;}
.RelatedArt .newList .newTitle{min-height: inherit;height: 20px;color:#797979;font-weight:normal;font-size: 16px;}
.Dpage .RelatedArt .newTitle{margin-bottom:0;}
.RelatedArt .newList:hover {border-bottom-color:#384385;}
.RelatedArt .newList:hover .newTitle{font-weight:normal;color:#617aca;}
.RelatedArt .indexAb_more,
.RelatedPro .indexAb_more{width:100%;height:40px;line-height:40px;color:#617aca;background-color:#e4e4e4;text-align:center;border-radius:0;}
.RelatedArt .indexAb_more:before,
.RelatedPro .indexAb_more:before{background: #617aca;}
.RelatedArt .indexAb_more:hover,
.RelatedPro .indexAb_more:hover{color:#fff;}
.IsRight{background-color:#fff;}
.IsRight{padding-bottom: 40px;}
.IsRight .RelatedArt{margin-bottom:20px;}
.IsRight .RPCon{padding:0 20px;}
.IsRight .RelatedPro .newList{width:100%;margin-right:0;}
.IsRight .RelatedPro .newPicBox{padding-bottom:67%;}
.RelatedPro{margin-bottom:20px;}
.TaBg .contentBoxB{margin-top: 5px;}
.TaBg .newTitle{margin-bottom:0;height:24px;}

@media screen and (max-width: 1660px){
.CcConTop .abTit h4{font-size: 50px;line-height: 1;}
}
@media screen and (max-width: 1440px){
.DpageLeft{width:calc(100% - 300px);}
.DpageRight{width:280px;}
}
@media screen and (max-width: 1660px) and (min-width: 1360px){
}

@media screen and (max-width: 1200px){
.CcConTop .abTit{position:inherit;width:100%;text-align:center;}
.CcConTop .abTit h4::before{left:50%;margin-left:-25px;}
.CCTAll{flex-wrap: wrap;}
.CCTL{margin-top:0;width:100%;margin-right: 0;}
.CCTR{width:100%;}
.CcBg .newTitle{font-size:18px;}
.cenLists{padding:30px 0 20px;margin: 30px 0;}

.CcLeft{padding:25px 15px;}
}
@media screen and (max-width: 960px){
.Details_Con {padding:15px 5px;}
.Details_Con .DpageTit {margin:10px 0;}
.Details_Con .DpageTit h4{font-size:20px;line-height:1.75;}
.DpageDes p{font-size:16px !important;}
.CcBg .newList{width:calc(50% - 10px);margin-right: 20px;}
.CcBg .newList:nth-child(2n){margin-right:0;}
.cenLists{padding:0;margin: 0;background-color:transparent;}
.cenLists .TimeBox,
.cenLists .newTitle{color:#100f0f;}

.CcLeft{padding:15px 5px;}

.DpageLeft{width: 100% !important;float: none !important;margin-bottom: 20px;}
.DpageRight{width: 100% !important;float: none !important;}
}
@media screen and (max-width: 680px){
.CcBg .newList{width: 100%;margin-bottom:15px;margin-right:0;}
}
@media screen and (max-width:1200px){
.NewsLeft{padding:25px 15px;}
}
@media screen and (max-width:960px){
.NewsLeft{padding:15px 5px;}
}

@media screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 1024px) {

.logoBox{width: 14vw;}
}







@keyframes jump{
0%{-webkit-transform:translate(0);transform:translate(0)}
10%{-webkit-transform:translateY(5px) scaleX(1.2) scaleY(.8);transform:translateY(5px) scaleX(1.2) scaleY(.8)}
30%{-webkit-transform:translateY(-13px) scaleX(1) scaleY(1) rotateZ(5deg);transform:translateY(-13px) scaleX(1) scaleY(1) rotateZ(5deg)}
50%{-webkit-transform:translateY(0) scale(1) rotateZ(0);transform:translateY(0) scale(1) rotateZ(0)}
55%{-webkit-transform:translateY(0) scaleX(1.1) scaleY(.9) rotateZ(0);transform:translateY(0) scaleX(1.1) scaleY(.9) rotateZ(0)}
70%{-webkit-transform:translateY(-4px) scaleX(1) scaleY(1) rotateZ(-2deg);transform:translateY(-4px) scaleX(1) scaleY(1) rotateZ(-2deg)}
80%{-webkit-transform:translateY(0) scaleX(1) scaleY(1) rotateZ(0);transform:translateY(0) scaleX(1) scaleY(1) rotateZ(0)}
85%{-webkit-transform:translateY(0) scaleX(1.05) scaleY(.95) rotateZ(0);transform:translateY(0) scaleX(1.05) scaleY(.95) rotateZ(0)}
100%{-webkit-transform:translateY(0) scaleX(1) scaleY(1);transform:translateY(0) scaleX(1) scaleY(1)}
}





/* 动画专区 */
@keyframes MoveButton {
  30% {
    transform: translate3d(-3px, 0, 0);
  }

  70% {
    transform: translate3d(3px, 0, 0);
  }
}
@keyframes appear1{
	from{transform:translateX(-300px)}
	to{transform:translateX(0)}
}