/**news**/
.ban_img{
	width:100%;
	height:100%;
}
.ban_wz {
    width: 54%;
    margin: 0 auto;
	color:#fff;
}
.ban_wz h3 {
    line-height: 60px;
    margin-top: 0;
    letter-spacing: 1px;
    margin-bottom: 40px;
    text-transform: capitalize;
    font-weight: 600; 
	font-family:Arial, Helvetica, sans-serif;
	 font-size: 65px;
	}
.ban_wz h4 {
    font-size: 25px; 
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
    letter-spacing: 0px; 
	line-height:35px;
}

.ban_wz h5 {
    font-size: 20px; 
	font-weight:normal; margin-top:50px; line-height:30px;
    letter-spacing: 0px;
}

.news_li {
    width: 33.33%;
    float: left;
    padding: 0px 25px;
    margin-bottom: 60px;
}
.news_cot {
    margin: 0px -25px;
}
.news_box {
    padding: 80px 0 20px;
}
.news_wz {
    background: #f1f1f1;
    padding: 36px 25px;
}
.news_wz h4 {
    font-size: 20px;
    margin: 0;
    line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333;
	margin-bottom:15px;
    }
.news_wz h5 {
    margin: 0;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
	height:96px;
    font-size: 16px;
    color: #888;
}
.news_more span {
    padding: 8px 15px;
    background: #333;
    color: #fff;
    border-radius: 3px;
    display: inline-block;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 14px;
	border:solid 1px #333;
	transition:all 0.4s ease-in;
	-webkit-transition:all 0.4s ease-in;
	-moz-transition:all 0.4s ease-in;
	-ms-transition:all 0.4s ease-in;
	-o-transition:all 0.4s ease-in;
}
.news_more span:hover{
	background:transparent;
	color:#333;
	transition:all 0.4s ease-in;
	-webkit-transition:all 0.4s ease-in;
	-moz-transition:all 0.4s ease-in;
	-ms-transition:all 0.4s ease-in;
	-o-transition:all 0.4s ease-in;
}
.news_more {
    margin-top: 30px;
}
.news_img {
    overflow: hidden;
    height: 180px;
}
.news_img img{
	transition:all 0.4s ease-in;
	-webkit-transition:all 0.4s ease-in;
	-moz-transition:all 0.4s ease-in;
	-ms-transition:all 0.4s ease-in;
	-o-transition:all 0.4s ease-in;
}
.news_li:hover img{
	transform:scale(1.05);
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-ms-transform:scale(1.05);
	-o-transform:scale(1.05);
	transition:all 0.4s ease-in;
	-webkit-transition:all 0.4s ease-in;
	-moz-transition:all 0.4s ease-in;
	-ms-transition:all 0.4s ease-in;
	-o-transition:all 0.4s ease-in;
}
.ban_zz{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(../images/ind_zz.png);
}




/**contact**/
.contact_box{
	padding:100px 0;
}

.contact_wz {
    padding-left: 55px;
}
.contact_img {
    width: 24px;
    position: absolute;
    top: 0px;
    left: 5px;
}
.contact_li {
    position: relative;
    margin-top: 45px;
}
.contact_tit h3 {
    margin: 0 0 35px;
    font-size: 40px;
    text-transform:capitalize;
    color: #35373b;
    font-weight: 600; font-family:Arial, Helvetica, sans-serif;
}
.contact_tit h5 {
    margin: 0;
	line-height: 18px;
    font-size: 15px;
    color: #444;
}
.contact_wz h3 {
    font-size: 16px;
    margin: 10px 0;
    }
.contact_wz h5 {
    font-size: 15px;
    color: #666;
    letter-spacing: 0px;

}
.contact_wz h5 strong{ color:#000; font-weight:bold;}

.contact_li_ts .contact_img{
	top:-6px;	
}
.contact_wz li {
    width: 50%;
    float: left;
}
.contact_wz li h3{
	margin-bottom:20px; color:#000;    font-weight: bold;
}
.contact_list span {
    display: inline-block;
    width: 25%;
	 margin-left:5%;
    float: left;
    font-size: 15px;
    text-transform: capitalize;
    line-height: 35px;
    font-weight: 600;
    color: #193c64;
    }
.contact_list input {
    width: 70%;
	display:inline-block;
    line-height: 36px;
    height: 36px;
    padding: 0 6px;
    color: #666;
	font-size:16px;
}
.contact_list textarea{
    line-height: 24px;
	width:70%; height:100px;
	padding:0 6px;
	font-size:16px;
    color: #666;
}
.contact_list select {
    width: 70%;
	display:inline-block;
    height: 36px;
    line-height: 36px;
	padding:0 2px;
    text-transform: capitalize;
    line-height: 30px;
    border: 1px solid #ccc;
	font-size:16px;
    color: #666;
}
.contact_list select:focus{
	outline:none;
}
.contact_list {
    padding: 12px 0;
}
.contact_sub input {
      width: 215px;
    height: 45px;
    text-transform: uppercase;
    color: #fff;
    background: #193c64;
    border-color: #193c64;
    padding-right: 36px;
    border-radius: 2px;
    font-size: 14px;
    letter-spacing: 0.5px;
}
.contact_sub {
    margin-top: 15px;
    text-align: right;
    position: relative;
}
.contact_sub img {
    position: absolute;
    top: 10px;
    right: 20px;
    z-index: 1;
    width: 26px;
}





/**prolist**/
.prolist_box{
	padding:80px 0 0;
}
.prolist_tit h3 {
    margin: 0 0 20px;
    font-size: 40px;
    text-transform: capitalize;
    color: #333;
    }
.prolist_tit {
    text-align: center;
}
.prolist_cot{
	background:#f1f1f1;
	margin-top:60px;
	padding:80px 0;
}
.prolist_tit select {
    width: 400px;
    height: 40px;
    line-height: 40px;
    padding: 0 8px;
    font-size: 16px;
    text-transform: capitalize;
    letter-spacing: 1px;
    color: #888;
    margin-top: 20px;
    border-color: #ccc;
}
.prolist_tit select:focus{
	outline:none;
}
.prolist_list {
    background: #fff;
    padding: 30px 25px;
    position: relative;
    overflow: hidden;
}
.prolist_wz h4 {
    margin: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #666;
    font-size: 14px;
	height:18px;
}
.prolist_more {
    position: absolute;
    bottom: -50px;
    width: 100%;
    left: 0;
	transition:all 0.4s ease-in;
	-webkit-transition:all 0.4s ease-in;
	-moz-transition:all 0.4s ease-in;
	-ms-transition:all 0.4s ease-in;
	-o-transition:all 0.4s ease-in;
}
.prolist_more span {
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fff;
    background: #333;
}
.prolist_list:hover .prolist_more{
	bottom:0;
	transition:all 0.4s ease-in;
	-webkit-transition:all 0.4s ease-in;
	-moz-transition:all 0.4s ease-in;
	-ms-transition:all 0.4s ease-in;
	-o-transition:all 0.4s ease-in;
}
.prolist_ul {
    width: 100%;
}
.prolist_li {
    margin-bottom: 20px;
    width: 25%;
    float: left;
    padding: 5px;
}
.prolist_li:hover{
    box-shadow: 2px 2px 30px 0 #aaa;
	transition:all 0.4s ease-in;
	-webkit-transition:all 0.4s ease-in;
	-moz-transition:all 0.4s ease-in;
	-ms-transition:all 0.4s ease-in;
	-o-transition:all 0.4s ease-in;
}
.prolist_ban{
	transform:scale(0.7);
	-webkit-transform:scale(0.7);
	-moz-transform:scale(0.7);
	-ms-transform:scale(0.7);
	-o-transform:scale(0.7);
}
.prolist_ban.active{
	transform:scale(1);
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	transition:all 0.5s ease-in;
	-webkit-transition:all 0.5s ease-in;
	-moz-transition:all 0.5s ease-in;
	-ms-transition:all 0.5s ease-in;
	-o-transition:all 0.5s ease-in;
}
.prolist_ban.active .product_zz1{
	opacity:0;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity:0;
	transition:all 0.5s 0.2s ease-in;
	-webkit-transition:all 0.5s 0.2s ease-in;
	-moz-transition:all 0.5s 0.2s ease-in;
	-ms-transition:all 0.5s 0.2s ease-in;
	-o-transition:all 0.5s 0.2s ease-in;
}
.prolist_ban .ban_zz{
	opacity:0;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity:0;
}


/**about**/
.about_box1{
	padding:100px 0;
}
.about1_cot {
    width: 80%;
    margin: 0 auto;
}

.about1_wz h2 {
    line-height: 24px;
    margin: 0;
    color: #000;
    font-size: 30px; 
	margin-bottom:30px;
}


.about1_wz h5 {
    line-height: 24px;
    margin: 0;
    color: #666;
    font-size: 16px;
}



.about_box2{
	padding:200px 0;
	width:100%; 
    overflow:hidden; 
    background:url(../images/about2_bg.jpg) no-repeat center center fixed;  
    background-size:cover;
    -moz-background-size:cover;
    -webkit-background-size:cover;
    -o-background-size:cover;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader  (src='../images/about2_bg.jpg',  sizingMethod='scale');
	
	
}
.about2_wz {
    width: 80%;
    margin: 0 auto;
}
.about2_wz h4 {
    color: #fff;
    font-size: 36px;
    letter-spacing: 0.5px;
    text-align: center;
    font-weight: 600;
}



.about_box3 {
	width:100%;
	padding:80px 0;
	background:url(../images/about3_bg.jpg) no-repeat center center;
	background-size:cover;
}
.about3_cot li {
    float: left;
    width: 25%;
	position:relative;
    padding-right: 30px;
}
.about3_img {
    width: 60px;
	position:absolute;
	top:0;
	left:0;
}
.about3_wz {
    padding-left: 70px;
	color:#fff;
}
.about3_wz h3 {
    margin: 0;
    font-size: 18px;
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    height: 72px;
    margin-bottom: 50px;
}
.about3_wz h4 {
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 18px; 
	text-transform:uppercase;
    margin: 0;
}



.about_box4 {
    padding: 80px 0;
	background:#f1f1f1;
}
.about4_cot{
	background:url(../images/about4_bg.jpg) no-repeat center center fixed;
	 background-size:cover;
    -moz-background-size:cover;
    -webkit-background-size:cover;
	-o-background-size:cover;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader  (src='../images/about4_bg.jpg',  sizingMethod='scale');
    padding: 180px 0;
}
.about4_cot ul{
	width:90%;
	margin:0 auto;
}
.about4_cot li {
    width: 25%;
    float: left;
	text-align:center;
	color:#fff;
}
.about4_li {
    width: 92%;
    margin: 0 auto;
}
.about4_li h3 {
    font-size:100px;
    font-weight: 600;
    margin: 0;
    margin-bottom: 20px;
	font-family: 'Conv_Barrci___Free_Elegant_Font_by_Dannci'; 
	height:110px;
	 line-height:110px;
}
.teshu{
	font-size:85px !important;
   font-family:Arial, Helvetica, sans-serif !important; color:#333;
	}

.about4_li h4 {
    font-size: 26px;
    margin-bottom: 0px;
    }
.about_tit h3 {
    font-size: 40px;
    text-transform: capitalize;
    color: #35373b;
    font-weight: 600; margin:0 auto;
    font-family: Arial, Helvetica, sans-serif;
}
.about_tit {
    text-align: center;
    margin-bottom: 50px;
}
.about_tit hr {
    width: 50px;
    border-top: 3px solid #333;
}



.about_box5 {
    padding: 80px 0;
}
.about5_right li {
    width: 50%;
    float: left;
    padding-right: 3%;
}
.about5_li {
    margin-bottom:30px;
	position:relative;
}
.about5_li h5 {
    margin: 0;
    padding-left: 35px;
    line-height: 24px;
    color: #888;
    font-size: 16px;
}
.about5_img {
    position: absolute;
    top: -2px;
    left: 0;
    width: 26px;
}
.about5_left {
    padding-right: 20px;
}
.about5_right_li{
    margin-top: 28px;
}
.about5_left h5 {
    font-size: 16px;
	line-height:24px;
    margin: 0;
    color: #888;
}
.about5_left hr {
    width: 50px;
    border-color: #666;
    margin-left: 0;
}


.about6_img{ position:relative;}
.about6_img_bg{ position:absolute; width:100%; height:100%; left:0px; top:0px; background:rgba(0,0,0,0.3);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); }

.about6_left,.about6_right {
    width: 28px;
    height: 80px;
    position: absolute;
    top: 50%;
    margin-top: -40px;
	z-index:2;
}
.about6_left {
    left: 40px;
}
.about6_right {
    right: 40px;
}
.about6_tit {
    position: absolute;
    top: 40%;
    z-index: 2;
    color: #fff;
    width: 600px;
    left: 50%;
    margin-left: -300px;
    text-align: center;
}
.about6_tit h3 {
    font-size:60px;
    text-transform: capitalize;
    margin: 0;
    font-weight: 600;
    text-shadow: 1px 1px 8px #666;
}
.about6_page {
    position: absolute;
    bottom: 5%;
    width: 100px;
    left: 50%;
    margin-left: -50px;
    color: #fff;
    text-align: center;
}
.about6_num h5 {
    letter-spacing: 1px;
    font-size: 25px;
font-family: 'webfontregular',Arial, Helvetica, sans-serif;
}
.about6_line_l {
    width: 25px;
    height: 1px;
    background: #fff;
	position:absolute;
	top:50%;
	left:0;	
}
.about6_line_r {
    width: 25px;
    height: 1px;
    background: #fff;
	position:absolute;
	top:50%;
	right:0;	
}



.about7_li {
    width: 33.3%;
    float: left;
    padding: 0 15px;
}
.about7_imgss {
    width: 64%;
    margin: 0 auto;
}
.about7_cot {
    background: #f1f1f1;
    padding: 80px 50px;
}
.about7_top {
    position: absolute;
    top: 0;
    left: 16.65%;
    width: 100%;
}
.about7_cot ul {
    position: relative;
    margin: 0 -15px;
}
.about_box7 {
    padding: 80px 0;
}
.about7_tit h3 {
    text-align: center;
    margin: 0 0 40px;
    font-size: 40px;
    text-transform: capitalize;
    color: #333;
	font-weight:600;
}
.about7_bottom {
    padding-top: 110px;
}



/**product**/
.product_zz1{
	width:102%;
	height:102%;
	position:relative;
	left:-1%;
	top:-1%;
	background:url(../images/product_zz1.svg) no-repeat center center;
	background-size:cover;
}
.product_zz2{
	width:102%;
	height:102%;
	position:relative;
	left:-1%;
	top:-1%;
	background:url(../images/product_zz2.svg) no-repeat center center;
	background-size:cover;
}
.product1_img,.product2_img{
	overflow:hidden;
}
.product1_wz {
    width: 50%;
    height: 50%;
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 50%;
}
.product2_wz{
    width: 50%;
    height: 50%;
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 50%;
}
.product1_cot,.product2_cot{
	position:relative;
}
.product1_box,.product2_box{
	width:80%;
	margin:0 auto;
}
.product1_txt{
    position: absolute;
    bottom: 0;
    padding: 0 45px 50px 0;
    width: 100%;
}
.product2_txt{
    position: absolute;
    bottom: 0;
    padding: 0 0 50px 45px;
    width: 100%;
}
.product1_txt h3,.product2_txt h3 {
    font-size: 40px;
    margin-bottom: 20px;
    color: #333;
    text-transform: capitalize;
    font-weight: 600;
}
.product1_txt h4,.product2_txt h4 {
    font-size: 18px;
    line-height: 26px;
    color: #888;
}
.product_box1 {
    padding: 120px 0;
}
.product_box2{
    padding: 120px 0;
	background:#EEF2F5;
}



/**case**/
.case_container {
    width: 80%;
    margin: 0 auto;
}
.case_box1 {
    padding: 80px 0;
	background:#f1f1f1;
}
.case1_bottom {
    width: 90%;
    margin-left: 10%;
}
.case1_left {
    width: 28%;
    float: left;
    background: #2C2C2C;
    height: 100px;
    padding: 30px 50px;
}
.case1_right{
	width:72%;
	float:left;
    background: #00a8d4;
    padding: 50px 0;
}
.case2_right{
    background: #0092cc;
}
.case3_right{
    background: #0088c9;
}
.case4_right{
    background: #007dc5;
}
.case5_right{
    background: #0072c1;
}
.case6_right{
    background: #0067bd;
}
.case7_right{
    background: #005cb9;
}
.case1_left h3 {
    margin: 0;
    line-height: 40px;
    font-size: 20px;
    color: #fff;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-transform: capitalize;
}
.case1_right_cot {
    width: 84%;
    padding-left: 80px;
    color: #fff;
}
.case1_right_cot h4 {
    font-size: 26px;
    margin: 0;
    line-height: 32px;
    margin-bottom: 20px;
    text-transform: capitalize;
    }
.case1_right_cot h5 {
    margin: 0;
    font-size: 16px;
    line-height: 24px;
}
.case_more {
    margin-top: 20px;
}
.case_more a {
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.case_more img {
    margin-right: 16px;
    width: 30px;
    position: relative;
    top: 2px;
}


.case_box2 {
    padding: 80px 0;
}
.case2_bottom{
	width:90%;
}
.case2_bottom .case1_right_cot{
	margin-left:16%;
	padding-right:80px;
	padding-left:0;
}




.nav_cb a {
    line-height: 32px;
	color:transparent;
}
.nav_cb li.active a{
	line-height:52px;
	color:#fff;
}
.nav_cb li.active a span{
    top: 28px;
}
.nav_cb:hover a{
	line-height:52px;
	color:#999;
	border-color:#555;
}
.nav_cb:hover a span{
    top: 28px;
}
.nav_cb a span {
    top: 15px;
}
.nav_cb ul,.nav_cb a{
	border-color:transparent;
}
.nav_cb:hover ul{
	border-color:#555;
	transition:all 0.5s ease-in;
	-webkit-transition:all 0.5s ease-in;
	-moz-transition:all 0.5s ease-in;
	-ms-transition:all 0.5s ease-in;	
	-o-transition:all 0.5s ease-in;
}

.load_top{
	width:100%;
	height:50%;
	position:fixed;
	top:0;
	left:0;
	background:#fff;
	z-index:11;
}
.load_bottom{
	width:100%;
	height:50%;
	position:fixed;
	bottom:0;
	left:0;
	background:#fff;
	z-index:11;
}

.prodot_box{ padding:80px 0px;}
.prodot_box h3{ font-size:30px; height:50px; text-transform:capitalize; }




/*prodot*/
.ind3_bottom_cot { width:100%;
    margin: 0 auto;

}

.ind3_list {
    float: left;
    width: 33.33333%;
    position:relative;
}

.ind3_wz3 {
    position: absolute;

    right: 0;
    left: 0;
    padding: 5px;
}
.ind3_wz3 h4 {
    font-size: 15px;
    text-align: center;
    overflow: hidden; 
    height:30px;
}
.ind3_zz{
    background: -moz-linear-gradient(top, rgba(255,255,255,0.8) 0, rgba(41,93,143,0.2) 30%, transparent 95%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0.8) 0, rgba(41,93,143,0.2) 30%, transparent 95%);
    background: linear-gradient(top, rgba(255,255,255,0.8) 0, rgba(41,93,143,0.2) 30%, transparent 95%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CC295D8E', endColorstr='#33295D8E',GradientType=0 );
    transition:all 0.4s ease-in;
    -webkit-transition:all 0.4s ease-in;
    -moz-transition:all 0.4s ease-in;
    -ms-transition:all 0.4s ease-in;
    -o-transition:all 0.4s ease-in;
}
.ind3_img:hover .ind3_zz{
    opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity:0;
    transition:all 0.4s ease-in;
    -webkit-transition:all 0.4s ease-in;
    -moz-transition:all 0.4s ease-in;
    -ms-transition:all 0.4s ease-in;
    -o-transition:all 0.4s ease-in;
}

.ind3_img_wz {
        padding: 48px 10px;
    text-align: center;
    color: #fff;
}

.ind3_img_wz h5 {
    font-size: 26px;
    margin: 4px 0 10px;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: capitalize;
    line-height: 36px;
    padding: 10px 28px;
    display: inline-block;
    width: 186px;
    margin: 0;
}

.ind3_btn h5 {
    padding: 10px 28px;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fff;
    background: #333;
    display: inline-block;
    transition: all 0.4s ease-in;
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
}

.prodot_top {
    padding-top: 45px;
    margin-bottom: 60px;
}

.prodot_tit h6 {
    margin: 0 0 15px;
    font-size: 14px;
    line-height: 24px;
    color: #666;
}
.pub_btn{
    position: relative;
    color: #eee;
    top: 110px;
    font-size: 14px;
    border: 1px solid #333;
    padding: 3px 10px;
    background: #333;
    transition: all 0.4s ease-in;
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
    right: 0px;
    cursor: pointer;
}
.pub_btn:hover{
	background:none;
	color:#333;
	 transition: all 0.4s ease-in;
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
}
.prodot_tit h3 {
    margin: 0;
    font-size: 28px;
    color: #000;
    font-weight:bold; 
    text-transform:capitalize; margin-top:20px;
}
a.pub_btn span {
    margin-left: 5px;
}
.prodot_tit h6 a {
    color: #666;
}

.prodot_tit h6 span {
    color: #333;
}

.prodot_tit {
    margin: 0 0 30px;
}

.prodot_img {
    position: relative;
    padding-bottom: 20px;
}

.prodot_img .prodot_swiper {
    width: 50%;
    /*max-width: 440px;*/
}

.prodot_pic {
    height: 366px;
    overflow: hidden;
    position: relative;
}

.prodot_pic img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

a.arrow-left.arrow-left_prodot, a.arrow-right.arrow-right_prodot {
    color:#333;
    font-size: 60px;
    height: auto;
    width: auto;
    padding: 0 5px;
    margin-top: -30px;
}

a.arrow-left.arrow-left_prodot {
    left: 5%;
}

a.arrow-right.arrow-right_prodot {
    right: 5%;
}

.swiper-pagination.pagination_prodot {
    bottom: 0;
}

.pagination_prodot .swiper-pagination-switch {
    background: transparent;
    border: solid 1px #333;
}
.pagination_prodot .swiper-active-switch {
    background: #333;
}

.prodot_center {
    background: #333;
}

.prodot_pic img {
    width: 100%;
}

.prodot_center ul li {
    width: 25%;
    float: left;
    text-align: left;
    padding: 0 0 10px 0;
    color: #fff;
    cursor: pointer;
    position: relative;
}
.prodot_center ul li .prodot_list{
    border-right: solid 1px #647fa9;
}
.prodot_list h4 {
    margin: 15px 0 0;
    font-size: 20px;
    line-height: 24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.prodot_tb img {
    height: 50px;
    width: auto;
}

.prodot_cot {
    padding: 60px 0;
}

.prodot_cot h4 {
    margin: 0 0 15px;
    font-size: 26px;
    line-height: 36px; 
    font-weight:bold;
    color: #666;
    
}

.prodot_cot p  {
    margin: 5px 0;
    font-size: 16px;
    line-height: 26px;
    color: #666; 
    margin-bottom:10px;
}

.prodot_cot p strong{ font-weight:bold; color:#000}

.prodot_cot table{
    margin: 0 auto;
    border: 1px solid black;
}
.prodot_cot tr td{ color:#fff; text-align:center; line-height:30px; border-bottom:1px #146eac solid; font-size:13px;border-right:1px #146eac solid;}





/* .prodot_center ul li.active:after {content: "";display: inline-block;border: solid;border-color: #fff transparent;border-width: 0px 10px 10px 10px;position: absolute;bottom: 0;left: 50%;margin-left: -10px;} */

.prodot_yy ul li {
    width: 16%;
    float: left;
    text-align: center;
    padding: 0 15px;
    margin-bottom: 15px;
}

.prodot_yy ul {
    margin: 0 -15px;
}

.prodot_yy_li img {
    width: 100%;
}

.prodot_yy ul li h4 {
    margin: 15px 0 0;
    font-size: 14px;
    line-height: 18px; 
    text-align:left;
    height: 52px;
    overflow: hidden;
    text-overflow: ellipsis;
    /*display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;*/
}

.prodot_zs ul li {
    width: 16%;
    float: left;
    padding: 0 10px;
    text-align: center;
    margin: 0 0 23px;
}

.prodotzs_img img {
    width: 100%;
}

.prodot_zs ul:after {content: "";display: table;clear: both;}

.prodot_zs ul {
    margin: 0 -5px;
}

.prodot_zs ul li h4 {
    margin: 15px 0 0;
}

.prodotzs_img {
    max-width: 317px;
    overflow: hidden;
}

.prodot_cot_ts table{ width:100%}

/*prodot*/
/*pdf*/
.pdf_ul ul {
    width: 100%;
}
.pdf_ul li {
    width: 25%;
    float: left;
    padding: 10px;
     transition: all 0.4s ease-in;
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
}
.pdf_ul li img {
    width: 100%;
     transition: all 0.4s ease-in;
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
    
}
.pdf_ul li:hover img{
	box-shadow: 0px 0px 15px #999;
}
.pro_btn{
    text-align: left;
    margin-top: 20px;
    margin-bottom: 40px;
    padding: 0 3px;
}
.pdfDown:hover{
	background: #005bac;
	color: #fff;
	 transition: all 0.4s ease-in;
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
}
.pdfDown:hover i{
	 color: #005bac;
	 background: #fff;
	  transition: all 0.4s ease-in;
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
}
.pdfDown{
    background: #fff;
    padding: 10px 5px;
    text-align: center;
    color: #005bac;
    border: 1px solid #005bac;
    transition: all 0.4s ease-in;
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
}
.pdfView{
	background: #005bac;
	color: #fff;
	padding: 10px 5px;
	 text-align: center;
	border: 1px solid #005bac;
	 transition: all 0.4s ease-in;
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
}
.pdfView:hover{
	background: #fff;
	color: #005bac;
	 transition: all 0.4s ease-in;
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
}
.pro_btn i{
color: #fff;
    background: #005bac;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: inline-block;
    line-height: 25px;
    margin-left: 10px;
    transition: all 0.4s ease-in;
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
}
.pdf_tit span {
font-size: 16px;
    line-height: 24px;
    color: #333;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 50px;
    font-weight: 600;
}
.pdf_tit {
    padding: 10px 3px 0;
}
.pro_btn a{
	display: inline-block;
}
/*pdf*/

@media(max-width:900px){
.prodot_top{ padding-top:70px;}
.prodot_center ul li{    padding: 24px 0px;}
.prodot_center ul li .prodot_list{ border:none}
.prodot_list h4{ font-size:12px;}
.prodot_cot_ts{ overflow-x:scroll}
.prodot_cot_ts table{ width:600px;}
.prodot_yy ul li{ width:33.3%}
.prodot_zs ul li{ width:25%}
.ind3_list {
    float: left;
    width: 100%;
    position: relative;
}

}



@media(max-width:900px){
.ban_wz{ width:84%; margin:0 auto }
.ban_wz h3{ font-size:50px;}
.ban_wz h4{ font-size:20px;}
.ban_wz h5{ font-size:16px;}
.about1_cot{ width:95%;}
.about1_wz h2{ line-height:35px;}
.about_box2{ padding:120px 0px;}
.about2_wz{ width:95%; margin:0 auto;}
.about3_cot li{ width:50%; padding-right:0px; margin-bottom:40px;}
.about3_wz{ padding-left:0px; padding-top:65px;}
.about3_wz h3{ margin-bottom: 25px; padding-right:5px;}
.about3_wz h4{ padding-right:10px; }
.about_box3{    padding: 40px 0 0px;}
.about4_cot li{ width:50%}
.about4_cot{ padding:50px 0px;}
.about4_li h3{
font-size: 70px;    
height: 80px;
line-height: 80px; 
padding-bottom:30px;
	}
.about4_li h4{ font-size:17px; margin-bottom:30px;}
.about4_cot ul{ width:100%;}
.teshu{ font-size:60px !important}
.about5_right{  margin-top:50px;}
.about5_right_li {
    margin-top:0px;
}
.news_li{ width:100%}
.case1_left{ display:none}
.case1_right{ width:90%}
.case1_right_cot { width:100%;
    padding-left: 34px;
	}
.case_more{ display:none}
.case1_right{ padding:15px 0px}
.case_container{ width:90%}
.case1_bottom{    
width:100%; margin:0 auto;
}
.contact_wz li{ width:100%; margin-bottom:20px;}
.contact_right{ margin-top:30px;}
.contact_list span{  
  margin-left: 0%;
    font-size: 13px; width:30%;}
.product1_txt h4{ display:none}
.product_zz1{ display:none}
.product1_box, .product2_box{ width:100%}
.product1_txt{ padding:0px;}
.product1_wz{ width:100%; bottom:-20px; }
.product1_txt h4, .product2_txt h4{display:none}
.product_zz2{ display:none}
.product1_txt h3, .product2_txt h3{ color:#fff; background:#333; height:auto; padding:20px 0px; margin-bottom:0px; text-align:center; font-size:34px;}
.product2_wz{width:100%; bottom:0px; }
.product2_txt{ padding:0px;}
.product_box2{ padding:20px 0px;}
.product_box1{ padding:20px 0px; }
.prolist_tit select{ width:95%; margin:0 auto}
.prolist_more{ bottom:0px;}
.case2_bottom{ width:100%}
.case1_right{ margin:0 auto; float:none}
.case_box1{ padding:20px 0px 0px 0px;}
.case_box2{ padding:20px 0px 0px 0px;}
.case_wapper{ padding:50px 0px}


}