/* 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;
}
/*头部样式*/
#header {position:absolute; left:0; top:0; z-index:10; width:100%; background:rgba(255,255,255,0.5)}
#header .logo {}
#header .tel {}
#header .menu_icon {position: absolute;top: 35%;right: 5%;width: 8%;}
@media all and (max-width: 992px) {
	#header .logo{ height:70px;}
	.logo img{ max-height:100%;max-width:none}
}

/*pc导航*/
.pc_menu .menu .nLi {float: left;width: 14%;position: relative;}
.pc_menu .menu .nLi h3 {padding: 30px 0 20px; font-size:16px;}
.pc_menu .menu .nLi h3 a {display: block;text-align: center;color: #181818;line-height: 30px;}
.pc_menu .menu .nLi h3 .cur{color: #2a44b3;}
.pc_menu .menu .nLi .menu_2 {display: none;background: #4e2d0e;position: absolute;top: 80px;width: 100%;z-index: 10;padding:10px 0}
.pc_menu .menu .nLi .menu_2 li a {display: block;color: #fff;line-height:24px;text-align: center;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}



/*大图样式*/
#banner {position: relative; overflow: hidden;}
#banner .owl-theme .owl-controls .owl-dots {position: absolute;bottom: 2%;width: 100%;}/*大图下方点点的位置*/
#banner .owl-theme .owl-controls .owl-nav .owl-prev,#banner .owl-theme .owl-controls .owl-nav .owl-next{ position:absolute; bottom:50%;padding:15px 10px}/*箭头的设置*/
#banner .owl-theme .owl-controls .owl-nav .owl-prev{ left:5%;}
#banner .owl-theme .owl-controls .owl-nav .owl-next{ right:5%;}
#banner #owl-demo a.item { display:block; background-position:top center; background-repeat:no-repeat;height: 100%;width: 100%; background-size:auto 100%}
#owl-demo,#owl-demo .owl-wrapper-outer,#owl-demo .owl-wrapper,#owl-demo .owl-item,#banner {height: 830px;}/*大图记得修改高度*/

@media all and (max-width: 992px) {
  #owl-demo,#owl-demo .owl-wrapper-outer,#owl-demo .owl-wrapper,#owl-demo .owl-item {height: 400px;}
  #banner{ height:470px;}
}
@media all and (max-width: 640px) {
  #owl-demo,#owl-demo .owl-wrapper-outer,#owl-demo .owl-wrapper,#owl-demo .owl-item {height: 200px;}
  #banner{ height:270px;}
}


/*pc右侧快捷按钮*/
.right_nav {}
.right_nav .aside li > p,.right_nav .aside > li > div {background-color: #3c91d8;color: #fff;}
.right_nav .aside {position: fixed;right: 0;bottom:2%;z-index: 10000;}
.right_nav .aside > li {width: 50px;line-height:50px;text-align: center;margin-bottom: 2px;cursor: pointer;position: relative;}
.right_nav .aside > li > p {position: relative;z-index: 1005;line-height: 50px;overflow:hidden; border-radius:50%; }
.right_nav .aside > li img {vertical-align: middle;}
.right_nav .aside > li p img {width: 70%;}

.right_nav .aside > li .img2 {display: none;}
.right_nav .aside > li > div {background-image: url(../img/white_bg.png);background-repeat: repeat;position: absolute; display:none; border-radius:25px;}
.right_nav .aside > li .phone_meassage {right: -124px;top: 0;width: 300px;text-align: center;font-size: 25px;line-height: 50px;height:50px;}
.right_nav .aside > li .qq_online {top: 0;right: -127px;width: 187px;padding: 0 20px;}
.right_nav .aside > li .qq_online .qq_online_title {text-align: left;font-size: 15px;line-height: 30px;border-bottom: 1px solid #fff;}
.right_nav .aside > li .qq_online .qq_online_box {margin-top: 11px;}
.right_nav .aside > li .qq_online .qq_online_box ul li {line-height: 35px;}
.right_nav .aside > li .qq_online .qq_online_box ul li a{ color:#fff}
.right_nav .aside > li .qq_online .qq_online_box ul li i {float: left;margin-top: -17px;}
.right_nav .aside > li .qq_online .qq_online_box ul li span {float: left;margin-top: -16px;margin-left: 10px;}
.right_nav .aside > li .qq_online .qq_online_box ul li span:hover {text-decoration: underline;}
.right_nav .aside > li .ewm {top: -20px;right: 60px;width: 100px;height: 100px;}
.right_nav .aside > li .search_box {position: absolute;top: 0;right: -205px;width: 265px;text-align: center;height: 100%;}
.right_nav .aside > li .search_box .search_input {width: 220px;height: 36px;position: relative;margin: 7px auto;}
.right_nav .aside > li .search_box .search_input span {position: absolute;line-height: 34px;left: 10px;z-index: 101;}
.right_nav .aside > li .search_box .search_input input {width: 220px;border: none;background-color: transparent;height: 36px;padding-left: 10px;position: absolute;line-height: 30px;z-index: 1;top: 0;left: 0;background: url(../img/black_bg.png);}
.right_nav .aside > li .search_box ::-webkit-input-placeholder {color: #fff;}


/*底部样式*/
#footer{ background-color: #152a74;border-top: 1px solid rgba(255,255,255,0.1);text-align: center;}
#footer .friendship {padding: 20px 0; color:#0b64aa;border-bottom:1px solid rgba(0,160,233,0.13); margin-bottom:20px;}
#footer .friendship a {padding: 0 30px;color:#0b64aa}
#footer .copyright {padding-bottom: 10px;position: relative;}
#footer .copyright .copyright_con {color: #0b64aa;padding: 0 15px;}
#footer .copyright .copyright_con a{ color:#0b64aa}

#footer .copyright .top {position: absolute;right: 10px;top: -15px;width: 30px;height: 30px;border-radius: 50%;z-index: 10;}
#footer .copyright .top img {width: 80%;top: 2px;z-index: 100;position: absolute;left: 3px;}
#footer .copyright .top:before {background-image: url(../img/black_bg.png);display: block;content: " ";border-radius: 50%;z-index: 99;position: absolute;top: 0;left: 0;width: 30px;height: 30px;}

/*wap底部快捷按钮*/
.wap_footer {width: 100%;position: fixed;left: 0;bottom: 0;padding: 7px 0;z-index: 1000;background: #041554;}
.wap_footer dl {width: 20%;float: left;text-align: center; margin-bottom:0; filter:Alpha(opacity=80);opacity:0.8}
.wap_footer dt {height: 33px;}
.wap_footer dd {color: #fff;}
.wap_footer dl dt img {width: 40%;}

/*手机底部搜索*/
.wap_search_input {position: fixed;bottom: 65px;left: 100%;width: 100%;z-index: 1000;padding: 8px 2%;background: #193183;}
.wap_search_input:after {background-color: rgba(0, 0, 0, 0.1);display: block;content: " ";position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 10;}
.wap_search_input input {float: left;width: 80%;border-radius: 4px;height: 30px;line-height: 30px;padding-left: 2%;color: #333;position: relative;z-index: 100;box-sizing: border-box;}
.wap_search_input p {float: left;height: 30px;line-height: 30px;color: #fff;position: relative;z-index: 100;margin-left: 2%;width: 18%;text-align: center;border-radius: 5px;background: rgba(255, 255, 255, 0.2);}

/*黑色遮罩*/
.black_cloth {position: fixed;z-index: 10000000;width: 100%;height: 100%;background: url(../img/black_cloth.png) repeat;display: none;top: 0;left: 0;}

/*手机左边弹出导航*/
.wap_menu {width: 250px;position: fixed;top: 0px;left: -250px;height: 100%;text-align: left;z-index: 10000001;background: #041554;}
.wap_menu li.menu_tit {font-size: 18px;font-weight: bold;background: rgba(255, 255, 255, 0.3);position: relative;padding: 15px 10px;color: #fff;}
.wap_menu li.menu_tit span {font-size: 20px;position: absolute;top: 12px;right: 15px;border-bottom: none;z-index: 1000;}
.wap_menu li {margin-bottom: 2px;font-size: 14px;position: relative;}
.wap_menu li .wap_menu1 {line-height: 24px;font-size: 16px;text-transform: Uppercase;background: rgba(255, 255, 255, 0.1);position: relative;}
.wap_menu li p {padding: 10px 10px; margin-bottom:0;}
.wap_menu li .wap_menu1 a {display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding-right: 25px;color: #ffffff;}
.wap_menu li .wap_menu1 p.left {float: none;}
.wap_menu li .wap_menu1 p.right {width: 15%;text-align: center;color: #fff;position: absolute;top: 0;right: 0;float: none;z-index: 1000;}
.wap_menu li .wap_menu2 {display: none;}
.wap_menu li .wap_menu2 a {display: block;background: none;color: rgba(255, 255, 255, 0.8);overflow: hidden;font-size: 14px;border-bottom: rgba(255, 255, 255, 0.1) solid 1px;padding: 10px;}
.wap_menu li .wap_menu2 a i {float: left;width: 4px;height: 4px;background-color: #fff;margin: 8px 10px 0 5px;}
.wap_menu li .wap_menu2 a span {float: left;width: 85%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}


/*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:url(../img/side_bg2.jpg)}
._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: #333; background:#fff100}
/*二级的样式*/
._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: #fff100;}

/*三级的样式*/
._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: #fff100;}

.article{ padding-top:15px;margin-bottom:20px;}
.crumb{ padding:20px 0; color:#a3a3a3; font-size:16px;}
@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%;display: none;}
  
  /*一级的样式*/
  ._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 .title {padding-bottom: 10px;border-bottom: dashed 1px #aaa;text-align: center;}
.news_detail .title h3 {font-size:16px;font-weight: bold;text-align: center;margin-bottom: 5px;line-height:35px}
.news_detail .title .box {display: inline-block;text-align: center;}
.news_detail .title .box img {width: 15px;height: 15px;display: inline-block;margin: 0 5px;vertical-align: middle;}
.news_detail .title .box div {margin-right: 5px;}
.news_detail .title .box .time {float: left;text-align: center;}
.news_detail .title .box .eye {float: left;text-align: center;}
.news_detail .title .box .back {float: left;}
.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 .title {padding-bottom: 10px;border-bottom: dashed 1px #aaa;text-align: center;}
.product_detail .title h3 {font-size:120%;font-weight: bold;text-align: center;margin-bottom: 5px;line-height:35px;}
.product_detail .title .box {display: inline-block;text-align: center;}
.product_detail .title .box img {width: 15px;height: 15px;display: inline-block;margin: 0 5px;vertical-align: middle;}
.product_detail .title .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}


.index_num {
    padding:36px 0;
    width: 80%; background: #f4f4ff; border-radius: 6px;max-width: initial;
    box-shadow: 2px 2px 30px rgba(23,23,103,0.28); margin-top:-80px; z-index:100; position:relative
}
.index_num ul li {
    width: 33.333%;
    height: 108px;
    float: left;
    text-align: center;
}
.index_num ul li div {
    border-right: #cecfe0 1px solid;
}
.index_num ul li p.number {
    text-align: center; display:block; height:75px;
}
.index_num ul li p.number .counterDX {
    font-size: 68px;
    color: #2a44b3;
    font-family: HELVETICANEUELTPRO-THEX, Arial;
   height:75px; line-height:75px;
}
.index_num ul li p.number .unit {
    font-size: 14px;
    vertical-align: top;
    color: #050e4b;
}
.index_num ul li p.title {
    text-align: center;
    font-size: 15px;
    color: #6b6b6b;
}
.index_box{ margin-top:60px; margin-bottom:50px;}
.index_box .title{ text-align:center; position:relative; padding-bottom:10px; margin-bottom:50px; }
.index_box .title:before{display:block; content:" "; position:absolute; bottom:0; left:50%; margin-left:-50px;width:100px; height:2px; background:#000}
.index_box .title .ch{ font-size:36px; display:block; color:#000}
.index_box .title .en{ font-size:12px; display:block;text-transform:Uppercase; margin-top:5px;}

.about .inner .about_con{ background:#244dc3; padding:100px 35px 60px 35px; position:relative}
.about .inner .about_con .about_text b{ font-size:24px; color:#fff; font-weight:normal; position:relative; display:block; height:55px; padding-bottom:20px; line-height:35px; }
.about .inner .about_con .about_text b:before{display:block; content:" "; position:absolute; bottom:0; left:0%;width:10%; height:1px; background:#4f70cf}
.about .inner .about_con .about_text p{ color:rgba(255,255,255,0.52); margin-top:35px; line-height:35px; height:140px; overflow:hidden}
.about .inner .about_con .about_img{ width:220px; height:220px; border-radius:50%; overflow:hidden; float:right; margin-top:50px;  }
.pro_list{ padding:0}
.pro_list  ul li{ background:#2d57d1; padding:35px; height:330px; position:relative}
.pro_list  ul li:nth-child(2),.pro_list  ul li:nth-child(3){ background:#193183}
.pro_list  ul li .pro_text b{ font-size:16px; color:#5cc2ff; font-weight:normal; position:relative; display:block; height:45px; padding-bottom:10px; line-height:35px; z-index:10 }
.pro_list  ul li .pro_text b:before{display:block; content:" "; position:absolute; bottom:0; left:0%;width:10%; height:1px; background:#4f70cf}
.pro_list  ul li .pro_text p{ color:rgba(130,200,250,0.6); margin-top:15px; line-height:25px; height:75px; overflow:hidden;}
.pro_list  ul li .pro_img{ width:120px; height:120px; border-radius:50%; overflow:hidden; position:absolute; right:35px; bottom:20px;transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s;  }
.pro_list  ul li:hover .pro_img{border-radius:0%;}

.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: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}

.ad{ background:url(../img/bg1.jpg) no-repeat center #163b82; background-size:auto 100% ; position:relative; padding-bottom:80px;}
.ad:after {content: '';width: 100%;height: 1px;background: rgba(255,255,255,0.17);position: absolute;top: 418px; z-index:1}
.ad .ad_title{ padding:80px 0; color:#2ba2e3; font-size:40px; text-align:center}
.ad ul{ width:85%; margin:auto}
.ad ul li {text-align: center;margin: 0;padding: 50px 0 30px 0;border: 1px solid rgba(0,160,233,0);transition: all .5s cubic-bezier(.23, 1, .38, 1) 0s;border-radius: 4px;}
.ad ul li .item_img {width: 98px;height: 90px;display: inline-block;margin-bottom: 60px;}
.ad ul li .item_info .item_num {display: block;position: relative;font-size: 16px;color: #fff;position: absolute;top: 0;width: 100%;transition: all .5s cubic-bezier(.23, 1, .38, 1) 0s;}
.ad ul li .item_info .item_num:before {content: '';position: absolute;top: 50%;left: 50%;width: 74px;height: 74px;border: 1px solid rgba(255,255,255,0);border-radius: 50%;margin-top: -69px;margin-left: -37px;transition: all .5s cubic-bezier(.23, 1, .38, 1) 0s;transform: scale(1,1);z-index: 5;}
.ad ul li .item_info .item_num:after {content: '';position: absolute;top: 50%;left: 50%;width: 10px;height: 10px;background: #fff;border-radius: 50%;margin-top: -36px;margin-left: -4px;transition: all .5s cubic-bezier(.23, 1, .38, 1) 0s;transform: scale(1,1);z-index: 5;}
.ad ul li .item_info .item_num span {position: relative;z-index: 6;font-family: 'HELVETICANEUELTPRO-THEX';}
.ad ul li .item_info .title {font-size: 18px;color: #fff;position: relative;text-align: center;margin: 18px auto 0;width: 80%;white-space: normal;}
.ad ul li .item_info .subtitle {font-size: 13px;color: rgba(255,255,255,0);margin-top: 24px;transition: all .5s cubic-bezier(.23, 1, .38, 1) 0s;margin: 18px auto 0;width: 80%;white-space: normal;line-height: 25px;height: 75px;}
.ad ul li .item_wrapper { margin-top:16px;text-align: center;padding: 16px 0 14px 0;position: relative; z-index:10}
.ad ul li:hover{border:1px solid rgba(0,160,233,1)}
.ad ul li:hover .item_info .item_num{margin-top: -30px;}
.ad ul li:hover .item_info .item_num:after{transform: scale(6,6); background: #fe7c49;margin-top: -6px;}
.ad ul li:hover .item_info .item_num:before{border:1px solid rgba(255,255,255,0.3);    margin-top: -39px;}
.ad ul li:hover .item_info .subtitle{color: rgba(255,255,255,0.42);}
.ad ul li:hover .item_img img{transform: scale(1, 1);}

.news .inner{width: calc(100% - 128px); margin-left:128px; padding-bottom:75px; position:relative; }
.news{}
.news #owl-demo,.news #owl-demo .owl-wrapper-outer,.news #owl-demo .owl-wrapper,.news #owl-demo .owl-item,.news .inner {height:auto;}/*大图记得修改高度*/
.news .title{ margin-bottom:70px; }
.news .inner:after {content: '';position: absolute;width:calc(100% - 80px);top: 0px;height: 675px;background: #234095;left: 80px;}
.news .inner .news_ul{ position:relative; z-index:10; padding:175px 0 80px 0}
.news .inner .news_ul .news_li{     background: #fff;transition: all .5s cubic-bezier(.23, 1, .38, 1) 0s;border: 1px solid #ebebeb;    padding: 70px 45px;height: auto; margin:0 15px;}
.news .inner .news_ul .news_li .news_img{ overflow:hidden; width:140px; height:140px; border-radius:50%; float:left;}
.news .inner .news_ul .news_li .news_title{ width:calc(100% - 160px); float:right;    margin-top: 36px;margin-bottom: 12px; padding-bottom: 12px;display: inline-block;position: relative;}
.news .inner .news_ul .news_li .news_title a{color: #1e1e1e; font-size:18px; font-weight:bold}
.news .inner .news_ul .news_li .news_title:before {content: '';position: absolute;bottom: 0;width: 100%;height: 1px;background: #d3d3d3;left: 0;transition: all .5s cubic-bezier(.23, 1, .38, 1) 0s;}
.news .inner .news_ul .news_li .news_title:after{ content: ''; position: absolute; bottom: 0;width: 0; height: 1px; background: #4c72ba; left: 0; transition: all .5s cubic-bezier(.23, 1, .38, 1) 0s;  }
.news .inner .news_ul .news_li:hover .news_title:after{ width: 100%;}
.news .inner .news_ul .news_li .news_des {color: rgba(30,30,30,0.46);font-size: 13px;line-height: 26px;height: 52px; overflow:hidden; margin-top:20px;}
.news .inner .news_ul .news_li:hover{box-shadow: 0 0px 15px rgba(0,0,0,0.2)}
.news .inner .news_ul .news_li:hover  .news_title a{ color:#4c72ba}
.news .inner .owl-controls{ position:absolute; top:0; left:80px; margin:0}
.news .inner .owl-controls .owl-prev{ margin:0 3px 0 0; width:90px; height:90px; background:#11215b; border-radius:0; display:block; float:left; padding-top:30px;transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;}
.news .inner .owl-controls .owl-next{ margin:0 3px 0 0; width:90px; height:90px; background:#11215b; border-radius:0; display:block; float:left; padding-top:30px;transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;}
.news .inner .owl-controls .owl-prev:hover,.news .inner .owl-controls .owl-next:hover{ background:#00a0e9}

.news .more{ width:200px; height:45px; line-height:45px; text-align:center; border:solid 1px #b2b2b2;text-transform:Uppercase; margin:auto; margin-top:25px;}
.news .more a{ color:#b2b2b2}

.contact{ background:url(../img/con_bg.jpg) no-repeat; background-size:auto 100% ; padding-bottom:100px;}
.contact .title{ text-align:center; font-size:36px; color:#fff; padding:80px 0}
.contact .inner  .con_inner b{ color:#2ba2e3; font-size:16px; margin-bottom:35px; display:block}
.contact .inner  .con_inner p{color:rgba(205, 232, 245, 0.5); line-height:40px; }
.contact .inner .con_feedback .control-label{color:rgba(205, 232, 245, 0.5); font-weight:normal; padding-right:0; padding-left:0; height:34px; line-height:34px; padding:0}
.contact .inner .con_feedback .form-group{ border:1px solid rgba(0,160,233,0.13);}
.contact .inner .con_feedback .form-control{ background:none;color:rgba(205, 232, 245, 0.5); border:none; box-shadow:none; padding:0}
.contact .inner .con_feedback .sure{width: 160px;height: 46px;color: #fff;background: #00a0e9; border:none; font-size:16px; margin-top:20px;}

@media (max-width: 920px) {
	.index_num{ width:90%; padding:20px 0}
	.index_num ul li p.number .counterDX{ font-size:50px;}
		.index_box{ margin-top:20px; margin-bottom:30px;}
	.index_box .title{ margin-bottom:30px;}
	.index_box .title .ch{ font-size:24px;}

   .news .inner{ width:100%; margin-left:0; padding:0 7.5px;}
   .news .inner .news_ul{ padding:0}
   .news .inner:after{ display:none}
   .news .inner .news_ul .news_li{ padding:15px; margin:0 7.5px;}
   .news .inner .news_ul .news_li .news_img{ float:none; display:block; margin:auto;}
   .news .inner .news_ul .news_li .news_title{ display:block; float:none; width:100%; margin-top:10px; margin-bottom:5px;}
   .news .inner .news_ul .news_li .news_title a{ font-size:14px;}
   .news .inner .news_ul .news_li .news_des{ margin-top:0px;}
	.contact .title{ font-size:20px; padding:20px 0}
.contact{ padding-bottom:30px;}
.contact .inner .con_inner b{ margin-bottom:10px;}
.contact .inner .con_inner p{ line-height:25px;}
.con_feedback .form-horizontal .form-group{ margin-left:0; margin-right:0}
.contact .inner .con_feedback{ margin-top:15px;}
.contact .inner .con_feedback .form-group{ border-left:none; border-right:none; border-top:none}
.contact .inner .con_feedback .sure{ height:35px; line-height:35px; margin-top:10px;}
	.ad{  padding-bottom:10px;}
	.product .inner ul li .text_area{ padding:15px 0; font-size:14px;}
#footer .copyright{ padding-top:10px;}
}
@media (max-width: 640px) {
	#header{ position: relative; top:inherit}
	.about .inner .about_con .about_text b{ font-size:18px; padding-bottom:10px; height:45px;}
	.about .inner .about_con .about_text p{ margin-top:15px; line-height:25px; height:125px;}
	.about .inner .about_con{ padding:30px 15px 25px 15px}
	.about .inner .about_con .about_img{ margin-top:15px;}
	.pro_list ul li{ padding:15px; height:310px;}
	.pro_list ul li .pro_img{ right:20px;}
	.ad .ad_title{ font-size:24px; padding:20px 0}
	.ad:after{ top:220px;}
	.ad ul li{ padding:25px 0 15px 0}
	.ad ul li .item_img{ margin-bottom:0;}
	.ad ul li .item_info .title{ font-size:16px;}
	.ad ul li .item_info .item_num:after,.ad ul li .item_info .item_num:before{ display:none}
	.product .inner ul{ margin:0 -7.5px;}
	.product .inner ul li{ padding-left:7.5px; padding-right:7.5px; margin-bottom:10px;}
	.news .title{ margin-bottom:20px;}

#footer .copyright .copyright_con{ padding-left:0; padding-right:0}
}


.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 .title { margin-bottom:15px; margin-top:10px;  }
.list-text ul li .text_area .title 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:#8c8c8c}
.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;}

}

.feedback-form .title {padding:15px;color: #000;background-color: #F2F2F2;margin-bottom:15px;box-sizing:border-box;}
.feedback-form .form-group .sure{ border:none; color:#fff; border-radius:5px; margin-right:10px; text-align:center; line-height:46px;background:#00a0e9;width: 160px;height: 46px;}
@media (max-width: 640px) {
 .feedback-form  .title {margin-left:-15px; margin-right:-15px}
}