.banner .item{ height: 960px; height: 100vh;background-size: cover !important; position: relative; overflow: hidden;}
.autowidth{width: 1200px; margin: auto;max-width: 95%;}
.header{ position: fixed; left: 0;right: 0;top: 0; background:rgba(255,255,255,.4); z-index: 20;color: #646464;transition: .5s;-webkit-transition: .5s;}
/* .header:before{ position: absolute; left: 3%;right: 3%;bottom: 0;content: '';border-bottom: 1px  solid #fff;opacity: .3;} */
.header.on {box-shadow: 0 5px 20px -10px rgba(0,0,0,.4); }

.header.on .marginHt .fl,.header.on .marginHt .fr{ margin-top:8px;}
.marginHt{  margin: 0 5%;border-color: rgba(255,255,255,.3); }
.headerNav{ padding: 0 200px;}
.headerOL{ text-align: center; font-size: 0;}
.header  .fl,.header  .fr{ margin-top:18px;    transition: 0.5s; -webkit-transition: 0.5s;}
.headerOL li{ display: inline-block;*display: inline;*zoom: 1; vertical-align: top; line-height: 20px;font-size: 16px;color:#222; position:relative}
.displayNone{ position:absolute;display:none; left:0;right:0;top:100%;background:#fff;animation: dhd .5s both;-webkit-animation: dhd .5s both;box-shadow: 0 5px 10px -5px rgba(0,0,0,.2);}
.header .up{ display:inline-block; width:13px; height:7px; background:url(../images/up.png) no-repeat center; margin-left:11px;}
.headerOL li:hover>a{color:#2190F0;}
.headerOL li:hover .up{background:url(../images/up2.png) no-repeat center;}
.displayNone dd a{ display:block; line-height:40px; text-align:center;color:#666;}
.headerOL li>a{ display:block;padding: 30px 25px;}
.footer{ text-align: center;background: #f5f5f7; padding: 3% 0 0 0;overflow: hidden;}
.footer .ewm{  display: inline-block;}
.footer .ewm img{ width:168px;}
.footer .copy{background: #0b2956;padding: 8px 0;color: #888;font-size: 14px; position:relative;z-index:2;}
.footer .phone{color: #3A67AB;font-size: 18px;}
.footer .phone a{display: inline-block;vertical-align: middle; }
.bannerTxt{ position: absolute; left: 0;right: 0;top: 30%;text-align: center;color: #4e74ae;}
.bannerTxt h1{ font-size: 48px;line-height: 1.4; margin-bottom: 10px; letter-spacing: 2px;}
.bannerTxt h1 span{ display: inline-block;background: #5e8dd5;color: #fff; padding: 0 7px; margin-right: 7px;}
.bannerTxt h3{ font-size: 30px; font-family: Microsoft JhengHei;}
.owl-dots{ position: absolute; left: 0;right: 0;bottom: 2.5%;}
.owl-theme .owl-dots .owl-dot span{ height: 3px;width: 50px;border-radius: 0;}
.containerIndex{ padding: 4% 0;}
.pageindex{ position: relative; padding-bottom: 3%; }
.pageindex .img img{ display: block;  width: 100%;}
.pageindex .cot h2{ padding:0 30px;}
.pageindex.currt .img img{ animation: sf 5s linear both; -webkit-animation: sf 5s linear both;}
.index_one .img{ width: 59%; float: left;overflow: hidden;} 
.index_one .cot{ position: absolute; left: 59%;right: 0;bottom: 20%;}
.index_one .cot .text{ padding: 30px 0 30px 40px;background: #fff; position: relative; left: -40px;}
.index_two .img{ width: 50%; float:right;overflow: hidden;}
.index_two .cot{ position: absolute; right: 50%;left: 0;bottom: 20%;text-align: right;}
.index_two .cot .text{ padding: 30px 40px 30px 0;background: #fff; position: relative; right: -40px;}
.index_three .img{ width: 50%; float: left;overflow: hidden;} 
.index_three .cot{ position: absolute; left:50%;right: 0;bottom: 20%;}
.index_three .cot .text{ padding: 30px 0 30px 40px;background: #fff; position: relative; left: -40px;}
.index_four .img{ width: 59%; float: right;overflow: hidden;} 
.index_four .cot{ position: absolute; left:0;right: 59%;bottom: 20%;text-align: right;}
.index_four .cot .text{ padding: 30px 40px 30px 0;background: #fff; position: relative; right: -40px;}
.lookMore{ text-align: center; margin: 2% 0 0 0;}
.lookMore a{display: inline-block;padding: 0 30px;line-height: 38px;border: 1px solid #3A67AB;color: #3A67AB;border-radius: 1px;}
.mainContainer{ overflow: hidden;}
.newsOL { width: 101.5%;}
.newsOL li{ float: left; width: 31.83%; margin: 0 1.5% 2% 0;position: relative;transition: .2s;}
.newsOL li>a{ display: block; position: relative;overflow: hidden; background: #f5f5f7;}
.newsOL li .imgBg{ padding-top:56%; transition:.5s; -webkit-transition:.5s;}
.newsOL li .imgBg:hover{ transform:scale(1.05); -webkit-transform:scale(1.05)}
.newsOL li .cot{padding: 15px;}
.newsOL li .text{ color: #666;font-size: 14px; line-height: 22px;height: 66px;overflow: hidden; margin: 10px 0;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.newsOL li .more{ font-size: 14px; display: inline-block;padding-right: 20px;background: url(../images/go.png) no-repeat right center;transition: .5s;}
.lineheight{  line-height: 1.3;letter-spacing: 1px;}
.news{  overflow: hidden;}
.animationDH{opacity: 0;}
.animationDH.currt{opacity: 1;}
.index_one.currt .img,.index_three.currt .img{animation:dhout 1s linear both ;-webkit-animation:dhout 1s linear both ;}
.index_two.currt .img,.index_four.currt .img{animation:dhout 1s linear both ;-webkit-animation:dhout 1s linear both ;}
.index_two.currt .cot,.index_four.currt .cot,.index_one.currt .cot,.index_three.currt .cot{animation:dhout 1s .6s linear both ;-webkit-animation:dhout 1s .6s linear both ;}
.owl-item.active  .inlineBlock{animation:zoomIn 1s linear both ;-webkit-animation:zoomIn 1s linear both ;}
.dh.currt{animation:dhout 1.2s linear both ;-webkit-animation:dhout 1.2s linear both ;}

.aboutTxt{ padding: 0 0 4% 0; line-height: 1.8; letter-spacing: 1px;color: #666;}
.aboutTxt>p{ margin-bottom: 15px;}
.bannerImg { overflow: hidden;}
.bannerImg img{ display: block;width: 100%;}
.newsDL{ padding-bottom: 4%;}
.newsDL dd{ padding: 3% 0; border-bottom: 1px solid #eee;}
.newsDL dd >a{ display: block;position: relative; overflow: hidden;}
.newsDL dd .scaleImg{ float: left; width: 470px; width: 39.2%; position: relative;}
.newsDL dd .overHidden{ padding:0 3%;}
.newsDL dd .cot{color: #666; max-height: 112px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.newsDL dd h1{ padding:25px 0 15px 0;}
.newsDL dd .date{color: #888; line-height: 24px;display: inline-block;font-size: 15px; margin: 25px 0 0 0;}
.newsDL dd .date img{height: 24px;vertical-align: top;margin-right: 3px;}
.newsDL dd .scaleImg:before{ position: absolute; left: 0;top: 0%;content: '';height: 100%;width: 0%;background: #fff;z-index: 5;transition: .5s; opacity: .4; transform-origin: left; transform: perspective(400px) rotateY(51.8deg);-webkit-transform: perspective(400px) rotateY(51.8deg);}
.newsDL dd .scaleImg:after{ position: absolute; right: 0;top: 0%;content: '';height: 100%;width: 0%;background: #fff;z-index: 5;transition: .5s; opacity: .4; transform-origin: right; transform: perspective(400px) rotateY(-51.8deg);-webkit-transform: perspective(400px) rotateY(-51.8deg);}
.page{ text-align: center; padding:0 0 5% 0;}


.page a{ display: inline-block;min-width: 30px;line-height: 30px;border: 1px  solid #ddd;color: #777;}
.page .prev{background: url(../images/prev.png) no-repeat center;}
.page .next{background: url(../images/next.png) no-repeat center;}
.page a.on{background: #3A67AB;color: #fff;border-color: #3A67AB;}
.page a:hover{border-color: #3A67AB;}
.caozuo .fl{ width: 40%; position: relative;  margin-top:-16%}
.caozuo .fr{ width: 52%;color: #666; line-height: 1.8;  margin: 5% 0 0 0;letter-spacing: 1px;}
/*.productMain{width: 62.5%;}*/

.caozuo_2 .fl{ width: 52%;text-align: right;}
.caozuo_2 .fr{ width: 40%;text-align: right;line-height: 1.8;letter-spacing: 1px;position: relative;z-index: 3;}
.point_1{  margin-top: 52%;}
.point_2{  margin-top: 25%;}
.point{ position: relative; }
.point:after{ position: absolute; left: 101%; top: 50%;background: #fff; margin-top: -5px;width: 8px;height: 8px;border-radius: 50%;border: 1px solid #3A67AB;content: '';}
.point:before{ position: absolute; left: 101%; top: 50%; width: 150px;height: 1px;content: '';background: #ddd; }

.caozuo_2,.caozuo_3{position: relative; top: -50px;}
.caozuo_3 .fl{ width: 40%;text-align: right;position: relative;z-index: 3;}
.caozuo_3 .fr{ width: 52%;line-height: 1.8;letter-spacing: 1px;}
.point_3{ position: relative; margin-top: 82%; }
.point_3:after{ position: absolute; right: 101%; top: 50%;background: #fff; margin-top: -5px;width: 8px;height: 8px;border-radius: 50%;border: 1px solid #3A67AB;content: '';}
.point_3:before{ position: absolute; right: 101%; top: 50%; width: 150px;height: 1px;content: '';background: #ddd; }
.caozuo.currt .fl,.caozuo_3.currt .fl{ animation: dhout3 1s linear both; -webkit-animation: dhout3 1s linear both;}
.caozuo.currt .fr,.caozuo_3.currt .fr{ animation: dhout2 1s .5s linear both; -webkit-animation: dhout2 1s .5s linear both;}
.caozuo_2.currt .fl{ animation: dhout3 1s .5s linear both; -webkit-animation: dhout3 1s .5s linear both;}
.caozuo_2.currt .fr{ animation: dhout2 1s  linear both; -webkit-animation: dhout2 1s linear both;}

.jieshao .fl{ width: 53%;}
.jieshao .overHidden{ padding: 4% 0 0 0; line-height: 1.8;letter-spacing: 1px;}
.color292e87{color: #292e87;}

.newsFL{ float: left;width: 72%; background: #fff; margin-bottom: 3.5%;box-shadow: 0 0 35px -10px rgba(0,0,0,.3);}
.newsFL{ float:none;width:auto;}
.newsFR{ float: right;width: 27%;}
.newsFL .paddingN{ padding: 3.5%;}
.conTop h1{line-height: 1.3; padding-top: 0;color: #3A67AB;}
.conTop .date{color: #888; border-bottom: 1px solid #ededed; padding: 15px 0 10px 0;line-height: 30px;font-size: 14px;}
.conTop .date .inline,.conTop .date span{ display: inline-block;*display: inline;*zoom: 1;vertical-align: middle; padding-right: 18px;}
.conTop .bq{ padding: 15px 0;border-bottom: 1px solid #ededed;font-size: 12px;}
.conTop .bq span{display: inline-block;*display: inline;*zoom: 1;padding: 0 5px 0 10px; margin-right: 20px; background: #ededed;line-height: 24px;border-radius: 3px;position: relative;}
.conTop .bq span em{ color: #fff; position: relative; top: -1px;}
.conTop .bq span:before{ position: absolute;content: '';left: 100%;top:50%;margin-top: -6px;border-width: 5px;width: 0;height: 0;border-style: solid;border-color:transparent transparent transparent #EDEDED ;}
.contactTxt{ color: #666; line-height: 2; padding: 2% 0;}
.contactTxt video{ display:block;margin:auto;max-width:100%;height:auto !important;}
.contactTxt p,.contactTxt div{ color: #666 !important;}
.contactTxt img{ max-width: 100%; height: auto !important; margin: 20px 0;}
.contactTxt h6{ font-weight: bold;color: #333; font-size: 16px;}
.newsFR .frTop{background: #fff; padding:7% 7% 0 7%; margin-bottom: 3.5%;box-shadow: 0 0 35px -10px rgba(0,0,0,.3);}
.newsFR .tit{line-height: 14px;height:14px;font-size:14px; padding-left: 8px; border-left: 3px solid #3A67AB;margin-bottom: 10px;color: #3A67AB;}
.newsPrev a{display: block; position: relative;overflow: hidden;color: #666; }
.newsPrev .scaleImg{ float: left; width: 140px; margin-right: 10px;}
.newsPrev .overHidden h6{ height: 44px;line-height: 22px;overflow: hidden;}
.newsPrev{ padding-bottom: 25px;font-size: 14px;}

.xiangguanUL{ padding-bottom: 15px;}
.xiangguanUL li{line-height: 38px; border-top: 1px solid #eee; position: relative; padding-right: 80px;font-size: 14px;}
.xiangguanUL li a{color: #666;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
.xiangguanUL li span{ position: absolute; right: 0; top: 0; font-size: 12px;color: #c2c2c2;}
.newsDetails{ padding-top: 115px;background: #e3ecff;}
.bdsharebuttonbox a{transition: 0s;-webkit-transition: 0s;}
.fanhui{ text-align: right; padding-bottom: 3.5%;}
.fanhui a{ display: inline-block;box-shadow: 0 0 35px -10px rgba(0,0,0,.3); padding: 0 20px;border-radius: 1px;line-height: 34px;color: #3A67AB; background: #fff; font-size: 14px;}

.newsDL .scaleImg .imgBg{ padding-top:55.2%;background:#000;}
.contactTxt span,.contactTxt p,.contactTxt div{ font-size:inherit !important;}

.leibie{ text-align:center; padding-top:4%;}
.leibie a{ display:inline-block; width:31%; max-width:200px; border:1px solid #3A67AB;color:#3A67AB; line-height:40px; margin:0 2%}
.leibie a.on{background:#3A67AB;color:#fff;}
.leibieDL dl{ display:none;}
.leibieDL dl.on{ display:block;}


.fontbaidu{ font-family: 'font';}
@font-face { font-family: 'font';src: url('baidu.ttf') } 
.banner2Txt{z-index:3;font-size:24px; position:absolute; width:1200px; left:50%; margin-left:-600px;top:12%;color:#7795d1;font-family: 'font';}
.banner2Txt .inlineBlock{text-align:center; overflow:hidden;}
.banner2Txt h2{font-size:250%}
.banner2Txt .name{display:inline-block;position:relative;padding:0 15px;}
.banner2Txt .name:before{ position:absolute; left:100%;top:50%; margin-top:-1px; width:55px;border-top:1px solid #7795d1;content:'';}
.banner2Txt .name:after{ position:absolute; right:100%;top:50%; margin-top:-1px; width:55px;border-top:1px solid #7795d1;content:'';}

.contact{ max-width: 1088px; margin: auto; margin-bottom: 3.5%;}
.contact .nx{position: relative; width: 48%;background: #fafafa;text-align: center; padding: 5% 0; min-height: 370px;color: #588dbf;transition: .5s;}
.contact .nx h5{ position: relative; padding: 25px 0;margin-bottom: 5%;}
.contact .nx h5:before{ position: absolute; left: 50%; width: 40px;bottom: 0;content: '';border-top: 3px  solid #588DBF; margin-left: -20px;}
.contact .ico{ transition: .5s; -webkit-transition: .5s;}
.contact .nx:hover .ico{ transform: translate(0,-15px);-webkit-transform: translate(0,-15px);}
.contact .nx:hover{background: #eee;}
.pdfDL {padding:4% 0 0 0;width:102%;}
.pdfDL dd{  float:left; width:48%; margin:0 2% 2% 0;}
.pdfDL dd .kk{ display:block; border:1px solid #ddd; position:relative; margin-bottom:8px; }  
.pdfDL dd .kk:before{ z-index:4; position:absolute; left:0;top:0;bottom:0;right:0;content:'';background:rgba(0,0,0,.4); opacity:0; transition:.5s;-webkit-transition:.5s;}
.pdfDL dd .kk:after{ z-index:5; position:absolute; left:10px;top:10px;bottom:10px;right:10px;content:''; border:1px solid #fff; opacity:0; transition:.5s;-webkit-transition:.5s;}
.pdfDL dd .btn{z-index:6; position:absolute; left:0;right:0;top:50%;margin-top:-16px; text-align:center;}
.pdfDL dd .btn span{opacity:0;  transform:scale(0); -webkit-transform:scale(0);  font-size:14px; display:inline-block; padding:4px 15px; background:#fff; border:1px solid #fff;color:#2190F0;transition:.5s;-webkit-transition:.5s;}
.pdfDL dd .bt{display:block; margin:0; line-height:26px; padding:5px 0; border:1px solid #ddd;  color:#666;z-index:6; text-align:Center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;  }

.copy a:hover{color:#fff;}
/*.products .pd{ float:left; width:50%; text-align:center;}  */
.products .pd{ float:left; width:100%; text-align:center;}
.products .pd img{max-width:88%;}
.productBg{padding:4% 0;border-bottom:10px solid #f5f5f7;}
.products .pd:hover{color:#2190F0}
.newsList .nw{ width:42%;}
.newsList .nw dl dd{line-height:40px;   position:relative;padding-right:90px;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.newsList .nw dl dd span{ position:absolute; right:0; top:0;color:#888;font-size:14px;}
.newsList .nw .tit{ padding-bottom:15px; border-bottom:1px solid #eee; margin-bottom:10px; line-height:20px;}
.newsList .nw .tit span{ border-left:4px solid #2190F0; padding-left:15px;color:#2190F0;}
.newsList .nw a:hover{color:#2190F0;text-decoration: underline;}
.newsBg{ padding-bottom:5%; padding-top:2%; border-top:10px solid #f5f5f7;}
.newsList{padding-top:1%;}

.currt .products .fl,.currt .newsList >.fl{ animation: dhout3 1s  linear both; -webkit-animation: dhout3 1s linear both;}
.currt .products .fr,.currt .newsList >.fr{ animation: dhout2 1s  linear both; -webkit-animation: dhout2 1s linear both;}

.caozuo_4,.caozuo_5{position: relative; }
.caozuo_4 .fl{ width: 50%;text-align: right;position: relative;z-index: 3;}
.caozuo_4 .fr{ width: 40%;line-height: 1.8;letter-spacing: 1px;}
.caozuo_5 .fl{ width: 40%;line-height: 1.8;letter-spacing: 1px;text-align: right}
.caozuo_5 .fr{ width: 50%;;position: relative;z-index: 3;}

.point_s{ position: relative;  }
.point_s:after{ position: absolute; right: 101%; top: 50%;background: #fff; margin-top: -5px;width: 8px;height: 8px;border-radius: 50%;border: 1px solid #3A67AB;content: '';}
.point_s:before{ position: absolute; right: 101%; top: 50%; width: 150px;height: 1px;content: '';background: #ddd; }
.point4_1{margin-top:20%;}
.point4_2{margin-top:15%;}
.point4_3{margin-top:20%;}
.point5_1{margin-top:20%;}
.caozuo_4.currt .fl{ animation: dhout3 1s linear both; -webkit-animation: dhout3 1s linear both;}
.caozuo_4.currt .fr{ animation: dhout2 1s .5s linear both; -webkit-animation: dhout2 1s .5s linear both;}
.caozuo_5.currt .fl{ animation: dhout3 1s .5s linear both; -webkit-animation: dhout3 1s .5s linear both;}
.caozuo_5.currt .fr{ animation: dhout2 1s  linear both; -webkit-animation: dhout2 1s  linear both;}
.xiangguan{ padding:3%;background:#fff;margin-bottom: 3.5%;}
.xiangguan .nw{width:auto;max-width:500px; }

.youqing{padding:15px 0;border-top:1px solid #ddd; font-size:14px; display:none; margin-top:2%}
.youqing a{ display:inline-block; padding-right:10px;}
.youqing a:hover{color:#3A67AB}

.flexss{ display:flex;display:-webkit-flex; justify-content: space-between;-webkit-justify-content: space-between; text-align:center;}
.flexss >*{display:inline-block;}
.footDL dd{ display:inline-block; vertical-align:top; width:25%; font-size:16px;}
.footDL{ flex:1;-webkit-flex:1; font-size:0; margin:0 5%; border-left:1px solid #ddd; border-right:1px solid #ddd;padding:0 2.5%}
.footer .ewm img{ width:150px;}
.footer .ewm p{background:#fff; line-height:1.2; font-size:15px;padding:0 0 5px 0;}
.footDL dd p{ margin-top:20px;}
.footDL dd a:hover{color:#3A67AB;text-decoration:underline}
@media only screen and (max-width:1700px ) {
	.caozuo .fl{ margin-top: -13%;}
}
@media only screen and (max-width:1400px ) {
	.caozuo .fl{ margin-top: -10%;}
}

@media only screen and (max-width:1330px ) {
	.marginHt{ margin: 0;}
	.banner2Txt{ left:2.5%; width:auto; margin:0; font-size:18px;}
}

@media only screen and (max-width:1200px ) {
	.newsDL dd .scaleImg{ width: 430px;}
	.newsFL{ width: 68%;}
	.newsFR{ width: 31%;}
	.headerOL li>a{padding:20px 12px;}
	
}


@media only screen and (min-width:1060px) {
	.lineheight  >p{ font-family:"Microsoft YaHei";}
	.newsOL li:hover{box-shadow: 0 0 35px -5px rgba(0,0,0,.5);transform: translate(0,-2px);}
	.newsOL li:before{ position: absolute;content: 'NEWS';right: 0;top: 10px;z-index: 2;font-size: 12px;color: #fff;transform: rotate(45deg);-webkit-transform: rotate(45deg);opacity: 0;transition: .5s;-webkit-transition: .5s;}
	.newsOL li:after{ position: absolute;content: '';right: 0;top: 0;z-index: 1;border-width: 0 55px 55px 0;border-style: solid;border-color:transparent #3A67AB; opacity: 0;transition: .5s;-webkit-transition: .5s;}
	.newsOL li:hover:before{ opacity: 1;}
	.newsOL li:hover:after{ opacity: .5;}
	.newsOL li:hover .more{ padding-right: 35px;}
	.newsDL dd a:hover{background: #eee;}
	.newsDL dd:hover .scaleImg:before{width:1500px;background: #fff;}
	.newsDL dd:hover .scaleImg:after{width:1500px;background: #fff;}
	
	.newsDL dd a:hover .scaleImg img{transform: scale(1.05);-webkit-transform: scale(1.05); }
	.newsPrev a:hover,.xiangguanUL li a:hover{color: #2190F0;}
	.fanhui a:hover{background: #3A67AB;color: #fff;padding: 0 25px;}
	.lookMore a:hover{ padding: 0 35px;background: #3A67AB;color: #fff;}
	
	.headerOL li a:hover{color: #2190F0;}
	.pdfDL dd:hover .bt{ border-color:#2190F0;color:#2190F0}
	.pdfDL dd:hover .kk:before{opacity:1;}
	.pdfDL dd:hover .kk:after{opacity:.4;}
	.pdfDL dd:hover .kk{border-color:#fff;}
	.pdfDL dd:hover .btn span{opacity:1;-webkit-transform: scale(1);transform: scale(1);}
	.headerOL li:hover >a{background:#fff;}
	.headerOL li:hover .displayNone{ display:block;}
	.header.on .headerOL li>a{padding: 20px 25px;}
	

	@-webkit-keyframes dhd{
		from{opacity: 0;}
		to{opacity: 1;}
	}
	@keyframes dhd{
		from{opacity: 0;}
		to{opacity: 1;}
	}
	
}

@media only screen and (max-width:1060px ) {
	.header{ padding: 10px 0;}
	.headerNav{ display: none;padding: 0; margin: 0; position: fixed; right: 1.5%;top: 65px;width: 150px; border-radius: 5px;transform-origin: 93% top; -webkit-transform-origin: 93% top; animation: menu .4s both;-webkit-animation: menu .4s both;}
	.headerNav.on{display: block;}
	.headerNav:before{ position: absolute; right: 10px; top: -16px;content: '';border-width:8px 7px;border-style: solid;border-color:transparent transparent  #3A67AB  transparent;}
	.headerOL li{color:#fff; display: block; border-top: 1px solid rgba(255,255,255,.1);}
	.header .fr{ margin: 0 37px 0 0;}
	.header .fl{ margin: 0;}
	.header.on .marginHt .fl, .header.on .marginHt .fr{margin-top:0;}
    .headerOL{background: #3A67AB;color: #fff;border-radius: 5px;overflow: hidden;}
    .logoImg{ height: 36px;}
    .banner .item{ height: 40vh;}
    .bannerTxt h1{ font-size: 36px;}
    .bannerTxt h3{ font-size: 24px;}
    .index_one .cot .text,.index_three .cot .text{ padding: 10px 0 10px 20px; font-size: 14px;}
    .index_two .cot .text,.index_four .cot .text{padding: 10px 20px 10px 0;font-size: 14px;}
    .newsDL dd .scaleImg{ width: 330px;}
    .newsDL dd h1{ padding: 5px 0 0 0;}
    .newsDL dd .date{ margin: 15px 0 0 0;}
    .newsDL dd .overHidden{ padding-right: 0;}
    .caozuo .fl{ padding-right: 3%;}
    .caozuo .fr{ float: none; width: auto;}
    .caozuo_2, .caozuo_3{ top: 0;}
    .czItem{ margin-bottom: 5%;}
    .newsFL{ width: auto; float: none; margin-bottom: 3.5%;}
	.newsFR{ width: auto; float: none;}
	.newsDetails{ padding-top: 60px;}
	.banner2Txt{ font-size:16px;top:18%;}
	.banner2Txt h2{ font-size:180%;}
	.leibie a{ margin:0;}
	.headerOL li>a{ padding: 10px 0;}
	.displayNone{ display:block; position:static;background: #578ad8;box-shadow: 0 5px 10px -5px rgba(0,0,0,0);}
	.displayNone dd a{color:#fff; font-size:14px;}
	.header .up{background: url(../images/up3.png) no-repeat center;}
	.flexss{ display:block}
	.flexss >*{ display:block}
    .footDL{ border:0; border-top:1px solid #ddd; border-bottom:1px solid #ddd;margin:4% 0;padding:2% 0; }

}

@media only screen and (max-width:640px ) {
	.bannerTxt{ top: 27%;}
	.logoImg{ height: 30px;}
	.bannerTxt h1{ font-size: 24px; margin-bottom: 5px;}
    .bannerTxt h3{ font-size: 18px; font-family: arial;}
    body{ font-size: 14px;}
    .newsOL li{ width: 48.5%;}
     .newsOL li:nth-child(3){ display: none;}
    .pageindex .img{ width: auto; float: none;}
    .pageindex .cot{ position: relative; width: auto;background: #fff; text-align: left; max-width: 70%; left: 0;top: -25px; margin: auto; margin-bottom: -25px; padding:25px 25px;}
    .pageindex .cot .text{ left: 0;right: 0; padding: 0;color: #666;}
    .pageindex .cot h2{ padding: 0; margin-bottom: 5px;}
    .bannerImg img{position: relative; width: 150%; left: -25%;max-width: 150%;}
    .newsDL dd .scaleImg{ width: 260px;}
    .newsDL dd .cot{ max-height: 66px;-webkit-line-clamp: 3;}
    .point_1{ margin-top: 36%;}
    .jieshao .fl{ float: none; width: auto;}
    .jieshao .overHidden{ padding: 0;}
    .conTop .date{ padding: 10px 0;}
    .newsDL dd{ margin: 0; padding: 15px 0; border-bottom: 1px solid #eee;}
    .newsList .nw{ float:none;width:auto; margin-bottom:2%;}
    .caozuo_4 .fr{line-height: 1.5;letter-spacing: 0;font-size:12px;}
    .point4_1{margin-top:5%;}
    .headerOL li>a{padding:7px 0; font-size:15px;}
    .displayNone dd a{ line-height:28px;}
    .displayNone{padding:5px 0;}
	
}

@media only screen and (max-width: 480px) {
	.footer .copy{ font-size: 11px;}
	.newsDL dd .scaleImg{ width: 175px;}
	.newsDL dd h1{ padding:0 0 5px 0;}
	.newsDL dd .cot{ max-height: 44px;-webkit-line-clamp: 2; font-size: 13px;}
	.newsDL dd .date{ margin: 10px 0 0 0;font-size: 12px; line-height: 19px;}
	.newsDL dd .date img{ height: 18px;}
	.czItem .font18{ font-size: 13px;}
	.newsOL li .cot{ padding: 10px;}
	.newsOL li .text{ margin: 0 0 10px 0; font-size: 12px;}
	.banner2Txt{ font-size:12px;left:10%;top:20%;}
	.banner2Txt .name{padding:0 5px;}
	.banner2Txt .name:before,.banner2Txt .name:after{width:30px;}
	.banner2Txt h2{font-size: 160%;}
	.pdfDL dd{  width:98%;}
	.pdfDL dd .btn{ top:auto;margin:0;left:auto;right:0;bottom:0;}
}



@-webkit-keyframes menu{
	from{-webkit-transform: scale(0);}
	to{-webkit-transform: scale(1);}
}
@keyframes menu{
	from{transform: scale(0);}
	to{transform: scale(1);}
}

@-webkit-keyframes dhout{
	from{-webkit-transform: translate(0,100px);-webkit-opacity: 0;}
	to{-webkit-transform: translate(0,0);-webkit-opacity: 1;}
}
@-webkit-keyframes dhout{
	from{transform: translate(0,100px);opacity: 0;}
	to{transform: translate(0,0);opacity: 1;}
}

@-webkit-keyframes dhout2{
	from{-webkit-transform: translate(100px,0);-webkit-opacity: 0;}
	to{-webkit-transform: translate(0,0);-webkit-opacity: 1;}
}
@-webkit-keyframes dhout2{
	from{transform: translate(100px,0);opacity: 0;}
	to{transform: translate(0,0);opacity: 1;}
}
@-webkit-keyframes dhout3{
	from{-webkit-transform: translate(-100px,0);-webkit-opacity: 0;}
	to{-webkit-transform: translate(0,0);-webkit-opacity: 1;}
}
@-webkit-keyframes dhout3{
	from{transform: translate(-100px,0);opacity: 0;}
	to{transform: translate(0,0);opacity: 1;}
}


@-webkit-keyframes sf{
	0%{transform: scale(1.15);-webkit-transform: scale(1.15);}
	100%{transform: scale(1);-webkit-transform: scale(1);}
}
@keyframes sf{
	0%{transform: scale(1.15);-webkit-transform: scale(1.15);}
	100%{transform: scale(1);-webkit-transform: scale(1);}
}