@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:125px; background:url(topbg.jpg) repeat-y top center;}
.top_l{width:250px;height:125px;background:url(logo.jpg) no-repeat; text-indent:-9999px;}
.top_c{ margin-left:53px; font-size:20px; color:#282a29; padding-top:32px; line-height:32px;}
.top_c p{ color:#265ebf; font-size:22px; font-weight:bold;}

/*导航*/
.nav{ height:125px; float:right;}
.nav>ul>li{ position:relative;float: left;}
.nav>ul>li>a{ font-size:1.06rem; display:block; line-height:125px; position:relative; padding:0px 0px; margin:0px 23px;} 
.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:100px; 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; }
.main_t p:after{ display: block;content: ""; float: right; margin-left:20px; width: 66px; height: 45px; }
.main_t dl{
 font-weight:lighter;line-height: 32px;
}

/*index title*/
.index_title{ width:auto; height:auto; font-size:22px; color:#777777; padding:30px 0px; line-height:40px;}
.index_title p{ font-size:30px; color:#3b3b3b; font-weight:bold;}
.index_title p i{ color:#265ebf; font-style:normal; }

/*about*/
.about{ width:auto; height:1046px; background:url(about.jpg) no-repeat top center;}
.about_c{ width:1440px; margin:0px auto; padding-top:40px;}
.about_c1{ width:935px; height:auto; text-indent:2em; color:#666666; font-size:16px; line-height:30px; margin:10px 0px 0px 0px;}
.about_c1 a{ padding:18px 55px; background:#265ebf; color:#FFF; margin-top:20px; clear:both; float:left; text-indent:0em;}
.about_c1 a:hover{ color:#FFF !important; font-weight:bold;}
.about_ul{ width:auto; height:auto; float:left; border:1px solid #e5e5e5; margin-top:40px; padding:30px 0px 30px 38px;}
.about_ul li{ float:left; height:97px; width:195px; background:#FFC; font-size:38px; color:#265ebf; padding-top:13px;}
.about_ul li p{ color:#333333; font-size:18px;}
.about_ul li i{ color:#333333; font-size:13px;}
.about_ul .li_bg1{ background:url(about01.jpg) no-repeat 85px 10px; border-right:1px solid #e5e5e5; margin-right:20px;}
.about_ul .li_bg2{ background:url(about02.jpg) no-repeat 85px 10px; border-right:1px solid #e5e5e5; margin-right:20px;}
.about_ul .li_bg3{ background:url(about03.jpg) no-repeat 85px 10px;}


.index_pt_bg{ width:auto; height:auto; background:url(index_pt.jpg) no-repeat top center; padding:50px 0px 50px 0px}
.index_pt{ width:1440px; height:380px; margin:0px auto 30px auto;}
.index_pt_l{ height:280px; float:left;  margin-top:65px;}
.index_pt_l_p{ font-size:18px; color:#333333; margin:-22px 0px 20px 0px}
.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:310px;  overflow: hidden; position:relative;transition:1.1s transform;}
.mk .bd ul li .img1{ display: block; width:436px; height:310px;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; font-size:16px;}
.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: 1440px;margin-top: 20px;
}
.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 .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:700px;box-sizing: border-box;display:block;min-height: 100px;}
.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 .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;}

/*案例*/
.anli{ width:1440px; height:auto; margin:30px auto; overflow:hidden;}
.anli ul li{ width:700px; height:410px; float:left; margin:0px 40px 35px 0px; overflow:hidden; border-radius:10px; position:relative;}
.anli ul li img{ width:700px; height:410px;  transition: all ease 0.6s;}
.anli ul li a:hover img{transform: scale(1.1);}
.anli ul li:nth-of-type(2n){margin-right: 0;}
.anli ul li p{ text-align:center; width:100%; height:40px; line-height:40px; background:#000; color:#FFF; position:absolute; bottom:0px; font-size:15px; opacity:0.55; *filter:alpha(opacity=55);}
.anli_more{ width:260px; height:40px; line-height:40px; text-align:center; border:1px solid #e5e5e5; display:block; margin:0px auto; border-radius:10px;}

/*首页 form*/
.index_form{ width:auto; height:auto; background:#f5f5f5; }
.index_formc{ width:1440px; height:auto; margin:0px auto; overflow:hidden; padding-bottom:50px;}


.index_formc .feedback_c{width: 1440px; padding-top:45px;}
.index_formc .feedback_c li{width:460px;background: rgba(255,255,255,0.12);float: left;}
.index_formc .feedback_c li:nth-of-type(2),.index_formc .feedback_c li:nth-of-type(3){margin-left: 30px;}
.index_formc .feedback_c li:nth-of-type(n+4){margin-top: 30px;}
.index_formc .feedback_c li input{color: #333; display: block;width: 100%;background: #FFF;border: none;font-size: 15px; padding-left: 20px;box-sizing: border-box; line-height: 50px;}
.index_formc placeholder{color:#ccc;}
.index_formc textarea{width: 100%;background: #FFF;border: none;font-size: 15px; padding-left: 20px;box-sizing: border-box; line-height: 50px;height: 50px;}
.index_formc .fb_message{margin-right: 20px;width: 1020px !important; height: 50px;overflow: hidden;}
.index_formc .yzma{width:240px !important;}
.index_formc .yzma input{color: #fff; padding: 0 !important;text-align: center;width: 130px !important;float:left;}
.index_formc .yzma img{display: block;float: left;width: 110px; height:48px; padding-top:1px;}
.index_formc .text-center{width:150px !important; color: #fff; line-height: 50px; margin-left: 10px;text-align: center; background:#ff9000 !important;}
.index_formc .text-center a{font-size: 15px;color: #fff;}
.index_formc input::-webkit-input-placeholder, .index_formc textarea::placeholder{color:#ccc;}





/*产品特点*/
.feature{width: 100%;min-width: 1400px; padding-top: 20px; overflow: hidden;}
.feature ul{ width:1400px; overflow:hidden; margin:0px 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 #265ebf; 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 #265ebf; 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 #265ebf; 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 #265ebf; cursor:pointer; transition:.3s all ease-in-out;}


/*应用案例*/
.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%;}


/*公司简介*/
.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}

/*index 新闻*/
.index_news{width:1440px; height:auto; margin:30px auto; overflow:hidden;}
.index_news_l{ width:608px; float:left; border:1px solid #eeeeee;}
.index_news_l img{ width:608px; height:400px;}
.index_news_l div{ padding:30px;}
.index_news_l div span{ display:block; background:#265ebf; color:#FFF; text-align:center; width:100px; height:30px; line-height:30px;}
.index_news_l div a{ color:#202020; font-size:20px; line-height:50px;}
.index_news_l div p{ font-size:14px; line-height:25px;}
.index_news_r{ width:800px; height:500px; float:right;}
.index_news_r ul{}
.index_news_r ul li{ width:388px; height:380px; float:left; border:1px solid #eeeeee;}
.index_news_r ul li img{ width:388px; height:220px;}
.index_news_r ul li div{ padding:25px;}
.index_news_r ul li div span{ display:block; background:#265ebf; color:#FFF; text-align:center; width:100px; height:30px; line-height:30px; margin-bottom:15px;}
.index_news_r ul li div a{ color:#202020; font-size:20px; line-height:30px;}
.index_news_r ul li:nth-of-type(2){margin-left: 20px;}
.index_news_r_div{ width:738px; height:130px; float:left; border:1px solid #eeeeee; margin-top:20px; padding:30px;}
.index_news_r_div span{ display:block; background:#265ebf; color:#FFF; text-align:center; width:100px; height:30px; line-height:30px;}
.index_news_r_div a{ color:#202020; font-size:20px; line-height:50px;}
.index_news_r_div p{ font-size:14px; line-height:25px;}



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