.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;}

.indexTitle{text-align:center;}
.indexTitle .t1{font-family:Frick-Regular;font-size:48px;line-height:28px;color:#f7f7f7;text-transform:uppercase;}
.indexTitle .t2{font-size:40px;color:#333333;line-height:40px;margin-top:-20px;}
.indexTitle .t3{font-size:16px;color:#999999;margin-top:16px;line-height:20px;}
.indexApplication{width:100%;padding:80px 0 0;overflow:hidden;}
.indexApplication .box{width:100%;margin-top:50px;position:relative;background-color:#000;}
.indexApplication .box .pic{display:block;width:100%;opacity:0.76;}
.indexApplication .box ul{width:100%;position:absolute;top:0;left:0;height:100%;}
.indexApplication .box ul li{position:absolute;cursor:pointer;}
.indexApplication .box ul li.l1{bottom:40%;left:18%;}
.indexApplication .box ul li.l2{bottom:45%;left:35.5%;}
.indexApplication .box ul li.l3{bottom:59.5%;right:46.5%;}
.indexApplication .box ul li.l4{bottom:51.5%;right:35.5%;}
.indexApplication .box ul li.l5{bottom:44.2%;right:30.6%;}
.indexApplication .box ul li.l6{bottom:64%;right:10%;}
.indexApplication .box ul li .contBox{display:flex;align-items:flex-start;justify-content:flex-start;transition:all 0.6s ease;}
.indexApplication .box ul li .img{width:64px;height:64px;overflow:hidden;position:relative;z-index:1;transition:all 0.6s ease;}
.indexApplication .box ul li .img::after{content:'';width:100%;height:100%;background:url('../images/application_bg01.png') center center no-repeat;background-size:100% 100%;position:absolute;top:0;left:0;z-index:-1;animation:rotate 12s linear 0s infinite normal;}
.indexApplication .box ul li .img img{width:30px;display:block;margin:50% auto 0;transform:translateY(-50%);}
.indexApplication .box ul li .cont{width:250px;padding:20px 30px;margin-left:138px;margin-top:-40px;background:url('../images/application_bg02.png') center center no-repeat;background-size:100% 100%;position:relative;display:none;}
.indexApplication .box ul li .cont::after{content:'';width:104px;height:9px;background:url('../images/application_solid.png') center left no-repeat;background-size:auto 100%;position:absolute;top:50%;left:-104px;transform:translateY(-50%);}
.indexApplication .box ul li .cont::before{content:'';width:7px;height:7px;background-color:rgba(255, 255, 255, 0.58);position:absolute;top:50%;left:-3px;transform:translateY(-50%);margin-top:-4px;}
.indexApplication .box ul li.l3 .cont,.indexApplication .box ul li.l4 .cont,.indexApplication .box ul li.l5 .cont,.indexApplication .box ul li.l6 .cont{margin-left:0;margin-right:138px;}
.indexApplication .box ul li.l3 .cont::after,.indexApplication .box ul li.l4 .cont::after,.indexApplication .box ul li.l5 .cont::after,.indexApplication .box ul li.l6 .cont::after{right:-104px;transform:translateY(-50%) rotateY(180deg);left:auto;}
.indexApplication .box ul li.l3 .cont::before,.indexApplication .box ul li.l4 .cont::before,.indexApplication .box ul li.l5 .cont::before,.indexApplication .box ul li.l6 .cont::before{right:-3px;left:auto;}
.indexApplication .box ul li .cont .t1{font-size:22px;color:#ffffff;line-height:30px;}
.indexApplication .box ul li .cont .a{display:inline-block;font-size:16px;color:#ffffff;line-height:16px;margin-top:10px;}
.indexApplication .box ul li .cont .a:hover{color:#e77817;}
.indexApplication .box ul li .dot{float:right;width:2px;height:40px;background-color:rgba(255, 255, 255, 0.3);position:relative;transition:all 0.6s ease;margin-right:31px;}
.indexApplication .box ul li.l1 .dot,.indexApplication .box ul li.l2 .dot{float:left;margin-left:31px;margin-right:0;}
.indexApplication .box ul li .dot::after{content:'';width:14px;height:14px;background-color:rgba(255, 255, 255, 0.33);border-radius:50%;position:absolute;bottom:-14px;left:50%;transform:translateX(-50%);}
.indexApplication .box ul li .dot::before{content:'';width:8px;height:8px;border-radius:50%;background-color:#fff;position:absolute;bottom:-11px;left:50%;transform:translateX(-50%);}
.indexApplication .box ul li:hover .contBox{transform:translateY(-38px);}
.indexApplication .box ul li:hover .img{transform:scale(2.2);}
.indexApplication .box ul li:hover .cont{display:block;}
.indexApplication .box ul li:hover .dot{height:60px;}
@media (max-width: 1680px){
.indexApplication .box ul li:nth-child(4):hover .contBox{transform:translateY(-20px);}
}
@media (max-width: 1600px){
.indexApplication .box ul li:hover .img{transform:scale(2);}
.indexApplication .box ul li:hover .contBox{transform:translateY(-30px);}
.indexApplication .box ul li:nth-child(4):hover .contBox{transform:translateY(-10px);}
.indexApplication .box ul li .cont{margin-left:132px;}
.indexApplication .box ul li:nth-child(n+3) .cont{margin-right:132px;}
}
@media (max-width: 1440px){
.indexApplication .box ul li:nth-child(4):hover .contBox{transform:translateY(0px);}
}
@media (max-width: 1366px){
.indexApplication .box ul li:hover .img{transform:scale(1.6);}
.indexApplication .box ul li:hover .contBox{transform:translateY(-18px);}
.indexApplication .box ul li:nth-child(4):hover .contBox{transform:translateY(30px);}
.indexApplication .box ul li .cont{margin-left:118px;}
.indexApplication .box ul li:nth-child(n+3) .cont{margin-right:118px;}
}
.indexTitle {
    text-align: center;
}
/*! CSS Used keyframes */
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);}100%{opacity:1;-webkit-transform:none;transform:none;}}
@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);}100%{opacity:1;-webkit-transform:none;transform:none;}}
@keyframes rotate{0%{transform:rotate(0deg);}100%{transform:rotate(720deg);}}
/*! CSS Used fontfaces */
@font-face{font-family:'Frick-Regular';src:url('../fonts/Frick0.3-Regular-3.otf');}



.boxTit{overflow:hidden;line-height:40px;padding-bottom:20px;}
.boxTith2{font-size:30px;color:#333333;}
.boxTith2 img{vertical-align:middle;margin-top:-4px;}
.boxTith2 span{font-size:32px;color:#d5d5d5;font-family:Arial;text-transform:uppercase;}
.boxTith2 a{font-size:16px;}


/*.box1Bg{ background:url(../images/box1Bg.png) center center #FFFFFF no-repeat;}*/
.box1Rig{color:#fff;float:right;/*background:#1663cb;*/color:#FFFFFF;width:550px;height: 490px;padding: 20px;position:relative;z-index:2;overflow: hidden;}
.box1Rig img{width:100%;height:100%;}


.box1Lef{padding:40px 55px 30px 0;overflow:hidden;margin-right:220px;}
.box1Text{font-size:15px;color:#6f6f6f;line-height:28px;height:104px;overflow:hidden;margin-bottom:35px;}
.box1Bot{overflow:hidden;margin:0 -25px;}
.box1Bot li{float:left;width: 300px;height: 150px;margin-bottom: 20px;}
.box1Con{padding: 0 15px 10px;border-right:1px solid #dddddd;}
.box1Num{font-size:30px;color:#ff9000;display:block;text-align:center;line-height:120%;padding-bottom:5px;}
.box1Brief{text-align:center;font-size:14px;color:#828282;line-height:24px;padding: 0 10px;}
.box1Bot li.last .box1Con{border:none;}


.wrap{width:1260px;margin:0 auto;}
/* indexCase */
.indexCase{width: 100%;background: url('../images/case_bg.jpg') center center no-repeat;background-size: cover;padding: 80px 0;overflow: hidden;}
.indexCase .indexTitle .t1{color: #fff;opacity: 0.05;}
.indexCase .indexTitle .t2{/*color: #fff;*/}
.indexCase .indexTitle .t3{/*color: #fff;*/}
.indexCase .box{width: 100%;position: relative;margin-top: 60px;}
.indexCase .box .caseBox{width: 66%;margin: 0 !important;height: 600px !important;}
.indexCase .box .caseBox .swiper-slide{height: 600px !important;}
.indexCase .box .aboutTabs{width: 32%;position: absolute;top: 0;right: 0;z-index: 2;}
.indexCase .box .aboutTabs>a{display: block;width: 100%;height: 194px;background-color: #fff;padding: 65px 8%;box-sizing: border-box;}
.indexCase .box .aboutTabs>a:nth-child(2){margin:9px 0;}
.indexCase .box .aboutTabs>a .icon-gongsi{float: left;width: 64px;height: 64px;border-radius: 50%;background-color: rgba(2, 73, 157, 0.11);color: #015273;font-size: 30px;line-height: 64px;text-align: center;}
.indexCase .box .aboutTabs>a .tit{float: left;margin-left: 6%;}
.indexCase .box .aboutTabs>a .tit .t1{font-size: 26px;line-height: 34px;color: #333333;margin-top: 4px;}
.indexCase .box .aboutTabs>a .tit .t2{margin-top: 3px;}
.indexCase .box .aboutTabs>a .tit .icon-dizhi{color: #333;font-size: 20px;float: left;line-height: 20px;}
.indexCase .box .aboutTabs>a .tit .p{font-size: 14px;line-height: 20px;color: #333333;float: left;margin-left: 6px;}
.indexCase .box .aboutTabs>a.active{background-color: #015273;}
.indexCase .box .aboutTabs>a.active .icon-gongsi{background-color: #fff;}
.indexCase .box .aboutTabs>a.active .tit .t1,.indexCase .box .aboutTabs>a.active .tit .icon-dizhi,
.indexCase .box .aboutTabs>a.active .tit .p{color: #fff;}
.indexCase .box .caseImg{width: 100%;position: relative;height:600px !important;}
.indexCase .box .caseImg .swiper-slide .img{width: 100% !important; height: 600px !important; overflow: hidden;}
.indexCase .box .caseImg .swiper-slide .img img{display: block;height: 100%;margin-left: 50%;transform: translateX(-50%);}
.indexCase .box .caseImg .icon-jiantou{font-size: 40px;color: #fff;position: absolute;top: 50%;z-index: 2;transition: all 0.6s ease;}
.indexCase .box .caseImg .left{transform: rotateY(-180deg) translateY(-50%);left: 4%;}
.indexCase .box .caseImg .right{transform:translateY(-50%);right: 4%;}
.indexCase .box .caseImg .icon-jiantou:hover{color: #015273;}

/*案例*/

/*! CSS Used from:  */

.clearfix{*zoom:1;}
.indexTit .tit {
    font-size: 40px;
    line-height: 40px;
    text-align: center;
    color: #333;
}
.icon {
    background: url(../images/icon.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
}
.web-column h3{margin:0 0 2px;font-weight:normal;background:url(../images/p14-icon5.png) no-repeat right center #ddd;padding:0 30px;}
.web-column h3 a{display:block;line-height:50px;font-size:16px;color:#333;}
.web-column h3.on,.web-column h3:hover{background:url(../images/p14-icon2.png) no-repeat right center #015273;}
.web-column h3.on a,.web-column h3:hover a{color:#fff;}
.web-column li{line-height:50px;border-bottom:1px solid #fff;}
.web-column li a{display:block;padding:0 30px;background-color:#ECECEC;}
.web-column .sub>a{position:relative;}
.web-column .sub>a:after{content:'';width:8px;height:8px;border:2px solid #b8b8b8;border-style:solid solid none none;position:absolute;top:50%;right:32px;margin-top:-4px;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.web-contact-z2{background-color:#015273;text-align:center;color:#fff;padding:20px;margin-bottom:20px;}


.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.indexTit{padding-top:56px;}
.indexTit h3{font-size:40px;}
.indexTit .tit{font-size:40px;line-height:40px;text-align:center;color:#333;}
.indexTit .tit em{display:block;font-weight:bold;color:#0195df;text-align:center;}
.indexTit .subtit{width:599px;height:32px;margin:0 auto;margin-top:16px;background:url("../images/titLine1.png") no-repeat center center;background-size:599px 32px;}
.floor_2_main{width:100%;height:657px;background:url("../images/caseBg.png") no-repeat center center;background-size:1920px 657px;}
.floor_2 .indexTit{padding-top:80px;}
.floor_2 .indexTit .tit{color:#fff;}
.floor_2 .indexTit .tit em{color:#fff;}
.floor_2 .indexTit .subtit{background:url("../images/titLine2.png") no-repeat center center;background-size:599px 32px;}
.floor_2 .caseList{margin-top:60px;position:relative;}
.floor_2 .caseList .item{float:left;display:block;width:280px;height:270px;margin-right:30px;}
.floor_2 .caseList .item a{display:block;}
.floor_2 .caseList .item .img{display:block;width:280px;height:210px;overflow:hidden;}
.floor_2 .caseList .item .img img{display:block;width:100%;height:100%;}
.floor_2 .caseList .item .txt{height:60px;line-height:60px;background:#fff;transition:background ease 0.36s;}
.floor_2 .caseList .item .txt .tit{height:60px;font-size:16px;line-height:60px;text-indent:30px;color:#666;background:url("../images/arrA.png") no-repeat 92% center;background-size:21px 4px;}
.floor_2 .caseList .item:hover .txt{background:#015273;transition:background ease 0.36s;}
 .floor_2 .caseList .item:hover .txt .tit{color:#fff;background:url() no-repeat 92% center;background-size:21px 4px;transition:background ease 0.36s;}
 .floor_2 .caseList .hd{position:absolute;width:100%;top:90px;}
.floor_2  .hd span {
    position: absolute;
    display: block;
    width: 40px;
    height: 40px;
    cursor: pointer;
}
.floor_2 .hd span{position:absolute;display:block;width:40px;height:40px;cursor:pointer;}
.floor_2  .hd .prev{left:-80px;background-position:-152px -20px;}
.floor_2  .hd .next{right:-90px;background-position:-194px -20px;}
.floor_2  .hd .prev:hover{background-position:-110px -20px;}
.floor_2  .hd .next:hover{background-position:-236px -20px;}
.floor_2 .cMore{display:block;width:198px;height:43px;margin:0 auto;margin-top:40px;font-size:16px;line-height:43px;text-align:center;color:#333;border:1px solid #cfdce5;transition:all ease 600ms;}
.floor_2 .cMore:hover{width:240px;background:#015273;color:#fff;transition:all ease 600ms;}
/*! CSS Used from: http://02.pbootcms.shwlz.cn/P0198/pc/css/common.css */
a{text-decoration:none;outline:0;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;}
*{-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-touch-callout:none;margin:0;}
::-webkit-scrollbar{width:10px;height:10px;}
::-webkit-scrollbar-track{border-radius:0;background:#fff;}
::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.2);}
::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,0.4);background-color:#0195df;}


/* indexNews */
.indexNews{width: 100%;background: url('../images/news_bg.jpg') bottom center no-repeat;background-size: cover;padding: 80px 0 170px;overflow: hidden;}
.indexNews .box{width: 100%;background-color: #fff;padding: 60px 3% 80px;box-sizing: border-box;}
.indexNews .contBox{width: 100%;margin-top: 50px;position: relative;overflow: hidden;}
.indexNews .imgBox{width: 48%;display: block;position: relative;overflow: hidden;}
.indexNews .imgBox img{width: 100%;display: block;transition: all 0.6s ease;}
.indexNews .imgBox .cont{width: 100%;background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.6));position: absolute;bottom: 0;left: 0;padding:6% 5% 4%;box-sizing: border-box;}
.indexNews .imgBox .cont .time{color: #fff;font-size: 16px;}
.indexNews .imgBox .cont .tit{color: #fff;	font-size: 18px;margin: 3% 0 2%;}
.indexNews .imgBox .cont .txt{color: #fff;	font-size: 16px;}
.indexNews .imgBox:hover img{transform: scale(1.05);}
.indexNews ul{width: 48%;position: absolute;top: 0;right: 0;height: 100%;}
.indexNews ul li{width: 100%;border-bottom: 1px dashed rgba(0, 0, 0, 0.16);height: 28%;margin-bottom: 5%;box-sizing: border-box;}
.indexNews ul li:last-child{margin-bottom: 0;}
.indexNews ul li .time{float: left;font-size: 48px;color: #333;text-align: center;margin-right: 3%;}
.indexNews ul li .time p{font-size: 16px;}
.indexNews ul li .cont{float: left;padding-left: 3%;border-left: 1px solid #eee;margin-top: 8px;width: 82%;}
.indexNews ul li .cont .tit{font-size: 18px;color: #333333;line-height: 28px;margin: 0 0 8px;transition: all 0.6s ease;}
.indexNews ul li .cont .txt{font-size: 16px;color: #999;line-height: 26px;transition: all 0.6s ease;}
.indexNews ul li:hover .time,.indexNews ul li:hover .tit{color: #015273;}

.indexMessage{width: 100%;background-size: cover;padding: 50px 0;overflow: hidden;}

.indexMessage .box{width: 100%;position: relative;margin-top: 60px;}
.indexMessage .contBox{width: 100%;margin-top: 50px;position: relative;overflow: hidden;}


/* banner */
.banner .swiper-slide {
	width: 100%;
}

.banner .swiper-slide img {
	width: 100%;
}

.sideWord {
	position: absolute;
	top: 0;
	z-index: 999;
	bottom: 0;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	    height: 100%;
	    width: 100%;
}

.sideWord>p:nth-child(1) {
	color: #fff;
	position: relative;
	background-clip: -webkit-text;
	background-image: linear-gradient(rgb(0, 77, 159), rgba(1, 139, 205, 0.5));
	color: transparent;
	-webkit-background-clip: text;
	text-align: center;
	animation: overlayAnimation 10s infinite linear reverse;
	letter-spacing: 0;
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
	font-size: 2.5vw;
}

.sideWord>p:nth-child(2) {
	font-size: 1.5vw;
	color: rgba(255,255,255,0.8);
}
.sideBanner .swiper-slide{
	position: relative;
}
.sideBanner .swiper-slide::after{
	position: absolute;
	content: '';
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(0,0,0,0.1);
}

.col-lg-6{width:45%;float:left;position:relative;padding:10px}

.btn-circle{position:relative;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}
.btn-circle-hover,.btn-circle-click{position:absolute;z-index:-2;display:block;-webkit-transform:translate3d(-50%, -50%, 0);-moz-transform:translate3d(-50%, -50%, 0);transform:translate3d(-50%, -50%, 0);width:0;height:0;-moz-border-radius:50%;border-radius:50%;background:#e00012;}
.btn-circle-hover{opacity:0;}
.btn-circle-click{background:#ee9d84;}

.demand-logo-list{font-size:0;}
.demand-logo-one{display:inline-block;width:50%;vertical-align:top;}
.demand-logo-one-img,.demand-logo-one-desc{position:relative;display:inline-block;width:49%;vertical-align:top;text-align:center;}
.demand-logo-one-img{z-index:1;}
.demand-logo-one-desc{z-index:2;background-color:#fff;}
.demand-logo-one-img img,.demand-logo-one-desc img{width:56%;height:auto;border:1px solid #f6f6f6;}
.demand-logo-one-img-1{-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%);-o-transition:2s;-moz-transition:2s;transition:2s;opacity:0;}
.demand-logo-one-img-1.move{-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);opacity:1;}
.demand-logo-one-img-2{-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%);-o-transition:2s;-moz-transition:2s;transition:2s;opacity:0;}
.demand-logo-one-img-2.move{-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);opacity:1;}
.demand-logo-one-img-3{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%);-o-transition:2s;-moz-transition:2s;transition:2s;opacity:0;}
.demand-logo-one-img-3.move{-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);opacity:1;}
.demand-logo-one-img-4{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%);-o-transition:2s;-moz-transition:2s;transition:2s;opacity:0;}
.demand-logo-one-img-4.move{-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);opacity:1;}
.demand-logo-one-desc-1 img{-o-transition:1.5s .6s;-moz-transition:1.5s .6s;transition:1.5s .6s;opacity:0;}
.demand-logo-one-desc-1.move img{opacity:1;}
.demand-logo-one-desc-2 img{-o-transition:1.5s .6s;-moz-transition:1.5s .6s;transition:1.5s .6s;opacity:0;}
.demand-logo-one-desc-2.move img{opacity:1;}
.demand-logo-one-desc-3 img{-o-transition:1.5s .6s;-moz-transition:1.5s .6s;transition:1.5s .6s;opacity:0;}
.demand-logo-one-desc-3.move img{opacity:1;}
.demand-logo-one-desc-4 img{-o-transition:1.5s .6s;-moz-transition:1.5s .6s;transition:1.5s .6s;opacity:0;}
.demand-logo-one-desc-4.move img{opacity:1;}
.demand_con .row{margin-left:0px;margin-right:0px;}

.demand_right{position:relative;opacity:0;-o-transition:opacity .7s .1s;-moz-transition:opacity .7s .1s;transition:opacity .7s .1s;}
.demand_reminder{font-size:16px;color:#777777;margin-bottom:15px;}
.demand_form .row{margin-left:-5px;margin-right:-5px;}
.demand_form .col-md-6,.demand_form .col-lg-6{padding-left:5px;padding-right:5px;}
.demand_ipt input{width:90%;background:#fff;border:1px solid #e8e8e8;height:42px;line-height:42px;padding-left:10px;}
.demand_ipt textarea{width:100%;height:95px;border:1px solid #e8e8e8;margin-top:15px;padding:10.5px 10px;resize:none;}

.send{width:100%;height:54px;line-height:48px;font-size:20px;color:#666;margin-top:15px;}

.send input{width:200px;color:#fff;line-height:48px;height:48px;font-size:20px;border:none;tex-align:center;background:#015273}


/**新闻列表**/

.inner{width:1260px;margin:0 auto;}
.newsBo {

	display: flex;

	flex-wrap: wrap;

}

.newsBoside {

	padding-top: 60px;

	padding-bottom: 60px;

}

.newsBoside a {

	margin-bottom: 30px;

}

.newsBo>a:nth-child(3n+3) {

	margin-right: 0;

}



.newsCommon {

	display: inline-block;
	width: 31%;
	margin-right: 2%;
	border: 1px solid rgb(220, 220, 220);
	transition: all 0.8s;

}



.newsPic {

	overflow: hidden;

}



.newsPic img {

	height: 300px;

	width: 100%;

	float: left;

	transition: all 0.8s;

}



.newsWord {

	padding: 20px;

}



.newsWord_parh1 {

	font-size: 18px;

	letter-spacing: 1px;

	color: rgb(51, 51, 51);


	white-space: nowrap;

	text-overflow: ellipsis;

	overflow: hidden;

	word-break: break-all;
	margin-bottom: 18px;

}



.newsWord_parh2 {

	font-size: 15px;

	color: rgb(136, 136, 136);

	line-height: 33px;

	text-overflow: -o-ellipsis-lastline;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 2;

	line-clamp: 2;

	-webkit-box-orient: vertical;

	margin-bottom: 18px;
}

.tl {
	margin-bottom: 0 !important;
	text-align: center !important;
}

.newsWord_date {

	display: flex;

	justify-content: space-between;

	font-size: 16px;

	font-family: 'DIN';

	color: rgb(102, 102, 102);

}



.newsWord_date>p:nth-child(2) {

	color: rgb(51, 51, 51);

}



.newsCommon:hover {

	box-shadow: 1px 1px 10px 1px rgb(220, 220, 220);

}



.newsCommon:hover .newsPic img {

	transform: scale(1.1);

}



.newsCommon:hover .newsWord_parh1 {

	color: rgb(0, 97, 174);

}



.News {

	margin-bottom: 70px;

}



.swtichPage_con {

	padding-bottom: 100px;

}



.swtichPage {

	display: flex;

	align-items: center;

	justify-content: center;

}



.swtichPage a {

	margin-right: 35px;

	padding: 8px 14px;

	border-radius: 10px;

	font-size: 16px;

	transition: all 0.6s;

	color: rgb(85, 85, 85);

	box-sizing: border-box;

	display: inline-block;

	transition: all 0.8s;

}



.swtichPage>a:last-child {

	margin-right: 0;

	border: none;

}



.swtichPage>a:first-child {

	border: none;

}



.swtichPage a:hover {

	background: rgb(0, 97, 174);

	color: #fff;

	border: none;

	border: none;

}

.cy {

	background: rgb(0, 97, 174) !important;

	color: #fff !important;

}


/**新闻内页**/
.icleDetail {
    position: relative;
}
.sideBg {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}
.sideBg img{width:100%;}
.Center {
    display: flex;
}

.Detail {
	width: 74%;
	margin-right: 1%;
	padding: 0 35px;
	box-shadow: 1px -3px 10px 1px rgb(220, 220, 220);
	background: #fff;
}

.Brand {
	width: 25%;
}

.Type {
	padding: 15px 0 30px 0;
	border: 1px solid rgb(235, 235, 235);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.Type>p:nth-child(2) {
	letter-spacing: 1px;
	text-align: center;
	font-size: 22px;
	color: #000;
	margin-bottom: 12px;
}

.Type>p:nth-child(3) {
	letter-spacing: 1px;
	text-align: center;
	font-size: 16px;
	color: rgb(102, 102, 102);
}


.newsTitle {
	padding: 20px 0;
	margin: 0 20px;
	letter-spacing: 1px;
	color: #000;
	font-size: 23px;
	font-weight: 600;
	padding-top: 30px;
}

.boxA {
	display: inherit;
	padding: 15px 0;
	margin: 0 20px;
	border-top: 1px solid rgb(230, 230, 230);
	transition: all 0.8s;
}

.boxA:hover {
	transform: scale(0.96);
}

.boxA:hover .wy {
	color: rgb(0, 145, 213);
}

.wy {
	color: rgb(102, 102, 102);
	font-size: 16px;
	margin-bottom: 10px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	transition: all 0.8s;
	word-break: break-all;
	font-family: 'DIN';
}

.boxA>p:nth-child(2) {
	color: rgb(102, 102, 102);
	font-size: 14px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
}

.deTitle {
	padding-top: 40px;
	padding-bottom: 25px;
	border-bottom: 1px solid rgb(235, 235, 235);
}

.title1 {
	font-size: 25px;
	color: #000;
	font-weight: 600;
	letter-spacing: 1px;
	font-family: 'DIN';
}

.deMore {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 40px;
}

.title2 span {
	font-size: 14px;
	color: #000;
	letter-spacing: 1px;
	margin-right: 30px;
}

.deSize {
	margin-right: 40px;
	display: flex;
	align-items: center;
	font-size: 14px;
	color: rgb(136, 136, 136);
}

.deSize a {
	font-size: 14px;
	color: rgb(136, 136, 136);
	margin: 0 5px;
}

.deRight {
	display: flex;
	align-items: center;
	letter-spacing: 2px;
	font-size: 14px;
	color: rgb(51, 51, 51);
	font-family: 'DIN';
}

.deRight img {
	margin-right: 10px;
}

.detailBox {
	padding-top: 40px;
	padding-bottom: 40px;
}

.detailBox p {
	font-size: 15px;
	color: rgb(51, 51, 51);
	font-family: 'DIN';
	line-height: 34px;
	margin-bottom: 15px;
	max-width: 100%;
}
.detailBox img {
	
	max-width: 100%;
}

.Edit {
	display: flex;
	align-items: center;
	padding-bottom: 40px;
	border-bottom: 1px solid rgb(235, 235, 235);
	justify-content: space-between;
}

.Editor {
	font-size: 15px;
	letter-spacing: 1px;
	color: rgb(136, 136, 136);
	word-spacing: 10px;
	display: flex;
	align-items: center;
}

.Editor span {
	display: inline-block;
	width: 4px;
	height: 16px;
	background: rgb(0, 145, 213);
	margin-right: 13px;
}

.Share {
	display: flex;
	align-items: center;
}

.Share p {
	font-size: 14px;
	letter-spacing: 1px;
	color: rgb(136, 136, 136);
	margin-right: 5px;
}

.Share a {
	margin-left: 12px;
}

.newsDevide {
	padding-top: 40px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 50px;
	border-top: 1px solid rgb(220, 220, 220);
}

.newsLink {
	width: 80%;
}

.newsLink a {
	font-size: 15px;
	color: rgb(51, 51, 51);
	font-family: 'DIN';
	margin-bottom: 15px;
	display: inline-block;
	transition: all 0.8s;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
	line-height:32px;
}

.newsLink a:hover {
	color: rgb(0, 145, 213);
	transform: translateX(15px);
}

.newsLink a:nth-child(2) {
	margin-bottom: 0;
}


.Print {
	cursor: pointer;
	display: flex;
	align-items: center;
}

.sizeOn {
	color: rgb(0, 145, 213) !important;
	font-size: 15px !important;
	font-weight: 600;
}

.deSize a {
	cursor: pointer;
}

.detailBox p {
	transition: all 0.5s;
}

.icleDetail {
	position: relative;
}


/* 联系我们 */
.Contact {
	margin-top: 55px;
	margin-bottom: 40px;
}

.tact1 {
	text-align: center;
	font-weight: 600;
	color: #0091d5;
	margin-bottom: 10px;
	font-size: 24px;
}

.tact2 {
	color: #000;
	font-weight: 600;
	text-align: center;
	margin-bottom: 40px;
	font-size: 30px;
}

.tact3 {
	color: #555555;
	font-size: 16px;
	margin-bottom: 25px;
	font-family: 'DIN';
}

.tactRess {
	display: flex;
	border: 1px solid rgb(229, 229, 229);
	margin-top: 60px;
}

.tactRess>div:nth-child(3) {
	border-right: none;
}

.lineSame {
	width: 33.3%;
	padding: 50px;
	display: flex;
	flex-direction: column;
	align-items: center;
	border-right: 1px solid rgb(229, 229, 229);
	transform: all 0.6s;
	cursor: pointer;
}

.lineSame:hover img {
	animation: jello 1.4s;
}

.lineSame>p:nth-child(2) {
	color: #666666;
	font-size: 16px;
	margin-top: 25px;
}

.lineSame>p:nth-child(3) {
	font-size: 20px;
	color: #000;
	margin-top: 5px;
	text-align: center;
	font-weight: 600;
}

.linePic {
	height: 40px;
}

.tactRight {
	margin-top: 50px;
	margin-bottom:30px;
}


/* 留言内容 */
.messTit {
	margin-top: 55px;
	margin-bottom: 45px;
	position: relative;
}

.Message {
	position: relative;
	padding-bottom: 100px;
}

.messTit>p:nth-child(1) {
	text-align: center;
}

.messTit>p:nth-child(2) {
	color: #000;
	font-weight: 600;
	letter-spacing: 1px;
	font-size: 40px;
	text-align: center;
	margin-top: -45px;
}

.messVide {
	display: flex;
}

.messVide>div:nth-child(2) {
	margin-right: 0;
}

.messCommon {
	width: 48%;
	margin-right: 4%;
	margin-bottom: 30px;
}

.messName {
	font-size: 16px;
	color: #000;
	margin-bottom: 15px;
}

.messInput {
	padding: 18px 25px;
	background: rgb(249, 249, 249);
	border: 1px solid rgb(220, 220, 220);
}

.messInput input {
	letter-spacing: 1px;
	width: 90%;
	background:none;
}

.messInput img {
	margin-right: 18px;
}

.messTxt {
	padding: 18px 25px;
	background: rgb(249, 249, 249);
	border: 1px solid rgb(220, 220, 220);
	display: flex;
	align-items: baseline;
}

.messTxt img {
	margin-right: 18px;
}

.messTxt textarea {
	color: #999;
	letter-spacing: 1px;
	height: 120px;
	width: 90%;
	position: relative;
	top: -3px;
}

.giveUp {
	margin: auto;
	display: inline-block;
	background: rgb(0, 145, 213);
	color: #fff;
	font-size: 20px;
	margin-top: 50px;
	width: 300px;
	padding: 12px 0;
	text-align: center;
	display: flex;
	justify-content: center;
	transition: all 0.6s;
	cursor: pointer;
	border: 1px solid transparent;
}

.giveUp:hover {
	border-radius: 10px;
	border: 1px solid rgb(0, 145, 213);
	background: #fff;
	color: rgb(0, 145, 213);
}


.bg_grey {
	background: rgb(245, 245, 245);
}

.pubNav {
	height:66px;
	line-height:66px;
}

.pubNav a {
	padding: 20px 30px;
	font-size: 20px;
	color: #000;
	letter-spacing: 1px;
	transition: all 0.6s;
}
.pubNav a span{font-size:20px}
.pubNav a:hover{
	color: #fff;
	background: #0091d5;
}

.puon {
	background: #0091d5 !important;
	color: #fff !important;
}
.puon span{color:#fff;}

.exaCase {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 30px;
}

.exaCase a:nth-child(4n+4) {
	margin-right: 0;
}

.exaCase a {
	width: 23.5%;
	margin-right: 2%;
	margin-top: 4%;
	transition: all 0.8s;
}

.exaSame {
	transition: all 0.8s;
}

.exa1 {
	position: relative;
	overflow: hidden;
	transition: all 0.8s;
	max-height: 225px;
}

.exa1::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	left: 0px;
}

.exa1 {
	transition: all 0.8s;
	border-radius: 15px;
}

.exaSame:hover .exa1::before {
	animation: gradient-rectangle 1s;
	animation-delay: 0s;
	-webkit-animation-timing-function: cubic-bezier(0, 0, 0.18, 0.96);
}

.exaSame:hover .exa1 img {
	transform: scale(1.1);
	transition: all 0.8s;
}

.exa2 {
	color: #000;
	text-align: center;
	font-size: 18px;
	margin-top: 15px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
	transition: all 0.8s;
}

.exaSame:hover .exa2 {
	color: #0091d5;
}

.Example {
	position: relative;
	padding-bottom: 90px;
}
.friends{
    margin-bottom:0px;
}
.friends a{
    margin:5px;
    font-size: 16px;
    font-weight: 700;
}

.box2{
    display: block;
    width: 100%;
}
.box2 img{
   
    width: 100%;
}