/* CSS Document */
@charset "utf-8";
/* CSS Document */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; border: 0; }
html { color: #666; }
html, body { width: 100%; min-width: 320px; }
body, button, input, select, textarea { margin: 0; padding: 0; font-family: "微软雅黑", "Microsoft Yahei", "Arial", "Verdana", "sans-serif"; font-size: 12px; background: #fff }
ul, ol, li, dl, dd, dt { list-style: none; }
em { font-style: normal; }
a { text-decoration: none; outline: none; }
a:hover { text-decoration: underline; }
legend { color: #000; }
fieldset, img { border: 0; }
label, button { cursor: pointer; }
/*解决IE图片缩放失真*/
img { -ms-interpolation-mode: bicubic; }
/*清除浮动*/
.clearfix:after { content: ''; display: block; height: 0; clear: both; }
.clearfix { zoom: 1; }
.clear { clear: both; }
/*连续英文、数字换行*/
.wordwrap { word-break: break-all; word-wrap: break-word; }
/*单行文字超出显示省略号*/
.omg { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
img { border: 0; vertical-align: middle; }
a { color: #3a3a3a; text-decoration: none; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; }
a:hover { text-decoration: none }
.fl { float: left; }
.fr { float: right; }
/*苹果手机默认按钮样式去除*/
input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; }
textarea { -webkit-appearance: none; }
input { border-radius: 0; }

.container{width:1200px; margin:0 auto;}
.swiper-container img{max-width: 100%;}

.header{width:100%; height: 80px; position:fixed; z-index: 12; background: #fff;}
.header .menu{width:130px; height: 80px; background: #313131; float:left; position: absolute; top:0px; left:0px; z-index: 33;}

.menuwz{font-size: 22px; line-height: 80px; width:60px; float:left; text-align: right; color:#fff;}
.btn-menu {display: block; position: relative;  background: transparent; cursor: pointer; padding: 27px 0; width: 32px; height: 26px; margin:0 0 0 80px; -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: #ffffff; -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: 2px; 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: 2px; 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: #ffffff; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); }
.btn-menu.active:after { background-color: #ffffff; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); }

.header .logo{width:100%; text-align: center;}
.header .right{width:100%; text-align: right;  position: absolute; top:0px; right:50px;}
.nav{width:0px; position: fixed; z-index: 11; height:100%; background: #000; color:#fff; overflow: hidden; text-align: center;}
.nav ul{padding-top: 130px;}
.nav ul li{ overflow:hidden; height: 36px; width:100%;}
.nav ul li a{line-height: 36px; color:#fff;}
.nav .nav-ewm{width:100px; padding-left: 15px; margin-top: 30px; position: absolute; bottom: 30px;}
.nav .nav-ewm img{max-width: 100%; line-height: 42px; padding-bottom: 10px;}

@media (max-width:767px) {
	.header .right{display: none;}
	.header .logo{text-align: right;}

}

#banner{padding-top: 80px;}



.indexmain{position: relative; z-index: 9; background: #fff; }

#indexabout{width:100%; padding-top: 70px;}
.tit{width:100%; text-align: center;}
.tit h2{font-size: 26px; font-weight: normal; color:#464646;}
.tit h2 em{font-family: fantasy; color:#ffa018; padding-right: 5px;}
.tit span{color:#7e7e7e; line-height: 36px;}
.aboutinfo{margin-top:50px;}
.aboutinfo .aboutbox{float:left; margin-top:35px; border-top:2px solid #f3f3f3; width:350px; padding:24px 10px 0px;}
.aboutinfo .aboutbox:nth-child(2n+1){margin:35px 45px 0px;}
.aboutinfo .aboutbox h3{color:#363636; font-size: 16px; font-weight:normal; margin-bottom: 16px;}
.aboutinfo .aboutbox h3 em{padding-left: 20px; font-size: 10px;}
.aboutinfo .aboutbox p{line-height: 20px; font-size: 12px;}
a.more{width:120px; margin:50px auto; height: 32px; text-align: center; padding-left:12px; line-height: 32px; background: url(../images/but-imgw.png) no-repeat 20px 12px #0033a0;color:#fff; display: block;}
@media (max-width:767px) {
	#banner img{max-width: 100%;}
	#indexabout{padding-top: 30px;}
	.aboutinfo{margin-top: 20px;}
	.aboutinfo img{max-width: 100%}
	.aboutinfo .aboutbox{width:100%; margin-top: 10px; padding:10px 0px;}
	.aboutinfo .aboutbox:nth-child(2n+1){margin:0px;}
	a.more{margin:15px auto;}
}

#indexad{background: url(../images/indexadbg.jpg) center; margin-top: 60px; padding-bottom:100px;}
#indexad .tit{text-align:left; padding-top:120px;}
#indexad .tit h2{color:#fff;}
#indexad .adbox{color:#fff;}
#indexad .adbox dl{padding:20px 0px; border-bottom: 1px solid #2e2e2e; width:380px;}
#indexad .adbox dl dt{float:left; width:100px; font-size: 16px;}
#indexad .adbox dl dd{float:left; width:280px; font-size: 12px; line-height: 20px;}
@media (max-width:767px) {
	#indexad{margin-top: 30px; padding-bottom: 30px;}
	#indexad .tit{padding-top: 20px;}
	#indexad .tit span{line-height: 20px;}
	#indexad .adbox dl{width:100%; padding: 10px 0px;}
}

#indexpro{margin-top: 60px;}
.indexprolistbox{padding:0px 0px; margin-top: 40px;}
.indexprobox{width:25%; float:left;}
.indexprobox .indexprobox-bg{
	height: 472px;
	overflow: hidden;
	position: relative;
	z-index: 10;
}
.indexprobox-bg img{max-width: 100%;}
.indexprobox-bg .indexprobox-text {
	position: absolute;
	text-align: center;
	margin: 0 auto;
	color: #ffffff;
	background: rgba(0, 0, 0, 0.2);
	padding: 30% 0;
	height: 100%;
	width: 100%;
	opacity: 0;
    transition: all 0.5s;
}
.indexprobox-bg .indexprobox-text>h5{
	opacity: 0;
	-webkit-transform: translateY(100%);
            transform: translateY(100%);
            transition: all 0.3s;

    font-size: 16px;
    word-spacing: 2px;
}
.indexprobox-bg:hover .indexprobox-text>h5{
	opacity: 1;
    -webkit-backface-visibility:hidden;
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
.indexprobox-bg .indexprobox-text>.hline{
	opacity: 0;
	-webkit-transform: translateY(0);
            transform: translateY(0);
            transition: all 0.3s;
}
.indexprobox-bg:hover .indexprobox-text>.hline{
	opacity: 1;
    -webkit-backface-visibility:hidden;
   -webkit-transform: translateY(100%);
            transform: translateY(100%);
}
.indexprobox-bg:hover .indexprobox-text{
	opacity: 1;
}
.hline{
	height: 5px;
	width: 30px;
	border-top: 2px solid #f1f1f1;
	margin: 0 auto
}

.indexprobox-text p.lead{
	color: #ffffff;
	 margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}


@media (max-width:767px) {
#indexpro{margin-top:30px;}
.indexprolistbox{margin-top: 15px;}
.indexprobox{width:50%;}
.indexprobox .indexprobox-bg{height: auto;}
}

#indexnews{background: #f3f3f3; padding-bottom: 40px;}
#indexnews .tit{padding:60px 0px;}
.indexnewslist .newsbox{float:left; width:294px; margin-right: 8px; background: #fff; padding-bottom: 10px;}
.indexnewslist .newsbox:nth-child(4n+4){margin:0px;}
.indexnewslist .newsbox .img{width:294px; height:218px;}
.indexnewslist .newsbox .img img{max-width: 294px; max-height: 218px;}
.indexnewslist .newsbox .info h2{display: block; margin-top:0px; padding-left: 10px; font-size: 15px; color:#000; line-height: 40px; height: 40px; overflow: hidden; border-bottom: 1px solid #e8e8e8}
.indexnewslist .newsbox .info p{display: block; padding-left:10px; width:274px; font-size: 12px; color:#919191; height: 76px; overflow: hidden; line-height: 22px; padding-bottom:10px; margin-top: 10px;}
.indexnewslist .newsbox:hover{}
.indexnewslist .newsbox:hover h2{color:#2e8eee;}
.indexnewslist .newsbox:hover p{}
.indexnewslist .newsbox a.newsmore{padding-right: 40px; background: url(../images/jiantou.png) right no-repeat; font-weight: bold; font-size: 14px;  padding-left:10px;}
.indexnewslist .newsbox:hover a.newsmore{color:#2e8eee; background: url(../images/jiantoub.png) right no-repeat; }

@media (max-width:767px) {
	.indexnews{margin:30px 0px;}
	#indexnews .tit{padding: 24px 0px;}
	.indexnewslist .newsbox{width:100%; margin:0px;}
	.indexnewslist .newsbox .img{width:100%; height: auto; max-width: 100%; margin:0px auto; text-align: center;}
	.indexnewslist .newsbox .img img{max-width: 100%}
	.indexnewslist .newsbox a.newsmore{margin-bottom: 10px; display: block;}
}


footer{background: #282828; position: relative;}
.footercontact{ padding: 60px 0px;}
.footercontact p{float:left; color:#fff; font-size: 14px; padding: 0px 40px; line-height: 32px; border-right: 1px solid #e0e0e0;}
.footercontact p:last-child{border:0px;}
.footercontact p font{display: block; font-size: 16px;}

@media (max-width:767px) {
	.footercontact{padding: 30px 0px;}
	.footercontact p{width:45%; margin-left:5%; float:left; padding:0px; box-sizing: border-box; border:0px;}
	.footercontact p:last-child{width:95%;}
}



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 7px; 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;}
}
@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; position: relative;z-index: 10;}
.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; position: relative; z-index: 10; background: #f2f2f2;}
.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:88px 0; position: relative;}
.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; position: relative;}
.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;font-size:16px; color:#646464; text-indent: 2em; line-height: 2em;}
.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:40px;}
.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:240px; 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; position: relative; z-index: 10;}
.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; position: relative; z-index: 10px;}
.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:100%; 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;}



@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; position: inherit;}
	.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;}
}



#footer{background-color: #2e3141; color:#fff;}
.major{padding:40px 0px 24px; font-size: 24px; font-weight: 700; color:#fff;     border-bottom: solid 2px rgba(255, 255, 255, 0.125); margin-bottom: 24px;}
#footer p{font-size: 20px; padding-bottom: 1em;}
#footer .inner form {
    margin: 0 3em 0 0;
    width: 48%;
    float:left;
}
form .field {
    margin: 0 0 2em 0;
}
label {
    color: #ffffff;
    display: block;
    font-family: Raleway, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.1em;
    margin: 0 0 0.7em 0;
    text-transform: uppercase;
}
input,textarea{
	-moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background: rgba(255, 255, 255, 0.025);
    border-radius: 5px;
    border: none;
    border: solid 2px rgba(255, 255, 255, 0.125);
    color: inherit;
    display: block;
    outline: 0;
    padding: 0.8em 1em;
    text-decoration: none;
    width: 100%;
    box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	font-size: 16px;
}

#footer .inner .contact {
    width: 40%; float:right;
    font-size: 20px; 
    line-height: 32px; 
}
#footer a{color:#fff;}
#footer .inner .contact  li{padding: 24px 0px; padding-left: 10%;}


.copyright{width:100%;	border-top: solid 2px rgba(255, 255, 255, 0.125);
			list-style: none;
			margin: 4em 0 2em 0;
			padding: 2em 0 0 0;
			width: 100%;
font-size: 16px;
		}
.copyright a{color:#fff}
.copyright a.zhichi{display:block; float: right; height: 40px; padding: 0px 10px; background: #0033a0; text-align: center; line-height: 40px; text-align: center; color:#fff;}


.fa-home{background: url(../images/fa-home.png) left no-repeat;}
.fa-fax{background: url(../images/fa-fax.png) left no-repeat;}
.fa-phone{background: url(../images/fa-phone.png) left no-repeat;}
.fa-envelope{background: url(../images/fa-envelope.png) left no-repeat;}

@media screen and (max-width:768px){
	#footer .inner form{width:100%;}
	#footer .inner .contact{width:100%;}
	#footer .inner .contact li{padding: 10px 0px; padding-left: 10%}
}