﻿@charset "utf-8";
/* CSS Document */
html, body {width: 100%;}
html {_background-image: url(about:blank); _background-attachment: fixed; font-size: 14px;}
body {font-family: "Microsoft Yahei", Arial, 'Hiragino Sans GB', sans-serif;font-size: 12px;color: #333;font-weight: 400;}
* {margin: 0;padding: 0;word-wrap:break-word;box-sizing: border-box;}
*{
-webkit-touch-callout:none; /*系统默认菜单被禁用*/
-webkit-user-select:none; /*webkit浏览器*/
-khtml-user-select:none; /*早期浏览器*/
-moz-user-select:none;/*火狐*/
-ms-user-select:none; /*IE10*/
user-select:none;
}
input {-webkit-user-select:auto;}

table {margin: auto;padding: auto;}
td{border-style: solid;}
dd,dt{margin: 0; padding: 0;}
ul{width: 100%;}
ul, ol, li {list-style: none;}
img {-ms-interpolation-mode: bicubic;vertical-align: top;}
input, textarea, select,h1,h2 {font-family: inherit;font-size: inherit;font-weight: inherit;outline: none;font-family: "Microsoft Yahei";font-weight:400;}
a { text-decoration: none !important;margin: 0; padding: 0;	color: #333;}
a:visited, a:focus {  outline: none;  text-decoration: none !important;	color: #333;}
a:hover{color: #01B0E9;}
#pc,.pc{display: block;}
#move,.move{display: none;}
div{
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
}

/*字体*/
@font-face {
  font-family: 'iconfont';
  src: url('../fonts/iconfont.eot');
  src: url('../fonts/iconfont.eot') format('embedded-opentype'),
      url('../fonts/iconfont.woff2') format('woff2'),
      url('../fonts/iconfont.woff') format('woff'),
      url('../fonts/iconfont.ttf') format('truetype'),
      url('../fonts/iconfont.svg#iconfont') format('svg');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*边框半圆*/
.d_b2{border-radius: 2px;}
.pro_g{background: #F8F8F8;border: 1px solid #EEEEEE;border-radius: 10px;box-sizing: border-box;}
.pro_b{background: #ffffff;border-radius:10px 10px 0 0;border-bottom:1px solid #EEEEEE;}

/*渐变色*/
.lanient{
    background: #000000;
    background: -moz-linear-gradient(top,  #00c2ff 0%, #009fd1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00c2ff), color-stop(100%,#009fd1));
    background: -webkit-linear-gradient(top,  #00c2ff 0%,#009fd1 100%);
    background: -o-linear-gradient(top,  #00c2ff 0%,#009fd1 100%);
    background: -ms-linear-gradient(top,  #00c2ff 0%,#009fd1 100%);
    background: linear-gradient(to bottom,  #00c2ff 0%,#009fd1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c2ff', endColorstr='#009fd1',GradientType=0 );
}
:root .lanient{filter:none;}

.huiient{
    background: #f5f5f5;
    background: -moz-linear-gradient(top,  #f5f5f5 0%, #e5e5e5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#e5e5e5));
    background: -webkit-linear-gradient(top,  #f5f5f5 0%,#e5e5e5 100%);
    background: -o-linear-gradient(top,  #f5f5f5 0%,#e5e5e5 100%);
    background: -ms-linear-gradient(top,  #f5f5f5 0%,#e5e5e5 100%);
    background: linear-gradient(to bottom,  #f5f5f5 0%,#e5e5e5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e5e5e5',GradientType=0 );
}
:root .lanient{filter:none;}


/*靠左靠右*/
.dfl{float:none;}
.dfll{float:left;}
.dflr{float:right;}

/*显示与隐藏*/
.d-dn{display: none;}/*不显示*/
.d-db{display: block;}/*显示*/
.ov{overflow: visible;}/*默认值。内容不会被修剪，会呈现在元素框之外*/
.oh{overflow: hidden;}/*内容会被修剪，并且其余内容是不可见的*/
.os{overflow: scroll;}/*内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。*/
.oa{overflow: auto;}/*如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容*/
.oi{overflow: inherit;}/*规定应该从父元素继承 overflow 属性的值*/


/*其它*/
.img_md{position: relative;display: flex;justify-content: center;align-items: center;overflow: hidden;}/*其里面图片不改变比例居中*/
    .img_md img{object-fit: cover; width: 100%;}
.allimg{}
 .allimg img{ width:100%;}

/*内部绝对居中*/
.txtmd{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.txthh{ position: relative; top:50%; transform:translateY(-50%);}/*垂直居中*/
.txtwh{ position: relative; left:50%; transform:translateX(-50%); }/*平行居中*/

/*自由布局*/
.flex_all{display: -webkit-flex;display: flex;justify-content: space-between;align-items: flex-start; text-align: center;flex-wrap:wrap;}


.bei-co-f50{background-color: rgba(255,255,255,0.5);}
.bei-co-f30{background-color: rgba(255,255,255,0.3);}
.bei-co-f{background-color: rgba(255,255,255,1.00);}
.bei-co-h50{background-color: rgba(000,000,000,0.5);}
.bei-co-h30{background-color: rgba(000,000,000,0.3);}
.bei-co-h{background-color: rgba(000,000,000,1.00);}

/*核心宽度*/
.lay{width: 1240px; margin: 0 auto; padding: 0px;}

/*清除*/
.clear{clear:both;width: 0px; height: 0px;}
.clear30{clear:both;width:100%; height:30px;}
.clear20{clear:both;width:100%; height:20px;}

/* 前端分页 */
#page{margin:0;font-size:14px;height:30px;line-height:30px;text-align:left; margin-bottom:30px; padding:0 15px;}
#page span{border:1px solid #2196f3;background:#2196f3;color:#fff;padding:4px 10px;margin-left:5px;}
#page da{color:#808080;padding:4px 10px;margin-left:5px;}
#page .pageinfo{display: none;}
#page  a{border:1px solid #ddd;background:#fff;color:#808080;padding:4px 10px;margin-left:5px;transition:all 0.2s}
#page  a:hover,#page .curpage{background:#2196f3;color:#fff;text-decoration:none;border:1px solid #2196f3;}
#page .nopage{cursor:not-allowed;}
#page .nopage:hover{background:#fff;color:#808080;border:1px solid #ddd;}
#page .form_page{ float:right;}
#page .form_page input{text-decoration: none; width:40px; line-height:25px; margin:0 2px; text-align:center;}
#page .form_page a{background:#2196f3;color:#fff;text-decoration:none;border:1px solid #2196f3;}
#page .form_page:hover{}

/*相关文章*/
.line {	height: 20px;	clear: both;}
.content-box {	padding: 5px 20px 10px 20px;	background: #fff;	border: 1px solid #eee;}
.content-box .title{font-size:1.2rem; text-align:left;}
.text-list ul li{width: 100%; margin-bottom: 5px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; position: relative;line-height:2rem;font-size: 1.1rem;}
.text-list ul li a{margin-left: 15px;}
.text-date{float: right;  color: #888; }
.text-list ul li::before{position: absolute; content: ""; width: 3px; height: 3px; background: #666; border-radius: 100%; left: 0; top: 10px;}
/*上下一篇文章*/
.pre-next{}
.pre-next p{font-size:1.2rem; line-height:2rem;}



/*一行两行*/
.hone{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical;align-items: center;text-align: justify;}
.htwo{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;align-items: center;text-align: justify; max-height:3rem;}

/*header*/

#header{}
.header{ z-index: 100;width: 100%;background-color: rgba(255,255,255,1);position: fixed;top: 0;left: 0;box-shadow: 0 0 5px 1px #ccc;}/*PC-h*/
.header_height{padding: 0; margin: 0;}/*PC-h*/
/*header*/
/*pc*/
.logo{float: left;width:20%;}/*PC-h*/
 .logo img{position: relative; top:50%; transform:translateY(-50%);}
.nav{ float: right;width:80%; }/*PC-h*/

.header,.header_height,.nav,.logo{height: 120px;}
.nav .menu{width: 100%; padding-top: 40px;}
.nav ul{}
.nav li{float: left;text-align: center; width: 17%;font-size:1.4rem;}
.nav li da{color: #666666; margin: 0 auto; letter-spacing:1px;display:inline-block;}
.nav li span {background-color: #28bbeb; height: 4px; margin:5px auto;display: none; width: 90%;}

.nav li .sousuo{ width: 120px; height:32px;margin-top: 4px; float: right;background:url("../images/sou.png") no-repeat right center; font-size: 14px;}
.nav li .sousuo input{border:0; line-height: 26px; background-color: transparent; width: 100%; padding:3px 10px;outline:none;color: #666;}
.nav li .sousuo input::-webkit-input-placeholder{background:url("../images/sou2.png") no-repeat left center;text-indent:25px;line-height: 26px;}

.nav .on da,.nav li:hover da{color: #01B0E9;}
.nav .on span,.nav li:hover da span{display: block;}
.nav li:nth-last-of-type(1){width: 15%;}

/*移动端*/
.mobile_menu{z-index: 100; width: 100%; background-color: rgba(255,255,255,1);position: fixed;bottom: 0; left: 0;box-shadow: 0 0 5px 1px #ccc;}
.mobile_menu ul{ width: 100%; margin: 0; padding: 0;}
.mobile_menu ul li{width: 20%; float: left; padding: 8px 0;}
.mobile_menu ul li i{display: block;font-size:1.8rem; text-align: center;line-height:2rem; }
.mobile_menu ul li da{display: block;font-size:1rem;line-height:1rem; text-align: center;}
.mobile_menu ul li .on,.mobile_menu ul li:hover i,.mobile_menu ul li:hover da{color: #00B9F1;}





.footer{background-color: #EFEFEF;}
.footer .menu{background-color: #333; height: 80px; text-align: center;  font-size: 20px;}
.footer .menu a{color: #fff; padding: 0 50px;}
.footer .menu da{line-height: 80px; }
.footer .text{padding:20px;font-size:1rem; line-height: 25px;}
.footer .text .footer_l{ float: left; width: 75%;}
.footer .text .footer_l .sina da{ padding: 0 20px; border-right:#ccc solid 1px;}
.footer .text .footer_l .sina da:nth-last-of-type(1){border-right: solid 0px;display: -webkit-box;}
.footer .text .tall{ margin-top:20px;}
.footer .text .tall da{font-size:24px;color: #01B0E9;}
.footer .text .tall da span{color: #01B0E9;}
.kefu_mo{ margin:0 auto; text-align:center;}
.kefu_mo #kefu_mo{background-color: #01B0E9; color:#fff; border-radius:3px;line-height:2rem; display:inline-block;margin-top:0.25rem; text-align:center; padding:0 15px;}
.kefu_mo span{}
.footer .text .tall de{font-size:12px;color: #999999;}

.footer .text .footer_r{ float: right;  width: 24%; text-align: center; }
.footer .text .footer_r .wat{float: left;}
.footer .text .footer_r .kf{float: right; }
.footer .text .footer_r .wat img,.footer .text .footer_r .kf img{width:120px;}


.footer .foot{text-align:center; width:100%;}
.footer .foot a{ margin:0 1rem;}
.footer .list_link{margin-bottom:10px;}
.footer .list_link a{width:6rem;display: inline-block; text-align:center; }

/*新闻中心*/


.in_news ul{}
.in_news ul li{width: 100%;margin-bottom:10px;text-align: left;border-radius: 5px;}
.in_news ul li .new_img{width: 130px; float: left;}
.in_news ul li .new_img img{width: 130px; }

.in_news ul li h1{font-size:1.3rem; color: #333;line-height:2.2rem;overflow: hidden; 
    white-space: nowrap;text-overflow: ellipsis; padding:0 0 0 10px;}
.in_news ul li p{font-size:1rem; color: #999;line-height:1.6rem;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;  
    display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;align-items: center;text-align: justify; padding:0 10px 0 10px}
.in_news ul li  .link{font-size:1rem; color: #999;line-height:1.6rem; text-align: right; background: url("../images/link_a.png") no-repeat right center; padding-right: 12px; margin-right: 10px;}
.in_news ul li:hover  .link{ color: #33CFFF;background: url("../images/link.png") no-repeat right center;}
.in_news ul li:hover  h1{color: #33CFFF;}








.listmore {margin-top:30px;}
.listmore ul li{margin-bottom:30px;position: relative;}
.listmore ul li .new_img{width: 230px; float: left;}
.listmore ul li .new_img img{width:100%; }
.listmore ul li p{-webkit-line-clamp:5;line-clamp: 5; }
.listmore ul li dd{ font-size: 0.9rem;float: right; width:140px; height:140px;border: 1px solid #ccc; text-align:center;padding:15px;}
.listmore ul li dd year{font-size:42px;line-height:70px; font-weight:600; color:#999 !important;border-bottom: 1px solid #ccc;display:block;}
.listmore ul li dd mmdd{font-size:24px;line-height:40px; font-weight:600; color:#999 !important;}
/*调用列表*/
.news_one{}
.news_one ul{}
.news_one ul li{ background: #F9F9F9; padding: 15px;}
.news_one ul li:nth-child(2n){background: rgba(6, 177, 232, 0.05);}
/*.news_one ul li:last-child{padding-bottom:0px;}*/


.news_two{}
.news_two ul{padding: 15px 0 0 0; display: -webkit-flex;display: flex;justify-content: space-between;align-items: flex-start; text-align: center; width: 100%; margin: 0;flex-wrap:wrap;}
.news_two ul li{width:48%;}


/*浮动咨询*/
.loginBox {background:#01B0E9;
    border-radius:10px;
    width: 120px;
    height: 600px;
    box-shadow: 0px 0px 9px 1px rgba(0, 0, 0, 0.3);
    padding:0 20px;
    position: fixed;
    right:0;
    top: 50%;
    z-index: 110;
    /*设定这个div的margin-top的负值为自身的高度的一半,margin-left的值也是自身的宽度的一半的负值.*/ 
    /*宽为400,那么margin-top为-200px*/ 
    /*高为200那么margin-left为-100px;*/ 
    margin-top:-300px;
}
.loginBox .ico{width:100%;height: 120px; background-color:#CF1D1F; border-bottom: 1px solid #fff;padding-top:80px; text-align: center;font-size: 16px;color: #FFFFFF;}
.loginBox .ico .image{display: none;position: absolute; margin:-120px 0 0 -240px; width: 220px; height: 220px; padding: 10px;background: #FFFFFF; border-radius: 10px; box-shadow: 0px 0px 9px 1px rgba(0, 0, 0, 0.3);}
.loginBox .ico .image img{width: 100%; height: 100%;}
.loginBox .ico .tla{display: none;position: absolute; margin:-50px 0 0 -320px; width:300px;overflow: hidden; background:#ffffff; box-shadow: 0px 0px 9px 1px rgba(0, 0, 0, 0.3);border-radius:35px 0 0 35px; height:70px;background:#fff url("../images/ico0302.png") no-repeat 30px center;font-size: 24px;color: #01B0E9; line-height: 70px;text-align: left;text-indent:80px;letter-spacing:2px;}
.loginBox .ico:hover .image,.loginBox .ico:hover .tla{display: block;}
.loginBox .ico:nth-child(1){background: url("../images/ico01.png") no-repeat center 30px;}
.loginBox .ico:nth-child(2){background: url("../images/ico02.png") no-repeat center 30px;}
.loginBox .ico:nth-child(3){background: url("../images/ico03.png") no-repeat center 30px;}
.loginBox .ico:nth-child(4){background: url("../images/ico04.png") no-repeat center 30px;}
.loginBox .ico:nth-child(5){background: url("../images/ico05.png") no-repeat center 30px; border-bottom:0px solid #fff;}

/*头部触发效果*/
/*中间广告*/
.swiper-container {width: 100%;height: auto;}
    .swiper-slide {text-align: center;font-size: 18px;position: relative;display: flex;justify-content: center;align-items: center;overflow: hidden;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.swiper-wrapper .swiper-slide img{object-fit: cover;}
.swiper-father{position:relative;}
.swiper-father .sw-next,.swiper-father .sw-prev {outline: none ; color:#00aeed; }

.swiper-father .swiper-container { width:calc(100% - 100px);margin:auto;}
.swiper-father .swiper-slide {border-radius: 10px; background-color: aqua;}
.swiper-father .swiper-slide img{width: 100%;}
.swip2 .swiper-wrappe{ background-color: #E72124;}
.swip2 .swiper-wrapper .swiper-slide{width: 90%; background-color: #000;}

/*大小缩图展示*/
.pro-thumbs{position:relative; height: 20%;padding: 10px 0;}
.pro-thumbs .next,.pro-thumbs .prev { }
.pro-thumbs{--swiper-theme-color: #cccccc;/* 设置Swiper风格 */--swiper-navigation-color: #cccccc;/* 单独设置按钮颜色 */--swiper-navigation-size: 30px;/* 设置按钮大小 */}
.pro-thumbs .prev {left:0;}
.pro-thumbs .next {right:0; }

.gallery-top {height: 80%;width: 100%;border:1px solid #eeeeee;}
.gallery-top img{ width: 100%;}
.gallery-thumbs {height: 100%;box-sizing: border-box;width:calc(100% - 50px);margin:auto;}
.gallery-thumbs .swiper-slide {height: 100%;opacity: 0.4;}
.gallery-thumbs .swiper-slide-thumb-active {opacity: 1;} 




/*页面banner*/
.h_banner{width: 100%; text-align: center;overflow: hidden;  display: flex;justify-content: center; align-items: center;}
.h_banner img{ margin: 0 auto;}

/*大栏标题*/
.index_text{}
.index_text .title{ background: url("../images/title_bei_a.png") no-repeat center center;  line-height:3rem;text-align: center;font-size:2.5rem;margin:30px; color: #333333;letter-spacing:3px;}
.index_text .title2{ background: url("../images/title_bei2.png") no-repeat center center; line-height:3rem;text-align: center;font-size:2rem;margin:30px 0 0 0; color:#01B0E9;}
.index_text .title3{ line-height:3rem;text-align: left;font-size:2rem;color:#01B0E9;}
.index_text .title4{line-height:3rem;text-align: center;font-size:1.4rem; color:#ffffff;border-radius: 10px 10px 0 0 ;}
.index_text .title4 span{float:right;line-height:3rem;text-align: center;font-size:1.1rem; margin-right:2rem;}
.index_text .title4 span:hover{color:#01B0E9;}
.index_text .title_en{line-height:2rem;text-align: center;font-size:1rem;margin:0; color:#01B0E9;text-transform:uppercase;}
.index_text .more_link{border-radius: 18px; color: #999;height: 40px;width:160px;line-height:2.8rem;font-size:1.1rem;border: 1px solid #999999; margin:0 auto 30px auto; text-align: center; }
.index_text .ht_url{border-left: 5px solid #06B1E8; font-size: 1.1rem; line-height: 2rem; padding-left: 20px;letter-spacing:2px;color: #333333;}

/*路径*/
.cat_url{background-color:#F9F9F9; padding:10px 0; }


/*首页产品切换*/
.pro_con{ padding-top: 30px;}
.pro_con .pro_tab{ width: 40%; margin: 0 auto;font-size:1.4rem; line-height:3.5rem; height: 3.5rem; text-align: center;}
.pro_con .pro_tab .tab_l{float: left; height: 50px; width:50%; border-radius: 20px 0 0 20px;background-image: linear-gradient(#f5f5f5, #e3e3e3); color: #666;}
.pro_con .pro_tab .tab_r{float: left;height: 50px; width:50%; border-radius:0 20px 20px 0 ;background-image: linear-gradient(#f5f5f5, #e3e3e3); color: #666;}

.pro_con .pro_tab .on{background-image: linear-gradient(#2bc1fb, #2da3ce); color: #fff;}


/*多切换*/
.pro_con .al_tab{display: -webkit-flex;display: flex;justify-content: space-between;align-items: flex-start; text-align: center; width: 100%; margin: 0;flex-wrap:wrap;}
.pro_con .al_tab .tab_on{ padding:0 30px; border-radius:20px;border: 1px solid #EEEEEE;background: #F9F9F9;font-size: 1.3rem;line-height:3.5rem; color: #999999;letter-spacing:1px;margin:0 0 20px 0; }
.pro_con .al_tab .on,.pro_con .al_tab .tab_on:hover{border: 1px solid #01b0e9;background:rgba(0,153,204,0.2); color: #01B0E9;}

.pro_text{ }
.pro_text .pro_on{ width:100%;}
.pro_text .new_pro{display: -webkit-flex;display: flex;justify-content :flex-start;align-items : flex-start;  text-align: center; width: 100%; margin: 0 auto;flex-wrap:wrap; padding:30px 0 0 0;}
.pro_text .new_pro .pro_list{width:32%;margin:0 2% 30px 0;}
.pro_text .new_pro .pro_list:nth-child(3n+3){margin:0 0 30px 0;}

/*.index_pro .new_pro .pro_list:nth-child(1){width:48%;}
.index_pro .new_pro .pro_list:nth-child(2){width:48%;}
*/
.pro_text .new_pro .pro_list .image{ width:100%; }
.pro_text .new_pro .pro_list .image span{ position:absolute; top:0px; left: 0px;width:25%; height:100%; background: url("../images/hots.png") no-repeat left top;background-size:100% auto;}
.pro_text .new_pro .pro_list .image .spana{ background: url("../images/hot.png") no-repeat left top;background-size:100% auto;}
.pro_text .new_pro>div:hover{box-shadow: 0px 0px 27px 3px rgba(0, 0, 0, 0.1);}


.pro_text .content{ width: 90%; margin: 0 auto;}
.pro_text .content h1{color: #333333; font-size:1.3rem; line-height:3rem;text-align: center;border-bottom:1px solid #EEEEEE; text-overflow: -o-ellipsis-lastline;  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 1;  line-clamp: 1;  -webkit-box-orient: vertical;}
.pro_text .content p{font-size:1rem; color: #999;margin: 5px 0;line-height:1.5rem;text-overflow: -o-ellipsis-lastline;  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  line-clamp: 2;  -webkit-box-orient: vertical; text-align: left;}
.pro_text .content span{font-size: 1rem;line-height: 2.2rem;color: #01B0E9; text-align: center;display:block; width: 100%;letter-spacing:2px;}
.pro_text .on_link{text-align: center;}
.pro_text .on_link dd{border-radius: 5px; color: #fff; background-color:#01b0e9;font-size:1rem; line-height: 2.2rem; display: inline-block; margin: 10px; padding: 0 30px;}

.pro_text .new_pro .pro_list .content span{font-size: 1rem;}




/*zizhi*/
.zizhi{ width: 100%; background: url("../images/zizhi_bei.jpg") no-repeat center bottom;padding:50px 0;background-size:auto 100% ;} 
@media (min-width: 1800px) {
    .zizhi{background-size:100% auto;} 
}
 .zizhi .lay{background-color: rgba(255,255,255,0.5); border-radius:30px;}
 .zizhi .content{padding:50px;}
 .zizhi .content .la{float: left;width: 50%; text-align:center;}
 .zizhi .content .la img{ width: 80%; }
 .zizhi .content .lb{float: right;width: 48%;}
 .zizhi .content .lb h1{color: #333333; font-size: 2.2rem; line-height:2.2rem; }
 .zizhi .content .lb h2{color: #666666;font-size: 1rem; line-height:2rem; border-bottom:1px solid rgba(51,51,51,0.5);}
 .zizhi .content .lb p{font-size: 1.3rem; line-height:2.5rem;text-align: justify;color: #333333;}

/*首页新闻*/
.index_new{ padding-top: 30px;}
.index_new .in_news .new{width:48%;float: left;}
.index_new .in_news .new:nth-child(2){float: right; width: 51%;}
.index_new .more_link{margin-top:20px;}

.index_new .new_big{width: 100%;position:relative;}
.index_new .new_big img{width: 100%;}
.index_new .img_title{position:absolute;left:0;bottom:0; width: 100%; padding: 10px;background-color: rgba(000,000,000,0.6);
    font-size: 1.4rem; color: #fff; line-height:2rem; text-align: center;}
.index_new .img_title p{display: inline-block;text-align: left;}
.index_new .img_title .txtmd{ width: 90%;text-align: center;}

.index_new .in_news .new:nth-child(4){margin-bottom:0;}




/*表单*/
.post{width: 100%;  background: url("../images/post.jpg") no-repeat center bottom; padding:30px;background-size:auto 100% ;}
@media (min-width:1640px) {
  .post{background: url("../images/post.jpg") no-repeat center bottom;background-size:100% auto;}
}
.post .title{padding: 30px;}
.post .title h1{line-height:3rem;text-align: center;font-size:2.6rem; color: #fff;}
.post .title h2{background: url("../images/title_bei2.png") no-repeat center center; line-height: 2.2rem;text-align: center;font-size: 1.5rem; color: #01B0E9;}
.post .post_from{ margin: 0 auto; width: 80%;}
.post .post_from ul{}
.post .post_from li{line-height:2.4rem;margin-bottom: 30px;font-size:1.5rem; text-align: center;clear:both; padding: 20px 0;}
.post .post_from li:last-child{margin-bottom: 0px;}
.post .post_from .p_l{ width: 17%;color: #ffffff; float: left;}
.post .post_from .p_l span{color:#FF3F3F; padding: 0 5px 0 0;}
.post .post_from .p_r{ width: 82%;color: #ffffff; float: left;}
.post .post_from .p_r input{text-decoration: none;border: none;outline: none; font-size: 1rem;line-height: 2.5rem; text-indent: 1rem;}
.post .post_from .p_r select{text-decoration: none;border: none;outline: none;margin: 0;padding: 0;text-align: center;text-align-last: center;font-size: 1rem;line-height: 2.5rem;}

.post .post_from .p_r .input-text{ height: 2.5rem;width: 100%;border-radius:4px;}
.post .post_from .p_r .input-text2{ height:2.5rem;width:30%;border-radius:4px; margin-left: 4%;}
.post .post_from .p_r .input-text2:nth-child(1){margin-left:0;}
.post .post_from .button{border: none;border-radius: 5px; color: #fff; background-color:#01b0e9;line-height:2.5rem;padding: 0 60px;margin: 0 auto;}


/*通用调用*/
.dibu{}
 .dibu .post{background:none; padding:20px 10px; background-color:#f5f5f5;}
 .dibu .post .title h1,
 .dibu .post .post_from .p_l{color: #333333;}
 
 
.list_two{ border:#eeeeee solid 1px; border-top:0px;}
.list_two ul{padding:20px;color:#01b0e9;}
.list_two ul li{ width:49%; font-size:1.2rem; line-height:2.5rem; float:left;}
.list_two ul li a{color:#333333;}
.list_two ul li:hover a{color:#01b0e9;}
.list_two ul li:nth-of-type(odd){margin-right:1%;}
.list_two ul li:nth-of-type(even){margin-left:1%;}


.list_four{ border:#eeeeee solid 1px; border-top:0px;}
.list_four ul{padding:20px;color:#01b0e9;}
.list_four ul li{ width:25%; font-size:1.2rem; line-height:2.5rem; float:left;}
.list_four ul li .pro_list{width:95%; margin:0 auto;}
.list_four ul li h1{ font-size:1.1rem; line-height:2.3rem; text-align:center; padding:0 8px; color:#01b0e9;}
.list_four ul li p{font-size:1rem; line-height:1.5rem;  padding:0 8px; color:#999999;}





/*布局（左右）中心*/
.lay_all{ padding: 30px 0;}
.lay_all .lay_l{ width: 73%; float: left;}
.lay_all .lay_l .pro_l{border-radius: 5px; border:1px solid #eeeeee;}
.lay_all .lay_l .pro_top{padding:20px;}
.lay_all .lay_l .pro_top .swip{width:50%; float: left; height: 500px; }

.lay_all .lay_l .pro_top .from{width:48%; float:right;}
.lay_all .lay_l .pro_top .from h1{font-size: 2rem; line-height: 4rem;font-weight:600;color:#01B0E9; }
.lay_all .lay_l .pro_top .from h5{font-size: 1.1rem; line-height:2.2rem;font-weight:400;}
.lay_all .lay_l .pro_top .from h5 b{font-weight:600;color:#01B0E9;}
.lay_all .lay_l .pro_top .from p{font-size: 1.1rem; line-height: 2rem; padding: 20px 0 0 0;color:#01B0E9;}

.lay_all .lay_l .pro_top .from .post_from{ margin: 0 auto; width:100%;}
.lay_all .lay_l .pro_top .from .post_from ul{}
.lay_all .lay_l .pro_top .from .post_from li{line-height:2.5rem;font-size:1.1rem; text-align: center;clear:both; padding: 20px 0;}
.lay_all .lay_l .pro_top .from .post_from .p_l{ width: 22%;color: #333333; float: left;}
.lay_all .lay_l .pro_top .from .post_from .p_l span{color:#FF3F3F; padding: 0 5px 0 0;}
.lay_all .lay_l .pro_top .from .post_from .p_r{ width: 76%;color: #ffffff; float: right;display: -webkit-flex;display: flex;justify-content: space-between;align-items: flex-start; text-align: center;flex-wrap:wrap;}
.lay_all .lay_l .pro_top .from .post_from .p_r input{text-decoration: none;border: none;outline: none; font-size: 1rem;line-height: 2rem; text-indent: 1rem;}
.lay_all .lay_l .pro_top .from .post_from .p_r select{text-decoration: none;border: none;outline: none;margin: 0;padding: 0;text-align: center;text-align-last: center;font-size: 1rem;line-height: 2rem;}

.lay_all .lay_l .pro_top .from .post_from .p_r .input-text{ height: 2.5rem;width: 100%;border-radius:4px; border: 1px solid #EEEEEE;
background: #F9F9F9;}
.lay_all .lay_l .pro_top .from .post_from .p_r .input-text2{ height:2.5rem;width:30%;border-radius:4px;border: 1px solid #EEEEEE;
background: #F9F9F9; color:#666666;}
.lay_all .lay_l .pro_top .from .post_from .p_r .input-text2:nth-child(1){margin-left:0;}
.lay_all .lay_l .pro_top .from .post_from .button{border: none;border-radius: 5px; color: #fff; background-color:#01b0e9;line-height:3rem;padding: 0 60px;margin: 0 auto; width: 100%;}

.lay_all .lay_l .pro_menu{padding:20px;}
.lay_all .lay_l .pro_menu .pro_details {text-align: center; padding: 20px 0;}
.lay_all .lay_l .pro_menu .pro_details span{line-height:3rem; padding-bottom: 10px; height: 3rem; font-size:1.6rem; text-align: center;font-weight:600; border-bottom:3px solid #28bbeb;}

.lay_all .lay_l .pro_menu .pro_text{}
.lay_all .lay_l .pro_menu .pro_text img{width: 100%; margin: 0; padding: 0;}




.lay_all .lay_r{width: 25%; float: right;}
.lay_all .lay_r .pro_r{border-radius: 5px; border:1px solid #eeeeee; margin-bottom: 20px;}
.lay_all .lay_r .title{background:#00B5ED;border-radius: 5px 5px 0 0; font-size: 1.3rem; line-height:3rem; text-align: center;  color: #fff;}
.lay_all .lay_r .hot_text{ padding: 20px;}
.lay_all .lay_r .hot_text .list_img{width: 100%;position: relative; margin-bottom: 20px;}
.lay_all .lay_r .hot_text .list_img:nth-last-of-type(1){margin-bottom:0;}
.lay_all .lay_r .hot_text .list_img img{width: 100%;}
.lay_all .lay_r .hot_text .list_img .img_title{position: absolute;font-size: 1.1rem;color: #333;line-height: 1.5rem;bottom: 0;width: 100%;padding: 10px;    background-color:#EEEEEE;text-align: center;}
.lay_all .lay_r .hot_text .list_img:hover .img_title{background-color:#01B0E9;color: #fff;}


/*右边联系我们*/
.lay_all .lay_r .make{ margin: 30px;}
.lay_all .lay_r .make h1{ line-height:2.5rem; text-indent: 50px; margin-bottom: 10px;color: #01B0E9; font-size: 1.3rem;}
.lay_all .lay_r .make h1 a{color: #01B0E9;}
.lay_all .lay_r .make .image{display: none;position: absolute;margin: -120px 0 0 -200px;box-shadow: 0px 0px 9px 1px rgba(0, 0, 0, 0.3);text-indent:0px;}
.lay_all .lay_r .make h1:hover .image{display: block;}
.lay_all .lay_r .make h1:nth-child(1){margin-left:0;background: url("../images/make.png") no-repeat left top;}
.lay_all .lay_r .make h1:nth-child(2){margin-left:0;background: url("../images/make.png") no-repeat left -56px;}
.lay_all .lay_r .make h1:nth-child(3){margin-left:0;background: url("../images/make.png") no-repeat left -126px;}
.lay_all .lay_r .make h1:nth-child(4){margin-left:0;background: url("../images/make.png") no-repeat left -196px;}
.lay_all .lay_r .make span{display: block;line-height:1rem;font-size: 1rem;color: #999999;}



/*新闻中心*/
.news_cat{}
  .news_cat .new_tab{display: -webkit-flex;display: flex;justify-content: left/*space-between*/;align-items: flex-start; text-align: center; width: 100%; margin: 0;flex-wrap:wrap;}
  .news_cat .new_tab .title4{width:20%; text-align:center;border-radius:0;
    background: #f5f5f5;
    color:#00b1e8;
    background: -moz-linear-gradient(top,  #f5f5f5 0%, #e5e5e5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#e5e5e5));
    background: -webkit-linear-gradient(top,  #f5f5f5 0%,#e5e5e5 100%);
    background: -o-linear-gradient(top,  #f5f5f5 0%,#e5e5e5 100%);
    background: -ms-linear-gradient(top,  #f5f5f5 0%,#e5e5e5 100%);
    background: linear-gradient(to bottom,  #f5f5f5 0%,#e5e5e5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e5e5e5',GradientType=0 );  }
  .news_cat .new_tab .title4:first-of-type{border-radius:10px 0 0 0;}
  .news_cat .new_tab .title4:last-of-type{border-radius:0 10px 0 0;}
   .news_cat .new_tab .title4 h1{background: url("../images/shuxian.png") no-repeat left center;color:#00b1e8;}
   .news_cat .new_tab .title4 h1:hover,.news_cat .new_tab .on h1{color:#ffffff;}
   .news_cat .new_tab .title4:first-of-type h1{background:none;}
   .news_cat .new_tab .title4:hover,.news_cat .new_tab .on{
    color:#ffffff;
    background: #00c2ff;
    background: -moz-linear-gradient(top,  #00c2ff 0%, #009fd1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00c2ff), color-stop(100%,#009fd1));
    background: -webkit-linear-gradient(top,  #00c2ff 0%,#009fd1 100%);
    background: -o-linear-gradient(top,  #00c2ff 0%,#009fd1 100%);
    background: -ms-linear-gradient(top,  #00c2ff 0%,#009fd1 100%);
    background: linear-gradient(to bottom,  #00c2ff 0%,#009fd1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c2ff', endColorstr='#009fd1',GradientType=0 );
}   


   
.baidu_img{ width:0px; height:0px;overflow:hidden}   
   
   

.news_con{width: 96%; padding-top: 30px; margin: 0 auto;}
.news_con .title{ font-weight: 600; font-size:2rem; line-height:3rem; color:#333;text-align: center; padding: 30px auto;}
.news_con .title span{display: inline-block;text-align: left;}
.news_con .title h1{display: inline-block;text-align: left;}
.news_con .author{font-size:1.2rem;color:#333;line-height:3rem;display: flex;justify-content: center;align-items:flex-end; text-align: center; width: 100%;flex-wrap:wrap; }
.news_con .author span{font-size:1.2rem;color:#333;line-height:3rem;padding: 0 10px;}
.news_con .author span:nth-child(2){color:#999;}
.news_con .abstract{font-size:0.9rem;letter-spacing:1px;color:#666;line-height:2rem; width:100%; background:#F8F8F8; border: #EEEEEE solid 1px; padding: 0 10px; margin: 0 auto; border-radius:10px;}

.news_con .content{padding-top:20px;font-size:1.1rem; width: 100%; line-height: 2rem;text-align: justify;}
.news_con .content img{max-width:868px; margin:0 auto;}
.news_con .content p{ margin:21px 0;}


 .content img{max-width:868px; margin:0 auto;}


/*招商*/
.zs_cat{border-radius: 10px;border: 1px solid #eeeeee;}
.zs_cat .zs_content{ width: 100%;}
.zs_cat .zs_content img{max-width:90%;}
.zs_cat .zs_content .zs_hz{background: #F9F9F9; padding:40px 50px; font-size: 1.1rem; line-height: 2rem;}
.zs_cat .zs_content .zs_hz .xian{text-align: left; display: inline-block; border-top: 1px solid #01B0E9; padding-right: 15px;}
.zs_cat .zs_content .zs_hz ul{ margin: 10px auto;}

/*关于我们*/
.about{}
 .about .cont{background: #F9F9F9;border-radius: 10px; padding: 50px; margin-bottom: 50px;}
 .about .cont .xian{text-align: left; display: inline-block; border-top: 1px solid #01B0E9; padding-right: 15px;}
 .about .cont .text{font-size: 1.2rem; line-height: 2rem;text-align: justify; padding: 20px 0;}
  .about .cont .text da{display:block;padding: 5px 0;color: #01B0E9;}
  .about .cont .text da span{display: inline-block;width:8rem; text-align: justify;text-align-last: justify; padding: 0 0 0 40px;  }
  .about .cont .text da:nth-child(1) span{ background: url(../images/about01.png) no-repeat left center;background-size: auto 100%; }
  .about .cont .text da:nth-child(2) span{ background: url(../images/about02.png) no-repeat left center;background-size: auto 100%; }
  .about .cont .text da:nth-child(3) span{ background: url(../images/about03.png) no-repeat left center;background-size: auto 100%; }
  .about .cont .text da:nth-child(4) span{ background: url(../images/about04.png) no-repeat left center;background-size: auto 100%; }


/*搜索*/
.home {width:100%; height: 100vh;}
.searchtop{width: 100%; font-size: 1rem; line-height:3rem; padding:0 30px; text-align: center;}
.searchtop a{padding:0 10px;}
.home .search {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); margin-top:-10vh;}
.home .search .searchlogo { width: 100%; text-align: center; margin-bottom: 20px;}
.home .search .searchlogo  img{width:200px;}

.home  .searchfooter{text-align: center; line-height: 2rem;width: 100%; background-color: rgba(255,255,255,1);position: fixed;bottom: 0px;}
.home  .searchfooter a { margin:0 5px; color:#666;}
.home  .searchfooter p { color:#666;}
.searchsou{margin-bottom: 20px; min-width: 800px;}
.searchsou .on{color:#01B0E9;}
.searchsou input { border:none;}
 #input-container {border: 0;}
 #input-container { margin:0px auto; background:#fff;}
 #input-container .text {border:1px solid #ccc; background:#fff;display: flex;align-items: baseline;}
 #input-container .text .input {height:2.5rem; font-size:1.1rem; width: 100%; text-indent: 1rem;}
 #input-container .text:hover { border:1px solid #01B0E9;}
 #input-container .submit {padding: 0 1.5rem; height:3rem;; color:#fff;font-size:1.2rem; background:#01B0E9;}


/*弹出层*/
.wexingno {
    z-index: 990;
	width:100%;
	height:100vh;
	position: absolute;
	background:rgba(000,000,000,0.8);
	display:none;
	top:0;
	left:0;
}
.xwidno {
    z-index: 999;
	position:relative;
    text-align: center;top:50%; transform:translateY(-50%);
    background-color: #fff;
    margin: 0 auto;border-radius:8px;
    width: 70%;
    padding: 20px;
}
.xwidno h1{font-size:1.2rem; line-height:2.5rem;}
.xwidno h1 span{background-color: #01B0E9; color:#fff; width:120px;border-radius:3px;line-height:2rem; display:inline-block;margin-top:0.25rem;}

.close {position:absolute;	right:15px;	top:15px;}


.jiujipos_list{padding:20px 0;}
.jiujipos_list ul{display: flex;justify-content:space-between;}
.jiujipos_list ul li{ width:23%;border:1px solid #ccc; padding:20px;}
.jiujipos_list ul li .pos_list{width:100%;}
.jiujipos_list ul li .jiuimg{height: 150px;position: relative;display: flex;justify-content: center;align-items: center;overflow: hidden;}
.jiujipos_list ul li  img{ max-width: 100%;max-height:100%;}
.jiujipos_list ul li  h1{text-align:center; font-size:18px; line-height:30px;color:#01B0E9;}
.jiujipos_list ul li  p{text-align:center;font-size:14px; line-height:25px;}
.swip3 .swiper-slide{background-color:none;}

@media (max-width: 840px) {

    html {font-size: 12px;}
    #pc,.pc{display: none;}
    #move,.move{display: block;}
    a,a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent; outline:none;background: none;    text-decoration: none;}
   
 /*上下一篇文章*/
.pre-next{}
.pre-next p{font-size:1rem; line-height:2rem;}

/*header*/   



 
/* 前端分页 */
#page{text-align:center; height:3.5rem;margin:20px auto;}
#page span{border:1px solid #2196f3;background:#2196f3;color:#fff;padding:4px 4px;margin-left:5px;}
#page .pageinfo{display: none;}
#page  a{border:1px solid #ddd;background:#fff;color:#808080;padding:4px 4px;margin-left:5px;transition:all 0.2s}
#page  a:hover,#page .curpage{background:#2196f3;color:#fff;text-decoration:none;border:1px solid #2196f3;}
#page .nopage{cursor:not-allowed;}
#page .nopage:hover{background:#fff;color:#808080;border:1px solid #ddd;}
  
/*清除*/

.clear30{clear:both;width:100%; height:15px;}
.clear20{clear:both;width:100%; height:20px;}
 
    
/*核心宽度*/
.lay{width: 100%; margin: 0 auto; padding: 0 10px;}
#header{}
.header{ z-index: 100;width: 100%;background-color: rgba(255,255,255,1);position: fixed;top: 0;left: 0;box-shadow: 0 0 5px 1px #ccc;}/*PC-h*/
.header_height{padding: 0; margin: 0;}/*PC-h*/
/*header*/
/*pc*/
.logo{float: left;width:30%; text-align: center;}/*PC-h*/
 .logo img{position: relative; top:50%; transform:translateY(-50%); width: 80%; }
.nav{ float: right;width:70%; }/*PC-h*/

.header,.header_height,.nav,.logo{height: 60px;}
.nav .menu{width:30px; height:60px; float: right; margin-right:20px;position:relative;background:url("../images/md.png") no-repeat right center;background-size:100% auto;}
.nav ul{box-shadow: 0 0 4px 1px #ccc;
    display: none;
    width: 120px;
    background-color: #ffffff;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: 90%;
    right:-10px;
    }
.nav ul::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 80%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #ffffff transparent;
    
} 

.nav .menu:hover ul,.nav .menu:active ul{
    display: block;
}

.nav li{float: none;text-align: center; width:100%;font-size:1.1rem;line-height:2rem; border-bottom: #ccc solid 1px; }
.nav li da{color: #666666; width: 100%; letter-spacing:1px;display:inline-block;text-align: center;}
.nav li span {background-color: #28bbeb; height: 4px; margin:5px auto;display: none; width: 90%;}
.nav li .sousuo{ width: 120px; height:32px;margin-top: 4px; float: right;background:url("../images/sou.png") no-repeat right center; font-size: 14px;}
.nav li .sousuo input{border:0; line-height: 26px; background-color: transparent; width: 100%; padding:3px 10px;outline:none;color: #666;}
.nav li .sousuo input::-webkit-input-placeholder{background:url("../images/sou2.png") no-repeat left center;text-indent:25px;line-height: 26px;}
    
.nav .on da,.nav li:hover da{color: #01B0E9;}
.nav .on span,.nav li:hover da span{display: none;}
.nav li:nth-last-of-type(2){border-bottom: #ccc solid 0px;}
.nav li:nth-last-of-type(1){display: none;}


.nav .sou_all{width:30px; height:60px; margin-right: 30px; float: right;background:url("../images/sou2.png") no-repeat center center;background-size:60% auto;}
.nav .sou_all .searchsou{visibility: hidden;position: absolute;z-index: 1;left: 0; top: 60px;}
.nav .sou_all:hover .searchsou{visibility: visible;}
    
/*中间广告图*/
.swiper-wrapper .swiper-slide img{object-fit: cover; width: 100%;}   
    .swiper-father{ padding-bottom: 30px;}
.swiper-father .swiper-container { width:100%;margin:auto;}
    .swiper-father .sw-prev,.swiper-father .sw-next,.swip1 .swiper-button-next,.swip1 .swiper-button-prev{display: none!important;}

/*大小缩图展示*/
.gallery-top {border:0px solid #eeeeee;}
.gallery-thumbs {height: 100%;box-sizing: border-box;width:calc(100% - 100px);}
.gallery-thumbs .swiper-wrapper img{border:1px solid #eeeeee;}
.pro-thumbs .prev {left:13px;}
.pro-thumbs .next {right:13px; }


    
    
    
    
    
    
/*页面banner*/
.h_banner{width: 100%; text-align: center;overflow: hidden;  display: flex;justify-content: center; align-items: center;}
.h_banner img{width: 100%;}  
    
.footer{background-color: #333; margin-bottom:30px;}
.footer .text{padding:20px;font-size:1rem; line-height: 25px;}
.footer .text a{color: #ccc;}
.footer .text a:hover{color: #fff;}
.footer .text .footer_l{ float: none; width:100%; color: #ccc;}
.footer .text .footer_l .sina{width: 100%; text-align: center;}
.footer .text .footer_l .sina da{ padding:0; border-right:#ccc solid 0px; float: left;display:inline-block;width: 50%; color: #ccc;}
.footer .text .footer_l .sina da:nth-last-of-type(3){width: 100%;display:block;}
.footer .text .footer_l .sina da:nth-last-of-type(2){display: none;}
.footer .text .footer_l .sina da:nth-last-of-type(1){border-right: solid 0px; width: 100%;display:block;}

.footer .text .footer_l .tall{ text-align: center; border-top:1px solid #ccc;}
.footer .text .footer_l .tall da{font-size:1.1rem;color: #01B0E9;}
.footer .text .footer_l .tall de{font-size:0.9rem;color: #999999;}
    .footer .text .footer_l .tall da span{display: inline!important;}
    
.footer .foot{text-align:center; width:100%; font-size:1rem;}
.footer .foot a{ margin:0 5px 0 0;white-space:nowrap;display:inline-block; }
.footer .list_link{margin-bottom:10px;}
.footer .list_link span{display: none;}
.footer .list_link a{width:auto; }    
    
 /*新闻列表*/


.in_news ul{padding:0;}
.in_news ul li{width: 100%;border-radius:0px;background: #ffffff; padding: 15px;margin-bottom: 0px;}
.in_news ul li .new_img{width: 30%; float: right;}
.in_news ul li .new_img img{width:100%}
.in_news ul li  h1{font-size:1.4rem; color: #333;line-height:2.5rem; padding:0 10px 0 0; }
.in_news ul li  p{font-size:1rem; line-height:1.8rem; -webkit-line-clamp: 2;  line-clamp: 2;padding:0 10px 0 0;text-overflow: -o-ellipsis-lastline;  overflow: hidden;  text-overflow: ellipsis;display: -webkit-box;  -webkit-line-clamp: 2;  line-clamp: 2;  -webkit-box-orient: vertical;}
.in_news ul li .link{display: none;}
.in_news ul li:hover .new_text .link{ color: #33CFFF;background: url("../images/link.png") no-repeat right center;}
.in_news ul li:hover .new_text h1{color: #33CFFF;}


.listmore {margin-top:0px;}
.listmore ul li dd{display:none;}


   
/*调用列表*/

.in_news ul li:nth-child(2n){background: #ffffff;}
.index_new .in_news ul li{border-bottom:1px solid #cccccc;}
.news_two{}
.news_one .in_news ul li {margin-bottom:10px;}
    
/*大栏标题*/
.index_text{}
.index_text .title{width: 80%;background: url("../images/title_bei.png") no-repeat center center;   background-size:100% auto; height:1.5rem; line-height:1.5rem;text-align: center;font-size:1.5rem;margin: 30px auto;font-weight: 600; color: #01B0E9;}
.index_text .title2{background-size:100% auto; width: 80%; margin:20px auto 0 auto;line-height:2rem;text-align: center;font-size:1.5rem;color:#01B0E9;font-weight: 600; }
.index_text .title3{ line-height:2.5rem;text-align: left;font-size:1.5rem;color:#01B0E9;}
.index_text .title_en{line-height:2rem;text-align: center;font-size:1rem;margin:0; color:#01B0E9;text-transform:uppercase;}
.index_text .more_link{border-radius:15px; color: #999;height:2rem; width:8rem;line-height:2rem;font-size:1.1rem;border: 1px solid #ccc; margin:20px auto; text-align: center;}
    


/*首页产品切换*/
.pro_con{padding-top:10px;}
.pro_con .pro_tab{ width: 70%; margin: 0 auto;font-size:1.2rem; line-height:2.5rem; height: 2.5rem; text-align: center; }
.pro_con .pro_tab .tab_l{height: 2.5rem;}
.pro_con .pro_tab .tab_r{height: 2.5rem;}
  
/*多切换*/
.pro_con .al_tab{ margin:15px; width: auto;}
.pro_con .al_tab .tab_on{margin:10px 0;padding:0; border-radius:10px;border: 1px solid #EEEEEE;background: #EEEEEE;font-size: 1.1rem;line-height:2rem; letter-spacing:0px;width: 30%;}
.pro_con .al_tab .on,.pro_con .al_tab .tab_on:hover{border: 1px solid #01b0e9;background:#01b0e9; color: #FFFFFF;}    
    
/*列表*/
.pro_text{margin:0 0 0 0; padding:0 10px; }
.pro_text .new_pro{padding:0px;}
.pro_text .new_pro .pro_list{width:48%;margin: 10px 0 0 0;}
.pro_text .new_pro .pro_list:nth-child(3n+3){margin:10px 0 0 0;}
.pro_text .new_pro .pro_list:nth-child(2n+2){margin:10px 0 0 4%;}
.pro_text .new_pro  .pro_g{border-radius: 5px;}
.pro_text .new_pro  .pro_b{border-radius:5px 5px 0 0;}
/*.index_pro .new_pro .pro_list:nth-child(5){display: none;}*/
/*
.pro_text .new_pro .pro_list .image span{ background: url("../images/hots.png") no-repeat left top;background-size:100% auto;}
.pro_text .new_pro .pro_list .image .spana{ background: url("../images/hot.png") no-repeat left top;background-size:100% auto;}
*/
    
    
    

.pro_text .content{ width: 96%; margin: 0 auto;  }
.pro_text .content h1{color: #01b0e9; font-size:1.1rem; line-height:2.2rem;text-align: center;border-bottom:1px solid #EEEEEE; }
.pro_text .content p{font-size:0.9rem; color: #999;line-height:1.6rem;text-overflow: -o-ellipsis-lastline;  overflow: hidden;  text-overflow: ellipsis; margin-top: 5px;  display: -webkit-box;  -webkit-line-clamp: 2;  line-clamp: 2;  -webkit-box-orient: vertical; margin:5px;}
.pro_text .content span{display: none;}
.pro_text .on_link{text-align: center;}
.pro_text .on_link dd{border-radius:10px; color: #fff; background-color:#01b0e9;font-size:0.8rem; line-height:2rem; display: inline-block; margin:10px; padding: 0 10px;}
.pro_text .new_pro .pro_list .content span{font-size: 1rem;}
    
    
    
 /*zizhi*/   
.zizhi{background: url("../images/zizhi_bei2.jpg") no-repeat center bottom;background-size:100% 100%; padding:30px 15px;} 
 .zizhi .lay{border-radius:5px;}
 .zizhi .content{padding:20px;}
 .zizhi .content .la{float: none; margin-top:10px; width:100%;}
 .zizhi .content .la img{ width: 100%;}
 .zizhi .content .lb{float: none; margin: 0;width: 100%;}
.zizhi .content .lb h1{font-size: 1.5rem; line-height:1.5rem;text-align: center;font-weight: 600;  }
 .zizhi .content .lb h2{font-size:0.9rem; line-height:2rem; border-bottom:0px solid rgba(51,51,51,0.5);text-align: center;}
 .zizhi .content .lb p{font-size: 1rem; line-height:1.5rem;}
    


/*首页新闻*/
.index_new{ padding:0px 10px 10px 10px;}
.index_new .in_news .new{width:100%;float:none;}
.index_new .in_news .new:nth-child(2){float: none; width: 100%; margin:10px 0px;}

.index_new .img_title{font-size: 1.1rem; color: #fff; line-height:1.5rem; text-align: left;}
.index_new .img_title p{display: inline-block;text-align: left;}
.index_new .img_title .txtmd{ width: 90%;text-align: center;}


    

    
/*表单*/

.post{padding:10px;}
.post .title{padding:10px 0; width: 80%; margin: 0 auto;}
.post .title h1{line-height:2rem;text-align: center;font-size:1.6rem; color: #fff;}
.post .title h2{background-size:100% auto; line-height: 2.2rem;text-align: center;font-size: 1rem; color: #01B0E9;}
.post .post_from{ margin: 0 auto; width: 94%;}
.post .post_from ul{}
.post .post_from li{line-height:2rem;font-size:1rem; text-align: center;padding:10px 0;}
.post .post_from li:nth-last-of-type(1){padding: 0;}
.post .post_from .p_l{ width:28%;color: #ffffff; float: left; text-align:left;}
.post .post_from .p_l span{color:#FF3F3F; padding: 0 5px 0 0;}
.post .post_from .p_r{ width: 72%;color: #ffffff; float: left;}


.post .post_from .p_r .input-text{ height:2rem;}
.post .post_from .p_r .input-text2{ height:2rem;width:30%;margin-left: 2%;}

 .post .post_from li{display: -webkit-flex;display: flex;justify-content: center/*space-between*/;align-items: flex-start; text-align: center; width: 100%; margin: 0;flex-wrap:wrap;padding:5px 0;}
.post .post_from .p_l{ font-size:1.2rem;}
.post .post_from .p_r input{font-size:1.2rem;}
.post .post_from .button{font-size:1.2rem; line-height:2rem; height:2.5rem;border-radius: 1.25rem;margin:5px 5px 10px 5px;}
.post .post_from li .p_l{width:auto;}
.post .post_from li .p_r{width:auto; width:200px; margin-left:5px;}

 

/*产品中心*/
.lay_all{ padding:0;}
.lay_all .lay_l{ width: 100%; float:none;}
.lay_all .lay_l .pro_l{border-radius:0px; border:0px solid #eeeeee; padding-top: 15px;}
.lay_all .lay_l .pro_top{padding:0;}
.lay_all .lay_l .pro_top .swip{width:100%; float: none; height: 500px; }
.lay_all .lay_l .pro_top .from{width:100%; padding:30px 5%; float:none; margin: 0 auto; background-color: #EEEEEE;}

.lay_all .lay_l .pro_top .from .post_from li{line-height:2.5rem;font-size:1rem; text-align: center;clear:both; padding: 20px 0;}

.lay_all .lay_l .pro_menu{padding:20px 0;}
.lay_all .lay_l .pro_menu .pro_details {text-align: center; padding: 20px 0;}
.lay_all .lay_l .pro_menu .pro_details span{line-height:3rem; padding-bottom: 10px; height: 3rem; font-size:1.6rem; text-align: center;font-weight:600; border-bottom:3px solid #28bbeb;}

.lay_all .lay_l .pro_top .from h5 b{font-weight:800;color:#01B0E9;}
    
/*新闻中心*/
.news_cat{background: #F5F5F5;padding-top: 0;}
/*.news_cat .in_news ul li:nth-child(1){background-color: antiquewhite; padding: 0;position: relative;}
.news_cat .in_news ul li:nth-child(1) .new_img{width: 100%; margin: 0; padding: 0; float:none;}
.news_cat .in_news ul li:nth-child(1) .new_text{width: 100%; margin: 0; padding: 0; float:none;position: absolute; bottom: 0; background: rgba(000,000,000,0.5);}
.news_cat .in_news ul li:nth-child(1) .new_text h1{color: #fff; padding:10px 20px; font-size: 1.2rem;}
.news_cat .in_news ul li:nth-child(1) .new_text p{display: none;}
*/

.news_con{width:100%; padding: 20px; margin: 0 auto;}
.news_con .title{font-weight: 600; font-size:1.4rem; line-height:2.5rem; color:#333;text-align: center;padding: 30px auto;}
.news_con .title span{display: inline-block;text-align: left;}
.news_con .author{font-size:0.9m;color:#333;line-height:2rem;justify-content: space-between;}
.news_con .author span{font-size:0.9rem;color:#333;line-height:3rem;padding: 0 10px;}
.news_con .author span:nth-child(2){color:#999;}

.news_con .abstract{font-size:1rem;color:#333;line-height:2rem; text-align: justify;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;line-clamp: 5;-webkit-box-orient: vertical;align-items: center;}
.news_con .content{padding-top:20px;line-height: 2.4rem; text-indent:none;text-align: justify;}
.news_con .content p{font-size:1.15rem}
.news_con .content img{width: auto;	height: auto;	max-width: 100%;	max-height: 100%;}
/*.news_con .content p{margin:20px 0 !important;}*/

/*新闻中心*/
.news_cat{padding-top:10px;}
.news_cat .clear20{ height:0px;}
  .news_cat .new_tab{display: -webkit-flex;display: flex;justify-content: center/*space-between*/;align-items: flex-start; text-align: center; width: 100%; margin: 0;flex-wrap:wrap;}
  .news_cat .new_tab .title4{width:20%; text-align:center;border-radius:0;
    background: #f5f5f5;
    color:#00b1e8;
    background: -moz-linear-gradient(top,  #f5f5f5 0%, #e5e5e5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#e5e5e5));
    background: -webkit-linear-gradient(top,  #f5f5f5 0%,#e5e5e5 100%);
    background: -o-linear-gradient(top,  #f5f5f5 0%,#e5e5e5 100%);
    background: -ms-linear-gradient(top,  #f5f5f5 0%,#e5e5e5 100%);
    background: linear-gradient(to bottom,  #f5f5f5 0%,#e5e5e5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e5e5e5',GradientType=0 );  }
  .news_cat .new_tab .title4:first-of-type{border-radius:10px 0 0 0;}
  .news_cat .new_tab .title4:last-of-type{border-radius:0 10px 0 0;}
   .news_cat .new_tab .title4 h1{background: url("../images/shuxian.png") no-repeat left center;color:#00b1e8; font-size:1.1rem;}
   .news_cat .new_tab .title4 h1:hover,.news_cat .new_tab .on h1{color:#ffffff;}
   .news_cat .new_tab .title4:first-of-type h1{background:none;}
   .news_cat .new_tab .title4:hover,.news_cat .new_tab .on{
    color:#ffffff;
    background: #00c2ff;
    background: -moz-linear-gradient(top,  #00c2ff 0%, #009fd1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00c2ff), color-stop(100%,#009fd1));
    background: -webkit-linear-gradient(top,  #00c2ff 0%,#009fd1 100%);
    background: -o-linear-gradient(top,  #00c2ff 0%,#009fd1 100%);
    background: -ms-linear-gradient(top,  #00c2ff 0%,#009fd1 100%);
    background: linear-gradient(to bottom,  #00c2ff 0%,#009fd1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c2ff', endColorstr='#009fd1',GradientType=0 );
}   

/**/
.content{}
.content img{width:100%; margin:0 auto;}
/*招商*/ 
.zs_mid{background: #F5F5F5; padding:0 0 10px 0;}
.zs_mid .index_text{ width: 100%;background: #FFFFFF; margin-bottom: 20px; padding: 20px 0;}
.zs_mid .index_text .title{margin: 10px auto;}
.zs_mid .index_text img{width: 80%; margin: 0 10%;}
.zs_mid .index_text ul{font-size: 1rem; line-height: 2rem;width: 100%; padding:15px;text-align: justify;}
.zs_mid .index_text da{font-size: 1rem; line-height: 2rem;display:block; text-align: center;}


/*关于我们*/
.about{background: #F5F5F5; padding:10px 0px;}
 .about .cont{background: #fff;border-radius: 10px; padding:15px; margin:10px;}
 .about .cont .xian{text-align: left; display: inline-block; border-top: 1px solid #01B0E9; padding-right: 15px;}
 .about .cont .text{font-size: 1rem; line-height: 2rem;text-align: justify; padding:0;}
 .about .cont .text da{display:block;padding: 5px 0;color:#666666;}

/*搜索*/
  .home {　background-color: #0000CC;}
  .searchtop{width: 100%; font-size: 1rem; line-height:3rem; padding:0 30px;}
  .searchtop a{padding:0 10px;}
  .home .search { width: 100%;}/**/
  .home .search .searchlogo  img{width:160px;}
  
.searchsou input { border:none;}
.searchsou{min-width:auto; width:100%; margin: 0 auto;}/**/
.home .searchsou{ width:80%;}/**/
.searchsou input { border:none;}


#input-container .text .input {height:2rem; font-size:1rem;}
#input-container .submit { height:2.5rem;;font-size:1rem;-webkit-appearance: none;  }

/*通用调用*/
.dibu{background-color:#f5f5f5;}
 .dibu .post{background:#fff; padding:20px 10px; }
  .dibu .post .post_from li{display: -webkit-flex;display: flex;justify-content: center/*space-between*/;align-items: flex-start; text-align: center; width: 100%; margin: 0;flex-wrap:wrap;padding:5px 0;}
 .dibu .post .title h1{color: #333333;}
 .dibu .post .post_from .p_l{color: #333333; font-size:1.2rem;}
 .dibu .post .post_from .p_r input{background-color:#f5f5f5;font-size:1.2rem;}
 .dibu .post .post_from .button{font-size:1.2rem; line-height:2rem; height:2.5rem;border-radius: 1.25rem;}
 .dibu .post .post_from li .p_l{width:auto;}
  .dibu .post .post_from li .p_r{width:auto; width:200px; margin-left:5px;}

 
.dibu .index_text{margin:0 10px;}
.dibu .index_text .title4{line-height:2.5rem;text-align: center;font-size:1.3rem; }
.list_two{ border:#eeeeee solid 1px; border-top:0px;background-color:#ffffff;margin:0 10px;}
.list_two ul{padding:15px;color:#01b0e9;}
.list_two ul li{ width:100%; font-size:0.9rem; line-height:2rem; float:left; text-align:left;}
.list_two ul li a{color:#333333;font-size:1.2rem; padding:0 0 0 5px;}
.list_two ul li:hover a{color:#01b0e9;}
.list_two ul li:nth-of-type(odd){margin-right:0%;}
.list_two ul li:nth-of-type(even){margin-left:0%;}


.list_four{ border:#eeeeee solid 1px; border-top:0px;margin:0 10px;background-color:#ffffff;}
.list_four ul{padding:10px 8px 0 8px;color:#01b0e9;}
.list_four ul li{ width:50%; font-size:1.2rem; line-height:2.5rem; float:left; margin-bottom:10px;}
.list_four ul li .pro_g{border-radius: 5px;}
.list_four ul li .pro_b{border-radius: 5px 5px 0 0;}
.list_four ul li .pro_list{width:95%; margin:0 auto;}
.list_four ul li h1{ font-size:1.1rem; line-height:2.3rem; text-align:center; padding:0 8px; color:#01b0e9;}
.list_four ul li p{font-size:1rem; line-height:1.5rem;  padding:0 8px; color:#999999;}

.jiujipos_list{padding:10px;}
.jiujipos_list ul{display: flex;justify-content:space-between; flex-wrap:wrap; margin:0px;}
.jiujipos_list ul li{ width:100%;padding:10px; margin-bottom:10px;}
.jiujipos_list ul li .pos_list{width:100%;}
.jiujipos_list ul li .jiuimg{height: 150px;position: relative;display: flex;justify-content: center;align-items: center;overflow: hidden;}
.jiujipos_list ul li  img{ max-width: 100%;max-height:100%;}
.jiujipos_list ul li  h1{font-size:16px; line-height:25px;}
.jiujipos_list ul li  p{font-size:14px; line-height:20px;}
}

