/* eyoucms.com 易优CMS -- 好用,免费,安全 */
a:hover {text-decoration: none;}
a {transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s;}
@font-face {
    font-family: 'HELVETICANEUELTPRO-THEX';
    src: url('../fonts/HELVETICANEUELTPRO-THEX.OTF');
    font-weight: normal;
    font-style: normal;
}
#banner #owl-demo a.item {
    display: block;
    background-position: top center;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    background-size: auto 100%;
}
.owl-theme .owl-controls{position: absolute;bottom:15px; left:48%;}

.product .inner ul li { margin-bottom:20px}
.product .inner ul li .img_area p{ position:absolute; bottom:-100%; left:0; width:100%; line-height:25px; overflow:hidden; height:100%; z-index:10; background:rgba(0,140,250,0.8); color:#fff; padding-top:35%; transition: all linear 0.4s;-webkit-transition: all linear 0.4s;-moz-transition: all linear 0.4s; }
.product .inner ul li .img_area p b{ font-size:70px; font-weight:normal;width:50%; margin-left:-30%; margin-bottom:20px; display:block; height:70px; line-height:70px; font-family:Arial, Helvetica, sans-serif; position:relative;transition: all linear 0.4s;-webkit-transition: all linear 0.4s;-moz-transition: all linear 0.4s; transition-delay: 0.4s;
-moz-transition-delay:0.4s; /* Firefox 4 */
-webkit-transition-delay: 0.4s; /* Safari 和 Chrome */
-o-transition-delay: 0.4s;}
.product .inner ul li .img_area p b:before{display:block; content:" "; position:absolute; top:35px; left:-60%; background:#fff;width:50%; height:1px;}
.product .inner ul li .img_area p span{width:50%; margin-left:30%; display:block;transition: all linear 0.4s;-webkit-transition: all linear 0.4s;-moz-transition: all linear 0.4s; height:50px; overflow:hidden}
.product .inner ul li .img_area{width:100%; position:relative; border-radius:10px; overflow:hidden }
.product .inner ul li .img_area img{ max-width:100%; max-height:100%; top:0;left:0;right:0;bottom:0; position:absolute; margin:auto}
.product .inner ul li .text_area{ font-size:24px; text-align:center; padding:30px 0;display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.product .inner ul li .text_area a{color: #fff;}
.product .inner ul li:hover .img_area p{ bottom:0}
.product .inner ul li:hover .img_area p b{margin-left:30%;}
.product .pro_more{ width:200px; height:45px; line-height:45px; text-align:center; border:solid 1px #b2b2b2;text-transform:Uppercase; margin:auto; margin-top:15px;}
.product .pro_more a{ color:#b2b2b2}

/*pc侧边栏分类样式*/
._aside { margin-bottom:20px;}
._aside > h2 { background:url(../img/side_bg.jpg) no-repeat center; background-size:100% auto; padding:180px 0 50px 30px; color:#fff}
._aside > h2  .ch{ display:block; font-size:36px; margin-bottom:10px; position:relative}
._aside > h2  .ch:before{display:block; content:" "; position:absolute; top:-40px; left:0;width:60px; height:2px; background:#fff}
._aside > h2  .en{ display:block;text-transform:Uppercase; font-size:12px;}
/*一级的样式*/
._aside ul.sidemenu{ background:#328aff;}
._aside ul.sidemenu > li.sub1{ border-bottom: dashed 1px #fff}
._aside ul.sidemenu > li.sub1 ul {display: none; margin:5px 0}
._aside ul.sidemenu > li.sub1 > a.sub1_a {display: block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; color:#fff; height:50px; line-height:50px; font-size:16px; padding:0 30px;}
._aside ul.sidemenu > li.current > a.sub1_a,._aside ul.sidemenu > li:hover > a.sub1_a {color: #fff; background:#ad45ff}
/*二级的样式*/
._aside ul.sidemenu > li.sub1 > ul > li.sub2 > a.sub2_a {display: block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; height:28px; line-height:28px; padding:0 30px; color:#fff}
._aside ul.sidemenu > li.sub1 > ul > li.sub2.current > a.sub2_a,._aside ul.sidemenu > li.sub1 > ul > li.sub2:hover  > a.sub2_a{color: #ad45ff;}

/*三级的样式*/
._aside ul.sidemenu > li.sub1 > ul > li.sub2 > ul > li.sub3 > a.sub3_a {display: block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;height:28px; line-height:28px; padding:0 30px; color:#fff; font-size:12px;}
._aside ul.sidemenu > li.sub1 > ul > li.sub2 > ul > li.sub3.current > a.sub3_a,._aside ul.sidemenu > li.sub1 > ul > li.sub2 > ul > li.sub3:hover > a.sub3_a{color: #ad45ff;}

.article{ padding-top:15px;margin-bottom:20px; line-height: 28px; color:#fff;}
.crumb{ padding:20px 0; color:#a3a3a3; font-size:16px;}

.n_banner {
	font-size: 100px;
	color: #fff;
	text-align: center;
	background-size:cover !important;
	padding:120px 0 200px 0;
}
.n_btxt {
	width: 100%;
	text-align: left;
}
.n_btxt01 {
	max-width: 1400px;
	margin: 0 auto;
}
.n_btxt02 {
	width: 100%;
	font-size: 40px;
	font-weight: bold;
	text-align: center;
}
@media (max-width: 640px) {
  ._aside {padding: 0; margin-bottom:0}
  /*手机内页crumb*/
  ._aside > h2 {  background:#003b6e; height:45px; line-height:45px; padding:0}
  ._aside > h2  .ch{ font-size:18px; width:80%; float:left; margin-left:15px; margin-bottom:0;}

  ._aside h2 .phone-menuicon {float: right;cursor: pointer;height:25px; margin-right:15px;}
  ._aside h2 .phone-menuicon img {-webkit-transition: all .4s;transition: all .4s; height:100%}
  /*手机内页分类下拉列表*/
  ._aside ul.sidemenu {width: 100%;}
  
  /*一级的样式*/
  ._aside ul.sidemenu > li.sub1 ul {}
  ._aside ul.sidemenu > li.sub1 > a.sub1_a { padding:0 15px;}
  ._aside ul.sidemenu > li.current > a.sub1_a,._aside ul.sidemenu > li:hover > a.sub1_a {}
  /*二级的样式*/
  ._aside ul.sidemenu > li.sub1 > ul > li.sub2 > a.sub2_a {padding:0 15px;}
  /*三级的样式*/
  ._aside ul.sidemenu > li.sub1 > ul > li.sub2 > ul > li.sub3 > a.sub3_a {padding:0 15px;}
  #header .menu_icon img {width: 100%;}
}

/*新闻详情页样式，若不需要请删除*/
.news_detail .title1 {padding-bottom: 10px;border-bottom: dashed 1px #aaa;text-align: center;}
.news_detail .title1 h3 {font-size:16px;font-weight: bold;text-align: center;margin-bottom: 5px;line-height:35px}
.news_detail .title1 .box {display: inline-block;text-align: center;}
.news_detail .title1 .box img {width: 15px;height: 15px;display: inline-block;margin: 0 5px;vertical-align: middle;}
.news_detail .title1 .box div {margin-right: 5px;}
.news_detail .title1 .box .time {float: left;text-align: center;}
.news_detail .title1 .box .eye {float: left;text-align: center;}
.news_detail .title1 .box .back {float: left; color: #fff;}
.news_detail .news_detail_content {margin-top: 15px;}
.news_detail .pageTurning {margin-top: 15px;}
.news_detail .pageTurning .prevs,
.news_detail .pageTurning .nexts {background: #ddd;line-height:250%;padding:0 10px;}
.news_detail .pageTurning .prevs {margin-bottom: 5px;}


/*产品详情页样式，若不需要请删除*/
.product_detail .title1 {padding-bottom: 10px;border-bottom: dashed 1px #aaa;text-align: center;}
.product_detail .title1 h3 {font-size:120%;font-weight: bold;text-align: center;margin-bottom: 5px;line-height:35px;}
.product_detail .title1 .box {display: inline-block;text-align: center;}
.product_detail .title1 .box img {width: 15px;height: 15px;display: inline-block;margin: 0 5px;vertical-align: middle;}
.product_detail .title1 .box .back {float: left;}
.product_detail .product_detail_images {padding-top: 15px;text-align: center;position: relative;}
.product_detail .product_detail_images .product_detail_btn2 {position: absolute;right: 2%;top: 48%;background:url(../img/rgb0.3.png);z-index: 100;font-size:0;}
.product_detail .product_detail_images .product_detail_btn1 {position: absolute;left: 2%;top: 48%;background:url(../img/rgb0.3.png);z-index: 100;font-size:0}
.product_detail .product_detail_images .product_detail_btn1 a img,.product_detail .product_detail_images .product_detail_btn2 a img{  margin: 10px 5px;}
.product_detail .product_detail_images .owl-carousel .owl-item img {width:auto;  margin: auto;cursor: pointer;max-width:100%;}
.product_detail .product_detail_images .owl-theme .owl-controls {position: absolute;bottom: 2%;width: 100%;}
.product_detail .product_detail_images .product_detail_img {width: 80%;margin: 0 auto;}
.product_detail .product_detail_content {margin-top: 20px;margin-bottom: 20px;}
.product_detail .pageTurning {margin-top: 15px;}
.product_detail .pageTurning .prevs,
.product_detail .pageTurning .nexts {background: #ddd;line-height:250%;padding:0 10px;}
.product_detail .pageTurning .prevs {margin-bottom: 5px;}
 .pswp__bg{ background:url(../img/rgb0.8.png)}
 
 
 
 .page_box {
    text-align: center;
    display: block;
}
/*当前页的样式*/
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{ background:#1077cc; border-color:#aaa}
/*分页块默认样式*/
.pagination > li > a, .pagination > li > span{ color:#666}
.pagination > li > a:hover, .pagination > li > span:hover{color:#666}


.list-img {
  margin: 0 -7.5px;
}
.list-img > ul > li {
  text-align: center;
  padding: 0 7.5px;
  margin-bottom: 30px;
}
.list-img > ul > li a .text_area {
  color: #000;
  line-height: 250%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.list-img > ul > li a .img_area{width:100%;border:solid 1px #999; position:relative }
.list-img > ul > li a .img_area img{ max-width:100%; max-height:100%; top:0;left:0;right:0;bottom:0; position:absolute; margin:auto}

.list-text ul li {margin-bottom:15px; padding:25px 25px 25px 50px;transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s;position:relative; overflow:hidden}
.list-text ul li .date{color:#008bfe; font-size:30px; height:75px; line-height:75px;transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s; font-family:HELVETICANEUELTPRO-THEX; }
.list-text ul li:before{display:block; content:" "; position:absolute; top:65px; left:-140px;width:140px; height:1px; background:#fff;transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s;}
.list-text ul li .text_area{ display:inline;}
.list-text ul li .text_area .title1 { margin-bottom:15px; margin-top:10px; font-size:20px; color: #fff; }
.list-text ul li .text_area .title1 a{color:#008bfe; display:block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.list-text ul li .text_area .tip {line-height: 25px;height: 50px;overflow: hidden; color:#ccc;}
.list-text ul li:hover{ background:#008bfe; padding-left:150PX;}
.list-text ul li:hover .date{ color:#FFF; font-size:60PX;}
.list-text ul li:hover .text_area .title a{ color:#fff100}
.list-text ul li:hover .text_area .tip {color:#fff}
.list-text ul li:hover:before{ left:0}
.list-text ul li .img_box{ float:right; width:200px; margin-top:20px; padding-left:50px;transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s;}
.list-text-img  ul li:hover{ background:#008bfe; padding-left:100PX;}
.list-text-img ul li:hover:before{ left:-50px}
.list-text-img ul li:hover .img_box{padding-left:30px; margin-top:0px;}
.search_list ul li a{ display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; height:40px; line-height:40px; border-bottom:dashed 1px #CCC; padding:0 15px;}
@media (max-width: 640px) {
.list-text ul li {padding:15px; background:#008bfe;}
.list-text ul li .date{ color:#FFF; height:50px; line-height:50px;}
.list-text ul li .text_area .title a,.list-text ul li .text_area .title { color:#fff100}
.list-text ul li .text_area .tip {color:#fff}
.list-text ul li .img_box{ float:none; display:block; margin-bottom:10px; width:100%; margin-top:0px; padding-left:0px;}

}