
body,*{color:#333; font-family: "Abb";}
[body]{overflow:hidden;}

@font-face
{
    font-family: "Abb";
    src: url('/images/font/AlibabaSans-Regular.otf');
}
@font-face
{
    font-family: "AM";
    src: url('/images/font/AlibabaSans-Medium.otf');
}
@font-face
{
    font-family: "GR";
    src: url('/images/font/gilroy-regular-3.otf');
}
@font-face
{
    font-family: "GB";
    src: url('/images/font/gilroy-bold-4.otf');
}
@font-face
{
    font-family: "GM";
    src: url('/images/font/Gilroy-Medium-2.otf');
}

.nav-var{
	--navHight : 140px;
}

.cw1750{max-width:1750px;width:92%;margin:auto;}
.cw1600{max-width:1600px;width:92%;margin:auto;}

@keyframes move {
    0%{left:45%;opacity: 0;}
    100%{left:50%;opacity: 1;}
}

/* 页码 */
#turn_page{ display: flex; justify-content: center; align-items: center; margin-top: 50px;}
#turn_page .word{ display: none;}
#turn_page span,
#turn_page a,
#turn_page font{ font-size: 12px !important; min-height: 40px !important; line-height: 40px !important; width: 40px !important; text-align: center; border: 1px solid #e5e5e5; box-sizing: border-box; padding: 10px 16px;}
#turn_page .page_item_current{ background: #cd2027; border-color: #cd2027; color: #fff;}
#turn_page img{ width: auto;}
#turn_page .prev img{ margin-right: 10px;}
#turn_page .next img{ margin-left: 10px;}
#turn_page .page_button,
#turn_page .page_noclick{ padding: 10px 26px; width: auto !important;}
#turn_page font.page_item{ border: 0;}
#turn_page .page-form{ display: flex; justify-content: start; align-items: center; margin-left: 20px;}
#turn_page .page-form .count{ font-size: 14px; color: #666; }
#turn_page .page-form .page{ display: flex; justify-content: center; align-items: center; margin-left: 8px; font-size: 14px; color: #666;}
#turn_page .page-form .page input[type=text]{ margin: 0 4px; width: 40px; height: 40px; border: 1px solid #e5e5e5; font-size: 14px; color: #666; text-align: center;}
#turn_page .page-form .btn{ margin-left: 10px; width: 60px; height: 40px; line-height: 0; border: 1px solid #e5e5e5;}
#turn_page .page-form .btn input[type=submit]{ width: 100%; height: 100%; line-height: 40px; font-size: 14px; color: #666; cursor: pointer;}

@media screen and (max-width: 750px) {
	#turn_page{flex-direction: column;}
	#turn_page span, 
	#turn_page a, 
	#turn_page font{font-size: 22px !important; min-height: 56px !important; line-height: 56px !important; width: 56px !important;}	
	#turn_page .prev img,
	#turn_page .next img{display: none;}
	#turn_page .page-form{margin-top: 20px; margin-left: 0;}
	#turn_page .page-form .count,
	#turn_page .page-form .page,
	#turn_page .page-form .page input[type=text],
	#turn_page .page-form .btn input[type=submit]{font-size: 24px;}
	#turn_page .page-form .page input[type=text]{width: 56px; height: 56px; line-height: 56px;}
	#turn_page .page-form .btn{width: 80px;height: 56px;}
}

/* 头部 */
#header{position: fixed;top: 0;left: 0;z-index: 9;width: 100%;height: var(--navHight);background: transparent;}
#header.bgw{background: #fff;}
#header .background{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;}
.header{padding-top: 45px;display: flex;justify-content: space-between;justify-items: center;height: inherit;}
.header .left-box{width: 12.9%;}
.header .left-box .logo{width: 100%; display: block;}
.header .right-box{/* width: 69.86%; */ display: flex; flex-direction: column; justify-content:space-between;}
.header .right-box .top-box{margin-bottom: 25px; display: flex; justify-content: flex-end;}
.header .right-box .top-box .btn{margin-right: 57px; position: relative; opacity: 0.3;}
.header .right-box .top-box .btn:hover{opacity: 1}
.header .right-box .top-box .btn:last-child{margin-right: 0;}
.header .right-box .top-box .btn::before{content:"";display: block; width: 1px; height: 10px; background: #cad0d5; position: absolute; top: 50%; right: -30px; transform: translateY(-50%);}
.header .right-box .top-box .btn:last-child::before{display: none;}
.header .right-box .top-box .phone{position: relative;}
.header .right-box .top-box .phone .txt{ opacity: 0; position: absolute; top: 0; right: 0; font-size: 14px; color: #000;}
.header .right-box .top-box .phone:hover .icon{display: none;}
.header .right-box .top-box .phone:hover .txt{opacity: 1}
.header .right-box .middle-box{width: 100%;display: flex;color: white;height: inherit; position: relative;}
.header .right-box .middle-box .nav-box{height: inherit;margin-right: 90px;}
.header .right-box .middle-box .nav-box:nth-of-type(8){margin-right: 0;}
.header .right-box .middle-box .nav-box .nav{display: block;height: inherit;font-size: 18px;color: #000000; font-family: "AM"; padding-bottom: 20px; display: flex;align-items: center;}  
.header .right-box .middle-box .line1{width: 32px;height: 2px; position: absolute; bottom: 1px;left: 0;background: #cd2027;z-index: 2;}
/* 二级 */
.header .right-box .middle-box .nav-box .two-nav{top: 43px;left: 50%; transform: translateX(-50%); padding-top: 10px; background: transparent;}
.header .right-box .middle-box .nav-box .two-nav .nav-in{background: #fff;padding: 20px;}
.header .right-box .middle-box .nav-box:nth-of-type(6) .two-nav{left: inherit; right:0; transform: inherit;}
.header .right-box .middle-box .nav-box:nth-of-type(7) .two-nav,
.header .right-box .middle-box .nav-box:nth-of-type(8) .two-nav{left: inherit; right:0; transform: inherit;}
.header .right-box .middle-box .nav-box:hover .two-nav{display: flex;}
.header .right-box .middle-box .nav-box .two-nav .pic-box{width: 371px;height: auto;margin-top: 8px;}
.header .right-box .middle-box .nav-box .two-nav .pic-box .tit{color: #333;margin: 15px 0 5px; font-size: 16px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.header .right-box .middle-box .nav-box .two-nav .pic-box .txt{color: #777;font-size: 14px; line-height: 19px; height: calc(19px * 2); overflow: hidden;white-space: normal; text-overflow: ellipsis; margin: 5px 0;}
.header .right-box .middle-box .nav-box .two-nav .pic-box a{color: #333;font-size: 14px;}
.header .right-box .middle-box .nav-box .two-nav .two-a{width: 250px;white-space: nowrap;margin-left: 50px; overflow: hidden;}
.header .right-box .middle-box .nav-box .two-nav .two-a a{line-height: 50px;font-size: 14px;color: #333;border-top: 1px solid #ddd;display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.header .right-box .middle-box .nav-box .two-nav .two-a a:first-child{border-top: 0;}
.header .right-box .middle-box .nav-box .two-nav .two-a a:hover{color: #d1232a; }

.insearch-view { position: fixed; right: 90px; top: 140px; z-index: 10; height: 0; overflow: hidden;}
.insearch-view form {max-width: 315px; padding: 10px; background: #fff; border-radius: 5px; position: relative; display: block; width: 100%; font-size: 0; }
.insearch-view .insearch-intxt { width: 100%; padding: 0 50px 0 15px; vertical-align: middle; height: 40px; line-height: 40px; font-size: 14px; color: #585f6f; }
.insearch-view .insearch-sub { position: absolute; top: 0; right: 0; width: 40px; height: 100%; background: url(/images/insearch-btn.png) no-repeat center center; }

#header .menu,
.header-bg,
.side-menu{display: none;}

@media screen and (max-width: 1680px) {
	.header .right-box .middle-box .nav-box{margin-right: 50px;}
}
@media screen and (max-width: 1200px){
	.header .right-box .middle-box .nav-box{margin-right: 30px;}
}
@media screen and (max-width: 1024px){
	.header .right-box,
	.insearch-view{display: none;}

	.header{align-items: center; padding-top: 0;}
	#header .menu{display: block; width: 40px; height: 40px;}
	#header .menu .li{width: 100%; height: 2px; background: #333; margin-bottom: 10px;}
	.header-bg{z-index: 48;width: 100%;position:fixed;top: 0;bottom: 0;left: 0;right: 0;display: none;}
	.header-bg.on{display: block;}
	.side-menu{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 100;transform: translateX(-100%);-webkit-transform: translateX(-100%);transition-property: transform;-webkit-transition-property: -webkit-transform;transition-duration: 0.5s;-webkit-transition-duration: 0.5s;display: block;}
	.side-menu.show{transform: translateX(0);-webkit-transform: translateX(0);}
	.side-menu .inner{position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: 34px 0;background: #fff;overflow-x: hidden;overflow-y: auto;border: solid 1px #ededed;border-top: none;}
	.side-menu .hd{padding: 0 32px 32px 32px;overflow: hidden;justify-content: space-between;-webkit-justify-content: space-between;}
	.side-menu .navul .nav-box {padding: 20px 30px; border-top: 2px dashed #ccc;}
	.side-menu .navul .nav-box:last-child{border-bottom: 2px dashed #ccc;;}
	.side-menu .navul .nav-box .nav{display: flex; align-items: center; justify-content: space-between;}
	.side-menu .navul .nav-box .nav .txt {font-size:18px;}	
	.side-menu .navul .nav-box.on .nav .txt{color: #cd2027;}
	.side-menu .navul .nav-box .nav .icon{transform: scale(0.8);}
	.side-menu .navul .nav-box .nav .icon.cur{transform: scale(0.8) rotate(180deg);}
	.side-menu .navul .nav-box .two-nav {width: 100%; height: 0; overflow: hidden;}
	.side-menu .navul .nav-box .two-nav .two-a{width: 100%; padding: 10px; padding-left: 20px;}
	.side-menu .navul .nav-box .two-nav .two-a .li{font-size: 20px; padding: 10px 0 20px;}

	.side-menu .navul .share {padding: 30px 32px 0;}
	.side-menu .navul .share form {max-width: 100%; margin-bottom: 20px; padding: 10px; border: 1px solid #ccc; background: #fff; border-radius: 5px; position: relative; display: block; width: 100%; font-size: 0; }
	.side-menu .navul .share .insearch-intxt { width: 100%; padding: 0 50px 0 15px; vertical-align: middle; height: 40px; line-height: 40px; font-size: 18px; color: #585f6f; }
	.side-menu .navul .share .insearch-sub { position: absolute; top: 0; right: 0; width: 40px; height: 100%; background: url(/images/insearch-btn.png) no-repeat center center; }
	.side-menu .navul .share .link-list{display: flex; justify-content: space-around; align-items: center; margin-top: 20px;} 
	.side-menu .navul .share .link-list .btn{transform: scale(2);}
}
@media screen and (max-width: 750px){
	.nav-var{--navHight : 90px;}
	.header .left-box{width: 16%;}
	.side-menu .inner{padding: 20px 0;}
	.side-menu .navul .nav-box .nav .txt,
	.side-menu .navul .nav-box .two-nav .two-a .li,
	.side-menu .navul .share .insearch-intxt{font-size: 26px;}
	.side-menu .navul .nav-box .nav .icon{transform: scale(1);}
	.side-menu .navul .nav-box .nav.cur .icon{transform: scale(1) rotate(180deg);}
	.side-menu .navul .share .link-list{margin-top: 40px;}
	.side-menu .navul .share .insearch-sub{ width: 60px; transform: scale(1.5);}
}

/* 右侧按钮 */
#open-btn{top: 50%; right: 0; transform: translateY(-50%); width: 80px; padding: 0 7px; display: flex; flex-direction: column; background: #fff; z-index: 5; border-radius: 6px;}
#open-btn .annui{padding: 21px 0 13px;}
#open-btn .annui:last-child{padding: 11px 0 22px; border-bottom: 0;}
#open-btn .annui .txt{margin-top: 10px;font-size: 14px;font-weight: 500;color: #cd2027;line-height: 20px;}

#open-btn .annui{position: relative; cursor: pointer;}
#open-btn .annui .right{display: none; width: auto; height: auto; position: absolute; top: 50%; right: 120%; transform: translateY(-50%); background: #fff; box-shadow: 0px 0px 8px 2px #E4E4E4;border-radius: 8px; padding: 14px 20px;}
#open-btn .annui .right .in .tit{margin-bottom: 5px; font-size: 16px; font-weight: bold;color: #000000;line-height: 22px;}
#open-btn .annui .right .in .two{min-height: calc(22px * 2);}
#open-btn .annui .right .in .p1{font-size: 14px;font-weight: 400;color: #000000;line-height: 22px;}
#open-btn .annui .right .in .p1 span{color: #cd2027;}
#open-btn .annui .right .in .code{width: 35.48%;}
#open-btn .annui:last-child  .right .in .two{width: calc(100% - 35.48%);  padding-left: 15px;}
#open-btn .annui:last-child .right .in .two .p1{font-size: 12px; font-weight: 400;color: #000000;line-height: 17px;}
#open-btn .annui:hover .right{display: block;}

@media screen and (max-width: 750px){
	#open-btn{z-index: 11; width: 110px; border-radius: 10px;}
	#open-btn .annui .txt{font-size: 22px;}
	/* #open-btn .annui .right{width: 410px; left: -440px;} */
	#open-btn .annui .right .in .tit{font-size: 24px; margin-bottom: 10px;}
	#open-btn .annui .right .in .p1,
	#open-btn .annui .right .in .p1 span{font-size: 22px; line-height: 1.4;}
	#open-btn .annui:last-child .right .in .two .p1{font-size: 22px; line-height: 1.4;}
}

/* banenr */
#i-banner{width: 100%;}
#i-banner .container{height: auto;}
#i-banner .swiper-pagination{bottom: 80px;}
#i-banner .swiper-pagination-bullet{width: 54px; height: 5px; background: #b3b6ba; border-radius: 0; opacity: 1;}
#i-banner .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #cd2027;} 

.o-banner{width: 100%; height: auto; margin-top: 140px;}
.o-banner .text{top: 50%; left: 10%; transform: translateY(-50%); z-index: 3;}
.o-banner .text>div{color: #fff;}
.o-banner .text .p1{font-size: 36px;line-height: 55px;}
.o-banner .text .p2{font-size: 14px;line-height: 37px;}

.second-nav{ z-index: 5; background: transparent;}
.second-nav.fixed{background: #fff;}
.second-nav .list{width: 100%; display: flex; color: #fff; justify-content: center; align-items: center;}
.second-nav .list .item{}
.second-nav .list .item.cur,
.second-nav .list .item:hover{background: #cd2027;}
.second-nav .list .item .back{ display: flex; justify-content: center; align-items: center; margin-right: 17px; width: 20px; height: 20px;}
.second-nav .list .item a{ padding: 27px 44px;}
.second-nav .list .item a .txt{font-size: 14px; color: #333; font-family: "Abb";} 
.second-nav .list .item.cur a .txt,
.second-nav .list .item:hover a .txt{ color: #fff;}
.mb-second{display: none;}

@media screen and (max-width: 1280px) {
	.second-nav .list .item a{ padding: 27px 40px;}
}
@media screen and (max-width: 1200px) {
	.second-nav .list .item a{ padding: 27px 30px;}
}
@media screen and (max-width: 1024px){
	#i-banner .swiper-pagination{bottom: 20px;}

	.second-nav .list .item a {padding: 27px 20px;}
	.second-nav .list .item a .txt{font-size: 18px;}
}
@media screen and (max-width: 750px){
	.o-banner{margin-top: 90px;}
	
	.second-nav{display: none;}
	.mb-second{display: block;}
	.mb-second .container .wrapper.f-cen {justify-content: center;}
	.mb-second.fixed{background: #fff; z-index: 3;}
	.mb-second .item{width: auto; }
	.mb-second .item.cur{background: #cd2027;}
	.mb-second .item a{ padding: 20px 42px;}
	.mb-second .item a .txt{font-size: 26px; color: #333; font-family: "Abb";} 
	.mb-second .item.cur a .txt{ color: #fff;}
	.o-banner .text .p2{font-size: 24px;}
}

/* 底部 */
#footer{background: #100e16; color: #fff; padding: 100px 0 95px;}
#footer .top{display: flex; justify-content: space-between; margin-bottom: 43px;}
#footer .top .left{width: 14.86%;}
#footer .top .left .contact .row{margin-bottom: 25px;}
#footer .top .left .contact .row .tit{margin-bottom: 7px; font-size: 16px; color: #fff; font-family: "Abb";}
#footer .top .left .contact .row .txt{ font-size: 14px; color: #fff; opacity: 0.8; font-family: "Abb"; line-height: 20px;}
#footer .top .left .code{margin-top: 34px; width: fit-content;}
#footer .top .left .code .p1{margin-top: 10px; font-size: 12px; color: #fff; opacity: 0.8;}
#footer .top .mid{width: calc(100% - 14.86% - 23.14%); display: flex; flex-wrap: wrap;}
#footer .top .mid .nav-box{width: 24.8%; padding-left: 7%; margin-bottom: 27px; border-left: 1px solid #28272e;}
#footer .top .mid .nav-box:nth-of-type(1),
#footer .top .mid .nav-box:nth-of-type(5){border-left: 0;}
#footer .top .mid .nav-box .nav{margin-bottom: 15px;}
#footer .top .mid .nav-box .nav .txt{ font-size: 18px; font-family: "Abb"; color: #fff; }
#footer .top .mid .nav-box .nav .icon{display: none;}
#footer .top .mid .nav-box .two-nav .two-a .two{color: #fff; opacity: 0.7; font-size: 16px; font-family: "Abb"; line-height: 29px;}
#footer .top .mid .nav-box .two-nav .two-a .two:hover{opacity: 1;}
#footer .top .right{width: 23.14%;}
#footer .top .right .tit{margin-bottom: 28px; font-size: 25px; font-family: "Abb"; line-height: 34px; color: #fff;}
#footer .top .right form{}
#footer .top .right form .row{width: 100%; margin-top: 20px; border: 1px solid #403e45; display: flex; align-items: center; }
#footer .top .right form .row:first-child{margin-top: 0;}
#footer .top .right form .row:hover{border-color: #cd2027;}
#footer .top .right form .row .txt{ width: 30%; font-size: 14px; line-height: 60px; font-family: "Abb"; color: #fff; text-align: center;}
#footer .top .right form .row input,
#footer .top .right form .row textarea{width: calc(100% - 30%); padding-right: 2%; color: #fff; font-family: "Abb"; font-size: 12px;}
#footer .top .right form .row textarea{height: 60px; padding: 20px 2% 20px 0; resize: none;}
#footer .top .right form .btn{width: 100%; margin-top: 20px;}
#footer .top .right form .btn .submit{width: 100%; font-size: 14px; text-align: center; color: #fffefe; line-height: 60px; background: #cd2027; border: 1px solid #cd2027;}
#footer .top .right form .btn .submit:hover{background: transparent;}

#footer .bot{display: flex;}
#footer .bot .copy{width: 76.86%; color: #fff; opacity: 0.5; display: flex; align-items: center; justify-content: center;}
#footer .bot .copy .tech{margin-right: 15px;}
#footer .bot .copy .tech:last-child{ margin-right:0;}
#footer .bot .copy .tech,
#footer .bot .copy .tech a{color: #fff; opacity: 0.7;}
#footer .bot .link .txt{font-size: 14px; color: #fff; opacity: 0.5; font-family: "Abb"; margin-right: 20px;}
#footer .bot .link .a{font-size: 14px; color: #fff; opacity: 0.4; font-family: "Abb"; margin-left: 10px;}
#footer .bot .link .a:first-of-type{margin-left:0;}
#footer .bot .copy .tech a:hover{opacity: 1;}
#footer .bot .link .a:hover{opacity: 1;}

@media screen and (max-width: 1024px) {
	#footer .top{flex-direction: column;}
	#footer .top .left{width: 100%; }
	#footer .top .left .contact .row{display: flex; justify-content: center;}
	#footer .top .left .contact .row .tit{margin-bottom: 0;}
	#footer .top .left .contact .row .tit,
	#footer .top .left .contact .row .txt,
	#footer .top .left .code .p1{font-size: 18px; line-height: 20px;}
	#footer .top .left .code{margin:0 auto 35px; text-align: center;}
	
	#footer .top .mid{width: 100%; margin-bottom: 35px;}
	#footer .top .mid .nav-box{width: 100%; padding: 0; margin: 0; border-top: 2px dashed #ccc;}
	#footer .top .mid .nav-box:last-child{border-bottom: 2px dashed #ccc;}
	#footer .top .mid .nav-box .nav{padding: 20px 0; margin-bottom: 0; display: flex; justify-content: space-between; align-items: center;}
	#footer .top .mid .nav-box .nav .txt{font-size: 18px;}
	#footer .top .mid .nav-box .nav .icon{display: block; transform: scale(0.8)}
	#footer .top .mid .nav-box .nav .icon.cur{transform: scale(0.8) rotate(180deg)}
	#footer .top .mid .nav-box .two-nav{width: 100%; height: 0; overflow: hidden;}
	#footer .top .mid .nav-box .two-nav .two-a{padding: 10px;padding-left: 20px;}
	#footer .top .mid .nav-box .two-nav .two-a .two{font-size: 18px; padding: 10px 0 20px}

	#footer .top .right{width: 100%;}
	#footer .top .right .tit{font-size: 22px;}
	#footer .top .right form .row .txt{width: 17%; font-size: 18px;}
	#footer .top .right form .row input, 
	#footer .top .right form .row textarea{width: calc(100% - 17%);font-size: 18px;}
	#footer .top .right form .row textarea{padding: 14px 2% 15px 0;}
	#footer .top .right form .btn .submit{font-size: 18px;}
	
	#footer .bot{flex-wrap: wrap; flex-direction: column-reverse;}
	#footer .bot .link{margin-bottom: 10px;}
	#footer .bot .copy{width: 100%; flex-wrap: wrap;}
	#footer .bot .copy .tech{ width: 100%; margin: 0 0 10px 0; text-align: center;}
	#footer .bot .link .txt,
	#footer .bot .link .a,
	#footer .bot .copy .tech,
	#footer .bot .copy .tech a{font-size: 18px; }
}
@media screen and (max-width: 750px) {
	#footer .top .left .contact .row{flex-wrap: wrap;}
	#footer .top .left .contact .row .tit, 
	#footer .top .left .contact .row .txt, 
	#footer .top .left .code .p1{font-size: 26px; line-height: 1.8;}
	#footer .top .left .code .pic{zoom: 1.5;}
	#footer .top .mid .nav-box .nav .txt{font-size: 26px;}
	#footer .top .mid .nav-box .nav .icon{transform: scale(1);}
	#footer .top .mid .nav-box .nav .icon.cur{transform: scale(1) rotate(180deg)}
	#footer .top .mid .nav-box .two-nav .two-a .two{font-size: 26px;}
	#footer .top .right .tit{font-size: 32px; line-height: 1.8;}
	#footer .top .right form .row{border: 2px solid #403e45;}
	#footer .top .right form .row .txt{width: 24%; font-size: 26px;}
	#footer .top .right form .row input, 
	#footer .top .right form .row textarea{ width: calc(100% - 24%);font-size: 26px;}
	#footer .top .right form .btn .submit{font-size: 26px;}
	#footer .bot .link .txt, #footer .bot .link .a, #footer .bot .copy .tech, #footer .bot .copy .tech a{font-size: 24px;}
}


/* 首页 */
#i-part1{margin-top: 100px;}
#i-part1 .tit{display: flex; justify-content: space-between; align-items: flex-end}
#i-part1 .tit .left{width: 25.43%;}
#i-part1 .tit .left .tit_en{margin-bottom: 35px; font-size: 60px; color: #333333; line-height: 63px; font-family: "GB";}
#i-part1 .tit .left .tit_cn{font-size: 30px; color: #6b5c5c; line-height: 38px;  font-family: "Abb";}
#i-part1 .tit .right{width: 57%; margin-left: 0; margin-right: 0; }
#i-part1 .tit .right .wrapper{justify-content: space-between;}
#i-part1 .tit .right .item{width: auto; margin-left: 5.5%; font-size: 18px; color: #d0d0d0; line-height: 38px; font-family: "Abb"; }
#i-part1 .tit .right .item.cur{color: #333; position: relative;}
#i-part1 .tit .right .item:first-child{margin-left: 0;}
#i-part1 .tit .right .item.cur::before{content: ""; display: block; width: 100%; height:4px; background: #cd2027; position: absolute; bottom: 10px; left: 50%; z-index: -1; transform: translatex(-50%);}
#i-part1 .list{margin-top: 55px;}
#i-part1 .list .item{width: 100%;display: flex; flex-wrap: wrap;}
#i-part1 .list .item .li{width: 49.37%; display: flex; justify-content: space-between; align-items: center; padding: 38px 7.2% 25px 3.7%; margin-top: 20px; margin-right: 1.143%; }
#i-part1 .list .item .li:nth-child(-n+2){margin-top: 0;}
#i-part1 .list .item .li:nth-child(2n){margin-right: 0;}
#i-part1 .list .item .li:first-child{background: url(/images/pic2.png) no-repeat center center/cover;}
#i-part1 .list .item .li:nth-child(2){background: url(/images/pic3.png) no-repeat center center/cover;}
#i-part1 .list .item .li:nth-child(3){background: url(/images/pic4.png) no-repeat center center/cover;}
#i-part1 .list .item .li:last-child{background: url(/images/pic5.png) no-repeat center center/cover;}
#i-part1 .list .item .li .left{width: 56%; height: 100%; position: relative;}
#i-part1 .list .item .li .left .info{width: 100%;position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
#i-part1 .list .item .li .left .p1{margin-bottom: 10px; font-size: 16px; font-family: "Abb"; color: #a1a1a2; line-height: 25px;}
#i-part1 .list .item .li .left .p2{margin-bottom: 15px; font-size: 30px; font-family: "Abb"; color: #000; line-height: 37px;}
#i-part1 .list .item .li .left i{display: block; width: 40px; height: 4px; background: #cd2027;}
#i-part1 .list .item .li .left .more{position: absolute; bottom: -100%; left: 0; width: 70px; height: 70px; padding: 24px 0 0; background: #cd2027;}
#i-part1 .list .item .li .left .more .txt{font-size: 12px; color: #fff; font-family: "GR"; margin-bottom: 8px;}
#i-part1 .list .item .li .right{width: 44%;}
#i-part1 .list .item .li:hover .left .info{top: 25%;}
#i-part1 .list .item .li:hover .left .more{bottom: 15%;}

#i-part2{width: 100%; margin-top: 100px; display: flex;}
#i-part2 .left{width: 29.375%; padding: 66px 0 66px 4%; display: flex; flex-wrap: wrap;}
#i-part2 .left .tit{width: 100%; margin-bottom: 135px;}
#i-part2 .left .tit .in{width: 55%;}
#i-part2 .left .tit .tit_en{font-size: 60px; line-height: 60px; color: #333333; font-family: "GB";}
#i-part2 .left .tit .tit_cn{font-size: 30px; line-height: 38px; color: #cd2027; font-family: "Abb";}
#i-part2 .left .cate-list{width: 100%; height: 511px;}
#i-part2 .left .cate-list .wrapper{flex-direction: column;}
#i-part2 .left .cate-list .cate{width: 100%;height: auto; margin-bottom: 38px; display: flex; align-items: center;}
#i-part2 .left .cate-list .cate:last-child{margin-bottom: 0;}
#i-part2 .left .cate-list .cate .num{margin-right: 24px; font-size: 12px; font-family: "GB"; color: #e6e6e6;}
#i-part2 .left .cate-list .cate .name{width: calc(100% - 3%); }
#i-part2 .left .cate-list .cate .name .in{font-size: 22px; font-family: "Abb"; line-height: 33px; color: #c1c1c1; position: relative;}
#i-part2 .left .cate-list .cate.swiper-slide-thumb-active .num{color: #adadad;}
#i-part2 .left .cate-list .cate.swiper-slide-thumb-active .name{color: #333; position: relative;}
#i-part2 .left .cate-list .cate.swiper-slide-thumb-active .name .in::before{content: ""; display: block; width: 100%; height: 4px; background: #cd2027; position: absolute; bottom: 3px; left: 50%; z-index: -1; transform: translateX(-50%);}
#i-part2 .right{width: calc(100% - 29.375%); height: auto;}
#i-part2 .right .big-pic{height: 100%;}
#i-part2 .right .slide-inner{width: 100%;height: 100%;}
#i-part2 .right .back{width: 100%; height: 100%;}
#i-part2 .right .info{width: 58.5%; padding: 65px 6.7% 70px 6%; bottom: 0; left: 0; background: #cd2027;}
#i-part2 .right .info .icon{bottom: 50%;right: 20px; transform: translateY(50%); zoom: 1.2;}
#i-part2 .right .info .tit{margin-bottom: 33px; font-size: 30px; color: #fff; font-family: "Abb"; line-height: 47px;}
#i-part2 .right .info .brief{font-size: 16px; color: #fff; font-family: "Abb"; line-height: 29px;}
#i-part2 .right .btn{width: 70px; height: 70px; bottom: 132px; right: 4%; z-index: 1; border: 1px solid rgba(255,255,255,0.5); }
#i-part2 .right .btn img{opacity: 0.8;}
#i-part2 .right .prev{right: 12%;}
#i-part2 .right .btn:hover{border-color: #cd2027; background: #cd2027;}
#i-part2 .right .btn:hover img{opacity: 1;}

#i-part3{width: 100%; margin-top: 100px;}
#i-part3 .cont{padding-left: 4%;top: 0; left: 0; z-index:1; width: 100%; height: 100%; display: flex; justify-content: space-between;}
#i-part3 .cont .tit{width: 20%; margin-top: 120px;}
#i-part3 .cont .tit .tit_en{font-size: 60px; line-height: 60px; color: #fff; font-family: "GB";}
#i-part3 .cont .tit .tit_cn{font-size: 30px; line-height: 38px; color: #fff; font-family: "Abb";}
#i-part3 .cont .info{width: 66.93%;}
#i-part3 .cont .info .one{width: 50%; padding: 83px 0; background: #fff;}
#i-part3 .cont .info .one .icon{margin-bottom: 60px;}
#i-part3 .cont .info .one .p1{margin-bottom: 58px;}
#i-part3 .cont .info .one .p1 .l1{margin-bottom: 9px;font-size: 30px; color: #333333; font-family: "Abb"; line-height: 49px;}
#i-part3 .cont .info .one .p1 .l2{font-size: 24px; color: #adadad; font-family: "GR"; line-height: 32px;}
#i-part3 .cont .info .one .p2 .num{font-size: 24px; color: #adadad; font-family: "GM"; line-height: 28px;}
#i-part3 .cont .info .one .p2 .jt{top: 0; left: 45%;opacity: 0; line-height: 28px}
#i-part3 .cont .info .one:hover .p2 .num{opacity: 0;}
#i-part3 .cont .info .one:hover .p2 .jt{left:50%;opacity: 1; transform: translateX(-50%); animation:move 0.5s ease-in;}
#i-part3 .cont .info .two{display: flex;}
#i-part3 .cont .info .two .one{width: 50%;background: rgba(255,255,255,0.8);}
#i-part3 .cont .info .two .one:nth-child(2){background: rgba(205, 32, 39, 0.8);}
#i-part3 .cont .info .two .one:nth-child(2) .p1 .l1{color: #fff;}
#i-part3 .cont .info .two .one:nth-child(2) .p1 .l2{color: #e5999c;}
#i-part3 .cont .info .two .one:nth-child(2) .p2 .num{color: #e5989c;}

#i-part4{padding: 110px 0 125px; background: #f5f5f5;}
#i-part4 .tit .tit_en{margin-bottom: 35px; font-size: 60px; line-height: 60px; color: #333333; font-family: "GB";}
#i-part4 .tit .tit_cn{font-size: 30px; line-height: 38px; color: #cd2027; font-family: "Abb";}
#i-part4 .cont{width: 65.6%; margin: 60px auto 0;}
#i-part4 .cont .video-cont{overflow: visible;}
#i-part4 .cont .video-cont .info{margin-right: 35px;}
#i-part4 .cont .video-cont .info .text{width: 100%; top: 4%; left: 50%; z-index: 2; transform: translateX(-50%); overflow: hidden;}
#i-part4 .cont .video-cont .info .text .p1{margin-bottom: 15px; font-size:35px; color: #fff; font-family: "Abb"; line-height: 53px;}
#i-part4 .cont .video-cont .info .text .p2{font-size:18px; color: rgba(255,255,255,0.7); font-family: "GR"; line-height: 27px;}
#i-part4 .cont .video-cont .info .text .p1,
#i-part4 .cont .video-cont .info .text .p2{transform: translateY(150%); opacity: 0; transition: all .6s ease;}
#i-part4 .cont .video-cont .info.swiper-slide-active .text .p1,
#i-part4 .cont .video-cont .info.swiper-slide-active .text .p2{transform: translateY(0); opacity: 1;}
#i-part4 .cont .video-cont .btn{width: 70px; height: 70px; top: 50%; transform: translateY(-50%); z-index: 1; border: 1px solid rgba(255,255,255,0.5); }
#i-part4 .cont .video-cont .btn img{opacity: 0.8;}
#i-part4 .cont .video-cont .prev{left: 2%;}
#i-part4 .cont .video-cont .next{right: 2%;}
#i-part4 .cont .video-cont .btn:hover{border-color: #cd2027; background: #cd2027;}
#i-part4 .cont .video-cont .btn:hover img{opacity: 1;}

#i-part5{margin-top: 100px;}
#i-part5 .title{display: flex; justify-content: space-between; align-items: flex-end;}
#i-part5 .title .tit .tit_en{margin-bottom: 35px; font-size: 60px; line-height: 60px; color: #333333; font-family: "GB";}
#i-part5 .title .tit .tit_cn{font-size: 30px; line-height: 38px; color: #cd2027; font-family: "Abb";}
#i-part5 .title .more-btn{padding: 0 50px;width: 250px;height: 70px; line-height: 70px;border: 1px solid #898d90; position: relative; display: flex; justify-content: space-between; align-items: center;}
#i-part5 .title .more-btn span{font-size: 12px;color: #333333;font-family:"GB";position: relative;z-index: 2;}
#i-part5 .title .more-btn .icon{position: relative;z-index: 2;}
#i-part5 .title .more-btn .icon .i1{display: inline-block;}
#i-part5 .title .more-btn .icon .i2{display:none;}
#i-part5 .title .more-btn:hover{border-color: #cd2027; background: #cd2027;}
#i-part5 .title .more-btn:hover span{color: #fff;}
#i-part5 .title .more-btn:hover .icon .i1{display:none;}
#i-part5 .title .more-btn:hover .icon .i2{display: inline-block;}
#i-part5 .box{width: 100%; margin-top: 65px; display: flex; border-top: 1px solid #f6f6f6;}
#i-part5 .box .li {width: 29.54%; padding: 30px 0 100px; margin-left: 100px; transition: all 0.3s ease; position: relative; overflow: visible;}
#i-part5 .box .li:before{content:""; display: block; width: 1px; height:100%; background: #f6f6f6; position: absolute; top:0; left: -10%; z-index: 2;}
#i-part5 .box .li:first-child{margin-left:0;}
#i-part5 .box .li:first-child::before{display: none;}
#i-part5 .box .li .in:hover{background: #f6f6f6;}
#i-part5 .box .li .top {padding:30px 6.57% 70px;position: relative;}
#i-part5 .box .li .top .category{text-align: center;border:1px solid #c5c5c5;color:#959595;margin:0 0 30px 0;font-size: 14px;padding: 5px 20px;display: inline-block; font-family: "Abb";}
#i-part5 .box .li .top .name{font-size: 20px; font-family: "Abb";}
#i-part5 .box .li .top .day{width: 60px;height: 60px;line-height:60px;text-align: center; background-color: #cd2027;position: absolute;bottom:0;left: 50;z-index: 1;font-weight: 900;color:#fff;transform: translate(0%, 50%);font-size: 24px; font-family: "GB";}
#i-part5 .box .li .top .month {font-size:16px;color:#fff;position: absolute;bottom:-50px;left: 50;z-index: 1;color:#fff;transform: translate(0%, 50%); font-family: "GR";}
#i-part5 .box .li .img{height: auto;}

#i-part6{width: 100%;background: #cd2027;padding: 35px 0;}
#i-part6 .box{display: flex; justify-content: space-between; align-items: center;}
#i-part6 .text{font-size: 24px;color: #fff;font-family: "Abb";}
#i-part6 .nav{}
#i-part6 .nav .item{font-size: 16px; font-family: "Abb"; color: #faf9f5;margin-left: 145px;padding-left: 40px;line-height: 30px;}
#i-part6 .nav .item:nth-child(1){background: url(/images/icon9.png) no-repeat left;}
#i-part6 .nav .item:nth-child(2){background: url(/images/icon10.png) no-repeat left;}
#i-part6 .nav .item:nth-child(3){background: url(/images/icon11.png) no-repeat left;margin-right: 50px;}

@media screen and  (max-width: 1680px){
	#i-part1 .tit .left{width: 29.43%;}
	#i-part1 .tit .right .item{margin-left: 3.5%;}
}
@media screen and (max-width: 1440px) {
	#i-part1 .tit .right{width: 61%;}
	#i-part1 .tit .left .tit_en,
	#i-part2 .left .tit .tit_en,
	#i-part3 .cont .tit .tit_en,
	#i-part4 .tit .tit_en,
	#i-part5 .title .tit .tit_en{font-size: 50px; line-height: 45px;}

	#i-part1 .tit .left{width: 28.43%;}
	#i-part1 .list .item .li .left .p2{font-size: 26px;}

	#i-part2 .left{padding: 50px 0 50px 4%;}
	#i-part2 .left .tit{margin-bottom: 90px;}
	#i-part2 .left .cate-list .cate .num{font-size: 14px;}
	
	#i-part3 .cont .info .one{padding: 65px 0;}
	
	#i-part5 .title .more-btn span{font-size: 16px;}
}
@media screen and (max-width: 1400px) {
	#i-part1 .tit .right .item{margin-left: 42px;}
}
@media screen and (max-width: 1366px) {
	#i-part1 .tit .left{width: 20.43%;}
	#i-part1 .tit .right{width: calc(100% - 22.43% - 30px);}

	#i-part2 .left .tit .in{width: 80%;}

	#i-part5 .box .li{margin-left: 70px;}
}
@media screen and (max-width: 1200px){
	#i-part1 .tit .right .item{margin-left: 29px;}
	#i-part1 .list .item .li .left .p2{font-size: 23px;}
}
@media screen and (max-width: 1024px){
	#i-part1 .tit{flex-wrap: wrap;}
	#i-part1 .tit .left{width: 100%; margin-bottom: 20px;}
	#i-part1 .tit .right{width: 100%; margin:0;}
	#i-part1 .tit .right .item{font-size: 22px; margin-left: 2.5%;}

	#i-part2{flex-direction: column;}
	#i-part2 .left{max-width: 1750px; width: 92%; margin: 0 auto; padding: 50px 0;}
	#i-part2 .left .tit{margin-bottom: 20px;}
	#i-part2 .left .tit .in{width: 100%;}
	#i-part2 .left .tit .tit_en{margin-bottom: 35px;}
	#i-part2 .left .cate-list{height: auto;}
	#i-part2 .left .cate-list .wrapper{flex-direction: inherit; }
	#i-part2 .left .cate-list .cate{width: auto; margin-left: 40px; margin-bottom: 0;}
	#i-part2 .left .cate-list .cate:first-child{margin-left: 0;}
	#i-part2 .left .cate-list .cate .num{display: none;}
	#i-part2 .left .cate-list .cate .name{width: 100%;}
	#i-part2 .right{width: 100%;}

	#i-part3 .cont .info{width: 80%;}
	#i-part5 .box .li{width: 31%;margin-left: 35px;}
	#i-part5 .box .li:before{display: none;}

	#i-part6 .nav .item{margin-left: 50px;}
}
@media screen and (max-width: 750px){
	#i-part1 .tit .right .item{font-size: 26px; line-height: 1.8;}
	#i-part1 .tit .right .item.cur::before{bottom: 4px;}
	#i-part1 .list .item .li{width: 100%; margin-right: 0;}
	#i-part1 .list .item .li:nth-child(-n+2){ margin-top: 20px;}
	#i-part1 .list .item .li:first-child{margin-top: 0;}
	#i-part1 .list .item .li .left .p1{font-size: 26px;}
	#i-part1 .list .item .li .left .p2{font-size: 30px;}

	#i-part2 .left .cate-list .cate .name .in{ font-size: 26px; line-height: 1.8;}
	#i-part2 .right .info{width: 100%;position: inherit;}
	#i-part2 .right .info .brief{font-size: 26px; line-height: 1.8;}
	#i-part2 .right .btn{display: none;}

	#i-part3 .cont{flex-direction: column; padding: 0;}
	#i-part3 .cont .tit{width: 92%; margin: 100px auto 30px;}
	#i-part3 .cont .info{width: 100%;}

	#i-part4 .cont{width: 92%;}
	#i-part4 .cont .video-cont .info .text .p2{font-size: 24px;}
	#i-part4 .cont .video-cont .btn img{transform: scale(1.5);}

	#i-part5 .title .more-btn{width: 200px; padding: 0 30px;}
	#i-part5 .title .more-btn span{font-size: 22px;}
	#i-part5 .title .more-btn .icon{transform: scale(1.5);}

	#i-part5 .box{flex-wrap: wrap;}
	#i-part5 .box .li{width: 100%; margin: 0; padding-bottom: 30px;}
	#i-part5 .box .li .top .category{font-size: 24px;}
	#i-part5 .box .li .top .name{font-size: 26px;}
	#i-part5 .box .li .top .day{font-size: 26px}
	#i-part5 .box .li .top .month{font-size: 24px;}

	#i-part6{padding: 50px 0;}
	#i-part6 .box{display: block;}
	#i-part6 .text{font-size: 30px;}
	#i-part6 .nav{margin-top: 40px;}
	#i-part6 .nav .item{width: 33%;font-size: 26px;margin-left: 0;}
	#i-part6 .nav .item:nth-child(3){margin-right: 0;}
}

/* 产品 */
#products{margin: 100px auto;}
#products .pro-cont .list{ display: flex; justify-content: start; align-items: start; flex-wrap: wrap; width: 100%;}
#products .pro-cont .item{ width: 30.7143%; background: #ebeff1; margin: 0 3.92857% 3.92857%  0;}
#products .pro-cont .item .images{ width: 100%;padding-top: 74.7454%;/* height: 321px; */}
/* #products .pro-cont .item .images img{ width: auto; max-width: 100%; max-height: 100%;} */
#products .pro-cont .item:nth-child(3n){margin-right: 0;}
#products .pro-cont .item .text{width: 100%; text-align: center; padding: 45px 0px;}
#products .pro-cont .item .text .name{font-size: 18px; font-weight: bold; line-height: 30px; color: #1a1a1a;}
#products .pro-cont .item .text .brief{ margin: 0 auto; width: 92%; font-size: 16px; line-height: 28px; color: #999;}
#products .pro-cont .item:hover .images{transform: translateY(-20px);}
#products .pro-cont .item:hover .text{background: #cd2027;}
#products .pro-cont .item:hover .text .name,
#products .pro-cont .item:hover .text .brief{ color: #fff;}

@media screen and (max-width: 1024px){
    /* #products .pro-cont .wrapper{width: 750px !important;} */
    /* #products .pro-cont .list{justify-content: space-between;} */
    #products .pro-cont .item{width: 48%;}
	#products .pro-cont .item:nth-child(3n){margin-right: 3.92857%;}
    #products .pro-cont .item:nth-child(2n){margin-right: 0;}


    #products .pro-cont a .cont:nth-of-type(2n){ margin-right: 0;}
    #products .pro-cont .cont .text{padding: 45px 15px;}
}

@media screen and (max-width: 750px){
    /* #products .pro-cont a{width: 375px !important;} */
    #products .pro-cont .cont .text .brief_cn,
    #products .pro-cont .cont .text .name,
    #pro-detail .detail .contents .brief,
    #pro-detail .detail .contents .apply{font-size: 26px;}
    #products .pro-cont .cont .text .brief_cn,
    #pro-detail .detail .contents .apply{ line-height: 40px;}
    #products .pro-cont .item{ margin-right: 0; width: 100%;}
	#products .pro-cont .item .images{height: auto;}
    #products .pro-cont .item:nth-child(3n){ margin-right: 0;}
    #products .pro-cont .item:nth-child(even){ margin-right: 0;}
    #products .pro-cont .item .text .brief{ max-height: 170px; line-height: 1.8; font-size: 24px; overflow: hidden;}
}

/*产品详情 products_detail*/
#pro-detail{margin: 140px auto 0;}
.pro-title{font-size: 30px; color: #333; font-weight: bold;position: relative; margin-bottom: 68px;}
.pro-title:before{content:""; display: block; width: 118px; height: 6px; background: #cd2027; position: absolute; bottom: -18px; left: 0;}
#pro-detail .title{border:1px solid #f1f1f1;padding:60px 0px;}
#pro-detail .detail-img{width:53.25%;height:430px;margin-bottom: 100px;}
#pro-detail .detail-img .detail-img-top{height:430px;width:75.61%;margin: 0;float:left;background-color: #f7f7f7;}
#pro-detail .detail-img .detail-img-top .slide.video{ cursor: pointer;}
#pro-detail .detail-img .detail-img-top .slide.video span{ display: flex; justify-content: center; align-items: center; bottom: 21px; left: 32px; width: 42px; height: 42px; border: 2px solid #3d3d3d; text-align: center; border-radius: 50%;}
#pro-detail .detail-img .detail-img-top .pagination{display: none;}
#pro-detail .detail-img .detail-img-thumbs-bg{height:430px;width:18.3%;float:left;margin-left: 2.5%;}
#pro-detail .detail-img .detail-img-thumbs-bg .wrapper{flex-direction: column;}
#pro-detail .detail-img .detail-img-thumbs{height: 350px;width:100%;}
#pro-detail .detail-img .detail-img-thumbs .swiper-slide{width: 100%;height:120px; margin-bottom: 10px;}
#pro-detail .detail-img .detail-img-thumbs .swiper-slide .img{width: calc(100% - 2px);height: calc(100% - 2px);border:1px solid #e6e6e6;}
#pro-detail .detail-img .detail-img-thumbs .swiper-slide.swiper-slide-active .img{border-color:#cd2027;}
#pro-detail .detail-img .detail-img-thumbs-bg .button_white{width:50%;height:65px;bottom:0px;background:none;top:auto;border:1px solid #e4e4e4;}
#pro-detail .detail-img .detail-img-thumbs-bg .next{right:0;background:url(/images/swiper_btn_icon0.png) no-repeat center; transform: rotate(180deg);width:calc(50% + 1px);}
#pro-detail .detail-img .detail-img-thumbs-bg .prev{left:0;background:url(/images/swiper_btn_icon0.png) no-repeat center;}
#pro-detail .detail .contents{ width:42%;}
#pro-detail .detail .contents .brief {width:100%; margin:54px 0 24px; font-size: 14px; color: #828282; border-bottom: 1px solid #ededed; padding-bottom: 16px;}
#pro-detail .detail .contents .apply{font-size: 14px; color: #333; font-weight: bold; line-height: 22px;}
#pro-detail .detail .contents .submit{ width:100%; margin-top:40px;}
#pro-detail .detail .contents .submit .btn{ padding:16px 46px; background:#cd2027; display: flex; justify-content:space-between;align-items: center;}
#pro-detail .detail .contents .submit .btn .txt{margin-left: 19px;  color:#fff;}

/* 产品详情-产品参数 */
#pro-detail .parameter{ margin-bottom: 100px;}
#pro-detail .parameter .desc table{ margin: 0 auto; width: 100% !important;}
#pro-detail .parameter .desc table tr td{ padding: 5px 10px; border: 1px solid #ccc;}

/* 产品详情-样品图片 */
#pro-detail .sample{ margin-bottom: 100px;}
#pro-detail .sample .sample-list{width: 100%; display: flex; justify-content: start;}
#pro-detail .sample .sample-list .item{ width: 23.8571%;margin-right: 23px; background: #f0f3f4;}
#pro-detail .sample .sample-list .item:last-child{margin-right: 0;}
#pro-detail .sample .sample-list .text{width: 100%; text-align: center; padding: 15px 0px;background-color: #fcfdfd;}
#pro-detail .sample .sample-list .text .name{font-size: 18px; font-weight: bold; line-height: 30px; color: #1a1a1a;}
#pro-detail .sample .sample-list .text .brief{ margin: 0 auto; width: 92%; font-size: 16px; line-height: 28px; color: #999;}
#pro-detail .sample .sample-list .item:hover .images{transform: translateY(-20px);}
#pro-detail .sample .sample-list .item:hover .text{background: #cd2027;}
#pro-detail .sample .sample-list .item:hover .text .name,
#pro-detail .sample .sample-list .item:hover .text .brief_cn{color: #fff;}
.wrap {position: fixed;top: 0;left: 0;background: rgba(0, 0, 0, 0.7);z-index: 2;width: 100%;height: 100%;display: none;}

/* 产品详情-相关产品 */
#pro-detail .relevant{width: 100%; background: #f7f7f7; padding: 100px 0;}
#pro-detail .relevant .rel-pro {width: 100%; display: flex; justify-content: start; flex-wrap: wrap;}
#pro-detail .relevant .rel-pro a{width: 31%; background-color: #ebeff1;margin: 0 3.5% 3.5% 0;}
#pro-detail .relevant .rel-pro a:last-child{margin-right: 0;}
#pro-detail .relevant .rel-pro a .cont{width: 100%;background: #ebeff1; margin: 0 55px 55px 0;}
#pro-detail .relevant .rel-pro .cont:nth-child(3n){margin-right: 0;}
#pro-detail .relevant .rel-pro .cont .images{ text-align: center;padding-top: 74.7454%; /* height: 324px; */}
/*#pro-detail .relevant .rel-pro .cont .images img{ width: auto; max-width: 100%; max-height: 100%;}*/
#pro-detail .relevant .rel-pro .cont .text{width: 100%; text-align: center; padding: 45px 0px;}
#pro-detail .relevant .rel-pro .cont .text .name{font-size: 18px; font-weight: bold; line-height: 30px; color: #1a1a1a;}
#pro-detail .relevant .rel-pro .cont .text .brief{ margin: 0 auto; width: 92%; font-size: 16px; line-height: 28px; color: #999;}
#pro-detail .relevant .rel-pro .cont:hover .images{ transform: translateY(-20px);}
#pro-detail .relevant .rel-pro .cont:hover .text{background: #cd2027;}
#pro-detail .relevant .rel-pro .cont:hover .text .name,
#pro-detail .relevant .rel-pro .cont:hover .text .brief{ color: #fff;}

@media screen and (max-width: 1200px){
    #pro-detail .detail .contents .brief{margin: 30px 0 10px; padding-bottom: 10px;}
    #pro-detail .detail .contents .submit{margin-top: 20px;}
	#pro-detail .detail .contents .submit .btn{ padding: 15px 30px;}
    #pro-detail .detail .img .small-img .arrow{margin-top: 11px;}
    #pro-detail .detail .img .small-img .ites{padding:0;}
    #pro-detail .sample .sample-list .item .images img{max-width: 100%; max-height: 100%;}
    #pro-detail .relevant .rel-pro .cont .text{padding: 45px 10px;}
}
@media screen and (max-width: 1024px){
    #pro-detail .detail-img,
    #pro-detail .detail .contents{width: 100%; margin-bottom: 60px;}
    #pro-detail .detail .img{margin-bottom: 20px;}
    #pro-detail .detail .img .small-img .arrow{margin-top: 20px;}
    #pro-detail .detail .img .small-img .ites{padding: 0 0 40px 0;}

    #pro-detail .sample .sample-list{flex-wrap: wrap; justify-content: flex-start;}
    #pro-detail .sample .sample-list a{width: 45%; margin-bottom: 20px;}
    #pro-detail .relevant .rel-pro a{width: 33%;}
}
@media screen and (max-width: 750px) {
	#pro-detail{ margin-top: 90px;}
    #pro-detail .detail .contents .brief,
    #pro-detail .detail .contents .apply{font-size: 26px;}
    #products .pro-cont .cont .text .brief_cn,
    #pro-detail .detail .contents .apply{ line-height: 40px;}
    #pro-detail .sample .sample-list a{width: 48%; margin-bottom: 20px;}
    #pro-detail .sample .sample-list a:nth-child(2n){margin-right: 0;}
    #pro-detail .sample .sample-list .item{ margin: 30px 0 0 0; width: 100%;}
    #pro-detail .sample .sample-list .item .images img{width: 100%; height: 100%;}
    #pro-detail .sample .sample-list .text .name,
    #pro-detail .detail .contents .submit .btn .txt{ font-size: 24px;}
    #pro-detail .detail .contents .submit .btn .icon{zoom: 1.3;}
    #pro-detail{ margin-bottom: 0;}
    #pro-detail .desc{ overflow-x: auto;}
    #pro-detail .desc>*{font-size: 26px !important; line-height: 1.8 !important;}
    #pro-detail .parameter .desc table{ width: 1000px !important;}
    #pro-detail .parameter .desc table *{ font-size: 24px !important;}
    #pro-detail .detail-img .detail-img-thumbs-bg{ display: none;}
    #pro-detail .detail-img{ width: 100%;}
    #pro-detail .detail-img .detail-img-top{ width: 100%;}
    #pro-detail .parameter{ margin: 50px auto;}
	#pro-detail .relevant{padding: 60px 0;}
    #pro-detail .relevant .rel-pro a{ margin-right: 2%; width: 100%;}
    #pro-detail .relevant .rel-pro a:nth-child(even){ margin-right: 0;}
    #pro-detail .relevant .rel-pro .cont .text .name{ line-height: 1.6; font-size: 30px;}
    #pro-detail .relevant .rel-pro .cont .text .brief{ max-height: 170px; line-height: 1.8; font-size: 24px; overflow: hidden;}
}

/* 解决方案 */
#crumbs{ width:100%;line-height:1; border-bottom:1px solid rgba(255,255,255,.2); position:absolute; top:0; left:0; right:0; z-index:2; padding:30px 0;}
#crumbs i{ font-size:14px; color:#fff; margin:0 16px;}
#crumbs a{ vertical-align:top; font-size:14px; color:#fff;}
#crumbs a img{ display:inline-block !important; vertical-align:top; margin-top:-1px;}
#crumbs a:hover{ color: #cd2027;}
#crumbs span{ font-size:14px; color:#fff;}

#crumbs.not-po{position:inherit; background: #f4f4f4;}
#crumbs.not-po i{color:#333}
#crumbs.not-po a{color:#333;}
#crumbs.not-po a:hover{ color: #cd2027;}
#crumbs.not-po span{color:#333;}

@media screen and (max-width: 750px) {
	#crumbs{display:none;}	
}

/*内页样式*/
.inside-title{ font-size:30px; color:#333; font-weight:bold;}
.inside-brief{ line-height:2; font-size:18px; color:#333;}
.inside-more{ font-size:18px; color:#333;}
.inside-prev{ width:60px; overflow:hidden; border-radius:50%; position:absolute; top:50%; left:20px; z-index:2; transform:translate3d(0px,-50%,0);}
.inside-next{ width:60px; overflow:hidden; border-radius:50%; position:absolute; top:50%; right:20px; z-index:2; transform:translate3d(0px,-50%,0);}

.c .inside-prev{ width:60px; overflow:hidden; border-radius:50%; position:absolute; top:55%; left:0; z-index:2; transform:translate3d(0px,-55%,0); display:none;}
.c .inside-next{ width:60px; overflow:hidden; border-radius:50%; position:absolute; top:55%; right:0; z-index:2; transform:translate3d(0px,-55%,0); display:none;}
.d .inside-prev{ width:60px; overflow:hidden; border-radius:50%; position:absolute; top:65%; left:0; z-index:2; transform:translate3d(0px,-65%,0); display:none;}
.d .inside-next{ width:60px; overflow:hidden; border-radius:50%; position:absolute; top:65%; right:0; z-index:2; transform:translate3d(0px,-65%,0); display:none;}

@media screen and (max-width: 750px){
	.inside-brief{font-size: 26px; line-height: 1.8;}
}

/*内页翻页*/
.inside-page{ width:100%; background:#fff; border-top:1px solid #e6e6e6; position:relative; padding:50px 0;}
.inside-page .box{display: flex; justify-content: space-around; align-items: center;}
.inside-page .text{width: 100%; height:20px; font-size: 18px; line-height:20px; background-size:30px !important; color:#333;width: 38%;}
.inside-page .text b{ font-size: 18px; color:#333;}
.inside-page .text:hover{ color:#cd2027;}
.inside-page .text:hover b{ /*color:#fff !important; */border-color:#cd2027 !important;}
.inside-page .text.left{ background:url(/images/img25.png) no-repeat left center; padding-left:60px;}
.inside-page .text.left b{ border-right:1px solid #ccc; padding-right:20px; margin-right:20px;}
.inside-page .text.left:hover{ background:url(/images/img25_1.png) no-repeat left center;}
.inside-page .text.right{ background:url(/images/img26.png) no-repeat right center; padding-right:60px;}
.inside-page .text.right b{ border-right:1px solid #ccc; padding-right:20px; margin-right:20px;}
.inside-page .text.right:hover{ background:url(/images/img26_1.png) no-repeat right center;}
.inside-page .back{ width:170px; height:50px; line-height:50px;  text-align:center; border:1px solid #e6e6e6; border-radius:50px; padding:0 30px; margin:auto;}
.inside-page .back:hover{ background:#cd2027; border-color:#cd2027;}
.inside-page .back:hover .txt{color: #fff;}

@media screen and (max-width: 750px){
	/* .inside-page .text.left b,
	.inside-page .text.right b{display: none;} */
	.inside-page .text{width: 30%; display: block; margin: 30px 0; }
	.inside-page .text,
	.inside-page .text b,
	.inside-page .text span{font-size: 24px; line-height: 1.4;}
	.inside-page .text.left,
	.inside-page .text.right{background: inherit; padding: 0;display: flex; height: auto;}
	.inside-page .text.left,
	.inside-page .text.right{flex-direction: column;}
	.inside-page .text.left b,
	.inside-page .text.right b{border: 0; padding-bottom: 20px;}
	
}

/*swiper-page*/
.inside-swiper-page{ width:100%; text-align:center; font-size:0; margin-top:60px;}
.inside-swiper-page span{ width:8px; height:8px; background:#adadad; border:4px solid #adadad; border-radius:50%; margin:0 6px;}
.inside-swiper-page span.swiper-pagination-bullet-active{ background:none; border-color:#cd2027;}

/*内页-分类样式*/
.inside-category-list{ width:100%; background:#f7f7f7; padding:80px 0;}
.inside-category-list .slide{ width:12.5%; font-size: 18px; text-align:center; background:#fff; color:#333; border-radius:50px; padding:14px 0; margin-right:2.08%; margin-top:2.08%; text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.inside-category-list .slide.cur{ background:#cd2027; color:#fff;}
.inside-category-list .slide:hover{ color:#cd2027;}
.inside-category-list .slide.cur:hover{ color:#fff;}
.inside-category-list .slide:nth-child(7n){ margin-right:0;}
.inside-category-list .slide:nth-child(-n+7){ margin-top:0;}

@media only screen and (max-width:1440px){
    .inside-category-list{ padding:60px 0;}
	.inside-category-list .slide{ width:23.5%; margin-right:2%; margin-top:2%;}
	.inside-category-list .slide:nth-child(-n+7){ margin-top:2%;}
	.inside-category-list .slide:nth-child(7n){ margin-right:2%;}
	.inside-category-list .slide:nth-child(-n+4){ margin-top:0;}
	.inside-category-list .slide:nth-child(4n){ margin-right:0;}
}
@media only screen and (max-width:750px){
    .inside-category-list{ padding:60px 0;}
	.inside-category-list .slide{ width:31.33%; margin-top:2% !important; margin-right:2% !important; font-size: 24px;}
	.inside-category-list .slide.all{ width:100%; margin:auto;}
	.inside-category-list .slide.has{ margin-right:0 !important;}
	.inside-category-list .slide:last-child{margin-right:0;}
    .inside-category-list.pc{ display:none;}
	.inside-category-list.mobile{ display:block; margin-top:50px;}
	.inside-category-list.mobile .slide{ margin-top:0; margin-right:2%;}
	.inside-category-list.mobile .slide:last-child{ margin-right:0;}
}

/*产品中心-列表页*/
#solution.list{ width:100%; background:#f7f7f7; padding-bottom:120px;}
#solution.list .item{}
#solution.list .item .slide{ width:49%; background:#fff; padding:20px 56px 70px; margin-right:2%; margin-top:2%;}
#solution.list .item .slide .img{ width:100%;}
#solution.list .item .slide .img::after{ padding-top:82.14%;}
#solution.list .item .slide .title a{ width:100%; color:#333; margin-top:24px; font-size: 24px; font-weight: bold;}
#solution.list .item .slide .brief{ width:100%; line-height:1.6; color:#333; margin-top:12px; font-size: 18px;}
#solution.list .item .slide .more{ line-height:1; color:#666; border:1px solid #e6e6e6; border-radius:50px; padding:12px 38px; margin-top:36px; font-size: 16px;}
#solution.list .item .slide:hover{ box-shadow:0 0 10px 1px #f0f0f0;}
#solution.list .item .slide:hover .title a{ color:#cd2027;}
/* #solution.list .item .slide:hover .brief{ color:#cd2027;} */
#solution.list .item .slide:hover .more{ background:#cd2027; color:#fff; border-color:#cd2027;}
#solution.list .item .slide:nth-child(2n){ margin-right:0;}
#solution.list .item .slide:nth-child(-n+2){ margin-top:0;}

@media screen and (max-width: 750px) {
	#solution.list .item .slide{padding: 20px 30px 30px;}
	#solution.list .item .slide .title{font-size: 26px;}
	#solution.list .item .slide .brief{font-size: 26px; line-height: 1.8;}
	#solution.list .item .slide .more{font-size: 24px;}
}

/*产品中心-详细页*/
#solution.detail{margin-top: 140px;}
#solution.detail .one{}
#solution.detail .one .top{ width:100%; background:#f7f7f7;}
#solution.detail .one .top .slide{ font-size: 18px; line-height:1; color:#1a1a1a; position:relative; padding:24px 90px;}
#solution.detail .one .top .slide::before{ width:12px; height:8px; display:none; background:url(/images/img92.png) no-repeat center; background-size:100%; position:absolute; bottom:6px; left:0; right:0; z-index:2; margin:auto; content:'';}
#solution.detail .one .top .slide.cur{ background:#fff; color:#cd2027;}
#solution.detail .one .top .slide.cur::before{ display:block;}
#solution.detail .one .bot{ width:100%; padding:80px 0;}
#solution.detail .one .bot .inside-title.margin{ margin-top:46px;}
#solution.detail .one .bot .inside-CaseViewOne{ display: flex; justify-content: space-between;}
#solution.detail .one .bot .inside-CaseViewOne .contents{width: 38.625%; padding-right: 5.5%;padding-left: 8%;margin-right: 2%;}
#solution.detail .one .bot .inside-CaseViewOne .contents .item-four{ margin-top: 26px;}
#solution.detail .one .bot .inside-CaseViewOne .contents .item-four .slide{margin-top: 20px;}
#solution.detail .one .bot .inside-CaseViewOne .contents .item-four .slide .txt1{font-size: 18px; color: #cd2027; font-weight: bold;}
#solution.detail .one .bot .inside-CaseViewOne .contents .item-four .slide .txt2{font-size: 18px; color: #333; margin-top: 6px;}
#solution.detail .one .bot .inside-CaseViewOne .img{ width: 57.0625%; margin: 0;}
#solution.detail .one .bot .parameter{}
#solution.detail .one .bot .parameter .ites{ width:100%; border-bottom:1px solid #e6e6e6; padding:20px 0;}
#solution.detail .one .bot .parameter .ites .slide{ width:50%; line-height:1.4;}
#solution.detail .one .bot .parameter .ites .slide .txt1{font-size: 18px; min-width:16%; color:#999; margin-right:4%;}
#solution.detail .one .bot .parameter .ites .slide .txt2{font-size: 18px; max-width:70%;}
#solution.detail .two{ width:100%; background:url(/images/img58.jpg) no-repeat center; background-size:cover; padding:180px 0;}
#solution.detail .two .inside-title{ color:#fff;}
#solution.detail .two .inside-case{ margin-top:40px;}
#solution.detail .two .inside-case .slide{ width: 32%; margin-top:0; margin-right:2%;}
#solution.detail .two .inside-case .slide .title{ margin-top: 26px;background:none;}
#solution.detail .two .inside-case .slide .title a{font-size: 18px; color:#fff;}
#solution.detail .two .inside-case .slide:last-child{ margin-right:0;}
#solution.detail .thr{ width:100%; padding:180px 0;}
#solution.detail .thr .inside-case{ margin-top:40px;}
#solution.detail .thr .inside-case .slide{ width: 32%; margin-top:0; margin-right:2%;}
#solution.detail .thr .inside-case .slide .title{margin-top: 26px; background:none;}
#solution.detail .thr .inside-case .slide .title a{font-size: 18px; }
#solution.detail .thr .inside-case .slide:last-child{ margin-right:0;}
#solution.detail .four{ width:100%; height:700px; background:url(/images/img121.jpg) no-repeat center; background-size:cover; position:relative;}
#solution.detail .four .cw1600{ height:100%; display:flex; align-items:center;}
#solution.detail .four .contents{ width:50%;}
#solution.detail .four .contents .txt1{ line-height:1; color:#cd2027; font-size: 60px}
#solution.detail .four .contents .txt3{ line-height:1; color:#fff; border:1px solid rgba(255,255,255,.5); border-radius:50px; padding:12px 36px; margin-top:80px; font-size: 18p[x];}
#solution.detail .four .contents .txt3:hover{ background:#cd2027; border-color:#cd2027;}
#solution.detail .four .img{ width:39%; margin-left:5%;}
#solution.detail .four .img .slide{ width:100%;}
#solution.detail .four .img .slide::after{ padding-top:82.14%;}
#solution.detail .four .img .inside-swiper-page{ margin-top:40px;}
#solution.detail .four .img .inside-swiper-page span{ width:6px; height:6px; background:#d2d2d2; border-color:#d2d2d2; margin:0 10px;}
#solution.detail .four .img .inside-swiper-page span.swiper-pagination-bullet-active{ background:none; border-color:#cd2027;}

@media screen and (max-width: 1366px) {
	#solution.detail .one .bot .inside-CaseViewOne .contents{padding-left: 4%;}
}

@media screen and (max-width: 1280px) {
	#solution.detail .one .bot .inside-CaseViewOne .contents{padding: 0 0 0 4%;}
}

@media only screen and (max-width:1024px){
	#solution.detail .one .bot .inside-CaseViewOne{flex-direction: column;}
	#solution.detail .one .bot .inside-CaseViewOne .contents{width: 100%; padding: 0 4% 4%;}
	#solution.detail .one .bot .inside-CaseViewOne .img{ width: 100%;}
    #solution.detail .four{ height:auto; padding:80px 0;}
	#solution.detail .four .cw1600{ display:block;}
	#solution.detail .four .contents{ display:none;}
	#solution.detail .four .img{ width:90%; max-width:560px; display:block; float:none; margin:auto;}
	#solution.detail .inside-title{ font-size:30px !important;}
	#solution.detail .one .top .slide{ font-size:24px;}
	#solution.detail .one .bot .parameter .ites{ border:none; padding:0;}
	#solution.detail .one .bot .parameter .ites .slide{ width:100%; border-bottom:1px solid #e6e6e6; padding:20px 0;}
	#solution.detail .one .bot .parameter .ites .slide .txt1{ width:30%; font-size:20px; margin-right:5%;}
	#solution.detail .one .bot .parameter .ites .slide .txt2{ width:65%; font-size:20px;}
    #solution.index .two .slide .img{ width:100%;}
	#solution.index .two .slide .contents{ width:92%; padding:0; margin:30px auto 0;}
	#solution.index .two .slide:nth-child(2n) .contents{ width:92%; padding:0; margin:30px auto 0;}
	#solution.list .item .slide{ padding:30px;}
	#solution.list .item .slide .title{ font-size:30px; margin-top:30px;}
	#solution.list .item .slide .brief{ font-size:22px; margin-top:20px;}
	#solution.list .item .slide .more{ font-size:20px; padding:18px 46px; margin-top:30px;}
	.inside-CaseViewOne .contents .item-four .slide .txt1{ font-size:28px;}
	.inside-CaseViewOne .contents .item-four .slide .txt2{ font-size:22px;}
	#solution.detail .one .bot{ padding:60px 0 0;}
	#solution.detail .two{ padding:60px 0;}
	#solution.detail .thr{ padding:60px 0;}
    #solution.detail .one .bot .editor{ display:none;}
	#solution.detail .one .bot .editor.phone{ display:block;}
    #solution.detail .four .cw1600.prodetail *{display: none;}
	#solution.detail .four .cw1600.prodetail span:last-child{display: inline;font-size: 28px;}
}
@media only screen and (max-width:750px){
	#solution.detail{margin-top: 90px;}
	#solution.detail .one .top .slide{ font-size:  26px;}
    #solution.detail .one .bot .editor *{ font-size:20px;}
	#solution.detail .one .bot .inside-CaseViewOne .contents .item-four .slide .txt1,
	#solution.detail .one .bot .inside-CaseViewOne .contents .item-four .slide .txt2{font-size: 26px; line-height: 1.8;}
	#solution.detail .one .bot .parameter .ites .slide .txt1,
	#solution.detail .one .bot .parameter .ites .slide .txt2{font-size: 26px;}
	#solution.detail .two .inside-case .slide,
	#solution.detail .thr .inside-case .slide{width: 49%;}
	#solution.detail .two .inside-case .slide .title a,
	#solution.detail .thr .inside-case .slide .title a{font-size: 26px;}

	#solution.list .item .slide .brief{font-size: 26px;}
}

/* 行业 */
#c-banner {margin-top: 140px;}
#c-banner .contents{ position:absolute; top:46%; left:0; right:0; z-index:2; transform:translateY(-50%);}
#c-banner .contents .txt1{ color:#fff;}
#c-banner .contents .txt2{ font-size: 16px; width:100%; max-width:820px; line-height:2; color:#fff; margin-top:24px;}
#c-banner .contents .txt3{ font-size: 55px; font-weight:bold; color:#cd2027;}
#c-banner .contents .txt4{ line-height:1; display:inline-block; font-size:16px; color:#fff; border:1px solid rgba(255,255,255,.5); border-radius:50px; padding:12px 42px; margin-top:60px;}
#c-banner .contents .txt4:hover{ background:#cd2027; color:#fff; border-color:#cd2027;}

@media screen and (max-width: 1024px){
	#c-banner .contents{top: 38%;}
	#c-banner .contents .txt4{margin-top: 25px;}
}
@media screen and (max-width: 750px){
	#c-banner .contents .txt2{ font-size: 26px; line-height: 1.8;}
	#c-banner .contents .txt4{font-size: 24px;}
}

#case.index{ padding:90px 0;}
/* #case.index .inside-case .slide{width: 32%; margin-top: 4.6%; margin-right: 2%;}
#case.index .inside-case .slide:nth-child(3n){margin-right: 0;}
#case.index .inside-case .slide:nth-child(-n+3){margin-top: 0;}
#case.index .inside-case .slide .title{background: url(/images/img17.png) no-repeat 95% center; margin-top: 26px;}
#case.index .inside-case .slide .title a{font-size: 18px;}
#case.index .inside-case .slide:hover .title{background: url(/images/img18.png) no-repeat 95% center;} */
/* #application .app-list { padding: 100px 0;} */
#case .app-list .item{width: 100%; display: flex; align-items: center; margin-bottom: 100px;}
#case .app-list .item:nth-child(2n){flex-direction: row-reverse;}
#case .app-list .item .pic{width: 50%; }
#case .app-list .item .info{ width: 50%;  padding-left: 5%;}
#case .app-list .item:nth-child(2n) .info{padding-left: 0; padding-right: 5%;}
#case .app-list .item .info .title {width: 100%; display: flex; align-items: center;}
#case .app-list .item .info .title .icon{margin-right: 20px;}
#case .app-list .item .info .title .name{font-size: 36px; font-weight: bold;}
#case .app-list .item .info .desc{font-size: 16px; line-height: 30px;  margin: 48px 0 44px;}
#case .app-list .item .info .more{padding: 20px 63px; font-size: 14px; border: 1px solid #111c42; color: #111c42;}
#case .app-list .item .info .more:hover{border-color: #cd2027; background: #cd2027; color: #fff;}

/*
#case.category .one{display: flex; align-items: center; padding: 100px 0;}
#case.category .one .contents{ width: 50%;padding-right: 5.5%;padding-left: 12%;margin-right: 2%;}
#case.category .one .img{width: 48%;overflow: hidden;}
#case.category .two{ width:100%; background:url(/images/img21.jpg) no-repeat center; background-size:cover; padding:140px 0 200px;}
#case.category .two .slide{ width: 32%;background: #fff;padding: 50px 40px; margin-right: 2%;}
#case.category .two .num{font-size: 60px; line-height: 0.7;color: #cd2027;font-weight: bold;}
#case.category .two .title{font-size: 24px; font-weight: bold; line-height: 1;color: #cd2027;margin-top: 40px;}
#case.category .two .brief{font-size: 16px; height: 96px; line-height: 2; overflow: auto; color: #333;margin-top: 16px;}
#case.category .two .inside-CaseViewTwo{ margin-top:60px;}
#case.category .thr{ padding:180px 0;}
#case.category .thr .inside-case{ position:relative; margin-top:50px;}
#case.category .thr .inside-case .slide{ width: 32%; margin-top:0; margin-right:2%;}
#case.category .thr .inside-case .slide .title{background: url(/images/img17.png) no-repeat 95% center;margin-top: 26px;}
#case.category .thr .inside-case .slide:hover .title {background: url(/images/img18.png) no-repeat 95% center;}
#case.category .thr .inside-case .slide .title a{font-size: 18px; color: #333;}
#case.category .thr .inside-case .slide:hover .title a{color: #cd2027;}
#case.category .thr .inside-prev{ top:42%;}
#case.category .thr .inside-next{ top:42%;}
*/
#case.cate{ margin-top: 140px; background: #fff;}

#case .category .inside-title{line-height: 22px;font-size: 22px;color: #333;position: relative;padding-left: 16px;}
#case .category .inside-title::before{width: 5px; height: 100%; background: #cd2027; position: absolute;top: 0;left: 0;z-index: 2; content: '';}
#case .category .inside-title-line{position: relative;}
#case .category .inside-title-line .tit{line-height: 22px;  font-size: 22px; color: #333;  padding-left: 16px;padding-bottom: 28px;}
#case .category .inside-title-line::before{width: 5px;height: 22px; background: #cd2027; position: absolute;  top: 0; left: 0; z-index: 2; content: '';}
#case .category .inside-title-line::after{width: 100%;  height: 8px; background: url(/images/line.jpg) no-repeat center;  background-size: 100%; position: absolute; left: 0; bottom: 0; z-index: 2; content: '';}
#case .category{ padding: 44px 0 120px;}
#case .category .one{}
#case .category .one .title{font-size: 24px; width:100%; color:#333;}
#case .category .one .item{ width:100%; margin-top:44px; display: flex; background: #f6f6f6;}
#case .category .one .item .img{ display: flex; justify-content: center; align-items: center; width:50%;/* height:330px;*/}
#case .category .one .item .content{ width:50%;/* background: #f6f6f6;*/ padding:40px 36px 0;}
#case .category .one .item .content .brief{ font-size: 14px; width:100%; height:208px; line-height:26px; overflow:hidden; color:#666; margin-top:30px;}

#case .category .two{ padding-top:80px;}
#case .category .two .item{ width:100%; margin-top:48px;}
#case .category .two .item .slide{ width:100%; margin-top:14px;  display:flex; align-items:center;}
#case .category .two .item .slide .number{ width:50px; height:50px; text-align:center; color:#fff; border:1px dashed #d3d3d3; border-radius:50%; position:relative;}
#case .category .two .item .slide .number::before{ width:30px; height:30px;line-height:30px; background:#cd2027; color:#fff; border-radius:50%; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%);z-index:2; content:attr(for);}
#case .category .two .item .slide .title{ width:calc(100% - 48px); font-size: 14px; line-height:20px; display:flex; align-items:center; margin-left:18px;}
#case .category .two .item .slide.none{ margin-top:0;}
#case .category .thr{ width:100%; padding-top:80px;}
#case .category .thr .desc{ width:100%; margin-top:46px;}
#case .category .thr .desc img{ max-width:100%;}
#case .category .thr .desc iframe{ max-width:100%;}

#TurnPage{ width:100%; margin-top:60px; display: flex;}
#TurnPage .text{font-size: 20px; width:44%; line-height:42px; color:#888;}
#TurnPage .text:hover{color: #cd2027;}
#TurnPage .text.left a{display: flex; align-items: center;}
#TurnPage .text.left a img{transform: rotate(180deg); margin-right: 52px;}
#TurnPage .text.right a{display: flex; align-items: center; flex-direction: row-reverse;}
#TurnPage .text.right a img{margin-left: 52px;}
#TurnPage .icon{ width:46px; margin: 0 4%;}
#TurnPage .icon img{ width:100%;}

#case.list{}
#case.list .one{ padding:80px 0 150px;}
#case.list .one .inside-case{ margin-top:64px;}

#case.detail{}
#case.detail .one{ width:100%; background:#f7f7f7; padding:60px 0 0;}
#case.detail .one .inside-brief{ margin: 30px 0 0;}
#case.detail .two{width: 100%;  display: flex; align-items: center; padding: 100px 0;}
#case.detail .two .contents{width: 50%;padding-right: 5.5%; padding-left: 8%;  margin-right: 2%;margin-left: 0;}
#case.detail .two .contents .inside-title{font-size: 30px;color: #333;font-weight: bold;}
#case.detail .two .contents .item{width: 100%;margin-top: 46px;}
#case.detail .two .contents .item .slide{width: 100%; margin-top: 40px;}
#case.detail .two .contents .item .slide:first-child{margin-top: 0;}
#case.detail .two .contents .item .slide .title{font-size: 18px; font-weight: bold; color: #cd2027;}
#case.detail .two .contents .item .slide .brief{font-size: 18px; line-height: 1.6;color: #1a1a1a;margin-top: 10px;}
#case.detail .two .img{}

#case.detail .thr{ width:100%; background:url(/images/img28.jpg) no-repeat center; background-size:cover !important; padding:80px 0 160px;}
#case.detail .inside-brief{ margin:30px 0 60px;}
#case.detail .inside-CaseViewTwo{ margin-top: 46px;}
#case.detail .inside-CaseViewTwo .slide{width: 32%; background: #fff;padding: 50px 40px;margin-right: 2%; padding:100px 40px;}
#case.detail .inside-CaseViewTwo .slide .num{font-size: 60px; line-height: 0.7;color: #cd2027;font-weight: bold;}
#case.detail .inside-CaseViewTwo .slide .title{ font-size: 24px;font-weight: bold;color: #1a1a1a; margin-top: 40px;}
#case.detail .inside-CaseViewTwo .slide .brief{font-size: 16px; height: 96px; line-height: 2;overflow: auto;color: #333;margin-top: 16px;}
#case.detail .four{ width:100%; background:#f7f7f7; padding:140px 0;}
#case.detail .four .inside-CaseViewTwo .slide{padding: 100px 40px;}
#case.detail .four .inside-CaseViewTwo .slide .title{ margin-top: 0; color: #cd2027;}
#case.detail .thr .inside-prev , #case.detail .thr .inside-next{display:block; }
#case.detail .four .inside-prev , #case.detail .four .inside-next{display:block; border: 1px solid #ccc;}

@media screen and (max-width: 1680px){
	#case.detail .two .contents{padding-left: 3%;}
}

@media screen and (max-width: 1200px) {
	#case .app-list .item .info .desc{margin: 35px 0;}
}
@media screen and (max-width: 1024px){
	#case .app-list .item,
	#case .app-list .item:nth-child(2n){flex-direction: column;}
	#case .app-list .item .pic{width: 100%;}
	#case .app-list .item .info,
	#case .app-list .item:nth-child(2n) .info{width: 100%; padding: 30px 0;}
	
	#case .category .one .item{flex-direction: column;}
	#case .category .one .item .img{ width: 100%; height: auto;}
	#case .category .one .item .content{ width: 100%; height: auto; padding: 40px 36px;}
}
@media screen and (max-width: 1024px) {
	#case.detail .two{flex-direction: column;padding: 60px 0 0;}
	#case.detail .two .contents{width: 100%; padding: 3% 5%;}
	#case.detail .inside-CaseViewTwo .slide{width: 49%;}
}
@media screen and (max-width: 750px){
	#case .app-list .item{margin-bottom: 60px;}
	#case .app-list .item .info .desc{font-size: 26px; line-height: 1.8;}
	#case .app-list .item .info .more{font-size: 26px;}

	#case.cate{margin-top: 90px;}
	#case .category{padding: 60px 0;}
	#case .category .one .title{font-size: 36px;}
	#case .category .inside-title{font-size: 30px; line-height: 40px;}
	#case .category .one .item .content .brief{font-size: 26px; height: auto; line-height: 1.8}
	#case .category .inside-title-line::before{height: 30px;}
	#case .category .inside-title-line .tit{font-size: 30px;}
	#case .category .two .item .slide .number{ width: 80px; height: 80px; font-size: 24px;}
	#case .category .two .item .slide .number::before{width: 40px; height: 40px; line-height: 40px;}
	#case .category .two .item .slide .title{font-size: 26px; line-height: 1.8;}

	#TurnPage .icon{margin: 0 50px;}
	#TurnPage .text{width: 40%;font-size: 26px;}

	#c-banner{margin-top: 90px;}
	#c-banner .contents{top: 50%;}
	#c-banner .contents .txt3{color: #fff;}
	#case.detail .two .contents .item .slide .title{font-size: 28px; line-height: 1.8;}
	#case.detail .two .contents .item .slide .brief{font-size: 26px; line-height: 1.8;}
	#case.detail .thr,
	#case.detail .four{ padding: 60px 0;}
	#case.detail .four .inside-CaseViewTwo .slide .title{font-size: 30px;}
	#case.detail .inside-CaseViewTwo .slide .title{font-size: 24px; line-height: 1.8;}
	#case.detail .inside-CaseViewTwo .slide .brief{font-size: 26px; line-height: 1.8;}
	.c .inside-prev{left: -30px;}
	.c .inside-next{right: -30px;}
}
/* 视频 */
#video{margin: 100px auto;}
#video .list{display: flex; flex-wrap: wrap;}
#video .list .vid{width: 31.21%;margin-right: 3.14%;margin-bottom: 3.14%;}
#video .list .vid:nth-child(3n){margin-right: 0;}
#video .list .vid .pic:after{padding-top: 69.56%;}
#video .list .vid .pic img{border-top-left-radius: 5px;border-top-right-radius: 5px;}
#video .list .vid .pic .ico{content: ""; width: 100%; position: absolute; top: 0; left: 0; height: 100%; background: url(/images/play.png) no-repeat center center rgba(0, 0, 0, .3); z-index: 2;}
#video .list .vid .con{padding: 25px 7.32%;width: 100%;background: #f2f2f2;}
#video .list .vid .con .name{color: #333333;font-size: 18px;font-weight: bold;}
#video .list .vid .con .desc{color: #898989;font-size: 16px;margin-top: 6px;}
#video .list .vid:hover{box-shadow: 0 0 20px 1px #eeeeee;}
#video .list .vid:hover .con .name{color: #cd2027;}
#video .list .vid:hover .pic img{transform: scale(1.1);}
#video .list .vid:hover .pic .ico{display: block;}
#video .list .nothing{font-size: 30px; text-align: center; color: #cd2027;}

@media screen and (max-width: 750px) {
	#video .list .vid{width: 100%;}
	#video .list .vid:nth-child(3n){margin-right: 0;}
	#video .list .vid:nth-child(2n){margin-right: 0;}
	#video .list .vid .con .name{font-size: 30px;}
	#video .list .vid .con .desc{font-size: 26px;}
}

#video-detail{ margin: 60px auto 100px;}
#video-detail .video-center {margin-bottom: 40px;}
#video-detail .video-center .name{margin-bottom: 25px;color: #333333;font-size: 16px;line-height: 30px;}
#video-detail .video-center .video{width: 100%;height: 600px;}
#video-detail .video-center .video video{width: 100%;height: 100%;}
#video-detail .info-name{color: #282828;font-size: 30px;margin-bottom: 45px;}
#video-detail .dd{padding-bottom: 20px;margin-bottom: 50px;border-bottom: 1px solid #f3f3f3;}
#video-detail .dd .msg .m1{background-repeat: no-repeat;background-position: left center;color: #999999;font-size: 14px;line-height: 24px;height: 24px;}
#video-detail .dd .msg .m1:first-child{padding-left: 0;}
#video-detail .dd .msg .date{margin-right: 50px;padding-left: 26px;background-image: url(/images/date.jpg);}
#video-detail .dd .msg .view{padding-left: 33px;background-image: url(/images/view.jpg);}
#video-detail .share .tit{color: #999999;font-size: 14px;line-height: 24px;margin-right: 26px;}
#video-detail .share .sh{width: 20px;height: 24px;background-repeat: no-repeat;background-position: center center;margin-right: 15px;}
#video-detail .share .sh.s1{background-image: url(/images/ds1.jpg);}
#video-detail .share .sh.s2{background-image: url(/images/ds2.jpg);}
#video-detail .share .sh.s3{background-image: url(/images/ds3.jpg);}
#video-detail .share .sh.s4{background-image: url(/images/ds4.jpg);}
#video-detail .share .sh.s5{margin-right: 0px;background-image: url(/images/ds5.jpg);}
#video-detail .share .sh.s1:hover{background-image: url(/images/dsc1.jpg);}
#video-detail .share .sh.s2:hover{background-image: url(/images/dsc2.jpg);}
#video-detail .share .sh.s3:hover{background-image: url(/images/dsc3.jpg);}
#video-detail .share .sh.s4:hover{background-image: url(/images/dsc4.jpg);}
#video-detail .share .sh.s5:hover{margin-right: 0px;background-image: url(/images/dsc5.jpg);}
#video-detail .line-1{margin-top: 43px;background: #f1f1f1;height: 1px;}
#video-detail .prev-next{ display: flex; position: relative; margin-top: 43px;}
#video-detail .prev-next:after{content: "";position: absolute;width: 1px;height: 100%;top: 0;right: 0;left: 0;margin: auto;background: #f0f0f0;}
#video-detail .prev-next .pn{width: 49.85%;height: 153px;display: block;border: 1px solid #f1f1f1;}
#video-detail .prev-next .pn:first-child{ border-right: 0;}
#video-detail .prev-next .pn .ico{margin-left: 15.72%;width: 36px;height: 11px;margin-top: 66px;background-repeat: no-repeat;background-position: center center;}
#video-detail .prev-next .pn.next .ico{margin-right: 15.72%;margin-left: 0;}
#video-detail .prev-next .pn.prev .ico{background-image: url(/images/info_left2.png);}
#video-detail .prev-next .pn.next .ico{background-image: url(/images/info_right2.png);}
#video-detail .prev-next .dn{width: 54.52%;padding-top: 44px;}
#video-detail .prev-next .prev .dn{padding-right: 16.39%;}
#video-detail .prev-next .next .dn{padding-left: 16.39%;}
#video-detail .prev-next .dn .tit{color: #000000;font-size: 18px;margin-bottom: 15px;}
#video-detail .prev-next .dn .name{color: #000000;font-size: 14px;}
#video-detail .prev-next .hov:hover{background: #cd2027;}
#video-detail .prev-next .hov:hover *{color: #fff;}
#video-detail .prev-next .hov.prev:hover .ico{background-image: url(/images/info_left.png);}
#video-detail .prev-next .hov.next:hover .ico{background-image: url(/images/info_right.png);}

@media screen and (max-width: 750px) {
	#video-detail{margin: 60px auto;}
	#video-detail .info-name{font-size: 32px;}
	#video-detail .dd .msg{width: 100%; margin-bottom: 20px;;}
	#video-detail .dd .msg .m1{font-size: 24px;}
	#video-detail .share{width: 100%;}
	#video-detail .share .tit{font-size: 24px;}
	#video-detail .share .sh{zoom: 1.3;}
	#video-detail .prev-next{flex-wrap: wrap;}
	#video-detail .prev-next .pn{width: 100%;}
	#video-detail .prev-next:after{display: none;}
	#video-detail .prev-next .dn{padding-top: 30px;}
	#video-detail .prev-next .dn .tit,
	#video-detail .prev-next .dn .name{font-size: 26px;;}
}


/* 技术中心 */
/*服务支持-品质服务*/
#support.index{}
#support.index .inside-title {font-size: 30px; color: #333;font-weight: bold;}
#support.index .one{ width:100%; background:#f7f7f7; padding:70px 0 90px;}
#support.index .one .item{ width:100%; margin-top:40px;}
#support.index .one .item .slide{ width:32%; overflow:hidden;margin-right:2%;}
#support.index .one .item .slide .img{ width:100%;}
#support.index .one .item .slide .img::after{ padding-top:45.7%;}
#support.index .one .item .slide .contents{ width:100%; background:#fff; padding:36px 0;}
#support.index .one .item .slide .contents .txt1{ line-height:1; font-size: 24px; font-weight: bold; color:#cd2027;}
#support.index .one .item .slide .contents .txt2{ line-height:1; font-size: 20px; color:#ccc; margin-top:10px;}
#support.index .one .item .slide:last-child{ margin-right:0;}
#support.index .two{ padding:70px 0 110px;}
#support.index .two .item{ width:100%; margin-top:60px;}
#support.index .two .item .slide{ width:9%; margin-right:5%; margin-bottom:6%;}
#support.index .two .item .slide .img{ width:100%; height: 144px; overflow:visible; border:1px solid #666; border-radius:50%; position:relative;}
#support.index .two .item .slide .img::before{ width:10px; height:17px; background:url(/images/img39.png) no-repeat center; position:absolute; left:126%; top:50%; z-index:2; content:''; transform:translate3d(0px,-50%,0);}
#support.index .two .item .slide .txt{ font-size: 18px; width:100%; color:#333; margin-top:30px;}
#support.index .two .item .slide:last-child{ margin-right:0;}
#support.index .two .item .slide:last-child .img::before{ display:none;}

@media screen and (max-width: 1440px) {
	#support.index .two .item .slide .img{height: 117px;}
}
@media screen and (max-width: 1366px) {
	#support.index .two .item .slide .img{height: 110px;}
}
@media screen and (max-width: 1200px) {
	#support.index .two .item .slide .img{height: 97px;}
}
@media screen and (max-width: 1024px) {
	#support.index .two .item .slide .img{height: 83px;}
}
@media screen and (max-width: 750px) {
	#support.index .two .item .slide .img{height: 151px;}
}


/*服务支持-下载中心*/
#support.download{}
#support.download .one{ background:#f7f7f7; padding:100px 0 150px;}
#support.download .one .slide{ width:32%; background:#fff; padding:34px 32px; margin-right:2%; margin-top:2%;}
#support.download .one .slide .title{font-size: 18px; font-weight: bold; width:100%; line-height:1.4; color:#333;}
#support.download .one .slide .brief{font-size: 16px; height: calc(22px * 5); overflow:hidden; text-overflow: ellipsis; width:100%; line-height:22px; color:#999; margin-top:16px;}
#support.download .one .slide .option{ line-height:1; vertical-align:middle; background:#cd2027; color:#fff; border-radius:50px; padding:10px 20px 10px 24px; margin-top:32px;}
#support.download .one .slide .option img{ vertical-align:middle; margin-top:-3px; margin-left:10px;}
#support.download .one .slide:hover .title{ color:#cd2027;}
#support.download .one .slide:nth-child(3n){ margin-right:0;}
#support.download .one .slide:nth-child(-n+3){ margin-top:0;}

@media only screen and (max-width:750px){
    #support.index .one{ padding:60px 0;}
	#support.index .one .item .slide{ width:49%;}
	#support.index .one .item .slide .contents .txt1{ font-size:30px;}
	#support.index .one .item .slide .contents .txt2{ font-size:24px;}
	#support.index .two{ padding:60px 0 30px;}
	#support.index .two .item .slide{ width:22.5%; margin-right:2%;}
	#support.index .two .item .slide:nth-child(4n){ margin-right:0;}
	#support.index .two .item .slide:nth-child(4n) .img::before{ display:none;}
	#support.index .two .item .slide .img{ width:90%; display:inline-block;}
	#support.index .two .item .slide .img::before{ left:109%;}
	#support.index .two .item .slide .txt{ font-size:26px;}
    #support.download .one{ padding:60px 0;}
	#support.download .one .slide{ width:49%; padding:30px 20px;}
	#support.download .one .slide .title{}
	#support.download .one .slide:nth-child(-n+3){ margin-top:2%;}
	#support.download .one .slide:nth-child(3n){ margin-right:2%;}
	#support.download .one .slide:nth-child(-n+2){ margin-top:0;}
	#support.download .one .slide:nth-child(2n){ margin-right:0;}
	#support.download .one .slide .title{ font-size: 30px; min-height:74px;}
	#support.download .one .slide .brief{ font-size:26px; height: calc(20px * 5); line-height: 1.8;}
	#support.download .one .slide .option{ font-size:26px; width: 100%;display: flex; align-items: center; justify-content: center; padding: 17px 0;}
	#support.download .one .slide .option img{zoom: 1.5;}
}



/* 解决方案 */
#case{background: #f7f7f7;}
#case .new-list{padding: 50px 0 100px;}
#case .new-list .hot .container{width: 100%;}
#case .new-list .hot .anniu{width: 95px;height: 95px;bottom: 0;z-index: 2;right: 0;}
#case .new-list .hot .prev{right: 95px;background: url(/images/jt1.png) no-repeat center #fff;}
#case .new-list .hot .next{right: 0;background: url(/images/jt1.png) no-repeat center #fff;transform: rotateY(180deg);}
#case .new-list .hot .prev:hover{background: url(/images/jt2.png) no-repeat center #cd2027;transform: rotateY(180deg);}
#case .new-list .hot .next:hover{background: url(/images/jt2.png) no-repeat center #cd2027;transform: rotateY(360deg);}

#case .new-list .hot .text{padding: 26px 48px;line-height: 30px;background: rgba(0,0,0,0.6);bottom: 0;left: 0;z-index: 2;width: calc(100% - 190px);}
#case .hot .th1{font-size: 24px;color: #fff;font-weight: bold;}
#case .new-list .hot .th2{font-size:16px; color: #fff;  font-family: "GR"; line-height: 43px;}
#case .new-list .con{padding-bottom: 100px;}
#case .new-list .con .tent{position: relative;z-index: 3;}
#case .new-list .con .list{padding: 60px 0px 40px;border-bottom: 1px solid #e6e6e6;}
#case .new-list .list .time{margin: 0 42px 0 48px;width: 15%;}
#case .new-list .list .img{width: 25%;height: auto;margin-right: 4.375%;}
#case .new-list .list .text{width: calc(100% - 26% - 25%);padding: 40px 48px 0 0;}
#case .new-list .list .t1{font-size: 66px; font-weight: bold; color: #ccc;}
#case .new-list .list .t2{font-size: 20px; color: #ccc;}
#case .new-list .list .a1{font-size: 24px; }
#case .new-list .list .time1{display: none;}
#case .new-list .list .t3{font-size: 16px; text-align: justify; max-height: calc(25px * 2); word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; line-height: 25px;margin: 20px auto 40px;}
#case .new-list .list .t4 .more{font-size: 16px; line-height: 21px;display: flex;align-items: center;}
#case .new-list .list .t4 .more .i0{display: none;}
#case .new-list .list:hover{background: #fafafa;}
#case .new-list .list:hover .t4 .more .i0{display: inline-block;}
#case .new-list .list:hover .t1,#case .list:hover .t2,#case .list:hover .a1,#case .list:hover .t4 .more{color: #cd2027;}

@media screen and (max-width: 1440px) {
	#case .new-list .list .time{width: 9%;}
	#case .new-list .list .text{width: calc(100% - 22% - 25%);padding-top: 0;}
}

@media screen and (max-width: 1024px) {
	#case .new-list .list .time{display: none;}
	#case .new-list .list .img{width: 43%;}
	#case .new-list .list .text{width: calc(100% - 48%)}
}

@media screen and (max-width: 750px) {
	#case .new-list{padding: 40px 0; margin: 0 auto;}
	#case .new-list .hot .text{padding-left: 20px;}
	#case .new-list .hot .anniu{width: 80px; height: 80px;}
	#case .new-list .hot .prev{right: 80px;}
	#case .new-list .hot .th2{display: none;}
	#case .hot .th1{width: 100%; font-size: 26px;}

	#case .new-list .con .list{border-bottom: 0;}
	#case .new-list .list .text{width: 100%; padding: 30px 0;}
	#case .new-list .con{padding-bottom: 40px;}
	#case .new-list .list .img{width: 100%; margin-right: 0; height: 100%;}
	#case .new-list .list .a1{font-size: 30px;}
	#case .new-list .list .t3{font-size: 26px; line-height: 1.8;}
	#case .new-list .con .list{padding: 20px 0;}
	#case .new-list .list .t4 .more{font-size: 24px;}

	#case .new-list .hot .container{height: 300px; }
	#case .new-list .hot .container .slide .img{height: 100%;}
}

/* 新闻详情 */
#case-detail{width: 100%;}
#case-detail .detail{width: 1200px;margin: 0 auto;padding: 100px 0;}
#case-detail .detail .detail-info {margin-bottom: 87px;}
#case-detail .detail .detail-info .info_top {padding-bottom: 30px;border-bottom: 1px solid #ccc;margin-bottom:40px}
#case-detail .detail .detail-info .info_top .title_cn{font-size: 36px; font-weight: bold;line-height: 48px;margin-bottom: 56px;}
#case-detail .detail .detail-info .info_top .bot{width: 100%;display: flex; justify-content: space-between;}
#case-detail .detail .detail-info .info_top .bot .left{width: 50%;display: flex;}
#case-detail .detail .detail-info .info_top .bot .left .time{ display: flex; justify-content: start; align-items: center; color: #666666;margin-right: 35px;font-size: 14px; line-height:18px}
#case-detail .detail .detail-info .info_top .bot .left .view{ display: flex; justify-content: start; align-items: center; color: #666666;font-size: 14px; line-height:18px}
#case-detail .detail .detail-info .info_top .bot .left .time img,
#case-detail .detail .detail-info .info_top .bot .left .view img{ margin-right: 6px;}
#case-detail .detail .detail-info .info_top .bot .right{ display: flex; justify-content: start; align-items: center;}
#case-detail .detail .detail-info .info_top .bot .right span{font-size: 14px;margin-right: 20px; color: #666;}
#case-detail .detail .detail-info .info_top .bot .right a{ width: 21px; height: 17px; margin-right: 10px;}
#case-detail .detail .detail-info .info_top .bot .right a[jqshare='wechat']{background: url(/images/icon76.png) no-repeat center left 0;}
#case-detail .detail .detail-info .info_top .bot .right a[jqshare='sina']{background: url(/images/icon76.png) no-repeat center left -35px;}
#case-detail .detail .detail-info .info_top .bot .right a[jqshare='facebook']{background: url(/images/icon76.png) no-repeat center left -69px;}
#case-detail .detail .detail-info .info_top .bot .right a[jqshare='twitter']{background: url(/images/icon76.png) no-repeat center left -102px;}
#case-detail .detail .detail-info .info_top .bot .right a[jqshare='linkedin']{background: url(/images/icon76.png) no-repeat center right 0;}
#case-detail .detail .detail-info .info_top .bot .right a[jqshare='wechat']:hover{background: url(/images/icon89.png) no-repeat center left 0;}
#case-detail .detail .detail-info .info_top .bot .right a[jqshare='sina']:hover{background: url(/images/icon89.png) no-repeat center left -35px;}
#case-detail .detail .detail-info .info_top .bot .right a[jqshare='facebook']:hover{background: url(/images/icon89.png) no-repeat center left -69px;}
#case-detail .detail .detail-info .info_top .bot .right a[jqshare='twitter']:hover{background: url(/images/icon89.png) no-repeat center left -102px;}
#case-detail .detail .detail-info .info_top .bot .right a[jqshare='linkedin']:hover{background: url(/images/icon89.png) no-repeat center right 0;}
#case-detail .detail .detail-info .info{line-height:36px;font-size: 16px; color:#333;}
#case-detail .detail .detail-info .info .img{margin: 35px 0;}
/* #case-detail .detail .detail-page {width: 100%; height: 185px;display: flex; align-content: start;}
#case-detail .detail .detail-page .btn{ display: flex; justify-content: center; align-items: center; width: 50%; border: 1px solid #ccc;}
#case-detail .detail .detail-page .btn:first-child{ border-right: 0;}
#case-detail .detail .detail-page .btn .word{ width: 256px;}
#case-detail .detail .detail-page .btn .word .p1{ font-size: 18px; font-weight: bold;}
#case-detail .detail .detail-page .btn .word .p2 .text1{ font-size: 16px; }
#case-detail .detail .detail-page .btn.prev .word{ margin-left: 75px; text-align: right;}
#case-detail .detail .detail-page .btn.next .word{ margin-right: 75px;}
#case-detail .detail .detail-page .btn:hover{background-color: #cd2027;}
#case-detail .detail .detail-page .btn:hover .word .p1{ color: #fff;}
#case-detail .detail .detail-page .btn:hover .word .p2{ color: #fff !important; }
#case-detail .detail .detail-page .btn .img{color: #333;}
#case-detail .detail .detail-page .btn:hover .img{color: #fff;} */
#case-detail .prev-next{ display: flex; position: relative; margin-top: 43px;}
#case-detail .prev-next:after{content: "";position: absolute;width: 1px;height: 100%;top: 0;right: 0;left: 0;margin: auto;background: #f0f0f0;}
#case-detail .prev-next .pn{width: 49.85%;height: 153px;display: block;border: 1px solid #f1f1f1;}
#case-detail .prev-next .pn:first-child{ border-right: 0;}
#case-detail .prev-next .pn .ico{margin-left: 15.72%;width: 36px;height: 11px;margin-top: 66px;background-repeat: no-repeat;background-position: center center;}
#case-detail .prev-next .pn.next .ico{margin-right: 15.72%;margin-left: 0;}
#case-detail .prev-next .pn.prev .ico{background-image: url(/images/info_left2.png);}
#case-detail .prev-next .pn.next .ico{background-image: url(/images/info_right2.png);}
#case-detail .prev-next .dn{width: 54.52%;padding-top: 44px;}
#case-detail .prev-next .prev .dn{padding-right: 16.39%;}
#case-detail .prev-next .next .dn{padding-left: 16.39%;}
#case-detail .prev-next .dn .tit{color: #000000;font-size: 18px;margin-bottom: 15px;}
#case-detail .prev-next .dn .name{color: #000000;font-size: 14px;}
#case-detail .prev-next .hov:hover{background: #cd2027;}
#case-detail .prev-next .hov:hover *{color: #fff;}
#case-detail .prev-next .hov.prev:hover .ico{background-image: url(/images/info_left.png);}
#case-detail .prev-next .hov.next:hover .ico{background-image: url(/images/info_right.png);}

@media screen and (max-width: 1680px) {
	#case-detail .sec_main .secondary{width: 1440px;}
	#case-detail .sec_main .secondary .left{width: 30%;}
	#case-detail .sec_main .secondary .cate-nav{width: 70%;}
}

@media screen and (max-width: 1440px) {
	#case-detail .sec_main .secondary{width: 1366px;}
}

@media screen and (max-width: 1366px) {
	#case-detail .sec_main .secondary{width: 1280px;}
}

@media screen and (max-width: 1280px) {
	#case-detail .sec_main .secondary{width: 1200px;}
}

@media screen and (max-width: 1200px) {
	#case-detail .sec_main .secondary{width: 1024px;}
	#case-detail .sec_main .secondary .cate-nav ul .cate-item{margin-right: 70px;}
	
	#case-detail .detail{width: 1024px;}
}

@media screen and (max-width: 1024px) {
	#case-detail .sec_main .secondary{width: 750px;}
	#case-detail .sec_main .secondary .left{display: none;}
	#case-detail .sec_main .secondary .cate-nav{width: 100%;}
	#case-detail .sec_main .secondary .cate-nav ul{float: left;}
	
	#case-detail .detail{width: 750px;}
	#case-detail .detail .detail-page .btn.prev .word {margin-left: 65px;}
	#case-detail .detail .detail-page .btn.next .word {margin-right: 65px;}
}

@media screen and (max-width: 750px) {
	#case-detail .detail .detail-info .info_top .bot .left .time img, 
	#case-detail .detail .detail-info .info_top .bot .left .view img{display: none;}
	#case-detail .sec_main{height: 80px;}
	#case-detail .sec_main .secondary{width: 90%; height: 80px;}
	#case-detail .sec_main .secondary .cate-nav ul{width: 100%; overflow: auto;white-space: nowrap;display: -webkit-box;}
	#case-detail .sec_main .secondary .cate-nav ul .cate-item{float:none;margin-right: 20px;}
	#case-detail .sec_main .secondary .cate-nav ul .cate-item .cate-item-a{font-size: 26px; line-height: 80px;}

	#case-detail .detail{width: 90%; padding: 40px 0;}
	#case-detail .detail .detail-info{margin-bottom: 40px;}
	/* #case-detail .detail .detail-page{flex-wrap: wrap; height: auto;} */
	/* #case-detail .detail .detail-page .btn, */
	#case-detail .detail .detail-info .info_top .bot .left{width: 100%;}
	#case-detail .detail .detail-info .info_top .title_cn{margin-bottom:20px;}
	#case-detail .detail .detail-info .info>*,
	#case-detail .detail .detail-info .info *{font-size: 26px !important; line-height: 180% !important;}
	/* #case-detail .detail .detail-page .btn .word .p1,
	#case-detail .detail .detail-page .btn .word .p1 span,
	#case-detail .detail .detail-page .btn .word .p2,
	#case-detail .detail .detail-page .btn .word .p2 span,
	#case-detail .detail .detail-page .btn .word .p2 .text1{font-size: 26px; line-height: 180%;} */
	/* #case-detail .detail .detail-page .btn .word .p2{color: #fff;} */
	/* #case-detail .detail .detail-page .btn .word .p1{display: inline-block;width: 110px;vertical-align: middle;}
	#case-detail .detail .detail-page .btn .word .p2{display: inline-block;width: calc(100% - 120px);vertical-align: middle;} */
	#case-detail .detail .detail-info .info_top .bot .right a{width: 30px; height: 30px; zoom: 1.5;}
	#case-detail .detail .detail-info .info_top .bot,
	#case-detail .detail .detail-info .info_top .bot .left{flex-wrap: wrap;}
	#case-detail .detail .detail-info .info_top .bot .left .time,
	#case-detail .detail .detail-info .info_top .bot .left .view,
	#case-detail .detail .detail-info .info_top .bot .right{width: 100%;}
	#case-detail .detail .detail-info .info_top .bot .left .time,
	#case-detail .detail .detail-info .info_top .bot .left .view,
	#case-detail .detail .detail-info .info_top .bot .right span {font-size: 24px; line-height: 1.6;}
	#case-detail .detail .detail-page .btn{border: 0;display: block;}
	/*#case-detail .detail .detail-page .btn:first-child{border: 1px solid #ccc;}*/
	#case-detail .detail .detail-page .btn .img{display: none;}
	#case-detail .detail .detail-page .btn .word{ width: 100%;}
	#case-detail .detail .detail-page .btn.prev .word{text-align:  left; margin: 0;}
	#case-detail .detail .detail-page .btn.next .word{margin: 0;}

	#case-detail .prev-next{flex-wrap: wrap;}
	#case-detail .prev-next .pn{width: 100%;}
	#case-detail .prev-next:after{display: none;}
	#case-detail .prev-next .dn{padding-top: 30px;}
	#case-detail .prev-next .dn .tit,
	#case-detail .prev-next .dn .name{font-size: 26px;;}
}


#introduction {margin: 0 auto; padding: 100px 0;}
#introduction .tit {margin-bottom: 45px;text-align: center;}
#introduction .tit .title_cn{font-size: 48px;font-weight: 700;margin-bottom: 24px;line-height: 57px;}
#introduction .tit .title_en{font-size: 24px;color: #cd2027;text-transform: uppercase;line-height: 27px;}
#introduction .introduce{width: 100%;display: flex;justify-content: space-between; align-items: flex-end;}
#introduction .introduce .int_left{ margin-right: 42px; width: 50%;}
#introduction .introduce .int_left .images .name_cn{font-size: 30px;font-weight:bold;top: 75px;}
#introduction .introduce .int_left .images .name_cn::before{content:"";width: 80px;display: inline-block;border-top: 2px solid #cd2027;position: relative;top: -7px;margin-right: 20px;}
#introduction .introduce .int_left .brief_cn{ margin: 8px 0 0 21px; padding: 25px 50px 0 78px; font-size: 18px; line-height: 28px; background: url(/images/about_back.png) no-repeat top left;margin-bottom: 40px;}
#introduction .introduce .int_left .achievement {width: 100%;padding-left: 80px;display: flex;justify-content: space-between;}
#introduction .introduce .int_left .achievement .ach {width: 18.5714%;}
#introduction .introduce .int_left .achievement .ach .numadd{display: flex;align-content: center;margin-bottom: 20px; line-height: 78px;}
#introduction .introduce .int_left .achievement .ach .numadd .num{color: #cd2027;font-size: 40px;font-weight: bold; position: relative}
#introduction .introduce .int_left .achievement .ach .numadd .add{color: #cd2027;font-size: 40px;font-weight: bold;}
#introduction .introduce .int_left .achievement .ach .numadd .num::before{content: "";  display: block; width: 24px;  height: 3px;  background: #cccccc;  position: absolute; bottom: 0;left: 0;}
#introduction .introduce .int_left .achievement .ach .explain{color: #999; line-height: 25px;font-size: 14px;font-weight: bold;}
#introduction .introduce .int_right{ margin: 0 7.3125% 34px 0; width: 39.625%;}
#introduction .introduce .int_right:before{ display: block; content: ''; position: absolute; top: 28px; left: 28px; width: 100%; height: 100%; background: #cd2027;box-shadow: -20px 10px 50px rgba(0, 0, 0, 0.3);}
#introduction .introduce .int_right .images{ width:100%; overflow: hidden;  overflow: hidden;}
#introduction .introduce .int_right .images img{max-width: 100%;max-height:100%;}
#culture {width: 100%;background-color: #fafafa;}
#culture .cul_main{margin: 0 auto;padding: 100px 0;}
#culture .cul_main .tit {margin-bottom: 45px;text-align: center;}
#culture .cul_main .tit .title_cn{ font-size: 48px;font-weight: 700;margin-bottom: 24px;line-height: 57px;}
#culture .cul_main .tit .title_en{ font-size: 24px;color: #cd2027;text-transform: uppercase;line-height: 27px;}
#culture .cul_main .culture-list{ width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
#culture .cul_main .culture-list a{width: 49.3134%;}
#culture .cul_main .culture-list a .culture{height: 307px;margin-bottom: 25px;box-sizing: border-box;}
#culture .cul_main .culture-list a .culture .bg {width: 100%;height:100%;}
#culture .cul_main .culture-list a .culture .bg .images{ width: 100%;height:100%;}
#culture .cul_main .culture-list a .culture .bg .images:after{ padding-top: 39.0089%;}
#culture .cul_main .culture-list a .culture .bg .images img{max-width:100%;max-height: 100%;}
#culture .cul_main .culture-list a .culture .bg .cont{transition: all 0.3s ease;top: 0; left: 0; width: 100%;height: 100%; z-index: 1;}
#culture .cul_main .culture-list a .culture .bg .cont .p1{width: 90%; display:flex; justify-content: space-between; align-items: center; bottom: 48px;padding-left: 75px;}
#culture .cul_main .culture-list a .culture .bg .cont .p1 .left{display: flex;align-content: center;}
#culture .cul_main .culture-list a .culture .bg .cont .p1 .left img{ max-width: 52px; max-height: 52px;}
#culture .cul_main .culture-list a .culture .bg .cont .p1 .left .brief {color: #fff;font-size: 36px; font-weight: bold;line-height: 50px;margin-left: 20px;}
#culture .cul_main .culture-list a .culture .bg .cont .p1 .more{display:flex; align-items: center;}
#culture .cul_main .culture-list a .culture .bg .cont .p1 .more span{color: #fff;font-size: 20px;opacity:1;}
#culture .cul_main .culture-list a .culture .bg .cont .p2 {bottom: 0;right: 15%;opacity:0;}
#culture .cul_main .culture-list a .culture .bg .cont .p2 .slogan{ font-size: 20px; color: #fff; line-height: 30px;}
#culture .cul_main .culture-list a .culture:hover .bg .cont{background: rgba(205,32,39,.7);}
#culture .cul_main .culture-list a .culture:hover .bg .cont .p1{bottom: 50%;  transform: translateY(50%);}
#culture .cul_main .culture-list a .culture:hover .bg .cont .p1 .more{display: none;}
#culture .cul_main .culture-list a .culture:hover .bg .cont .p2 {bottom: 50%; transform: translateY(50%); opacity:1; }
#strength {margin: 0 auto;padding: 100px 0;}
#strength .tit {margin-bottom: 45px;text-align: center;}
#strength .tit .title_cn{font-size: 48px;font-weight: 700;margin-bottom: 24px;line-height: 57px;}
#strength .tit .title_en{font-size: 24px;color: #cd2027; line-height: 27px;}
#strength .main {width: 100%;display: flex; justify-content: space-between;}
#strength .main .left {width:27.25%;border-right: 1px dashed #cd2027;}
#strength .main .left .container {margin-right: 40%;}
#strength .main .left .container .slide{color: #ccc;font-size:55px;font-weight: bold;}
#strength .main .left .container .slide.swiper-slide-active{color: #cd2027;}
#strength .main .left .sw{display: flex;}
#strength .main .left .sw .btn-list{width: 40px;}
#strength .main .left .sw .btn-list .btna{top: 0px;right: 45px;}
#strength .main .left .sw .btn-list .btnb{bottom: 0px;right: 45px;}
#strength .main .left .icon {top: 38%;right: -50px;}
#strength .main .right {width: 61.25%;display: flex; justify-content: space-between;}
#strength .main .right .r-item{ display: flex; justify-content: space-between; align-items: center; width: 100%;}
#strength .main .right .r-item .text{ width: 57.9641%}
#strength .main .right .r-item .text .y{ padding-bottom: 19px; font-weight: bold; line-height: 54px; border-bottom: 1px solid #cd2027; font-size: 49px; color: #333; }
#strength .main .right .r-item .text .y:before{ display: block; content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #ecd9cc;}
#strength .main .right .r-item .text .desc{ padding: 0 80px 0 20px;}
#strength .main .right .r-item .text .desc ul{ margin-top: 26px; width: 100%;}
#strength .main .right .r-item .text .desc ul li{ margin-top: 21px; width: 100%; line-height: 25px; font-size: 14px; color: #333; list-style: disc;}
#strength .main .right .r-item .text .desc ul li:first-child{ margin-top: 0;}
#strength .main .right .r-item .img{ width: calc(100% - 57.9641%);}
#strength .mb-main{display: none;}
@media screen and (max-width: 1680px) {
    #introduction .introduce{ align-items: flex-start;}

    #culture .cul_main .culture-list a .culture .bg .cont .p1{ padding-left: 30px;}

	#strength .main .left .container .slide{font-size: 42px;}
	#strength .main .left .icon{top: 35%;}
}

@media screen and (max-width: 1440px) {
    #introduction .introduce .int_right .images {margin: 0; width: 100%;margin-top: 0;}

    #culture .cul_main .culture-list a .culture{height: 260px;}
    #culture .cul_main .culture-list a .culture .bg .cont .p2 .slogan{right: 50px;}

	#strength .main .left{width: 29.25%;}
	#strength .main .left .container{margin-right: 36%;}
    #strength .mbain .right .cont .list .list-info{display: flex;}
    #strength .mbain .right .cont .list .list-info::before {margin-top: 11px;}
}

@media screen and (max-width: 1366px) {
	#culture .cul_main .culture-list a .culture .bg .cont .p2 .slogan{top: 47%;right: 20px;}

	#strength .main .left{width: 30.25%;}
	#strength .main .left .container{margin-right: 34%;}
	#strength .main .left .container .slide{font-size: 35px;}
}

@media screen and (max-width: 1280px) {
    #introduction .introduce{ flex-direction: column-reverse;}
    #introduction .introduce .int_left{ margin: 50px 0 0; width: 100%;}
    #introduction .introduce .int_right{ margin: 0; width: 100%; text-align: center;}
    #introduction .introduce .int_right:before{ display: none;}

	#culture .cul_main .culture-list a .culture .bg .cont .p2 .slogan{top: 73%; right: 108px;}

	#strength .main .left{width: 32.25%;}
	#strength .main .right{width: 57.25%;}
	#strength .main .right .r-item .text{ width: 50%;}
	#strength .main .right .r-item .img{width: 50%;}
}

@media screen and (max-width: 1200px) {
	#about .sec_main .secondary .cate-nav ul .cate-item{margin-right: 70px;}

	#strength .main .left{width: 35.25%;}
}

@media screen and (max-width: 1024px) {
	#culture .cul_main .culture-list a .culture .bg .cont .p2 .slogan{right: 25px;}

	#strength .main{display: none;}
    #strength .mb-main{display: block; width: 100%;}
	#strength .mb-main .text .y{font-size: 32px; padding: 20px 0; font-weight: bold; border-bottom: 1px solid #eee;}
	#strength .mb-main .text .y>div{padding-top: 20px; padding-right: 25px;}
	#strength .mb-main .text .desc{margin: 20px 0;}
}

@media screen and (max-width: 750px) {
	#introduction{ padding: 60px 0; width: 90%;}
	#introduction .introduce .int_left .images img{width: 90%;}
	#introduction .introduce .int_right .images img{width: 100%;}
    #introduction .introduce .int_left .images .name_cn{top: 39%; font-size: 38px; line-height: 1.6;}
    #introduction .introduce .int_left .brief_cn{ line-height: 1.8; font-size: 28px; padding: 25px 0 0 0; margin: 8px 0 0 0 ;}
	#introduction .introduce .int_left .data{margin-bottom: 0px;}
	#introduction .introduce .int_left .data .item{width: 50%;}
    #introduction .introduce .int_left .data .item .txt{ font-size: 24px;}
	#introduction .introduce .int_left .achievement{padding-left: 0; margin-top: 30px; flex-wrap: wrap;}
	#introduction .introduce .int_left .achievement .ach{width: 48%; margin-bottom: 20px;}
	#introduction .introduce .int_left .achievement .ach .explain{font-size: 24px;;}
	

    #culture .cul_main{ padding: 60px 0; width: 90%; }
	#culture .cul_main .culture-list a{width: 100%;}
    #culture .cul_main .culture-list a .culture{ margin-bottom: 8px;}
    #culture .cul_main .culture-list a .culture:hover .bg .cont .p1 .more{opacity: 1; }
	#culture .cul_main .culture-list a .culture .bg .cont .p1 .more>span ,
	#culture .cul_main .culture-list a .culture:hover .bg .cont .p2 .slogan{font-size: 26px;}
    #culture .cul_main .culture-list a .culture .bg .cont .p1 .left .brief{ font-size: 30px;}
    #culture .cul_main .culture-list a .culture .bg .cont .p1 .more{ height: 85px; line-height: 1.8; font-size: 24px; overflow: hidden;}
    #culture .cul_main .culture-list a .culture .bg .cont .p2 .slogan{bottom: 20px; left: 40px;}

    #strength{ padding: 60px 0; width: 90%;}
	#strength .mb-main .text .y{font-size: 36px}
    #strength .mb-main .text .desc li{font-size:  26px; line-height: 1.8;}
}

#honor{padding: 100px 0; background-color: #fafafa;}
#honor .tit {margin-bottom: 45px;text-align: center;}
#honor .tit .title_cn{font-size: 48px;font-weight: 700;margin-bottom: 24px;line-height: 57px;}
#honor .tit .title_en{font-size: 24px;color: #cd2027; line-height: 27px;}
#honor .container .li{width: 19%; margin-right: 8%;}
#honor .container .li:last-child{margin-right: 0;}
#honor .container .li .name{margin-top: 46px; width: 100%; line-height: 31px; font-size: 16px; color: #000;}
#honor .btn{top: 50%; width: 24px;height: 46px;transform: translateY(35%);}
#honor .btn.prev{left: 0;}
#honor .btn.next{right: 0; transform: translateY(35%) rotate(180deg);}

@media screen and (max-width: 750px) {
	#honor{padding: 60px 0;}
	#honor .container .li{width: 45%;}
	#honor .container .li .name{font-size: 26px; line-height: 1.8;}
	#honor .btn{display: none;}
}

#division{ width: 100%;}
#division .list{margin: 100px auto; width: 100%;}
#division .list .item{ display: flex; justify-content: space-between; align-content: start; margin-top: 40px; width: 100%;}
#division .list .item:first-child{ margin-top: 0;}
#division .list .item .img{ width: 48.7858%; font-size: 0;}
#division .list .item .img:after{ padding-top: 61.4935%;}
#division .list .item .img img{ z-index: 1;}
#division .list .item .img video{ width: 100%; height: 100%; background: #000;}
#division .list .item .img .play-icon{ right: 4.3924%; bottom: 6.1905%; width: 38px; height: 38px; z-index: 2; cursor: pointer;}
#division .list .item .info{ display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 0 8.3572% 0 6.4286%; width: 51.2143%; background: url(/images/d_bg.png) repeat center;}
#division .list .item .info .subtit{ width: 100%; line-height: 24px; font-size: 18px; color: #cd2027; overflow: visible;}
#division .list .item .info .subtit:before{ display: block; content: ''; position: absolute; top: 50%; left: -24.902%; width: 21.5687%; height: 2px; background: #cd2027; transform: translateY(-50%);}
#division .list .item .info .tit{ margin-top: 22px; width: 100%; line-height: 45px; font-size: 36px; color: #333; font-weight: bold;}
#division .list .item .info .brief{ margin-top: 22px; width: 100%; line-height: 28px; font-size: 16px; color: #828282;}
#division .list .item:nth-child(even){ flex-direction: row-reverse;}
#division .list .item:nth-child(even) .info{ padding: 0 6.4286% 0 8.3572%;}
#division .list .item:nth-child(even) .info .subtit,
#division .list .item:nth-child(even) .info .tit,
#division .list .item:nth-child(even) .info .brief{ text-align: right;}
#division .list .item:nth-child(even) .info .subtit:before{ left: inherit; right: -24.902%;}

@media screen and (max-width: 750px) {
	#division .list .item{flex-direction: column;}
	#division .list .item:nth-child(even){flex-direction: column;}
	#division .list .item .img{ width: 100%;}
	#division .list .item .info,
	#division .list .item:nth-child(even) .info{ width:100%; padding: 8.3572%;}
	#division .list .item:nth-child(even) .info .subtit, #division .list .item:nth-child(even) .info .tit, #division .list .item:nth-child(even) .info .brief{text-align: left;}
	#division .list .item .info .subtit{font-size: 24px;}
	#division .list .item .info .brief{font-size: 26px; line-height: 1.8;}
	#division .list .item .info .subtit:before{ display: none;}
}
#contact{padding: 100px 0; }
#contact .form{display: flex;justify-content: space-between;}
#contact .form .left{width: 40%;}
#contact .form .left .slogan {width: 90%;font-size: 24px; line-height: 42px;margin-bottom: 55px;}
#contact .form .left .slogan .img{top: 25px; right: 0;}
#contact .form .left .contact .input{ padding: 0 20px;}
#contact .form .left .contact .item {margin-bottom: 20px;}
#contact .form .left .contact .item .p1{width: 100%; display: flex; align-content: center;margin-bottom: 15px;}
#contact .form .left .contact .item .p1 .name{font-size: 18px; font-weight: bold; color: #cd2027;margin-left: 10px; line-height: 36px;}
#contact .form .left .contact .item .num{font-weight: bold;font-size: 30px;line-height: 43px;}
#contact .form .left .contact .map{height: 275px; width: 100%;}
#contact .form .right{width: 47.8571%;}
#contact .form .right .row {margin-bottom: 21px;}
#contact .form .right .row .pla{width: 100%;}
#contact .form .right .row .pla span:nth-of-type(1){color: red;}
#contact .form .right .row .pla span:nth-of-type(2){font-size: 16px; font-weight: bold; margin-bottom: 10px; line-height: 33px;}
#contact .form .right .input{ padding: 0 20px; width: 100%; height: 52px; line-height:52px; border: 1px solid #ececec; font-size: 14px;}
/*
#contact .form .right .input::-webkit-input-placeholder {color: #ccc;}
#contact .form .right .name .input{width: 100%; height: 52px; line-height:52px; border: 1px solid #ececec;}
#contact .form .right .number {margin-bottom: 21px;}
#contact .form .right .number .pla{width: 100%;}
#contact .form .right .number .pla span:nth-of-type(1){color: red;}
#contact .form .right .number .pla span:nth-of-type(2){font-size: 16px; font-weight: bold; margin-bottom: 10px; line-height: 33px;}
#contact .form .right .mail {margin-bottom: 21px;}
#contact .form .right .mail .pla{width: 100%;}
#contact .form .right .mail .pla span:nth-of-type(1){color: red;}
#contact .form .right .mail .pla span:nth-of-type(2){font-size: 16px; font-weight: bold; margin-bottom: 10px; line-height: 33px;}
#contact .form .right .com_name {margin-bottom: 21px;}
#contact .form .right .com_name .pla{width: 100%;}
#contact .form .right .com_name .pla span{font-size: 16px; font-weight: bold; margin-bottom: 10px; line-height: 33px;}
*/
#contact .form .right .info {margin-bottom: 21px;}
#contact .form .right .info .pla{width: 100%;}
#contact .form .right .info .pla span:nth-of-type(1){color: red;}
#contact .form .right .info .pla span:nth-of-type(2){font-size: 16px; font-weight: bold; margin-bottom: 10px; line-height: 33px;}
#contact .form .right .info .input{ padding: 10px 20px; width: 100%; height: 140px; line-height: 1.8; border: 1px solid #ececec;resize: none; font-size: 14px;}
#contact .form .right .bot {display: flex;justify-content:space-between;align-items: flex-end}
#contact .form .right .bot .submit{width: 183px; height:55px; text-align: center; line-height: 56px;background: #cd2027;cursor: pointer; font-size: 0;}
#contact .form .right .bot .submit input[type=submit]{width: 100%;font-size: 16px;color: #fff; cursor: pointer;}
#contact .form .right .bot .req{font-size: 14px;color: #6e6e6e;}
#contact .form .right .bot .req span{color: red;}

@media screen and (max-width: 1200px) {
	#contact .form .left{width: 45%;}
}

@media screen and (max-width: 1024px) {
	#contact .form{padding: 40px 0;flex-wrap: wrap;}
	#contact .form .left,
	#contact .form .right{width: 100%;}
	#contact .form .left{margin-bottom: 40px;}
}

@media screen and (max-width: 750px) {
	#contact{ padding: 60px 0;}
	#contact .form{padding-top: 0;}
	#contact .form .left .slogan{width: 100%; margin-bottom: 40px; font-size: 26px;}
	#contact .form .left .contact .call .p1 .call_cn,
	#contact .form .left .contact .address .p1 .address_cn{font-size: 32px;}
	#contact .form .left .contact .address .num{font-size: 30px;}
	#contact .form .left .contact .item .p1 .name,
	#contact .form .right .row .pla span:nth-of-type(2),
	#contact .form .right .input,
	#contact .form .right .info .input,
	#contact .form .right .bot .submit input[type=submit]{font-size: 30px;}
	#contact .form .right .input{height: 70px; line-height: 70px;}
	#contact .form .right .row .pla{margin-bottom: 20px;}
	#contact .form .right .info .input{height: 160px;}
	#contact .form .right .bot .submit{width: 200px; height: 60px;}
	#contact .form .right .bot .req{font-size: 24px;; }
}

/*全站搜索*/
#search{width:100%; margin-top: 200px; padding:0 0 40px;}
#search .form{margin-bottom:22px;margin-top: 20px;}
#search .form .text{width: 600px;padding-left: 15px;height: 49px;line-height: 49px;border:1px solid #ccc;border-top-left-radius:5px;border-bottom-left-radius:5px;border-right:none;font-size: 16px;}
#search .form .submit{height: 49px;width: 59px;border-top-right-radius: 5px;border-bottom-right-radius:5px;background: #cd2027 url(/images/search.png) no-repeat center center;color: #fff;font-size: 16px;}
#search .list{width:100%; margin-bottom:50px;}
#search .list .info .cate{padding-left:15px;}
#search .list .new .cate{}
#search .list .know .cate{}
#search .list .li{border-bottom:1px solid #dddddd;}
#search .list .info a{padding:20px 0;}
#search .list .info a:first-child{border-top:1px solid #dddddd;}
#search .list .info .title{margin-right:16px; line-height:22px; color:var(--background); font-size:16px; font-weight:bold;}
#search .list .info .day,
#search .list .info .cate{color:#888888; font-size:16px; margin-right:20px;}
#search .list .info .day{margin:0;}
#search .list .info .desc{height:60px; overflow:hidden; margin-top:1.375%; color:#888888; font-size:14px; line-height:32px;}

@media (max-width: 750px){
	#search .form .text{font-size: 26px;}
	#search .form .submit{width: 75px;font-size: 26px;}
	#search .list .info .title{font-size: 28px;line-height: 1.6;}
	#search .list .info .day,
	#search .list .info .cate{font-size: 28px;line-height: 1.6;}
	#search .list .info .desc{font-size: 26px;line-height: 1.6;height: 120px;}
}