@charset "utf-8";
/* 清除内外边距 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;
}

input,textarea {border: 2 none; -webkit-box-shadow: none; box-shadow: none; outline: none;}

/* 设置默认字体 */
body,
button, input, select, textarea {
    font-family: "Microsoft Yahei"; color: #666; font-size: 13px;
}

h1 {font-size: 18px;}
h2 {font-size: 16px;}
h3 {font-size: 14px;}
h4, h5, h6 {font-size: 100%;}
* h1,* h2,* h3,* h4,* h5,* h6{margin: 0px;} /*覆盖bootstrape对标题加的默认外边距*/

address, cite, dfn, em, i, var {font-style: normal;} /* 斜体扶正 */

/* 重置列表元素 */
ul, ol ,li{list-style: none;}

/* 重置文本格式元素 */
a {text-decoration: none; color: #666; word-wrap:break-word;}/*英文换行*/
a:hover {text-decoration: none; }


/* 重置表单元素 */
legend {color: #000;} /* for ie6 */
fieldset, img {border: none;} /* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button, input, select, textarea {
    font-size: 100%; /* 使表单元素在 ie 下能继承字体大小 */
}

/* 重置表格元素 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

@font-face {
  font-family: 'iconfont';  /* project id 2345038 */
  src: url(files/iconfont.eot.txt),
  url(iconfont.woff) format('woff'),
  url(files/iconfont.ttf) format('truetype'),
}


/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
body {overflow-y: scroll;}

/*设置浮动*/
.fl,.pull-left {float: left;}
.fr,.pull-right {float: right;}
.pr{position: relative;}
.pa{position: absolute;}

.clear{ clear:both; height: 0; overflow: hidden;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}

.box,.content,.w1200,.width-1200{ width:1400px; margin:0 auto;
    position: relative;
}
/* -- 内页布局 -- */
.page_bg { padding:20px 0 20px; background:#fff;}
.page_main { margin: 0 auto; width: 1400px;}  /*版面宽度*/
.page_content{ width:930px;} /*右边宽度*/
.page_left{ width:240px;} /*左边宽度*/
.page_full{ width:100%;}
.dis,.hide{ display:none;}

.line-clamp-1{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.line-clamp-2{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.line-clamp-3{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.n_box{
    width: 1400px;margin:60px auto;position: relative;
}
.box:after,.n_box:after{
    display: block;content: "";clear: both;
}

/*抬头*/
.top_bg{width:100%;min-width:1400px;height:190px}
.top_l{width:162px;height:237px;background:url(logo.jpg) no-repeat;position:absolute;z-index:99}
.top_r{height:190px;margin-left:185px}
.top_r .topt{ padding-top:38px;}
.top_r .topt_t{ font-size:36px; color:#323232; font-weight:bold; line-height:36px;}
.top_r .topt_t span{ color:#083da2;}
.top_r .topt_t p{ font-size:16px; color:#666666; font-weight:normal;}
.top_r .topt .tel{ text-align:right; line-height:30px;}
.top_r .topt .tel:before{font-size:18px;float:left;margin-right:5px; }
.top_r .topt .tel i{display:block;font-size:16px; color:#666666;}
.top_r .topt .tel p{display:block;font-size:26px;font-family:arial;color:#e60012; font-weight:bold;}

/*导航*/
.nav{
    margin-top: 15px; padding-left:40px;
}
.nav>ul>li{ position:relative;
    float: left;
}
.nav>ul>li+li{
     margin-left:5.8%;
}
.nav>ul>li>a{ font-size:1.06rem; color:#333; display:block; line-height:48px; position:relative; padding:0px 2px; margin:0px 13px;
  
} 
.nav>ul>li>a:after{ content:''; display:block; position:absolute; left:0; right:0; margin:0 auto; bottom:0px; height:8px; width:0; transition:all .3s ease; background:url(nav_bg.png) center bottom no-repeat;}
.nav>ul>li.on>a:after,.nav>ul>li:hover>a:after{ width:100%;}
.nav>ul>li.on>a,.nav>ul>li:hover>a{ color: #006cfd;
}

.nav>ul>li>a i{ display:inline-block; vertical-align:middle; margin-left:5px; width:12px; height:7px; background:url(images/002.png) no-repeat center;}
.dropmenu{position:absolute; border-radius:5px; overflow:hidden; transition:all .3s ease; top:55px; left:-30%; width:160%; background:rgba(255,255,255,0.98); 
box-shadow:0 0 10px rgba(0,0,0,.2); opacity:0; transform:rotateY(90deg);z-index: 9;
    padding:15px 0;
    
}
.nav>ul>li:hover .dropmenu{ transform:rotate(0deg); opacity:1;}
.dropmenu a{ display:block; line-height:40px; font-size:15px; color:#666; text-align:center; transition:all .3s ease;}
.dropmenu a:hover{ color:#006cfd;}
.dropmenu table,.dropmenu tbody,.dropmenu tr,.dropmenu td{ display:block; width:100%;}

 .main_t{font-size: 18px;text-align: center; line-height:40px;
     margin-bottom: 35px;
 }
  .main_t p{ display: inline-block;font-size:  40px; color: #222;}
  .main_t p span{ color: #083da2; font-weight: bold; }
  .main_t p:before{ display: block;content: ""; float: left; margin-right: 20px; width: 66px; height: 45px; background: url(main_left.png)left center no-repeat; }
    .main_t p:after{ display: block;content: ""; float: right; margin-left:20px; width: 66px; height: 45px; background: url(main_right.png)left center no-repeat; }
.main_t dl{
     font-weight:lighter;line-height: 32px;
}

/*搜索*/
.mod1403 .search{padding:22px 0;}
.mod1403 .search .fl{padding-top:18px; font-size:16px; background: url(icon1.jpg) no-repeat 0px 17px; padding-left:30px;}
.mod1403 .search .fl a:hover{text-decoration:underline;color:#00923f}
.mod1403 .search .fl a{display:inline-block;color:#666;font-size:14px}
.mod1403 .search .fl span:last-of-type{display:none}
.mod1403 .search .fl strong{display:block;float:left;max-width:90px;font-size:16px; color:#343434;}
.mod1403 .search_r form{float:left;display:block;width:270px;background:#fff;line-height:34px;height:34px;position:relative;margin:11px 0 9px 190px;}
.mod1403 .search_r form .search-i{width:40px;height:34px;position:absolute;right:0;top:0;overflow:hidden;display:block;transition:.3s all ease-in-out;background:#083da2 url(icon2.png) no-repeat center}
.mod1403 .search_r .search-i:hover{background-color:#ff9000}
.mod1403 .search_r .search-i input{display:block;width:100%;height:100%;cursor:pointer;background:0 0;border:0 none;outline:0}
.mod1403 .search_r .search-bg input{line-height:32px;background:0 0;border:0 none;width:220px;padding-left:10px;color:#aaa;outline:0; border:1px solid #e5e5e5;}
.mod1403 .search_r2{float:right;display:block;}
.mod1403 .search_r2 ul li{ float:left;  text-align:center; margin-left:30px;}
.mod1403 .search_r2 ul li a{ display:block; float:left; width:65px; height:65px;  line-height:90px;}
.mod1403 .search_r2 ul li .a01{ background:url(icon3.jpg) no-repeat top center;}
.mod1403 .search_r2 ul li .a02{ background:url(icon4.jpg) no-repeat top center;}
.mod1403 .search_r2 ul li .a03{ background:url(icon5.jpg) no-repeat top center;}

.index_pt_bg{ width:auto; height:auto; background:url(index_pt.jpg); padding-top:60px;}
.index_pt{ width:1300px; height:380px; margin:0px auto 30px auto;}
.index_pt_l{ width:500px; height:280px; float:left; border-left:#083da2 5px solid; margin-top:65px; padding-left:40px;}
.index_pt_lt{ color:#083da2; font-size:30px; font-weight:bold;}
.index_pt_lt p{ font-size:20px; color:#083da2;font-weight:normal;}
.index_pt_lt span{ color:#333333; font-size:16px; font-weight:normal; line-height:70px;}
.index_pt_l_tel{ width:auto; height:53px; background:url(1_03.png) no-repeat; color:#e60012; font-size:25px; padding:24px 0px 0px 66px; font-weight:bold;}
.index_pt_l a{ display:block;border:1px solid #083da2; width:130px; height:35px; line-height:35px; text-align:center; color:#083da2}

.index_pt_r{ width:700px; height:380px; float:right; background:url(index_ptr.png) no-repeat top center;}



.mk{ width:1400px; height:auto; overflow: hidden; margin:0 auto; padding:30px 0px;}
.mk .hd{ overflow: hidden; height:50px;  width:1040px;  margin: 0 auto 15px;}
.mk .hd img{ display: block; margin:10px auto;}
.mk .hd ul{ overflow: hidden;}
.mk .hd ul li{ width:180px;height:50px; line-height:50px; overflow: hidden; float: left; background:#1c53b8; margin:0px 10px;}
.mk .hd ul li:hover{ background:#ff9000;}
.mk .hd ul li a{ display: block; color:#fff; font-size:15px; text-align: center;}
.mk .hd ul li:hover a{ color:#fff;}
.mk .hd ul li.on{ background:#ff9000;}
.mk .hd ul li.on a{ color:#fff;}
.mk .hd span{ display: block; height:50px; line-height:50px; background:#fff; color:#083da2; text-align: center; font-size:20px;}
.mk .hd p{ overflow: hidden; padding:15px; line-height:200%; color:#fff; font-size:15px;}
.mk .bd{ width:1400px; height:auto; overflow: hidden; float: right; }
.mk .bd ul{ overflow: hidden; }
.mk .bd ul li{ float: left; margin:15px; overflow: hidden; } 
.mk .bd ul li a{ display: block; width:436px; height:320px;  overflow: hidden; position:relative;transition:1.1s transform;}
.mk .bd ul li .img1{ display: block; width:436px; height:320px;transition:1.1s transform;}
.mk .bd ul li .img2,.cpyy .bd ul li .img2{ display: block; position:absolute; top:160px; left:205px; width:0px; height:0px;transition:.5s;}
.mk .bd ul li p{ text-align: center; height:35px; line-height:35px; color:#333;}
.mk .bd ul li:hover .img2,.cpyy .bd ul li:hover .img2{ width:436px; height:320px; top:0px; left:0px;} 
.mk .bd ul li:hover p{ color:#083da2;}


/*产品展示*/
.prod_all{
    width: 100%;min-width: 1400px;margin-top: 80px;
}
.prod_t{
    position: relative;text-align: center; 
    margin: 0 auto;
    box-sizing: border-box;
    height: 60px;width: 100%;
    line-height: 60px;
    box-shadow: 0px 0px 20px 0px rgba(34, 24, 21, 0.1);
    border-radius: 30px;
    overflow: hidden;
    padding: 0 60px;
    background: #fff;
}
.prod_t li {
    display: inline-block;
    vertical-align: middle;
    height: 40px;
    line-height: 40px;
    font-size: 16px; background: #f5f5f5;border-radius: 25px;overflow: hidden;margin: 0 15px;
    padding: 0 2%;
    position: relative;
    cursor: pointer;
}
.prod_t li:after{
  display: block;content:"";width: 0;height:0;position: absolute;left: 0;right: 0;margin: 0 auto;top:50%;z-index: 1; transition: all ease 0.5s; background: #00923f;border-radius:25px;overflow: justify;
}
.prod_t li a{transition: all ease 0.5s;color: #555;
    position: relative;z-index: 2;
}
.prod_t li:hover:after{
    width: 100%;height: 100%;top: 0;
}
.prod_t li:hover a{color:#fff;
    
}
 .prod_all .picScroll-left1{ position:relative; 

 }
	.prod_all .picScroll-left1 .hd{ overflow:hidden;  height:38px;z-index: 1;  position: relative;text-align:center; min-width: 300px; margin: 0 auto;
top:-48px;
		    
		}
	.prod_all .picScroll-left1 .hd .prev{ display:block;  width:38px; height:38px;  position:absolute;left:20px; top: 0;
     cursor:pointer; border-radius: 50%;overflow: hidden;background: rgba(0,146,63,0.1); transform: rotate(180deg);
         color: #00923f;font-size:18px;text-align: center;line-height: 38px;}
         
     .prod_all .picScroll-left1 .hd .next{ display:block;  width:38px; height:38px;  position:absolute;right:20px; top: 0;
     cursor:pointer; border-radius: 50%;overflow: hidden; background:rgba(0,146,63,0.1);
         color: #00923f;font-size:18px;text-align: center;line-height: 38px;
     }
	
	.prod_all .picScroll-left1 .hd .prev:hover,.prod_all .picScroll-left1 .hd .next:hover{
	    background: #00923f;color: #fff;
	}		 

	.prod_all .picScroll-left1 .bd{ padding:0; position:relative; overflow:hidden; }
	.prod_all .picScroll-left1 .bd ul{ overflow:hidden; zoom:1; }
	.prod_all .picScroll-left1 .bd ul li{ float:left;  overflow:hidden; width:100%;box-sizing: border-box;display:block; 
	    min-height: 100px;
	}
	.prod_all .picScroll-left1 .bd ul li{ float:left;  overflow:hidden; width:100%}
	.prod_all .picScroll-left1 .bd ul li a{ 
	    width: 23.5%;margin: 0 2% 2% 0;display: block;float: left;
	}
	.prod_all .picScroll-left1 .bd ul li a:nth-of-type(4n){
	    margin-right: 0;
	}
	.prod_all .picScroll-left1 .bd ul li .pic{
	    overflow:hidden;
	}
	.prod_all .picScroll-left1 .bd ul li .pic img{ width:100%;  height:auto; display:block;transition: all ease 0.5s;
	}
	.prod_all .picScroll-left1 .bd ul li a:hover .pic img{
	    transform: scale(1.2);
	}
	.prod_all .picScroll-left1 .bd ul li a:hover .pic img{ border-color:#999;  }
	

	.prod_all.picScroll-left1 .tempWrap{ width:100% !important;}
.prod_all .picScroll-left1 .bd ul li a .txt{ text-align: center;font-size: 1rem;line-height: 50px; margin: 0;position: relative;z-index: 2;
height: 50px;
	background: #f5f5f5;}
    .prod_all .picScroll-left1 .bd ul li a .txt p{transition: all ease 0.5s;
        display: block;position: relative;z-index: 2;
    }
.prod_all .picScroll-left1 .bd ul li a .txt:after{content:"";position: absolute;bottom:0;left: 0;
    display: block;width: 0;height: 100%;background: #006cfd;transition: all ease 0.5s;
}
.prod_all .picScroll-left1 .bd ul li a:hover .txt:after{
    width: 100%;
}
.prod_all .picScroll-left1 .bd ul li a:hover .txt p{
    color: #fff;
}

/*产品特点*/
.feature{width: 100%;min-width: 1400px;background:#f5f5f5;padding-top: 80px; padding-bottom: 50px;overflow: hidden;}
.feature ul{ width:1400px; overflow:hidden; margin:30px auto;}
.feature ul li{ width:300px; height:160px; background:#FFF; float:left; border-radius:150px; text-align:center; padding-top:140px;}
.feature ul li:hover{ background:#006cfd; cursor:pointer; transition:.3s all ease-in-out;}
.feature ul li:hover p{ color:#FFF;}
.feature ul li:hover span{ color:#FFF;}
.feature ul .line{ float:left; width:66px; height:300px;}
.feature ul .li1{ background: url(f1.png) no-repeat 122px 75px #FFF;}
.feature ul .li1 p{ font-size:20px;}
.feature ul .li1 span{ font-size:14px; margin:0px auto; width:200px; display:block; line-height:23px; margin-top:10px;}
.feature ul .li1:hover{ background: url(f11.png) no-repeat 122px 75px #006cfd; cursor:pointer; transition:.3s all ease-in-out;}
.feature ul .li2{ background: url(f2.png) no-repeat 122px 75px #FFF;}
.feature ul .li2 p{ font-size:20px;}
.feature ul .li2 span{ font-size:14px; margin:0px auto; width:200px; display:block; line-height:23px; margin-top:10px;}
.feature ul .li2:hover{ background: url(f22.png) no-repeat 122px 75px #006cfd; cursor:pointer; transition:.3s all ease-in-out;}
.feature ul .li3{ background: url(f3.png) no-repeat 122px 75px #FFF;}
.feature ul .li3 p{ font-size:20px;}
.feature ul .li3 span{ font-size:14px; margin:0px auto; width:200px; display:block; line-height:23px; margin-top:10px;}
.feature ul .li3:hover{ background: url(f33.png) no-repeat 122px 75px #006cfd; cursor:pointer; transition:.3s all ease-in-out;}
.feature ul .li4{ background: url(f4.png) no-repeat 122px 75px #FFF;}
.feature ul .li4 p{ font-size:20px;}
.feature ul .li4 span{ font-size:14px; margin:0px auto; width:200px; display:block; line-height:23px; margin-top:10px;}
.feature ul .li4:hover{ background: url(f44.png) no-repeat 122px 75px #006cfd; cursor:pointer; transition:.3s all ease-in-out;}


/*公司优势*/
.youshi{overflow: hidden;
     width: 100%;min-width: 1400px;background:#f5f5f5 url(youshibg.jpg) center top no-repeat;padding:140px 0 80px 0;
}
.youshi .main_t p:before{ display: block;content: ""; float: left; margin-right: 20px; width: 66px; height: 45px; background: url(main_leftb.png)left center no-repeat; }
.youshi .main_t p:after{ display: block;content: ""; float: right; margin-left:20px; width: 66px; height: 45px; background: url(main_rightb.png)left center no-repeat; }
.youshi .main_t p{
    color: #fff;
}
.youshi .main_t dl{
    color: rgba(255,255,255,0.7);
}

.youshi_b{
  box-sizing: border-box;
}
.hidden{
    display: none;
}

.youshi_bt li{cursor: pointer;
    color: #fff;
    width: 23.5%;box-sizing: border-box;padding:30px 50px;float: left; background: rgba(255,255,255,0.1);border: 1px solid  rgba(255,255,255,0.2);
}
.youshi_bt li+li{
    margin-left: 2%;
}

.youshi_bt li .icon{font-size:54px;color: #fff;line-height: 60px;float: left;
}
.youshi_bt li .txt{line-height:30px;
    margin-left:12px;
}
.youshi_bt li .txt i{
    display: block;font-size: 28px;padding-top: 5px;
}
.youshi_bt li .txt em{ padding-top: 8px;line-height: 14px;
    display: block;color: rgba(255,255,255,0.6);font-size: 14px;
text-transform: uppercase;
}
.youshi_bt li:after{
    display: block;content:"";clear: both;
}
.youshi_bb{ margin-top:28px; padding: 50px;
    background: #fff url(images/youshibbg.jpg)center top no-repeat;
}
.youshi_bt li.nep01{
    background: #ff9000;
}
.youshi_bb .pic{
    width: 650px;height: 450px;overflow: hidden;
}
.youshi_bb .pic img{
    display: block;
}

.youshi_bb .txt{
    position: relative;width: 650px;padding-right: 50px;box-sizing: border-box;
}
.youshi_bb .txt .number{color: #fff;
    position: absolute;left: 0;top:-50px;width: 70px;background:#006cfd;border: 5px solid #fff;border-radius: 0 0 40px 40px;overflow: hidden;text-align: center;font-size: 40px;font-weight: bold;
    font-family:"arial";line-height: 60px; padding:15px 0 32px 0;border-top:none;
}
.youshi_bb .txt .number:after{left: 0;right:0;margin: 0 auto;
    display:block;content: "";width: 15px;height: 1px;background:rgba(255,255,255,0.6)}
.youshi_bb .txt dl{padding-top:70px;
    font-size: 36px;color: #222;line-height: 65px;font-weight: bold;
}
.youshi_bb .txt dt{border-bottom: 1px solid #dedede;padding-bottom: 25px; margin-bottom: 10px;
    font-size: 22px;color: #222;line-height: 30px;
}
.youshi_bb .txt p{
    font-size: 16px;font-weight: lighter;line-height: 32px;color: #999;padding-top: 15px;
}
.youshi_bb .txt span{
    color: #006cfd;
}
.youshi_bb .tel{
    background: #006cfd;line-height:50px;font-size: 15px;color: #fff;border-radius: 25px;overflow: hidden;margin-top:40px;
}
.youshi_bb .tel:before{ margin-right:10px;
    display: block;width: 50px;height: 50px;float: left;border-radius: 50%;overflow: hidden;background: #ff9000;text-align: center;font-size: 20px;
}
.youshi_bb .tel i{
    display: block;float: left;
}
.youshi_bb .tel em{
    display: block;float: left; font-size: 30px;font-family: "arial";
}
.youshi_bb .tel a{text-align: center;color: #fff;font-size: 15px;
    display: block;width: 180px;border-radius: 25px;overflow: hidden;background: rgba(255,255,255,0.15);float: right;margin-right: 5px;
}
.youshi_bb .tel a:hover{
    background: #ff9000;
}

/*应用案例*/
.case_all{
    width: 100%;min-width: 1400px;background: #fff ;padding-top: 80px;
}
case_all .case_b {
    padding: 50px 0 20px 0;
    width: 86%; min-width: 1300px; margin: 0 auto;
    height: auto;

    overflow: hidden;
}
.case_all .certify {
	position: relative;

	margin: 30px auto 0;
}

.case_all .certify .swiper-slide {
    position: relative;
	width: 600px;
	height: 450px;
    background: #fff;position: relative;
	/*box-shadow: 0 8px 30px #ddd;*/
}

.case_all .certify .swiper-slide img{
    width: 100%;
    max-height: 450px;
	display:block;
}
.case_all .certify .swiper-slide p {
	line-height:50px;
background:rgba(255,255,255,0.7);position: absolute;left: 0;right: 0;bottom: 0;
	text-align: center;
	color: #333;
	font-size: 1.2em;
	margin: 0;
}

.case_all .certify .swiper-pagination {
	width: 100%;
	bottom: 20px;
}
    
.case_all .swiper-container{
    padding-bottom: 50px !important;
}

.case_all .certify .swiper-button-prev {
	left: 30px;     outline-color: transparent;
	width: 45px;
	height: 45px;
	background: url(images/100424_case_03_button_icon.png) no-repeat;
	background-position: 0 0;
	background-size: 100%;
    transition: 0s;
    opacity: 1;
}

.case_all .certify .swiper-button-prev:hover {
	background-position: 0 -46px;
	background-size: 100%;
}

.case_all .certify .swiper-button-next {    outline-color: transparent;
	right: 50px;
	width: 45px;
	height: 45px;
	background: url(images/100424_case_03_button_icon.png) no-repeat;
	background-position: 0 -93px;
	background-size: 100%;
    transition: 0s;
    opacity: 1;
}

.case_all .certify .swiper-button-next:hover {
	background-position: 0 -139px;
	background-size: 100%;
}
.swiper-button-next, .swiper-button-prev { top: 44%;}

/*合作流程*/
.process{
    width: 100%;min-width: 1400px;background: #fff url(processbg.jpg)center bottom no-repeat;padding-top:20px; padding-bottom: 25px;
}
.process .box li{
    display: block;width: 165px;text-align: center;line-height: 30px;cursor: pointer;
}
.process .box li .icon{margin: 0 auto;
    width:100px;height: 100px;background: #006cfd;border:10px solid #c9ddf8;box-sizing: border-box; font-size: 34px;line-height: 80px;color: #fff;overflow: hidden;border-radius: 50%;
}
.process .box li:hover .icon,.process .box .on .icon{background: #ff9000;border:10px solid #ffe7c8;}
.process .box li dl{
    font-size: 22px;color: #222;line-height: 40px; padding-top: 10px;
}
.process .box li p{
    font-size: 15px;color: #666;font-weight: lighter;line-height: 26px;
}
.process .box i{
    display: block;color: #d9d9d9;font-size: 30px;width: 82px;text-align: center;margin:30px auto;float: left;
}
.process .box li em{position: relative;z-index: 2;
    display: block;font-size: 16px;color: #888; background: url(images/icobg001.png)center no-repeat; width: 33px;height: 37px; margin: 20px auto;line-height: 37px;
}
.process .box:before{
    display: block;content: "";width: 100%;border-bottom: 2px dotted #ddd;position: absolute;left: 0;right: 0;bottom:38px;z-index: 1;
}


.liuyan{width:1400px;position: relative;margin: 0 auto;
    height: 230px;
}

.liuyan .code{
   padding: 60px 0 0 20px;
}
.liuyan .code img{ width: 160px;
    display: block;height: auto;
}
.liuyan .code .font{
    margin-left: 15px;
}
.liuyan .code .font a{font-size: 30px;
    display: block;line-height: 50px;color: #fff; padding-top: 18px;
}
.liuyan .code p{
    font-size: 16px;color: rgba(255,255,255,0.6);line-height:28px;padding-top: 10px;
}


.liuyan .feedback_c{
    width: 983px;margin-left:30px; padding-top:82px;
}
.liuyan .feedback_c li{
    width:314px;background: rgba(255,255,255,0.12);float: left;
}
.liuyan .feedback_c li:nth-of-type(2),.liuyan .feedback_c li:nth-of-type(3){
    margin-left: 20px;
}
.liuyan .feedback_c li:nth-of-type(n+4){
    margin-top: 20px;
}


.liuyan .feedback_c li input{color: #fff;
    display: block;width: 100%;background: none;border: none;font-size: 15px; padding-left: 20px;box-sizing: border-box;
    line-height: 50px;
}
.liuyan placeholder{
    color: #fff;
}
.liuyan textarea{width: 100%;background: none;border: none;font-size: 15px; padding-left: 20px;box-sizing: border-box;
    line-height: 50px;height: 50px;
}
.liuyan .fb_message{
    margin-right: 20px;width: 648px !important; height: 50px;overflow: hidden;
}
.liuyan .yzma {width:155px !important; }
.liuyan .yzma input{color: #fff;
    padding: 0 !important;text-align: center;width: 70px !important;float:left;
}
.liuyan .yzma img{
    display: block;float: left;width: 80px; padding-top:15px;
}
.liuyan .text-center{width:150px !important; color: #fff;
   line-height: 50px; margin-left: 10px;text-align: center;
}
.liuyan .text-center a{
    font-size: 15px;color: #fff;
}

.liuyan input::-webkit-input-placeholder, .liuyan textarea::placeholder{color:#fff;

}

/*公司简介*/
.about_all{width:100%;min-width:1400px;padding:80px 0;background:#f1f1f1}
.about_b{background:#fff;height:700px}
.aboutl{padding:50px 55px 50px 50px;font-size:15px;color:#666;line-height:32px}
.aboutl .txt dl{font-size:34px;line-height:44px;color:#222;font-weight:700}
.aboutl .txt dt{display:block;position:relative;font-size:15px;text-transform:uppercase;font-family:arial;line-height:34px;padding-bottom:20px}
.aboutl .txt dt:after{display:block;content:"";width:50px;background:#ddd;height:1px;margin-top:18px}
.aboutl .txt p{text-align:justify;font-weight:lighter}
.aboutl .txt a{display:block;width:180px;background:#006cfd;margin-top:30px;text-align:center;color:#fff;font-size:15px;line-height:46px}
.aboutl .txt a:hover{background:#ff9000;color:#fff}
.plant_all{margin-top:38px;}
.plant_b{overflow:hidden}
.plant_b li{float:left;margin-right:20px;width:300px;position:relative;overflow:hidden}
.plant_b li .pic{width:300px}
.plant_b li .pic img{display:block;width:100%;height:auto}
.plant_b li .txt{position:relative;width:300px;text-align:center;font-size:15px;color:#555;line-height:48px;background:#f5f5f5}
.plant_b li .txt span{position:relative;display:block;z-index:9}
.plant_b li .txt:after{display:block;position:absolute;content:" ";top:0;left:0;width:0;height:48px;transition:all .3s;background:#006cfd}
.plant_b li:hover .txt:after{width:300px}
.plant_b li:hover .txt{color:#fff}

    
.pro_content_con .video { display: block;margin: 0 auto;max-width: 100%; max-height: 600px;
    
}    
.pro_content_con{
    padding: 50px;background: #f5f5f5;
}

    .caizhi{
        
      }
      .caizhil{
        width: 400px;height: 300px;float: left;
      }
      .caizhil img{
        display: block;width: 100%;height: auto;
      }
      .caizhilr{
        font-size: 1rem;width: 300px;float: left;text-align: center;height: 300px;background: #f9f9f9;box-sizing: border-box;padding-top:65px;
      }
      .caizhilr dl{color: #222;
        font-size: 1.6rem;line-height: 4rem;
      }
      .caizhilr a{
        display: block;font-size: 1rem;color: #666;line-height: 2rem;
      }
      .caizhit{ margin-bottom: 1rem;
        text-align: center;font-size: 2rem;color: #222;line-height: 4rem; 
      }
			
			
    .mod1538 .news_bg { background: #fff;
        padding:60px 0 80px 0;
    }
    .mod1538 .news_tab {
        display: flex;
        justify-content: center;
    }
    .mod1538 .news_tab a {
        display: block;
        width: 172px;background: #f5f5f5;
        line-height: 42px;
        text-align: center;
        font-size: 18px;
        color: #333;
        font-weight: lighter;
        transition: all .3s ease;
        border-radius: 25px;
        box-shadow: 0 0 10px #eee;
    }
    .mod1538 .news_tab a:nth-child(2) {
        margin: 0 35px;
    }
    .mod1538 .news_tab a.on {
        color: #fff;
        background: #00923f;
    }
    
    .mod1538 .news_content {
        margin-top: 30px;
    }
    .mod1538 .news_content li {
        display: flex;
        justify-content: space-between;
    }
    .mod1538 .news_content .news_l {
        width: 48%;
    }
    .mod1538 .news_content .news_l dl {
        display: flex;
        justify-content: space-between;
        padding: 3.5%;
        background: #f5f5f5;
        position: relative;
    }
    .mod1538 .news_content .news_l dl:last-of-type {
        margin-top: 2.7%;
    }
    .mod1538 .news_content .news_l dt {
        overflow: hidden;
        width: 40%;
    }
    .mod1538 .news_content .news_l dt a {
        display: block;
        width: 100%;
        height: 0;
        padding-bottom: 75%;
    }
    .mod1538 .news_content .news_l dt img {
        display: block;
        width: 100%;
        transition: all .6s ease;
    }
    .mod1538 .news_content .news_l dd {
        width: 56%;
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
    }
    .mod1538 .news_content .news_l dd .news_t a {
        display: block;
        font-size: 18px;
        color: #666;
        line-height: 18px;
    }
    .mod1538 .news_content .news_l dd .news_w p {
        font-size: 14px;
        color: #666;
        font-weight: lighter;
        line-height: 30px;
        height: 90px;
    }
    .mod1538 .news_content .news_l dd .news_ctime {
        position: relative;
    }
    .mod1538 .news_content .news_l dd .news_ctime span {
        display: block;
        font-size: 14px;
        color: #666;
    }
    .mod1538 .news_content .news_l dd .news_ctime:after {
        position: absolute;
        display: block;
        content: " ";
        top: -1px;
        left: 86px;
        width: 21px;
        height: 21px;
        transition: ease 0.6s;
        border-radius: 50%;
        background:#006cfd url(icon.png) center no-repeat;
    }
    
    .mod1538 .news_content .news_r {
        width: 50%;
    }
    .mod1538 .news_content .news_r dl {
        display: flex;
        justify-content: space-between;
        margin-bottom: 2%;
        padding: 2%;
        background: #f5f5f5;
        position: relative;
    }
    .mod1538 .news_content .news_r dl:last-of-type {
        margin-bottom: 0;
    }
    .mod1538 .news_content .news_r dl dt {
        width: 24.8%;
        overflow: hidden;
    }
    .mod1538 .news_content .news_r dl dt a {
        display: block;
        width: 100%;
        height: 0;
        padding-bottom: 75%;
    }
    .mod1538 .news_content .news_r dl dt a img {
        display: block;
        width: 100%;
        transition: all .6s ease;
    }
    .mod1538 .news_content .news_r dl dd {
        width: 72%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .mod1538 .news_content .news_r dl dd .news_txt {
        padding-right: 18px;
        width: 80%;
        border-right: 1px solid #eee;
    }
    .mod1538 .news_content .news_r dl dd .news_txt a {
        display: block;
        font-size: 18px;
        color: #666;
        line-height: 18px;
    }
    .mod1538 .news_content .news_r dl dd .news_txt p {
        font-size: 14px;
        color: #666;
        font-weight: lighter;
        line-height: 30px;
        height: 60px;
        margin-top: 10px;
    }
    .mod1538 .news_content .news_r dl dd .news_ctime {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        font-family: "Arial";
        color: #666;
    }
    .mod1538 .news_content .news_r dl dd .news_ctime b {
        display: block;
        font-size: 24px;
        line-height: 24px;
    }
    .mod1538 .news_content .news_r dl dd .news_ctime span {
        display: block;
        font-size: 16px;
    }
    .mod1538 .news_content .news_r dl dd .news_ctime a {
        display: block;
        margin-top: 5px;
        width: 21px;
        height: 21px;
        border-radius: 50%;
        background:#006cfd url(icon.png) center no-repeat;
    }
    .mod1538 .news_content dl:hover img {
        transform: scale(1.1);
    }
    .mod1538 .news_content dl:hover dd .news_t a,.mod1538 .news_content dl:hover dd .news_txt a {
        color: #006cfd;
    }
    .mod1538 .news_content dl:hover dd .news_ctime:after {
        left: 100px;
    }