/* CSS Document */
body{background:#fff; font-family:'Poppins', sans-serif;}
body a {transition: 0.5s all; -webkit-transition: 0.5s all; -o-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all;}
ul,li{    list-style: none;
    list-style-type: none;}
 body {margin: 0px; padding: 0px; font-family:'Poppins', sans-serif; background:#fff;}
body, td, th {font-family:'Poppins', sans-serif; font-size: 14px; color: #666;}
a {font-family:'Poppins', sans-serif; color: #666; text-decoration: none; }
a:hover {color: #1d58af;text-decoration: none; }
div, dl, dt, dd, ul, ol, li, form,h1,h2,h3 {margin: 0px; padding: 0px;}
ul, ol, li {list-style: none; list-style-type: none;}
img {border: 0px;}
p{padding: 0px; margin:0px;}
.clear{ clear:both; padding:0px; padding:0px; line-height:0px;}
.clearfix:after {content: ".";display: block;font-size: 0;height: 0;line-height: 0;overflow: hidden;visibility: hidden;width: 0;}
.clearfix:after {clear: both;}

.container{width:1200px; margin:0 auto;}

#header{position:fixed;z-index: 11; width:100%; height:79px; border-bottom: 1px solid rgba(255,255,255,0.2);background: rgba(0,0,0,0.4);}
#header .logo{float:left; margin-top: 0px;}
#header .logo img{max-height: 79px;}
#header .nav{float:right; height: 79px; line-height: 79px;}
#header .nav ul li{float:left;}
#header .nav ul li a{color:#fff; padding: 0px 25px;}
#header .nav ul li#tel a{border-left:2px solid #fff; padding-right: 50px;}
#header .nav ul li:hover{background-image: linear-gradient(to top right, #1d58af, #019aef);}
#header .nav ul li.active{background-image: linear-gradient(to top right, #1d58af, #019aef);}
#header .nav ul li.dropdown{position: relative;}
#header .nav ul li.dropdown .headerprocate{height:0px;overflow: hidden; transition:height 0.6s; width:0px; }
#header .nav ul li.dropdown .headerprocate a{display: block; background-color:rgba(0,0,0,.3);}
#header .nav ul li.dropdown:hover .headerprocate {display: block; height: 162px; width:200px; position:absolute; z-index: 99; line-height: 32px;}
#header .nav ul li.dropdown:hover .headerprocate a:hover{background: #42bcf2;}
/*mobile nav*/
.web_nav { display: none; width: 90%; height: 79px; line-height: 79px; color: #fff; font-size: 16px; margin: 0 auto; font-weight: bold; }
.btn-menu { display: block; float: right; position: relative; background: transparent; cursor: pointer; padding: 60px 0 0px; width: 26px; height: 16px; -webkit-transition: all ease .238s; -moz-transition: all ease .238s; transition: all ease .238s; }
.btn-menu:before, .btn-menu:after, .btn-menu span { background-color: #167ec2; -webkit-transition: all ease .238s; -moz-transition: all ease .238s; transition: all ease .238s; }
.btn-menu:before, .btn-menu:after { content: ''; position: absolute; top: 0; height: 1px; width: 100%; left: 0; top: 50%; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; }
.btn-menu span { position: absolute; width: 100%; height: 1px; left: 0; top: 50%; overflow: hidden; text-indent: 200%; }
.btn-menu:before { -webkit-transform: translate3d(0, -7px, 0); transform: translate3d(0, -7px, 0); }
.btn-menu:after { -webkit-transform: translate3d(0, 7px, 0); transform: translate3d(0, 7px, 0); }
.btn-menu.active span { opacity: 0; }
.btn-menu.active:before { background-color: #167ec2; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); }
.btn-menu.active:after { background-color: #167ec2; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); }

#banner-index{position: relative; z-index: 9}
#banner-index img{max-width: 100%; display: block;}


#indexcate{width:100%;}
.indexcate-left{width:30%; float:left; background: url(../images/indexcate-left-boxbg.jpg) no-repeat center;}
.indexcate-left-box{display: none;  height:300px; padding-top: 64px;}
.indexcate-left-box.cur{display: block;}
.indexcate-left-box .tit{margin:0px 0px 0px 50px; background: url() no-repeat left;padding-left:60px; }
.indexcate-left-box .tit h2{font-size: 24px; color:#fff; font-weight:normal;}
.indexcate-left-box .tit em{font-style: normal; font-size: 12px; color:#fff; font-family: "Futura Bk BT";}
.indexcate-left-box .intro{margin-top:30px; font-size: 14px; color:#fff; padding:0px 110px;}

.indexcate-right{width:70%; float:left;}
.indexcate-right-box{width:20%; float:left; background: #e7e7e7; text-align: center; height:364px;}
.indexcate-right-box:nth-child(2n+2){background-color:#f5f5f5;}
.indexcate-right-box i{width:60px; height: 60px; display: block; margin:0 auto; margin-top: 80px;}
.indexcate-right-box:nth-child(1) i{background:url(../images/icon-cate1.png) no-repeat;}
.indexcate-right-box:nth-child(2) i{background:url(../images/icon-cate2.png) no-repeat;}
.indexcate-right-box:nth-child(3) i{background:url(../images/icon-cate3.png) no-repeat;}
.indexcate-right-box:nth-child(4) i{background:url(../images/icon-cate4.png) no-repeat;}
.indexcate-right-box:nth-child(5) i{background:url(../images/icon-cate5.png) no-repeat;}

.indexcate-right-box:nth-child(1):hover i{background:url(../images/icon-cate1-1.png) no-repeat;}
.indexcate-right-box:nth-child(2):hover i{background:url(../images/icon-cate2-1.png) no-repeat;}
.indexcate-right-box:nth-child(3):hover i{background:url(../images/icon-cate3-1.png) no-repeat;}
.indexcate-right-box:nth-child(4):hover i{background:url(../images/icon-cate4-1.png) no-repeat;}
.indexcate-right-box:nth-child(5):hover i{background:url(../images/icon-cate5-1.png) no-repeat;}

.indexcate-right-box h2{font-size:16px; font-weight:normal; margin-top: 28px; margin-bottom: 14px;}
.indexcate-right-box a{display:block; line-height: 28px; font-size: 12px;}
.indexcate-right-box:hover{background-image: linear-gradient(to top,#167ec2,#42bcf2);}
.indexcate-right-box:hover h2{color:#fff;}
.indexcate-right-box:hover a{color:#fff;}
.indexcate-right-box:hover a:hover{background: #167ec2;}


#yunbg{background: url(../images/yunbg.jpg) center no-repeat; height:406px; padding-top: 120px;}
.yuninfo{float:left; padding-right: 120px; border-right: 1px solid #ccc; width:800px;box-sizing: border-box;}
.yuninfo h2{font-size: 32px; font-family: serif; font-weight: normal; margin-bottom: 10px;}
.yuninfo em{font-style: normal; font-size: 14px; color: #a3a3a3; font-family: serif; }
.yuninfo p{padding-top: 24px; color:#a3a3a3; line-height: 24px; padding-bottom: 30px;}
.yuninfo a{color:#474747;font-family: "微软雅黑";padding:8px 25px; background-color: #E4E4E4; border-radius: 25px;}
.yuninfo a:hover{background-image: linear-gradient(to top,#167ec2,#42bcf2);color:#FFFFFF;}
.yunzhanghao{width:280px; padding-left:120px; float:right;}
.yunzhanghao h3{font-style: 18px; color: #42bcf2; font-weight: normal; margin-bottom: 16px; margin-top: 20px;}
.yunzhanghao span{color:#A3A3A3; line-height: 24px; font-size: 14px; display: block;}
.yunzhanghao h4{color: #42bcf2; line-height: 24px; font-size: 18px; font-family: "微软雅黑";  font-weight: normal; margin-bottom: 16px; margin-top: 40px;}
.yunzhanghao em{line-height: 1.8; font-size: 2em; font-family: "Futura Bk BT"; color:#42bcf2; font-style: normal;}

#indexabout{background: url(../images/indexaboutbg.jpg) no-repeat center; color:#fff; padding:112px 0px;}
#indexabout .tit{text-align: center;}
#indexabout .tit h2{font-weight: normal; font-size:32px; font-family: serif; padding-bottom: 5px;}
#indexabout .tit em{font-size: 14px; font-family: "Futura Bk BT"; font-style: normal;}
#indexabout .aboutinfo{text-align: center; line-height: 28px; font-style: 14px; margin-top: 30px; text-indent:2em;}
#indexabout a{display: block; width:120px; height: 30px; line-height: 30px; text-align: center; border-radius: 15px; background-color: rgba(255,255,255,.3); color:#fff; margin:30px auto 0px;}
#indexabout a:hover{background-color: rgba(255,255,255,1.00); color:#42bcf2;}

#indexnews{margin-top: 75px;}
#indexnews .tit{text-align: center; margin-bottom:30px;}
#indexnews .tit h2{font-weight: normal; font-size:32px; font-family: serif; padding-bottom: 5px;}
#indexnews .tit em{font-size: 14px; font-family: serif; font-style: normal;}
#indexnews .newslist{width:100%;}
#indexnews .newslist .newsbox{width:380px; margin:0 10px; float:left; box-sizing: border-box; border:0px solid #ccc; background: #ededed; border-radius: 16px;}
#indexnews .newslist .newsbox .img{max-width: 100%;}
#indexnews .newslist .newsbox .img img{max-width: 100%; border-radius: 16px 16px 0px 0px;}
#indexnews .newslist .newsbox .info{width:300px; margin:20px auto 30px;}
#indexnews .newslist .newsbox .info h2{font-size:16px; font-weight: normal; color:#666; margin-bottom:0px; height: 24px; overflow: hidden; line-height: 24px;}
#indexnews .newslist .newsbox .info span{display: block; color: #42bcf2; line-height: 28px; margin-bottom: 10px;}
#indexnews .newslist .newsbox .info p{font-size: 12px; line-height: 20px; height: 64px; overflow: hidden; margin:0px;}
#indexnews .newslist .newsbox:hover{background-image: linear-gradient(to top,#167ec2,#42bcf2); color:#fff;}
#indexnews .newslist .newsbox:hover .info h2{color:#fff;}
#indexnews .newslist .newsbox:hover .info span{color:#fff;}
#indexnews .newslist .newsbox:hover .info p{color:#fff;}

#footer{background: #292929; margin-top: 0px; padding:40px 0px; font-family: serif;}
#footer .footerlogo{float:left;}
#footer .footercontact{float:left; width:330px; margin-left: 100px; margin-top: 20px;}
#footer .footercontact span{display:block; line-height: 24px; color:#fff;}
#footer .footernav{float:left; width:380px; margin-top: 20px;}
#footer .footernav a{display: block; float:left; margin-left:80px; line-height: 24px; color:#fff; font-family: serif;}
#footer .footernav a:hover{color:#167ec2;}
#footer .footerewm{float:right; width:100px; }
#footer .footerewm img{width:100px;}
.footercopyright{height: 40px; line-height: 40px; background: #212121;}
.footercopyright a{float: right; width:150px; text-align: center; height:40px; line-height: 40px; display: block; float:right; color:#666666; font-family: "微软雅黑"; background-color: #313131;}
.footercopyright a:hover{background-color: #42bcf2;color:rgba(255,255,255,1.00);}

.mblogo{display: none;}

.link {margin-top: 30px; margin-bottom: 20px;}
@media (max-width:1200px) {
	#header{background: #fff;}
	#header .nav{width:100%;}
#header.container{width:100%; background:rgba(18,28,53,0.8)}
	.pclogo{display: none;}
	.mblogo{display: block; float:left; max-height: 79px;}
	.logo{display:none}
	.web_nav{width:96%;display:block; height:auto;}
	#nav{display:none;}
	.header ul{margin-left: 0px;}
	ul#nav{display:none; width:100%; height:auto; float:none; margin-top: 0px; padding-top: 50px;}
	ul#nav li { width: 100%; background: #1d58af; border-bottom: 1px solid #ffffff; margin: 0; float: none}
	ul#nav li a { color: #333; display: block; width:100%; line-height: 36px;}
	ul#nav li a em{display: none}
	#header .nav ul li#tel a{border-left: 0px;}

}
@media (max-width:767px) {
	.yuninfo h2{font-size:24px;}
	#banner-index{padding-top: 80px;}
	.indexcate-left{width:100%; display: none}
	.indexcate-left-box{background-size:cover;}
	.indexcate-right{width:100%;}
	.indexcate-right-box{width:50%; height: 290px;}
	.indexcate-right-box i{margin-top: 20px;}
	.indexcate-right-box:nth-child(1) {background:#e7e7e7;}
	.indexcate-right-box:nth-child(2)  {background:#fff;}
	.indexcate-right-box:nth-child(3)  {background:#fff;}
	.indexcate-right-box:nth-child(3) i{margin-top: 60px;}
	.indexcate-right-box:nth-child(4)  {background:#e7e7e7;}
    .indexcate-right-box:nth-child(5)  {width:100%; background:#f2f3f1}

	#yunbg{padding-top: 40px; height: auto;}
	.yuninfo{width:100%; padding-right:0px; border-right:0px;}
	.yunzhanghao{margin-top: 20px; padding-left:10%; width:100%;}
	.yunzhanghao h3{padding-left: 30px;}
	.yunzhanghao span{padding-left: 30px;}
	.yunzhanghao h4{padding-left: 30px;}
	.yunzhanghao em{padding-left: 30px;}

	#indexabout{padding: 40px 0px;}
	#indexnews{margin-top: 0px;}

	#indexnews .newslist .newsbox{width:100%; margin:0px 0px 10px;}
	#indexnews .newslist .newsbox .info{width:94%; margin:0px; padding:10px 3%;}


	#footer{padding:20px 0px 32px;}
	#footer .footerlogo{width:100%; text-align: center;}
	#footer .footercontact{width:100%; margin-left: 0px; margin-top:0px;}
	#footer .footernav{width:100%;}
	#footer .footernav a{margin:0px; width:50%; text-align: center;}
	#footer .footerewm{float:none; margin:0 auto;}
	.footercopyright a{display: none}

}


article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; margin:0px; padding: 0px;}
.pbanner{ position:relative; overflow:hidden;}
.pbanner figure{ display:block; line-height:1; overflow:hidden;}
.pbanner figure mark{ display:block; background:none;}
.pbanner figure img{ display:block; width:100%; height:auto;}
.ptext{ position:absolute; left:50%; margin-left:-616px; bottom:56px; line-height:1; z-index:10; overflow:hidden;}
.ptext h3{ color:#fff; font-size:50px; line-height:1; font-weight:normal; margin-bottom:8px;}
.ptext small{ display:block; line-height:1; color:#fff; font-size:36px; font-family:"PFDinTextCompPro-Regular";}

.menubox{ position:relative; background:#eeeeee; z-index:10;}
.menufix li{ float:left; position:relative;}
.menufix li:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; background-image: linear-gradient(to top right, #1d58af, #019aef); -webkit-transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1),-webkit-transform .38s cubic-bezier(.4,0,.2,1); transform-origin:left 100%; -webkit-transform-origin:left 100%; transform:scaleY(0); -moz-transform:scaleY(0); -webkit-transform:scaleY(0); visibility:hidden\9;}
.menufix li a{ display:block; padding:0 17px; height:60px; line-height:60px; color:#323232; font-size:14px; position:relative;}
.menufix li:hover:before,.menufix li.current:before,.menufix li.active:before{ transform:scaleY(1); -webkit-transform:scaleY(1); transform-origin:left 0; -webkit-transform-origin:left 0; visibility:visible\9;}
.menufix li:hover a,.menufix li.current a,.menufix li.active a{ color:#fff;}


.pbanner.article-block:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:#fff; z-index:5; display:none\9;} 
.pbanner.article-block mark{ opacity:0; opacity:1\9;}
.pbanner.articleShow:before{ animation:scroll_on22 1s ease-in-out forwards;}
.pbanner.articleShow mark{ animation:scroll_on2 1s ease-in-out forwards;}
.pbanner.article-block .ptext{ opacity:0; opacity:1\9;}
.pbanner.articleShow .ptext{ animation:scroll_on2 0.8s 0.3s ease-in-out forwards;}
.pbanner.article-block .ptext:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:#fff; display:none\9;}
.pbanner.articleShow .ptext:before{ animation:scroll_on22 0.8s 0.3s ease-in-out forwards;}
@keyframes scroll_on22 {
	0% { left:0; }
	100% { left:100%; }
}

@keyframes scroll_on2 {
	0% { opacity:0; }
	100% { opacity:1; }
}


.iphone-fix{ width:100%; display:none; position:relative;}
.iphone-fix span{ color:#323232; display:block; font-size:16px; height:48px; line-height:48px; cursor:pointer; text-align:center;}
.iphone-fix.scoll{ position:fixed; left:0; top:90px;}
.iphone-fix span em{ color:#fff; font-size:14px; font-style:normal; line-height:46px; display:inline-block;}
.iphone-fix span b{ display:inline-block; margin-left:5px; width:9px; height:8px; background:url(../img/arrow4.png) center no-repeat;}
.iphone-down{ width:100%; position:absolute; left:0; display:none; top:46px; background:#167ec2;}
.iphone-down a{ display:block; width:50%; float:left; font-size:14px; text-align:center; height:42px; line-height:42px; color:#fff; position:relative; overflow: hidden; border: none !important;}
.iphone-down a:hover,.iphone-down a.on{ background:#0b2f4f; color:#fff;}
.iphone-down a:after{ content: ''; position: absolute; bottom: 0;left: 0; width: 100%; height: 1px; z-index: 1; background-color:rgba(255,255,255,0.33); -webkit-animation-duration: 0.7s; animation-duration: 0.7s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: ReturnToNormal; animation-name: ReturnToNormal;}
@-webkit-keyframes ReturnToNormal {
0%{
	-webkit-transform: scale(0.1,1);
	-ms-transform: scale(0.1,1);
	transform: translate: scale(0.1,1);
	}


  100% {
	-webkit-transform: scaleX(1,1);
	-ms-transform: scale(1,1);
	transform: translate: scaleX(1,1);
  }

  
}

@keyframes ReturnToNormal {
0%{
	-webkit-transform: scale(0.1,1);
	-ms-transform: scale(0.1,1);
	transform: translate: scale(0.1,1);
	}


  100% {
	-webkit-transform: scaleX(1,1);
	-ms-transform: scale(1,1);
	transform: translate: scaleX(1,1);
  }
}
@media screen and (max-width:1450px){
	.ptext h3{ font-size:38px;}
	.ptext small{ font-size:28px;}
}
@media screen and (max-width:1200px){
	.ptext{ margin-left:-45%;}
}
@media screen and (max-width:1024px){
	.menulist,.menshare{ display:none;}
	.iphone-fix{ display:block;}
	.ptext{ bottom:34px;}
	.ptext h3{ font-size:30px;}
	.ptext small{ font-size:22px;}
	.container{width:96%;}
}
@media screen and (max-width:641px){
	.ptext h3{ font-size:24px;}
	.pbanner figure img{margin-top: 80px;}
}
@media screen and (max-width:481px){
	.ptext{ bottom:20px;}
	.ptext h3{ font-size:20px; margin-bottom:2px;}
	.ptext small{ font-size:16px;}
}



.introduct{ padding:60px 0 60px;}
.introductwr{ width:1046px; padding:50px 84px 48px 84px; background:#fff; margin:auto; position:relative;}
.introductt{ margin-bottom:44px;}
.introductt h3{ text-align:center; line-height:1.2; color:#167ec2; font-size:28px; margin-bottom:14px;}
.introductt small{ display:block; text-align:center; line-height:1; color:#cccccc; font-size:20px; font-family:"PFDinTextCompPro-Regular";}
.introductfix p{ color:#646464; font-size:16px; text-indent: 2em; line-height: 2em;}
@media screen and (max-width:1024px){
	.introduct{ padding:68px 0 34px; background-size:cover !important; background-attachment:local !important;}
	.introductwr{ width:90%; box-sizing:border-box; padding:34px 44px 40px;}
}
@media screen and (max-width:861px){
	.introductfix img{max-width: 100%;}
}
@media screen and (max-width:641px){
	.introductwr{ padding:40px 32px;}
	.introduct{ padding:40px 0;}
	.introductt{ margin-bottom:30px;} 
	.introductt h3{ font-size:22px;}
	.introductt small{ font-size:16px;}
	.introductfix p{ font-size:14px;}
}
@media screen and (max-width:481px){
	.introductwr{ padding:32px 22px;}
	.introductt h3{ font-size:18px;}
}




.mapwr{width: 60%;position: relative;overflow: hidden; line-height: 1;float: left;}
.mapwr .mpahei{ width:100%; height:490px; line-height:1;}
.mapwr #maps{ width:100%; height:490px; z-index:5; line-height:1;}
.contact_title{width: 38%; float: right; text-align: left;}
.contact_title .cont_txt{color: #333; font-size: 14px; height: 350px;background: #fbfbfb; padding: 30px; line-height:24px;}
.contact_title .cont_txt h2{padding-bottom: 10px; color:#1d58af;}
.anchorBL{ display:none !important;}
#maps .BMap_bubble_title{ color:#167ec2; margin-bottom:6px; font-size:16px; font-weight:bold;}
#maps .BMap_mask{ background:rgba(0,0,0,0.2) !important; background:#000\9; filter:alpha(opacity=20);}
.addressli{ padding:50px 0 55px; text-align:center;}
.addrein{ float:left; width:25%; text-align:center; margin-bottom: 35px;}
.addrein b{ display:block; width:50px; height:50px; border:2px solid #167ec2; position:relative; border-radius:50%; margin:auto; margin-bottom:26px; transition:0.32s;}
.addrein b img{ display:block; max-width:100%; max-height:100%; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto;}
.addrein span{ display:block; text-align:center; line-height:1; color:#646464; font-size:16px;}
.addrein:hover b{ transform:translateY(-5px); -webkit-transform:translateY(-5px); -moz-transform:translateY(-5px);}
@media (max-width: 767px){
	.addressli{padding: 20px 0px;}
	.mapwr {
	    width: 100%;
	    float: initial;
	}
	.contact_title {
	    width: 100%;
	    float: initial;
	}
	.contact_title .cont_txt{
	    height: auto;
	}
}



/*news*/
.informatein figure{ display:block; line-height:1; overflow:hidden; margin-bottom:34px;}
.informatein figure img{ display:block; width:100%; height:auto; line-height:0; transform:scale(1.06); -webkit-transform:scale(1.06); -moz-transform:scale(1.06); transition:0.52s;}
.informatein h3{ color:#000000; font-size:16px; font-weight:normal; line-height:1.4; overflow:hidden; transition:0.38s;}
.informatein p{     color: #757575;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    margin: 5px auto;}
.informatein time{ display:block; line-height:1; color:#757575;}
.informatein:hover figure img{ transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1);}
.informatein:hover h3{ color:#1d58af;}

.new-box{ padding:48px 0; }
.newinfo{ margin-bottom:50px; background:#fff; position:relative;}
.newinfo figure{ display:block; width:38%; float:left; line-height:1; overflow:hidden;}
.newinfo figure img{ display:block; width:100%; height:auto; line-height:0; transform:scale(1.07); -webkit-transform:scale(1.07); -moz-transform:scale(1.07); transition:0.58s ease-out;}
.newfix{ width:62%; position:absolute; right:0; top:0; height:100%;}
.newwr{ padding:0 28px 0 40px;}
.newwr h3{ color:#000000; font-size:20px; line-height:1.4; font-weight:normal; padding-top:22px; border-top:2px solid #1d58af; margin-bottom:18px; max-height:56px; overflow:hidden; transition:0.4s;}
.newwr p{ color:#646464; font-size:14px; line-height:2; max-height:56px; overflow:hidden;}
.newwr i{ display:block; color:#646464; font-size:14px; line-height:2;}
.reddown{ position:absolute; left:40px; right:28px; bottom:0;}
.reddown b{ display:block; width:43px; height:25px; line-height:25px; color:#fff; font-size:12px; background:#1d58af; font-family:"PFDinTextCompPro-Regular"; float:left; margin-right:6px; text-align:center; font-weight:normal;}
.reddown time{ display:block; line-height:25px; float:left; color:#969696; font-family:"PFDinTextCompPro-Regular";}
.reddown span{ font-size:12px; padding-bottom:0; float:right;}
.newinfo:hover figure img{ transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1);}
.newinfo:hover .newwr h3{ color:#1d58af;}
.newinfo:hover .more{ color:#092e4d; transition:0.3s 0.25s;}
.newinfo:hover .more:before{ background:#092e4d;width:190%; }
.newinfo:hover .more:after{ width:100%;}


.news{ width:1174px; margin:auto;}
.newsli li{ width:33.33333%; margin-right:0; position:relative; float:left;}
.newsli li:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:#fff; -webkit-transition:-webkit-transform .68s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .68s cubic-bezier(.4,0,.2,1); transition:transform .68s cubic-bezier(.4,0,.2,1); transition:transform .68s cubic-bezier(.4,0,.2,1),-webkit-transform .68s cubic-bezier(.4,0,.2,1); transform-origin:left 100%; -webkit-transform-origin:left 100%; transform:scaleY(0); -moz-transform:scaleY(0); -webkit-transform:scaleY(0); visibility:hidden\9;}
.newsli li .informatein{ width:100%; position:relative; z-index:4;}
.newsli li .infomatedown{ padding:28px 32px 34px;}
.newsli li .informatein p{ height:84px;}


.newsli li .newd{padding:10px 0;font-size:14px;}
.newsli li .newd time{ float:left;}
.newsli li .more{padding-bottom:0; float:right; opacity:0; visibility:hidden; transition:0.43s;}
.newsli li:hover:before{ transform:scaleY(1); -webkit-transform:scaleY(1); transform-origin:left 0; -webkit-transform-origin:left 0; visibility:visible\9;}
.newsli li:hover .more{ opacity:1; visibility:visible;}


.new-view{ background:#f2f3f1 url(../img/63.jpg) center bottom fixed no-repeat; padding-bottom:100px;}
.newwfix{ margin-top:0px; position:relative; z-index:9; background:#fff; /*border-top:5px solid #1d58af;*/}
.newswr{ padding:40px 98px 20px;}
.newtitle h3{ padding-bottom:36px; border-bottom:2px solid #d2d2d2; color:#000000; font-size:32px; line-height:1.4; font-weight:normal;}
.newtitle .reddown{ position:static; margin-top:22px;}
.newtext{ padding:15px 0 0px;}
.newtext p{ font-size:16px; color:#646464; text-indent: 2em; line-height: 2em;}
.newtext img{ display:block; max-width:100%; height:auto; line-height:1;}
.newprev{ border-top:1px solid #e5e5e5;margin-top:25px;}
.newins{ padding:15px 14px; border-bottom:1px solid #e5e5e5;}
.newins span{ display:block; float:left; color:#969696; font-size:14px; height:18px; line-height:18px; padding-right:14px; border-right:1px solid #f2f3f1; margin-right:12px;}
.newins p{ color:#323232; font-size:16px; line-height:18px; float:left; transition:color 0.4s;}
.backlist{ margin-left:14px; display:inline-block; line-height:1; color:#969696; font-size:16px; margin-top:26px;}
.backlist:hover{ color:#1d58af;}
.newins:hover p{ color:#1d58af;}

@media screen and (max-width:1450px){
		.informatefix{ padding-top:0; float: left; margin-left: 0px;}
	.informate{ top:15%; margin-top:0;}
	.informatein figure{ margin-bottom:20px;display:none}
}
@media screen and (max-width:1280px){
	.news{ width:calc(90% + 64px);}
}
@media screen and (max-width:1024px){
	.new_con_title,.news_contact{padding:0 48px;}
	.new-box{ padding:50px 0;}
	.newwfix{ margin-top:0; width:100%;}
	.new-view{ padding-bottom:0;}
	.newswr{ padding:50px 5% 0px;}
	.newtitle h3{ font-size:24px; padding-bottom:20px;}
	.newtext{ padding:34px 0;}
	.newins{ padding:20px 14px;}
	.newins a{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;}
	.newins a p{ flex:1; -webkit-flex:1; -webkit-box-flex:1; box-flex:1; width:auto;    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
	.new-box{ background-attachment:local !important; background-size:cover !important;}
}

@media screen and (max-width:861px){
	.newinfo figure{ display:none}
	.newfix{ position:relative; width:100%; float:left;}
	.newwr{ padding:32px 12px;}
	.newsli li{ width:50%;}
	.newinfo{ margin-bottom:20px;}
	.news{ width:calc(90% + 44px);}
	.newsli li .infomatedown{ padding:24px 22px 24px;}
}
@media screen and (max-width:641px){
	.newwr h3{ padding-top:16px; max-height:none;}
	.newwr p{ max-height:none;}
	.news{ width:90%;}
	.newsli li{ width:100%;}
	.newsli li .infomatedown{     padding: 8px 0 0;
    border-bottom: 1px solid #ddd;}
	.newsli li:before{ display:none;}
	.new-box{ padding:32px 0;}
	.informatein figure img{ transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1);}
	.newwr h3{ border-top:none; padding-top:0; font-size:16px;}
	.pages{ margin-top:12px;}
	.newtext p{ font-size:14px;}
	.newswr{ padding:30px 5% 0;}
	.newtitle h3{ font-size:20px; padding-bottom:14px;}
}
@media screen and (max-width:682px){
	.news_contact{padding:0 25px;}
	.new_con_title{padding:0 25px;}
}


.adbances figure{ display:block; margin:0 20px; position:relative;}
.adbances figure a{ display:block;}

.slick-list{  
position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;}
.slick-slide{
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table;}
.slick-track:after { clear: both; }

.history{ width:1150px; margin:auto; position:relative; line-height:1;}
.historyin{ float:left;}
.historywr{ margin:0 20px; background:#fff; padding:43px 36px 10px; overflow:hidden; position:relative;}
.historywr b{ display:block; line-height:1; color:#167ec2; font-size:48px; font-weight:normal; font-family:"PFDinTextCompPro-Regular"; margin-bottom:4px; position:relative;}
.historywr span{ display:block; line-height:1; color:#969696; font-size:18px; margin-bottom:24px; position:relative;}
.historywr p{ color:#646464; font-size:14px; height:100px; line-height:1.8; position:relative;}
.historywr:after{ content:""; width:29px; height:6px; background:#167ec2; position:absolute; left:36px; bottom:0;}
.history .slick-dots{ text-align:center; margin-top:90px;}
.history .slick-dots li{ display:inline-block; margin-right:40px; width:7px; height:31px; position:relative; cursor:pointer;}
.history .slick-dots li:last-child{ margin-right:0;}
.history .slick-dots li button{ display:block; padding:0; margin:0; outline:none; width:100%; height:7px; background:#167ec2; position:absolute; left:0; top:50%; margin-top:-3px; text-indent:9999px; overflow:hidden; border:none; transition:0.4s; cursor:pointer;}
.history .slick-dots li.slick-active button{ height:100%; top:0; margin-top:0;}
.history .slick-prev,.history .slick-next{ display:block; width:87px; height:45px; text-indent:9999px; overflow:hidden; outline:none; border:none; cursor:pointer; position:absolute; bottom:-4px; z-index:6; transition:0.43s;}
.history .slick-prev{ left:20px; background:#a0a0a0 url(../img/arrow5.png) center no-repeat;}
.history .slick-next{ right:20px; background:#a0a0a0 url(../img/arrow6.png) center no-repeat;}
.history .slick-prev:hover{ background:#167ec2 url(../img/arrow5.png) center no-repeat;}
.history .slick-next:hover{ background:#167ec2 url(../img/arrow6.png) center no-repeat;}

.advanceli .adbances{ float:left; position:relative;}
.advanceimg{ display:block; position:relative; height:300px; background:#fff;}
.advanceimg img{ display:block; max-width:90%; max-height:90%; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; transition:0.5s;}
.advancebg{ width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(73,174,44,0.6); background:#022042\9; filter:alpha(opacity=90); -webkit-transition:-webkit-transform .58s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .58s cubic-bezier(.4,0,.2,1); transition:transform .58s cubic-bezier(.4,0,.2,1); transition:transform .58s cubic-bezier(.4,0,.2,1),-webkit-transform .58s cubic-bezier(.4,0,.2,1); transform-origin:left 100%; -webkit-transform-origin:left 100%; transform:scaleY(0); -moz-transform:scaleY(0); -webkit-transform:scaleY(0); visibility:hidden\9; z-index:5;}
.advanceimg b{ display:block; width:100%; text-align:center; position:absolute; left:0;  z-index:5; color:#ffffff; line-height:1; top:0%; height:100%; line-height:285px; font-weight:normal; opacity:0; visibility:hidden; transition:0.38s; font-size:16px;}
.advancedown{ padding:16px 30px; background:rgba(255,255,255,0.9); background:#fff\9; filter:alpha(opacity=90); position:relative;}
.advancedown:before{ content:""; width:100%; height:2px; background:#019aef; position:absolute; left:0; bottom:0; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .58s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .58s cubic-bezier(.4,0,.2,1); transition:transform .58s cubic-bezier(.4,0,.2,1); transition:transform .58s cubic-bezier(.4,0,.2,1),-webkit-transform .58s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.advancedown span{ display:block; line-height:1; color:#000000; font-size:16px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap}



.busineeli{ padding:60px 0 60px; background:#fefffd;}
.busineedown li{ width:calc((100% - 8%) / 4); margin-right:0; margin:0 1% 50px 1%; float:left;}
.busineewr{ padding:43px 100px 56px; background:#fff; border-top:4px solid #019aef;}
.busineedown ul{margin:0 -1%}
.busineedown li .advanceimg{ height:auto; overflow:hidden;}
.busineedown li .advanceimg img{ width:100%; height:auto; max-width:100%; max-height:100%; position:relative; border:1px solid #e5e5e5; box-sizing: border-box;}
.busineeds{ background:#e5e5e5; transition:0.48s; position:relative;}
.busineeds p{ display:block; position:relative; height:48px; line-height:48px; color:#323232; font-size:16px; padding-left:10px; transition:0.4s; overflow:hidden; padding-right:10px;}
.busineedown li:hover .advanceimg img{border:1px solid #019aef;}
.busineedown li:hover .busineeds{ background:#019aef;}
.busineedown li:hover .busineeds p{ color:#fff;}
.businessban{width:500px;margin:0 auto}
.busineebox{ padding:0 0 0;}
.busineebox .pages a{color:#Fff;}
.busineebox .pages span{color:#019aef;}
.bunesstop h3{ text-align:center; line-height:1; color:#072e4d; font-size:35px; font-weight:normal; margin-bottom:36px;}
.flexslider .slides li{ line-height:1; overflow:hidden;}
.flexslider .slides li img{ display:block; width:60%; height:auto; line-height:0;    margin: 0 auto;}
#carousel{ width:484px; margin:auto; margin-top:15px; position:relative;}
#carousel .slides li{ float:left; cursor:pointer; position:relative;}
#carousel .slides li:before{ content:""; width:100%; height:100%; box-sizing:border-box; border:2px solid #eee; position:absolute; left:0; top:0; opacity:0; visibility:hidden; transition:0.44s; transform:scale(0.76); -webkit-transform:scale(0.76); -moz-transform:scale(0.76);}
#carousel .slides li img{ display:block; width:100%; height:auto; line-height:0;}
#carousel .slides li.flex-active-slide:before{ opacity:1; visibility:visible; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1);}
#carousel .flex-direction-nav li a{ display:block; width:8px; height:13px; overflow:hidden; text-indent:9999px; position:absolute; top:50%; margin-top:-6px;}
#carousel .flex-direction-nav li a.flex-prev{ background:url(../img/prev2.png) center no-repeat; left:-25px;}
#carousel .flex-direction-nav li a.flex-next{ background:url(../img/next2.png) center no-repeat; right:-25px;}
#carousel .flex-direction-nav li a.flex-prev:hover{ background:url(../img/prev3.png) center no-repeat;}
#carousel .flex-direction-nav li a.flex-next:hover{ background:url(../img/next3.png) center no-repeat;}
#carousel .flex-direction-nav li a.flex-disabled{ opacity:0.5;}
.business-view .construstfix{ width:100%; padding-top:0; border-top:none; margin-top:30px; float:none; margin-bottom:82px;}

.business-view .construstfix p strong{font-size:20px; color:#1d58af;}

@media screen and (max-width:1024px){
	.advanceimg{ height:250px;}
	.advanceimg b{ line-height:250px;}
	.business,.busineli,.busineli li,.busineli li figure{ height:auto !important;}
	.business .flex-direction-nav{ display:block;}
	.busineebox{ padding-bottom:0; }
	.busineeli{ padding:50px 0;}
	.business-view{ padding:50px 0;}
	.bunesstop h3{ font-size:24px; margin-bottom:20px;}
	.business-view .construstfix{ margin-top:50px; margin-bottom:50px;}
}
@media screen and (max-width:861px){
	.advanceli li{ width:48%!important;}
	.advanceli li:nth-child(2n+2){ //float:right;}
}
@media screen and (max-width:641px){
		.cz-relatelist .advanceli{width:auto !important}
	.cz-relatelist button,.cz-relatelist .slick-dots{display:none}
.newd{display:none}
.productshow{position:static;margin-top:0;height:auto;}
.advanced{width:90%}
.page3{background:#f5f5f5;padding-bottom:32px}
.page3 .business,.culturein{display:none;}
.busineli li figure{padding-bottom:0}
	.history .slick-dots{ display:none !important;}
	.history-box{ padding:46px 0 100px;}
	.historywr{ margin:0 5px;}
	.history{ width:calc(90% + 10px);}
	.history .slick-prev,.history .slick-next{ width:60px; height:40px; bottom:-58px;}
	.history .slick-prev{ left:5px;}
	.history .slick-next{ right:5px;}
.adbances figure{ margin:0 5px;}
	.busineeli{ padding:32px 0;}
	.advanceli li{ margin-bottom:22px;}
	#carousel{ width:65%;}


}
@media screen and (max-width:481px){
	.advanceli li{ width:100%;}
	.advanceli li:last-child{ margin-bottom:0;}
	.business .flex-direction-nav li a{ transform:scale(0.7); -webkit-transform:scale(0.7); -moz-transform:scale(0.7);}
	.business-view{ padding:0; width:100%;}
	.bunesstop h3{ font-size:20px;}
     .businessban{width:auto}
	.business-view .construstfix{ margin:34px 0;}
         .business-view .construstfix img{max-width:100%}
}
@media screen and (max-width:768px){
	.advanceimg {height: 100%;}
	.advanceimg img {position: initial;}
}


.download li{width:50%; margin-bottom: 20px; float:left; box-shadow}
.download li a{padding: 15px;display: block; border: 1px #ddd solid;}
.download li a:hover{
	border:1px #1d58af solid;
}
.download li a p{
	display:block;
	font-size:16px;
	color:#000;
	border-bottom:1px #ddd dashed;
	padding-bottom:10px;
}
.download  ul li a:hover p{
	color:#019aef;
	border-bottom:1px #019aef dashed;
}
.download ul li a small{
	font-size:12px;
	color:#545454;
	line-height:28px;
}