/********ban*********/
.i-banner{
	width: 100%;
}
.i-banner .swiper-slide{
	min-height: 0;
}

.i-banner .swiper-slide a{
	display: block;
}
.i-banner .swiper-pagination-bullet{
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #368a2a;
	opacity: 0.5 ;
}
.i-banner .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{
	margin: 0 3px;
}
.i-banner .swiper-pagination-bullet-active{
	opacity: 1;
}
.i-banner .swiper-slide{
	position: relative;
}
.i-banner .swiper-slide p{
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: center;
	width: 100%;
	line-height: 2;
	padding: 10px 0;
	font-size: 14px;
	color: #fff;
	background: url(../images/opacity_bg.png);
}
.i-banner .sales-find{
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 2;
	margin-left: -350px;
	margin-top: -98px;
	width: 700px;
}
.i-banner .sales-find h3{
	font-size: 36px;
	color: #ffffff;
	line-height: 1.5;
	text-align: center;
	margin-bottom: 5%;
}
.i-banner .sales-find .form{
	height: 65px;
	width: 700px;
	margin: 0 auto 6%;
}
.i-banner .sales-find .form .text{
	float: left;
	width: 74%;
	border: none;
	background: #fff;
	border-radius: 3px 0 0 3px;
	padding-left: 2%;
	line-height: 65px;
	height: 65px;
	font-size: 14px;
}
.i-banner .sales-find .form .submit{
	float: left;
	width: 24%;
	border-radius: 0 3px 3px 0;
	background: #ff0000;
	font-size: 20px;
	color: #ffffff;
	line-height: 65px;
	height: 65px;
	border: none;
}
.i-banner .sales-find-link{
	height: 20px;
	line-height: 20px;
	font-size: 16px;
	color: #ffffff;
	text-align: center;
	position: absolute;
	left: 50%;
	margin-left: -350px;
	width: 700px;
	top: 50%;
	margin-top: 98px;
	z-index: 2;
}
.i-banner .sales-find-link a{
	color: #fff;
}
.i-banner .sales-find-link a:hover{
	color: #ff0000;
}
.i-banner .sales-find-link span{
	margin: 0 22px;
}

.ind-main{width: 100%;
	background: #fcfcfc url(../images/i_bg.jpg) repeat-y 0 120px;
	padding-bottom: 80px;}



/******产品分类******/
.phoneBg{float:left;width:100%; padding:50px 0;}
.indexPart1{ padding:80px 0;}
.indexPart1_l{ width:32%;}
.indexPart1_l .name1{ font-size:24px; color:#222; text-transform:uppercase;}
.indexPart1_l .name2{ font-size:20px; color:#222; font-weight:bold;}
.indexPart1_l .tab{float:left;width:100%;padding-top:15px; margin-bottom:20px;}
.indexPart1_l .tab a{ font-weight:bold;color:#142946; font-size:16px; border-bottom:#1b406d solid 3px; padding-bottom:5px;}
.indexPart1_l .tabContentDiv{float:left;width:100%;}
.indexPart1_l .content{ font-size:14px; line-height:24px; margin-bottom:25px;}
.indexPart1_l .btnDiv a{ display:block; width:150px; height:45px; background:#368a2a; color:#fff; text-align:center; line-height:45px; font-size:14px;}
.indexPart1_r{ width:63%;}
.indexPart1_r p{ position:absolute; left:18px; top:28px; font-size:16px;}
.indexPart1_r span{opacity:0.5;text-transform: uppercase;}
.indexPart1_r_l{ margin-left:6px;width:-webkit-calc(20% - 6px); width:-moz-calc(20% - 6px); width:calc(20% - 6px);}
.indexPart1_r_l li{ width:100%; margin-bottom:6px; position:relative;}
.indexPart1_r_l li a{ display:block; color:#fff;}


.indexPart1_r_m{ margin-left:6px;width:-webkit-calc(40% - 6px); width:-moz-calc(40% - 6px); width:calc(40% - 6px); position:relative;}
.indexPart1_r_m a{ display:block; color:#fff;}
.indexPart1_r_r{ width:40%;}
.indexPart1_r_r li{width:-webkit-calc(50% - 6px); 
width:-moz-calc(50% - 6px); 
width:calc(50% - 6px); margin-bottom:6px; position:relative; margin-left:6px; float:left;}
.indexPart1_r_r li a{ display:block; color:#fff;}
.indexPart1_r img{ width:100%;}

.tabContentDiv .hidde{display:none;}


/******about******/

.indexPart2{ float:left;width:100%; background:#1b406d url(../images/about.jpg) left top no-repeat;background-size:50%;color:#fff; }
.indexPart2_r{ width:45%; position:relative; padding:50px 0px; margin-left:5%;}
.indexPart2_r .txt{ padding:5% 0 0 0; font-size:36px; text-transform:uppercase; font-weight:bold;}
.indexPart2_r .name{ font-size:28px;}
.indexPart2_r .name a{ color:#fff;}
.indexPart2_r .content{ font-size:14px; line-height:26px; padding:20px 0px 0 0px; margin:50px 0px}
.indexPart2_r .btnDiv{ padding:35px 0 0 0px;}
.indexPart2_r .btnDiv a{ display:block; width:148px; height:43px; color:#fff; border:#fff solid 1px; font-size:14px; text-align:center; line-height:43px;}
.indexPart2_r .imgDiv{ padding:50px 0 0 0px;}
.indexPart2_r .imgDiv video{ width:385px; height:225px;}
.indexPart2_r .imgDiv img{ width:385px; height:225px;}


.indexPart3_l{ width:50%; position:relative;}
.indexPart3_l a{ color:#fff;display:none;}
.indexPart3_l .imgDiv img{ width:100%;height:360px;}
.indexPart3_l .title{ width:200px; text-align:center; position:absolute; left:50%; top:35%; margin-left:-100px; color:#fff; font-size:14px; z-index:22}
.indexPart3_l .name{ width:90%; text-align:center; position:absolute; left:50%; top:43%; margin-left:-45%; color:#fff; font-size:28px; z-index:22}
.indexPart3_l .btnDiv{ width:150px; height:45px; position:absolute; left:50%; top:60%; margin-left:-75px; z-index:22}
.indexPart3_l .btnDiv a{ display:block; width:148px; height:43px; color:#fff; border:#fff solid 1px; font-size:14px; text-align:center; line-height:43px;}
.indexPart3_l .hideBox{ position:absolute; left:0px; top:0px; width:100%; height:100%; display:none; z-index:11; background:url(../images/bg3.png) repeat;}
.aboutPart1{ padding:40px 0;}
.aboutPart1_l{ width:45%; padding-right:5%;}
.aboutPart1_l .year{ font-size:48px; color:#ddd; padding-top:20px;}
.aboutPart1_l .txt1{ font-size:24px; color:#008D63;}
.aboutPart1_l .txt2{ color:#008D63; font-size:18px; text-transform:uppercase; padding-bottom:25px;}
.aboutPart1_l .content{ font-size:14px; line-height:30px;}
.aboutPart1_r{ width:50%;}
.aboutPart1_r .imgDiv img{ width:100%;}

.aboutPart2{ padding:80px 0; background:#f5f5f5;}
.aboutPart2_l{ width:46%;}
.aboutPart2_l .imgDiv img{ width:100%;}
.aboutPart2_r{ width:48%;}
.aboutPart2_r h2{ padding:90px 0 30px; font-size:18px; color:#008c63;}
.aboutPart2_r .content{ font-size:14px; line-height:30px; padding-bottom:40px;}
.aboutPart2_r .list li{ float:left; width:25%;text-align:center;}
.aboutPart2_r .list li .box{ height:90px; border-right:#e5e5e5 solid 1px; padding:0 15px; }
.aboutPart2_r .list li h1{ font-size:48px;}
.aboutPart2_r .list li:last-child .box{ border-right:none;}

.aboutPart2Tel{ display:none; padding-bottom:50px;}
.aboutPart2Tel .imgDiv img{ width:100%;}


/******产品***/
.wel-product { float:left; width:100%; padding: 80px 0;}
.wel-product-title {
        font-size: 24px;
        color: #24272b;
        line-height: 42px;
        margin-bottom: 22px;
        font-weight: bold;
        position: relative
    }

.wel-product-title a {
        display: inline-block;
        font-size: 14px;
        position: absolute;
        top: 0;
        right: 0;
        width: 95px;
        transition: color .3s
    }

.wel-product-title span {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background: #b0b0b0 url(../images/wel04.png) no-repeat center;
        display: inline-block;
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -12px;
        transition: background .3s
    }

    .wel-product ul li a {
        width: 100%;
        text-align: center;
        height: 100%;
        display: block;
        background: #f8f8f8;
        overflow: hidden;
        position: relative;
        cursor: pointer;
        transition: box-shadow .3s
    }
	.wel-product a img{ width:100%;}
	.wel-product1 ul li{ float:left; width:23.5%; margin-left:2%;}
	.wel-product2 ul li{ float:left; width:19.2%; margin-left:1%;}
	.wel-product ul li:first-child{ margin-left:0;}
	.wel-product ul li a h5{float:left;width: 100%;line-height:50px;height: 50px;    font-size: 16px;}
	
	.wel-product2{background: #f8f8f8;}
	.wel-product2 ul li a{background: #e8e7e7;}
	
/******tip*******/
.wel-video { float:left;
        width: 100%;
        position: relative;
        background-size: 100% !important;
        overflow: hidden
}
.wel-video img{ width:100%;}



/********新闻********/
.wel-news {float:left;width:100%;padding: 49px 0 79px}
.wel-news .container {width: 100%; padding: 0}
.wel-news ul { font-size:34px; color:#012152; width:100%; margin-bottom:2.5%; height: 34px; line-height: 34px; }

.wel-news ul a{font-size: 16px; color: #fff; margin-top: 10px;}
.wel-news ul li { width:22.8%; margin-right:2.9333%; overflow:hidden; float: left; }
.wel-news ul li:last-child {  margin-right:0;}
.wel-news ul li  p { float:left; width:100%; overflow:hidden; }
.wel-news ul li  p img{width:100%;}
.wel-news ul li .inctit{ font-size:16px; margin:6% 0 5% 0; }
.w_box{ float:left;width: 94%;background:#fff; padding:30px 3%;}
.wel-news ul li .inctit a{color: #323232;display:inline-block;width:-webkit-calc(100% - 40px);width:-moz-calc(100% - 40px);width:calc(100% - 40px);line-height:21px;height:21px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.wel-news ul li .inctit > span { color:#969696; float:right; }
.wel-news ul li .inctit > span > small { font-size:12px; }
.wel-news ul li .indes { font-size:13px; color:#828282; line-height:26px;height:78px;overflow:hidden; }




@media(max-width:1600px) {
	.indexPart2_r{padding:50px 0px;}
	.indexPart2_r .txt{ font-size:32px;padding: 4% 0 0 0;}
	    
	.indexPart2_r .btnDiv{ padding:10px 0 0 0px;}
	.indexPart2_r .imgDiv{ padding:19px 0 0 0px;}
}
@media(max-width:1440px) {
    .w1400 { width: 92%} 
	
	.indexPart2 {background-size: 53%;}
	.indexPart2_r .txt{ font-size:32px;padding: 3.5% 0 0 0;}
	.indexPart2_r .btnDiv a {
    width: 120px;
    height: 32px;
    line-height: 32px;}
	.indexPart2_r .content {padding: 10px 0px 0 0px;}

}
@media(max-width:1366px) {
	.indexPart2_r .content { padding: 10px 0px 0 0px;}
	.indexPart2_r .imgDiv video {width: 300px;height: 185px;}
	.indexPart2_r .imgDiv img {width: 300px;height: 185px;}
}
@media(max-width:1330px) {
    .w1300 {
        width: 92%
    }
}

@media(max-width:1280px) {
	.indexPart1_r_l {
		width: -webkit-calc(25% - 6px);
		width: -moz-calc(25% - 6px);
		width: calc(25% - 6px);
	}
	.indexPart1_r_m {
    width: -webkit-calc(50% - 6px);
    width: -moz-calc(50% - 6px);
    width: calc(50% - 6px);}
	.indexPart1_r_r {width: 25%;}
	.indexPart1_r_r li {
    width: -webkit-calc(100% - 6px);
    width: -moz-calc(100% - 6px);
    width: calc(100% - 6px);}

}


@media(max-width:1024px) {
	
	.indexPart1_l {width: 100%; margin-bottom:30px;}
	.indexPart1_r {width: 100%;}
	.indexPart2{ background:#1b406d;}
	.indexPart2_r {width: 100%;    margin-left: 0%;}
	.indexPart2_r .content p{ font-size:14px;}
	.indexPart2_r .imgDiv video{width: 385px; height: 225px;}
	.indexPart2_r .imgDiv img{ width: 385px; height: 225px;}
	.indexPart2_r .txt {font-size: 28px;}
	
    .wel-product {
        padding: 40px 0;
    }
    .wel-news {
        padding: 29px 0 39px
    }
}

@media(max-width:768px) {
	.indexPart2_r .txt { font-size: 22px;}
	.indexPart2_r .name { font-size: 24px;}
	.indexPart2_r .content { padding: 0;  line-height: 22px;}
	.indexPart2_r .btnDiv a {width: 100px;}
	
    .wel-case-title,
    .wel-product-title {
        font-size: 16px;
        line-height: 36px;
        margin-bottom: 12px
    }
	
	.wel-product ul li {width: 48%; margin-left: 4%;}
	.wel-product ul li:nth-child(2n+1){margin-left: 0;}
	.wel-product2 ul li:nth-child(5){ display:none;}
    .wel-video video {
        margin-top: -264px
    }
    .wel-news .wnews {padding-bottom: 10px}
	.wel-news ul li {width: 48%;margin-right: 4%; margin-bottom:20px;}
	.wel-news ul li:nth-child(2n){ margin-right: 0;}
	.wel-news ul li .inctit { margin: 2% 0 2% 0;}
}

@media(max-width:600px) {
    .indexPart2_r .txt { font-size:18px;}
	.indexPart2_r .content { line-height: 20px;}
	.indexPart2_r .btnDiv{ display:none;}
}

@media(max-width:580px) {
   
}

@media(max-width:480px) {
	.indexPart1_r p{left:10px; top:18px; }
	.indexPart1_r span{ font-size:13px;}
	
	.indexPart1_l .btnDiv a {width: 120px; height: 35px;line-height: 35px;}
	
	.indexPart2_r {width: 100%; margin-left: 0%;}
    

	.indexPart1_l .name1 {font-size: 18px;}
}
@media(max-width:480px) {
	.indexPart1_r p{left:5px; top:10px; }
	.indexPart2_r .imgDiv {display:block;}
	.indexPart2_r .imgDiv video {width: 100%;height: 225px;}
	.indexPart2_r .imgDiv img{width: 100%;height: 225px;}
	.wel-video img {width: 180%;}
	}
@media(max-width:375px) {
	.indexPart1_r_l {margin-left:0;width: 100%;}
	.indexPart1_r_l li { float:left;width: 50%;}
	.indexPart1_r_m{margin-left:0;width: 100%;margin-bottom: 6px;}
	.indexPart1_r_r{margin-left:0;width: 100%;}
	.indexPart1_r_r li { float:left;width: 50%; margin-left: 0;}
	
	
	.indexPart1_r p{ font-size:14px;}
	.indexPart1_r span{ font-size:12px;}
}

@media(max-width:320px) {
	.indexPart1_r_l {margin-left:0;width: 100%;}
	.indexPart1_r_l li { float:left;width: 50%;}
	.indexPart1_r_m{margin-left:0;width: 100%;margin-bottom: 6px;}
	.indexPart1_r_r{margin-left:0;width: 100%;}
	.indexPart1_r_r li { float:left;width: 50%; margin-left: 0;}
	
	.wel-product ul li{ width:100%; margin-left: 0;}
	.wel-news ul li { width: 100%;margin-right: 0;}
}
	

@media(min-width:1025px) {
    .wel-case .slides li:hover .con {
        bottom: 0
    }
    .wel-case .slides li:hover .font-bg {
        opacity: .3;
        filter: alpha(opacity=30)
    }
    .wel-product-title a:hover {
        color: #368a2a
    }
    .wel-product-title a:hover span {
        background: #368a2a url(../images/wel04.png) no-repeat center
    }
	.wel-product ul li a:hover {
        box-shadow: 0 0 30px rgba(0, 0, 0, .1)
    }

}