@font-face {
	font-family: 'Aparajita';
	src: url('http://mxyzsp.com/template/h5/index/fonts/aparajb.eot');
	src: local('☺'), url('../font/aparajb.woff') format('woff'), url('http://mxyzsp.com/template/h5/index/fonts/aparajb.ttf') format('truetype'), url('http://mxyzsp.com/template/h5/index/fonts/aparajb.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
.animation {
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated{ visibility:hidden;}
.visible{ visibility:visible;}
.ismobile { display:none;}
*.fl { float:left;}
*.fr { float:right;}
*.mt3 { margin-top:3px;}
*.mt5 { margin-top:5px;}
*.mt8 { margin-top:8px;}
*.mt10 { margin-top:10px;}
*.mt20 { margin-top:20px;}
*.mt24 { margin-top:24px;}
*.mt30 { margin-top:30px;}
*.mt40 { margin-top:40px;}
*.mt45 { margin-top:45px;}
*.mt50 { margin-top:50px;}
*.mt60 { margin-top:60px;}
*.mt70 { margin-top:70px;}
*.mt80 { margin-top:80px;}
*.mt90 { margin-top:80px;}
*.mt100 { margin-top:100px;}
*.mt150 { margin-top:150px;}
img { /*width:auto; max-width:100%; vertical-align: middle;margin-bottom: -4px;*/ border:0;vertical-align: middle; }
/*H5响应式样式*/
/*第一屏Banner图*/
.slideBox{}
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; left:50%; margin-left:-150px; bottom:50px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:4px;  width:75px; height:8px; line-height:8px; text-align:center; background:#fff; cursor:pointer; border-radius:4px; text-indent:-999px; overflow:hidden;}
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd { }
.slideBox .bd ul { height:100%;}
.slideBox .bd ul li { height:100%;}
.slideBox .bd ul li:nth-child(1) { display:flex; display:-webkit-flex; flex-flow:column wrap; justify-content:center; align-items:center;}
.slideBox .bd ul li:nth-child(2) { display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:flex-end; align-items:center;}
.slideBox .bd ul li:nth-child(2) p:nth-child(2) { left:-8%;}
.slideBox .bd ul li:nth-child(2) p:nth-child(3) { right:13%; top:8%;}
.slideBox .bd ul li:nth-child(2) p:nth-child(4) { top:8%; right:10%;}
.slideBox .bd ul li:nth-child(3) { display:flex; display:-webkit-flex; flex-flow:column wrap; justify-content:flex-start; align-items:center;}
.slideBox .bd ul li:nth-child(4) { display:flex; display:-webkit-flex; flex-flow:column wrap; justify-content:flex-start; align-items:center;}
.slideBox .bd ul li p {
-webkit-animation-delay: 1s;
animation-delay:1s;
-webkit-animation-duration: 2.5s;
animation-duration: 2.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
visibility:hidden;
position:relative;
}
.slideBox .bd ul li:nth-child(1).on p { visibility:visible;-webkit-animation-name: zoomIn; animation-name: zoomIn;}
.slideBox .bd ul li:nth-child(2).on p { visibility:visible;-webkit-animation-name: flipInX ; animation-name: flipInX ;}
.slideBox .bd ul li:nth-child(2).on p:nth-child(2) { visibility:visible;-webkit-animation-name: flipInX ; animation-name: flipInX ;}
.slideBox .bd ul li:nth-child(2).on p:nth-child(3) { visibility:visible;-webkit-animation-name: fadeInDown  ; animation-name: fadeInDown  ;}
.slideBox .bd ul li:nth-child(2).on p:nth-child(4) { visibility:visible;-webkit-animation-name: flipInX ; animation-name: flipInX ;}
.slideBox .bd ul li:nth-child(3).on p { visibility:visible;-webkit-animation-name: zoomIn ; animation-name: zoomIn ; margin-top:5%;}
.slideBox .bd ul li:nth-child(4).on p { visibility:visible;-webkit-animation-name: fadeIn ; animation-name: fadeIn ;}
.slideBox .bd ul li.banner01 { background-image:url(../image/20190529101042u.jpg); /*background-size: 2880px 1620px;*/}
.slideBox .bd ul li.banner02 { background-image:url(../image/banner02.jpg); /*background-size: 2880px 1620px;*/}
.slideBox .bd ul li.banner03 { background-image:url(../image/banner03.jpg); /*background-size: 2880px 1620px;*/}
.slideBox .bd ul li.banner04 { background-image:url(../image/20190529101102b.jpg); /*background-size: 2880px 1620px;*/}

.slideBox .bd ul li {
	background-position:center center;
	-webkit-transition: all 2s ease;
	-moz-transition:all 2s ease;
	-o-transition:all 2s ease;
	-ms-transition:all 2s ease;
	transition:all 2s ease;
}

.slideBox .bd ul li.on{}

.slideBox .prev,
.slideBox .next{ position:absolute; left:5%; top:50%; margin-top:-43px; display:block; width:46px; height:85px; background:url(../image/slideBox_ctrl_left.png) 0 0 no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:5%; background:url(../image/slideBox_ctrl_right.png) 0 0 no-repeat;}
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
/*Touch*/
#slideBox { width:100%; height:100%; overflow:hidden; position:relative;}
#slideBox .bd { width:100%; height:100%; overflow:hidden; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between; align-items:stretch;}
#slideBox .bd ul { width:100%; height:100%; overflow:hidden;display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between; align-items:stretch;}
#slideBox .bd ul li { width:100%; height:100%; overflow:hidden; margin:0; padding:0; font-size:0; position:relative;}
#slideBox .bd ul li .pic { width:100%; height:100%; background: url() center 0 no-repeat; background-size:cover;}
/*
#slideBox .bd ul li .infobox p {
-webkit-animation-delay: 1s;
animation-delay:1s;
-webkit-animation-duration: 2.5s;
animation-duration: 2.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
visibility:hidden;
text-align:center;
}
#slideBox .bd ul li:nth-child(1) .infobox { display:flex; display:-webkit-flex; flex-flow:column wrap; justify-content:center; align-items:center;}
#slideBox .bd ul li:nth-child(2) .infobox { display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:flex-end; align-items:center;}
#slideBox .bd ul li:nth-child(2) .infobox p:nth-child(2) { left:-8%;}
#slideBox .bd ul li:nth-child(2) .infobox p:nth-child(3) { right:13%; top:8%;}
#slideBox .bd ul li:nth-child(2) .infobox p:nth-child(4) { top:8%; right:10%;}
#slideBox .bd ul li:nth-child(3) .infobox { display:flex; display:-webkit-flex; flex-flow:column wrap; justify-content:flex-start; align-items:center;}
#slideBox .bd ul li:nth-child(4) .infobox { display:flex; display:-webkit-flex; flex-flow:column wrap; justify-content:flex-start; align-items:center;}

#slideBox .bd ul li .infobox{ position:absolute; left:0; top:0; width:100%; height:100%;}

#slideBox .bd ul li:nth-child(1).on .infobox p { visibility:visible;-webkit-animation-name: zoomIn; animation-name: zoomIn;}
#slideBox .bd ul li:nth-child(2).on .infobox p { visibility:visible;-webkit-animation-name: flipInX ; animation-name: flipInX ;}
#slideBox .bd ul li:nth-child(2).on .infobox p:nth-child(2) { visibility:visible;-webkit-animation-name: flipInX ; animation-name: flipInX ;}
#slideBox .bd ul li:nth-child(2).on .infobox p:nth-child(3) { visibility:visible;-webkit-animation-name: fadeInDown  ; animation-name: fadeInDown  ;}
#slideBox .bd ul li:nth-child(2).on .infobox p:nth-child(4) { visibility:visible;-webkit-animation-name: flipInX ; animation-name: flipInX ;}
#slideBox .bd ul li:nth-child(3).on .infobox p { visibility:visible;-webkit-animation-name: zoomIn ; animation-name: zoomIn ; margin-top:8%; max-width:80%; width:auto;}
#slideBox .bd ul li:nth-child(4).on p { visibility:visible;-webkit-animation-name: fadeIn ; animation-name: fadeIn ;}
*/
#slideBox .prev,
#slideBox .next{ position:absolute; left:5%; top:50%; margin-top:-43px; display:block; width:46px; height:85px; background:url(../image/slideBox_ctrl_left.png) 0 0 no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
#slideBox .next{ left:auto; right:5%; background:url(../image/slideBox_ctrl_right.png) 0 0 no-repeat;}
#slideBox .prev:hover,
#slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }

#slideBox .hd{ height:15px; overflow:hidden; position:absolute; left:50%; margin-left:-150px; bottom:30px; z-index:1; }
#slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
#slideBox .hd ul li{ float:left; margin-right:4px;  width:75px; height:8px; line-height:8px; text-align:center; background:#fff; cursor:pointer; border-radius:4px; text-indent:-999px; overflow:hidden;}
#slideBox .hd ul li.on{ background:#f00; color:#fff; }

/*浮动*/
.fixed-logo { position:fixed; left:66px; top:72px; z-index:99999; display:none;}
.home .fixed-logo  { display:block;}
.fixed-copyright { position:fixed; left:66px; bottom:42px; color:#fff; line-height:20px; z-index:99999; font-size:14px; display:none;}
.home .fixed-copyright { display:block;}
/*快捷链接*/
.home .comm-link { display:block;}
.comm-link { position:fixed; right:66px; bottom:52px; z-index:99999; display:none;}
.comm-link a { display:inline-block; width:50px; height:50px; margin:0 5px; overflow:hidden; background:#14459f; border-radius:50%; font-size:0; font-size:0; float:left; display:flex; display:-webkit-flex; flex-flow:column wrap; justify-content:center; align-items:center;}
.comm-link a:hover { background:#eb000e; margin-top:-5px;}
/*切屏样式*/
.section { /*display:flex; display:-webkit-flex; flex-flow:column wrap; justify-content:center; align-items:center;*/}
.flexcc { display:flex; display:-webkit-flex; flex-flow:column wrap; justify-content:center; align-items:center;}
.flexbs { display:flex; display:-webkit-flex; flex-flow:column wrap; justify-content:space-between; align-items:stretch;}
.flexc { display:flex; display:-webkit-flex; flex-flow:column wrap; justify-content:center;}
.flexsc { display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:flex-start; align-items:center;}
.flexcs { display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:center; align-items:flex-start;}
.flexse { display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:center; align-items:flex-end;}
.section {
	-webkit-transition: all 2s ease-in-out;
	-moz-transition:all 2s ease-in-out;
	-o-transition:all 2s ease-in-out;
	-ms-transition:all 2s ease-in-out;
	transition:all 2s ease-in-out;
	/*transform: perspective(1200px) rotateX(-50deg);*/
	
}
.section01 {
	background:url(../image/about_us_bg.jpg) center center no-repeat;
	background-size: 2880px 1620px;
}
.section02 {
	background:url(../image/about_us_bg.jpg) center center no-repeat;
	background-size: 2880px 1620px;
}
.section2 {
	background:url(../image/section_bg03.jpg) center center no-repeat;
	background-size: 2880px 1620px;
}
.section03 {
	background:url(../image/section_bg04.jpg) center center no-repeat;
	background-size: 2880px 1620px;
}
.section04 {
	background:url(../image/section_bg05.jpg) center center no-repeat;
	background-size: 2880px 1620px;
}
.section05 {
	background:url(../image/section_bg06.jpg) center center no-repeat;
	background-size: 2880px 1620px;
}
.active.section01,.active.section02,.active.section2,.active.section03,.active.section04,.active.section05 {
	background-size: 1920px 1080px;
}
.section .absbox,.absbox { position:absolute; left:0; top:0; width:100%; height:100%;}

/*英文公司名称垂直滚动特效*/
.animation_text { width:11px; height:652px; background:url(../image/b_text03.png) center center no-repeat; position:absolute; right:100px; top:50%; margin-top:-326px; margin-right:80px; z-index:999999;
-webkit-animation: slide_run 6s linear infinite 0s;
-moz-animation: slide_run 6s linear infinite 0s;
-o-animation: slide_run 6s linear infinite 0s;
-ms-animation: slide_run 6s linear infinite 0s;
animation: slide_run 6s linear infinite 0s;
;
}
.fp-section{height:inherit!important}
.fp-section{overflow:hidden}
.animation_text1 { width:11px; height:652px; background:url(../image/b_text03.png) center center no-repeat; position:absolute; right:120px; top:50%; margin-top:-326px; margin-right:80px; z-index:999999; display:none;
-webkit-animation: slide_run1 6s linear infinite 0s;
-moz-animation: slide_run1 6s linear infinite 0s;
-o-animation: slide_run1 6s linear infinite 0s;
-ms-animation: slide_run1 6s linear infinite 0s;
animation: slide_run1 6s linear infinite 0s;
;
}
@keyframes slide_run { 
	0% {
		background-position:0 652px;
	}
	50% {
	   background-position:0 0;
		
	}
	100% {
	   background-position:0 -652px;
		
	}
}
@keyframes slide_run1 { 
	0% {
		background-position:0 -652px;
	}
	50% {
	   background-position:0 0;
		
	}
	100% {
	   background-position:0 652px;
		
	}
}

/*关于*/
.about_us { }
.about_us .tit { min-width:709px;}
.about_us .des { /*max-width:1200px; min-width:320px;*/ height:auto; margin:0 15%; margin-top:40px; font-size:21px; line-height:44px; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical; text-align:justify; text-justify:inter-ideograph; color:#FFFFFF;}
.about_us .icon_list { width:100%;  height:auto; overflow:hidden; margin-top:30px; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:center; align-items:center;}
.about_us .icon_list li { width:20%; height:auto; float:left; text-align:center;}
.about_us .icon_list li .icon { width:60px; height:60px; margin:0 auto; margin-top:18%; overflow:hidden;}
.about_us .icon_list li .tit1 { font-size:101px; line-height:101px; color:#fff; font-family:Aparajita; font-weight:bold; margin-top:10%;}
.about_us .icon_list li .tit2 { font-size:17px; line-height:20px; color:#fff;}
.about_us .icon_list li:hover .icon {
	-webkit-animation-name: rubberBand; animation-name: rubberBand;
}

.product-show { width:100%; height:auto; overflow:hidden; display:-webkit-flex; flex-flow:row wrap; justify-content:center; align-items:flex-end;}
.product-show li { width:100%; height:auto; text-align:center; float:left;}
.product-show li img { max-width:100%; width:auto;}

.product-tabs { width:100%; height:auto; overflow:hidden; text-align:center;}
.product-tabs li { display:inline-block; text-align:center; cursor:pointer; margin:0 20px; width:229px; height:229px; overflow:hidden;}
.product-tabs li img { max-width:100%; width:auto;}
.product-tabs li.on img {  display:block;}
.product-tabs li.on .first { margin-top:-229px;}

.product-list { width:100%; height:auto; overflow:hidden; position:absolute; left:0; top:0; right:0; bottom:0; padding:0; margin:0;}
.product-list .list-item { height:auto; overflow:hidden; width:10%; height:100%; overflow:hidden; position:relative; float:left; }
.product-list a { background:#000; background:rgba(0,0,0,.5); display:-webkit-flex; flex-flow:row nowrap; justify-content:flex-start; align-items:stretch; display:block; position:relative;}
.product-list .list-item.hover { width:70%; height:auto;}
.product-list .list-item a:after { content:''; width:8px; height:0%; position:absolute; right:0; top:0; background:#fd759f; z-index:9999;
	-webkit-transition: all 2.5s ease;
	-moz-transition:all 1.5s ease;
	-o-transition:all 1.5s ease;
	-ms-transition:all 1.5s ease;
	transition:all 1.5s ease;
}
.product-list .list-item:nth-child(2) a:after{ background:#0a79df;}
.product-list .list-item:nth-child(3) a:after{ background:#ffc11e;}
.product-list .list-item:nth-child(4) a:after{ background:#abd946;}
.product-list .list-item a:hover:after { height:100%;}
.product-list .list-item.hover a:after { height:100%;}
.product-list .list-item .brief { position:absolute; right:0; top:0; bottom:0; width:193px; z-index:999; display:flex; display:-webkit-flex; flex-flow:column nowrap; justify-content:center; align-items:center;}
.product-list .list-item .brief .bg { position:absolute; left:0; top:0; width:100%;}
.product-list .list-item .pic {
	-webkit-transform: scale(1.5);
	-webkit-transition-timing-function: linear;
	-webkit-transition-duration: 2000ms;
	-moz-transform: scale(1.5);
	-moz-transition-timing-function: linear;
	-moz-transition-duration: 2000ms;
	overflow: hidden;
}
.product-list .list-item.hover .pic{
	-webkit-transform: scale(1);
	-webkit-transition-timing-function: linear;
	-webkit-transition-duration: 2000ms;
	-moz-transform: scale(1);
	-moz-transition-timing-function: linear;
	-moz-transition-duration: 2000ms;
}
.product-list .list-item .icon { height:auto; overflow:hidden; position:relative; top:10%; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; z-index:999;}
.product-list .list-item .tit { width:75px; height:419px; line-height:75px; font-size:36px; color:#fff; font-family:"宋体"; font-weight:bold; writing-mode: tb-rl; text-align:center; margin-top:15px; background:url(../image/product_sort_bg0.png) no-repeat;letter-spacing:10px; position:relative; z-index:999;}
.product-list .list-item:hover .tit,.product-list .list-item.hover .tit { background:url(../image/product_sort_bg1.png) no-repeat; margin-top:60px;}
.product-list .list-item:hover .icon,.product-list .list-item.hover .icon { top:5%; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;}

.product-display { width:100%; height:100%; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch;}
.product-display .list-item { width:186px; height:auto; overflow:hidden; position:relative; float:left; background:#000; background:rgba(0,0,0,.5);}
.product-display .list-item a:after { content:''; width:8px; height:0%; position:absolute; right:0; top:0; background:#fd759f;
	-webkit-transition: all 2.5s ease;
	-moz-transition:all 1.5s ease;
	-o-transition:all 1.5s ease;
	-ms-transition:all 1.5s ease;
	transition:all 1.5s ease;
}
.product-display .list-item:nth-child(2) a:after{ background:#0a79df;}
.product-display .list-item:nth-child(3) a:after{ background:#ffc11e;}
.product-display .list-item:nth-child(4) a:after{ background:#abd946;}
.product-display .list-item a:hover:after { height:100%;}
.product-display .list-item.hover a:after { height:100%;}
.product-display .list-item .bg { position:absolute; left:-1px; top:-1px; right:-1px; bottom:-1px; z-index:-1;}
.product-display .list-item a { display:block; color:#fff; position:absolute; left:0; top:0; width:100%; height:100%; display:flex; display:-webkit-flex; flex-flow:column wrap; justify-content:center; align-items:center; z-index:1;}
.product-display .list-item .icon { width:130px; height:130px; border:6px solid #fff; border:6px solid rgba(255,255,255,.6); border-radius:50%; display:flex; display:-webkit-flex; flex-flow:column wrap; justify-content:center; align-items:center;}
.product-display .list-item .pic { height:auto; overflow:hidden; position:relative; top:10%; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.product-display .list-item .tit { width:75px; height:419px; line-height:75px; font-size:36px; color:#fff; font-family:"宋体"; font-weight:bold; writing-mode: tb-rl; text-align:center; margin-top:20px; background:url(../image/product_sort_bg0.png) no-repeat;letter-spacing:10px;}
.product-display .list-item:hover .tit,.product-display .list-item.hover .tit { background:url(../image/product_sort_bg1.png) no-repeat; margin-top:60px;}
.product-display .list-item:hover .pic,.product-display .list-item.hover .pic { top:5%; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;}
.product-display .slide-box { position:absolute; right:0; top:0; left:38.8%; height:100%;}
.product-display .slide-box ul { width:100%; height:auto; overflow:hidden;}
.product-display .slide-box ul li { width:100%; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; position:absolute; left:0; top:0;
	-webkit-transition: all .5s ease;
	-moz-transition:all .5s ease;
	-o-transition:all .5s ease;
	-ms-transition:all .5s ease;
	transition:all .5s ease;
}
.product-display .slide-box ul li.show { display:block; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;}
/*产品展示*/
.product_display { width:100%; height:100%; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between; align-items:stretch;}
.product_display li { background:#000; float:left; width:25%; height:auto; overflow:hidden; position:relative; display:flex; display:-webkit-flex; flex-flow:column wrap; justify-content:center; align-items:center;}
.product_display li .pic { position:absolute; left:0; top:0; width:100%; height:100%; z-index:0;}
.product_display li .pic img { position:relative; left:-35%;
	-webkit-transition: all 5.5s ease;
	-moz-transition:all 5.5s ease;
	-o-transition:all 5.5s ease;
	-ms-transition:all 5.5s ease;
	transition:all 5.5s ease;
}

@keyframes srcoll_pro { 
	0% {
		left:0%;
	}
	50% {
	  left:-50%;
		
	}
	100% {
	  left:-80%;
		
	}
}

.product_display li:hover .pic img {
-webkit-animation: srcoll_pro 8s linear infinite 0s;
-moz-animation: srcoll_pro 8s linear infinite 0s;
-o-animation: srcoll_pro 8s linear infinite 0s;
-ms-animation: srcoll_pro 8s linear infinite 0s;
animation: srcoll_pro 8s linear infinite 0s;
}
.product_display li .icon { width:160px; height:160px; border:2px solid #fff; border-radius:50%; overflow:hidden; margin:0 auto; position:relative; z-index:1; display:flex; display:-webkit-flex; flex-flow:column wrap; justify-content:center; align-items:center;}
.product_display li .tit { font-size:32px; line-height:50px; text-align:center; font-weight:bold; color:#fff; position:relative; margin-top:20%; z-index:1;}
.product_display li .more { color:#fff; width:118px; height:39px; display:block; margin:0 auto; line-height:39px; text-align:center; font-size:16px; text-transform:uppercase; border:2px solid #fff; font-family:Arial; position:relative; margin-top:20%; z-index:1;}
.product_display li .more:hover { }
.product_display li:hover .pic { filter:alpha(opacity=51); -moz-opacity:0.51; -khtml-opacity: 0.51; opacity: 0.51;}
.product_display li:hover .more { }
.product_display li:hover .icon { }

/*资讯展示*/
.news_display { max-width:1250px; min-width:320px; height:auto; overflow:visible; margin:0 auto;}
.news_display dt { width:100%; text-align:center; height:auto; overflow:hidden;}
.news_display dt .tit { font-size:50px; color:#ffa200; line-height:108px; margin-top:-108px; font-weight:bold;}
.news_display dt .tit:before { content:''; width:84px; height:38px; background:url(../image/yun_icon1.png) no-repeat; display:inline-block; margin-right:10%;}
.news_display dt .tit:after { content:''; width:84px; height:38px; background:url(../image/yun_icon2.png) no-repeat; display:inline-block; margin-left:10%;}
.news_display dt .tit1 { font-size:108px; color:rgba(255,255,255,.40); line-height:108px; font-weight:bold;}
.news_display dd { padding:3%; height:auto;}
.news_display dd ul { width:100%; height:auto; overflow:visible;}
.news_display dd ul li { width:30%; height:531px; float:left; background:#fff; position:relative; margin:15px;}
.news_display dd ul li .mask { position:absolute; left:50%; top:-3%; width:0%; height:106%; z-index:1;}
.news_display dd ul li .pic { width:100%; height:auto; overflow:hidden; position:relative;}
.news_display dd ul li .brief { padding:30px 30px; position:relative; z-index:999;}
.news_display dd ul li .date { font-size:16px; margin-top:10px; color:#808080;}
.news_display dd ul li .tit { margin:20px 0; height:80px; font-size:20px; color:#434343; line-height:40px; font-weight:bold; position:relative; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.news_display dd ul li .line { margin:30px 0; width:77px; height:3px; background:#007936; display:block;}
.news_display dd ul li:hover .tit { color:#036132;}
.news_display dd ul li:hover .line { background:#e69405; width:100%;}
.news_display dd ul li:hover .mask { width:106%; height:106%; top:-3%; left:-3%;}
.news_display dd ul li:hover .more { position:relative; margin-left:30%; background:#007f2a; color:#fff; display:inline-block; padding:10px 20px;}
.news_display dd ul li .more { font-size:15px; color:#007f2a;}
.news_display dd ul li .more:hover { background:#e69405;}

.picScroll-left { position:relative;}
.picScroll-left .prev,
.picScroll-left .next{ position:absolute; left:-70px; top:50%; margin-top:-42.5px; display:block; width:46px; height:85px; overflow:hidden; cursor:pointer; background:url(../image/news_ctrl_left.png); filter:alpha(opacity=50);opacity:0.5; z-index:99999;}
.picScroll-left .next{ left:auto; right:-70px; background:url(../image/news_ctrl_right.png); }
.picScroll-left .prev:hover,
.picScroll-left .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.picScroll-left .bd {}
/*联系我们*/
.contact_display { max-width:1250px; min-width:320px; height:auto; overflow:visible; margin:0 auto;}
.contact_display dt { width:100%; text-align:center; height:auto; overflow:hidden;}
.contact_display dt .tit { font-size:50px; color:#007f2a; line-height:108px; margin-top:-108px; font-weight:bold;}
.contact_display dt .tit:before { content:''; width:84px; height:38px; background:url(../image/yun_icon3.png) no-repeat; display:inline-block; margin-right:3%;}
.contact_display dt .tit:after { content:''; width:84px; height:38px; background:url(../image/yun_icon4.png) no-repeat; display:inline-block; margin-left:3%;}
.contact_display dt .tit1 { font-size:108px; color:rgba(255,255,255,.40); line-height:108px; font-weight:bold;}
.contact_display dd { padding:3%; height:auto; margin-top:100px;}
.contact_display dd .contact_info_box {float:left; width:49%;}
.contact_display dd .contact_info { font-size:16px; color:#fff; line-height:31px; border-bottom:3px solid #007f2a; padding-bottom:30px;}
.contact_display dd .contact_info li { width:100%; min-height:31px;}
.contact_display dd .contact_info .icon { float:left; width:51px; height:31px; display:inline-block; position:relative; top:4px; margin-left:20px; display:flex; display:-webkit-flex; flex-flow:column wrap; justify-content:center; align-items:center;}
.contact_display dd .qrcodebox { height:auto; float:left; margin-left:20px; margin-top:20px;}
.contact_display dd .qrcodebox .pic { width:110px; height:110px; background:#fff; background:rgba(255,255,255,.29);display:flex; display:-webkit-flex; flex-flow:column wrap; justify-content:center; align-items:center;}
.contact_display dd .qrcodebox .tit { font-size:16px; line-height:40px; color:#fff; text-align:center;}
.contact_display .contact_map { float:right; background:#fff; background:rgba(255,255,255,.17); display:flex; display:-webkit-flex; flex-flow:column wrap; padding:10px; justify-content:center;width:49%; height:350px; align-items:center;}
.contact_display .contact_map #allmap { width:100%; height:100%;}
/*产业链*/
.industrial_chain { height:auto; overflow:hidden;}
.industrial_chain_box { padding-left:226px; padding-right:226px;}
.industrial_chain .list { width:100%; height:auto; overflow:visible; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:center; align-items:center; float:left;}
.industrial_chain .list li { width:30%; flex:0 0 30%; float:left; margin:20px 1.3%; position:relative; display:flex; display:-webkit-flex; flex-flow:column wrap; justify-content:center; align-items:center;}
.industrial_chain .list li .tit { font-size:20px; color:#007f2a; font-weight:bold; width:100%; height:50px; line-height:50px; overflow:hidden; text-align:center; text-shadow: 0 1px #fff, 1px 0 #fff, -1px 0 #fff, 0 -1px #fff; letter-spacing:2px;}
.industrial_chain .list li .num { width:25px; height:25px; line-height:25px; font-size:15px; font-family:'Arial'; font-weight:bold; color:#fff; background:#ee7422; display:inline-block; text-align:center; border-radius:50%; position:relative; right:-5px; margin:5px 0; z-index:9999;}
.industrial_chain  .line { height:4px; background:#007f2a; position:absolute; top:50%; left:24%; right:24%; border-radius:2px;}
.industrial_chain .list_left { width:226px; height:auto; overflow:visible; margin:255px 0 0 -226px; float:left; position:relative; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:center; align-items:center;}
.industrial_chain .list_left .tit { line-height:50px; font-size:20px; color:#007f2a; font-weight:bold; width:100%; text-align:center; text-shadow: 0 1px #fff, 1px 0 #fff, -1px 0 #fff, 0 -1px #fff; letter-spacing:2px;}
.industrial_chain .list_left .num { width:25px; height:25px; line-height:25px; font-size:15px; font-family:'Arial'; font-weight:bold; color:#fff; background:#ee7422; display:inline-block; text-align:center; border-radius:50%; position:relative; z-index:9999; position:absolute; right:-30px; top:50%; margin-top:-40px;}
.industrial_chain .list_right { width:226px; height:auto; overflow:visible; margin:255px -226px 0 0; float:right; position:relative;}
.industrial_chain .list_right .tit { line-height:50px; font-size:20px; color:#007f2a; font-weight:bold; width:100%; text-align:center; text-shadow: 0 1px #fff, 1px 0 #fff, -1px 0 #fff, 0 -1px #fff; letter-spacing:2px;}
.industrial_chain .list_right .num { width:25px; height:25px; line-height:25px; font-size:15px; font-family:'Arial'; font-weight:bold; color:#fff; background:#ee7422; display:inline-block; text-align:center; border-radius:50%; position:relative; z-index:9999;position:absolute; left:-30px; top:50%; margin-top:-40px;}

/*页眉*/
.top_bg{ width:100%; height:93px; overflow:visible; position:fixed; left:0; top:0; z-index:9999999; border-bottom:1px solid #ececec; background:#fff; box-shadow: 3px 3px 10px rgba(0,0,0,0.3); /* position:fixed; left:0; top:0; z-index:99999; */}
.top_bg .top{ max-width:95%; min-width:320px; height:93px; margin:0 auto; position:relative;}
.top_bg .top .welcome { height:46px; line-height:46px; color:#fff;}
.top_bg .top .welcome a { color:#fff;}
.top_bg .top .weather { display:inline-block; font-size:12px; margin-left:10px; font-family:"宋体";}
.top_bg .top .weather .low{ color:#006b19;}
.top_bg .top .weather .high{ color:#e00000;}

.top_bg .top .email { position:absolute; right:200px; top:25px; line-height:40px;}
.top_bg .top .telbox { width:206px; height:62px; position:absolute; right:0; top:100px; background:url(http://mxyzsp.com/template/h5/index/images/telbox_bg.png) no-repeat;}
.top_bg .top .telbox .lab { color:#fff; font-size:18px; line-height:64px;}
.top_bg .top .telbox:before { /*content:''; width:33px; height:33px; display:inline-block; position:relative; top:5px; background:url(../images/telbox_icon.png) no-repeat; float:left; margin-right:5px;*/}
.top_bg .top .telbox .tel { font-size:29px; font-family:'Arial'; color:#fff; line-height:30px; height:30px; font-weight:bold; width:100%; position:absolute; left:0; bottom:3px; text-align:center; /*text-shadow: 0 1px #fff, 1px 0 #fff, -1px 0 #fff, 0 -1px #fff; letter-spacing:2px;*/}
.top_bg .top .logo { width:200px; position:absolute; left:0; top:20px; overflow:visible;}
.top_bg .top .logo .tit { font-size:20px; color:#505050; position:absolute; right:-100%; bottom:20px; background:url(http://mxyzsp.com/template/h5/index/images/logo_sapce.gif) 0 center no-repeat; padding-left:20px;}
.top_bg .top .logo:hover {/*transform: perspective(120px) rotateY(-360deg);*/}

.top_bg .top .ad_text { position:absolute; left:34%; top:53%;}
.top_bg .top .toplink { height:46px;  line-height:46px; position:absolute; top:0; left:0; color:#666666;}
.top_bg .top .toplink a { line-height:35px; color:#666666; display:inline-block; text-align:center;}
.top_bg .top .toplink .qrcodebox { width:104px; height:104px; position:absolute; left:20px; top:45px; border-left:0; background:#fff; border:1px solid #ccc; padding:5px; border-radius:2px; display:none;}

.top_bg .top .searchbox { width:223px; height:22px; overflow:visible; position:absolute; top:15px; right:0px; background:#d6d6d6;}
.top_bg .top .searchbox:hover {/* width:254px; height:38px; border:1px solid #e10029;*/}
.top_bg .top .searchbox .keys { width:187px; height:20px; line-height:20px; border:0; color:#000; position:absolute; left:1px; top:1px; text-indent:5px; font-size:12px;}
.top_bg .top .searchbox .submit { width:35px; height:22px; line-height:22px; background:#02b2b5; font-size:14px; border:0; position:absolute; right:0; top:0; color:#fff; cursor:pointer;}
.top_bg .top .searchbox.open { height:24px;}
.top_bg .top .searchbox .keys:-ms-input-placeholder{
    color: #999;/*opacity:0.5; font-size:12px;*/
}
.top_bg .top .searchbox .keys::-webkit-input-placeholder{
    color: #999;/*opacity:0.5; font-size:12px;*/
}
.top_bg .top .searchbox .hotkeys{ position:absolute; left:-120%; height:22px; line-height:22px;}
.home .navmenu_icon { display:block;}
.navmenu_icon { width:50px; height:50px; background:#14459f; color:#fff; position:fixed; display:block; right:66px; top:80px; z-index:9999999; border-radius:2px; overflow:hidden; display:none;}
.navmenu_icon.close { /*background:#1aa6ce;*/ background:#fe0302;}
.navmenu_icon .line { width:50%; height:3px; background:#fff; position:relative; left:25%; margin-top:6px; display:block;
-webkit-transition: all .3s ease;
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
-ms-transition:all .3s ease;
transition:all .3s ease;

}
.navmenu_icon .line:nth-child(1) { margin-top:15px;}
.navmenu_icon.close .line:nth-child(2) { margin-left:100%;}
.navmenu_icon.close .line:nth-child(1) {
	width:33px;
	transform: rotate(45deg);
	transform-origin:10% 10%;
	
	-ms-transform: rotate(45deg); 		/* IE 9 */
	-ms-transform-origin:10% 10%; 		/* IE 9 */
	
	-webkit-transform: rotate(45deg);	/* Safari 和 Chrome */
	-webkit-transform-origin:10% 10%;	/* Safari 和 Chrome */
	
	-moz-transform: rotate(45deg);		/* Firefox */
	-moz-transform-origin:10% 10%;		/* Firefox */
	
	-o-transform: rotate(45deg);		/* Opera */
	-o-transform-origin:10% 10%;		/* Opera */
}
.navmenu_icon.close .line:nth-child(3) { 
	width:33px;
	transform: rotate(-45deg);
	transform-origin:10% 10%;
	
	-ms-transform: rotate(-45deg); 		/* IE 9 */
	-ms-transform-origin:10% 10%; 		/* IE 9 */
	
	-webkit-transform: rotate(-45deg);	/* Safari 和 Chrome */
	-webkit-transform-origin:10% 10%;	/* Safari 和 Chrome */
	
	-moz-transform: rotate(-45deg);		/* Firefox */
	-moz-transform-origin:10% 10%;		/* Firefox */
	
	-o-transform: rotate(-45deg);		/* Opera */
	-o-transform-origin:10% 10%;		/* Opera */
}
/*主导航样式*/
.navmenu_bg { height:93px; position:relative; z-index:999999; background:#02b2b5;/* background:rgba(255,255,255,.68); border-bottom:2px solid #549e04;*/}

.navmenu { position:absolute; left:40%; right:0; top:0; height:93px; overflow:visible;}
.navmenu #menu { width:100%; height:93px; position:relative; right:0; font-size:16px;/* background:url(../images/navmenu_spa.png) left center no-repeat;*/}
.navmenu #menu li { height:93px; width:11.11111111111111%; float:left; position:relative; /* background:url(../images/navmenu_spa.gif) right center no-repeat; writing-mode:tb-rl; font-weight:bold;  letter-spacing:2px;*/}
.navmenu #menu li.home { height:93px; overflow:hidden;}
.navmenu #menu li.home:before { /*content:''; width:1px; height:52px; position:absolute; left:0px; top:0; display:block; overflow:hidden; background:#d7d7d7;*/}

.navmenu #menu li:after { /*content:''; width:1px; height:52px; position:absolute; right:0px; top:0; display:block; overflow:hidden; background:#d7d7d7;*/}
.navmenu #menu li a { display:block; width:100%; height:93px; line-height:93px; overflow:hidden; text-align:center; position:relative; color:#3a3a3a;}
.navmenu #menu li a:hover {/*  background:rgba(255,255,255,.15); background:#bb2131;*/}
.navmenu #menu li:hover a .cn,.navmenu #menu li.hover a .cn{ /*color:#0657a8; background:#dd1e19;*/}
.navmenu #menu li:hover a .en{ color:#83bbba;}
.navmenu #menu li:hover a+.subnav{ display:block;}
.navmenu #menu li.hover a ,.navmenu #menu li:hover a{ /*color:#df0b14; font-weight:bold; background:#dd1e19;*/ color:#026b33;}
.navmenu #menu li.hover,.navmenu #menu li:hover { /*background:#ba0722; background:rgba(0,0,0,.15);background:#ba0722;  */ color:#fff;/* letter-spacing:2px; */}
.navmenu #menu li.hover a+.subnav { }
.navmenu #menu li a:after{
	content: '';
	position:absolute;
	left:50%;
	top:0;
	width:0px;
	height:6px;
	background:#026b33;
	z-index:-1;
	-webkit-transition: all .3s ease;
    -moz-transition:all .3s ease;
    -o-transition:all .3s ease;
    -ms-transition:all .3s ease;
    transition:all .3s ease;
	border-radius:0 0 6px 6px;
}
.navmenu #menu li:hover a:after,.navmenu #menu li.hover a:after { top:0; width:100px;margin-left:-50px;}
/*二级菜单*/
.navmenu #menu li .subnav { width:100%; height:auto; overflow:hidden; display:none; position:absolute; top:93px; left:0; background:#026b33; /*background:rgba(167,114,92,.95);*/ background-size:100% 100%; font-size:14px; font-weight:normal;}
.navmenu #menu li .subnav a { display:block; line-height:40px; width:100%; height:40px; font-weight:normal; color:#fff; background:none; position:relative;}
.navmenu #menu li .subnav a:before { background:none;}
.navmenu #menu li .subnav a:after { background:none;}
.navmenu #menu li .subnav a:hover { background:#1f2678; color:#fff;}


.home .ny_banner { display:none;}
.home .top_bg { background:none; height:0; border-bottom:0; box-shadow:none;}
.home .top_bg .top { height:0; }
.home .top_bg .top .logo { width:300px; position:absolute; left:30px; top:30px; overflow:visible;}
.home .top_bg .navmenu #menu{ display:none;}
.home .footer_bg { display:none;}
.home .top_bg.show { display:block;}
.top_bg.show { /* width:320px;*/ right:0; left:auto; top:0; bottom:0; height:auto; overflow:visible;}
.top_bg.show .logo { }
.home .top_bg .top { height:100%;}
.top_bg.show .navmenu { position:absolute; left:0; top:0; right:0; bottom:0; height:auto; overflow:visible; width:100%;}
.top_bg.show .navmenu #menu { width:310px; height:auto; position:absolute; top:0; right:0; bottom:0; font-size:18px; display:block;background:#1f2678; background:rgba(31,38,120,.60); padding-top:150px;}
.top_bg.show .navmenu #menu li { height:60px; width:100%; float:none; position:relative;}
.top_bg.show .navmenu #menu li.home { height:50px; overflow:hidden;}
.top_bg.show .navmenu #menu li a { display:block; width:100%; height:60px; line-height:60px; overflow:visible; text-align:center; position:relative; color:#fff;}
.top_bg.show .navmenu #menu li:hover a+.subnav{ display:block;}
.top_bg.show .navmenu #menu li.hover a ,.top_bg.show .navmenu #menu li:hover a{ color:#fff;}
.top_bg.show .navmenu #menu li.hover,.top_bg.show .navmenu #menu li:hover { color:#fff;}
.top_bg.show .navmenu #menu li a:after{
	content: '';
	position:absolute;
	left:50%;
	top:0;
	width:0px;
	height:6px;
	background:#1f2678;
	z-index:-1;
	-webkit-transition: all .3s ease;
    -moz-transition:all .3s ease;
    -o-transition:all .3s ease;
    -ms-transition:all .3s ease;
    transition:all .3s ease;
	border-radius:0 0 6px 6px;
}
.top_bg.show .navmenu #menu li:hover a:after,.navmenu #menu li.hover a:after { top:0; width:100px; margin-left:-50px;}
/*二级菜单*/
.top_bg.show .navmenu #menu li .subnav { width:100%; height:auto; overflow:hidden; display:none; position:absolute; top:-50%; left:-100%; background:#1f2678; background:rgba(31,38,120,.60); z-index:999999; /*background:rgba(167,114,92,.95);*/ background-size:100% 100%; font-size:16px; font-weight:normal;}
.top_bg.show .navmenu #menu li .subnav a { display:block; line-height:50px; width:100%; height:50px; font-weight:normal; color:#fff; background:none; position:relative;}
.top_bg.show .navmenu #menu li .subnav a:before { background:none;}
.top_bg.show .navmenu #menu li .subnav a:after { background:none;}
.top_bg.show .navmenu #menu li .subnav a:hover { background:#1f2678; color:#fff;}




.insidebox_bg { max-width:1200px; min-width:320px; height:auto; overflow:visible; margin:0 auto;}
/*.insidebox { margin:0 auto; overflow:hidden;}*/
.insidebox { margin:0 auto; overflow:visible;/* padding-left:200px;*/}
.leftbox { width:200px; height:auto; overflow:visible; float:left; margin:20px 0 0 -200px; _display:inline; position:relative; z-index:1;}
.leftbox.nav-fixed { position:fixed; top:93px; margin-top:0;}


.leftbox .bg { position:absolute; left:0; top:70px; filter:alpha(opacity=24); -moz-opacity:0.24; -khtml-opacity: 0.24; opacity: 0.24;}
.currpath { width:1200px; height:40px; line-height:40px; margin:0 auto; font-size:14px; color:#727171; margin-top:10px;}
.currpath a { color:#727171;}

.rightbox { width:332px; height:auto; overflow:hidden; margin:20px -360px 0 0; float:right; position:relative; top:0;}
.rightbox .about { width:100%; height:auto; overflow:hidden; background:#fff;}
.rightbox .about .pic { display:block; overflow:hidden;}
.rightbox .about .des { line-height:28px; content:#3b3b3b; margin:20px; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; text-align:justify; text-justify:inter-ideograph; text-indent:2em;}
.rightbox .nutrition { background:#fff; margin-top:30px;}
.rightbox .nutrition dt { margin:0 34px; height:60px; line-height:60px; font-size:18px; color:#0b0b0b; font-weight:bold; border-bottom:1px solid #e2e2ea;}
.rightbox .nutrition dd { width:100%; height:auto; overflow:hidden;}
.rightbox .nutrition dd ul { margin:20px 30px; height:auto; overflow:hidden;}
.rightbox .nutrition dd ul li { line-height:34px; background:url(../image/nutrition_list_icon.gif) 0 center no-repeat; padding-left:15px; overflow:hidden; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis;}
.rightbox .nutrition dd ul li a:hover { color:#10ac59;}
.rightbox .nutrition dd ul li a { position:relative; line-height:34px;}
.rightbox .nutrition dd ul li a:after { content:''; position:absolute; left:0; bottom:0; width:0%; height:1px; background:#6bc28d;
	-webkit-transition: all .5s ease;
	-moz-transition:all .5s ease;
	-o-transition:all .5s ease;
	-ms-transition:all .5s ease;
	transition:all .5s ease;
}
.rightbox .nutrition dd ul li:hover a:after { width:100%}

.insidebox .currpath { width:96%; margin-left:2%; height:40px; line-height:40px; font-size:12px; color:#6f6f6f; margin-top:10px; font-weight:bold;}
.insidebox .currpath a { color:#6f6f6f;}

.news-index.insidebox { padding-right:360px;}

.news-list { width:100%; height:auto; overflow:hidden;}
.news-list li { /*width:100%; */height:auto; background:#fff; padding:30px; position:relative; margin-bottom:30px;display:flex; display:-webkit-flex; flex-flow:row nowrap; justify-content:center; align-items:center;}
.news-list li .pic { display:block; width:292px; height:226px; overflow:hidden; flex:0 0 292px;}
.news-list li .brief { width:100%; height:auto; overflow:hidden; margin-left:33px;}
.news-list li .brief .tit { font-size:20px; line-height:40px; height:40px; overflow:hidden; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis;}
.news-list li .brief .date { color:#a6a5a5; line-height:40px;}
.news-list li .brief .des { color:#6f6f6f; line-height:27px; height:81px; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-align:justify; text-justify:inter-ideograph;}
.news-list li .brief .more{ display:block; width:133px; height:36px; line-height:36px; text-align:center; color:#3b3b3b; border:1px solid #026b33; margin-top:20px;}
.news-list li .brief .more:hover { background:#026b33; color:#fff;}

.news-list li .line_l { width:5px; height:0%; position:absolute; left:0; bottom:0; background:#10ac59;}
.news-list li .line_t { width:0%; height:5px; position:absolute; left:0; top:0; background:#10ac59;}
.news-list li .line_r { width:5px; height:0%; position:absolute; right:0; top:0; background:#10ac59;}
.news-list li .line_b { width:0%; height:5px; position:absolute; right:0; bottom:0; background:#10ac59;}

.news-list li:hover .line_l { height:100%;}
.news-list li:hover .line_t { width:100%;}
.news-list li:hover .line_r { height:100%;}
.news-list li:hover .line_b { width:100%;}

/*内页导航*/
.guidebox { height:auto; overflow:hidden; position:relative;}
.guidebox dt { width:100%; height:85px; overflow:hidden; position:relative; background:#666; display:none;}
.guidebox dt .title { display:block; height:auto; overflow:hidden; position:relative; margin-left:10%;}
.guidebox dt .tit { color:#fff; font-size:20px; line-height:30px; position:relative; z-index:2; font-weight:bold;}
.guidebox dt .tit1 { color:#fff; line-height:20px; font-family:Arial; text-transform:uppercase; font-size:20px; letter-spacing:0px; margin-top:20px; text-transform:uppercase;}
.guidebox dt .line { display:inline-block; width:56px; height:3px; background:#d9d9d9; z-index:-1; position:relative; top:-10px; margin:0 20px;}
.guidebox dt .location { color:#bb0000; line-height:30px;}
.guidebox dt .location a { color:#bb0000;}
.guidebox dd:before { content:''; position:absolute; left:26px; top:0; width:6px; height:160px; background:url(../image/guidebox_line_top.png) center center no-repeat;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig;
}
.guidebox dd:after { content:''; position:absolute; left:26px; bottom:0; width:6px; height:160px; background:url(../image/guidebox_line_bottom.png) center center no-repeat;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig;
}
.guidebox dd { height:auto; overflow:hidden; position:relative; text-align:left; /*background:#eaf0f6; border:10px solid #666; border-top:none;*/ padding-top:160px; padding-bottom:180px;}
.guidebox dd ul { width:100%; height:auto; overflow:visible; font-size:16px; position:relative;}
.guidebox dd ul:after { content:''; position:absolute; left:28px; top:30px; bottom:18px; width:1px; background:#1f2678; z-index:-1;
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: cuiyun; animation-name: cuiyun;
}

@-webkit-keyframes cuiyun {
  from {
     bottom: 100%;
  }

  to {
    bottom: 18px;
  }
}

@keyframes cuiyun {
	from {
     bottom: 100%;
  }

  to {
    bottom: 18px;
  }
}

.guidebox dd ul li { display:inline-block; height:auto; width:246px; line-height:47px; color:#002c77; position:relative; margin-top:12px;}
.guidebox dd ul li:hover { }
.guidebox dd ul li a { background:url(../image/guidebox_list_icon0.png) 18px center no-repeat; color:#1f2678; display:block; height:39px; line-height:39px; position:relative; padding-left:50px; font-weight:bold;}
.guidebox dd ul li:before { /*content:''; position:absolute; left:-6px; top:8px; width:3px; height:23px; background:#f29d16;  background:#e2e2e2; transform:skew(-30deg); border-radius:5px;*//*设置倾斜度为-30*/
	-webkit-transition: all .5s ease;
	-moz-transition:all .5s ease;
	-o-transition:all .5s ease;
	-ms-transition:all .5s ease;
	transition:all .5s ease;
}

.guidebox dd ul li a:before { /*content:''; position:absolute; left:0; bottom:-3px; right:0; height:3px; background:#549e04;*/}
.guidebox dd ul li:hover a:before { bottom:0;}
.guidebox dd ul li:nth-child(1):before { display:none;}
.guidebox dd ul li:hover:before,.guidebox dd ul li.hover:before { /*background:#006ccc;*/}
.guidebox dd ul li:hover a,.guidebox dd ul li.hover a {  color:#026b33; background:url(../image/guidebox_list_icon1.png) 18px center no-repeat;}
.guidebox dd ul li:hover a { /*margin-top:-5px;*/}
.guidebox dd ul li:hover a+.subnav{display:block;}
.guidebox dd .subnav { font-size:14px; margin-top:0; height:auto; position:absolute; width:100%; top:35px; left:0; display:none; overflow:hidden; color:#000; z-index:999999; background:#047bca;}
.guidebox dd .subnav a { display:block; line-height:35px; height:35px; text-align:center; color:#047bca; border-top:1px solid #fff;}
.guidebox dd .subnav a:hover,.guidebox dd .subnav a.hover { background:#da0325; color:#fff;}
/*产品index*/
.goods-leftbox { width:100%; height:62px; background:#026b33; position:relative; z-index:99999;}
.goods-leftbox:before { content:''; position:absolute; left:0; top:0; width:438px; height:62px; background:url(../image/goods-guidebox_lbg.png) no-repeat;}
.goods-leftbox:after { content:''; position:absolute; right:0; top:0; width:360px; height:62px; background:url(../image/goods-guidebox_rbg.png) no-repeat;}
.goods-guidebox { max-width:1200px; min-width:320px; margin:0 auto; height:62px; line-height:62px;}
.goods-guidebox dt { display:none;}
.goods-guidebox dd { width:100%; height:62px; overflow:hidden;}
.goods-guidebox dd ul { width:100%; font-size:20px; color:#fff; line-height:62px; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:center; align-items:flex-start; position:relative; z-index:1;}
.goods-guidebox dd ul li { float:left; text-align:center;}
.goods-guidebox dd ul li:hover a,.goods-guidebox dd ul li.hover a { background:#ffa018;}
.goods-guidebox dd ul li a { display:block; color:#fff; padding:0 30px; display:block;}

.news-leftbox { width:100%; height:62px; background:#026b33 url(../image/goods-guidebox_lbg.png) no-repeat; position:relative;}
.news-guidebox { max-width:1200px; min-width:320px; margin:0 auto; height:62px; line-height:62px;}
.news-guidebox dt { display:none;}
.news-guidebox dd { width:100%; height:62px; overflow:hidden;}
.news-guidebox dd ul { width:100%; font-size:20px; color:#fff; line-height:62px; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:center; align-items:flex-start; position:relative; z-index:1;}
.news-guidebox dd ul li { float:left; text-align:center;}
.news-guidebox dd ul li:hover a,.goods-guidebox dd ul li.hover a { background:#ffa018;}
.news-guidebox dd ul li a { display:block; color:#fff; padding:0 30px; display:block;}
/*工艺index*/
.technology.contentbox { background:none;}
.technology.contentbox dd { margin:30px 0; padding:0 30px; height:326px; overflow:hidden; min-height:auto; background:#fff; border-radius:5px; display:flex; display:-webkit-flex; flex-flow:row nowrap; justify-content:center; align-items:center; position:relative;}
.technology.contentbox dd a { display:block;}
.technology.contentbox dd .no_num { width:245px; height:190px; background:#026b33; line-height:190px; font-size:80px; font-family:Arial; color:#fff; font-weight:bold; text-align:center; border-radius:15px 0 0 15px;}
.technology.contentbox dd .brief { margin:0 30px; width:60%;}
.technology.contentbox dd .brief .tit { font-size:38px; color:#026b33; line-height:40px; font-weight:bold; margin-top:-5px;}
.technology.contentbox dd .brief .tit1 { font-size:18px; color:#a7a7a7; line-height:40px; height:40px; text-transform:uppercase; position:relative;}
.technology.contentbox dd .brief .tit1:before { content:''; width:84px; height:1px; background:#026b33; position:absolute; left:0; bottom:0;}
.technology.contentbox dd .brief .des{ width:100%; line-height:31px; font-size:16px; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; margin-top:10px;}
.technology.contentbox dd:nth-child(2n+0) { flex-flow:row-reverse nowrap;}
.technology.contentbox dd:nth-child(2n+0) .no_num { border-radius:0 15px 15px 0;}
.technology.contentbox dd:nth-child(2n+0) .brief { text-align:right;}
.technology.contentbox dd:nth-child(2n+0) .brief .tit1:before { right:0; left:auto; background:#026b33;}

.technology.contentbox dd:hover .no_num,.contentbox dd.hover .no_num { background:#ffa018;}
.technology.contentbox dd:hover .brief .tit1:before,.contentbox dd.hover .brief .tit1:before { background:#f67406;}
.technology.contentbox dd:hover .brief .tit,.contentbox dd.hover .brief .tit{ color:#f67406;}
.technology.contentbox dd .line_l { width:4px; height:0%; position:absolute; left:0; bottom:0; background:#ffa018;}
.technology.contentbox dd .line_t { width:0%; height:4px; position:absolute; left:0; top:0; background:#ffa018;}
.technology.contentbox dd .line_r { width:4px; height:0%; position:absolute; right:0; top:0; background:#ffa018;}
.technology.contentbox dd .line_b { width:0%; height:4px; position:absolute; right:0; bottom:0; background:#ffa018;}

.technology.contentbox dd:hover .line_l,.contentbox dd.hover .line_l { height:100%;}
.technology.contentbox dd:hover .line_t,.contentbox dd.hover .line_t { width:100%;}
.technology.contentbox dd:hover .line_r,.contentbox dd.hover .line_r { height:100%;}
.technology.contentbox dd:hover .line_b,.contentbox dd.hover .line_b { width:100%;}
/*招商加盟*/
.join.contentbox dt { height:111px; background:url(../image/join_index_tit_bg1.png) 0 center no-repeat;}
.join.contentbox dt:before { background:none;}
.join.contentbox dt:after { background:#fff3e1; height:28px; left:357px; right:0; width:auto; border-radius:14px;}
.join.contentbox dt .num { width:105px; height:111px; line-height:111px; text-align:center; float:left; font-size:39px; font-weight:bold; color:#fff; font-family:Arial; display:block;}
.join.contentbox dt .tit { width:217px; height:56px; line-height:56px; font-size:30px; margin:0; margin-top:28px; color:#fff; font-weight:bold; font-style:normal; text-align:center;}
.join.contentbox dd { height:auto; min-height:auto;}
.join.contentbox dt#join_2 { background-image:url(../image/join_index_tit_bg2.png);}
.join.contentbox dt#join_2:after { background:#def5e9;}
.join.contentbox dt#join_3 { background-image:url(../image/join_index_tit_bg3.png);}
.join.contentbox dt#join_3:after { background:#dcf2f4;}
.join.contentbox dt#join_4 { background-image:url(../image/join_index_tit_bg4.png);}
.join.contentbox dt#join_4:after { background:#e6e8fe;}
/*人才中心*/
.jobs_box { padding-right:430px; height:auto; overflow:hidden; text-align:center;}
.jobs_tit { font-size:36px; color:#d00; font-weight:bold; line-height:50px;}
.jobs_tit1 { color:#9d9d9d; font-size:18px; line-height:30px; font-weight:normal; text-transform:uppercase;}
.jobs_brief { width:100%; height:auto; overflow:hidden; float:left;}
.jobs_des { font-size:14px; line-height:32px; color:#000; text-align:left; margin:30px 0;}
.jobs_pic { margin:30px 0;}
.jobs_r_pic { width:430px; height:auto; overflow:hidden; margin:0 -470px 0 0; float:right;}
.jobs_list li { height:auto; overflow:hidden; font-size:14px; padding:20px 0; border-bottom:1px solid #f00;}
.jobs_list li .tit { font-weight:bold; line-height:30px; font-size:16px; color:#000;}
.jobs_list li .des { line-height:28px; color:#626262;}
.jobs_notice { font-weight:bold; color:#000; margin-top:20px;}
/*联系我们index*/
.contactbox { width:367px; height:auto; right:20%; top:80%; position:absolute; background:#fff; padding-bottom:40px; -moz-box-shadow:0px 0px 17px #999; -webkit-box-shadow:0px 0px 17px #999; box-shadow:0px 0px 17px #999;}
.contactbox dt { position:relative; z-index:1;}
.contactbox dd { margin-top:-8px; height:auto; overflow:hidden;}
.contactbox dd .contact_info { font-size:15px; color:#026b33; border-bottom:3px solid #007f2a; padding-bottom:30px; font-weight:bold; background:#fff; padding:20px 0; border-bottom:1px solid #dadada;}
.contactbox dd .contact_info li {margin:0 20px; padding:10px 0px 10px 30px;}
.contactbox dd .contact_info .icon {}
.contactbox dd .contact_info .icon1{ background:url(../picture/icon_tel.png) 0 center no-repeat;}
.contactbox dd .contact_info .icon2{ background:url(../picture/icon_email.png) 0 center no-repeat;}
.contactbox dd .contact_info .icon3{ background:url(../picture/icon_ie.png) 0 center no-repeat;}
.contactbox dd .contact_info .icon4{ background:url(../picture/icon_local.png) 0 center no-repeat;}
.contactbox dd .slide_list { width:200%; height:auto; overflow:hidden; margin:0 auto; margin-top:10px; margin-left:20px;}
.contactbox dd .slide_list li { float:left; margin-right:10px;}
.contactbox dd .tit { width:90%; height:47px; line-height:47px; border-bottom:1px solid #e6e6e6; margin:0 auto; color:#4d4d4d; font-size:16px; font-weight:bold;}

/*详细内容显示*/
.contentbox { width:100%; height:auto; float:left; overflow:hidden; background:#fff; border-radius:5px; margin-top:20px; padding-bottom:20px;}
.contentbox dt { margin:40px 60px; height:80px; overflow:hidden; position:relative;/* position:fixed; top:90px;*/ background:url(../image/contentbox_icon0.png) bottom left no-repeat;}
.contentbox dt .location { float:right; color:#666; font-size:16px; line-height:40px; font-weight:normal; display:none;}
.contentbox dt .location a { color:#666;}
.contentbox dt .slogan { display:none;}
.contentbox dt .tit { font-size:32px; line-height:60px; position:relative; display:block; float:left; margin-left:90px; font-weight:bold; color:#026b33; font-style:italic;}
.contentbox dt .tit1 { color:#026b33; font-size:20px; line-height:60px; margin-left:15px;}
.contentbox dt:before { content:''; position:absolute; left:76px; bottom:10px; width:100%; height:11px; background:url(../image/contentbox_tit_line.png) bottom left repeat-x;}
.contentbox dt:after { content:''; position:absolute; right:0; bottom:40px; background:url(../image/contentbox_icon_icon.png) no-repeat; width:125px; height:31px;}

.contentbox dt .tit .line{ background:#05adb8; width:100%; height:2px; position:absolute; bottom:0; left:0;}
.contentbox dd { min-height:550px; margin:30px 60px; height:auto; overflow:hidden;}
.contentbox dd #content {text-align:justify; text-justify:distribute-all-lines; font-size:16px; line-height:2;}
/*详细内容*/
.product_detail { height:auto; overflow:hidden; padding-left:600px;}
.product_detail .picbox{ width:550px; float:left; margin:10px 0 0 -600px;}
.product_detail .picbox .pic {}
.product_detail .con { width:100%; height:auto; float:left; overflow:hidden;}
.product_detail .con .tit { height:40px; font-size:20px; line-height:40px; text-align:left; margin:0; color:#000; font-weight:bold;}
.product_detail .con .des { font-size:16px; line-height:2; width:100%; height:auto; overflow:hidden; border-top:1px solid #006a33; margin-top:10px; padding:2.5% 0; color:#000; line-height:2;}

.insidebox { position:static;}
.contentbox { position:static;}
.insidebox_bg { position:static;}
.detail_label { color:#000; font-weight:bold; font-size:16px; line-height:40px; border-bottom:1px solid #006a33; margin-top:20px;}
/*其它*/
.detail { width:100%; height:auto; overflow:hidden; margin:0 auto;}
.detail .tit { font-size:18px; line-height:40px; margin:10px 0; font-weight:bold; text-align:center; color:#000;}
.detail .des { line-height:40px; color:#666; text-align:center;/* border-top:1px solid #ccc;*/ margin-top:10px; font-size:14px;}
.detail .pic { text-align:center;}
.detail .pic img{ width:100%;}
.detail .con { padding:10px; line-height:2; text-align:justify;/* text-justify:distribute-all-lines;*/ text-justify:inter-ideograph;font-size:16px;}
.detail .con p { font-size:16px;}
/*企业文化详细内容*/
.detail .con .culture_tit { font-size:35px; color:#119d52; font-weight:bold; line-height:40px;}
.detail .con .culture_tit1 { font-size:25px; color:#aeaeae; font-family:Arial; line-height:30px;}
.detail .con .culture_line { display:inlinie-block; width:88px; height:2px; background:#2f8514; margin:20px auto;}
.detail .con .culture_des { font-size:25px; color:#686868; line-height:45px; margin-top:30px;}


/*上一条下一条*/
.detail .prev_next { font-size:14px; border-top:1px solid #ccc; margin:0; padding:10px; margin-top:15px;}
.detail .prev_next span { color:#666; display:block; margin-top:15px;}
.detail .prev_next a { color:#666;}
.detail .prev_next a:hover { color:#c00;}
.detail .label { margin:10px 0; font-size:16px; font-weight:bold; color:#666;}
/*相关标签*/
.detail .tag a { display:inline-block; color:#f00; border-bottom:1px dashed #f00; margin:0 3px;}
/*相关新闻列表*/
.detail .news-related-list { width:100%; height:auto; overflow:hidden; margin-top:10px;}
.detail .news-related-list li { height:40px; border-bottom:1px dashed #ccc; line-height:40px; text-indent:20px; position:relative;}
.detail .news-related-list li:before { content:''; width:6px; height:6px; position:absolute; left:5px; top:50%; margin-top:-3px; background:#999; border-radius:50%;}
.detail .news-related-list li span { float:right;}
/*相关图片列表*/
.detail .news-related-pic { width:100%; height:auto; overflow:hidden;}
.detail .news-related-pic  li { width:120px; height:110px; float:left; margin-right:10px; position:relative;}
.detail .news-related-pic  li .picture { width:120px; height:80px;}
.detail .news-related-pic  li .picture img{display:block; width:100%;height:100%;}
.detail .news-related-pic  li .title { height:20px; line-height:30px; text-align:center; width:100%; font-size:12px;}

.goods_index dt { width:100%; height:auto; overflow:hidden; border-bottom:2px solid #3db073; text-align:center;}
.goods_index dt .tit { display:inline-block; font-size:40px; text-align:center; color:#ffa018; font-weight:bold; line-height:132px; position:relative; letter-spacing:10px;}
.goods_index dt .tit:before { content:''; display:inline-block; width:100%; height:62px; background:url(../image/goods_tit_l.png) no-repeat; position:absolute; left:-50px; top:20px;}
.goods_index dt .tit:after { content:''; display:inline-block; width:100%; height:62px; background:url(../image/goods_tit_r.png) right no-repeat; position:absolute; right:-50px; top:20px;}

.goods_index dt .tit.style01 { color:#027035;}
.goods_index dt .tit.style01:before { background:url(../image/goods_tit_l1.png) no-repeat;}
.goods_index dt .tit.style01:after { background:url(../image/goods_tit_r1.png) right no-repeat;}

.picScroll-left {}
.picScroll-left .bd { width:1080px; height:auto; overflow:hidden; margin:0 auto;}
.picScroll-left .prev,.picScroll-left .next { display:block; width:44px; height:81px; background:url(../image/goods_scroll_ctrl_bg.png) no-repeat;}
.picScroll-left .prev:hover { background-position:-44px 0;}
.picScroll-left .next { background-position:-132px 0;}
.picScroll-left .next:hover { background-position:-88px 0;}

.goods_index dd { max-width:1200px; min-width:320px; margin:0 auto; overflow:visible;}
.goods_index dd .goods_list { }
.goods_index dd .goods_list li { width:341px; height:auto; margin-right:29px; float:left;}
.goods_index dd .goods_list .tit { width:100%; height:50px; line-height:50px; color:#fff; background:#05793b; text-align:center; font-size:18px;}
.goods_index dd .goods_list .pic { display:block; overflow:hidden;}

/*商品弹出*/
.goods-show { background:#fff; border:0px solid #ccc; padding:10px; position:fixed; top:10%; right:10%; bottom:10%; left:10%; z-index:9999999; display:none; border-radius:5px;-moz-box-shadow:0px 0px 20px #333333; -webkit-box-shadow:0px 0px 20px #333333; box-shadow:0px 0px 20px #333333;}
.goods-show .tit { font-weight:bold; font-size:26px; line-height:50px; margin-top:30px;}
.goods-show .pic { height:auto; overflow:hidden; width:60%; float:left; margin-right:30px;}
.goods-show .des { margin:0; font-size:16px; line-height:2; padding:0 20px; margin-top:30px;}
.goods-detail { margin:30px; height:auto; overflow:hidden; overflow-y:auto;}
.goods-show .goods-prev { background:url(../image/slide_ctrl_left.png) center center no-repeat; width:53px; height:100%; position:absolute; left:30px; top:0;}
.goods-show .goods-next { background:url(../image/slide_ctrl_right.png) center center no-repeat; width:53px; height:100%; position:absolute; right:30px; top:0;}


/*商品列表*/
.goods-list { overflow:visible; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start;}
.goods-list li { width:30%; flex:0 0 30%; margin:0 1.5%; margin-bottom:30px; float:left; height:auto; overflow:hidden; -webkit-box-shadow:0px 0px 20px #ddd; display:block; box-shadow:0px 0px 20px #ddd; border:1px solid #eee;}
.goods-list li .pic { border:0; -moz-box-shadow:0px 0px 20px #ddd; overflow:hidden; display:block;}
.goods-list li .name{ text-align:center; height:60px; line-height:60px; text-align:center; background:#fff; font-size:16px; color:#000;}
.goods-list li:hover .name { color:#a7725c;}
/*图片列表*/
.pic-list { overflow:visible; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start;}
.pic-list li { width:30%; flex:0 0 30%; margin:0 1.5%; margin-bottom:30px; float:left; height:auto; overflow:hidden; -webkit-box-shadow:0px 0px 20px #ddd; display:block; box-shadow:0px 0px 20px #ddd; border:1px solid #eee;}
.pic-list li .pic { border:0; -moz-box-shadow:0px 0px 20px #ddd; overflow:hidden; display:block;}
.pic-list li .name{ text-align:center; height:60px; line-height:60px; text-align:center; background:#fff; font-size:16px; color:#000;}
.pic-list li:hover .name { color:#a7725c;}
/*视频列表*/
.video-list { overflow:visible; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start;}
.video-list li { width:30%; flex:0 0 30%; margin:0 1.5%; margin-bottom:30px; float:left; height:auto; overflow:hidden; -webkit-box-shadow:0px 0px 20px #ddd; display:block; box-shadow:0px 0px 20px #ddd; border:1px solid #eee;}
.video-list li .pic { border:0; -moz-box-shadow:0px 0px 20px #ddd; overflow:hidden; display:block;}
.video-list li .name{ text-align:center; height:60px; line-height:60px; text-align:center; background:#fff; font-size:16px; color:#000;}
.video-list li:hover .name { color:#a7725c;}
/*新闻列表*/
.news-box { height:auto; overflow:hidden; padding-right:383px;}
.news-box .rightbox { width:330px; height:auto; overflow:hidden; float:right; margin:0 -383px 0 0;}
.news-box .rightbox .searchbox { width:100%; height:auto; overflow:hidden; background:#e5e5e5;}
.news-box .rightbox .searchbox .box { width:80%; height:auto; margin:30px auto; overflow:hidden;}
.news-box .rightbox .searchbox .tit { font-size:24px; color:#000; line-height:30px;}
.news-box .rightbox .searchbox .keys { width:100%; height:40px; margin-top:15px; border:0; background:#fff; line-height:40px; text-indent:10px;}
.news-box .rightbox .searchbox .submit { width:100%; height:40px; font-size:15px; margin-top:15px; border:0; background:#bb1818; color:#fff; line-height:40px; text-align:center; cursor:pointer;}
.news-box .rightbox .picnews { margin-top:30px; display:block;}
.news-box .rightbox .picnews .pic { overflow:hidden;}
.news-box .rightbox .picnews .tit { font-size:17px; line-height:28px; margin-top:10px; color:#000;}
.news-box .rightbox .picnews .des { font-size:14px; line-height:24px; color:#6e6e6e; margin-top:5px; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.news-box .rightbox .picnews:hover .tit{ color:#ff4208;}
.news-box .rightbox .picnews:hover .des{ margin-top:10px;}
/*新闻列表样式1*/
/*.news-list { width:100%; height:auto; overflow:hidden; float:left;}
.news-list li { width:100%; height:165px; overflow:hidden; position:relative; background:#fff; border-bottom:1px solid #dbdbdb;}
.news-list li .box { height:165px; padding-left:100px;}
.news-list li .date { width:100px; height:165px; margin:0 0 0 -100px; float:left; font-family:Arial;}
.news-list li .date .date-day { font-size:53px; line-height:60px; color:#828282; margin-top:30px;}
.news-list li .date .date-year-month{ font-size:14px; line-height:18px; color:#9d9d9d; }
.news-list li .pic { width:300px; height:200px; overflow:hidden; display:block; float:left; margin:0 0 0 -340px; _display:inline; -moz-box-shadow:2px 2px 5px #CCC; -webkit-box-shadow:2px 2px 5px #CCC; box-shadow:2px 2px 5px #CCC;}
.news-list li .brief { width:100%; height:auto; overflow:hidden; float:left; margin-top:30px;}
.news-list li .brief .tit { width:100%; display:block; font-size:22px; height:40px; line-height:40px; color:#323232; overflow:hidden; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis;}
.news-list li .brief .des { color:#707070; font-size:14px; line-height:23px; margin-top:5px; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.news-list li .brief .more { display:inline-block; width:112px; height:39px; line-height:39px; text-align:center; font-size:14px; color:#ef7626; border:1px solid #ef7626; text-transform:uppercase; position:relative; margin-top:20px;}
.news-list li .brief .more:hover { background:#ef7626; color:#fff;}
.news-list li:hover .brief .tit { color:#0e6c6b;}
.news-list li:hover .brief .des { }
.news-list li:hover .date .date-day { color:#0e6c6b;}
.news-list li:hover .date .date-year-month { color:#0e6c6b;}
.news-list li .line_bx { background:#008d39; width:0%; height:2px; position:absolute; left:0; bottom:0;}
.news-list li .line_ly { background:#008d39; width:2px; height:0%; position:absolute; left:0; bottom:0;}
.news-list li .line_tx { background:#008d39; width:0%; height:2px; position:absolute; right:0; top:0;}
.news-list li .line_ry { background:#008d39; width:2px; height:0%; position:absolute; right:0; top:0;}
.news-list li:hover .line_bx { width:100%;}
.news-list li:hover .line_ly { height:100%;}
.news-list li:hover .line_tx { width:100%;}
.news-list li:hover .line_ry { height:100%;}*/
/*新闻列表样式2*/
.news-list1 { width:100%; height:auto; overflow:hidden; font-size:16px;}
.news-list1 li { width:100%; line-height:50px; height:50px; border-bottom:1px dotted #999; position:relative; overflow:hidden; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis; background:url(http://mxyzsp.com/template/h5/index/images/news_list_icon.gif) 0 center no-repeat;}
.news-list1 li .date { float:right;}
.news-list1 li .tit { margin-left:20px;}
.news-list1 li:hover { border-bottom:1px solid #999; }
.news-list1 li:after { content:''; position:absolute; left:0; bottom:-1px; width:0; height:1px; background:#0e6c6b;-webkit-transition: all .5s ease;
    -moz-transition:all .5s ease;
    -o-transition:all .5s ease;
    -ms-transition:all .5s ease;
    transition:all .5s ease;}
.news-list1 li:hover:after { width:100%;}
/*人才招聘*/
.jobs-list { width:100%; height:auto; overflow:hidden; float:left;}
.jobs-list li { width:100%; height:60px; overflow:hidden; position:relative; background:#fff; border-bottom:1px dashed #dbdbdb;}
.jobs-list li .date { float:right; line-height:60px; font-family:Arial;}
.jobs-list li .tit { width:100%; font-size:16px; height:60px; line-height:60px; overflow:hidden; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis;}
.jobs-list li .des { color:#707070; font-size:14px; line-height:23px; margin-top:5px; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.jobs-list li:hover .tit { color:#ff4208;}
.jobs-list li:hover .des { color:#ff4208;}
.jobs-list li:hover .date { color:#ff4208;}

/*友情链接*/
.friendlinks_bg { background:#f2f2f2; height:auto; overflow:hidden;}
.friendlinks { height:auto; overflow:hidden; padding-left:115px; background:#f1f1f1; border:1px solid #e6e6e6;}
.friendlinks dt{ width:115px; height:48px; line-height:48px; margin:0 0 0 -115px; _display:inline; overflow:hidden; position:relative; float:left; text-align:center;}
.friendlinks dt .tit { color:#000; font-size:16px; font-weight:bold;}
.friendlinks dt .line { position:absolute; width:88px; height:3px; bottom:0; left:0; background:#de0a0a;}
.friendlinks dt .more { font-size:12px; color:#000; float:right; margin-right:20px; margin-top:23px; width:66px; height:31px; line-height:31px; background:url(http://mxyzsp.com/template/h5/index/images/newsbox_more.png) no-repeat; text-align:center;}
.friendlinks dd { width:100%; height:auto; overflow:hidden; font-size:0; float:right;}
.friendlinks dd .linklist { width:100%; line-height:48px; height:auto; overflow:hidden; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:flex-start; color:#423e00;}
.friendlinks dd a { display:inline-block; font-size:15px; line-height:48px; padding:0 10px; margin:0 10px; text-align:center; color:#000; position:relative;}
.friendlinks dd a:before { /*content:''; position:absolute; left:0; bottom:-4px; width:100%; height:4px; background:#ef0924;*/
-webkit-transition: all .3s ease;
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
-ms-transition:all .3s ease;
transition:all .3s ease;
}
.friendlinks dd a:hover { color:#ef0924;}
.friendlinks dd a:hover:before { width:100%; bottom:-4px;} 


/*常用CSS3动画效果*/
.trans,a{
    -webkit-transition: all .5s ease;
    -moz-transition:all .5s ease;
    -o-transition:all .5s ease;
    -ms-transition:all .5s ease;
    transition:all .5s ease;
}
a.mask {
	text-decoration: none;
	overflow: hidden;
	display: block;
}
img.zoom-img:hover {
	-webkit-transform: scale(1.15);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 750ms;
	-moz-transform: scale(1.15);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 750ms;
	overflow: hidden;
}
img.zoom-img {
	-webkit-transform: scale(1, 1);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 250ms;
	-moz-transform: scale(1, 1);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 250ms;
}
.ny_banner { /*height:537px;*/ height:auto; background-color:#ccc; overflow:hidden; position:relative; background-repeat:no-repeat; background-position:center center; margin-top:93px;
transition: all 1.3s;
visibility:visible;-webkit-animation-name: fadeIn_zoomIn; animation-name: fadeIn_zoomIn;
}
@-webkit-keyframes fadeIn_zoomIn {
	from {
		opacity: 0;
		background-size: auto 120%;
	}
	
	to {
		opacity: 1;
		background-size: auto 100%;
	}
}

@keyframes fadeIn_zoomIn {
	from {
		opacity: 0;
		background-size: auto 120%;
	}
	
	to {
		opacity: 1;
		background-size: auto 100%;
	}
}





.footer_bg { height:165px; overflow:hidden; background:#026b33; border-top:10px solid #1f2678;}
.footer_nav_box { width:100%; height:auto; overflow:hidden; float:left; margin-top:37px;}
.footer_nav { width:33%; height:auto; min-height:200px; overflow:hidden; font-size:14px; float:left; background:url(http://mxyzsp.com/template/h5/index/images/footer_nav_line.gif) right center no-repeat; text-align:center;}
.footer_nav li.tit { font-size:16px; line-height:24px; height:24px; border:#7be09a; color:#88c1ff;/* font-weight:bold;*/ margin-bottom:10px;}
.footer_nav li { width:100%; line-height:24px; height:24px; color:#88c1ff;}
.footer_nav li a { color:#88c1ff; display:block; display:block;}


.footerbox { max-width:1200px; min-width:320px; height:auto; margin:0 auto; height:auto; overflow:visible;}

.footer { overflow:visible; color:#fff; position:relative; height:auto; overflow:hidden; padding-right:304px;}
.footer a { color:#fff;}
.footer_nav_link { color:#95b4da;}
.footer_nav_link a { color:#95b4da;}
.footer .info { width:100%; height:auto; float:left; font-size:15px; line-height:25px; /*text-transform:uppercase;*/}
.footer .info .tit{ font-size:18px; line-height:40px;}
.footer .info .text { line-height:24px; padding:10px 0;}
.footer .info .telbox {}
.footer .info .telbox .lab { font-size:24px; position:relative; top:-3px;}
.footer .info .telbox .tel { font-size:33px; font-family:'Arial'; font-weight:bold;}

.footer .logobox { width:303px; height:auto; min-height:auto; overflow:hidden; float:left; margin:67px 0 0 -303px;}
.footer .logobox .logo { display:block;}

.footer .logobox .telbox { width:283px; height:50px; margin-top:30px; overflow:hidden; background:url(http://mxyzsp.com/template/h5/index/images/footer_telbox_bg.png) no-repeat; line-height:24px; font-size:30px; color:#00377a; position:relative;}
.footer .logobox .telbox .icon { float:left; margin-right:5px;}
.footer .logobox .telbox .lab { font-size:14px; color:#00377a; line-height:20px;}
.footer .logobox .telbox .tel { font-size:30px; color:#1f89ff; line-height:30px; position:absolute; left:60px; bottom:0; font-family:Arial;}


.footer .footer_links_box { width:30%; height:auto; overflow:hidden; float:left;}
.footer .footer_links_box { line-height:34px; font-size:15px;}
/*版权*/
.copyright_bg { height:59px; overflow:hidden; border-top:1px solid #17489d; margin-top:-59px;/* text-transform:uppercase;*/}
.copyright { width:100%; height:auto; line-height:24px; overflow:hidden; color:#fff; text-align:left; border-top:1px solid #007e81; padding-top:10px;}
.copyright a { color:#fff;}
.footerbox .qrcodebox { width:304px; height:auto; overflow:hidden; margin:10px -304px 0 0; float:right;}
.footerbox .qrcodebox .qrcode { width:130px; height:auto; float:right;}
.footerbox .qrcodebox .qrcode .pic { width:91px; height:91px; margin:0 auto; margin-top:15px; border:5px solid #fff; border:5px solid rgba(255,255,255,.24);}
.footerbox .qrcodebox .qrcode .tit { width:100%; height:30px; line-height:30px; text-align:center; color:#fff;}

.clear{ clear:both; margin:0; padding:0;}
.hidden{ display:none;}
.gotop { width:46px; height:46px; overflow:hidden; background:url(http://mxyzsp.com/template/h5/index/images/gotop.gif) no-repeat; position:fixed; right:10px; bottom:110px;}




/*表单表格*/
.form_table{padding:25px 0 50px 20px; font-size:14px;}
.form_table td{ color:#666; border:0; padding:15px 0;}
.form_table .submit {background:#FF4001; border-radius:2px; width:170px; height:40px; text-align:center; line-height:30px; color:#fff; border:0; font-size:16px; font-weight:bold; cursor:pointer;}
/*表单控件控制*/
.num{font-family:"Arial";}
.num1{font-family:Verdana, Arial, Helvetica, sans-serif}
.num5{font-family:"微软雅黑";}
.strong{font-weight:bold;}
.normal{font-weight:normal;}
.aright{text-align:right;}
.aleft{text-align:left;}
.xuxian{border-bottom:1px dashed #ddd;}
.xuxian1{border-bottom:1px dotted #ddd;}
.inputall{border:1px #ddd solid; padding:8px 15px; font-size:14px; background:#fefefe}
.inputall30{border:1px #bababa solid; border-right:1px #ddd solid; border-bottom:1px #ddd solid; height:30px; line-height:30px; font-size:16px;}
.inputselect{line-height:22px; border:1px #cecece solid; padding:5px 2px; font-size:14px; background:#fefefe; color:#555;}
.textarea{border:1px #cecece solid; padding:8px 15px; font-size:14px; background:#fefefe; color:#555;}
.input60{width:60px;}
.input100{width:100px;}
.input150{width:150px;}
.input200{width:200px;}
.input250{width:250px;}
.input300{width:300px;}
.input350{width:350px;}
.input400{width:400px;}
.input500{width:500px;}
.input550{width:550px;}
.input600{width:600px;}
.input650{width:650px;}
.inputfix{vertical-align:middle; margin-top:-2px; margin-bottom:1px;}
/*分页样式*/
.fenye a{font-size:16px; font-family:"宋体";}
.fenye{ text-align:center; height:auto; overflow:hidden; margin-top:20px;}
.fenye a{ border:1px #ef580d solid; padding:0 10px; /*border-radius:2px;*/ color:#ef580d; background:#fff;display:inline-block;  height:30px; line-height:30px; font-weight:normal; margin-left:8px; border-radius:2px;}
.fenye a:hover,.fenye .sel{background:#ef580d; color:#fff; border:1px #ef580d solid;  padding:0 10px;}
.fenye .sel{ font-weight:bold;}

/*分页样式开始*/
.turnover {text-align:center;margin-bottom:30px; font-size:14px;padding-top:30px;}
.turnover a, .turnover .current, .turnover .disabled{display:inline-block;height:40px;line-height:40px;padding:0 18px;margin-left:2px;text-align:center;}
.turnover a, .turnover .disabled {background:#fff;border:1px solid #ddd;text-decoration:none;}
.turnover a{color:#333}
.turnover a:hover, .turnover .current {border:1px solid #ef580d;background:#ef580d;color:#fff;  }
.turnover .disabled{ color:#999;}

.lianxi-list{ float:left; width:33%;}
.lianxi-list img{ display:block; width:200px; height:200px; margin:0 auto}
.lianxi-list span{ display:block; text-align:center;}

.liuyan{ border:#ddd solid 1px; overflow:hidden; padding:15px; margin: 15px 60px;}
.liuyan h1{ color:#454545; font-size:14px; margin:10px 0;}
.liuyan h3{ color:#888; font-size:14px; margin:10px 0;}
.liuyan h5{ background:#EEF6F2; padding:10px; overflow:hidden; color:#ff6012; line-height:160%;}

@media screen and (max-width:768px) {
	
	.turnover .fy{ display:none;}
	
	.lianxi-list{ float: none; width:100%;}
	.lianxi-list img{ max-width:150px; height: auto; margin-top:30px;}
	
	.liuyan{ padding:10px; margin: 15px;}
	
	.form_table{ width:100%; margin:10px;}
	.form_table td:first-child {display: none;}
	.form_table td{ padding:10px 0;}
	.input500{ width:95%;}
	.form_table .submit{ width:95%;}
}