﻿@charset "utf-8";

/*header*/

header{

	width:100%;

	height: auto;

	background:#2fcd85;

	position:fixed;

	z-index:999;

}

.top{

	width:94%;

	height: auto;

	margin:0px auto;

}

.logo{

	float:left;

	width:20%;

	height:80px;

	padding:2px 0px 2px 4%;

}

.nav{

	float:left;

	width:48%;

	height:84px;

	padding:0px 2% 0px 0px;

	font-size:16px;

}

.nav ul{

	float:left;

	width:100%;

	height:84px;

}

.nav ul li{

	float:left;

	width:14%;

	height:84px;

	text-align:center;

	line-height:84px;

	background:url(/images/nav_ling.jpg) no-repeat right;

}

.nav ul li a{

	float:left;

	width:100%;

	height:84px;

	color:#fff;}

.nav ul li a:hover{

	float:left;

	width:100%;

	height:84px;

	background:#da251d;

}

.top_rg{

	float: right;

	width: auto;

	height:80px;

	padding-top:2px;

	color: white;
	font-size: 22px;
	line-height: 80px;

}

.about,.about_tl,.about_ct{

	width:100%;

	height: auto;

	max-width:1000px;

	margin:0px auto;

}



.about_tl{

	margin:40px auto;

}

.about_tl_lf{

	float:left;

	width:50%;

	height: auto;

	font-size:2.5em;

	color:#272727;

	text-align:right;

	font-weight:bold;

	line-height:1.2em;

}

.about_tl_rg{

	float:left;

	width:186px;

	height:45px;

	background:url(../images/about_tl.jpg) left no-repeat;

	color:#2fcd85;

	line-height:45px;

	text-align: center;

	font-size:1.2em;

	margin-top:20px;

	margin-left:10px;

}

.about_ct_lf,.about_ct_rg{

	float:left;

	width:50%;

}

.about_list{

	float: right;

	width: auto;

	height:32px;

	line-height:32px;

	background:#7b7b7b;

	font-size:0.8em;

	color:#fff;

	padding:0px 20px;

}

.about_text{

	float: right;

	width: 95%;

	text-align:right;

	padding-top:20px;

	padding-right:5%;

}

.about_img{

	float:left;

	width: 66%;

}

.about_more{

	float:left;

	width: 33%;

	background:#2fcd85;

	margin-top:28%;

}

.product{

	width:100%;

	height: auto;

	background:url(../images/pb01.png) top center no-repeat #406de2;

}

.product_tl{

	width:100%;

	height: auto;

	text-align:center;

	background:url(../images/llin.png) center no-repeat;

	color:#fff;

	padding:0px 0px 10px 0px;

	font-size:1.2em;

	line-height:3em;

}

.product_tl b,.new_tl b{

	font-size:2.2em;

}

.product_ct{

	width:100%;

	height: auto;

	margin:0px auto;

	max-width:1100px;

}

.product_ct_lf{

	float:left;

	width:40px;

	height:70px;

	padding-top:14%;

}

.product_ct_rg{

	float: right;

	width:40px;

	height:70px;

	padding-top:14%;

}

.product_ct>ul{

	float:left;

	width:90%;

	max-width:1000px;

}

.product_ct>ul>li{

	float:left;

	width:28%;

	background:#fff;

	padding:1%;

	margin:1.6%;



}

.product_title{

	float:left;

	width:100%;

	padding:10px 0px;

	font-weight:bold;

}

.product_text{

	float:left;

	width:100%;

	font-size:0.8em;

	line-height:1.5em;

	color:#999;

}

.product_bottom{

	width:100%;

	background:url(../images/pb02.png) center;

	height:110px;

	margin-top:20px;

	text-align:center;

	line-height:50px;

	font-size:1.2em;

	

}



.messages ol li{

	float:left;

	width:20%;

	

	padding:1%;

	margin:1.6%;

	text-align: center;

	background: #2fcd85;

	cursor:pointer;



}

.messages ol li a{

	display: block;

	color: white;

}

.maxmes{

	width: 100%;

	height: 100%;

	position: absolute;

	background: rgba(0, 0, 0, 0.3);

	display: none;

}

.maxmes .minmes{

	width: 840px;

	position:relative;

	top:50%;left:50%;

	transform: translate( -50%, -50%);

	background: #f5f5f5;

	padding-left: 40px;



}

.maxmes .minmes .xx{

	cursor:pointer;

	float: right;

	color:#f0c040;

	font-size: 18px;

	display: block;

	width: 40px;

	height: 40px;

	text-align: center;

	line-height: 40px;

}

.maxmes .minmes .xx:hover{

	float: right;

	color:#f0c040;

	font-size: 18px;

	cursor:pointer;

	color: white;

	display: block;

	width: 40px;

	height: 40px;

	text-align: center;

	line-height: 40px;

	background: rgba(0, 0, 0, 0.4);

}

.maxmes .minmes form{

	width: 802px;

	height: auto;



}

.maxmes .minmes input{

	width: 362px;

	height: 30px;

	border: 1px solid #dddddd;

	float: left;

	margin: 10px 0;

	padding: 0 8px;

	outline: none;

	color: #777;

	font-family: "微软雅黑";

}

.maxmes .minmes input[name="address"]{

	margin-left: 40px;

}

.maxmes .minmes input[name="email"]{

	margin-left: 40px;

}

.maxmes .minmes textarea{

	width: 784px;

	padding: 8px;

	height:134px;

	border: 1px solid #dddddd;

	overflow:hidden;

	resize: none;

	outline: none;

	margin: 10px 0;

	color: #777;

	font-family: "微软雅黑";

}

.maxmes .minmes input[type="submit"]{

	width: 160px;

	height: 40px;

	font-size: 18px;

	cursor: pointer;

	border: 0;

	float: none;

	margin-left: 40px;

}



.maxmes .minmes input[type="submit"]:hover{

	background: #2fcd85;

	color: #fff;

	transition: 1s;

}

.new{

	width:100%;

	height: auto;

	max-width:1050px;

	margin:0px auto;

}

.new_tl{

	width:100%;

	height: auto;

	text-align:center;

	background:url(../images/llin01.png) center no-repeat;

	color:#282828;

	padding:0px 0px 10px 0px;

	font-size:1.2em;

	line-height:3em;

}

.new_tl span{color:#2fcd85;}

.new_ct,.new_ct ul{

	width:100%;

	height: auto;

}

.new_ct ul li{

	float:left;

	width:46%;

	height: auto;

	margin:1% 2%;

	border-bottom:1px solid #ebebeb;

	padding-bottom:2%;

	position:relative;

}

.new_rq{

	float:left;

	width:20%;

	height:32px;

	background:#2fcd85;

	color:#fff;

	font-size:0.8em;

	text-align:center;

	line-height:32px;

}

.new_rig{

	float: right;

	width:75%;

}

.new_title{

	float:left;

	width:100%;

	padding-bottom:10px;

	font-size:1.2em;

	font-weight:bold;

}

.new_dot{

	width:7%;

	height:8px;

	position:absolute;

	z-index:3;

	background:#ebebeb;

	right:0px;

	bottom:-4px;

}

.new_more{

	width:20%;

	height:48px;

	background:#2fcd85;

	-moz-border-radius:30px;

	-webkit-border-radius:30px;

	border-radius: 30px;

	margin:30px auto;

	text-align:center;

	line-height:48px;

	font-size:1.2em;

}

.new_more:hover{background:#ff5a00;}

.case{

	width:100%;

	height: auto;

	background:#e1e1e1;

}

.case_ct,.case_ct ul,.c_case_ct,.c_case_ct ul{

	width:100%;

	height: auto;

}

.case_ct ul li{

	float:left;

	width:24%;

	height: auto;

	margin:0.5%;

}

.c_case_ct ul li{

	float:left;

	width:32%;

	height: auto;

	margin:0.6%;

}

.view {

   width: 92%;

   height: 100%;

   padding: 4%;

   display:inline;

   float: left;

   overflow: hidden;

   position: relative;

   text-align: center;

   -webkit-box-shadow: 1px 1px 2px #e6e6e6;

   -moz-box-shadow: 1px 1px 2px #e6e6e6;

   box-shadow: 1px 1px 2px #e6e6e6;

   cursor: default;

   background: #fff;

}

.view .mask,.view .content {

   width: 100%;

   height: 100%;

   position: absolute;

   overflow: hidden;

   top: 0;

   left: 0;

}

.view img {

   display: block;

   position: relative;

}

.view h2 {

   width:74%;

   text-transform: uppercase;

   color: #fff;

   text-align: center;

   position: relative;

   font-size: 0.9em;

   padding: 3%;

   background:#ff5a00;

   margin: 5% 10% 0px 10%;

   font-weight:normal;

} 

.view h2 a{color:#fff;}

.view a.info {

   display: inline-block;

   text-decoration: none;

   padding: 15% 0px 5% 0px;

   text-transform: uppercase;

}

.view-eighth .mask {

   background-color: rgba(255, 255, 255, 0.3);

   top: -200px;

   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";

   filter: alpha(opacity=0);

   opacity: 0;

   -webkit-transition: all 0.3s ease-out 0.5s;

   -moz-transition: all 0.3s ease-out 0.5s;

   -o-transition: all 0.3s ease-out 0.5s;

   -ms-transition: all 0.3s ease-out 0.5s;

   transition: all 0.3s ease-out 0.5s;

}

.view-eighth h2 {

   -webkit-transform: translateY(-200px);

   -moz-transform: translateY(-200px);

   -o-transform: translateY(-200px);

   -ms-transform: translateY(-200px);

   transform: translateY(-200px);

   -webkit-transition: all 0.2s ease-in-out 0.1s;

   -moz-transition: all 0.2s ease-in-out 0.1s;

   -o-transition: all 0.2s ease-in-out 0.1s;

   -ms-transition: all 0.2s ease-in-out 0.1s;

   transition: all 0.2s ease-in-out 0.1s;

}

.view-eighth:hover .mask {

   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";

   filter: alpha(opacity=100);

   opacity: 1;

   top: 0px;

   -webkit-transition-delay: 0s;

   -moz-transition-delay: 0s;

   -o-transition-delay: 0s;

   -ms-transition-delay: 0s;

   transition-delay: 0s;

   -webkit-animation: bounceY 0.9s linear;

   -moz-animation: bounceY 0.9s linear;

   -ms-animation: bounceY 0.9s linear;

   animation: bounceY 0.9s linear;

}

.view-eighth:hover h2 {

   -webkit-transform: translateY(0px);

   -moz-transform: translateY(0px);

   -o-transform: translateY(0px);

   -ms-transform: translateY(0px);

   transform: translateY(0px);

   -webkit-transition-delay: 0.4s;

   -moz-transition-delay: 0.4s;

   -o-transition-delay: 0.4s;

   -ms-transition-delay: 0.4s;

   transition-delay: 0.4s;

}

@keyframes bounceY {

    0% { transform: translateY(-205px);}

    40% { transform: translateY(-100px);}

    65% { transform: translateY(-52px);}

    82% { transform: translateY(-25px);}

    92% { transform: translateY(-12px);}

    55%, 75%, 87%, 97%, 100% { transform: translateY(0px);}

}

@-moz-keyframes bounceY {

    0% { -moz-transform: translateY(-205px);}

    40% { -moz-transform: translateY(-100px);}

    65% { -moz-transform: translateY(-52px);}

    82% { -moz-transform: translateY(-25px);}

    92% { -moz-transform: translateY(-12px);}

    55%, 75%, 87%, 97%, 100% { -moz-transform: translateY(0px);}

}

@-webkit-keyframes bounceY {

    0% { -webkit-transform: translateY(-205px);}

    40% { -webkit-transform: translateY(-100px);}

    65% { -webkit-transform: translateY(-52px);}

    82% { -webkit-transform: translateY(-25px);}

    92% { -webkit-transform: translateY(-12px);}

    55%, 75%, 87%, 97%, 100% { -webkit-transform: translateY(0px);}

}

footer{

	width:100%;

	height: auto;

	background:#2fcd85;

	color:#fff;

}

footer a:hover{

	color:#ff5a00;

	text-decoration:none;

}

.footer_ct{

	width:100%;

	height: auto;

	max-width:1000px;

	margin:0px auto;

	padding:30px 0px;

}

.footer_lf{

	float:left;

	width:60%;

	height: auto;

	background:url(../images/bt_line.png) right top no-repeat;

}

.footer_lf dl{

	float:left;

	width:25%;

	height: auto;

}

.footer_lf dl dt{

	float:left;

	width:100%;

	height: auto;

	font-size:1.1em;

	padding-bottom:20px;

}

.footer_lf dl dd{

	float:left;

	width:100%;

	height: auto;

	font-size:0.85em;

	line-height:30px;

}

.footer_et{

	float:left;

	width:16%;

	height: auto;

	padding:0px 2%;

}

.footer_rg{

	float:left;

	width:16%;

	height: auto;

	padding:0px 2%;

	background:url(../images/bt_line.png) left top no-repeat;

}

.footer_tl{

	float:left;

	width:100%;

	height: auto;

	font-size:1.2em;

	padding-bottom:20px;

	color:#fff;

}

.footer_cet{

	float:left;

	width:100%;

	height: auto;

	padding-bottom:30%;

}

.footer_xg{

	float:left;

	width:100%;

	height: auto;

}

.footer_ewm{

	float:left;

	width:100%;

	height: auto;

	line-height:10px;

	padding-top:8px;

}

.copy{

	width:100%;

	height:40px;

	line-height:40px;

	background:#c0c5c1;

}

.copy_ct{

	width:100%;

	height:40px;

	line-height:40px;

	max-width:1000px;

	margin:0px auto;

	color:#666;

	font-size:0.85em;

}

/*内页*/

.add{

	width:100%;

	height:40px;

	line-height:40px;

	border-bottom:1px solid #999;

}

.c_add{

	width:100%;

	height:40px;

	line-height:40px;

	margin:0px auto;

	max-width:1000px;

}

.cc_list{

	width:300px;

	height:32px;

	line-height:32px;

	background:#7b7b7b;

	font-size:0.8em;

	color:#fff;

	margin:0px auto;

	padding:0px 20px;

	text-align:center;

}

.pc_list{

	/* width:300px;

	height:32px;

	line-height:32px;

	background:#7b7b7b;

	font-size:0.8em;

	color:#fff;

	margin:0px auto;

	padding:0px 20px; */
	width: 100%;

	text-align:center;

	max-width: 1050px;
	margin: 0 auto;
	line-height: 51px;

}

.pc_list a{
	color:#fff;
	line-height:24px;
	font-size: 18px;
	background:#7b7b7b;
	padding: 6px 10px;
	margin: 0 10px;
	display: inline-block;
	border-radius: 4px;
}

.c_about{

	width:100%;

	height: auto;

	line-height:30px;

	margin:40px auto;

	max-width:1000px;

}

.fy{

	width:200px;

	height:28px;

	padding:50px 0px;

	margin:0px auto;

}

.news_ct_tit{

	width:100%;

	height:30px;

	padding:25px 0px;

	text-align:center;

	font-size:18px;

}

.news_ct_ad{

	width:100%;

	padding:10px 0px;

	text-align:center;

	font-size:12px;

	background-color:#f5f5f5;

	color:#666666;

}

.news_ct_text{

	width:100%;

	height: auto;

	padding:20px 0px;

	line-height:24px;

	font-size:14px;

}

.ye_next{

	width:100%;

	line-height:22px;

	font-size:12px;

	text-align:center;

	padding:40px 0px;

}

.product_c_ct{

	width:100%;

	height: auto;

	margin:0px auto;

	max-width:1000px;

}

.product_c_ct ul{

	float:left;

	width:100%;

	max-width:1000px;

}

.product_c_ct ul li{

	float:left;

	width:28%;

	background:#fff;

	padding:1%;

	margin:1.6%;



}

.c_prod_t{

	float: left;

	width:100%;

	height: auto;

	padding-bottom:25px;

	border-bottom:1px solid #cac9c7;

}

.c_prod_t_img{

	float: left;

	width:45%;

	height: auto;

	border:1px solid #cac9c7;

}

.c_prod_t_rg{

	float: right;

	width:50%;

	height: auto;





}



.c_prod_t_tit{

	float: left;

	width:96%;

	height: auto;

	line-height:30px;

	padding:4% 2%;

	background:#f0f0f0;

	font-size:22px;

	color:#111111;

	font-weight:bold;

}

.c_prod_t_cct{

	float: left;

	width:100%;

	height: auto;

	font-size:14px;

	color:#999;

	padding-top:15px;

	margin-bottom: 50px;

}

.c_prod_cent{

	float: left;

	width:100%;

	height: auto;

	padding:25px 0px;

}

.map{

	float: left;

	width: 60%;

}

.contact_ct{

	float: right;

	width: 36%;

	line-height:24px;

}

.contact_ct span{

	font-size:24px;

	line-height:60px;

}



.show{

	

	height:auto;

	margin:10px auto;

	max-width:1345px;



}

.show_btn_l{

	float:left;

	padding-top:150px;

	width:80px;

padding-right:20px;

	height:80px;

}

.show_btn_r{

	float: right;

	width:80px;

	height:80px;

	padding-top:150px;

}

.show .banner1{

	float: left;

	width:100%;

	height: auto;

}

.show .banner1 li{

	float:left;

	width:180px;

	padding:12px;

	height: auto;

	border:1px solid #d1d1d1;

	margin-right:20px;

	position: relative;

	background:#fff;

box-shadow: 0px 0px 8px #555;

}

/* .product_img{
	float:left;
	width:100%;
    height: 200px;
	display: table;
	table-layout: fixed;
	background-color: aliceblue;
}
.product_img a{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.product_img a img{
    max-width: 280px;
    max-height: 200px;
	margin: 0 auto;
} */
.product_img{
	width:272px;
    /*height: 160px;*/
	display: block;
	margin: 0 auto;
}

.product_imgwrap{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 272px;
	height: 160px;
	margin: 0 auto;
}

.product_imgwrap img{
	/*max-width: 272px;*/
	max-height: 160px;
	margin: 0 auto;
	width: 100%;
}

.imgwrap2{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 306px;
	height: 180px;
	margin: 0 auto;
}

.imgwrap2 img{
	max-width: 306px;
	max-height: 180px;
	margin: 0 auto;
	/*width: 100%;*/
}

.c_case_ct2 img{
	width: 100%
}

.show_tl{

	float:left;

	width:100%;

	height:38px;

	font-size:16px;

	text-align:center;

	overflow:hidden;



}

.show_ct{

	float:left;

	width:100%;

	height:48px;

	line-height:24px;

	margin:12px auto;

	overflow:hidden;

	font-size: 0.8em;

    color: #999;

}

.x_product,.x_product ul{

	width:100%;

	height: auto;

	margin:0px auto;

}

.x_product ul li{

	float:left;

	width:25%;

	height: auto;

}



.about_img{

	width:100%;

	height: auto;

	margin:0px auto;

	position: absolute;

	z-index:1;

}

.about_tt{

	width:33%;

	height: auto;

	position: absolute;

	right:6%;

	z-index:3;

	padding:3%;

	background-color:#FFF;

	top:8%;

	filter: alpha(opacity=70);

	-moz-opacity: 0.7;

	-khtml-opacity: 0.7;

	opacity: 0.7;

	color:#000;

	line-height:24px;

}

.about_tt b{

	color:#e60012;

	font-size:36px;

}

.about_tt span{

	color:#1d2088;

	font-size:24px;

}

/*reset css*/

*{margin:0;padding:0;list-style:none;border:none;}

.izl-rmenu{

	       margin-right: 0;

	       width: 82px;

	       position: fixed;

	       right: 2px;

	       top: 65%;

	       -webkit-box-shadow: #DDD 0px 1px 5px;

	       -moz-box-shadow: #DDD 0px 1px 5px;

	       box-shadow: #DDD 0px 1px 5px;

	       z-index:999;

}

.izl-rmenu .consult{    

	background-image: url("/images/consult_icon.gif");

    background-repeat: no-repeat;

    background-position: center -77px;

    display: block;

    height: 76px;

    width: 82px;

}

.izl-rmenu .consult .phone {

    background-color: rgb(247,247,255);

    position: absolute;

    width: 300px;

    left: -300px;

    top: 0px;

    line-height: 73px;

    color: #000;

    font-size: 18px;

    text-align: center;

    display: none;

    box-shadow: #DDD -1px 1px 4px;

}

.izl-rmenu a.consult:hover .phone{display:inline !important;}

.izl-rmenu .cart {

    background-image: url("../images/consult_icon.gif");

    background-repeat: no-repeat;

    background-position: center bottom;

    display: block;

    height: 16px;

    width: 16px;

    font-size: 12px;

    line-height: 16px;

    color: #45BDFF;

    text-align: center;

    padding-top: 15px;

    padding-right: 18px;

    padding-bottom: 47px;

    padding-left: 48px;

}

.izl-rmenu a.cart:hover .pic{display:block;}

.izl-rmenu .btn_top {

    background-image: url("../images/float_top.gif");

    background-repeat: no-repeat;

    background-position: center top;

    display: block;

    height: 39px;

    width: 82px;

    -webkit-transition: all 0s ease-in-out;

    -moz-transition: all 0s ease-in-out;

    -o-transition: all 0s ease-in-out;

    transition: all 0s ease-in-out;

}

.izl-rmenu .btn_top:hover {

	background-image: url("../images/float_top.gif");

	background-repeat: no-repeat;

	background-position: center bottom;

}

.izl-rmenu .cart .pic {

	display:none;

    position: absolute;

    left: -160px;

    top: 65px;

    width: 160px;

    height: 160px;

    background:url("../images/weixin.jpg");

}

#udesk-feedback-tab {

    position: fixed;

    right: 2px;

    top: 65%;

    margin-top: -76px;

    -webkit-box-shadow: #DDD 0px -1px 5px;

    -moz-box-shadow: #DDD 0px -1px 5px;

    box-shadow: #DDD 0px -1px 5px;

    z-index: 10000;

    cursor: pointer;

    background-image: url("../images/consult_icon.gif");

    background-repeat: no-repeat;

    background-position: center top;

    display: block;

    height: 76px;

    width: 82px;

    background-color: #FFF!important;

    z-index:999;

}
@media screen and (min-width:200px) and (max-width:1000px)

{
	.pc_list a {
		line-height: 20px;
		font-size: 14px;
		padding: 4px 8px;
		margin-bottom: 10px;
	}
	.product_c_ct ul {
		display: flex;
		flex-wrap: wrap;
	}
	.product_img {
		width: 100%;
		/*height: 150px;*/
	}
	.product_imgwrap {
		width: 100%;
		/*height: 150px;*/
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.product_imgwrap img {
		max-width: 100%;
	}

	.c_case_ct ul{
		display: flex;
		flex-wrap: wrap;
	}
	.imgwrap2{
		width: 100%;
		height: 150px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	.imgwrap2 img{
		max-width: 100%;
	}

}

@media screen and (min-width:500px) and (max-width:800px)

{

.izl-rmenu{ display: none;}

#udesk-feedback-tab {display: none;}

}

@media screen and (min-width:200px) and (max-width:600px)

{

.izl-rmenu{ display: none;}

#udesk-feedback-tab {display: none;}

}

.foot-fixed{
	display: none;
}
.news_ct_text img{
	margin: auto;
}
@media screen and (min-width:200px) and (max-width:800px)

{

	header{

	width:100%;

	height: auto;

	background:#2fcd85;

	position: static;

	z-index:999;

}

.top{

	width:94%;

	height: auto;

	margin:0px auto;

}

.logo{

	float:left;

	width:50%;

	height:80px;

	padding:2px 25%;

}

.nav{

	float:left;

	width:100%;

	height:84px;

	padding:0px;

	font-size:16px;

}

.nav ul{

	float:left;

	width:100%;

	height:84px;

}

.nav ul li{

	float:left;

	width:25%;

	height:42px;

	text-align:center;

	line-height:42px;

	background:url(/images/nav_ling.jpg) no-repeat right;

}

.nav ul li a{

	float:left;

	width:100%;

	height:42px;

	color:#fff;}

.nav ul li a:hover{

	float:left;

	width:100%;

	height:42px;

	background:#da251d;

}

.top_rg{

	display:none;}

.product_tl b,.new_tl b{

	font-size:1.2em;

}

.new_ct ul li{

	float:left;

	width:96%;

	height: auto;

	margin:1% 2%;

	border-bottom:1px solid #ebebeb;

	padding-bottom:2%;

	position:relative;

}

.case_ct ul li{

	float:left;

	width:49%;

	height: auto;

	margin:0.5%;

}

footer a{

	color:#fff;

}

.footer_lf{

	float:left;

	width:96%;

	height: auto;

	background:url(../images/bt_line.png) right top no-repeat;

	padding:0px 2%;

}

.footer_lf dl{

	float:left;

	width:20%;

	height: auto;

}

.footer_lf dl:nth-child(4){width:40%;}

.footer_et{

	float:left;

	width:46%;

	height: auto;

	padding:0px 2%;

}

.footer_rg{

	float:left;

	width:46%;

	height: auto;

	padding:0px 2%;

	background:url(../images/bt_line.png) left top no-repeat;

}

.about_img{

	width:100%;

	height: auto;

	margin:0px auto;

	position: inherit;

	z-index:1;

}

.about_tt{

	width:90%;

	height: auto;

	position: inherit;

	right:2%;

	z-index:1;

	padding:3%;

	background-color:#FFF;

	top:1%;

	filter: alpha(opacity=70);

	-moz-opacity: 0.7;

	-khtml-opacity: 0.7;

	opacity: 0.7;

	color:#000;

	line-height:24px;

}

.about_tt b{

	color:#e60012;

	font-size:24px;

}

.about_tt span{

	color:#1d2088;

	font-size:16px;

}

.product_c_ct ul li{

	float:left;

	width:46%;

	background:#fff;

	padding:1%;

	margin:1%;

}

.c_case_ct ul li{

	float:left;

	width:48%;

	height: auto;

	margin:1%;
	margin-bottom: 20px;

}

.map{

	float: left;

	width: 96%;

	margin:2%;

}

.contact_ct{

	float: left;

	width: 96%;

	margin:2%;

	line-height:24px;

}

	.news_ct_text img{
		width: 100% !important;
		height: auto !important;
		margin: auto;
	}







	.foot-fixed {
		width: 100%;
		position: fixed;
		width: 100%;
		background: #0e93f8;
		bottom: 0;
		left: 0;
		display: flex;
		z-index: 50;
	}
	.foot-cwx {
		width: 50%;
		text-align: center;
	}

	.foot-ctel {

		width: 100%;

		text-align: center;

	}

	.foot-cwx a {

		width: 100%;

		display: inline-block;

	}

	.foot-ctel a {

		width: 100%;

		display: inline-block;

	}

	.cont-wx {

		margin: 4px auto 0;

	}

	.cont-title1 {

		font-size: 12px;

		color: #fff;

		padding-bottom: 4px;

	}
	body{
		margin-bottom: 95px;
	}

}