*{ font-family:"微软雅黑";}
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,span,em{padding:0;margin:0;color:#3d3d3d;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-weight:normal;font-style:normal;}
strong{font-style:normal;}
ol,ul{list-style:none; margin:0; }
ul:before{ margin:0}
caption{text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
a{outline:expression(this.hideFocus=true);outline:none;cursor:pointer;text-decoration:none;color:#666;}
a:hover{ color:#C00;}
input,button,select,textarea{outline:none}
.clear{zoom:1;clear:both; height:0; line-height:0; font-size:0;}
.contxt{ background:#e3e1da; border:1px solid #CCC; padding:5px;}
.btn{ padding:5px 10px; border:1px solid #CCC; background:#0074e1; color:#fff; font-family:"微软雅黑";}
body{cursor:default;-webkit-text-size-adjust:none;font-size:100%;font-family:Arial;background:#FFF; overflow-x:hidden}
@media only screen and (max-width: 768px){
	html{ font-size:24px !important}
	body{ font-size:24px !important}
}
DIV.green-black{ width:100%;  padding-top:10px; text-align:right; }
DIV.green-black A{PADDING-RIGHT: 5px;PADDING-LEFT: 5px;PADDING-BOTTOM: 2px;COLOR: #333;MARGIN-RIGHT: 2px;PADDING-TOP: 2px;BORDER: #ddd 1px solid;TEXT-DECORATION: none;font-size:100%;background-color: #ddd;}
DIV.green-black A:hover{BORDER: #126eb9 1px solid;COLOR: #fff;font-size:100%;background-color: #126eb9;}
DIV.green-black A:active{BORDER: 1px solid #126eb9;COLOR: #fff;font-size:100%;background-color: #126eb9;}
DIV.green-black SPAN.current{PADDING-RIGHT: 5px;PADDING-LEFT: 5px;FONT-WEIGHT: bold;PADDING-BOTTOM: 2px;COLOR: #fff;MARGIN-RIGHT: 2px;PADDING-TOP: 2px;BORDER: 1px solid #126eb9;font-size:100%;background-color: #126eb9;}
DIV.green-black SPAN.disabled{PADDING-RIGHT: 5px;PADDING-LEFT: 5px;PADDING-BOTTOM: 2px;COLOR: #fff;MARGIN-RIGHT: 2px;PADDING-TOP: 2px;BORDER: #126eb9 1px solid;font-size:100%;}


.fl{ float:left;}
.fr{ float:right;}
.kd{ width:86%; max-width:1200px; margin:0 auto;}
@media only screen and (max-width: 768px){
.kd{ width:92%;}
}
@font-face{

font-family:'impact';
font-family: 'impact';
	src: url('../font/impact.eot') format('eot');
	src:url('../font/impact.woff') format('woff'), url('../font/impact.ttf') format('truetype');

}
@font-face{
	font-family:'SourceHanSansCN';
font-family: 'SourceHanSansCN';
	src: url('../font/impact.eot') format('eot');
	src:url('../font/impact.woff') format('woff'), url('../font/SourceHanSansCN.ttf') format('truetype');
}

.to-ma{ height:31px; line-height:31px; border-bottom:1px solid #e5e5e5}
.quee{ width:400px; line-height:31px; overflow:hidden; height:31px;}
.quee span{ font-size:0.875em; color:#7b7b7b;}
.lnk{ line-height:31px; font-size:0.875em; color:#7b7b7b}
.lnk a{ color:#7b7b7b; }
@media only screen and (max-width: 768px){
.to-ma{ display:none;}
}

.to-lo{ margin:1em 0;}
.gtx{ margin:30px 0 0 95px;}
.tell{ background:url(../image/tel.jpg) left center no-repeat; padding-left:77px; min-height:52px; margin-top:1.5em;}
.tell span{ font-size:0.875em; color:#777777;}
.tell p{font-family:'impact'; font-size:1.5em; color:#1f1f1f;}

.hmenu{ background:url(../image/mbg.jpg) repeat-x #0061ae; width:100%; height:3.1875em; line-height:3.1875em; overflow:hidden;}
.hmenu li{ width:12.5%; float:left; background:url(../image/lb.jpg) right center no-repeat; position:relative;}
.hmenu li span{ display:block; width:100%; height:100%; position:absolute; background:#f84b07; top:0; left:0; z-index:1; transform:scaleX(0); transition:all 0.5s}
.hmenu li:hover span,.hmenu li.cur span{ transform:scaleX(1)}
.hmenu li a{ display:block; color:#fff; text-align:center; z-index:2; position:relative}
.hmenu li a:hover{ color:#fff;}
@media only screen and (max-width: 768px){
.gtx{ display:none}
.tell{ margin-top:0.5em;}
.tell p{ margin-top:0;}
.hmenu{ height:150px; position:relative;}
.hmenu ul{ position:absolute; width:100%; left:0}
.hmenu li{ width:25%;}
}

.mban{ display:none;}
@media all and (max-width: 768px) {
.mban{ display:block;}

	.device {
  width: 100%;
  height: 440px;
  margin: 0px auto 0 auto;
  position: relative;
}
.device .arrow-left {
  background: url(../image/arrows.png) no-repeat left top;
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
  z-index:111;
}
.device .arrow-right {
  background: url(../image/arrows.png) no-repeat left bottom;
  position: absolute;
  right: 30px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
  z-index:111;
}
.swiper-container {
  height: 440px;
  width: 100%;
}
.content-slide {
  padding: 20px;
  color: #fff;
}
.title {
  font-size: 25px;
  margin-bottom: 10px;
}
.pagination {
  position: absolute;
  left: 0;
  text-align: center;
  bottom:20px;
  width: 100%;
  z-index:111;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #999;
  box-shadow: 0px 1px 2px #555 inset;
  margin: 0 3px;
  cursor: pointer;
}
.swiper-active-switch {
  background: #fff;
}
.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	
	z-index:1;
}
.swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;

	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide {
	float: left;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-slide  img{ width:100%}

.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}
}




.ban-ng{ padding:1.5em 0; width:100%;}
.ban1{ width:856px;}

.fullSlide{width:100%;position:relative;height:500px;background:#000;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:500px;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;height:500px;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:35%;height:30px;line-height:30px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:11px;margin:2px 5px;overflow:hidden;background:#fff;filter:alpha(opacity=100);opacity:1;line-height:999px; border-radius:21px;}
.fullSlide .hd ul .on{background:#0061ae;}
@media only screen and (max-width: 1366px){
.ban1{ width:786px;}
.fullSlide{width:100%;position:relative;height:475px;background:#000;}
.fullSlide .bd li{width:100% !important;height:475px;overflow:hidden;text-align:center;}
}
@media only screen and (max-width: 768px){
.ban1{ width:768px; display:none;}
}

.ng{ width:26%; border:1px solid #d1d1d1;}
.kg-tit{ border-bottom:1px solid #d1d1d1; min-height:45px;}
.kg-tit p{ float:left; background:url(../image/fb1.jpg) center no-repeat; height:2.8125em; width:127px; line-height:2.8125em; text-align:center; color:#fff; font-size:1em;}
.kg-tit a{ text-transform:uppercase; margin-right:10px; line-height:2.8125em;}

.kg-ul li{ padding:18px 0; width:80%; border-bottom:1px dotted #dcdcdc; margin:0 auto;}
.kg-ul p{ color:#595858; font-size:0.875em;}
.kg-ul li span{ font-size:0.875em; display:block; color:#595858;}
.kg-ul li em{ font-size:0.875em; display:block; color:#595858; }
@media only screen and (max-width: 768px){
	.ng{ width:100%;}
	.kg-tit{ height:68px;}
	.kg-tit p{ background-size:cover}
	}

.six6{ padding:1em 0;}
.six6 li{ min-height:100px; float:left; width:31.33%; margin:0 0 25px; display:table; line-height:100px;position:relative; cursor:pointer;}
.six6 li span{ color:#fff; font-size:1.375em; display:table-cell; vertical-align:middle; transition:all 0.5s; padding-left:10px;}
.six6 li font{ text-indent:2em; display:table-cell; vertical-align:middle;}
.six6 li font.s1{ text-indent:3em;}
.six6 li span.s2{ position:absolute; left:110px;}
.six6 li:nth-child(1){ background:#0061ae}
.six6 li:nth-child(2){background:#3a9be7;margin:0 3% 25px;}
.six6 li:nth-child(3){background:#ffba00; }
.six6 li:nth-child(4){background:#f84b07}
.six6 li:nth-child(5){background:#836cd2;margin:0 3% 25px;}
.six6 li:nth-child(6){background:#009946}
.six6 li img{ transform:rotateY(0); transition:all 0.5s}
.six6 li:hover span{ text-indent:1em;}
.six6 li:hover img{ transform:rotateY(180deg)}
@media only screen and (max-width: 768px){
.six6 li{ width:100%; float:none !important}
.six6 li:nth-child(2){background:#3a9be7;margin:0 0 25px;}
.six6 li:nth-child(5){background:#836cd2;margin:0 0 25px;}
.six6 li span.s2{ position:absolute; left:150px;}
}

.tx{ border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; background:#fff; padding:45px 0;}
.tile{ text-align:center;}
.tile h5{ font-size:1.5em; text-transform:uppercase;font-family:'SourceHanSansCN'; color:#242424;letter-spacing:0.2em}
.tile p{ font-size:1.25em; background:url(../image/line.png) center no-repeat; color:#242424}

.kecheng{ margin:45px 0 0;}
.kecheng li{ transition:all 0.5s; width:23%; margin-right:2.63%; min-height:3em; background:#0d6eba; float:left; margin-bottom:1em; text-align:center; position:relative;}
.kecheng li span{ position:absolute; display:block; width:0; height:100%; background:#f84b07; top:0; left:0; z-index:-1; transition:all 1s}
.kecheng li:hover span{ width:100%;}
.kecheng li p{ color:#fff; font-size:1em; line-height:3em;}
.kecheng li:hover{ box-shadow:3px 3px 3px rgba(0,0,0,0.3)}
.kecheng li:nth-child(4){ margin-right:0;}
.kecheng li:nth-child(8){ margin-right:0;}
@media only screen and (max-width: 768px){
.kecheng li{ width:47%;}
.kecheng li p{ display:inline-block; font-size:0.875em; line-height:3.5em}
}

.tea{ padding:60px 0 40px;}
.tea-ls{ margin-top:48px;}
.tea-ls dl{ width:48%; margin-bottom:21px;background:#f2f2f2;border:1px solid #e9e9e9; cursor:pointer}
.tea-ls dl dt{ width:23%; float:left; overflow:hidden}
.tea-ls dl dt img{ width:100%; transform:scale(1); transition:all 1s}
.tea-ls dl:hover dt img{ transform:scale(1.1)}
.tea-ls dl dd{ width:76.5%;  float:right; height:100%;}
.tea-ls dl dd p{ display:block; background:url(../image/ming.jpg) center no-repeat; height:25px; width:126px; font-size:0.875em; color:#fff; line-height:25px; text-align:center; margin:24px 0 24px 27px; transition:all 1s}
.tea-ls dl dd span{ display:block; margin:0 0 0 27px; font-size:0.875em; line-height:1.5em;transition:all 1s}
.tea-ls dl:hover dd p{ margin:24px 0 24px 37px;}
.tea-ls dl:hover dd span{ margin:0 0 0 37px;}
@media only screen and (max-width: 768px){
.tea-ls dl{ width:100%;}
.tea-ls dl dt{ width:25%;}
.tea-ls dl dt img{ width:100%;}
.tea-ls dl dd{ width:72.5%;}
}

.new-ca{ background:#f2f2f2; padding:60px 0;}
.in-news{ width:25%; float:left; margin-right:5%; }
.in-case{ width:40%; float:left; margin-right:5%;}
.in-con{ width:25%; float:left;}
@media only screen and (max-width: 768px){
.in-news{ width:100%; float:none; margin-right:0; margin-bottom:1em}
.in-case{ width:100%; float:none; margin-right:0; margin-bottom:1em}
.in-con{ width:100%; float:none;}
}
.type-tt{ width:100%; min-height:50px; background:#0d6eba;}
.tt-bai{ border:1px solid #fff; padding:1px; width:98%; margin:0 auto; min-height:2.75em; line-height:2.75em;}
.tt-bai font{ color:#fff; font-size:1em; margin-left:1em}
.tt-bai span{ color:#79c4ff; text-transform:uppercase;}
.tt-bai a{ text-transform:uppercase; color:#fff; font-size:0.75em; margin-right:8px}

.in-list{ background:#fff; border:1px solid #d2d2d2; border-top:none; padding:22px; min-height:384px;}
.in-list dl dt p{ font-size:1em; color:#151515;}
.in-list dl dd em{ line-height:1.5em; display:block; font-size:0.875em; color:#a5a5a5}
.in-list dl dd span{ font-size:0.875em; color:#525252; line-height:1.5em;}
.in-list ul{ margin-top:1em;}
.in-list li{ background:url(../image/jiao_07.jpg) left center no-repeat; height:2.5em; line-height:2.5em; border-bottom:1px dotted #d2d2d2}
.in-list li a{ font-size:0.875em; padding-left:10px;}


.in-cs{ background:#fff; border:1px solid #d2d2d2; border-top:none; padding:22px; min-height:384px;}
.in-cs li{ width:auto; margin-bottom:1em}
.in-cs li img{ padding:2px; border:1px solid #e3e3e3; max-width:188px;}
.in-cs li p{ font-size:0.875em; color:#535353; text-align:center; line-height:2em;}
@media only screen and (max-width: 768px){
	.in-cs{ height:100%; min-height:560px;}
.in-cs li{ width:48%;}
.in-cs li img{ width:100%; max-width:100%;}
}

.in-ct{background:#fff; border:1px solid #d2d2d2; border-top:none; padding:22px; min-height:384px;}
.in-ct font{ font-size:0.875em; color:#525252}
.in-ct p{ font-size:1.875em; color:#0d6eba;}
.in-ct span{ font-size:1em; line-height:1.5em;}
.in-ct li{ padding-left:2em; line-height:2.5em; border-bottom:1px dashed #d2d2d2}
.in-ct li em{ font-size:0.875em;}
.in-ct li:nth-child(1){ background:url(../image/c1.jpg) left center no-repeat;}
.in-ct li:nth-child(2){ background:url(../image/c2.jpg) left center no-repeat;}
.in-ct li:nth-child(3){ background:url(../image/c3.jpg) left center no-repeat;}
.in-ct li:nth-child(4){ background:url(../image/c4.jpg) left center no-repeat;}
.in-ct li:nth-child(5){ background:url(../image/c5.jpg) left 15px no-repeat; border-bottom:none;}


.in-hz{ padding:60px 0;}
.in-hz li{ float:left; width:10%; margin:0 0.5%; box-shadow:1px 2px 2px rgba(0,0,0,0.5); margin-bottom:1em;}
.in-hz li img{ width:100%;}
#demo101{ margin-top:60px}
@media only screen and (max-width: 768px){
.in-hz li{ width:24%;}
}

.foot{ padding:40px 0; width:100%; background:#126eb9}
.ftll{ margin-top:1em;}
.ftll h4{ font-size:1.25em; color:#fff;}
.ftll p{ font-size:1em; color:#fff; margin-bottom:1em}
.ftll p br{ display:none;}
.fns{ margin-left:0;}
.fns p{ font-size:0.875em; color:#fff;}


.select1{position:relative; width:100%; margin-bottom:1em;}
.select1 dt{height:35px;display:inline-block; background:url(../image/la.jpg) 140px center no-repeat; border:1px solid #fff;line-height:35px;font-weight:bold;padding-left:10px;cursor:pointer;
width:150px;padding-right:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;position:relative;z-index:99; color:#fff; font-size:0.875em;}
.select1 dt:hover,.select dt.cur{}
.select1 dd{position:absolute;left:0;top:37px;background:#fff;display:none;}
.select1 dd ul{padding:4px;width:166px;max-height:100px;overflow:auto;}
.select1 dd ul a{line-height:28px;display:block;padding:0 8px; color:#666; font-size:1rem;}
.select1 dd ul a:hover{ color:#0363ad}
@media only screen and (max-width: 768px){
	.ftll{ width:60%}
	.ftll p br{ display:block;}
.fns{ display:none}
}
#top{ margin-top:1em; display:block; color:#fff; float:right;}

.fo2{ padding:1em 0; background:#0061ae}
.fo2 p{ font-size:0.875em; color:#fff;}
.fo2 p a{ color:#fff;}
@media only screen and (max-width: 768px){
.fo2{ margin-bottom:100px;}
.fo2 p{ float:none !important}
}
.fudong{ display:none}
@media screen and (max-width: 768px){
.fudong{ display:block; position:fixed; bottom:0; left:0; width:100%; height:100px; background:#126eb9; z-index:99999}
.fudong li{ width:24.8%; text-align:center; height:80px; margin:10px 0; border-right:1px solid #fff; float:left;}
.fudong li p{ color:#fff;}
}


.ban{ height:399px; background-position:center center; background-repeat:no-repeat; border-bottom:1px solid #0e609c; width:100%; position:relative;}
.ny-menu{ position:absolute; padding:13px 0; width:100%; background:rgba(255,255,255,0.8); bottom:0; left:0;}
.ny-menu li{ float:left; margin:0 3% 0 0; color:#393939}
.ny-menu li a{ display:block; padding:5px 8px; transition:all 0.5s}
.ny-menu li a.cur{background:#0271cf; color:#ffffff;}
.ny-menu li a:hover{ background:#0271cf; color:#ffffff}
@media screen and (max-width:768px){
.ny-menu li{ width:30%; text-align:center; margin-bottom:0.5em;}
}
.main{ padding:30px 0;}
.main img{ max-width:100%;}


.horlist{ width:100%; margin:2em 0;}
.horlist li{  width:22%; margin-right:3.5%; float:left; position:relative; margin-bottom:1em; text-align:center;}
.horlist li div{ width:auto; border:1px solid #eee;transition:all 1s; overflow:hidden;}
.horlist li img{ width:100%;transition:all 1s; transform:scale(1)}
.horlist li p{ line-height:2em; font-size:1em;}
.horlist li div:hover{ box-shadow: 0px 3px 3px 3px rgba(0,0,0,0.2)}
.horlist li div:hover img{ transform:scale(1.05);}
@media screen and (max-width:768px){
	.horlist li{ width:48%; margin:0 1% !important;}
}


.c-feed{ width:100%; height:auto;}
.c-feed h4{ font-size:50px; font-weight:bold; color:#484444; margin-top:30px;}

.c-feed .contxt{ width:47.5%; padding:10px; border:1px solid #ddd; background-color:transparent; margin-top:28px; height:28px; border-radius:5px;}
.c-feed .contxt{ font-size:18px; color:#484444;}
.c-feed .contxt1{ width:98%; padding:10px; border:1px solid #ddd; background-color:transparent; margin-top:28px; height:28px; border-radius:5px; font-size:18px; color:#484444;}
.c-feed .btn{ border-radius:5px; width:120px; height:40px; background:#e10b13; border:none; color:#fff; font-size:20px; margin-top:25px;}
@media screen and (max-width:768px){
.c-feed .contxt{ width:98%;}
}

.newslist{ width:44%; border:1px solid #dfdfdf; min-height:143px; padding:2%; margin-bottom:1em;}
.newslist h6{ background:url(../image/x1_08.jpg) left top no-repeat; line-height:2em}
.ne-con{ margin-top:0.5em;}
.ne-con .npic{ width:30%; float:left;}
.ne-con .ncon{ width:67%; float:right; margin-top:1em;}
.ne-con .ncon p{ font-size:0.875em; color:#868686}
@media screen and (max-width:768px){
.newslist{ width:96%;}
.ne-con .npic img{ width:100%;}
}



.newlist{ width:100%; margin-top:28px;  cursor:pointer}
.newlist .ndate{ float:left; width:25%; background:#eee; transition:all 0.5s}
.newlist .ndate .nopic{ width:70%;}
.newlist .ndate .nopic img{ width:100%;}
.newlist .ndate .ntime{ text-align:center; width:30%;}
.newlist .ndate .ntime p{ color:#626262; font-size:2.875em;  padding:40px 0 0;}
.newlist .ndate .ntime span{ color:#626262; font-size:0.75em;}

.newlist .ncon{ width:73%; float:right; border-bottom:1px solid #9a9a9a}
.newlist .ncon p{  position:relative; transition:all 0.5s; font-size:1.125em; margin:1.5em 0 1em}
.newlist .ncon p img{ position:absolute; right:0; bottom:5px;}
.newlist .ncon span{ transition:all 0.3s; display:block; margin:0.5em 0; font-size:1em;}
.newlist .ncon em{ display:block; font-size:0.875em; color:#a6a6a6; margin:1em 0;}


.newlist:hover .ndate{ background:#23529e}
.newlist:hover .ndate .ntime p{ color:#fff;}
.newlist:hover .ndate .ntime span{ color:#fff;}
.newlist:hover .ncon p{ color:#23529e}
.newlist:hover .ncon span{color:#666}
@media screen and (max-width: 768px){
.newlist .ndate{ display:none}
.newlist .ncon{ width:100%}
}

.news-title{width:100%; height:30px; line-height:30px; text-align:center; font-size:1.25em; font-weight:bold; margin:0 auto; color:#242424;}
.news-type{width:100%; height:24px; text-align:center; margin:0 auto; color:#242424;font-size:0.875em; border-bottom:#242424 1px dotted;}
.news-content{width:100%; margin:0 auto; font-size:1em; line-height:24px; line-height:1.5em; color:#242424}
.news-pn{ font-size:0.875em;line-height:20px; color:#242424}
.news-pn a{ color:#242424; font-size:1em;}

.xgnews{margin:40px auto;}
.xgnews-tit{height:40px;line-height:40px;border-bottom:1px solid #CCC;padding-left:20px; font-size:16px; color:#242424;}
.xgnews-con{border-top:1px solid #242424;border-top:none;padding:10px 20px;}
.xgnews-con li{width:45%;float:left;height:30px;line-height:30px;margin-right:30px; overflow:hidden;}
.xgnews-con li span{float:right; color:#242424}
.xgnews-con li a{ padding-right:10px; color:#242424;}
.xgnews-con li a:hover{ color:#333;}
@media screen and (max-width: 768px){
	.knd{ padding:1em }
	.news-title{ font-size:1.375rem; line-height:1.5em; height:auto;}
	.news-type{ height:30px;}
.news-content{ font-size:1.25rem !important; line-height:2rem !important;}
.news-content span{ font-size:1.25rem !important;}
.news-content p{ font-size:1.25rem !important;}
.news-pn{ font-size:1.25em; line-height:1.875em;}
.news-pn span{ width:100%; display:block;}
.xgnews-tit{ font-size:1.25em;}
.xgnews-con li{ width:100%; height:2.875em; line-height:2.875em;}
.xgnews-con li{ width:100%; margin:0; line-height:2.875em;}
}


.caselist{ width:100%;}
.caselist li{ width:48%; text-align:center; margin-bottom:1em;}
.caselist li div{ width:auto; border:1px solid #a7a7a7; overflow:hidden;}
.caselist li div img{ width:100%; transform:scale(1); transition:all 0.5s}
.caselist li:hover div img{ transform:scale(1.05)}
.caselist li p{ line-height:3em; font-size:1em;}
@media screen and (max-width: 768px){
.caselist li{ width:100%;}
.caselist li p{ display:inline-block; line-height:1.5em;}
}


.hzlist{ width:100%;}
.hzlist li{ width:24%; text-align:center; margin-bottom:1em; float:left; margin:2% 0.5% 0}
.hzlist li div{ width:auto; border:1px solid #a7a7a7; overflow:hidden; box-shadow:2px 5px 5px rgba(0,0,0,0.1)}
.hzlist li div img{ width:100%; transform:scale(1); transition:all 0.5s}
.hzlist li:hover div img{ transform:scale(1.05)}



.shizi{ margin:20px 0;}
.sls{ width:48%; border:1px solid #cdcdcd; min-height:464px; padding:48px 0; margin-bottom:1em;}
.sls .scon{ width:90%; margin:0 auto;}
.sls .spic{ width:40%; float:left;}
.sls .szw{ width:60%; float:right; text-align:center;}
.sls .szw h4{ background:url(../image/ming.jpg) center no-repeat; display:block; min-height:25px; color:#fff; font-size:1em;}
.sls .szw div{  margin-top:2em; }
.sls .szw div p{font-size:0.875em; color:#6b6a6a;line-height:1.5em;}
.sls .sccc{ width:100%; margin:2em 0; height:auto; overflow:hidden;}
.sls .sccc p{ color:#; font-size:0.875em; line-height:1.5em;}
.sls .scaa{ width:100%;}
.sls .scaa p{ font-size:0.875em; color:#1d1d1d; font-weight:bold;}
.sls .scaa span{ font-size:0.875em; color:#6b6a6a; line-height:1.5em;}
@media screen and (max-width: 768px){
.sls{ width:100%}
.sls .szw h4{ background:#0271cf none; background-size:cover;  min-height:40px; line-height:40px;}
.sls .spic{ width:40%; float:left;}
.sls .spic img{ width:100%;}
.sls .szw{ width:56%; float:right; text-align:center;}
.sls .sccc{ height:150px;}
}

.classtx{ width:94%; padding:2em 3%;}
.clpic{ width:40%; max-height:300px; overflow:hidden;}
.clpic img{ width:100%;}
.clcon{ width:52%;}
.clcon h4{ font-size:1.25em; color:#003399; font-weight:bold;}
.clcon p{ margin:1em 0 0.5em; color:#000; font-size:1.125em;}
.shijian{ margin-top:1em;}
@media screen and (max-width: 768px){
.clpic{ width:100%; max-height:500px;}
.clcon{ width:100%; margin-top:1em;}
}
.class11{ float:left; width:31.33%; margin-right:3%; margin-bottom:16px;}
.class11 img{ width:100%;}
.class11 h4{ text-align:center; line-height:3em}

.p-con{ width:100%;}
.p-con h4{ width:100%; font-size:1.125rem; font-weight:bold; color:#404040; padding:1rem 0; border-bottom:3px solid #003399 }
.p-con .mas{ padding:2rem 1rem; width:auto; border:1px solid #cecece}
.p-con .mas img{ max-width:100%;}
.p-con .mas{ font-size:1rem;}

@media screen and (min-width:768px) and (max-width: 1024px){.p-list li{ width:48.5%;}}
@media screen and (max-width: 768px){
	.p-con .mas{ font-size:1.2rem !important; line-height:150%}
	.p-con .mas p{font-size:1.2rem !important; line-height:150%}
	.p-con .mas span{font-size:1.2rem !important; line-height:150%}
	.dd{ margin-bottom:10px;}
	}

.pl2{ margin:0px 0 20px;}
.pl2 a{ background:#eee; display:block; padding:10px; float:left; margin-right:10px; transition:all 0.5s; font-size:1rem;}
.pl2 a:hover{ color:#fff; background:#0271cf}
.pl2 a.cur{ color:#fff; background:#0271cf}