*{margin:0;padding:0}table{border-collapse:collapse}a{text-decoration:none}a:focus,a:hover{text-decoration:none}a:focus{outline:0}p{margin:0}ol,ul{margin:0}.h1,.h2,.h3,.h4,.h5,h1,h2,h3,h4,h5{margin:0}.cor_red{color:#c7000a}.cor_yellow{color:#f5fb47}.cor_blue{color:#12aeb0}.f22{font-size:22px}.clear{clear:both}.shows{display:block}.hides{display:none}ol{padding-left:25px}.ellipsis{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bd_weixin_popup{height:auto!important}html{height:100%;}
body { font-family:Arial,"微软雅黑"; position:relative; height:100%;}
@font-face {
    font-family:'DIN1451';
	src:url(../fonts/din1451altg.ttf);
    font-weight: normal;
    font-style: normal;
}
/*~~header~~*/
#IndexPage{ opacity:0; -webkit-opacity:0;}
header{ background:none; border-bottom:3px solid transparent; transition:all 0.3s ease-in 0s; -webkit-transition:all 0.3s ease-in 0s;}
.navbar-header{ padding-left:6.25%;}
.logo{ height:auto; padding:15px 0 0 0%; transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
.logo img{ transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
.navList{}
nav.navbar.bootsnav{ border:none; background:none;}
nav.navbar.bootsnav ul.nav > li > a{ padding:0 15px; margin:0 10px; font-weight:normal; line-height:90px; height:90px; position:relative; color:#FFFFFF; font-size:18px;}
nav.navbar.bootsnav ul.nav > li > a:before{ display:block; content:""; width:10px; height:10px; border-radius:50%; border:2px solid #FFFFFF; position:absolute; left:0; top:50%; margin-top:-5px; transform:scale(0); opacity:0; transition:all 0.4s ease 0s;}
nav.navbar.bootsnav ul.nav > li.active > a:before,nav.navbar.bootsnav ul.nav > li.active > a:focus,nav.navbar.bootsnav ul.nav > li.active > a:hover{ color:#FFFFFF; opacity:1; transform:scale(1);}
.navRig{ line-height:90px; height:90px; font-size:14px; color:#a4a4a4; right:34px !important; margin:0 6.25% 0 50px;}
.navRig > ul > li > a.EN{ font-size:12px; color:#FFFFFF; display:inline-block; line-height:28px; padding:0; min-width:28px; text-align:center; border-radius:50%; background:#ffb005;}
.navRig > ul > li > a:hover{ color:#246ac5;}
.searchBox{ display:inline-block; position:relative; width:206px; height:28px; line-height:28px; padding:0 30px 0 10px; border-radius:15px; background:rgba(255,255,255,0.3); margin-right:10px;}
.searchInput{ height:28px; line-height:28px; width:100%; border:none; background:none; color:#FFFFFF;}
.searchBtn{ position:absolute; right:0; top:0; width:30px; height:28px; line-height:28px; text-align:center; color:#FFFFFF; cursor:pointer;}

nav.navbar.bootsnav .navbar-toggle{ background:none !important; color:#FFFFFF;}
header.active{ background:#FFFFFF; border-bottom:3px solid #c00008;}
header.active .logo img.show{ display:none !important;}

header.active .logo img.hidden{ display:block !important;}
header.active nav.navbar.bootsnav ul.nav > li > a{ color:#000000;}
header.active nav.navbar.bootsnav ul.nav > li > a:before{ border-color:#e71419;}
header.active nav.navbar.bootsnav .navbar-toggle{ color:#e71419;}
header.active .navRig > ul > li > a.EN{ background:#ffb005; color:#FFFFFF;}
header.active .searchBox{ background:#eeeff0;}
header.active .searchInput{ color:#000000;}
header.active .searchBtn{ color:#b7b1b1;}
header.active nav.navbar.bootsnav ul.nav > li.active > a,header.active nav.navbar.bootsnav ul.nav > li > a:hover{ color:#e71419;}
header.active .navbar-default .navbar-nav > .active > a,header.active  .navbar-default .navbar-nav > .active > a:focus, header.active .navbar-default .navbar-nav > .active > a:hover{ color:#246ac5;}
header.active .navbar-default .navbar-nav > .active > a:before,header.active  .navbar-default .navbar-nav > .active > a:focus:before, header.active .navbar-default .navbar-nav > .active > a:hover:before{ opacity:1; transform:scale(1);}

.section { text-align:center; overflow:hidden;}
.mainbox1{ background:url(../images/box1bg.jpg) right bottom no-repeat; background-size:cover;}
.mainbox2{ background:#ffffff;}
.mainbox3{ background:#f7f6f4;}
.mainbox4{ background:#f7f7f7;}
.mainbox5{ background:url(../images/box5bg.jpg) right bottom no-repeat; background-size:cover;}
.main_box{ padding-top:90px; overflow:hidden;}
.headerSpace{ height:90px; font-size:0; width:100%;}

/*~~banner~~*/
.mainbox0 .swiper-container{ z-index:1;}
.banner{ height:100%;}
.banner .swiper-slide{ position:relative; height:100%; background:#ffffff; z-index:1;}
.banPcImg,.banMobImg{ position:absolute; left:0; top:0; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; z-index:1;}
.banMobImg{ display:none;}
.banner .swiper-pagination{ bottom:30px;}
.banner .swiper-pagination-bullet{ width:15px; height:15px; opacity:1; background:#FFFFFF;}
.banner .swiper-pagination-bullet-active{ background:none; border:2px solid #FFFFFF;}
.banner_btn{ position:absolute; left:50%; margin-left:-16px; bottom:65px; z-index:1; width:32px; height:56px; border:2px solid rgba(255,255,255,0.4); border-radius:15px; cursor:pointer;}
.banner_btn:after{ display:block; content:""; position:absolute; top:10px; left:50%; margin-left:-3px; width:6px; height:6px; border-radius:50%; background:rgba(255,255,255,0.4);}
.banner_btn:before{ display:block; content:""; position:absolute; bottom:16px; left:50%; margin-left:-8px; width:16px; height:16px; background:url(../images/banner_btn.png) center center no-repeat;
animation:mymove 1.5s infinite;
-webkit-animation:mymove 1.5s infinite;
}
@keyframes mymove
{
0 { bottom:16px; opacity:1;}
100%{ bottom:2px; opacity:0;}
}

@-webkit-keyframes mymove
{
0 { bottom:16px; opacity:1;}
100%{ bottom:2px; opacity:0;}
}
.banTextBg{ position:absolute; left:0; width:30%; height:100%; z-index:1; background:rgba(208,0,13,0.8);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-pack: center;
-webkit-flex-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
align-items: center;
}
.banText{ text-align:left; width:75%; margin:0 auto;}
.banTit{ font-size:46px; color:#FFFFFF; font-weight:bold;}
.banTitSub{ display:block; color:#FFFFFF; font-size:22px; line-height:140%; font-weight:bold; margin:15px 0 35px; padding:10px 0; border:1px solid #FFFFFF; border-left:none; border-right:none;}
.banTitSub img{ margin:-4px 5px 0;}
.banBrief{ color:#ffffff; font-size:18px; line-height:180%; text-align:justify;}

/*~~box1~~*/
.box1List{ margin:0; font-size:0; padding-bottom:30px;}
.box1List li{ width:20%; vertical-align:top; transform:scaleX(-1); opacity:0; transition:all 0.3s ease 0s;}
.box1List li a{ display:block; margin:0 auto; max-width:230px; font-size:18px; color:#ffffff; line-height:28px;}
.box1Img{ width:100%; max-width:205px; border-radius:50%; margin:0 auto; display:flex; justify-content:center;align-items:center; background:rgba(0,0,0,0.8); border:3px solid rgba(241,241,241,0.48); position:relative; transition:all 0.4s ease 0s; z-index:1;}
.box1Img img{ max-width:70%; transition:all 0.5s ease;}
.box1Img:after{ display:block; content:""; position:absolute; left:0; bottom:0; width:100%; height:0; border-radius:50%; background:#cd000c; transition:all 0.5s ease; z-index:-1;}
.box1Tit{ font-size:28px; line-height:34px; margin:15px 0 10px;}
.box1Line{ position:relative; display:block; width:130px; height:3px; background:rgba(255,255,255,0.6); margin:0 auto 15px;}
.box1Line:after{ display:block; content:""; position:absolute; left:50%; width:0; height:100%; background:#cd000c; transition:all 0.6s ease;}
.box1Brief{ height:56px; overflow:hidden;}
.box1More{ margin:10px auto 0;}
.box1More span{ padding:0 10px; transition:all 0.4s ease 0s;}
.box1More:hover span{ padding:0 15px; font-size:14px;}
.box1List li a:hover .box1Img{ background:rgba(0,0,0,0); border:3px solid rgba(241,241,241,0);}
.box1List li a:hover .box1Img img{ transform:translateY(-5px);}
.box1List li a:hover .box1Img:after{ height:100%;}
.box1List li a:hover .box1Line:after{ left:0; width:100%;}
.active .box1List li{ transform:scaleX(1); opacity:1; transition:all 0.3s ease 0.3s;}
.active .box1List li:first-child + li{ transition-delay:0.6s;}
.active .box1List li:first-child + li + li{ transition-delay:0.9s;}
.active .box1List li:first-child + li + li + li{ transition-delay:1.2s;}
.active .box1List li:first-child + li + li + li + li{ transition-delay:1.5s;}

/*~~box2~~*/
.box2scroll{ font-size:16px; color:#787878; line-height:30px; height:auto; max-height:400px;}
.box2Img{ float:left; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.box2Text{ position:relative; font-size:18px; color:#666666; line-height:36px; overflow:hidden;}
.box2Tcon{position: absolute; left: 0px; top: 50%; width: 100%; padding: 0px 10%; transform: translateY(-43%); -webkit-transform: translateY(-43%);}
.box2H4{ font-weight:bold; font-size:40px; color:#c8000b; padding-bottom:20px;}
.box2H4En{ font-size:22px; color:#b0b0b0; text-transform:uppercase;}
.box2Tit{ position:relative; padding-right:100px; line-height:36px;}
.box2Tit a{ display:block; font-size:30px; color:#2a2929;}
.box2Time{ position:absolute; right:0; top:0; display:block; width:100px; height:30px; font-family:Arial; font-size:18px; color:#9e9e9e;}
.box2Brief{ max-height:108px; overflow:hidden;}
.box2more{ display:block; text-transform:uppercase; text-align:center; background:#ffb005; color:#ffffff; font-size:16px; border-radius:20px; width:140px; height:46px; line-height:46px; margin-top:35px;}
.box2more:hover,.box2more:focus{ color:#FFFFFF; text-decoration:underline;}

.mainbox3 .fp-tableCell{ display:block;}
.mainbox3 .main_box{ height:100%;}
.box3List{ height:100%; position:relative;}
.box3List .swiper-slide a{ display:block; height:100%; position:relative; color:#ffffff; overflow:hidden;}
.box3Img{ max-width:480px; background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0; top:0; width:100%; height:100%; transform:scale(1.05); transition:all 0.1s ease 0s;}
.box3Shadow{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.4); transition:all 0s ease 0;}
.box3TextBg{ position:absolute; left:0; bottom:0; width:100%; height:auto; padding:30px 10%;}
.box3TextBg:after,.box3TextBg:before{ display:block; content:""; position:absolute; left:0; bottom:0; width:100%; height:100%; z-index:0;}
.box3TextBg:before{ background:rgba(0,0,0,0.6); transition:all 0s ease 0s;}
.box3TextBg:after{ height:0; background:rgba(205,0,12,0.8); transition:all 0s ease 0s;}
.box3TIt{ overflow:hidden; font-size:24px; position:relative; padding:0 15px; z-index:1;}
.box3TIt strong{ display:inline-block; vertical-align:middle; position:relative;}
.box3TIt strong:after,.box3TIt strong:before{ display:block; content:""; position:absolute; top:50%; width:120px; height:1px; background:#ffffff;}
.box3TIt strong:before{ left:-130px;}
.box3TIt strong:after{ right:-130px;}
.box3More{ display:block; font-size:14px; line-height:30px; position:relative; z-index:1;}

.box3List .swiper-slide a:hover .box3Img{ transform:scale(1);}
.box3List .swiper-slide a:hover .box3Shadow{ height:0; transition:all 0.5s ease 0s;}
.box3List .swiper-slide a:hover .box3TextBg:before{ height:0; transition:all 0.5s ease 0s;}
.box3List .swiper-slide a:hover .box3TextBg:after{ height:100%; transition:all 0.5s ease 0.5s;}
.box3List .swiper-slide a:hover .box3More{ animation:swing 2s 1;}



.box3Btn{ display:block; width:29px; height:45px; position:absolute; top:50%; transform:translateY(-50%); z-index:2; cursor:pointer; opacity:0; transition:all 0.5s ease 0s;}
.box3Btn1,.box2Btn1{ left:3%; background:url(../images/box3btn1.png) left center no-repeat;}
.box3Btn2,.box2Btn2{ right:3%; background:url(../images/box3btn2.png) right center no-repeat;}
.box3List:hover .box3Btn,.news_swiper:hover .box3Btn{ opacity:1;}

/*~~box4~~*/
/* .brand_head{text-align: center;color:#fff;margin-bottom:100px;}
.brand_head h3{font-size:28px;line-height:50px;}
.brand_head p{font-size:14px;}
.box4List{padding:0 6%;}
.box4List li{width:15.36%;margin:0.2%;background:#fff;transform: translateY(50%);opacity: 0;transition: all 0.6s ease 0s;position: relative;cursor: pointer;overflow:hidden;}
.active .box4List li{transform: translateY(0);opacity: 1;transition: all 0.6s ease 0s;}
.box4List li .img{padding:10px;position: relative;height:100%;width:100%;overflow: hidden;}
.box4List li .img img{max-width: 100%;max-height:100%;top:50%;left:50%;transform: translate(-50%,-50%) scale(1);-webkit-transform: translate(-50%,-50%) scale(1);position: absolute;transition: all 0.4s ease 0s;}
.active .box4List li:nth-child(-n+6){transition-delay: 0.3s!important;}
.active .box4List li:nth-child(-n+12):nth-child(n+7){transition-delay: 0.6s!important;}
.active .box4List li:nth-child(-n+18):nth-child(n+13){transition-delay: 0.9s!important;}
.box4List li:hover .img img{transform: translate(-50%,-50%) scale(1.3);-webkit-transform: translate(-50%,-50%) scale(1.3);} */
.pat-div{
	width:100%;
	height: auto;
	background:#f7f7f7;
}
.pat-cen{
	width: 95%;
	max-width: 1200px;
	height:auto;
	margin:0 auto;
}
.solve-top{transform:translateY(-20px);-webkit-transform:translateY(-20px);opacity: 0;transition: all 1s ease;}
.solve-title b {
    display: block;
    font-size: 30px;
    line-height: 24px;
    color: #bf0000;
    padding-top: 43px;
    background: url(../images/img5.jpg) no-repeat bottom;
    background-size: auto 3px;
    padding-bottom: 27px;}
.pat-ul{
	width: auto;
	height: auto;
	margin-top: 2.7%;padding-bottom:20px;
}
.pat-ul li{
	width: 13%;
	height: auto;
	float: left;
	margin-right: 1.5%;
	border-radius:10px;
	margin-top: 20px;
	
	transform: translateX(100%);opacity: 0;
	-webkit-transform: translateX(100%);
	transition: all 1s ease;
	list-style: none;
}
.active .solve-top{transform: translateY(0);-webkit-transform: translateY(0);opacity: 1;transition-delay: 0.1s;}
.active .pat-ul li{transform: translateX(0);-webkit-transform: translateX(0);opacity: 1;}
.active .pat-ul li:nth-child(1){transition-delay: 0.1s;}
.active .pat-ul li:nth-child(2){transition-delay: 0.2s;}
.active .pat-ul li:nth-child(3){transition-delay: 0.3s;}
.active .pat-ul li:nth-child(4){transition-delay: 0.4s;}
.active .pat-ul li:nth-child(5){transition-delay: 0.5s;}
.active .pat-ul li:nth-child(6){transition-delay: 0.6s;}
.active .pat-ul li:nth-child(7){transition-delay: 0.7s;}
.active .pat-ul li:nth-child(8){transition-delay: 0.8s;}
.active .pat-ul li:nth-child(9){transition-delay: 0.9s;}
.active .pat-ul li:nth-child(10){transition-delay: 1s;}
.active .pat-ul li:nth-child(11){transition-delay: 1.1s;}
.active .pat-ul li:nth-child(12){transition-delay: 1.2s;}
.active .pat-ul li:nth-child(13){transition-delay: 1.3s;}
.active .pat-ul li:nth-child(14){transition-delay: 1.4s;}
.active .pat-ul li:nth-child(15){transition-delay: 1.5s;}
.active .pat-ul li:nth-child(16){transition-delay: 1.6s;}
.active .pat-ul li:nth-child(17){transition-delay: 1.7s;}
.active .pat-ul li:nth-child(18){transition-delay: 1.8s;}
.active .pat-ul li:nth-child(19){transition-delay: 1.9s;}
.active .pat-ul li:nth-child(20){transition-delay: 2s;}
.active .pat-ul li:nth-child(21){transition-delay: 2.1s;}
.pat-ul li:nth-child(7n){
	margin-right: 0%;
}
.pat-ul li a{
	display: block;
}
.pat-ul li a img{
	display: block;
	width: 100%;
	height: auto;
	border-radius: 10px;
	transform: scale(1);
	transition: all 0.4s ease 0s;
	box-shadow: 3px 3px 7px rgba(0,0,0,0.2);
}
.pat-ul li:hover img{
	transform:scale(1.1);
	-ms-transform:scale(1.1);  
	-moz-transform:scale(1.1);  
	-webkit-transform:scale(1.1);  
	-o-transform:scale(1.1);
}
/*~~box5~~*/
.box5List{ padding:0 6.25%;}
.box5List .swiper-slide{ padding:0px 30px; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.box5Bg{ height:276px; background:rgba(0,0,0,0.8); transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; position:relative;}
.box5Text{ font-size:14px; color:#ffffff;}
.box5Tit{ font-size:22px; color:#ff9f03; padding:18px 30px; border-bottom:1px solid rgba(255,255,255,0.1); text-align:left;}
.box5Con{ text-align:left; padding:20px 30px; font-size:16px; color:#ffffff; line-height:28px;}
.box5List .swiper-pagination{ position:static; padding:10px 0 0;}
.box5List .swiper-pagination-bullet{ background:#ffffff; opacity:1;}
.box5List .swiper-pagination-bullet-active{ background:#cd000c;}
.box5List .swiper-slide.on .box5Bg{ background:rgba(208,0,13,0.8);}
.wchat,.box5Rig{ display:inline-block; vertical-align:middle;}
.wchat{ width:28%;}
.box5Rig{ width:68%; padding-left:15px;}

.box5List .swiper-slide:first-child .box5Con{ font-size:14px;}
.box5List .swiper-slide:first-child .box5Con p{ margin:10px 0;}

/*~~footer~~*/
.footerCon{ position:absolute; left:0; width:100%; bottom:0; padding:15px 0; background:rgba(69,69,69,0.95); color:#FFFFFF;}
.footerCon a{ color:#FFFFFF; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.footerCon a:hover{ color:#FFFFFF;}

.footer .footerCon{ position:static; padding:15px;}

.banner2{ background-position:center center; background-repeat:no-repeat; background-size:cover; color:#ffffff; font-size:30px; height:357px; font-weight:bold;}
.banner2 img{ display:none;}
.banner2 .container{ display:flex; /*justify-content:center;*/ align-items:center; height:100%;}
.bannerTit{ overflow:hidden; background:url(../images/bannertitbg.png) left top no-repeat; padding-left:100px; margin-top:-50px;}
.bannerTit h2{ font-size:36px;}
.bannerTit p{ font-size:28px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;}

.fenlei{ border-bottom:1px solid #d7d7d7; margin-bottom:3px;}
.fenleiList{ margin:0; font-size:0;}
.fenleiList li{ padding:0 25px;}
.fenleiList li a{ display:block; font-size:20px; color:#353535; line-height:46px; padding:25px 10px; margin-bottom:-2px; transition:all 0.4s ease 0s;}
.fenleiList li a:hover{ color:#d0000d;}
.fenleiList li a.active{ color:#d0000d; border-bottom:3px solid #dfa324;}


.newsList{ border-bottom:1px solid #d4d4d4;}
.newsList li a{ display:block; font-size:15px; color:#666666; line-height:26px; padding:80px 0; background:url(../images/newsbg.png) left top repeat-x;}
.newsList li:first-child a{ background:none;}
.newsImg{ float:left; width:355px; overflow:hidden;}
.newsText{ margin-left:400px;}
.newsTit{ font-size:20px; color:#333333; line-height:200%; margin-bottom:10px;}
.newsTime{ font-size:18px; color:#9e9e9e; line-height:200%;}
.newsBrief{ overflow:hidden; height:78px; margin:10px 0;}
.newsMore{ display:block; background:#a3a3a3; color:#ffffff; font-size:16px; width:140px; height:46px; line-height:46px; text-align:center; border-radius:23px; transition:all 0.3s ease 0s;}
.newsList li a:hover .newsMore{ background:#ffb005;}

/* .page{ padding:65px 0 165px;}
.page a{ display:inline-block; vertical-align:middle; width:52px; height:39px; font-size:18px; line-height:39px;}
.page input,.page span{ display:inline-block; vertical-align:middle; color:#525252; font-size:18px;}
.page input{ width:52px; height:39px; border:1px solid #afafaf; padding:5px 10px; line-height:27px;}
.pageGo{ background:#d0000d; color:#ffffff;}
.pageGo:hover,.pageGo:focus{ color:#ffffff;}
.pagePrev,.pageNext{ background-color:#e9e9e9; background-position:center center; background-repeat:no-repeat;}
.pagePrev{ background-image:url(../images/pageprev.png);}
.pageNext{ background-image:url(../images/pagenext.png);} */
.pages{height:auto!important;padding:20px 0 40px;}
.pages .tcdPageCode a.current,.pageList .tcdPageCode a.current{background:#d0000d!important;}
.pages .tcdPageCode a:hover,.pageList .tcdPageCode a:hover{border-color: #d0000d;}

.newsdetail{ padding:80px 0;}
.newsH1{ font-size:22px; color:#333333; line-height:150%; text-align:center;}
.newsClock{ text-align:center; font-size:18px; color:#9e9e9e; line-height:200%; padding-bottom:15px; border-bottom:1px dashed #c9c9c9;}
.newsClock span,.newsClock a{ display:inline-block; vertical-align:middle;}
.shareTit{ font-size:14px; color:#333333; padding-left:20px;}
.shareIco{ width:26px; height:26px; background-color:#727272; background-position:center center; background-repeat:no-repeat; border-radius:50%; transition:all 0.4s ease 0s;}
.shareIco1{ background-image:url(../images/shareico1.png);}
.shareIco2{ background-image:url(../images/shareico2.png);}
.shareIco3{ background-image:url(../images/shareico3.png);}
.shareIco:hover{ background-color:#d0000d;}
.newsCon{ padding:30px 0; font-size:15px; color:#666666; line-height:180%;}
.newsCon p,.newsCon img{ margin:15px auto;}
.newsCon img{ max-width:100%; margin:0 auto;height:auto;}
.pager{ margin:10px 0; text-align:left; padding:20px 0 0; font-size:15px;}
.reList{ float:right; width:122px; height:44px; border:1px solid #a3a3a3; color:#a3a3a3; line-height:42px; border-radius:22px; text-align:center; transition:all 0.4s ease 0s;}
.reList:hover{ border-color:#d0000d; color:#d0000d;}
.pagerList{ margin-right:130px;}
.pagerList a{ color:#666666; line-height:26px; transition:all 0.4s ease 0s;}
.pagerList a:hover{ color:#d0000d;}

.busTop{ padding:50px 6.25%; font-size:15px; color:#666666; line-height:26px;}
.busTopH3{ font-size:26px; color:#333333; line-height:180%; padding-bottom:10px;}

.busBot{ overflow:hidden;}
.busBot li{ min-height:200px;}
.busBot li a{ display:block; height:100%; position:relative; padding-left:50%; background:#f9f9f9; font-size:15px; color:#666666; line-height:26px;}
.busImgBg{ position:absolute; left:0; top:0; width:50%; height:100%; color:#ffffff; overflow:hidden;}
.busImg{ position:absolute; left:0; top:0; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; transform:scale(1.02); transition:all 0.7s ease 0s;}
.busImg img{ display:none;}
.busImgHov{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0); transition:all 0.3s ease 0s;}
.busImgTextBg{ position:absolute; left:0; top:0; width:100%; height:100%; display:flex; /*justify-content:center;*/ align-items:center;}
.busImgText{ padding-left:12.5%;}
.busImgText h4{ font-size:26px; line-height:180%; opacity:0; transform:translateX(-50%); transition:all 0.3s ease 0s;}
.busImgText h5{ font-size:38px; opacity:0; transform:translateX(50%); transition:all 0.3s ease 0s;}
.busText{ padding:90px 12.5% 90px 8%;}
.busTit{ padding:40px 0;}
.busTitNum{ float:left; font-size:72px; color:#d0000d; line-height:40px; font-family:'DIN1451';}
.busTitH3 p{ font-size:36px; color:#333333; line-height:26px;}
.busTitH3 span{ font-size:14px; color:#828282; font-family:Arial, Helvetica, sans-serif;}
.busLine{ display:block; width:68px; height:3px; background:#d0000d; margin:10px 0;}
.busTip{ font-size:18px; color:#333333; line-height:26px; padding-bottom:10px;}
.busBrief{ margin:30px 0;}
.busMore{ width:140px; height:46px; line-height:46px; background:#ffb005; border-radius:23px; text-align:center; color:#ffffff; font-size:14px; opacity:0; transform:translateY(30px); transition:all 0.7s ease 0s;}
.busMore img{ margin-top:-3px;}
.busMore span{ padding:0 5px; transition:all 0.3s ease 0s;}

.busBot li:nth-child(2n) a{ padding-left:0; padding-right:50%;}
.busBot li:nth-child(2n) .busImgBg{ left:auto; right:0;}
.busBot li:nth-child(2n) .busText{ padding:90px 8% 90px 12.5%;}

.busBot li a:hover .busImg{ transform:scale(1);}
.busBot li a:hover .busImgHov{ background:rgba(0,0,0,0.2);}
.busBot li a:hover .busImgText h4,.busBot li a:hover .busImgText h5{ opacity:1; transform:translateX(0); transition:all 0.4s ease 0.3s;}
.busBot li a:hover .busMore{ opacity:1; transform:translateY(0);}

.wrap{ padding:0 6.25%; overflow:hidden;}
.case{ padding:80px 0 0;}
.caseList{ margin:0 -24px;}
.caseList li{ padding:15px 24px;}
.caseList li a{ display:block; height:100%; font-size:15px; line-height:26px;}
.caseImg{ position:relative; overflow:hidden;}
.caseHov{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(208,0,13,0); transition:all 0.4s ease 0s;}
.caseText{ position:absolute; left:0; top:0; width:100%; height:100%; padding:25px 10%; color:#ffffff;}
.caseName{ font-size:26px; line-height:100%; padding:15px 0; opacity:0; transform:translateX(-50px); transition:all 0.4s ease 0s;}
.caseBrief{ opacity:0; transform:translateX(50px); transition:all 0.4s ease 0s;}
.caseTit{ font-size:20px; color:#666666; line-height:26px; padding:10px 0; transition:all 0.4s ease 0s;}
.caseList li a:hover .caseHov{ background:rgba(208,0,13,0.8);}
.caseList li a:hover .caseName,.caseList li a:hover .caseBrief{ opacity:1; transform:translateX(0); transition:all 0.4s ease 0.2s;}
.caseList li a:hover .caseTit{ color:#d0000d;}

.caseBg{ position:relative; z-index:1;}
.caseBg2{ position:absolute; left:0; top:0; width:100%; z-index:-1;}
.caseTop{ background:#FFFFFF; position:relative;}
.caseTopL{ float:left; width:55.5%; max-width:1069px; margin:0 auto;}
.caseTopL .swiper-slide img{ width:100%;}
.caseTopL .swiper-pagination-bullet{ width:40px; height:2px; background:#FFFFFF; border-radius:0; position:relative; vertical-align:middle; opacity:0.8; transition:all 0.4s ease 0s;}
.caseTopL .swiper-pagination-bullet i{ font-style:normal; color:#FFFFFF; font-size:16px; position:absolute; left:0; width:100%; text-align:center; bottom:15px; opacity:0; transition:all 0.4s ease 0s;}
.caseTopL .swiper-pagination-bullet-active{ height:13px; opacity:1;}
.caseTopL .swiper-pagination-bullet-active i{ opacity:1;}

.caseTopR{ float:left; width:44.5%; padding:50px 3%; font-size:13px; color:#666666; line-height:200%;}
.caseDeTit{ font-size:36px; color:#333333; line-height:150%; padding-bottom:20px;}
.caseDeTit:after{ display:block; content:""; width:100px; height:3px; margin:5px 0; font-size:0; background:#d0000d;}
.caseTopR p{ margin:20px 0;}
.caseBtn{ font-size:0; position:absolute; right:3%; bottom:0;}
.caseBtn a{ display:inline-block; vertical-align:middle; width:48px; height:48px; border:1px solid #afafaf; margin-left:10px; text-align:center; display:inline-flex; justify-content:center; align-items:center; transition:all 0.3s ease 0s;}
.caseBtn a:hover{ border-color:#d0000d;}


.caseBot{ margin:60px 0 170px; padding:40px 0 20px; overflow:hidden; border:1px solid #d6d6d6; border-left:none; border-right:none;}
.caseBot .swiper-slide a{ display:block; height:100%;}
.caseBotBg{ position:relative; overflow:hidden;}
.caseBotHov{ background:#d0000d; opacity:0; position:absolute; left:0; top:0; width:100%; height:100%; display:block; transition:all 0.4s ease 0s;}
.caseBotTit{ font-size:17px; color:#353535; line-height:180%; padding:10px 0;}
.caseBot .swiper-slide a:hover .caseBotHov{ opacity:0.5;}
.caseBot .swiper-slide a:hover .caseBotTit{ font-weight:bold;}
.case_content p img{max-width:100%;}

.job{ padding:40px 0 100px;}
.job li{ margin-bottom:1px;}
.jobTit{ overflow:hidden; padding:17px 0; background:#f0f0f0; color:#3f3f3f; transition:all 0.3s ease 0s;}
.jobTit span{ float:left; font-size:16px; line-height:40px; height:40px; border-left:1px solid #ffffff;}
.jobSp1{ width:45%; font-size:18px !important; border-left:none !important;}
.jobSp2{ width:14%; text-align:center;}
.jobSp3{ width:14%; text-align:center;}
.jobSp4{ width:14%; text-align:center;}
.jobSp5{ float:right !important; width:13%; border-left:none !important; background:url(../images/joinico1.png) center center no-repeat;}
h2.jobTit{ background:none;}
h2.jobTit .jobSp1{ font-size:16px !important;}
h2.jobTit .jobSp5{ background:none;}
h3.jobTit{ cursor:pointer;}
h3.jobTit:hover,h3.jobTit.active{ background:#d0000d; color:#ffffff;}
h3.jobTit:hover .jobSp5,h3.jobTit.active .jobSp5{ background-image:url(../images/joinico2.png);}

.jobText{ padding:50px 0; font-size:15px; color:#666666; line-height:32px; display:none;}
.jobText p span{ color:#151515;}
.jobBrief{ padding-bottom:10px;}


.conTop{ background:#f9f9f9; margin:100px 0 30px;}
.conTopL{ float:left; width:55%; height:518px; overflow:hidden;}
.allmap{ height:100%;}
.conTopR{ float:right; width:45%; min-height:518px;}
.conTopTab{ font-size:0;}
.conTopTab li{ display:inline-block; vertical-align:middle; height:52px; line-height:52px; color:#ffffff; width:100%; font-size:22px; padding:0 10%; background:#828282; cursor:pointer;}
.conTopTab li:hover,.conTopTab li.active{ background:#d0000d;}
.conTopCon{ padding:60px; font-size:14px; color:#333333; line-height:22px; display:none;}
.conAdd{ font-size:0;}
.conAdd .media{ display:inline-block; vertical-align:top; width:50%; font-size:14px; margin:0; padding:10px;}
.conWeChat{ color:#666666; padding:30px 0 0;}
.conWeChat .media-left img{ width:100px;}

.conBotTab{ font-size:0; padding:50px 0 0;}
.conBotTab li{ font-size:20px; color:#ffffff; background:#bebebe; min-width:150px; line-height:48px; padding:0 10px; text-align:center; margin-right:10px; cursor:pointer; transition:all 0.4s ease 0s;}
.conBotTab li.active,.conBotTab li:hover{ background:#d0000d;}
.conBotU li{ border-bottom:1px solid #efefef;}
.conBotTextBg{}
.conBotText{ font-size:13px; color:#666666; line-height:200%; padding:50px 0;}
.conBotTit{ font-size:18px; color:#333333; line-height:180%; position:relative; margin-bottom:20px;}
.conBotTit:after{ display:block; content:""; position:absolute; left:0; bottom:-4px; width:0; height:3px; background:#d0000d; transition:all 0.3s ease 0s;}
.conBotU li:hover .conBotTit:after{ width:66px;}

.aBox1Bg{ padding:80px 0 100px; font-size:15px; color:#666666; line-height:25px;}
.aBox1Tit{ font-size:30px; color:#333333;}
.aBox1TitEn{ font-size:20px; color:#d6d6d6; font-family:Arial, Helvetica, sans-serif;}
.aBox1{ padding:20px 0 0 0;}
.aBox1 p{ margin:15px 0; text-indent:2em;}
.aBox1 .aBox1Swiper{ float:right; width:49%; max-width:825px; margin:0 0 10px 40px;}
.aBox1 .aBox1Swiper img{width: 100%;}

.aBox2Tit{ padding:20px 0 40px;}
.aBox2Tit h3{ font-size:36px; color:#333333; line-height:120%;}
.aBox2Line{ display:block; width:100px; height:3px; background:#d0000d; margin:5px 0 0;}
.aBox2Bg{ padding:80px 0 100px; background:url(../images/abox2bg.jpg) center center no-repeat; background-size:cover;    
	/*-webkit-filter: grayscale(80%);
    -moz-filter: grayscale(80%);
    -ms-filter: grayscale(80%);
    -o-filter: grayscale(80%);
    filter: grayscale(80%);
    filter: gray;*/
}
.aBox2Bg .aBox2Tit h3{ color:#ffffff;}
.aBox2Bg .aBox2Line{ background:#ffffff;}
.aBox2 .swiper-container,.aBox3 .swiper-container{ padding:10px 0 30px;}
.aBox2 .swiper-slide,.aBox3 .swiper-slide{ width:auto;}
.aBox2 .swiper-slide img,.aBox3 .swiper-slide img{ height:229px; width:auto; transition:all 0.4s ease 0s;}
.aBox2 .swiper-slide a,.aBox3 .swiper-slide a{ display:block; height:229px; overflow:hidden; transition:all 0.4s ease 0s;}
.aBox2Prev,.aBox2Next,.aBox3Prev,.aBox3Next{ display:inline-block; vertical-align:middle; width:15px; height:25px; cursor:pointer;}
.aBox2Prev{ background:url(../images/abox2prev.png) left center no-repeat;}
.aBox2Next{ background:url(../images/abox2next.png) right center no-repeat;}
.aBox3Prev{ background:url(../images/abox3prev.png) left center no-repeat;}
.aBox3Next{ background:url(../images/abox3next.png) right center no-repeat;}
.aBox2Page,.aBox3Page{ display:inline-block; vertical-align:middle; color:#ffffff; width:auto; font-size:20px; font-family:Arial, Helvetica, sans-serif;}
.aBox3Page{ color:#666666;}
.aBox3Page .swiper-pagination-current{ color:#d0000d;}
.aBox2 .swiper-slide a:hover,.aBox3 .swiper-slide a:hover{ border:1px solid #D11017;}
.aBox2 .swiper-slide a:hover img,.aBox3 .swiper-slide a:hover img{ transform:scale(1.02);}

.aBox4Bg{ padding:80px 0 100px; background:url(../images/abox4bg.jpg) center bottom #fcfdfe no-repeat; background-size:cover; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9;}
.aBox4{ padding:30px 0 90px;position: relative;}
.aBox4 img{ max-width:100%; margin:0 auto;}

.aBox5Bg{ overflow:hidden;}
.aBox5Text{ float:left; width:39%; padding:80px 5% 0 6.25%;}
.aBox5Con{ font-size:15px; color:#666666; line-height:26px; padding-bottom:30px;}
.aBox5Con h3{ font-size:16px; color:#333333; line-height:26px; padding:10px 0;}
.aBox5Img{ float:right; width:61%;}

.honText{ display:none;}
.honLayBg{ position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:1030; display:none;}
.honLay{ position:fixed; width:100%; padding:0 15px; max-width:850px; left:50%; top:50%; transform:translate(-50%,-50%); z-index:1031; color:#ffffff; display:none;}
.close{ position:absolute; right:15px; top:-40px; width:30px; height:30px; background:url(../images/close.png) center center no-repeat; background-size:cover; cursor:pointer; opacity:1; transition:all 0.4s ease 0s;}
.close:hover{ transform:rotate(90deg) scale(0.9); opacity:1;}
.honImg{ overflow:hidden;}
.honImg img{ max-width:100%; margin:0 auto; display:block;}
.honTit{ text-align:center; font-weight:bold; font-size:18px; line-height:200%; padding:5px 0;}
.honBrief{ text-align:center; font-size:16px; line-height:26px; overflow:hidden; max-width:445px; margin:0 auto;}

.kefu{ position:fixed; right:0; bottom:10%; z-index:10;}
.kefu li{ position:relative; margin-bottom:1px;}
.kefu li a{ display:block; width:48px; height:45px; background:#626262; text-align:center; padding-top:9px; transition:all 0.3s ease 0s;}
.WeChat{ position:absolute; right:48px; top:-7px; display:none;}
.WeChat img{ width:100px;}
.kefu li a:hover{ background:#d0000d;}
.kefu li a:hover .WeChat{ display:block;}
iframe#handout_wrap_inner{height:1400px!important;}

@media (min-width:768px){
}
@media (min-width:1260px){
	.container{ width:1230px;}
}
@media (min-width:1430px){
	.container{ width:1330px;}
}
@media (min-width:1600px){
	.container{ width:1420px;}
}
@media (max-width:1600px){
	/* .logo img{ width:200px;}	 */
	.navbar-header{ padding-left:0;}
	.navRig{ margin:0 0 0 20px; height:80px; line-height:80px;}
	nav.navbar.bootsnav ul.nav > li > a{ height:80px; line-height:80px; font-size:16px;}
	
	.main_box{ padding-top:80px;}	
	.headerSpace{ height:80px;}
	
	.banText{ width:85%;}
	.banTit{ font-size:38px;}
	.banTitSub{ font-size:20px;}
	.banBrief{ font-size:16px;}
	
	.box1List li a{ font-size:16px;}
	.box1Img{ max-width:160px;}
	.box1Tit{ font-size:22px; margin:10px 0 5px;}
	.box1Line{ margin:0 auto 10px;}
	
	.box2Text{ font-size:16px; line-height:30px;}
	.box2H4{ font-size:30px; padding-bottom:10px;}
	.box2H4En{ font-size:18px;}
	.box2Tit{ margin:20px 0; padding-right:90px;}
	.box2Tit a{ font-size:24px;}
	.box2Time{ font-size:16px; width:90px;}
	.box2Brief{ max-height:150px; overflow:hidden;}
	.box2more{ width:120px; height:36px; line-height:36px; font-size:16px;}
	
	.box3TIt{ font-size:20px;}
	
	.box4Logo{ max-width:50%;}
	.box4Brief{ font-size:16px; margin:20px 0;}
	.box4More{ width:150px; height:46px; line-height:46px;}
	
	.box5List .swiper-slide{ padding:0 20px;}
	.box5Bg{ height:250px;}
	.box5Tit{ padding:10px 15px; font-size:18px;}
	.box5Con{ padding:15px; font-size:14px; line-height:200%;}
	
	.banner2{ height:340px;}
	.bannerTit{ background-size:85px; padding-left:90px;}
	.bannerTit h2{ font-size:30px;}
	.bannerTit p{ font-size:20px;}
	
	.fenleiList li a{ padding:15px 10px; font-size:18px;}
	
	.newsList li a{ padding:50px 0;}
	.page{ padding:35px 0 135px;}
	
	.newsdetail{ padding:50px 0;}
	
	.busBot li a{ font-size:14px;}
	.busText{ padding:50px 6.25% 50px 4%;}
	.busBot li:nth-child(2n) .busText{ padding:50px 4% 50px 6.25%;}
	.busTit{ padding:20px 0;}
	.busTitNum{ font-size:60px; line-height:30px;}
	.busTitH3 p{ font-size:30px; line-height:20px;}
	.busTitH3 span{ font-size:12px;}
	.busImgText{ padding-left:6.25%;}
	.busImgText h4{ font-size:20px;}
	.busImgText h5{ font-size:28px;}
	.busBrief{ margin:20px 0;}
	.busMore{ width:130px; height:36px; line-height:36px;}
	
	.case{ padding:50px 0 0;}
	.caseList{ margin:0 -15x;}
	.caseList li{ padding:10px 15px;}
	.caseName{ font-size:20px;}
	.caseTit{ font-size:18px;}
	
	.caseTopR{ padding:20px 2% 40px;}
	.caseDeTit{ font-size:28px; padding-bottom:0;}
	.caseTopR p{ margin:10px 0;}
	.caseBtn{ right:2%;}
	.caseBtn a{ width:38px; height:38px;}
	.caseBtn a img{ width:17px;}
	.caseBot{ margin:40px 0 130px;}
	.caseBotTit{ font-size:15px;}
	
	.jobTit{ padding:10px 0;}
	.jobTit span{ height:36px; line-height:36px;}
	.jobText{ font-size:14px; line-height:30px;}
	
	.conTopL{ height:400px;}
	.conTopR{ min-height:400px;}
	.conTopCon{ padding:30px 30px 20px;}
	.conBotTab li{ font-size:18px; height:40px; line-height:40px;}
	
	.aBox1Bg,.aBox2Bg,.aBox3Bg,.aBox4Bg{ padding:60px 0 70px; font-size:14px; line-height:24px;}
	.aBox1Tit{ font-size:24px;}
	.aBox1TitEn{ font-size:16px;}
	.aBox1 .aBox1Swiper{ margin:0 0 10px 15px;}
	
	.aBox2Tit h3{ font-size:30px;}
	
	.aBox2 .swiper-slide a,.aBox3 .swiper-slide a{ height:200px;}
	.aBox2 .swiper-slide img,.aBox3 .swiper-slide img{ height:200px;}
	
	.aBox5Con{ font-size:14px; line-height:24px;}
	.close{ width:25px; height:25px; top:-30px;}
	.honImg img{ height:460px;}
	.honTit{ font-size:16px;}
	.honBrief{ font-size:14px; line-height:22px;}
}
@media (max-width:1400px){
	nav.navbar.bootsnav ul.nav > li > a{ padding:0 15px; margin:0;}
	.navRig > ul > li:first-child{ padding-right:0;}
	
	.box3TextBg{ padding:20px 6%;}
	.box3TIt{ font-size:18px;}
	
	
	.fenleiList li a{ padding:10px; font-size:16px;}
	
	.newsList{ padding-bottom:30px;}
	.newsList li a{ padding:25px 0;}
	.newsImg{ width:300px;}
	.newsText{ margin-left:340px;}
	.newsTit{ font-size:18px; margin-bottom:0;}
	.newsTime{ font-size:18px; line-height:160%;}
	.newsBrief{ margin:5px 0;}
	.newsMore{ width:120px; height:36px; line-height:36px;}
	.page{ padding:35px 0 70px;}
}
@media (max-height:900px) and (min-height:769px){
	
}
@media (max-width:1367px),(max-height:769px){
}
@media (max-width:1200px){	
	.logo{ padding:10px 0 0 0px;}
	.logo img{ width:120px;}
	.navRig{ margin:0 0 0 15px; height:60px; line-height:60px;}
	.navbar-header{ padding-left:0;}
	nav.navbar.bootsnav ul.nav > li > a{ height:60px; line-height:60px; font-size:14px;}
	.searchBox{ width:160px;}
	
	.banTit{ font-size:30px;}
	.banTitSub{ font-size:16px; margin:10px 0 20px;}
	.banBrief{ font-size:14px;}
	
	.main_box{ padding-top:63px;}
	.headerSpace{ height:63px;}
	
	.box1List li a{ font-size:14px;}
	.box1Img{ max-width:140px;}
	.box1Tit{ font-size:18px;}
	
	.box2H4{ font-size:26px;}
	.box2H4En{ font-size:14px;}
	.box2Tit{ margin:10px 0;}
	.box2Tit a{ font-size:20px;}
	.box2Time{ font-size:14px;}
	.box2Text{ font-size:14px;}
	.box2Brief{ max-height:120px;}
	.box2scroll{ max-height:240px;}
	.box2more{ margin-top:15px;}
	
	.box3TextBg{ padding:15px;}
	.box3TIt{ font-size:16px;}
	
	.box4RigCon{ padding:0 5%;}
	
	.box5List{ margin:0;}
	.box5List .swiper-slide{ padding:0 10px;}	
	.box5Tit{ font-size:20px;}
	
	.banner2{ height:300px;}
	
	.fenleiList li{ padding:0 20px;}
	.fenleiList li a{ padding:5px; font-size:14px;}
	
	.newsImg{ width:300px;}
	.newsText{ margin-left:320px;}
	
	.busTit{ padding:10px 0;}
	.busTitNum{ font-size:50px; padding-right:5px;}
	.busTitH3 p{ font-size:24px; line-height:14px;}
	.busBrief{ margin:10px 0 15px;}
	
	.caseTopL,.caseTopR{ float:none; width:100%;}
	.caseTopR{ padding:0;}
	.caseBtn{ position:static; padding:30px 0;}
	
	.conTopCon{ padding:20px;}
	.conAdd .media{ width:100%; padding:5px 0;}
	.conAdd .media .media-left{ vertical-align:top;}
	.conWeChat{ padding:15px 0 0;}
	
	.aBox2Tit{ padding:20px 0;}
	.aBox2Tit h3{ font-size:26px;}
	.aBox2Line{ width:80px; height:2px;}
	.aBox5Text{ padding:50px 3% 10px 6.25%;}
}

@media (max-width:1023px) and ( min-width:993px){
	nav.navbar.bootsnav.menu-center ul.nav.navbar-center{ float:none; margin:0 auto; display:table; table-layout:fixed; left:20px;}
}
@media (max-width:1023px){
}
@media (max-width:1200px) and ( min-width:992px){
	
}
@media (max-width:992px) and ( min-width:767px){
}
@media (max-width:992px){	
	header{ background:rgba(0,0,0,0.4);}
	nav.navbar.bootsnav .navbar-header{ padding:0;}
	.logo{ position:static; padding:12px 0; width:120px; margin-left:15px;}
	.logo img{ width:100px;}
	nav.navbar.bootsnav .navbar-brand{ float:left !important;}
	nav.navbar.bootsnav ul.nav > li > a:after{  height:1px; bottom:-2px; display:none;}
	.navRig{ height:60px; line-height:60px; right:40px !important;}
	.navRig > ul > li > a{ min-width:30px; line-height:26px;}
	nav.navbar.bootsnav .navbar-toggle{ float:right; position:static; margin:0; margin-top:19px;}
	nav.navbar.bootsnav .navbar-nav{ margin:0; left:0; padding:0;}
	nav.navbar.bootsnav ul.nav > li > a{ height:40px; line-height:40px; padding:0 15px; margin:0; border-bottom:none;}
	#navbar-menu{ padding:0; border-top:1px solid #c8000b;}	
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{ color:#ffffff; border-bottom:none;}
	header.active .navbar-default .navbar-nav > .active > a,header.active  .navbar-default .navbar-nav > .active > a:focus, header.active .navbar-default .navbar-nav > .active > a:hover{ color:#246ac5; border-bottom:none;}
	
	.banTextBg{ width:50%;}
	.banTit{ font-size:28px;}
	.banBrief{ font-size:14px;}
	
	.main_box{ padding-top:53px;}
	.headerSpace{ height:53px;}
	
	.box1List{ padding-bottom:0;}
	.box1List li{ width:33.33%; padding:10px 0;}
	/* .box4List{padding:0 3%;}
	.box4List li{ width:32.53%;padding:0;margin:0.4%;}
	.box4List li .img{padding:5px;}
	.brand_head{margin-bottom:20px;}
	.brand_head h3{font-size:24px;} */
	
	.box2Tit{ padding-right:0;}
	.box2Time{ position:static;}
	
	.box3Btn{ opacity:1; width:22px; height:34px;}
	
	.box5List{ padding:0 0 40px;}
	.box5Tit{ font-size:18px; padding:8px 10px;}
	.box5Tit img{ width:25px; vertical-align:middle;}
	
	.banner2{ height:260px;}
	
	.newsList li a{ font-size:14px;}
	.newsImg{ width:240px;}
	.newsText{ margin-left:260px;}
	.newsTit{ font-size:16px;}
	.newsTime{ font-size:14px; line-height:120%;}
	.newsBrief{ height:52px;}
	.newsMore{ width:100px; font-size:14px;}
	
	.newsH1{ font-size:20px;}
	.newsCon{ padding:15px 0; font-size:14px;}
	
	.busTop{ padding:30px;}
	.busTopH3{ font-size:22px;}
	.busBot li a{ padding:0 !important;}
	.busImgBg{ position:static; width:100%; height:auto;}
	.busImg{ position:static; transform:scale(1);}
	.busImg img{ display:block;}
	.busImgHov{ background:rgba(0,0,0,0.2);}
	.busImgText h4,.busImgText h5{ opacity:1; transform:translateX(0);}
	.busText{ padding:30px;}
	.busMore{ opacity:1; transform:translateY(0);}
	
	.wrap{ padding:0 15px;}
	.case{ padding:30px 0 0;}
	.caseList{ margin:0 -10px;}
	.caseList li{ padding:10px;}
	.caseList li{ font-size:14px;}
	.caseText{ padding:25px;}
	.caseTit{ font-size:16px;}
		
	.caseBot{ margin:30px 0 80px;}
	.caseBotTit{ font-size:13px;}
	
	.job{ padding:30px 0 60px;}
	.jobTit span{ font-size:14px;}
	.jobSp1{ font-size:16px !important; width:87%;}
	.jobSp5{ background-size:20px;}
	.jobText{ padding:30px 0;}
	
	.conTop{ margin:50px 0 0px;}
	.conTopL,.conTopR{ float:none; width:100%;}
	.conTopR{ min-height:0;}
	.conTopTab li{ height:42px; line-height:42px; padding:0 5%;}
	.conAdd .media .media-left img{ width:20px;}
	.conBotText{ padding:30px 0;}
	
	.aBox1Bg, .aBox2Bg, .aBox3Bg, .aBox4Bg{ padding:40px 0;}
	.aBox1Tit{ font-size:20px; text-align:center;}
	.aBox1TitEn{ font-size:14px; text-align:center;}
	.aBox1 .aBox1Swiper{ float:none; margin:0 auto 10px; display:block; width:auto; max-width:100%;}
	
	.aBox2Tit h3{ font-size:20px;}
	.aBox2 .swiper-slide a,.aBox3 .swiper-slide a{ height:160px;}
	.aBox2 .swiper-slide img,.aBox3 .swiper-slide img{ height:160px;}
	.aBox2Prev, .aBox2Next, .aBox3Prev, .aBox3Next{ width:10px; height:20px;}
	.aBox2Page,.aBox3Page{ font-size:18px;}
	.aBox4{ padding:20px 0 30px;position: relative;}
	.aBox5Img,.aBox5Text{ float:none; width:100%;}
	.aBox5Img img{ max-width:100%; margin:0 auto;}
	.aBox5Text{ padding:15px;}
	
	.kefu li{ display:none;}
	.kefu li.Top{ display:block;}
	.kefu li.Top a{ width:40px; height:40px;}
	.kefu li.Top a img{ width:15px;}
	.busImgTextBg{ position:absolute; left:0; top:100px; width:100%; height:auto; display:flex; /*justify-content:center;*/ align-items:center;}
	iframe#handout_wrap_inner{height:500px!important;}
}
@media (max-width:767px){
	.banTextBg{ width:80%; left:10%; background:none;}
	.banText{ width:100%; background:rgba(208,0,13,0.4); padding:15px;}
	.banTit{ font-size:24px;}
	
	.box1Brief{ display:none;}		
		
	.box2Img{ float:none; width:100%; height:40%;}
	.box2Text{ float:none; width:100%; height:60%;}
	.bb-custom-wrapper > nav{ top:35%;}	
	.box2Tcon{ padding:0 15px;}	
	.box2H4{ font-size:20px;}
	.box2Tit{ padding:0;}
	.box2Tit a{ font-size:16px; line-height:28px;}
	.box2more{ margin-top:10px;}
	
	
	.banner2{ height:200px;}
	.bannerTit{ background-size:55px; padding-left:60px; margin-top:-30px;}
	.bannerTit h2{ font-size:24px;}
	.bannerTit p{ font-size:16px;}
	
	.conTopL{ height:350px;}
}
@media (max-width:640px){
	nav.navbar.bootsnav{ min-height:40px;}
	.logo{ width:100px;padding:6px 0;}
	.logo img{ width:100px; height:auto;}
	.navRig{ height:44px; line-height:44px;}
	nav.navbar.bootsnav .navbar-toggle{ margin-top:10px;}
		
	.banTit{ font-size:22px;}
	.banLine{ width:60px; height:3px; margin:10px 0;}
	.banBrief{ font-size:14px; line-height:22px;}
	
	.main_box{ padding-top:44px;}
	.headerSpace{ height:44px;}
	
	.box1Img{ width:80%;}
	.box1Tit{ font-size:16px; margin:5px 0; line-height:28px;}
	.box1Line{ width:80%; margin:0 auto;}
	.solve-top{background-size: 80%!important;}
	.solve-title b{padding-bottom:15px;padding-top:30px;font-size:24px;}
	.pat-ul li{width:23.875%;margin-top:1.5%;}
	.pat-ul li:nth-child(21){display: none!important;}
	.pat-ul li:nth-child(4n){margin-right:0;}
	.pat-ul li:nth-child(7n){margin-right:1.5%;}
	.fenleiList li{ padding:0 8px;}
	.fenleiList li a{ padding:0;}
	
	.newsList{ padding-bottom:0px;}
	.newsImg,.newsText{ float:none; width:100%;}
	.newsImg img{ margin:0 auto; max-width:80%;}
	.newsText{ margin:15px 0 0;}
	.newsBrief{ max-height:52px; height:auto;}
	
	.page{ padding:25px 0 35px;}
	.page a{ width:32px; height:24px; line-height:24px; font-size:14px;}
	.pagePrev, .pageNext{ background-size:8px;}
	.page input{ width:32px; height:24px; line-height:22px; font-size:14px; padding:0; text-align:center;}
	.page span{ font-size:14px;}
	
	.newsdetail{ padding:30px 0;}
	.newsH1{ font-size:18px;}
	.newsClock{ font-size:16px;}
	.pager{ font-size:14px;}
	.reList{ float:none; height:38px; line-height:36px; margin-bottom:15px; display:block;}
	.pagerList{ margin-right:0;}
	
	.busTop,.busText{ padding:15px;}
	.busImgText h4{ font-size:16px;}
	.busImgText h5{ font-size:22px;}
	.busTitNum{ font-size:40px; line-height:16px;}
	.busTitH3 p{ font-size:18px; line-height:10px;}
	.busTip{ font-size:16px;}
	
	.caseList li{ width:100%;}
	.caseImg img{ width:100%;}
	.caseText{ padding:0 15px 10px;}
	
	
	.caseTopL .swiper-pagination-bullet{ width:30px;}
	.caseTopL .swiper-pagination-bullet-active{ height:8px;}
	.caseTopL .swiper-pagination-bullet i{ font-size:14px; bottom:10px;}
	.caseDeTit{ font-size:22px;}
	.caseDeTit:after{ width:70px; height:2px;}
	.caseBtn{ padding:20px 0;}
	.caseBtn a{ width:30px; height:30px;}
	.caseBtn a img{ width:14px;}
	.caseBot{ margin:30px 0 50px;}
	
	.jobTit span{ height:30px; line-height:30px;}
	
	.conTop{ margin:30px 0 0;}
	.conTopL{ height:300px;}
	.conBotTab li{ min-width:0; font-size:16px; height:36px; line-height:36px;}
	.conTopCon{ padding:20px 15px;}
	
	.aBox1Bg, .aBox2Bg, .aBox3Bg, .aBox4Bg{ padding:20px 0;}
	.aBox1 p{ margin:10px 0;}
	.aBox2 .swiper-container,.aBox3 .swiper-container{ padding:10px 0 20px;}
	.aBox4{ padding:20px 0;}
	
	.close{ width:20px; height:20px; top:-25px;}
	.honImg img{ height:auto; max-height:50%;}
	.brand_head{margin-bottom:60px;}
}
@media (max-width:460px){
	.searchBox{ display:none;}	
	nav.navbar.bootsnav .navbar-toggle{margin-top:13px;}
	.banner .swiper-pagination{ bottom:10px;}
	.banner .swiper-pagination-bullet{ width:14px; height:14px;}
	.banner_btn{ bottom:40px; width:24px; height:42px; margin-left:-12px;}
	.banner_btn:before{ background-size:10px;}
		
	.box2scroll{ height:150px;}
	.box2Tit{ margin:5px 0;}
	.box2H4{ font-size:18px; padding-bottom:5px;}
	.box2Time{ line-height:24px;}
	.box2Tit a{ font-size:14px; line-height:24px; max-height:48px; overflow:hidden;}
	.box2Brief{ max-height:48px; line-height:24px;}
	.box2more{ width:120px; height:30px; line-height:30px;}
	
	.box4Brief{ max-height:242px; font-size:14px;}
	.box4More{ font-size:14px; line-height:40px; height:40px;}
	
	.footerCon{ padding:10px 15px; font-size:12px;}
	
	.banner2{ height:170px;}
	.bannerTit{ background-size:45px; padding-left:50px; margin-top:0;}
	.bannerTit h2{ font-size:20px;}
	.bannerTit p{ font-size:14px;}
	
	.caseName{ font-size:16px;}
	
	.job{ padding:20px 0 40px;}
	.jobTit span{ height:28px;  line-height:28px;}
	.jobSp5{ background-size:16px;}
	
	/*.conTopL{ height:250px;}*/
	.conBotU li{ width:100%; height:auto !important;}
	.conBotText{ padding:20px 0;}
	.conBotTit{ font-size:16px; margin-bottom:10px;}
	
	.aBox2Tit{ padding:10px 0;}
	.aBox2Tit h3{ font-size:18px;}
	.aBox2Line{ width:60px;}
}
@media (max-width:760px) and ( max-height:420px){
	
}
@media (max-width:360px){
	.box4Brief{ max-height:220px;}
	.banner2{ height:150px;}
	.fenleiList li{ padding:0 4px;}
	.fenleiList li a{ line-height:36px;}
	.conTopL{ height:200px;}
	.conAdd .media .media-left img{ width:15px;}
}
@media (max-width:320px){
	.box4Brief{ max-height:198px; margin:10px 0;}
}
@media (max-height:414px){
}
@media (max-height:240px){
		
}
@media all and (orientation : landscape){
	.box2MImg,.banMobImg{ display:none;}
	.box2PcImg,.banPcImg{ display:block;}
}
@media all and (orientation : portrait){ 
	.box2MImg,.banMobImg{ display:block;}
	.box2PcImg,.banPcImg{ display:none;}
}