@font-face {
  font-family: "DIN-Medium";
  src: url("https://cw.jangho.com/statics/fonts/DIN-Medium.woff") format("woff"),
       url("https://cw.jangho.com/statics/fonts/DIN-Medium.ttf") format("truetype"),
       url("https://cw.jangho.com/statics/fonts/DIN-Medium.eot") format("embedded-opentype"),
       url("https://cw.jangho.com/statics/fonts/DIN-Medium.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
/*全局样式*/
body{padding: 0;margin: 0;font-family: 'PingFang SC','Microsoft YaHei';font-size: 14px;color: #333;}
div,img,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,p{padding: 0;margin: 0;border: 0; outline: none;}
ul{list-style: none;}
a{text-decoration: none;color: #333;}
i,em{font-style: normal;}
img{display: inline-block;max-width: 100%;height: auto;}
/*去掉 input 默认边框*/
input{padding: 0;border: 0;font-size: 14px;color: #333; outline:none;}
input[type="submit"]{background-color: transparent;cursor: pointer;}
/*去掉 textarea 默认边框*/
textarea{padding: 0;border: 0;font-size: 14px;color: #333;}
/*去掉 button 默认边框*/
button{border: 0;padding: 0;background-color: transparent;font-size: 14px;color: #333;cursor: pointer; outline:none;}
/*清除浮动*/
.clearfix:after{content: '';display: table;clear: both;}
.clearfix{*zoom: 1;/*IE6识别*/}
/*解决chrome浏览器 input,textarea 获得焦点时会有一个边框的问题*/
input,textarea{outline: none;}
/*清除ios端 input,textarea 默认内阴影 默认圆角*/
input[type="text"],input[type="password"],input[type="submit"],input[type="search"],textarea{appearance: none;-webkit-appearance: none;border-radius: 0;}
/*自定义 input,textarea 的placeholder文字样式*/
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color: #999;}
/*滚动条*/
body *::-webkit-scrollbar{width: 4px;height: 4px;background: #d2d2d2;border-radius: 0;}
body *::-webkit-scrollbar-thumb{background: #04b6b9;border-radius: 0;}
/*常用过渡*/
.tran300{-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;transition: 0.3s;}
.tran400{-webkit-transition: 0.4s;-moz-transition: 0.4s;-ms-transition: 0.4s;transition: 0.4s;}
.tran500{-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
/*常用缩放*/
.scale105:hover{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}
.scale110:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.scaleimg:hover em{ -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); transform: scale(1.15);}
.rotateY:hover{ -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); }
.translateX:hover{-webkit-transform:translateX(-6px); -moz-transform: translateX(6px); -ms-transform:translateX(-6px); transform:translateX(-6px);}
/*文字截断*/
.TXTovehid{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.TXTovehid-two{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.TXTovehid-three{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
/*背景图片*/
.bgCover{background-position: center;background-repeat: no-repeat;background-size: cover;}
.bgContain{background-position: center;background-repeat: no-repeat;background-size: contain;}
/*常用浮动*/
.fl{float: left;}
.fr{float: right;}
/*常用定位*/
.top50{top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%);}
.left50{left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%);}
.topleft50{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);}


.w1400{max-width: 1400px; width: 84%; margin: 0 auto;}
.w1600{max-width: 1600px; width: 84%; margin: 0 auto;}
.w97{width: 97.91%; margin: 0 auto;}
#page{ background: #F4F5F7;}

/*header*/
.header{position: fixed; top: 0; left: 0; width: 100%; height: 100px; z-index: 20; transition: 0.5s;}
.header .logo{position: relative; /*width: 128px;*/width:280px; height: 40px;}
.header .logo img{ display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); transition: 0.4s;}
.header .logo img.logo2{opacity: 0; }
.header .box{ display: flex;justify-content: space-between; align-items: center; height: 100%;}
.header .box .right{ display: flex; justify-content: space-between;}


.nav>ul > li > a::before{content: ""; position: absolute; bottom: 14px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); width: 0; height: 2px; background: #fff; transition: 0.3s; -weblit-transition: 0.3s; }
.nav>ul > li.on>a::before{ width: 100%;}
.nav>ul > li > a:hover::before{width: 100%;}

.nav .navSub{display: none;z-index: 2;position: absolute;left: 50%;top: 90px;width: 100%;background-color: #fff;  transform: translateX(-50%);border-top: 1px #eee solid; box-shadow: 0 6px 6px rgba(233,233,233,0.3);}
.nav .navSub ul{display: flex; justify-content: center; padding: 16px 0;}
.nav .navSub ul li{  width: 12%; margin: 0 1%;}
.nav .navSub ul li a{ display: block;}
.nav .navSub ul li a .pic{position: relative; padding-bottom: 56.3%; height: 0; margin-bottom: 10px;}
.nav .navSub ul li a .pic .mask{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.6); transition: 0.5s; display: none;}
.nav .navSub ul li a p{ line-height: 30px; height: 30px; font-size: 15px; text-align: center; transition: 0.4s;}
.nav .navSub ul li a:hover .mask{background: none;}
.nav .navSub ul li a:hover p{ color: #2D91B0;}

.header .box .right .searchIcon{cursor: pointer; margin-left: 26px; filter: brightness(0) invert(1); transition: 0.4s;}
.header .box .right .searchIcon:hover{ filter: none;}
.header .box .right .language{ display: flex; align-items: center; margin-left: 40px; font-size: 18px; color: #fff; transition: 0.4s;}
.header .box .right .language img{ margin-right: 8px; filter: brightness(0) invert(1); transition: 0.4s;}
.header .box .right .language:hover{ color: #2D91B0;}
.header .box .right .language:hover img{ filter: none;}

.header.on{background: #fff;  box-shadow: 0 0 10px rgba(0,0,0,0.1); height: 80px;}
.header.on .logo img.logo1{opacity: 0;}
.header.on .logo img.logo2{opacity: 1;}
.header.on .nav>ul > li > a{ color: #333;}
.header.on .nav>ul > li.on > a{ color: #2D91B0;}
.header.on .nav>ul > li > a::before{background: #2D91B0;}
.header.on .nav .navSub{ top: 80px;}
.header.on .box .right .searchIcon{filter: brightness(0) invert(0.5);}
.header.on .box .right .searchIcon:hover{ filter: none;}
.header.on .box .right .language{ color: #333;}
.header.on .box .right .language img{filter: brightness(0) invert(0.5);}
.header.on .box .right .language:hover{ color: #2D91B0;}
.header.on .box .right .language:hover img{filter:none;}

/*手机导航*/
.menu-btn{position: relative; display: none; width: 24px;height: 24px;font-size: 0; margin-left: 24px; cursor: pointer; transition: 0.5s; -webkit-transition: 0.5s;}
.menu-btn span{display: block;width: 100%;height: 2px;background-color: #666;transition: 0.5s ease-out;}
.menu-btn span:nth-child(2){margin: 7px 0;}

/*搜索弹窗*/
.searchTan{ display: none; border-radius: 8px; overflow: hidden;}
.searchTan form{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 90%; height: 50px; margin: auto; }
.searchTan form .text-input{ display: block; width: 100%; height: 100%; padding: 0 50px 0 10px; box-sizing: border-box; border: 1px solid #ccc; font-size: 16px; border-radius: 40px;}
.searchTan form .sub-btn{position: absolute; right: 0; top: 0; width: 52px; height: 52px; background:url(https://cw.jangho.com/statics/images/svg/search.svg) center no-repeat; background-size: 24px 24px; border: none;  border-radius: 50%;}
/*layer弹窗自定义皮肤*/
body .custom-skin .layui-layer-setwin .layui-layer-close2{right: -10px;top: -10px;background-image: none;}
/*body .custom-skin .layui-layer-setwin .layui-layer-close2:after{content: "×";position: absolute;width: 30px;height: 30px;font-size: 30px;text-align: center;line-height: 26px;font-weight: bold; color: #c4c4c4; font-weight: bold;}
*/
/*首页*/
.indexCon{background: #fff;}
.indexMore{position: relative; display: block; width: 150px; border: 1px #222222 solid; border-radius: 24px; padding: 10px 30px; box-sizing: border-box; font-size: 16px; color: #222222; margin-top: 80px; transition: 0.4s; color: #37474f; overflow: hidden; transition: 0.3s; text-align: center; }
.indexMore i{ position: absolute; top: 50%; right: 30px; width: 0; height: 0; border-top: 4px solid transparent; border-left: 10px solid #222222; border-bottom: 4px solid transparent; transform: translateY(-50%); transition: 0.4s;}
.indexMore:hover i{ border-left: 10px solid #fff;}
.indexMore:hover{color: #2D91B0; border-color: #2D91B0;}
/* .indexMore::before,
.indexMore::after {content: ''; position: absolute; height: 100%; width: 100%; bottom: 100%; left: 0; z-index: -1; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);}
.indexMore::before {background: #60CDEF;}
.indexMore::after {background: #2D91B0;}
.indexMore:hover {color: #fff;border-color: #2D91B0;}
.indexMore:hover::before,
.indexMore:hover::after {-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
.indexMore:hover::after {-webkit-transition-delay: 0.175s;transition-delay: 0.175s;} */

.indexTitle{ font-size: 32px; line-height: 42px; color: #222222; text-align: center;}
.indexPart{padding: 60px 0;}
/*banner*/
.banner{ position: relative; width: 100%; overflow: hidden; }
.banner .swiper-slide{ display: block; height: 100vh; background-size: cover; background-position: center;}
.bannerSwtch{ z-index: 2;}
.banner .bannerNext{transition: 0.3s; -webkit-transition: 0.3s; cursor: pointer; background-size: cover; transition: 0.4s; right: 0; background: url(https://cw.jangho.com/statics/images/svg/right.svg) no-repeat 0 0; width: 15px; height: 22px; filter: brightness(0) invert(1); opacity: 1;}
.banner .bannerPrev{transition: 0.3s; -webkit-transition: 0.3s;cursor: pointer; background-size: cover; left: 0; background: url(https://cw.jangho.com/statics/images/svg/right.svg) no-repeat 0 0;  width: 15px; height: 22px; transform: rotate(180deg); filter: brightness(0) invert(1); opacity: 1;}
.banner .bannerNext:hover{ filter: none;}
.banner .bannerPrev:hover{ filter: none;}
.banner .btn{ bottom: 38px;}
.banner .btn span{width: 7px; height: 7px;  margin: 0 10px !important; background: #fff; opacity: 1;}
.banner .btn span.swiper-pagination-bullet-active{position: relative;}
.banner .swiper-pagination-bullet svg{position: absolute;left: -7px;top: -6px;width: 24px;height: 24px;fill: transparent;stroke-width: 1px;stroke: #fff;stroke-dasharray: 120;stroke-dashoffset: 120;transform: rotate(12deg);}
.banner .swiper-pagination-bullet-active{color: #2D91B0;}
.banner .swiper-pagination-bullet-active svg{animation: bannerSvg 10s forwards;-webkit-animation: bannerSvg 14s forwards;}
@keyframes bannerSvg{
	to{stroke-dashoffset: 0;}
}
@-webkit-keyframes bannerSvg{
	to{stroke-dashoffset: 0;}
}

.banner .swiper-slide .box{position: relative; height: 100%;}
.banner .swiper-slide .box .bannerText{position: relative; width: 52%;}
.banner .swiper-slide .box .bannerText p{ font-size: 24px; color: #CCCCCC; line-height: 30px;}
.banner .swiper-slide .box .bannerText h3{ font-size: 46px; color: #fff; line-height: 60px;  margin-top: 20px;}
.banner .swiper-slide .box .bannerText h4{ font-size: 20px; line-height: 26px; color: #FFFFFF; font-weight: normal; margin-top: 28px;}
.banner .indexMore{  text-align: center;  background: #fff; border-color: #fff; color: #333;}
.banner .indexMore:hover{background: none; border-color: #2D91B0; color: #2D91B0;}
.banner .bannerPro{ position: absolute; right: 0; top: 57px;}
.banner .bannerPro1{max-width: 48%;}
.banner .bannerPro2{ top: auto; bottom: 0; right: 79px; max-height: calc(100% - 150px);}

/*简介*/
.indexOne{position: relative; height: 680px; background: url(https://cw.jangho.com/statics/images/indexOneBg.jpg) no-repeat center; background-size: cover; margin-top: 20px; overflow: hidden;}
.indexOne .box{ height: 100%; display: flex; justify-content: space-between; position: relative; z-index: 2;}
.indexOne .left{ position: relative; width: 39%;}
.indexOne .left .playBox{ position: relative; display: inline-block;}
.play{ position: relative; left: 50%; transform: translateX(-50%); cursor: pointer; width: 68px; height: 68px; border-radius: 50%; background: #fff;}
.play i{width: 0; height: 0; border-top: 12px solid transparent; border-left: 18px solid #000000; border-bottom: 12px solid transparent; margin-left: 2px;}
.play::before{ content: ""; position: absolute; top: 0; left: 0; width: 68px; height: 68px; background: rgba(255,255,255,0.4); animation: play 4s infinite; border-radius: 50%;}
.play::after{ content: ""; position: absolute; top: 0; left: 0; width: 68px; height: 68px; background: rgba(255,255,255,0.2); animation: play 4s infinite; border-radius: 50%; animation-delay: 2s;}
@keyframes play {
	0% { opacity: 0; -webkit-transform: scale(1, 1); }
	5% { opacity: 1; }
	100% { opacity: 0; -webkit-transform: scale(1.8); }
}
@-webkit-keyframes play {
	0% { opacity: 0; -webkit-transform: scale(1, 1); }
	5% { opacity: 1; }
	100% { opacity: 0; -webkit-transform: scale(1.8); }
}
.indexOne .left p{ text-align: center; font-size: 18px; color: #FFFFFF;  margin-top: 60px;}
.indexOne .bg{position: absolute; top: 0; right: 0; width: 59%; background: linear-gradient(90deg,rgba(0,0,0,0.5),rgba(0,0,0,0.1)); height: 100%; transition: 0.3s;}
.indexOne .bg::before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; backdrop-filter: blur(3px);}
.indexOne .right{ width: 61%; padding-left: 60px; box-sizing: border-box; padding-top: 120px; box-sizing: border-box; transition: 0.3s;}
.indexOne .right .indexTitle{ color: #fff; text-align: left;}
.indexOne .right .txt{ font-size: 16px; color: #fff; line-height: 32px; margin-top: 80px; -webkit-line-clamp: 4; height: 128px; }
.indexOne .right .indexMore{ color: #fff; border-color: #fff; margin-bottom: 40px; background: #fff; color: #37474f;}
.indexOne .right .indexMore i{border-left: 10px solid #fff;}
/* .indexOne .right .indexMore:hover{ color: #2D91B0;}
.indexOne .right .indexMore:hover{background: none; border-color: #2D91B0;} */

.indexOne .right .indexMore{  text-align: center; background: none; border-color: #2D91B0; color: #2D91B0;}
.indexOne .right .indexMore:hover{ background: #fff; border-color: #fff; color: #333;}

.logoText{ fill:transparent;stroke:#cbad79;stroke-dasharray:2000;stroke-dashoffset:2000;animation: str 6s linear infinite;}
@keyframes str{
	to{stroke-dashoffset: 0;}
}

.indexOne .videoBg{ display: none; position: absolute; top: 0; left: 0; height: 100%;}

.indexOne.on .right{ width: 42%;}
.indexOne.on .bg{ width: 44%;}

/*新闻热点*/
.indexTwo{ position: relative; z-index: 1;}
.indexTwo .indexTitle{ padding-top: 24px;}
.indexTwo::before{ content: ""; position: absolute; top: 0; left: 0;/* width: 76%;*/width:100%; height: 100%; background: url(../image/indexTwoBg.jpg) no-repeat bottom right; z-index: -1;   background-size: 100% 100%;}
.indexTwo .box{position: relative;}
.indexPart .box{ margin-top: 36px;}
.indexTwo .box .scrollBox{ overflow: hidden;}
.indexTwo .box ul li a{position: relative; display: block; background: #222222;}
/* .indexTwo .box ul li a::before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: red;} */
.indexTwo .box ul li .tBox{position: relative; z-index: 2; padding: 10px 20px 34px 20px;}
.indexTwo .box ul li .tBox b{font-size: 48px; color: #FFFFFF; font-family: "DIN-Medium"; font-weight: normal;}
.indexTwo .box ul li .tBox .data{font-size: 16px; color: #999999; font-family: arial; margin-top: 6px;}
.indexTwo .box ul li .tBox .pic{ margin: 20px 0 12px 0; overflow: hidden;}
.indexTwo .box ul li .tBox .pic em{display: block; padding-bottom: 60%;}
.indexTwo .box ul li .tBox .txt{ height: 108px; overflow: hidden;}
.indexTwo .box ul li .tBox h3{font-size: 20px; line-height: 28px; font-weight: normal; color: #FFFFFF; }
.indexTwo .box ul li .tBox p{margin-top: 14px; font-size: 16px; line-height: 32px; height: 64px; color: #FFFFFF; opacity: 0.5;}
.indexTwo .box ul li .tBox .more{ margin-top: 32px; opacity: 0.5; }
.indexTwo .box ul li a:hover{background: #111;}
.indexTwo .box ul li a:hover .tBox p{ opacity: 1;}
.indexTwo .box ul li a:hover .tBox .more{ opacity: 1;}
.indexPart .indexMore{ margin: 0 auto; margin-top: 50px; position: relative; z-index: 2; text-align: center;}
.indexTwo .box .btn{width: 40px; height: 40px; border-radius: 50%; background: rgba(0,0,0,0.2); right: 0;}
.indexTwo .box .btn::before{ content: ""; position: absolute; top: 0; left: 0; transform: scale(0.6); transform-origin: center; width: 100%; height: 100%; background: #2D91B0; border-radius: 50%; opacity: 0; transition: 0.4s;}
.indexTwo .box .btn img{filter: brightness(0) invert(1); margin-left: 2px; position: relative; z-index: 1;}
.indexTwo .box .btn.prev{right: auto; left: 0;}
.indexTwo .box .btn.prev img{transform:translate(-50%,-50%) rotate(180deg); margin: 0 2px 0 0;}
.indexTwo .box .btn:hover::before{opacity: 1; transform: scale(1.3);}

/*视频专区*/
.indexThree .box{ display: flex; justify-content: space-between;}
.indexThree .box .item{position: relative; height: 0; padding-bottom: 37.88%; width: 16%; transition: 0.7s; overflow: hidden;}
.indexThree .box .item em{position: absolute; top: 0; left: 0; width: 100%; display: block; height: 100%; z-index: 1; transition: 0.3s;}
.indexThree .box .item em .play{ top: 30%; opacity: 0; transition: 0.3s;}
.indexThree .box .item .mask{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); z-index: 2; transition: 0.3s;}
.indexThree .box .item .title{position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; font-size: 18px; line-height: 30px; font-weight: bold; color: #fff; z-index: 3; padding: 0 14px; box-sizing: border-box;}
.indexThree .box .item .text{position: absolute; bottom: -100px; left: 0; width: 100%; box-sizing: border-box; background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.8)); padding: 73px 30px 30px 30px; opacity: 0; z-index: 3;}
.indexThree .box .item .text h4{ font-size: 24px; line-height: 32px; color: #fff;}
.indexThree .box .item .text p{ font-size: 16px; line-height: 2; color: #fff; margin: 16px 0 30px 0;}
.indexThree .box .item video{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; object-fit: fill;}

.indexThree .box .item.on{width: 67.5%;}
.indexThree .box .item.on em .play{opacity: 1;}
.indexThree .box .item.on .mask{opacity: 0; z-index: -1;}
.indexThree .box .item.act em{z-index: -1; opacity: 0;}
.indexThree .box .item.act .text{opacity: 0; z-index: -1;}
.indexThree .box .item.on .title{animation: title 0.5s forwards; }
@keyframes title{
	to{
		//transform: translateY(-120px);
		opacity: 0;
	}
}

.indexThree .box .item.on .text{animation: text 0.8s forwards; animation-delay: 0.4s;}
@keyframes text{
	to{
		bottom: 0;
		opacity: 1;
	}
}

/*产品推荐*/
.indexFour{background: url(https://cw.jangho.com/statics/images/indexFourBg.jpg) no-repeat center; background-size: cover;}
.indexFour .box{ display: flex; justify-content: space-between;}
.indexFour .box .left{ width: 36.17%;}
.indexFour .box .left em{ padding-bottom: 135.4%;}
.indexFour .box .item{position: relative; display: block; position: relative; }
.indexFour .box .item .pic{position: relative; overflow: hidden;}
/* .indexFour .box .item .pic::before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); opacity: 0; transition: 0.4s; z-index: 1;} */
.indexFour .box .item em{ display: block; height: 0; /* width: 105%; */ transition: 0.7s;}
.indexFour .box .item .text{ position: absolute; top: 0; left: 0; width: 100%; text-align: center; color: #fff;/*color:black;*/ padding-top: 60px; z-index: 2;}
.indexFour .box .item .text p{ font-size: 16px; line-height: 22px;}
.indexFour .box .item .text h3{ font-size: 24px; line-height: 40px; font-weight: 700; margin-top: 14px;}
.indexFour .box .item .text span{ display: block; font-size: 16px; margin-top: 26px; transition: 0.4s;}
.indexFour .box .right{width: 62.76%; display: flex; justify-content: space-between; flex-wrap: wrap;}
.indexFour .box .right .item{ width: 49.15%;}
.indexFour .box .right .item em{padding-bottom: 78%;}
.indexFour .box .right .item:first-child{margin-bottom: 15px;}
/* .indexFour .box .item:hover em{transform: translate(-4.5%);} */
.indexFour .box .item:hover em{transform: scale(1.15);}
/* .indexFour .box .item:hover .pic::before{opacity: 1;} */
.indexFour .box .item:hover .text span{ color: #2D91B0;}

/*应用案例*/
.indexFive .box{display: flex; justify-content: space-between; background: #111111;}
.indexFive .box .item{position: relative; display: block; width: 20.8333%; height: 660px; transition: 0.6s; overflow: hidden;}
.indexFive .box .item:first-child{ border-left: none;}
.indexFive .box .item .tBox{position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-left: 1px rgba(255,255,255,0.1) solid; box-sizing: border-box; transition: 0.5s; background: rgba(0,0,0,0.7); z-index: 3;}
.indexFive .box .item .icon{position: absolute; top: 40%; left: 0; width: 100%; text-align: center; transform: translateY(-50%);}
.indexFive .box .item .icon span{display: block; font-size: 18px; color: #fff; margin-top: 40px;}
.indexFive .box .item .more{display: block; position: absolute; left: 50%; transform: translateX(-50%); bottom: 80px; width: 40px; height: 40px; border-radius: 50%; border: 1px #999999 solid; transition: 0.3s;}
.indexFive .box .item .more img{transition: 0.3s;}
.indexFive .box .pic{ height: 100%;}
.indexFive .box .pic em{ display: block; height: 100%;}
.indexFive .box .text{position: absolute; bottom: -100%; left: 0; padding: 36px 14% 80px 14%; box-sizing: border-box; width: 100%; color: #fff; background: rgba(0,0,0,0.5);}
.indexFive .box .text h3{font-size: 28px; line-height: 38px; text-align: center;}
.indexFive .box .text p{ margin: 40px 0 30px 0; font-size: 16px; line-height: 28px; }

.indexFive .box .text i{position: relative; display: block; margin: 0 auto; width: 40px; height: 40px; border-radius: 50%; border: 1px #999999 solid; transition: 0.3s; background: #fff;}
.indexFive .box .text i::before{ content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 30px; height: 30px; border-radius: 50%; background: #2D91B0; transition: 0.5s; transform-origin: center; opacity: 0;}
.indexFive .box .text i img{ filter: brightness(0) invert(0.4); transition: 0.4s;}
.indexFive .box .text i:hover::before{transform:translate(-50%,-50%) scale(2); opacity: 1;}
.indexFive .box .text i:hover img{ filter: none;}

.indexFive .box .item.on{width: 37.5%;}
.indexFive .box .item.on .tBox{opacity: 0; z-index: -1;}
.indexFive .box .item.on .text{animation: fiveText 0.7s forwards; animation-delay: 0.3s;}
@keyframes fiveText{
	to{
		bottom: 0;
		opacity: 1;
	}
}

/*footer*/

.footer .footTop{border-bottom: 1px rgba(255,255,255,0.2) solid; }
.footer .footTop .box{height: 160px; display: flex; align-items: center; justify-content: space-between;}
.footer .footTop .box .footLogo{max-height: 60px; filter: brightness(0) invert(1);}
.footer .footTop .box .footLink{ flex: 1; text-align: right;}
.footer .footTop .box .footLink .item{display: inline-block; font-size: 16px; color: #FFFFFF; margin-left: 4%; transition: 0.3s;}
.footer .footTop .box .footLink .item img{margin-right: 8px; position: relative; /*top: 10px;*/ filter: brightness(0) invert(1); transition: 0.3s;}
.footer .footTop .box .footLink .item:hover{ color: #2D91B0;}
.footer .footTop .box .footLink .item:hover img{ filter: none;}
.footCenter{display: flex; justify-content: space-between; padding: 40px 0 56px 0; position: relative; z-index: 2;}
.footCenter .footNav{display: flex;justify-content: space-between; width: 68%;}
.footCenter .footNav dl{ }
.footCenter .footNav dl .down{ display: none;}
.footCenter .footNav dl dt{ margin-bottom: 8px;}
.footCenter .footNav dl dt a{font-size: 16px; line-height: 2; color: #FFFFFF;}
.footCenter .footNav dl dd a{display: block; font-size: 14px; line-height: 2; color: #fff; margin-top: 4px; opacity: 0.5; transition: 0.3s;}
.footCenter .footNav dl a{position: relative;}
.footCenter .footNav dl a::before{ content: ""; position: absolute; bottom: 0; left: 0; width: 0; height: 1px; background: #fff; transition: 0.3s;}
.footCenter .footNav dl a:hover{opacity: 1;}
.footCenter .footNav dl a:hover::before{width: 100%;}
.footCenter .footContact{ color: #fff; width: 23.3%;}
.footCenter .footContact p{font-size: 16px; line-height: 2; margin-bottom: 16px;}
.footCenter .footContact h3{ font-size: 20px; line-height: 32px; font-family: arial; font-weight: normal; }
.footCenter .footContact h3 img{ position: relative; /*top: 6px;*/ width: 26px;top:0px;}
.footShare{ margin-top: 28px;}
.footShare .item{ position: relative; display: inline-block; margin-right: 8px;}
.footShare .item.ewm .img{display: flex;justify-content: space-between;width: 210px;left: 50%;
    transform: translateX(-50%);}
.footShare .item.ewm .img img{height: 100px;}
.footShare .item img{display: block; height: 100%; transition: 0.3s;}
.footShare .item .box{position: relative; width: 34px; height: 34px; transition: 0.3s; display: block;}
.footShare .item img:hover{ opacity: 1;}
.footShare .item:hover .box img{filter: brightness(0) invert(1);}
.footShare .item .img p{color: #333;text-align: center;line-height: 1;margin-bottom: 5px;font-size: 14px;}
.footShare .item:hover .box{opacity: 1;}
.footShare .item:last-child{ margin-right: 0;}
.footShare .item .img{position: absolute; bottom: 58px; left: -31px; width: 110px; background: #fff; border: 4px #fff solid; border-radius: 4px; box-sizing: border-box; transition: 0.4s; visibility: hidden; opacity: 0;}
.footShare .item .img img{display: block; width: 100%;}
.footShare .item:hover .img{bottom: 50px; visibility: initial; opacity: 1;}

.footBtm{border-top: 1px rgba(255,255,255,0.2) solid; padding: 14px 0; color: rgba(255,255,255,0.6); font-size: 16px;}
.footBtm .box{position: relative; padding-right: 0; box-sizing: border-box;}
.footBtm .box a{ color: rgba(255,255,255,0.6); transition: 0.3s;}
.footBtm .box .technology{position: absolute; top: 50%; right: 0; transform: translateY(-50%); color: #fff;}
.footBtm .box .technology a{ color: #fff;}
.footBtm .box a:hover{ text-decoration: underline; color: #fff;}

/*内页*/
.nHrader .header{background: #fff;}
.nHrader .header.on{ box-shadow: 0 0 10px rgba(0,0,0,0.1); height: 80px;}
.nHrader .header .logo img.logo1{opacity: 0;}
.nHrader .header .logo img.logo2{opacity: 1;}
.nHrader .header .nav>ul > li > a{ color: #333;}
.nHrader .header .nav>ul > li.on > a{ color: #2D91B0;}
.nHrader .header .nav>ul > li > a::before{background: #2D91B0;}
.nHrader .header.on .nav .navSub{ top: 80px;}
.nHrader .header .box .right .searchIcon{filter: brightness(0) invert(0.5);}
.nHrader .header .box .right .searchIcon:hover{ filter: none;}
.nHrader .header .box .right .language{ color: #333;}
.nHrader .header .box .right .language img{filter: brightness(0) invert(0.5);}
.nHrader .header .box .right .language:hover{ color: #2D91B0;}
.nHrader .header .box .right .language:hover img{filter:none;}

/*位置*/
.clib{position: relative; padding-top: 100px; height: 90px; line-height: 90px; background: #fff;  z-index: 13;}
.clib .clibBox{border-top: 1px #DEDFE3 solid;}
.clib .box{display: flex; align-items: center; height: 100%;}
.clib .clibBox .box a{ display: inline-block; font-size: 16px; color: #424242; padding: 0 30px; transition: 0.3s;}
.clib .clibBox .box a:hover{color: #2394B6;}
.clib .clibBox .box li:hover>a{color: #2394B6;}
.clib .clibBox .box .tit .on>a{color: #2394B6;}
.clib .clibBox .box a.tit{ position: relative;}
.clib .clibBox .box a.tit::before{ content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 1px; height: 22px; background: #424242;}
.clib .clibBox .box .addtit::before{ display: none;}
.clib .tit:nth-child(2){ padding-left: 14px;}
.clib .clibBox .box .tit a{ padding-right: 0;}
.clib .clibBox .box .tit li{ display: inline-block;}
.clibDown{ position: absolute; top: 190px; left: 0; background: #fff; padding: 30px 0; width: 100%; border-top: 1px #DEDFE3 solid; clip-path: polygon(0 0,100% 0,100% 0,0 0); height: 0; overflow: hidden;}
.clibDown.open{ clip-path: polygon(0 0,100% 0,100% 100%,0 100%); transition: 0.5s; height: auto;}

.clibDown .box{ display: flex; justify-content: space-between; align-items: flex-start;}
.clibDown .box .pic{position: relative; width: 40%;}
.clibDown .box .pic em{ display: block; padding-bottom: 206px;}
.clibDown .box .pic .txt{ width: 100%; padding: 0 32px; box-sizing: border-box; line-height: initial;}
.clibDown .box .pic .txt h3{ font-weight: bold; color: #fff; font-size: 36px; line-height: 44px; text-transform: uppercase;}
.clibDown .box .pic .txt h4{ font-weight: normal; border: 1px rgba(255,255,255,0.4) solid; height: 28px; line-height: 28px; font-size: 14px; color: #fff; display: inline-block; padding: 0 9px; box-sizing: border-box; margin-top: 16px;}

.clibDown .box .textCon{position: relative; width: calc(55.7% - 100px); padding: 0 50px;}
.clibDown .box .textBox{  overflow: hidden;}
.clibDown .box .textBox a{ display: block; line-height: initial; padding: 0; text-align: center;}
.clibDown .box .textBox a .pic{ display: inline-block; position: relative; height: 60px;}
.clibDown .box .textBox a .pic img{max-width: 100%; max-height: 100%;}
.clibDown .box .textBox a p{ font-size: 16px; }
.clibDown .box .textCon .btn{background: url(https://cw.jangho.com/statics/images/svg/right2.svg) no-repeat center; filter: brightness(0) invert(0.5); }
.clibDown .box .textCon .btn.swiper-button-next{ right: 0;}
.clibDown .box .textCon .btn.swiper-button-prev{ left: 0; transform: rotate(180deg);}

/*nBan*/
.nBan{position: relative;}
.nBan em{ display: block; padding-bottom: 33.85%;}
.nBan .text{ text-align: center; color: #fff; text-transform: uppercase;}
.nBan .text h3{ font-size: 42px; color: #FFFFFF; line-height: 50px; letter-spacing: 2px;}
.nBan .text h5{ font-size: 22px; line-height: 26px; margin-top: 8px; letter-spacing: 2px;}

/*technology*/
.technology li{position: relative; height: 450px;}
.technology li a{position: relative; display: block; height: 100%; z-index: 1; overflow: hidden;}
.technology li a .pic{position: absolute; top: 0; left: 0; width: 50%; display: block; height: 100%; z-index: -1; overflow: hidden;}
.technology li a .pic em{ display: block; height: 100%; width: 105%;}
.technology li a .box{ height: 100%; }
.technology li a .text{position: relative; float: right; width: 50%; height: 100%; background: #fff;}
.technology li a .text .txt{position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; padding: 0 55px; box-sizing: border-box;} 
.technology li a .text .txt .tit{position: relative; line-height: 42px; font-size: 22px; color: #111111; padding-bottom: 28px; width: 100%;}
.technology li a .text .txt .tit::after{content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #EDEDED;}
.technology li a .text .txt .tit::before{ content: ""; position: absolute; bottom: 0; left: 0; width: 46px; height: 2px; background: #2291B1; z-index: 1; transition: 0.5s;}
.technology li a .text .txt .tit img{ margin-right: 20px; vertical-align: middle; position: relative; top: -3px; height: 32px;}
.technology li a .text .txt .t{ margin-top: 27px; font-size: 16px; line-height: 30px; color: #111111; max-height: 300px; overflow-y: auto;}
.technology li a .text .txt .t p{position: relative; padding-left: 10px;}
.technology li a .text .txt .t p::before{ content: "."; position: absolute; top: 2px; line-height: 16px; left: 0; font-size: 16px; color: #111;}
.technology li a .more{position: absolute; right: -30px; top: 50%; transform: translateY(-50%); width: calc((100% - 1400px)/2); text-align: center; display: block; font-weight: bold; text-transform: uppercase; transition: 0.4s; opacity: 0;}
.technology li a:hover .more{ right: 0; opacity: 1;}
.technology li a .more:hover{ color: #2291B1;}
.technology li a:hover .text{background: #2D2C2C;}
.technology li a:hover .text .tit{ color: #fff;}
.technology li a:hover .text .t{ color: #fff;}
.technology li a:hover .text .t p::before{ color: #fff;}
.technology li a:hover .pic em{transform: translate(-4.5%);}
.technology li a:hover .text .txt .tit::before{ width: 100%;}
.technology li:nth-child(2n) a .pic{ left: auto; right: 0;}
.technology li:nth-child(2n) a .text{ float: left;}
.technology li:nth-child(2n) a .more{right: auto; left: -30px;}
.technology li:nth-child(2n) a:hover .more{ left: 0;}

/*下拉更多*/
#jzgd {
	float: left;
	margin: 100px 0;
	text-align: center;
	position: relative;
	z-index: 1;
	left:45%;
}
.jzgd {
	margin: 100px 0;
	text-align: center;
	position: relative;
	z-index: 1;
	width: 100% !important;
}
.jzgd .indexMore {
	margin: 0 auto;
}
	#jzgd .indexMore {
		margin: 0 auto;
	}
	.downMore {
		margin: 100px 0;
		overflow: hidden;
		text-align: center;
		position: relative;
		z-index: 1;
	}





.downMore .indexMore{ margin: 0 auto;}
.downMore .down{display: inline-block;}
/* .downMore .img{position: relative; width: 42px; height: 42px; border: 1px #2394B6 solid; border-radius: 50%; margin: 0 auto; transition: 0.3s;}
.downMore .img img{transform: translate(-50%,-50%) rotate(90deg); -webkit-transform: translate(-50%,-50%) rotate(90deg);}
.downMore .img::before{ content: ""; position: absolute; top: 50%; right: 180%; width: 1200px; height: 1px; background: #E0E2E5;}
.downMore .img::after{ content: ""; position: absolute; top: 50%; left: 180%; width: 1200px; height: 1px; background: #E0E2E5;}
.downMore p{ text-align: center; font-size: 18px; color: #A8A8A8; line-height: 32px; margin-top: 15px; transition: 0.3s;}
.downMore .down:hover p{ color: #2394B6;}
.downMore .down:hover .img{ background: #2394B6;}
.downMore .down:hover .img img{ filter: brightness(0) invert(1);} */

/*新闻列表*/
.inpageBox{ padding-top: 60px; }
.newsList li{ margin-bottom: 32px;}
.newsList li a{ display: flex; justify-content: space-between;}
.newsList li a .pic{ width: 520px; overflow: hidden;}
.newsList li a .pic em{ display: block; height: 100%; width: 105%;}
.newsList li a .text{ width: calc(100% - 520px); background: #fff; padding: 60px; box-sizing: border-box;}
.newsList li a .text h3{ font-size: 22px; color: #111111; height: 64px; line-height: 32px;}
.newsList li a .text p{ line-height: 32px; height: 96px; color: #111111; font-size: 16px; margin-top: 30px;overflow:hidden; 
		text-overflow:ellipsis;
		display:-webkit-box; 
		-webkit-box-orient:vertical;
		-webkit-line-clamp:2; 
		height: 64px;
		overflow: hidden;}

.newsList li a .text .time{ margin-top: 12px; color: #424242; transition: 0.3s;}
.newsList li a .text span{position: relative; color: #424242; font-weight: bold; display: inline-block; margin-top: 30px; text-transform: uppercase;}
.newsList li a .text span::before{ content: ""; position: absolute; bottom: 0; left: 0; width: 0; height: 1px; background: #2394B6; transition: 0.3s;}
.newsList li a:hover .pic em{ transform: translate(-4.5%);}
.newsList li a:hover .text{ background: #2D2C2C;}
.newsList li a:hover .text h3{ color: #fff;}
.newsList li a:hover .text p{ color: #fff;}
.newsList li a:hover .text .time{ color: #fff;}
.newsList li a:hover .text span{ color: #fff; }
.newsList li a .text span:hover{ color: #2394B6;}
.newsList li a .text span:hover::before{ width: 100%;}

/*awards*/
.leftMenu{ position: fixed; top: 50%; left: 6%; transform: translateY(-50%); transition: 0.4s; opacity: 0; z-index: -1;}
.leftMenu.show{ left: 7.7%; opacity: 1; z-index: 1;}
.leftMenu ul li a{position: relative; writing-mode: tb-rl; font-size: 22px; color: #C0C0C0; margin: 15px 0; transition: 0.3s; padding-left: 10px;}
.leftMenu ul li a::before{ content: ""; position: absolute; top: 0; left: 0; width: 1px; height: 0; background: #2394B6; transition: 0.3s;}
.leftMenu ul li a:hover{ color: #2394B6;}
.leftMenu ul li a:hover::before{ height: 100%;}
.leftMenu ul li.on a{ color: #2394B6;}
.leftMenu ul li.on a::before{ height: 100%;}

/*锚链接定位*/
#anchor-nav{z-index: -1;position: fixed;top: 50%;left: 50%;margin-left: -790px; transform: translateY(-50%);transition: 0.4s;}
#anchor-nav.show{z-index: 1;opacity: 1; }
#anchor-nav li a{position: relative;writing-mode: tb-rl;padding-left: 10px;margin: 7px 0;font-size: 14px;color: #C0C0C0;transition: 0.3s;}
#anchor-nav li a::before{content: "";position: absolute;top: 0;left: 0;width: 1px;height: 0;background: #2394B6;transition: 0.3s;}
#anchor-nav li a:hover{color: #2394B6;}
#anchor-nav li a:hover::before{height: 100%;}
#anchor-nav li.on a{color: #2394B6;}
#anchor-nav li.on a::before{height: 100%;}


.awardsBox{background: #fff; padding-bottom: 1px;}
.awardsBoxCon .awardsBox:last-child{ padding-bottom: 50px;}
.awardsBox .ourTitle{ font-size: 32px; line-height: 38px; text-align: center; color: #2B2B2B; }
.awardsBox .list{position: relative;}
.awardsBox .list::before{ content: ""; position: absolute; top: 0; left: 50%; width: 1px; height: 100%; background: #494949;}
.awardsBox .list{ width: 90%; max-width: 1108px; margin: 0 auto; margin-top: 38px; padding-bottom: 80px;}
.awardsBox .list li{ float: left; width: 50%; text-align: center; padding-right: 3%; box-sizing: border-box; padding-top: 137px;}
.awardsBox .list li:first-child{ padding-top: 107px;}
.awardsBox .list li .time{position: relative; font-size: 25px; line-height: 32px; color: #2394B6; text-align: left; padding-left: 22px;}
.awardsBox .list li .time::before{ content: ""; position: absolute; top: 11px; left: 0; width: 10px; height: 10px; border-radius: 50%; background: #111111;}
.awardsBox .list li h3{ text-align: left; padding-left: 22px; line-height: 32px; font-size: 18px; color: #111111;}
.awardsBox .list li h4{ font-size: 16px; line-height: 24px; color: #333; margin-top: 6px; text-align: left; padding-left: 22px; font-weight: normal;}
.awardsBox .list li .pic{margin-top: 10px;}
.awardsBox .list li img{ max-width: 66%;}
.awardsBox .list li:nth-child(2n){float: right; padding-right: 0; padding-left: 3%; padding-top: 327px;}
.awardsBox .downMore{ margin-bottom: 30px;}
/*Certification*/
.certificaList{position: relative; width: 86.78%; max-width: 1215px; margin: 0 auto; margin-top: 28px; padding: 90px 0 170px 0;}
.certificaList::before{content: ""; position: absolute; top: 0; left: 50%; width: 1px; height: 90px; background: #494949;}
.certificaList::after{content: ""; position: absolute; bottom: 0; left: 50%; width: 1px; height: 90px; background: #494949;}
.certificaList li{ margin-top: 80px; display: flex; justify-content: space-between;}
.certificaList .pic{width: 45.68%; box-sizing: border-box; text-align: center;}
.certificaList .pic img{ max-width: 100%; vertical-align: middle;}
.certificaList .text{ width: 45.68%;}
.certificaList .text .item{position: relative; padding-bottom: 18px; padding-left: 22px; margin-bottom: 18px; border-bottom: 1px #E4E4E4 solid; cursor: pointer;}
.certificaList .text .item::before{ content: ""; position: absolute; top: 10px; left: 0; width: 10px; height: 10px; background: #111111; border-radius: 50%;}
.certificaList .text .item:last-child{padding-bottom: 0; margin-bottom: 0; border-bottom: none;}
.certificaList .text .item h3{ font-size: 24px; line-height: 32px; color: #111111;}
.certificaList .text .item .txt{ display: none; font-size: 16px; line-height: 24px; margin-top: 8px;}
.certificaList .text .item.on .txt{ display: block;}

/*新闻详情*/
.contNewBox{ background-color: #fff; padding: 0 50px 60px 50px; box-sizing: border-box; margin: 30px auto 60px auto;}
.contNewBox .title{position: relative; padding: 62px 0 40px 0; border-bottom: 1px #DDDDDD solid; margin-bottom: 60px;}
.contNewBox .title h3{ font-size: 36px; line-height: 44px; color: #111111; font-weight: normal; margin-bottom: 10px;}
.contNewBox .title h5{ font-weight: normal; font-size: 16px;}
.contNewBox .title h4{ color: #666666; margin-top: 14px; font-weight: normal;}
.contNewBox .title .shareIcon{ position: absolute; bottom: 36px; right: 0;}
.contNewBox .title .shareIcon .item{ display: inline-block; margin-right: 20px;}
.contNewBox .title .shareIcon .item img{transition: 0.3s; filter: brightness(0) invert(0.4);}
.contNewBox .title .shareIcon .item:hover img{ filter: none;}
.word{ font-size: 16px; line-height: 2; color: #111111; }
.contNewBox .word{ margin: 0 50px;}
.contNewBox .word img{max-width:100%;height: auto !important;float: none !important;}
.contNewBox .inpageLike{ border-top: 1px #DDDDDD solid; margin-top: 62px;  padding: 0 50px; padding-top: 68px; display: flex; justify-content: space-between; align-items: center;}
.contNewBox .inpageLike a{ display: flex; align-items: center; justify-content: center; color: #666666; transition: 0.3s; margin-top: 0;}
.contNewBox .inpageLike a img{ transition: 0.3s; filter: brightness(0) invert(0.4); margin-right: 17px;}
.contNewBox .inpageLike a.next img{margin: 0 0 0 17px;}
.contNewBox .inpageLike a.prev img{transform: rotate(180deg);}
.contNewBox .inpageLike a:hover{color: #2394B6;}
.contNewBox .inpageLike a:hover img{ filter: none;}

/*brand*/
.brandWord.word{ color: #111; padding: 60px 0;}
.brandItem{position: relative; background: #fff; height: 650px;  background-position: center;  background-repeat: no-repeat;
    background-size: cover;}
.brandItem .w1400{ height: 100%;}
.brandItem .pic{position: absolute; top: 0; right: 0; width: 55.73%; height: 100%;}
.brandItem .pic em{ display: block; height: 100%;}
.brandItem .text{position: relative; top: 50%; transform: translateY(-50%); width: 650px; height: 62%; background: #fff; padding: 60px 40px 60px 60px; box-sizing: border-box;}
.brandItem .text .txt{position: relative; top: 50%; transform: translateY(-50%); width: 100%;}
.brandItem .text .txt h3{position: relative; font-size: 32px; color: #2D2C2C; padding-bottom: 24px; }
.brandItem .text .txt h3::before{ content: ""; position: absolute; bottom: 0; left: 0; width: 46px; height: 2px; background: #2291B1;}
.brandItem .text .txt .t{ margin-top: 29px; max-height: 204px; overflow-y: auto; font-size: 16px; line-height: 30px; color: #2D2C2C; padding-right: 20px;}
.brandOne .text{ width: 40%; padding-left: 0; background: none;}
.brandOne .text .txt .t{max-height: 300px;}
.brandTwo .text{ float: right;}
.brandSix .text{ background: none; padding: 0; width: 54%;}
.brandSix .text .txt h3{ color: #fff;}
.brandSix .text .txt .t{color: #fff;}


/*产品列表*/
.proFrom{ height: 60px; line-height: 60px; background: #fff; border: 1px #DCDCDC solid; display: flex; justify-content: space-between;}
.proFrom .text{ width: calc(100% - 80px); padding: 0 32px; box-sizing: border-box; font-size: 16px;}
.proFrom .submit{height: 100%; width: 80px; background: url(https://cw.jangho.com/statics/images/svg/search.svg) no-repeat center; filter: brightness(0) invert(0.7);}
.proFrom .text::-webkit-input-placeholder { color: #C0C0C0; }
.proFrom .text::-moz-input-placeholder { color: #C0C0C0;}
.proFrom .text::-ms-input-placeholder { color: #C0C0C0; }

.proSelect{position: relative; z-index: 1; display: flex; justify-content: space-between; margin-top: 20px;}
.faqSelect{}
.proSelect .item{position: relative; width: 49%; height: 60px; line-height: 60px; border: 1px #DCDCDC solid; background: #fff;}
.proSelect .item span{position: relative; display: block; padding: 0 32px; font-size: 16px; color: #424242; cursor: pointer;}
.proSelect .item span::before{ content: ""; position: absolute; top: 42%; right: 30px; width: 27px; height: 27px; background: url(https://cw.jangho.com/statics/images/svg/right2.svg) no-repeat 0 0; filter: brightness(0) invert(0.6); transform: rotate(90deg) }
.proSelect .item ul{display: none; position: absolute; top: 61px; left: 0; width: 100%; padding: 10px 0; background: #fff; box-shadow: 0 0 6px rgba(0,0,0,0.2);}
.proSelect .item ul li a{ display: block; padding: 6px 32px; font-size: 15px; line-height: 28px; transition: 0.3s;}
.proSelect .item ul li a:hover{ color: #2D91B0;}

.productList .inpage-type-title{ padding-bottom: 20px;}
.productList .downMore{ margin: 55px 0;}


.productList ul li{ float: left; margin-top: 40px; width: 23%; margin-right: 2.6666%;}
.productList ul li:first-child{width: 48.66666%;}
.productList ul li:first-child a em{padding-bottom: 53.274%;;}
.productList ul li:nth-child(3){ margin-right: 0;}
.productList ul li:nth-child(4n-1){ margin-right: 0;}

.productList ul li a{ display: block; position: relative; overflow: hidden; background: #fff; box-shadow: 0 0 5px rgba(231,231,231,0.5);}
.productList ul li a em{display: block; padding-bottom: 112.73%;}
.productList ul li a .text{position: absolute; top: 0; left: 0; width: 100%; height: 100%;  padding: 32px ; box-sizing: border-box; z-index: 0;}
.productList ul li a .text .bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; transition: 0.4s; opacity: 0; background-color: #fff;}
.productList ul li a .text h3{ font-size: 20px; color: #ffffff; line-height: 30px;}
.productList ul li a .text h4{ font-size: 16px; line-height: 30px; color: #ffffff; margin-top: 10px;}
.productList ul li a .text p{position: absolute; left: 0; bottom: -100%; width: 100%; font-size: 16px; line-height: 30px; color: #111111; text-align: center; animation-delay: 0.1s; opacity: 0; }
.productList ul li a .text i{display: none; position: absolute; top: 58%; left: 50%; transform: translate(-50%,-50%) scale(0); width: 62px; height: 62px; border: 2px #A4A4A4 solid; border-radius: 50%;}
.productList ul li a .text i::before{content: ""; position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); width: 60px; height: 60px; border-radius: 50%; background: #2D91B0;transition: 0.5s; transform-origin: center; opacity: 0;}
/* .productList ul li a:hover .text{background: rgba(66,66,66,0.83);} */
.productList ul li a:hover .text .bg{opacity: 1;}
.productList ul li a:hover .text h3{color: #fff;}
.productList ul li a:hover .text h4{transform: translateY(14px); opacity: 0;}
.productList ul li a:hover i{transform: translate(-50%,-50%) scale(1);}
.productList ul li a:hover p{ animation: tit 1s forwards;}
@keyframes tit {
  to {bottom: 50px; opacity: 1;}
}
.productList ul li a .text i:hover::before{ background: #2D91B0; border-color: #2D91B0; transform: translate(-50%,-50%) scale(1.5); opacity: 1;}

/*产品详情*/
.proInform{margin-top: 30px; background: #fff; padding: 43px 0 63px 0;}

/*图片展示区*/
.pic-show-box{width: 43.6%;}
/*大图*/
.pic-show-box .big-pic-box{position: relative; border: 1px #E1E1E1 solid; box-sizing: border-box;}
.pic-show-box .big-pic-box .big-pic-swiper{overflow: hidden;}
.pic-show-box .big-pic-box .big-pic-swiper .swiper-slide{}
.pic-show-box .big-pic-box .big-pic-swiper .swiper-slide .pic{padding-bottom: 100%;}
.pic-show-box .big-pic-box .btn{z-index: 1;position: absolute;top: 50%;width: 54px;height: 54px;margin-top: -27px;border: 1px solid #424242;border-radius: 50%;color: #2D91B0;cursor: pointer;transition: 0.3s;}
.pic-show-box .big-pic-box .btn:after{content: "";position: absolute;left: 50%;top: 50%;width: 12px;height: 12px;border-top: 1px solid #424242;}
.pic-show-box .big-pic-box .prev-btn{left: 0;}
.pic-show-box .big-pic-box .prev-btn:after{border-left: 1px solid #424242;transform: translate(-30%,-50%) rotate(-45deg);}
.pic-show-box .big-pic-box .next-btn{right: 0;}
.pic-show-box .big-pic-box .next-btn:after{border-right: 1px solid #424242;transform: translate(-70%,-50%) rotate(45deg);}
.pic-show-box .big-pic-box .btn:hover{background-color: #2D91B0;border-color: #2D91B0;color: #fff;}
/*小图*/
.pic-show-box .small-pic-box{position: relative; margin-top: 10px;}
.pic-show-box .small-pic-box .small-pic-swiper{overflow: hidden; margin: 0 43px;}
.pic-show-box .small-pic-box .small-pic-swiper .swiper-slide{position: relative;cursor: pointer; border: 1px #fff solid; box-sizing: border-box;}
.pic-show-box .small-pic-box .small-pic-swiper .swiper-slide:after{content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;border: 1px solid #2D91B0;transition: 0.5s; opacity: 0;}
.pic-show-box .small-pic-box .small-pic-swiper .swiper-slide .pic{height: 72px;}
.pic-show-box .small-pic-box .small-pic-swiper .swiper-slide.on:after{ opacity: 1;}
.pic-show-box .small-pic-box .btn{z-index: 1;position: absolute;top: 50%;width: 20px;height: 60px;margin-top: -30px;background-color: #fff;color: #fff;cursor: pointer;transition: 0.3s; opacity: 1; display: none;}
.pic-show-box .small-pic-box .btn.on{display: block;}
.pic-show-box .small-pic-box .swiper-button-disabled{opacity: .2;}
.pic-show-box .small-pic-box .btn:after{content: "";position: absolute;left: 50%;top: 50%;width: 8px;height: 8px;border-top: 2px solid #424242;}
.pic-show-box .small-pic-box .prev-btn{left: 0;}
.pic-show-box .small-pic-box .prev-btn:after{border-left: 2px solid #424242;transform: translate(-30%,-50%) rotate(-45deg);}
.pic-show-box .small-pic-box .next-btn{right: 0;}
.pic-show-box .small-pic-box .next-btn:after{border-right: 2px solid #424242;transform: translate(-70%,-50%) rotate(45deg);}
/* .pic-show-box .small-pic-box .btn:hover{background-color: #2D91B0;} */
.pic-show-box .small-pic-box:hover .btn::after{border-color: #2D91B0; }

/*文字*/
.proInform .contTopText{ width: 52.57%;}
.proInform .contTopText .title{position: relative; font-size: 22px; color: #111111; font-weight: bold; line-height: 32px; padding: 30px 0 24px 0; border-bottom: 2px #EDEDED solid;}
.proInform .contTopText .title::before{content: ""; position: absolute; bottom: -2px; left: 0; width: 46px; height: 2px; background: #2291B1;}
.proInform .contTopText .lable{ margin-top: 40px;}
.proInform .contTopText .lable a{position: relative; display: inline-block; height: 60px; line-height: 60px; border: 1px #DDDDDD solid; border-radius: 6px; min-width: 468px; padding: 0 20px 0 100px; box-sizing: border-box; font-size: 18px; color: #2D2C2C; margin-bottom: 12px; transition: 0.4s;}
.proInform .contTopText .lable a i{position: absolute; top: 0; left: 22px; width: 52px; text-align: center;  height: 100%;}
.proInform .contTopText .lable a i img{vertical-align: middle; transition: 0.4s; filter: brightness(0) invert(0.3);}
.proInform .contTopText .lable a:hover{background: #2D2C2C; border-color: #2D2C2C; color: #fff;}
.proInform .contTopText .lable a:hover i img{ filter: brightness(0) invert(1);}
.proInform .contTopText .txt{position: relative; font-size: 16px; line-height: 30px; padding-bottom: 30px; border-bottom: 2px #EDEDED solid;}
.proInform .contTopText .txt::before{content: ""; position: absolute; bottom: -2px; left: 0; width: 46px; height: 2px; background: #2291B1;}
.proInform .contTopText .linkTit{ font-size: 22px; color: #111111; line-height: 26px; margin: 30px 0 20px 0;}
.proInform .contTopText .linkTo{ display: inline-block; margin-right: 1%; width: 23%;}
.recommendPro{margin: 67px 0 55px 0;}
.recommendPro .title{ font-size: 22px; color: #111; text-align: center; line-height: 26px; text-transform: uppercase;}
.recommendPro .box{position: relative; padding: 0 56px; margin-top: 56px;}
.recommendPro .box .boxSwiper{ overflow: hidden; }
.recommendPro .box .boxSwiper a{position: relative; display: block; box-shadow: 0 0 5px rgba(231,231,231,0.5); background: #fff; border: 1px #DCDCDC solid; box-sizing: border-box; overflow: hidden;}
.recommendPro .box .boxSwiper em{ float: right; display: block; padding-bottom: 62%; width: 50%;}
.recommendPro .box .boxSwiper a .text{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0 50% 0 20px; box-sizing: border-box;}
.recommendPro .box .boxSwiper a .text h3{ font-size: 15px; max-height: 88px; line-height: 22px; color: #111111; font-weight: normal; transition: 0.3s; -webkit-line-clamp: 4; position: relative; top: 50%; transform: translateY(-50%);}
.recommendPro .box .boxSwiper a .text h4{ font-size: 15px; color: #111111; margin-top: 6px; max-height: 66px; line-height: 22px; font-weight: normal;}
.recommendPro .box .boxSwiper a:hover .text h3{ color: #2291B1;}
.recommendPro .box .btn{ width: 28px; height: 28px; border-radius: 50%; background: #E4E4E4; margin-top: -14px;}
.recommendPro .box .btn::after{ content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 10px; height: 10px; background: url(https://cw.jangho.com/theme/default/images/svg/right.svg) no-repeat center; background-size: contain; filter: brightness(0) invert(0.3); transition: 0.3s;}
.recommendPro .box .btn.swiper-button-prev::after{transform: translate(-50%,-50%) rotate(180deg); transition: 0.3s;}
.recommendPro .box .btn:hover {
	background: #2291B1;
}
.recommendPro .box .btn:hover::after{ filter: brightness(0) invert(1);}

/*产品详情*/
/* .proDetails{ background: #fff;} */
.detailpart{position: relative; display: block;}
.detailOne{ overflow: hidden;}
.detailOne .bg{display: block; padding-bottom: 49.41%; }
.detailpart .box{position: absolute; top: 0; left: 50%; transform: translateX(-50%); height: 100%; color: #fff;}
.detailOne .box .text{position: relative;}
.detailOne .box .text h4{ height: 40px; line-height: 40px; border: 1px #fff solid; border-radius: 20px; display: inline-block; padding: 0 20px; font-size: 18px; color: #fff; font-weight: 300; margin-bottom: 27px;} 
.detailOne .box .text h3{position: relative; padding-bottom: 24px; margin-bottom: 24px;}
.detailOne .box .text h3::before{ content: ""; position: absolute; bottom: 0; left: 0; width: 58%; height: 1px; background: #fff; opacity: 0.6;}
.detailOne .box .text h5{ font-size: 18px; color: #FFFFFF; font-weight: normal; text-transform: uppercase;}
.detailOne .box .text .lable{ display: flex; margin-top: 80px;}
.detailOne .box .text .lable .item{ width: 100px; height: 100px; border: 1px rgba(255,255,255,0.5) solid; border-radius: 8px; text-align: center; margin-right: 20px;}
.detailOne .box .text .lable .item b{ display: block; font-size: 36px; color: #fff; font-weight: normal; line-height: 40px; padding-top: 16px;}
.detailOne .box .text .lable .item:nth-child(3) b{ font-size: 20px;}
.detailOne .box .img{ position: absolute; bottom: -6%; right: 0; max-width: 480px; z-index: -1;}

.detailThree{ background: #222222;}
.detailThree .pic{overflow: hidden; width: 50%;}
.detailThree .pic em{ display: block; padding-bottom: 64.58%;}
.detailThree .box .text{ position: relative; width: 50%; padding-left: 50px; box-sizing: border-box;}
.detailThree .box .text h3{ font-size: 40px; text-transform: uppercase;}
.detailThree .box .text h4{font-size: 24px;text-transform: uppercase; margin-top: 0;}
.detailpart .box .text .textUl{ padding-top: 20px;}
.detailpart .box .text .textUl li{position: relative; display: flex; align-items: flex-start; font-size: 17px; color: #fff; line-height: 30px; margin-top: 16px; padding-left: 34px;}
.detailpart .box .text .textUl li img{position: absolute; top: 5px; left: 0; display: inline-block; }

.detailFour .bg{display: block; padding-bottom: 33.333%;}
.detailFour .box .text{margin-top: 100px;}

.detailFive .bg{display: block; padding-bottom: 40.2%;}
.detailFive .text{width: 68%;}
.detailFive .text h3{ font-size: 56px; color: #2D2C2C; text-transform: uppercase; padding-top: 100px;}
.detailFive .text .picUl{ padding-top: 0;}
.detailFive .text .picUl li{display: flex; align-items: center; float: left; width: 33.33%; height: 90px; margin-top: 30px;}
.detailFive .text .picUl li img{ max-width: 100%; max-height: 100%;}


.proDetails .tab{padding: 54px 0; line-height: 26px; border-bottom: 2px #E8E8E8 solid; background: #fff;}
.proDetails .tab .tabTit{ overflow: hidden;}
.proDetails .tab a{font-size: 22px; display: inline-block; width: auto; color: #111111; margin-right: 40px; transition: 0.3s; font-weight: bold;} 
.proDetails .tab a:first-child{ width: 230px; margin-right: 20px;}
.proDetails .tab a:hover{color: #2394B6;}
.proDetails .tab a.on{color: #2394B6;}
.proDetails .tabBox{ overflow: hidden;}
.proDetails .tabBox .swiper-slide{background: #fff;}
/* .proDetails .tabBox .swiper-slide:first-child{margin-bottom: 0;} */
.proDetails .tabBox img{ display: block; width: 100%;}
.proDetails .tabBox video{ width: 100%; display: block;}
.proDetails .detailBox{background: #fff; border-bottom: 55px #F4F5F7 solid;}
.proDetails .parameters ul li{ padding: 50px 0; color: #111; border-bottom: 2px #F4F4F4 solid;}
.proDetails .parameters ul li .t{display: flex; justify-content: space-between; line-height: 30px;}
.proDetails .parameters ul li span{ display: inline-block; font-size: 18px; font-weight: bold; width: 200px;}
.proDetails .parameters ul li .txt{ width: calc(100% - 200px);padding-left: 50px; box-sizing: border-box; font-size: 16px;}
.proDetails .wordBox{padding: 50px 0;}
.proDetails .FAQ-list{ margin-top: 0;}

/*单页*/
.danBox{ padding: 40px 0;}



/* 提示说弹窗 */
.gray{background: rgba(0,0,0,0.55);position: fixed;width: 100%;top: 0;left: 0;height: 100%;z-index: 3;}
.tipsfixed{background: #fff;max-width: 523px;height: 635px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);padding: 88px 35px;box-sizing: border-box;font-weight: bold;}
.tipsfixed h6{text-align: center;font-size: 28px;color: #2B8DA9;line-height: 1.5;margin-bottom: 35px;}
.tipsfixed .textAll{line-height: 28px;font-size: 16px;color: #000;text-indent: 2em;}
.tipsfixed input{background: #258AA7;width: 164px;height: 57px;line-height: 57px;color: #fff;font-size: 16px;font-weight: bold;border: none;margin: 50px auto 0;display: block;cursor: pointer;}










/* 全局滚动条样式 */
::-webkit-scrollbar {
	width: 0px;
}

::-webkit-scrollbar-track {
	background-color: transparent;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}

::-webkit-scrollbar-thumb {
	background-color: #000;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
	width: 8px
}


.wrap {
	width: 1181px;
	margin-right: auto;
	margin-left: auto;
}

/*底部样式*/

.page_footer .footer_main {
	background-color: #0068b7;
	padding: 50px 0px;
}

	.page_footer .footer_main dt a {
		font-size: 18px;
		color: #c79556;
		font-weight: bold;
		background: none;
		padding: 0;
		margin: 0;
		text-decoration: none;
	}

body .bdshare_popup_box {
	display: none !important;
}

.page_footer .footer_main dt {
	margin-bottom: 21px;
}

.page_footer .footer_main dd {
	color: #ffffff;
	line-height: 28px;
}

	.page_footer .footer_main dd a {
		color: #ffffff;
		line-height: 28px;
		text-decoration: none;
	}

	.page_footer .footer_main dd a:hover {
		color: #c79556;
	}

	.page_footer .footer_main dd span {
		color: #ffffff;
		line-height: 28px;
	}


	.page_footer .footer_main dd span {
		display: inline-block;
	}

	.page_footer .footer_main dd .title {
		margin-right: 16px;
		color: #ffffff;
	}

	.page_footer .footer_main dd .phone_number {
		color: #ffffff;
		cursor: default;
		margin-right: 12px;
	}

.page_footer .footer_main dl {
	margin-right: 8%;
}

	.page_footer .footer_main dl:nth-child(3) dd:last-child .phone_number {
		margin-right: 25px;
	}

	.page_footer .footer_main dl:last-child {
		margin-right: 0;
		text-align: right;
	}

.page_footer .footer_main .i_ico {
	display: inline-block;
	vertical-align: middle;
	margin-right: 8px;
}

.page_footer .footer_main .share_ico01 {
	background-position: 0px -24px;
}

.page_footer .footer_main .share_ico02 {
	background-position: -24px -24px;
}

.page_footer .footer_main .pub_number dd {
	margin-bottom: 4px;
}

.page_footer .footer_main .pub_number dt a {
	text-align: right;
	display: block;
	float: none;
	text-decoration: none;
}

.page_footer .footer_bar {
	background-color: #004478;
	color: #eeeeee;
	padding: 22px 0px;
	line-height: 22px;
}

	.page_footer .footer_bar .f_bar_l a {
		margin-right: 24px;
		position: relative;
		color: #ffffff;
		text-decoration: none;
	}
		.page_footer .footer_bar .f_bar_l a:hover {
			color: #c79556;
		}

		.page_footer .footer_bar .f_bar_l a:after {
			content: "";
			width: 1px;
			height: 12px;
			display: block;
			background-color: #eeeeee;
			position: absolute;
			top: 50%;
			margin-top: -6px;
			right: -12px;
		}

	.page_footer .footer_bar .f_bar_r {
		font-size: 14px;
	}


	/*底部二维码*/
.page_footer .footer_main dd{position:relative;font-weight:bold; line-height: 45px;}
.page_footer .footer_main dd .ewm{width:100px;height:100px;display:block;position:absolute;right:114%;top:-124%;-webkit-transition: all 0.3s ease;visibility:hidden;opacity:0;}
.page_footer .footer_main dd .ewm:after{content:"";width:0;height:0;border-style:solid;border-color:transparent transparent transparent #fff;border-width:10px;position:absolute;display:block;right:-20px;top:50%;margin-top:-10px;}
.page_footer .footer_main dd:hover .ewm{visibility:visible;opacity:1;}
/*.page_footer .footer_main dd a{display:block;}*/
.page_footer .footer_main dd:hover .share_ico01{background-position:-72px 0px}
.page_footer .footer_main dd:hover .share_ico02{background-position:-72px -24px}


/*底部样式*/

/*首页图标*/
.i_ico {
	width: 24px;
	height: 24px;
	background: url(../image/i_ico.png) no-repeat;
}


.shuxiang{float:left;color:#ffffff;font-size:17px;padding-top:12px;}

.mF_sohusports_boxID {
	position: relative;
	width: 700px;
	height: 411px;
	overflow: hidden;
	font: 12px/1.5 Verdana;
	text-align: left;
	background: #fff;
	visibility: visible !important;
}

	.mF_sohusports_boxID .pic {
		position: relative;
		width: 700px;
		height: 100%;
		overflow: hidden;
	}
.pic ul li img {
	max-width: 700px;
	height: auto;
	width: auto;
}


.ipart_title {
	font-size: 32px;
	color: #333333;
	line-height: 36px;
	text-align: center;
	margin-bottom: 40px;
}

.row {
	width: 101.66666667%;
	transition: 0.2s width ease;
	*zoom: 1;
}

	.row:before,
	.row:after {
		display: table;
		clear: both;
		content: '';
	}
	.row > [class*="span-"] {
		float: left;
		margin-right: 1.66666667%;
		*margin-right: 1.55666667%;
	}
	.row > .span-8 {
		width: 31.66666667%;
	}
.imgZoom {
	overflow: hidden;
}
a {
	color: inherit;
}
.imgZoom img, .imgY180 img {
	-moz-transition: all 2.4s ease 0s;
	-ms-transition: all 2.4s ease 0s;
	-o-transition: all 2.4s ease 0s;
	-webkit-transition: all 2.4s ease 0s;
	transition: all 2.4s ease 0s;
}
.imgZoom:hover img {
	-moz-transform: scale(1.3,1.3);
	-ms-transform: scale(1.3,1.3);
	-o-transform: scale(1.3,1.3);
	-webkit-transform: scale(1.3,1.3);
	transform: scale(1.3,1.3);
}
.part2 .list_text {
	background: #fff;
	padding: 10%;
}
.part2 .list_time {
	font-size: 16px;
	color: #666;
}

.part2 .list_title {
	font-size: 20px;
	color: #333333;
	margin: 20px 0px;
	min-height: 120px;
}

.part2 .more_btn_news {
	font-size: 16px;
	color: #c79556;
}
.part2 {
	padding: 2% 0px;
	background: #eef2f5;
}


	.sub_nav  .list_text {
		background: #fff;
		padding: 4%;
	}

.sub_nav .list_time {
	font-size: 16px;
	color: #666;
}

.sub_nav .list_title {
	font-size: 16px;
	color: #333333;
	margin: 20px 0px;
	/*	min-height: 100px;*/
/*	min-height: 42px;*/
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.index_news_right_title h3 {
	color: #333;
	text-align: center;
	position: relative;
	padding: 0;
	padding-bottom: 8px;
	display: inline-block;
	margin: 0;
	float: none !important;
	max-width: 80%;
	font-size:32px;
}

	.index_news_right_title h3:after {
		content: '';
		width: 30%;
		height: 2px;
		background-color: #0068b7;
		position: absolute;
		left: 0;
		margin-left: auto;
		bottom: 0;
		min-width: 35px;
	}
.footer_ph{background: url(../image/f_icon_phone.png)no-repeat left; padding-left: 40px; line-height: 33px; }
.footer_dz{background: url(../image/adders.png)no-repeat left; padding-left: 40px; line-height: 33px; }

.main {
	padding-top: 28px;
}
.wp {
	width: 98%;
	max-width: 1440px;
	margin: 0 auto;
	*zoom: 1;
}

	.wp:after, .wp:before {
		display: block;
		content: "clear";
		height: 0;
		clear: both;
		overflow: hidden;
		visibility: hidden;
	}
.main .wp > .col-l {
	width: 240px;
}

.main .wp > .col-r {
	float: none;
	margin-left: 265px;
	background-color: #fff;
	padding: 0 26px;
}
.l, .col-l, .col_l, .col-c, .col_c {
	float: left;
}
.tit-left {
	background-color: #0068b7;
	height: 43px;
	padding-left: 38px;
	line-height: 79px;
	color: #fff;
	padding-top: 22px;
}
	.tit-left span {
		float: none;
		display: block;
		line-height: 1;
	}

	.tit-left .cn {
		font-size: 20px;
		margin-bottom: 10px;
	}
.s-nav > dd {
	padding: 24px 20px 16px;
/*	background: #eaedf1;*/
    background:#ffffff;
	background-size: 100% auto;
}

.m-article {
	/*padding-right: 50px;*/
	padding: 0 10px;
	border-bottom: 1px solid #d2d2d2;
}

.s-nav > dd h3 {
	line-height: 40px;
	margin-bottom: 6px;
	font-weight: normal;
}

	.s-nav > dd h3.on {
		background: #0068b7;
	}

		.s-nav > dd h3.on a {
			color: #fff;
		}

	.s-nav > dd h3:hover {
		background: #0068b7;
	}

		.s-nav > dd h3:hover a {
			color: #fff;
		}

	.s-nav > dd h3 a {
		display: block;
		margin: 5px 18px;
		color: #333;
		font-size: 16px;
		background: url('../image/icon-snav2.png') no-repeat right 18px center;
	}

.ul-snav li {
	line-height: 30px;
	margin-bottom: 6px;
}

	.ul-snav li > a {
		display: block;
		padding: 0 18px;
		color: #101010;
		font-size: 14px;
		/* background: url('/statics/images/group/icon-snav1.png') no-repeat right 18px center; */
	}

.ul-snav dl {
	display: none;
}

.ul-snav .on dl {
	padding-top: 10px;
}

.ul-snav dd {
	padding: 0;
	line-height: 30px;
}

	.ul-snav dd a {
		padding: 0 18px;
		font-size: 14px;
		display: block;
	}

.ul-snav .on > a, .ul-snav li > a:hover {
	background: #1073BD url('https://cw.jangho.com/statics/images/group/icon-snav2.png') no-repeat right 18px center;
	color: #fff;
}

.ul-snav li.on > a {
	background: #1073BD url('https://cw.jangho.com/statics/images/group/icon-snav2.png') no-repeat right 18px center;
	color: #fff;
}
.m-cur {
	border-bottom: 1px solid #d2d2d2;
	text-align: right;
	font-size: 14px;
	color: #666;
	line-height: 48px;
}

	.m-cur .tit {
		display: inline-block;
		padding-left: 26px;
		background: url('../image/icon-cur.png') no-repeat left center;
	}

.cont1 .tit1 {
	font-size: 24px;
	line-height: 24px;
	color: #0068b7;
	margin: 22px 0 20px;
}
.m-article1 {
	font-size: 14px;
	color: #333;
	line-height: 2;
	border-bottom: 1px solid #d2d2d2;
	padding: 0 3%;
}

	.m-article1 p {
/*		text-indent: 2em;*/
		margin-bottom: 1em;
	}

	.m-article1 img {
		display: inline-block;
		margin: 0 auto;
	}
.tit-left .en {
	font-size: 14px;
	font-weight: normal;
	display: none;
}
.m-intro .con h2 {
	color: #0068b7;
}

.m-intro .con .ification {
	width: 30%;
	float: left;
	margin-right: 2.2%;
	height: 405px;
	border: 1px solid #ddd;
	margin-top: 20px;
}

	.m-intro .con .ification > dt {
		width: 100%;
	}

		.m-intro .con .ification > dt > img {
			display: block;
			width: 100%;
			height:240px;
		}

	.m-intro .con .ification > dd {
		width: 80%;
		margin-left: 10%;
	}

		.m-intro .con .ification > dd > dl {
			width: 100%;
		}

			.m-intro .con .ification > dd > dl > dt {
				width: 100%;
				padding: 20px 0;
				border-bottom: 1px solid #ddd;
				font-weight: bolder;
				font-size: 22px;
				text-align: center;
			}

				.m-intro .con .ification > dd > dl > dt > img {
					display: block;
					height: 65px;
					margin: 0 auto;
				}

			.m-intro .con .ification > dd > dl > dd {
				overflow: hidden;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 2;
				text-overflow: ellipsis;
				line-height: 20px;
				font-size: 16px;
				 text-align: center; 
				padding-top: 20px;
				color: #0068b7;
			}

	.m-intro .con .ification.on {
		
	}

		.m-intro .con .ification.on > dd > dl > dd {
			
		}

.m-intro .img {
	float: left;
	width: 100%;
	margin-right: 30px;
}

	.m-intro .img .pic {
		position: relative;
		overflow: hidden;
		padding-top: 60%;
	}

		.m-intro .img .pic img {
			position: absolute;
			top: 0;
			left: 20%;
			width: 60%;
			margin: 0 atuo;
		}

.m-intro .txt {
	padding-top: 10px;
	overflow: hidden;
	font-size: 14px;
	line-height: 2;
	color: #333;
}

	.m-intro .txt p {
		margin-bottom: 2em;
	}
.m-intro {
	margin-bottom: 20px;
	overflow: hidden;
	padding: 10px 50px 10px 10px;
}
.pages_pc {
	text-align: center;
	margin: 0 auto;
	width: 700px;
}

	.pages_pc a {
		display: inline-block;
	}

	.pages_pc a, .pages_pc span {
		display: inline-block;
		width: 28px;
		height: 28px;
		line-height: 28px;
		border: 1px solid #eaeaea;
		text-align: center;
		font-size: 12px;
		color: #888;
		margin: 0 2px;
	}

	.pages_pc .a1 {
		width: 55px;
	}

	.pages_pc ul li .prev {
		background: url('https://cw.jangho.com/statics/images/group/page-prev.png') no-repeat center;
	}

	.pages_pc ul li .next {
		background: url('https://cw.jangho.com/statics/images/group/page-next.png') no-repeat center;
	}

	.pages_pc a:hover,
	.pages_pc span {
		color: #fff;
		background-color: #0068b7;
		border-color: #0068b7;
	}

	.pages_pc ul li .prev:hover,
	.pages_pc ul li .prev.on {
		background: #888 url('https://cw.jangho.com/statics/images/group/page-prev2.png') no-repeat center;
		border-color: #888;
	}

	.pages_pc ul li .next:hover,
	.pages_pc ul li .next.on {
		border-color: #888;
		background: #888 url('https://cw.jangho.com/statics/images/group/page-next2.png') no-repeat center;
	}

/*手机端分页*/
.pages_phone {
	text-align: center;
	margin: 0 auto;
	display: none !important;
}

	.pages_phone a {
		display: inline-block;
	}

	.pages_phone a, .pages_phone span {
		display: inline-block;
		width: 18px;
		height: 25px;
		line-height: 25px;
		border: 1px solid #eaeaea;
		text-align: center;
		font-size: 12px;
		color: #888;
		margin: 0 1px;
	}

	.pages_phone .a1 {
		width: 40px;
	}

	.pages_phone ul li .prev {
		background: url('https://cw.jangho.com/statics/images/group/page-prev.png') no-repeat center;
	}

	.pages_phone ul li .next {
		background: url('https://cw.jangho.com/statics/images/group/page-next.png') no-repeat center;
	}

	.pages_phone a:hover,
	.pages_phone span {
		color: #fff;
		background-color: #0068b7;
		border-color: #0068b7;
	}

	.pages_phone ul li .prev:hover,
	.pages_phone ul li .prev.on {
		background: #888 url('https://cw.jangho.com/statics/images/group/page-prev2.png') no-repeat center;
		border-color: #888;
	}

	.pages_phone ul li .next:hover,
	.pages_phone ul li .next.on {
		border-color: #888;
		background: #888 url('https://cw.jangho.com/statics/images/group/page-next2.png') no-repeat center;
	}
.btnCtn::after {
	content: "";
	display: block;
	background: url(../image/icon-snav2.png);
	width: 18px;
	height: 18px;
	margin-top: 10px;
	margin-left: 3px;
	transform: rotateY(180deg);
}

.btnOpen::after {
	content: "";
	display: block;
	background: url(../image/icon-snav2.png);
	width: 18px;
	height: 18px;
	margin-top: 10px;
	margin-left: 3px;

}

.xialaiDH{background:#ffffff;}


.ul-news {
    margin-bottom: 30px;
    padding-top: 15px;
}

.ul-news li:last-child .item {
    border: none;
}

.ul-news .item {
    overflow: hidden;
    margin-bottom: 5px;
    padding: 15px 50px 25px 0;
    border-bottom: 1px dashed #005494;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.ul-news .pic {
    float: left;
    width: 214px;
    margin-right: 18px;
}

.ul-news .pic a {
    display: block;
    position: relative;
    overflow: hidden;
    padding-top: 61.7%;
}

.ul-news .pic img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ul-news .txt {
    position: relative;
    overflow: hidden;
    font-size: 14px;
    color: #a8a8a8;
    line-height: 20px;
}

.ul-news h4 a {
    color: #0068b7;
    font-size: 16px;
    line-height: 44px;
    font-weight: normal;
 }

.ul-news .txt p {
    margin-bottom: 13px;
    height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.ul-news .btn {
    float: right;
    font-size: 14px;
    color: #fff;
    line-height: 22px;
    width: 88px;
    height: 22px;
    text-align: center;
    border-radius: 22px;
    background-color: #999;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.ul-news .item:hover {
    border-color: transparent;
    box-shadow: 2px 2px 13px rgba(0, 0, 0, 0.15);
}

.ul-news .item:hover .btn {
    background-color: #0068b7;
}


/* 9.联系我们 */

.m-contact {
	overflow: hidden;
	padding: 24px 0;
}

.ul-contact {
	margin: 0 -23px;
}

	.ul-contact li {
		float: left;
		width: 33.33%;
		margin-bottom: 24px;
	}

	.ul-contact .items {
		margin: 0 23px;
		border: 1px solid #dcdcdc;
		box-shadow: 0 0 3px rgba(220, 220, 220, 0.8) inset;
		padding: 15px 0 20px 20px;
		height: 250px;
	}

		.ul-contact .items .tit {
			font-size: 15px;
			color: #333;
			line-height: 26px;
			padding-bottom: 20px;
			margin-right: 45px;
			/*min-height: 98px;*/
			background: url('../image/contact-1.png') repeat-x left bottom;
		}

		.ul-contact .items .con {
			font-size: 14px;
			color: #333;
			line-height: 24px;
			padding-top: 15px;
			min-height: 111px;
		}

		.ul-contact .items .con p{
		text-align:left;
		}

#fenglei li{float:left;width: initial;padding-right: 1rem;padding-top:0.3rem;}
#fenglei li a {padding: 0em 0.5em;height: 36px;line-height: 36px;text-align: center;margin: 0px !important;border: 1px solid #003E7A;color: #1f1f1f;transition: all .15s ease;font-size: 16px;display: -webkit-box;overflow: hidden;}
#fenglei li a:hover {color: white;background-color: #003E7A !important;}


.fenglei li{float:left;width: initial;padding-right: 1rem;padding-top:0.3rem;}
.fenglei li a {padding: 0em 0.5em;height: 36px;line-height: 36px;text-align: center;margin: 0px !important;border: 1px solid #003E7A;color: #1f1f1f;transition: all .15s ease;font-size: 16px;display: -webkit-box;overflow: hidden;border-radius: 5px }
.fenglei li a:hover {color: white;background-color: #003E7A !important;}
#oltitle1{letter-spacing: 2px;color: #1f1f1f;font-weight: bold;font-size: 16px;float:left;}
#oltitle2{letter-spacing: 2px;color: #1f1f1f;font-weight: bold;font-size: 16px;float:left;}
#oltitle3{letter-spacing: 2px;color: #1f1f1f;font-weight: bold;font-size: 16px;float:left;}
#oltitle4{letter-spacing: 2px;color: #1f1f1f;font-weight: bold;font-size: 16px;float:left;}
#oltitle5{letter-spacing: 2px;color: #1f1f1f;font-weight: bold;font-size: 16px;float:left;}
.btxuanran{color: white !important;background-color: #003E7A !important;}

.page-bar {
	text-align: center;
	width: 100%;
	height: 36px;
	margin: 0 auto;
	position: relative;
	padding-bottom: 100px;
}

    .page-bar ul {
        min-width: 700px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
        overflow: hidden;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }

	.page-bar li {
		display: block;
		width: 36px;
		height: 28px;
		list-style: none;
		overflow: hidden;
		position: relative;
		margin: 0px 5px;
		font-size: 12px;
		color: #888;
	}

    .page-bar a {
        width: 34px;
        height: 26px;
        border: 1px solid #ddd;
        text-decoration: none;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        /*margin-left: -1px;*/
        line-height: 26px;
        cursor: pointer
    }

    .page-bar .first {
        display: block;
        width: 170px;
        height: 36px;
        font-size: 14px;
        line-height: 36px;
        text-align: center;
    }

    .page-bar .last_li {
        width: 85px;
        height: 36px;
        border: 1px solid #ddd;
    }

        .page-bar .last_li span {
            width: 100%;
            height: 100%;
            line-height: 36px;
            text-align: center;
            float: left;
        }

    .page-bar li:first-child, .page-bar li:last-child, .page-bar li:nth-child(2) {
        margin: 0px;
        width: 55px;
    }

		.page-bar li:first-child a, .page-bar li:last-child a, .page-bar li:nth-child(2) a {
			width: 95%;
		}

	.page-bar .li_a a:hover {
		color: #fff;
		background-color: #0068b7;
		border-color: #0068b7;
	}

    .page-bar a.banclick {
        cursor: not-allowed;
    }

	.page-bar .active a {
		color: #fff;
		cursor: default;
		background-color: #0068b7;
		border-color: #0068b7;
	}

    .page-bar i {
        font-style: normal;
        color: #d44950;
        margin: 0px 4px;
        font-size: 14px;
    }

			/* 9.联系我们end */

/*新闻中心详情页*/
.content-box {
	width:100%;
	overflow:hidden;
	padding-bottom: 5%;
}
.content-box .card-list .news ul li{
	float:left;
}
.content-box .card-list .news ul li.col-md-flex {
	width: 32%;
}
.content-box .card-list .news ul li.col-md-space {
	width: 2%;
}

.content-box h2 {
	padding-bottom: 30px;
	padding-top: 30px;
	font-size: 2.625em !important;
	color: #333;
	line-height: 1.5;
	text-align: center;
}

 .content-box p {
	font-size: 16px;
	color: #666;
}

 .content-box h1 {
	padding-top: 30px;
	font-size: 2.625em !important;
	color: #333;
	line-height: 1.5;
	text-align: center;
}

.content-box .card-list .news .pic {
	height:100%;
}



.card-list .card-content {
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	height: 100%;
}



.news-detail img.pic {
	width: 100%;
}

.news-detail img.pic.small-pic {
		width: 85%;
		margin-left: auto;
		margin-right: auto;
	}

.card-list p.text {
	margin-bottom: 15px;
	margin-top: 15px
}

.card-list p.time {
	text-align: left !important;
	margin-top: auto;
	margin-bottom: 0;
}

.news{display: flex;width:100%;}

.m-article .tit {
	margin: 0 140px;
	text-align: center !important;
}

	.m-article .tit h1 {
		padding: 23px 0 12px;
		font-size: 22px;
		line-height: 32px;
		font-weight: bold;
		color: #101010;
	}

.m-article .tit2 h1 {
	color: #0068b7;
}

.m-article .tit .info {
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	line-height: 35px;
	color: #999;
}

.m-article .tit .info p{
	text-align:center;
}

	.m-article .tit .info em {
		margin: 0 3px;
	}

/*新闻中心详情页*/


/* 8.集团荣誉 */

.m-honor {
	overflow: hidden;
	padding: 30px 0 60px;
}

.ul-honor {
	margin: 0 -20px;
}

	.ul-honor li {
		float: left;
		width: 33.33%;
		margin-bottom: 10px;
	}

	.ul-honor .items {
		display: block;
		margin: 0 20px;
	}

		.ul-honor .items:hover img {
			-webkit-transform: scale(1.08);
			-ms-transform: scale(1.08);
			-o-transform: scale(1.08);
			transform: scale(1.08);
		}

		.ul-honor .items:hover .txt {
			color: #0068b7;
		}

		.ul-honor .items .img {
			position: relative;
			overflow: hidden;
			padding-top: 70.28%;
		}

			.ul-honor .items .img img {
				position: absolute;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				-webkit-transition: 0.3s;
				-o-transition: 0.3s;
				transition: 0.3s;
			}

		.ul-honor .items .txt {
			display: block;
			font-size: 16px;
			color: #333;
			line-height: 54px;
			text-align: center;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		}


/* 8.集团荣誉end */




.gsjj .gsright .right_list .map {
	width: 700px;
	height: 550px;
	margin-left: 0px;
	border: 1px solid rgb(204, 204, 204);
	font-size: 12px;
	overflow: hidden;
	position: relative;
	z-index: 0;
	background-color: rgb(243, 241, 236);
	color: rgb(0, 0, 0);
	text-align: left;
}

.gsjj .gsright .right_list input {
	width: 100%;
}

.gsjj1 {
	height: auto;
	margin-bottom: 30px;
}

.gsjj {
	padding: 2% 0;
	/*width: 1380px;*/
	width:100%;
	height: auto;
	margin-bottom: 30px;
	margin: auto;
}

.lylball {
	width: 1260px;
	margin: auto;
}

.ShouWei {
	display: inline-block;
	margin: 0 1%;
	border: 1px solid #eee;
	padding: 0 1%;
}

	.ShouWei a {
		color: #666;
	}

.thisPage {
	display: inline-block;
	margin: 0 1%;
	border: 1px solid #eee;
	padding: 0 1%;
	color: #999;
}

	.thisPage a {
		color: #999;
	}

.thisPage {
	background: #145499;
	color: white !important;
	text-align: center;
}

.Ye {
	display: inline-block;
	margin: 0 1%;
	border: 1px solid #eee;
	padding: 0 1%;
	color: #999;
}

	.Ye a {
		color: #999;
	}

.moye {
	display: inline-block;
	margin: 0 1%;
	border: 1px solid #eee;
	padding: 0 1%;
}

	.moye a {
		color: #666;
	}

.fy {
	width: 100%;
	position: relative;
	text-align: center;
	margin-top: 1.5%;
	line-height: 35px;
	height: 50px;
	overflow: hidden;
	/* margin-bottom: 3%; */
}

	.fy.cpfy > div {
		padding: initial;
		width: 35px;
		height: 35px;
	}

	.fy.cpfy > a {
		display: inline-block;
		padding: initial;
		width: 35px;
		height: 35px;
		border: 1px solid #eee;
		color: #999;
	}

	.fy.cpfy > div > a {
		width: 100%;
		display: block;
		height: 100%
	}

ul li.lsm-sidebar-item .show {
	display: block;
}


.lylball table:nth-child(odd) {
	width: 1260px;
	border: 1px solid #eee;
	margin: 1% 0;
	margin: auto;
	margin-bottom: 1%;
	margin-top: 1%;
	border-collapse: collapse;
	background: #F7F6FB;
}

.lsm-sidebar-item li > a.active {
	color: #FFF;
	background: #dce7f4;
}

.lylball table:nth-child(even) {
	width: 1260px;
	border: 1px solid #eee;
	margin: 1% 0;
	margin: auto;
	margin-bottom: 1%;
	margin-top: 1%;
	border-collapse: collapse;
	background: white;
}

.lylball td {
	border: 1px solid #eee;
	height: 35px;
}

.tc {
	text-align: center;
	width: 8%;
}

.tl {
	padding-left: 1%;
	word-break: break-word;
}

.gsjj .gstitle {
	text-align: right;
	font-size: 14px;
	letter-spacing: 2px;
	margin-top: 10px;
	margin-bottom: 5px;
}

	.gsjj .gstitle img {
		margin-right: 10px;
	}

.gsjj hr {
	height: 1px;
	border: none;
	border-top: 1px dashed #999999;
}

.gsjj .gsleft {
	width: 250px;
	float: left;
	margin-top: 10px;
}

	.gsjj .gsleft .gsname {
		width: 100%;
		height: 70px;
		font-size: 28px;
		text-align: center;
		background-color: #0176ca;
		color: #fff;
		letter-spacing: 10px;
		line-height: 65px;
	}

	.gsjj .gsleft ul {
		width: 100%;
	}

		.gsjj .gsleft ul li {
			width: 248px;
			height: 50px;
			line-height: 50px;
			border: 1px solid #cccccc;
			font-size: 16px;
			letter-spacing: 5px;
			color: #26377f;
		}

			.gsjj .gsleft ul li a {
				margin-left: 20px;
				color: #26377f;
			}

				.gsjj .gsleft ul li a img {
					margin-right: 20px;
				}

.gsjj .gsright .right_list {
	width: 1000px;
	float: left;
	margin-top: 10px;
	width: 100%;
}

	.gsjj .gsright .right_list p {
		font-size: 16px !important;
		line-height: 30px;
	}

.gsjj .gsright .righttitle {
	width: 100%;
	height: 30px;
	text-align: left;
}

	.gsjj .gsright .righttitle .titname {
		font-size: 16px;
		letter-spacing: 5px;
		margin-left: 10px;
	}

		.gsjj .gsright .righttitle .titname .cpnaem {
			font-weight: bolder;
			float: left;
			margin-top: 10px;
			margin-bottom: 5px;
		}

		.gsjj .gsright .righttitle .titname .cptitle {
			text-align: right;
			font-size: 14px;
			letter-spacing: 2px;
			margin-top: 10px;
			margin-bottom: 5px;
			float: right;
		}

			.gsjj .gsright .righttitle .titname .cptitle img {
				margin-right: 10px;
			}

.gsjj .gsright .right_list1 {
	margin-top: 20px;
	line-height: 40px;
	font-size: 15px;
	float: left;
	width: 100%;
}

	.gsjj .gsright .right_list1 img {
		max-width: 100%;
		max-height: 840px;
	}
	/*.gsjj .gsright .right_list1 span
        {
            height: 20px;
            line-height: 50px;
            width: 80px;
            float: right;
            color: #999;
            font-size: 13px;
        }*/


	.gsjj .gsright .right_list1 li {
		list-style: none;
		/*        border-bottom: 1px dashed #c9c9c9;*/
		/*        width: 95%;*/
		height: 143px;
		transition: 0.7s;
		background: #fff;
		margin-bottom: 1%;
	}

		.gsjj .gsright .right_list1 li.three_bottom {
			background: rgb(244, 245, 247);
		}

			.gsjj .gsright .right_list1 li.three_bottom:hover {
				transition: 0.7s;
				background: rgb(244, 245, 247);
			}

			.gsjj .gsright .right_list1 li.three_bottom p:hover {
				background-color: #40659a;
				color: #fff;
			}

		.gsjj .gsright .right_list1 li:hover {
			transition: 0.7s;
			background: #000000ba;
		}

			.gsjj .gsright .right_list1 li:hover a {
				color: #fff;
			}

			.gsjj .gsright .right_list1 li:hover p {
				color: #fff;
			}

			.gsjj .gsright .right_list1 li:hover span a {
				color: #fff;
			}


		.gsjj .gsright .right_list1 li a {
			padding-top: 1%;
			color: #666;
			font-size: 21px;
			overflow: hidden;
			display: -webkit-box;
			-webkit-line-clamp: 1;
			-webkit-box-orient: vertical;
		}

		.gsjj .gsright .right_list1 li.three_bottom p {
			background-color: #E9EDF0;
			text-align: center;
			width: 33%;
			margin: 0px auto;
			padding: 11px 0px;
			color: #2D2D2D;
			font-size: 14px;
		}

		.gsjj .gsright .right_list1 li p {
			color: #666;
			font-size: 17px;
			margin-left: 13px;
			overflow: hidden;
			display: -webkit-box;
			-webkit-line-clamp: 1;
			-webkit-box-orient: vertical;
		}

		.gsjj .gsright .right_list1 li a:hover {
			/*            color: #26377f;*/
			font-weight: bold;
		}

.gsjj .gsright .right_list5 {
	width: 100%;
	float: left;
	margin-top: 10px;
}

.gsjj .gsright .right_list .site-content .zxly {
	width: 100%;
}

	.gsjj .gsright .right_list .site-content .zxly table {
		width: 75%;
		margin-top: 20px;
		background-color: rgba(255, 255, 255, 0.65);
	}

	.gsjj .gsright .right_list .site-content .zxly .title {
		width: 20%;
		text-align: center;
		height: 30px;
		font-size: 13px;
		color: #666;
	}

	.gsjj .gsright .right_list .site-content .zxly .text {
		width: 80%;
		font-size: 13px;
		height: 50px;
	}
	/*.cpList .cp_content .right_list_cp .wrapper .site-content .zxly input[type=text]{ width:100%; height:23px; font-size:13px; border:1px solid #dedede;}*/
	.gsjj .gsright .right_list .site-content .zxly input[type=text] {
		-webkit-border-radius: 10px;
		border-radius: 10px;
		font-size: 1em;
		border: 1px solid #dcdcdc;
		outline: none;
		width: 75%;
		padding: 8px 8px 8px 35px;
		background-color: #fff;
	}

	.gsjj .gsright .right_list .site-content .zxly textarea {
		-webkit-border-radius: 10px;
		border-radius: 10px;
		font-size: 1em;
		border: 1px solid #dcdcdc;
		outline: none;
		width: 78%;
		padding: 2px 2px 2px 5px;
		background-color: #fff;
	}

	.gsjj .gsright .right_list .site-content .zxly input[type=checkbox] {
		width: 4%;
		height: 15px;
		vertical-align: middle;
		border: 1px solid #dedede;
	}

	.gsjj .gsright .right_list .site-content .zxly input[type=text][name=Txt_name] {
		background: white url(https://cw.jangho.com/statics/images/input_sprite_18x164.png) 10px 5px no-repeat;
	}

	.gsjj .gsright .right_list .site-content .zxly input[type=text][name=txt_add] {
		background: white url(https://cw.jangho.com/statics/images/input_sprite_18x164.png) 10px -124px no-repeat;
	}

	.gsjj .gsright .right_list .site-content .zxly input[type=text][name=txt_phone] {
		background: white url(https://cw.jangho.com/statics/images/input_sprite_18x164.png) 10px -25px no-repeat;
	}

	.gsjj .gsright .right_list .site-content .zxly input[type=text][name=txt_emil] {
		background: white url(https://cw.jangho.com/statics/images/input_sprite_18x164.png) 10px -90px no-repeat;
	}

	.gsjj .gsright .right_list .site-content .zxly input[type=text][name=txt_zy] {
		background: white url(https://cw.jangho.com/statics/images/input_sprite_18x164.png) 10px 5px no-repeat;
	}

	.gsjj .gsright .right_list .site-content .zxly input[type=text][name=txt_gsname] {
		background: white url(https://cw.jangho.com/statics/images/input_sprite_18x164.png) 10px -162px no-repeat;
	}

	.gsjj .gsright .right_list .site-content .zxly input[type=text][name=txt_jyfw] {
		background: white url(https://cw.jangho.com/statics/images/input_sprite_18x164.png) 10px 5px no-repeat;
	}

	.gsjj .gsright .right_list .site-content .zxly .tj {
		width: 100%;
		height: 30px;
		text-align: center;
	}

#Bc_add {
	width: 50%;
	height: 35px;
	font-size: 14px;
	background-color: #26377f;
	padding: 3px 25px;
	color: #fff;
	border-radius: 8px;
	margin-top: 20px;
}


/*公司简介*/

.header.ind{display:none;}
/*手机版导航栏*/
.header.ind {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 99;
}
.menuBtn {
    display: none;
    position: absolute;
    right: 10px;
    top: 50%;
    z-index: 9;
    float: right;
    width: 30px;
    height: 30px;
    margin: -15px 0 0 0;
    cursor: pointer;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}

.menuBtn b {
    display: block;
    height: 4px;
    background-color: #0068b7;
    margin: 4px 0;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}

.menuBtn.open {}

.menuBtn.open b {
    display: none;
    margin: 0;
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -5px;
    width: 30px;
}

.menuBtn.open b:first-child {
    display: block;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}

.menuBtn.open b:last-child {
    display: block;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
}

/*手机版导航栏*/

#dingshangimg {
	width: 1780px;
}

#pcdhl {
	width: 1780px;
}
.header_flydown {
	width: 1340px;
	margin: auto;
}

.shugang {
	padding:0 1%;
}

@media screen and (max-width:1900px) {
	#dingshangimg {
		width: 1580px;
	}

	#pcdhl {
		width: 1550px;
	}

	.logo {
		width: 15%;
		float: left;
		position: relative;
		top: 15px;
	}

	.nav.header_container ul li {
		margin: 0 13px;
		height: 24px;
		float: left;
		text-align: center;
		font-size: 12px;
		/* font-weight: bold; */
		padding-top: 12px;
		color: #ffffff;
		cursor: pointer;
	}

	.nav > ul > li > a {
		font-size: 12px;
	}

	.main_right {
		right: -269.4%;
	}

	.main .wp > .col-r {
		overflow: hidden;
	}
}

@media screen and (max-height: 920px){
	.banner .bannerPro2{ height: 700px;}
}

@media screen and (max-height: 830px){
	.banner .bannerPro2{ height: 580px;}
}


@media screen and (max-width: 1650px){
	/* .nav>ul > li{padding: 0 8px;} */
	.nav>ul > li > a{ /*font-size: 16px;*/}
	.header .box .right .language{ margin-left: 20px;}
	.header .box .right .searchIcon{ margin-left: 10px;}
	.banner .bannerSwtch{ width: 96%;}
	.banner .bannerPro1{ width: 750px; top: 76px;}
	.indexOne .left{ left: 7%;}
	/*technology*/
	.technology li a .more{ font-size: 12px;}
	.technology li a:hover .more{ right: 3%;}
	.technology li:nth-child(2n) a:hover .more{ left: 2%;}
	/*brand*/
	.brandItem{ height: 580px;}
	.brandItem .text{ height: 66%;}
	/*产品详情*/
	.proInform .contTopText .title{ padding: 20px 0;}
	.proInform .contTopText .lable{ margin-top: 20px;}
	.proInform .contTopText .lable a{height: 50px; line-height: 50px; font-size: 16px; padding-left: 80px;}
	.proInform .contTopText .lable a i img{transform: scale(0.7);}
	.detailFive .text h3{ padding-top: 60px;}
	.detailFive .text .picUl li{ margin-top: 10px;}
	
	#anchor-nav{ left: 4%; margin-left: 0;}
}

@media screen and (max-width:1580px) {
	#dingshangimg {
		width: auto;
	}

	#pcdhl {
		width: auto;
	}
	.top_right {
		width: 26%;
		margin-top: 1.3%;
	}
	.nav.header_container ul li {
		margin: 0 5px;
		font-size: 12px;
		padding-top: 12px;

	}
	.nav.header_container > ul > li > a {
		font-size: 12px;
	}

	.main_right {
		right: -209.4%;
	}
}

@media screen and (max-width: 1500px){
	.banner .bannerPro1{ width: 650px; top: 100px;}
	.logoText{transform: scale(0.8) ; margin-left: -11%;}
	.indexFour .box .item .text{padding-top: 46px;}
	.indexFour .box .item .text span{ margin-top: 5px;}
	
	.leftMenu{ left: 2%;}
	.leftMenu.show{ left: 4%;}
	.awardsBox .list li:first-child{ padding-top: 50px;}
	.awardsBox .list li:nth-child(2n){ padding-top: 180px;}
	.awardsBox .list li{ padding-top: 80px;}
	/*Certification*/
	.certificaList .text .item h3{ font-size: 20px;}
	.certificaList .text .item{padding-bottom: 10px; margin-bottom: 10px;}
	/*产品详情*/
	.detailpart .box .text .textUl li{ font-size: 16px;}
	.detailFive .text .picUl li img{height: 42px;}
	
	.footShare .item .box{ height: 28px; width: 28px;}
	.footShare .item img{ height: 100%;}

	
}

@media screen and (max-width: 1390px){
	.nav>ul > li{ margin-right: 0; padding: 0 16px;}
	.header .box .right .searchIcon{ margin-left: 0;}
	.indexPart{ padding: 40px 0;}
	.indexPart .box{ margin-top: 30px;}
	.logoText{transform: scale(0.7) ; margin-left: -17%;}
	.footCenter .footNav dl dt a{ font-size: 14px;}
	/*technology*/
	.clib .clibBox .box  a{ padding: 0 20px;}
	.clibDown .box .textBox a{ padding: 0;}
	.technology li a:hover .more{ right: 5%;}
	/*新闻列表*/
	.newsList li a .pic{ width: 400px;}
	.newsList li a .text{ width: calc(100% - 400px); padding: 40px;}
	.newsList li a .text p{ margin-top: 30px;}
	/*brand*/
	.brandItem{ height: 480px;}
	.brandItem .text .txt .t{ max-height: 150px;}
	/*产品列表*/
	/* .productList ul li{ width: 32%; margin-right: 2%;}
	.productList ul li a .text{ padding: 20px;} */
	/*产品列表*/
	.productList ul li{ width: 32%; margin-right: 2%;}
	.productList ul li a .text{ padding: 20px;}
	.productList ul li:first-child{width: 66%;}
	.productList ul li:first-child a em{padding-bottom: 54.656%;}
	.productList ul li:nth-child(2){margin-right: 0;}
	.productList ul li:nth-child(3){ margin-right: 2%;}
	.productList ul li:nth-child(4n-1){ margin-right: 2%;}
	.productList ul li:nth-child(3n-1){margin-right: 0;}
	/*产品详情*/
	.proDetails .parameters ul li{ padding: 30px 0;}

	.nav.header_container > ul > li {
		padding-left: 0px;
		padding-top: 12px;
		padding-right: 0px;
	}

}

@media screen and (max-width: 1300px){
	.nav>ul > li{ margin-right: 0; }
	.nav>ul > li a{ font-size: 14px;}
	.banner .swiper-slide{ height: 0; padding-bottom: 50%;}
	.banner .swiper-slide .box{position: absolute; left: 50%; top: 0; transform: translateX(-50%); height: 100%;}
	.banner .swiper-slide .box .bannerText p{ font-size: 18px;}
	.banner .swiper-slide .box .bannerText h3{ font-size: 36px; line-height: 46px;}
	.banner .swiper-slide .box .bannerText h4{ font-size: 16px;}
	.banner .bannerPro1{ width: 580px;}
	
	.indexThree .box .item .title{ font-size: 16px;}
	.indexThree .box .item .text p{ margin: 10px 0;}
	
	.footCenter{ display: block;}
	.footCenter .footNav{ width: 100%;}
	.footCenter .footContact{ width: 100%; margin-top: 20px;}
	.footCenter .footContact p{ margin-bottom: 0;}
	.footShare{ margin-top: 10px;}
	/*产品详情*/
	.detailOne .box .img{ max-width: 280px;}
	.detailThree .box .text h3{ font-size: 20px;}
	.detailThree .box .text h4{ font-size: 14px;}
	.detailpart .box .text .textUl li{ font-size: 14px; margin-top: 4px;}
	.detailThree .pic em{ padding-bottom: 80%;}
	.detailFour .box .text{ margin-top: 30px;}
	.detailFive .text h3{ font-size: 20px; padding-top: 20px;}
	.detailFive .text .picUl li{ height: 70px;}
	
	.downMore{ margin: 60px 0;}
	
}

@media screen and (max-width: 1200px){
	.header{ height: 80px;}
	.header .nav{ display: none;}
	.menu-btn{ display: block;}
	.header .logo img.logo2{opacity: 1;}
	.header .logo img.logo1{opacity: 0;}
	.header .box .right .language{ color: #333;}
	.header .box .right .language img{ filter: brightness(0) invert(0.5);}
	.header .box .right .searchIcon{ filter: brightness(0) invert(0.5);}
	/*banner*/
	.banner{ padding-top: 80px;}
	.banner .bannerPro1{ width: 40%;}
	.banner .swiper-slide .box .bannerText h3{ font-size: 32px; line-height: 42px;}
	.banner .bannerPro2{ height: 420px;}
	#sliders {
		padding-top:80px;
	}
	
	.indexPart .box{ margin-top: 30px;}
	.indexTitle{ font-size: 30px;}
	.indexPart .indexMore{ margin-top: 36px;}
	/*品牌简介*/
	.logoText{ display: none;}
	.indexOne{ height: 580px;}
	/*视频*/
	
	.indexThree .box .item .text h4{ font-size: 22px;}
	/*产品推荐*/
	.indexFour .box .item .text{ padding-top: 32px;}
	.indexFour .box .item .text h3{ font-size: 22px; margin-top: 0;}
	.indexFour .box .item .text span{ font-size: 14px; margin-top: 0;}
	.indexFour .box .right .item:first-child{margin-bottom: 11px;}
	/**/
	.indexFive .box .item{ height: 500px; width: 16%;}
	.indexFive .box .item.on{ width: 52%;}
	.indexFive .box .text{padding: 36px 8% 40px 8%;;}
	/*footer*/
	.footer .footTop .box{ height: 100px;}
	.footCenter{ padding: 30px 0;}
	.footCenter .footContact{ width: 33%;}
	.footBtm{ font-size: 14px;}
	/*technology*/
	.clib{padding-top: 80px; height: 60px; line-height: 60px;}
	.clib .clibBox .box > img{ display: none;}
	.clib .clibBox .box .tit{ display: none;}
	.clib .clibBox .box .tit::before{ display: none;}
	.clib .clibBox .box .tit:last-child{display: block;}
	.clib .clibBox .box .tit a:first-child{padding-left: 0;}
	.clib .clibBox .box .tit a{ padding-right: 10px;}
	.clibDown{ top: 140px; display: none;}
	.technology li a .more{ display: none;}
	/*brand*/
	.brandOne .text{ width: 650px; padding-left: 60px; background-color: #fff;}
	/*产品列表*/
	.productList ul li a:hover .text{ background: none;}
	.productList ul li a:hover .text h3{ color: #111;}
	.productList ul li a:hover .text h4{ color: #111; opacity: 1; transform: none;}
	.productList ul li a .text i{ display: none;}
	.productList ul li a .text p{ display: none;}
	
	#anchor-nav{ left: 1%;}
	/* .technology{ display: none;} */
	
}

@media screen and (max-width: 1199px){
	.m-article .tit {
		margin: 0 auto;
	}
}

@media screen and (max-width: 1020px){
	.w1400{width: 88%;}
	.w1600{width: 88%;}
	/*banner*/
	.banner .swiper-slide .box .bannerText p{ font-size: 20px;}
	.banner .swiper-slide .box .bannerText h3{ font-size: 40px; margin-top: 0;}
	.banner .swiper-slide .box .bannerText h4{ font-size: 26px; margin-top: 4px;}
	.banner .indexMore{ margin-top: 30px;}
	.banner .bannerSwtch{ display: none;}
	.banner .swiper-slide .box .bannerText p{ font-size: 16px;}
	.banner .swiper-slide .box .bannerText h3{ font-size: 24px; line-height: 34px;}
	.banner .swiper-slide .box .bannerText h4{ font-size: 13px;}
	.banner .bannerPro2{ height: 320px; right: 40px;}
	/*品牌简介*/
	.indexTitle{ font-size: 26px;}
	.indexOne{ height: 450px;}
	.indexOne .right{padding: 70px 0 0 30px;}
	.indexOne .right .txt{ margin-top: 40px;}
	.indexOne .right .indexMore{ margin-top: 40px;}
	.indexOne .left{left: 0;}
	.indexOne .left .playBox{ left: 22%;}
	/*新闻热点*/
	.indexTwo .indexTitle{ padding-top: 0;}
	.indexTwo .w1600{width: 100%;}
	.indexTwo .box .btn{ display: none;}
	.indexTwo .box ul li .tBox h3{ font-size: 18px;}
	/*视屏*/
	.indexThree .box .item .text{display: none;}
	/*产品*/
	.indexFour .box .item em{ padding-bottom: 163%;}
	.indexFour .box .right .item em{ padding-bottom: 94%;}
	.indexFour .box .item .text{ padding-top: 20px;}
	.indexFour .box .item .text h3{ font-size: 15px; line-height: 26px; padding: 0 10px; margin-top: 4px;}
	/*应用案例*/
	.indexFive .box .item{ height: 420px;}
	.indexFour .box .right .item:first-child{margin-bottom: 8px;}
	.indexFive .box .item .icon span{ margin-top: 18px;}
	.indexFive .box .text h3{ font-size: 18px;}
	.indexFive .box .text p{ margin: 20px 0; font-size: 15px;}
	/*foot*/
	.footCenter .footContact{position: relative; width: 100%;}
	.footShare{ position: absolute; top: 0; right: 0;}
	.footer .footTop .box .footLink .item img{ width: 20px; top: 5px;}
	/*technology*/
	.clib a{ font-size: 14px; padding: 0 10px;}
	.technology li{ height: 330px;}
	.technology li a .text .txt{ padding: 0 28px;}
	.downMore{margin: 30px 0;}
	.technology li a .text .txt .tit{ font-size: 18px; padding-bottom: 14px;}
	
	/*新闻列表*/
	.inpageBox{ padding-top: 30px;}
	.newsList li a .pic{ width: 250px;}
	.newsList li a .text{ width: calc(100% - 250px); padding: 20px 30px 30px 30px;}
	.newsList li a .text h3{ font-size: 18px; line-height: 26px; height: 52px;}
	.newsList li a .text p{ margin-top: 10px; font-size: 15px; line-height: 26px; height: 52px; -webkit-line-clamp: 2;}
	.newsList li a .text span{ margin-top: 14px;}
	/*awards*/
	.leftMenu{ left: 1%;}
	.leftMenu ul li a{ padding-left: 4px; font-size: 16px;}
	.leftMenu.show{ left: 2.6%;}
	.awardsBox .list li{padding-right: 3%; padding-top: 60px;}
	.awardsBox .list li h3{ font-size: 18px; line-height: 28px;}
	.awardsBox .list li:nth-child(2n){ padding: 120px 0 0 3%;}
	/*Certification*/
	.certificaList{ padding: 90px 0 120px 0;}
	.certificaList li{ display: block; margin-top: 40px;}
	.certificaList .pic{ width: 100%;}
	.certificaList .text{ width: 100%; margin-top: 20px;}
	/*新闻详情*/
	.contNewBox .title{ padding: 30px 0; margin-bottom: 30px;}
	.contNewBox .title h3{ font-size: 26px;}
	.contNewBox .title .shareIcon{ bottom: 24px;}
	.contNewBox .inpageLike{ margin: 30px 0 0 0; padding: 30px 0 0 0;}
	.contNewBox .word{ margin:0;}
	/*brand*/
	.brandWord.word{ padding: 30px 0;}
	.brandItem .pic{ width: 100%;}
	.brandItem{ height: auto; padding: 30px 0;}
	.brandItem .text{ top: auto; transform: none; height: auto; padding: 40px; width: 96%; background: rgba(255,255,255,0.8);}
	.brandItem .text .txt{top: auto; transform: none; }
	.brandItem .text .txt .t{max-height: none;}
	.brandItem .text .txt h3{ font-size: 20px; padding-bottom: 16px;}
	.brandItem .text .txt .t{ font-size: 16px; line-height: 28px; margin-top: 20px; padding-right: 0;}
	.brandTwo .text{ float: none;}
	.brandSix .text{ background: none;}
	/*产品列表*/
	/* .productList ul li{ width: 46%; margin-right: 0; margin-top: 30px;}
	.productList ul li:nth-child(2n){ float: right;} */
	.productList ul li a .text h3{ font-size: 18px; line-height: 26px;}
	.productList ul li a .text h4{ font-size: 15px;}
	/*产品详情*/
	.pic-show-box{ width: 100%;}
	.pic-show-box .big-pic-box{ width: 60%; margin: 0 auto;}
	.proInform .contTopText .lable a{min-width: auto; width: 100%;}
	.proInform .contTopText{ width: 100%; margin-top: 20px;}
	/*产品详情*/
	.detailOne .box .text .lable{ margin-top: 20px;}
	.detailOne .box .img{ max-width: 200px;}
	.detailThree .pic{ width: 100%;}
	.detailThree .pic em{ padding-bottom: 60%;}
	.detailThree .box{ width: 100%; background: rgba(0,0,0,0.3);}
	.detailThree .box .text{ width: 100%; padding: 0 5%;}
	
	 
}

@media only screen and (max-width: 992px) {
	/*footer*/
    .page_footer .footer_bar{padding:16px 0px;}
    .page_footer .footer_main{padding:20px 0px 0px;}
    .page_footer .footer_main dt{margin-bottom:0px;}
    .page_footer .footer_main dt a{font-size:14px;display:block;height:auto;line-height:24px;}
    .page_footer .f_bar_l,.page_footer .f_bar_r{width:100%;text-align: center;font-size:14px;}
    .page_footer .footer_main dd{display:none;}
    .page_footer .footer_main dl{width:30%;margin-bottom:10px;font-size:14px;line-height:24px;margin-right:2%;}
    .page_footer .footer_main dl:nth-child(4) {width:66%;}
    .page_footer .footer_main dl:nth-child(4) dt{float:left;margin-right:10%;}
    .page_footer .footer_main dl:nth-child(4) dd{display:block;font-size:0;float: left;}
    .page_footer .footer_main dl:nth-child(2){width:66%;margin-right:0;overflow:hidden;}
    .page_footer .footer_main dl:nth-child(2) dt{float:left;margin-right:10%;}
    .page_footer .footer_main dl:nth-child(2) dd{float:left;line-height:24px;display:block;/*width:100%*/width:25%;}
    .page_footer .footer_main dl:nth-child(4) dd a{display:block;}

}

@media only screen and (max-width: 959px) {
	.hd-bot {
		background-color: #fff;
	}

	.hd-bot {
		height: 50px;
	}
	.wp .logo {
		display: block;
		position: absolute;
		left: 10px;
		top: 0;
		height: 50px;
		line-height: 50px;
		width: 200px;
	}
	.hd-bot .wp .nav {
		position: absolute;
		left: 0;
		top: 50px;
		background-color: #fff;
		width: 100%;
		padding: 0;
		margin: 0;
		height: auto;
	}
	.nav {
		box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
	}
		.nav ul {
			float: none;
			width: auto;
			border-bottom: 1px dashed #ccc;
		}

		.nav > ul > li {
			float: none;
			width: auto;
			text-align: left;
			height: auto;
		}
			.nav > ul > li > a{
				color:#111
			}
			.nav > ul > li:hover > a {
				color: #0068b7
			}

			.nav > ul > li > dl > dd > a {
				color: #111
			}

			.nav li:last-child {
				/* display: none;*/
			}

			.nav li a {
				color: #000;
				border-top: 1px dashed #ccc;
				margin: 0 20px;
				height: 40px;
				line-height: 40px;
				font-size: 14px;
				display: block;
				padding: 0 12px;
			}
			.nav li dl {
				position: static;
				display: none;
				text-align: center;
				border: none;
				width: 100%;
			}
		.nav dd a {
			padding: 0 20px;
			border-top: 1px dashed #ccc;
			border-bottom: none;
			height: 30px;
			line-height: 30px;
			font-size: 12px;
			display: block;
		}
		.nav dd {
			position: relative;
		}
	.hd-so2 {
		display: block;
		width: 80%;
		border: 1px solid #ccc;
		border-radius: 16px;
		margin: 10px auto;
		position: relative;
		padding-left: 16px;
	}

		.hd-so2 input {
			height: 32px;
			border: none;
			outline: none;
		}

		.hd-so2 .text {
			width: 90%;
			margin: 0 auto;
			height: 30px;
		}

		.hd-so2 .sub {
			position: absolute;
			right: 0;
			width: 10%;
			background: url('../image/hd-ico.png') no-repeat center;
			height: 30px;
		}

		.hd-so2 label {
			display: block;
		}
	#tab_nr3{display:none;}
	#dingshangimg{display:none;width:390px;}
	#pcdhl{width:390px;}
}

@media (max-width: 991px) {
	.content-box {
		margin-left: 0% !important;
		margin-right: 0% !important;
	}
}

@media (max-width: 991px) {
	.news-detail .content-box {
		margin-left: 0% !important;
		margin-right: 0% !important;
	}
}

@media (max-width: 991px) {
	.news-detail .content-box h1 {
		font-size: 2.125em !important;
	}

	.news-detail .content-box h2 {
		padding-top: 30px;
		font-size: 2.125em !important;
		color: #333;
		line-height: 1.5;
	}
}

@media (max-width: 991px) {
	.card-list .card-content {
		padding-bottom: 30px;
	}
	.card-content img.pic {
		width: 100%;
	}
	.content-box .card-list .row {
		display: flex;
		flex-wrap: wrap;
	}
}

@media (max-width: 991px) {
	.card-list .card-content {
		padding-bottom: 30px;
	}
}

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

	.ul-news .item {
	padding: 15px 0;
	}
    .ul-news .pic {
        width: 160px;
    }
    .ul-news h4 a {
        line-height: 26px;
    }
    .ul-news .txt p {
        margin-bottom: 10px;
    }
    .ul-news .txt {
        font-size: 12px;
    }
    .ul-news .btn {
        font-size: 12px;
    }
	.m-cur {
		font-size: 12px;
		line-height: 34px;
	}
	.m-article .tit h1 {
		padding: 12px 0 5px;
		font-size: 20px;
	}
	.m-article .tit .info {
		line-height: 30px;
	}
	.m-article .cont {
		padding: 20px 0;
	}
	.m-intro {
		margin-bottom: 10px;
	}

	.menuBtn {
		display: block;
	}
	.main {padding-top:60px;}
	.header.ind{display:block !important;}
}

@media (min-width: 768px) {
	.col-md-4 {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 30%;
		padding-right: 15px;
		padding-left: 15px;
	}
}

@media screen and (max-width:767px) {
	.gsjj .gsright .right_list .site-content .zxly {
		width: 90%;
		margin: 2% 4%;
	}

		.gsjj .gsright .right_list .site-content .zxly table {
			width: 100%;
			margin-top: 20px;
			background-color: rgba(255, 255, 255, 0.65);
		}

		.gsjj .gsright .right_list .site-content .zxly .title {
			width: 20%;
			text-align: center;
			height: 30px;
			font-size: 13px;
			color: #666;
		}

		.gsjj .gsright .right_list .site-content .zxly .text {
			width: 80%;
			font-size: 13px;
			height: 50px;
		}
		/*.cpList .cp_content .right_list_cp .wrapper .site-content .zxly input[type=text]{ width:100%; height:23px; font-size:13px; border:1px solid #dedede;}*/
		.gsjj .gsright .right_list .site-content .zxly input[type=text] {
			-webkit-border-radius: 10px;
			border-radius: 10px;
			font-size: 1em;
			border: 1px solid #dcdcdc;
			outline: none;
			width: 100%;
			padding: 8px 8px 8px 35px;
			background-color: #fff;
		}

		.gsjj .gsright .right_list .site-content .zxly textarea {
			-webkit-border-radius: 10px;
			border-radius: 10px;
			font-size: 1em;
			border: 1px solid #dcdcdc;
			outline: none;
			width: 75%;
			padding: 2px 2px 2px 5px;
			background-color: #fff;
		}

		.gsjj .gsright .right_list .site-content .zxly input[type=checkbox] {
			width: 4%;
			height: 15px;
			vertical-align: middle;
			border: 1px solid #dedede;
		}

		.gsjj .gsright .right_list .site-content .zxly input[type=text][name=Txt_name] {
			background: white url(https://cw.jangho.com/statics/images/input_sprite_18x164.png) 10px 10px no-repeat;
		}

		.gsjj .gsright .right_list .site-content .zxly input[type=text][name=txt_add] {
			background: white url(https://cw.jangho.com/statics/images/input_sprite_18x164.png) 10px -125px no-repeat;
		}

		.gsjj .gsright .right_list .site-content .zxly input[type=text][name=txt_phone] {
			background: white url(https://cw.jangho.com/statics/images/input_sprite_18x164.png) 10px -25px no-repeat;
		}

		.gsjj .gsright .right_list .site-content .zxly input[type=text][name=txt_emil] {
			background: white url(https://cw.jangho.com/statics/images/input_sprite_18x164.png) 10px -90px no-repeat;
		}

		.gsjj .gsright .right_list .site-content .zxly input[type=text][name=txt_zy] {
			background: white url(https://cw.jangho.com/statics/images/input_sprite_18x164.png) 10px 5px no-repeat;
		}

		.gsjj .gsright .right_list .site-content .zxly input[type=text][name=txt_gsname] {
			background: white url(https://cw.jangho.com/statics/images/input_sprite_18x164.png) 10px -162px no-repeat;
		}

		.gsjj .gsright .right_list .site-content .zxly input[type=text][name=txt_jyfw] {
			background: white url(https://cw.jangho.com/statics/images/input_sprite_18x164.png) 10px 5px no-repeat;
		}

		.gsjj .gsright .right_list .site-content .zxly .tj {
			width: 100%;
			height: 30px;
			text-align: center;
		}

	#Bc_add {
		font-size: 14px;
		background-color: #002B4E;
		padding: 3px 25px;
		color: #fff;
		border-radius: 8px;
	}
}

@media screen and (max-width: 767px){
	.m-article .tit h1 {
		font-size: 17px;
		line-height: 1.2;
	}
	.m-article .cont {
		font-size: 12px;
		line-height: 2;
	}
	.m-honor {
		padding: 20px 0;
	}
	.ul-honor {
		margin: 0 -5px;
	}
		.ul-honor li {
			width: 50%;
		}
		.ul-honor .items {
			margin: 0 5px;
		}
			.ul-honor .items .txt {
				font-size: 12px;
				line-height: 22px;
				margin-top: 5px;
			}
	.m-intro {
		padding: 16px 0 0;
	}
		.m-intro .con .ification {
			width: 48%;
			float: left;
			margin: 0 1%;
			height: 250px;
			border: 1px solid #ddd;
			margin-top: 20px;
		}
			.m-intro .con .ification > dt {
				width: 100%;
			}
				.m-intro .con .ification > dt > img {
					display: block;
					width: 100%;
				}
			.m-intro .con .ification > dd {
				width: 80%;
				margin-left: 10%;
			}
				.m-intro .con .ification > dd > dl {
					width: 100%;
				}
				.m-intro .con .ification>dd>dl>dd{line-height:20px;font-size:14px;text-align:center;padding-top:20px;}

	.Xcontent {
		width: 100%;
		min-width: unset;
	}
	.Xcontent01 {
		width: 100%;
		height: 100%;
		margin: auto;
		overflow: hidden;
	}
	.preview-wrap {
		float: left;
		width: 100%;
		padding-bottom: 0px;
		margin-top: 0px;
		margin-left: 0px;
		height: auto;
	}

	.preview {
		display: none;
	}

	.preview-wrap .swiper-container {
		width: 100%;
		display: block;
	}

		.preview-wrap .swiper-container .swiper-wrapper {
			align-items: center;
			text-align: center;
		}

			.preview-wrap .swiper-container .swiper-wrapper img {
				max-width: 100%;
				max-height: 5.2rem;
				object-fit: contain;
			}
	.Xcontent13 {
		width: 95%;
		height: 100%;
		float: none;
		padding-right: 0;
		margin-left: 0px;
		margin: auto;
	}
	.cpxq {
		width: 100%;
		margin-bottom: 40px;
	}

		.cpxq .cptitle a {
			display: block;
			width: 120px;
			float: left;
			line-height: 30px;
			font-size: 16px;
			height: 30px;
		}

			.cpxq .cptitle a:hover {
				display: block;
				width: 120px;
				float: left;
				line-height: 30px;
				font-size: 16px;
				height: 30px;
			}

	.indexThree .box {
		display: block;
	}

		.indexThree .box .item {
			width: 100%;
			margin-bottom: 10px;
			padding-bottom: 56%;
		}

			.indexThree .box .item.on {
				width: 100%;
			}
			.indexThree .box .item em .play {
				transform: scale(0.5);
				opacity: 1;
				margin-left: -34px;
			}

			.indexThree .box .item.on .title {
				animation: none;
			}

			.indexThree .box .item.act .title {
				opacity: 0;
				z-index: -1;
			}

			.indexThree .box .item .title {
				font-size: 16px;
				top: auto;
				bottom: 10px;
			}

			.indexThree .box .item .mask {
				display: none;
			}
	.indexTitle {
		font-size: 22px;
		line-height: 34px;
	}

	/*左侧导航栏*/
	.main .wp > .col-l {
		float: none;
		width: auto;
		margin-bottom: 5px;
	}
	.s-nav dt {
		position: relative;
	}
		.s-nav dt:after {
			content: '';
			position: absolute;
			right: 20px;
			top: 50%;
			margin-top: -15px;
			width: 30px;
			height: 30px;
			background: url('../image/icon-add.png') no-repeat center center;
			-webkit-transition: .3s;
			-o-transition: .3s;
			transition: .3s;
		}
	.tit-left {
		height: 50px;
		padding-top: 10px;
	}
		.tit-left .cn {
			font-size: 16px;
			margin-bottom: 2px;
			margin-top: 8px;
		}
	.s-nav > dd {
		padding: 5px 10px;
	}
	.main .wp > .col-r {
		float: none;
		margin-left: 0;
		padding: 0 10px 30px;

		overflow:hidden;
	}
	.m-article3,
	.m-article1 {
		font-size: 12px;
		line-height: 2;
	}
		.m-article1 .tit1 {
			font-size: 18px;
			margin: 10px 0;
			text-align: center;
		}
	.s-nav dt.on:after {
		background-image: url('../image/icon-sub.png');
	}

	.index_link {
		width: 100%;
		padding: 5px;
	}
	#floatTools{display:none;}

	.m-contact {
		padding: 15px 0;
	}
	.ul-contact {
		margin: 0 -10px;
	}
		.ul-contact li {
			float: none;
			width: auto;
			margin-bottom: 15px;
		}

		.ul-contact .items {
			padding: 10px;
		}

			.ul-contact .items .tit {
				margin-right: 0;
			}

			.ul-contact .items .con {
				padding-right: 0;
				padding-top: 10px;
			}
			.ul-contact .items .con {
				font-size: 12px;
				line-height: 20px;
				min-height: 80px;
			}
			.ul-contact .items .tit {
				font-size: 14px;
				line-height: 22px;
				min-height: 66px;
			}

	.ul-news .item {
		padding: 10px 0;
	}

	.ul-news .pic {
		float: none;
		width: auto;
		margin: 0 0 5px;
	}

	.ul-news h4 a {
		line-height: 24px;
		font-size: 14px;
	}

	.fenglei li a{
		height:18px;
		line-height:18px;
		font-size:14px;
	}
	#oltitle1 {
		height: 18px;
		line-height: 18px;
		font-size: 14px;
	}
	#oltitle2 {
		height: 18px;
		line-height: 18px;
		font-size: 14px;
		padding-bottom: 10%;
	}
	#oltitle3 {
		height: 18px;
		line-height: 18px;
		font-size: 14px;
	}
	#oltitle4 {
		height: 18px;
		line-height: 18px;
		font-size: 14px;
	}
	#oltitle5 {
		height: 18px;
		line-height: 18px;
		font-size: 14px;
	}

}

@media screen and (max-width:767px) {
    .gsjj .gsright .right_list5 img {
        max-width: 100%;
        max-height: 267px;
    }

    .gsjj {
        width: 100%;
        height: auto;
        margin-bottom: 0px;
    }

        .gsjj .gstitle {
            text-align: right;
            font-size: 14px;
            letter-spacing: 2px;
            margin-top: 10px;
            margin-bottom: 5px;
        }

            .gsjj .gstitle img {
                margin-right: 10px;
            }

        .gsjj hr {
            height: 1px;
            border: none;
            border-top: 1px dashed #999999;
        }

        .gsjj .gsright .right_list1 img {
            max-width: 100%;
            max-height: 267px;
        }

        .gsjj .gsleft {
            display: none;
        }

        .gsjj .gsright {
            width: 90%;
            float: left;
            margin-top: 0px;
            margin-left: 5%;
        }

            .gsjj .gsright .righttitle {
                width: 100%;
                height: 0.8rem;
                text-align: left;
            }

                .gsjj .gsright .righttitle .titname {
                    font-size: 16px;
                    letter-spacing: 5px;
                    margin-left: 10px;
                }

                    .gsjj .gsright .righttitle .titname .cpnaem {
                        font-weight: bolder;
                        float: left;
                        margin-top: 10px;
                        margin-bottom: 5px;
                    }

                    .gsjj .gsright .righttitle .titname .cptitle {
                        display: none;
                        text-align: right;
                        font-size: 14px;
                        letter-spacing: 2px;
                        margin-top: 10px;
                        margin-bottom: 5px;
                        float: right;
                    }

                        .gsjj .gsright .righttitle .titname .cptitle img {
                            margin-right: 10px;
                        }

            .gsjj .gsright .right_list {
                width: 92%;
                margin-top: 0.5rem;
                margin-left: 4%;
            }

            .gsjj .gsright .right_list5 img {
                width: 100%;
                margin-top: 0.5rem;
            }

            .gsjj .gsright .right_list input {
                width: 100%;
            }

            .gsjj .gsright .right_list #map {
                width: 360px;
                height: 360px;
                margin-left: 0px;
                border: 1px solid rgb(204, 204, 204);
                font-size: 12px;
                overflow: hidden;
                position: relative;
                z-index: 0;
                background-color: rgb(243, 241, 236);
                color: rgb(0, 0, 0);
                text-align: left;
            }

            .gsjj .gsright .right_list1 img {
                width: 100%;
                height: 70px;
            }

	.content_2 p {
		text-indent: 0px;
	}

}

/*公司简介*/
@media screen and (max-width:767px) {
	.gsjj .gsright .right_list5 img {
		max-width: 100%;
		max-height: 267px;
	}

	.gsjj {
		width: 100%;
		height: auto;
		margin-bottom: 0px;
	}

		.gsjj .gstitle {
			text-align: right;
			font-size: 14px;
			letter-spacing: 2px;
			margin-top: 10px;
			margin-bottom: 5px;
		}

			.gsjj .gstitle img {
				margin-right: 10px;
			}

		.gsjj hr {
			height: 1px;
			border: none;
			border-top: 1px dashed #999999;
		}

		.gsjj .gsright .right_list1 img {
			max-width: 100%;
			max-height: 267px;
		}

		.gsjj .gsleft {
			display: none;
		}

		.gsjj .gsright {
			width: 90%;
			float: left;
			margin-top: 0px;
			margin-left: 5%;
		}

			.gsjj .gsright .righttitle {
				width: 100%;
				height: 0.8rem;
				text-align: left;
			}

				.gsjj .gsright .righttitle .titname {
					font-size: 16px;
					letter-spacing: 5px;
					margin-left: 10px;
				}

					.gsjj .gsright .righttitle .titname .cpnaem {
						font-weight: bolder;
						float: left;
						margin-top: 10px;
						margin-bottom: 5px;
					}

					.gsjj .gsright .righttitle .titname .cptitle {
						display: none;
						text-align: right;
						font-size: 14px;
						letter-spacing: 2px;
						margin-top: 10px;
						margin-bottom: 5px;
						float: right;
					}

						.gsjj .gsright .righttitle .titname .cptitle img {
							margin-right: 10px;
						}

			.gsjj .gsright .right_list {
				width: 92%;
				margin-top: 0.5rem;
				margin-left: 4%;
			}

			.gsjj .gsright .right_list5 img {
				width: 100%;
				margin-top: 0.5rem;
			}

			.gsjj .gsright .right_list input {
				width: 100%;
			}

			.gsjj .gsright .right_list #map {
				width: 360px;
				height: 360px;
				margin-left: 0px;
				border: 1px solid rgb(204, 204, 204);
				font-size: 12px;
				overflow: hidden;
				position: relative;
				z-index: 0;
				background-color: rgb(243, 241, 236);
				color: rgb(0, 0, 0);
				text-align: left;
			}

			.gsjj .gsright .right_list1 img {
				width: 100%;
				height: 70px;
			}
}

@media screen and (max-width: 760px) {
	.productList .jzgd {
		margin: 20px 0;
	}
}

@media screen and (max-width: 760px) {
	.w1400 {
		width: 92%;
	}

	.w1600 {
		width: 92%;
	}

	.header {
		height: 60px;
		background: #fff;
	}

		.header .logo img {
			height: 30px;
			left: 0;
			transform: translateY(-50%);
		}

		.header.on {
			height: 60px;
		}

	.nHrader .header.on {
		height: 60px;
	}

	.header .box .right .language {
		margin-left: 20px;
	}

	.header .box .right .searchIcon img {
		height: 20px;
	}

	.header .box .right .language {
		font-size: 14px;
	}

		.header .box .right .language img {
			height: 20px;
		}

	.menu-btn {
		width: 20px;
		height: 20px;
	}

		.menu-btn span:nth-child(2) {
			margin: 6px 0;
		}

	.searchTan form .text-input {
		font-size: 15px;
	}
	/*banner*/
	.banner {
		padding-top: 60px;
	}

		.banner .swiper-slide .box .bannerText p {
			font-size: 14px;
			line-height: 30px;
		}

		.banner .swiper-slide .box .bannerText h3 {
			font-size: 22px;
			margin-top: 4px;
			line-height: 30px;
		}

		.banner .swiper-slide .box .bannerText h4 {
			font-size: 14px;
			margin-top: 4px;
			line-height: 30px;
		}

		.banner .indexMore {
			display: none;
			margin-top: 10px;
		}
#sliders{padding-top:60px;}
	.indexMore {
		width: 90px;
		font-size: 13px;
		padding: 6px 0;
	}

	.indexOne .right .indexMore i {
		right: 20px;
	}

	.banner .swiper-slide .box .bannerText {
		width: 54%;
	}

		.banner .swiper-slide .box .bannerText p {
			font-size: 10px;
			line-height: 18px;
		}

		.banner .swiper-slide .box .bannerText h3 {
			font-size: 12px;
			line-height: 20px;
		}

		.banner .swiper-slide .box .bannerText h4 {
			font-size: 10px;
			line-height: 18px;
		}

	.banner .bannerPro1 {
		top: 40px;
		width: 44%;
	}

	.banner .bannerPro2 {
		right: 14px;
		height: 70%;
		max-height: 100%;
	}

	.banner .btn {
		bottom: 16px;
	}

	/*简介*/
	.indexOne {
		height: auto;
	}

		.indexOne .box {
			display: block;
		}

		.indexOne .left {
			width: 100%;
			padding-top: 20px;
			display: none;
		}

			.indexOne .left .playBox {
				top: auto;
				transform: none;
				width: 100%;
				left: auto;
			}

			.indexOne .left .play {
				transform: translateX(-50%) scale(0.6);
				transform-origin: center;
			}

			.indexOne .left p {
				margin-top: 16px;
				font-size: 15px;
			}

		.indexOne .right {
			width: 100%;
			padding: 20px 0 30px 0;
		}

	.indexTitle {
		font-size: 22px;
		line-height: 34px;
	}

	.indexOne .bg {
		width: 100%;
		display: none;
	}

	.indexOne .videoBg {
		display: block;
		position: inherit;
		top: auto;
		left: auto;
		height: auto;
		width: 100%;
	}

	.indexOne .right .indexTitle {
		text-align: center;
		font-size: 20px;
	}

	.indexOne .right .txt {
		font-size: 14px;
		margin-top: 8px;
		line-height: 26px;
		height: 104px;
	}

	.indexOne .right .indexMore {
		margin: 0 auto;
		margin-top: 20px;
	}

	.indexPart {
		padding: 24px 0;
	}

		.indexPart .box {
			margin-top: 14px;
		}

		.indexPart .indexMore {
			margin-top: 20px;
		}

	.indexOne.on .right {
		width: 100%;
	}

	.indexOne.on .bg {
		width: 100%;
	}
	/*新闻*/
	.indexTwo .indexTitle {
		padding-top: 0;
	}

	.indexTwo::before {
		width: 100%;
	}

	.indexTwo .box ul li .tBox b {
		display: inline-block;
		font-size: 30px;
	}

	.indexTwo .box ul li .tBox .data {
		display: inline-block;
		font-size: 14px;
	}

	.indexTwo .box ul li .tBox .pic {
		margin: 10px 0 12px 0;
	}

	.indexTwo .box ul li .tBox h3 {
		font-size: 15px;
		line-height: 24px;
	}

	.indexTwo .box ul li .tBox p {
		font-size: 14px;
		line-height: 24px;
		height: 48px;
		margin-top: 6px;
	}

	.indexTwo .box ul li .tBox .more {
		margin-top: 12px;
	}

	.indexTwo .box ul li .tBox {
		padding-bottom: 20px;
	}
	/*视频*/
	.indexThree .box {
		display: block;
	}

		.indexThree .box .item {
			width: 100%;
			margin-bottom: 10px;
			padding-bottom: 56%;
		}

			.indexThree .box .item.on {
				width: 100%;
			}
	/*产品*/
	.indexFour .box {
		display: block;
		background: none;
	}

		.indexFour .box .item {
			width: 100%;
			margin-bottom: 10px;
		}

			.indexFour .box .item em {
				padding-bottom: 74%;
			}

		.indexFour .box .right {
			width: 100%;
			display: block;
		}

			.indexFour .box .right .item {
				width: 100%;
			}

				.indexFour .box .right .item em {
					padding-bottom: 74%;
				}

		.indexFour .box .item .text h3 {
			margin: 4px 0;
			font-size: 16px;
			line-height: 28px;
		}

		.indexFour .box .item .text p {
			font-size: 14px;
		}
	/*视频*/
	.indexFive .box {
		flex-wrap: wrap;
		background: #fff;
	}

		.indexFive .box .item.on {
			width: 100%;
		}

		.indexFive .box .item {
			width: 100%;
			height: 260px;
			margin-bottom: 10px;
		}

			.indexFive .box .item:last-child {
				margin-bottom: 0;
			}

		.indexFive .box .text {
			height: 60px;
			box-sizing: border-box;
			padding-top: 10px;
		}

			.indexFive .box .text h3 {
				font-size: 16px;
			}

			.indexFive .box .text p {
				display: none;
				font-size: 15px;
				margin: 10px 0;
				height: 56px;
				-webkit-line-clamp: 2;
			}

		.indexFive .box .item .tBox {
			opacity: 0;
			z-index: -1;
		}

		.indexFive .box .item .text {
			animation: fiveText 0.7s forwards;
			animation-delay: 0.3s;
		}

	.indexThree .box .item em .play {
		transform: scale(0.5);
		opacity: 1;
		margin-left: -34px;
	}

	.indexThree .box .item.on .title {
		animation: none;
	}

	.indexThree .box .item.act .title {
		opacity: 0;
		z-index: -1;
	}

	.indexThree .box .item .title {
		font-size: 16px;
		top: auto;
		bottom: 10px;
	}

	.indexThree .box .item .mask {
		display: none;
	}
	/*foot*/
	.footer .footTop .box .footLogo {
		display: none;
	}

	.footer .footTop .box .footLink {
		text-align: center;
	}

	.footer .footTop {
		padding: 12px 0;
	}

		.footer .footTop .box .footLink .item {
			font-size: 14px;
			margin: 0;
			width: 48%;
			text-align: left;
			margin-bottom: 10px;
			padding-left: 5%;
			box-sizing: border-box;
		}

			.footer .footTop .box .footLink .item img {
				width: 24px;
				height: 24px;
				top: 8px;
				margin-right: 4px;
			}

		.footer .footTop .box {
			height: 70px;
		}

	.footShare {
		position: initial;
		top: auto;
		right: auto;
	}

	.footCenter {
		padding: 0 0 20px 0;
	}

		.footCenter .footContact p {
			font-size: 15px;
			margin-bottom: 0;
		}

		.footCenter .footContact h3 {
			font-size: 16px;
			margin-bottom: 0;
		}

	.footBtm .box {
		padding-right: 0;
	}

		.footBtm .box .technology {
			position: relative;
			top: auto;
			left: auto;
			transform: none;
			margin-top: 6px;
		}

	.footCenter .footNav {
		display: block;
	}

		.footCenter .footNav dl {
			position: relative;
			width: 100%;
		}

			.footCenter .footNav dl dt {
				border-bottom: 1px rgba(255,255,255,0.3) solid;
				margin: 4px 0;
			}

				.footCenter .footNav dl dt a {
					display: block;
					line-height: 44px;
				}

			.footCenter .footNav dl .text {
				display: none;
				margin: 0 14px;
			}

			.footCenter .footNav dl dd a {
				display: block;
				margin-top: 0;
				border-bottom: 1px rgba(255,255,255,0.2) solid;
				line-height: 38px;
			}

			.footCenter .footNav dl dd.down {
				display: block;
				position: absolute;
				top: 0;
				right: 0;
				font-size: 20px;
				color: #fff;
				width: 44px;
				height: 100%;
				z-index: 2;
				text-align: center;
				line-height: 44px;
				border-bottom: none;
				margin: 0;
			}

	.footBtm {
		padding-bottom: 60px;
	}
	/*内页*/
	.clib {
		display: none;
	}

	.nBan {
		padding-top: 60px;
	}

		.nBan em {
			padding-bottom: 44%;
		}

		.nBan .text {
			margin-top: 30px;
		}

			.nBan .text h3 {
				font-size: 20px;
				line-height: 30px;
			}

			.nBan .text h5 {
				font-size: 16px;
				margin-top: 0;
			}

	.technology li {
		height: auto;
	}

		.technology li:last-child a .text {
			margin-bottom: 0;
		}

		.technology li a .pic {
			position: initial;
			width: 100%;
		}

			.technology li a .pic em {
				padding-bottom: 50%;
			}

		.technology li a .box {
			width: 100%;
		}

		.technology li a .text {
			width: 100%;
			padding: 20px 0;
			margin: 0 0 20px 0;
		}

			.technology li a .text .txt {
				position: initial;
				transform: none;
				padding: 0 10px;
			}

				.technology li a .text .txt .tit img {
					margin-right: 10px;
					height: 20px;
				}

				.technology li a .text .txt .tit {
					font-size: 15px;
					padding-bottom: 12px;
				}

				.technology li a .text .txt .t {
					margin-top: 15px;
					font-size: 14px;
					line-height: 26px;
				}

	.downMore {
		margin: 14px 0;
	}

		.downMore p {
			font-size: 15px;
			margin-top: 0;
		}
	/*新闻列表*/
	.inpageBox {
		padding-top: 20px;
	}

	.newsList li {
		margin-bottom: 16px;
	}

		.newsList li a {
			display: block;
		}

			.newsList li a .pic {
				width: 100%;
			}

				.newsList li a .pic em {
					display: block;
					padding-bottom: 70%;
				}

			.newsList li a .text {
				width: 100%;
				padding: 14px 16px 16px 16px;
			}

				.newsList li a .text h3 {
					font-size: 16px;
					height: 26px;
					line-height: 26px;
				}

				.newsList li a .text p {
					font-size: 14px;
					line-height: 26px;
					height: 52px;
					margin-top: 6px;
				}
	/*awards*/
	#anchor-nav.show {
		display: none;
	}

	.leftMenu {
		top: 36%;
	}

		.leftMenu ul li a {
			font-size: 15px;
			margin: 6px 0;
		}

	.awardsBox .ourTitle {
		font-size: 20px;
	}

	.awardsBox .list {
		width: 100%;
		padding-bottom: 0;
		margin-top: 0;
		box-sizing: border-box;
	}

		.awardsBox .list::before {
			display: none;
		}

		.awardsBox .list li {
			padding-top: 30px;
			width: 100%;
		}

			.awardsBox .list li:first-child {
				padding-top: 15px;
			}

			.awardsBox .list li:nth-child(2n) {
				padding-top: 20px;
			}

			.awardsBox .list li .time {
				font-size: 18px;
			}

				.awardsBox .list li .time::before {
					width: 6px;
					height: 6px;
					top: 13px;
				}

			.awardsBox .list li h3 {
				font-size: 16px;
				line-height: 24px;
			}

			.awardsBox .list li h4 {
				font-size: 14px;
			}

			.awardsBox .list li .pic {
				margin-top: 10px;
			}

	.awardsBoxCon .awardsBox:last-child {
		padding-bottom: 30px;
	}
	/*Certification*/
	.certificaList {
		padding: 0;
		margin-top: 0;
		width: 100%;
	}

		.certificaList::before {
			display: none;
		}

		.certificaList::after {
			display: none;
		}

		.certificaList li {
			margin-top: 14px;
		}

		.certificaList .text .item h3 {
			font-size: 16px;
		}

		.certificaList .text .item::before {
			width: 6px;
			height: 6px;
			top: 13px;
		}

		.certificaList .text .item .txt {
			font-size: 14px;
			margin-top: 0;
		}
	/*新闻详情*/
	.contNewBox {
		padding: 60px 20px 20px 20px;
		margin-top: 0;
		margin-bottom: 20px;
	}

		.contNewBox .title {
			padding: 20px 0 10px 0;
			margin-bottom: 20px;
		}

			.contNewBox .title h3 {
				font-size: 16px;
				line-height: 28px;
			}

			.contNewBox .title h5 {
				font-size: 15px;
			}

			.contNewBox .title h4 {
				margin-top: 6px;
			}

			.contNewBox .title .shareIcon {
				position: initial;
				bottom: auto;
				right: auto;
				margin-top: 6px;
			}

				.contNewBox .title .shareIcon img {
					transform: scale(0.8);
				}

		.contNewBox .word {
			margin: 0;
		}

	.word {
		font-size: 15px;
		line-height: 26px;
	}

	.contNewBox .inpageLike {
		padding: 20px 0 0 0;
	}

		.contNewBox .inpageLike a img {
			width: 22px;
			margin-right: 6px;
		}

		.contNewBox .inpageLike a.next img {
			margin-left: 6px;
		}

		.contNewBox .inpageLike a.indexMore {
			width: 60px;
		}

		.contNewBox .inpageLike a {
			font-size: 13px;
		}
	/*brand*/
	.brandWord.word {
		padding: 20px 0;
		text-indent: initial !important;
	}

		.brandWord.word p {
			text-indent: initial !important;
		}

		.brandWord.word span {
			text-indent: initial !important;
		}

	.brandItem {
		padding: 30px 0;
	}

		.brandItem .text {
			padding: 24px;
			width: 100%;
			margin: 0 auto;
		}

			.brandItem .text .txt h3 {
				font-size: 20px;
				padding-bottom: 10px;
			}

			.brandItem .text .txt .t {
				font-size: 15px;
				line-height: 26px;
				margin-top: 10px;
			}

	/*产品列表*/
	.proFrom {
		height: 50px;
		line-height: 50px;
	}

		.proFrom .text {
			padding: 0 10px;
			font-size: 15px;
		}

		.proFrom .submit {
			background-size: 22px;
		}

	.productList .inpage-type-title {
		padding-bottom: 0;
	}

	.productList ul li {
		width: 100%;
		margin-top: 20px;
	}

		.productList ul li a .text .bg {
			display: none;
		}

	.productList .downMore {
		margin: 20px 0;
	}

	.productList ul li a .text h3 {
		font-size: 16px;
		line-height: 26px;
	}

	.productList ul li a .text h4 {
		font-size: 14px;
		margin-top: 6px;
	}

	.productList ul li:nth-child(3) {
		margin-right: 0;
	}

	.productList ul li:nth-child(4n-1) {
		margin-right: 0;
	}

	.productList ul li:first-child {
		width: 100%;
	}

		.productList ul li:first-child a em {
			padding-bottom: 112.73%;
		}
	/*产品详情*/
	.proInform {
		border-top: 1px #ddd solid;
		padding: 62px 0 20px 0;
		margin-top: 0;
	}

	.pic-show-box .big-pic-box {
		width: 100%;
	}

	.proInform .contTopText .title {
		font-size: 16px;
		line-height: 26px;
		padding-top: 10px;
	}

	.proInform .contTopText .lable a {
		padding-left: 46px;
		font-size: 13px;
	}

		.proInform .contTopText .lable a i {
			left: 2px;
			width: 40px;
		}

	.proInform .contTopText .txt {
		font-size: 15px;
		line-height: 26px;
		padding-bottom: 10px;
	}

	.proInform .contTopText .linkTit {
		font-size: 16px;
		margin: 10px 0;
	}

	.recommendPro {
		margin: 26px 0;
	}

		.recommendPro .title {
			font-size: 16px;
		}

		.recommendPro .box {
			margin-top: 20px;
			padding: 0;
		}

			.recommendPro .box .btn {
				display: none;
			}

	.proDetails .tab {
		padding: 14px 0;
	}

		.proDetails .tab a {
			font-size: 15px;
			margin-right: 4%;
		}

			.proDetails .tab a:hover {
				color: #111111;
			}

			.proDetails .tab a.on:hover {
				color: #2394B6;
			}

	.proDetails .parameters ul li {
		padding: 10px 0;
	}

		.proDetails .parameters ul li .t {
			display: block;
		}

		.proDetails .parameters ul li span {
			font-size: 16px;
			width: 100%;
		}

		.proDetails .parameters ul li .txt {
			margin-left: 0;
			font-size: 14px;
			color: #666;
			width: 100%;
			padding-left: 0;
		}

	.proDetails .detailBox {
		margin-bottom: 20px;
	}

	.proDetails .wordBox {
		padding: 20px 0;
	}

	.proDetails .oneBox {
		padding: 0 0 20px 0;
	}

	.proDetails .tab a:first-child {
		width: auto;
		margin-right: 4%;
	}

	.proDetails .tab a {
		margin-right: 4%;
	}

	.recommendPro .box .boxSwiper a .text h3 {
		font-size: 14px;
	}
	/*单页*/
	.danBox {
		padding: 20px 0;
	}
	/*产品详情*/
	.detailOne .bg {
		padding-bottom: 70%;
	}

	.detailOne .box .text h4 {
		font-size: 14px;
		height: 28px;
		line-height: 28px;
		margin-bottom: 10px;
	}

	.detailOne .box .text h3 {
		padding-bottom: 10px;
		margin-bottom: 10px;
	}

	.detailOne .box .text h5 {
		font-size: 12px;
		line-height: 22px;
	}

	.detailOne .box .img {
		display: none;
	}

	.detailOne .box .text .lable {
		justify-content: space-between;
	}

		.detailOne .box .text .lable .item {
			width: 22%;
			margin: 0;
			height: 70px;
		}

			.detailOne .box .text .lable .item b {
				font-size: 18px;
				padding-top: 10px;
				line-height: 24px;
			}

			.detailOne .box .text .lable .item span {
				font-size: 12px;
			}

	.detailThree .pic em {
		padding-bottom: 85%;
	}

	.detailpart .box .text .textUl li {
		font-size: 13px;
		line-height: 24px;
	}

	.detailFour .bg {
		padding-bottom: 58%;
	}

	.detailFour .box .text {
		margin-top: 20px;
	}

	.detailFive .bg {
		padding-bottom: 43%;
	}

	.detailFive .text h3 {
		font-size: 16px;
	}

	.detailFive .text .picUl li {
		height: 36px;
		margin: 0;
	}

		.detailFive .text .picUl li img {
			height: auto;
			max-width: 90%;
		}

	.proInform .contTopText .linkTo {
		width: 48%;
		margin-right: 1%;
	}

	.proSelect {
		display: block;
		margin-top: 0;
	}

		.proSelect .item {
			width: 100%;
			height: 50px;
			line-height: 50px;
			margin-top: 14px;
		}

			.proSelect .item:first-child {
				z-index: 1;
			}

			.proSelect .item span {
				padding: 0 10px;
				font-size: 15px;
			}

				.proSelect .item span::before {
					right: 14px;
				}

			.proSelect .item ul {
				top: 41px;
			}

				.proSelect .item ul li a {
					padding: 4px 10px;
				}


	.tipsfixed {
		width: 90%;
		padding: 30px;
	}

		.tipsfixed input {
			width: 120px;
			height: 38px;
			margin-top: 25px;
			line-height: 38px;
			height: auto;
		}

		.tipsfixed h6 {
			margin-bottom: 20px;
		}

	.footShare .item .img {
		left: -40px;
	}

	.footShare .item:first-child .img {
		left: 0;
	}

	.footShare .item:hover .img {
		bottom: 38px;
	}
}

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


	.wrap, .mwrap {
		padding-left: 5.335%;
		padding-right: 5.335%;
		width: auto;
	}



	/*新闻列表*/
	.news_flot {
		margin-bottom: 20px;
	}

	.news_flot, .news_list .list_l {
		width: 100%;
	}


	/*新闻综合*/
	.news_index .hd_l {
		width: 100%;
	}

	.ipart2 .ipart_hd .li1 {
		margin-bottom: 10px;
	}

	.news_index .ipart2 {
		margin-bottom: 30px;
	}

	.news_index .ipart_title {
		margin-bottom: 10px;
	}

	.news_index .part2 li {
		margin-bottom: 10px;
	}

	.news_index .part2 .list_text {
		padding: 4%;
	}

	.news_index .part2 .list_title {
		font-size: 20px;
		margin: 10px 0px;
	}

	.row > .smal-24 {
		width: 98.33333333%;
	}
	.part2 .wrap .row li {
		margin-bottom: 10px;
	}

	#gcjs_div{width:100% !important;}
	.index_news_right_title {
		width: 302px;
		height: 40px;
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.index_news_right_con_nr {
		height: auto;
	}
	.index_news_right_con {
		width: 100%;
		height:auto;
	}
	.index_news_right_title h3 {
		font-size: 22px;
	}
	.iview-controlNav{left:27.6%;}
	#gjz{width:100% !important;border-radius:20px;}
}

@media only screen and (max-width: 480px) {
	.page_footer .footer_main dl {
		width: 22%;
	}

		.page_footer .footer_main dl:nth-child(4) {
			width: 74%;
		}

		.page_footer .footer_main dl:nth-child(2) {
			width: 100%;
		}

			.page_footer .footer_main dl:nth-child(2) dt {
				margin-right: 0;
				width: 100%
			}

		.page_footer .footer_main dl:nth-child(4) dt {
			margin-right: 6%;
		}
	.page_footer .footer_main dt {
		padding-left: 0px !important;
	}
}

@media screen and (max-width: 479px) {
    .hd-brand.slick .item{margin: 0;float: left;width: 33.33%;text-align: center;height: 50px;position: relative;}
    .hd-brand.slick .item img{position: absolute;top: 50%;left: 50%;
        max-width: 80%;
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);}
.m-intro .con .ification{width:97%;float:left;margin:0 1%;height:350px;border:1px solid #ddd;margin-top:20px;}
.m-intro .con .ification>dt{width:100%;}
.m-intro .con .ification>dt>img{display:block;width:100%;}
.m-intro .con .ification>dd{width:80%;margin-left:10%;}
.m-intro .con .ification>dd>dl{width:100%;}
.m-intro .con .ification>dd>dl>dt{width:100%;padding:15px 0;border-bottom:1px solid #ddd;text-align:center;}
.m-intro .con .ification>dd>dl>dd{line-height:20px;font-size:14px;text-align:center;padding-top:20px;color:#0068b7;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
}