@media (min-width: 320px) {
    html {
        font-size: 100%; 
    }
}
@media (min-width: 360px) {
    html {
        font-size: 112.5%;
    }
}
@media (min-width: 384px) {
    html {
        font-size: 120%;
    }
}
@media (min-width: 400px) {
    html {
        font-size: 125%;
    }
}
@media (min-width: 540px) {
    html {
        font-size: 168.75%;
    }
}
@media (min-width: 600px) {
    html {
        font-size: 187.5%;
    }
}
@media (min-width: 640px) {
    html {
        font-size: 200%;
    }
}
@media (min-width: 720px) {
    html {
        font-size: 225%;
    }
}
@media (min-width: 768px) {
    html {
        font-size: 240%;
    }
}
@media (min-width: 1000px) {
    html {
        font-size: 100%;
    }
}
html {
	font-size: calc(100vw / 320 * 16);
}
body{
	margin: 0px;
	padding: 0px;
	font-size: 14px;
}
*{
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	text-indent: 0px;
	list-style-type: none;
	font-family: "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans","wenquanyi micro hei","Hiragino Sans GB", "Hiragino Sans GB W3", Roboto, Arial,sans-serif;
}
a{
	color: #333;
	text-decoration: none;
}
a:hover{
	color: #27A1D9;
	text-decoration: none !important;
}
.clear{
	clear: both;
}
.top_bj{
	background-image: url(../images/top_bj.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 125px;
}
.top{
	background-color: rgba(255, 255, 255, 0.7);
	height: 125px;
	
}
.top_con{
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
}
.top .logo{
	float: left;
	width: 370px;
	margin-top: 20px;
}
.top .nav{
	font-family: "微软雅黑";
	height: 50px;
	float: right;
	width: 720px;
}
.top .nav span{
	font-family: "微软雅黑";
	font-size: 16px;
	line-height: 123px;
	font-weight: normal;
	margin-left: 35px;
	display: block;
	float: left;
}
.top span:hover{
border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #27A1D9;}
.top .active{
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #27A1D9;
}
.m_top{
	background-color:#FFFFFF;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 95%;
	padding-left:2.5%;
	padding-right:2.5%;
}
.m_top .logo{
	float: left;
	width: 60%;
	max-width:360px;
}
.m_top .logo img{
	width: 100%;
}
.m_top .menu{
	float: right;
	max-width:45px;
	width:8%;
	margin-top: 10px;
}
.m_top .menu img{width: 100%;}
.m_top .nav{
	width: 35%;
	background-color: #fff;
	position: absolute;
	z-index: 100;
	right: 0px;
	margin-top: 55px;
	padding-bottom:10px;
}
.m_top .nav ul{}
.m_top .nav li{
	font-size: 0.75rem;
	line-height:1.8rem;
	text-align: center;
}
.m_top .nav li a{
	color: #333;
	font-weight: lighter;
}
.m_banner img{ width:100%;}
.banner{
	  width: 100%;
	  height: 675px;
	            /*height: 560px;*/
	            /*background: black;*/
	            /*子绝父相*/
	            position: relative;
	            /*超出部分全部隐藏，解决横向滚动条*/
	            overflow: hidden;
				
	        }
.banner ul{
	            position: absolute;
	        }
.banner ul li{
	            /*这个100%是相对于父盒子的（会把父盒子的宽度继承过来,如父盒子300%,这这里的100%就会相当于300%）*/
	            width: 100%;
	            height: 675px;
	            float: left;
	            background:  no-repeat center center;
	        }
	        /*.banner ul li:nth-child(1){*/
	            /*background: url('./1.jpg') no-repeat center center;*/
	        /*}*/
	        /*.banner ul li:nth-child(2){*/
	            /*background: url('./2.jpg') no-repeat center center;*/
	        /*}*/
	        /*.banner ul li:nth-child(3){*/
	            /*background: url('./3.jpg') no-repeat center center;*/
	        /*}*/
.banner ul li img{height: 675px;}			
.banner ol{
	            /*width: 60px;*/
	            height: 20px;
	          /* background: rgba(0,0,0,0.5);*/
	            position: absolute;
	            left:50%;
				width:120px;
	            /*margin-left: -40px;*/
	            bottom: 15px;
	           /* padding: 0 10px;*/
	           /*  border-radius: 10px;*/
	        }
.banner ol li{
	            width: 15px;
	            height: 6px;
	            float: left;
	            margin: 2px 2px;
	            background: rgba(255,255,255,0.5);
	            /*border-radius: 50%;*/
	            cursor: pointer;
	        }
.banner ol .current{
	            background: rgba(255,255,255,1);
	        }
.banner i{
	            width: 43px;
	            height: 98px;
	            position: absolute;
	            top: 50%;
	            margin-top: -60px;
	            cursor: pointer;
	            border-radius: 5px;
	            display: none;
	        }
.banner .left{
	            left: 120px;
	            background: url('../images/left.png') no-repeat 0 0px;
	        }
.banner .right{
	            right: 120px;
	            background: url('../images/right.png') no-repeat 0px 0px;
	        }
.banner .left:hover , .banner .right:hover{
	            background-color: rgba(0, 0, 0, 0.31);
	        }
.bg1{
	background-image: url(../images/bj1.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 700px;
	padding-top: 80px;
}
.bg2{
	background-image: url(../images/bj2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 485px;
	padding-top: 115px;
}
.bg3{
	background-image: url(../images/bj3.jpg);
	/*background-repeat: no-repeat;*/
	background-repeat: repeat;
	background-position: center top;
	/*height: 1176px;*/
	height: 1520px;
}
.main1{}
.main1 h2{
	font-size: 28px;
	line-height: 35px;
	text-align: center;
	font-weight: normal;
	font-family: "微软雅黑";
}

.main1 .con1{
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
}
.main1 .con1 .con1_con{margin-top: 80px;}
.main1 .con1 ul{}
.main1 .con1 li{
	float: left;
	width: 375px;
}
.main1 .con1 .l_w{
	margin-left: 37px;
}
.main1 .con1 li img{
	height: 400px;
	width: 375px;
}
.main1 .con1 li p{
	font-family: "微软雅黑";
	font-size: 24px;
	line-height: 35px;
	font-weight: 200;
	color: #FFFFFF;
	text-align: center;
	height: 35px;
	overflow: hidden;
	margin-top: 25px;
}
.main1 .con1 li a{}

.main1 .con2{
width: 1200px;
	margin-right: auto;
	margin-left: auto;
}
.main1 .con2 .con2_l{
	float: left;
	width: 600px;
}
.main1 .con2 .con2_l img{
width:600px;
height:360px;
/*-webkit-box-shadow: 10px 10px 3px #373635;  
  -moz-box-shadow: 10px 10px 3px #373635;  
  -o--box-shadow: 10px 10px 3px #373635;
  -ms--box-shadow:10px 10px 3px #373635;
  box-shadow: 10px 10px 3px #373635; */ }
.main1 .con2 .con2_r{
	float: right;
	width: 565px;
}
.main1 .con2 .con2_r h3{
	font-family: "微软雅黑";
	font-size: 28px;
	line-height: 95px;
	font-weight: normal;
	color: #fff;
	text-align: center;
}
.main1 .con2 .con2_r p{
	font-family: "微软雅黑";
	font-size: 16px;
	line-height: 32px;
	color: #FFFFFF;
	text-indent: 2em;
}
.main1 .con2 .con2_r .sub{
	text-align: center;
	margin-top: 30px;
}


.main1 .con3{
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 80px;
	padding-bottom: 80px;
}
.main1 .con3 .con3_con{ margin-top:90px;}
.main1 .con3 .con3_con ul{}
.main1 .con3 .con3_con ul li{}
.main1 .con3 .con3_con .con3_l{
	float: left;
	width: 600px;
	text-align: left;
	background-image: url(../images/jt_l.jpg);
	background-repeat: no-repeat;
	background-position: 545px center;
	height: 334px;
}
.main1 .con3 .con3_con .con3_r{
float: left;
	width: 600px;
	text-align: right;
	background-image: url(../images/jt_l.jpg);
	background-repeat: no-repeat;
	background-position: 45px center;
	height: 334px;
}
.main1 .con3 .con3_con .con3_text{
	float: left;
	width: 560px;
	background-color: #f2f2f2;
	padding: 20px;
	margin-top: 70px;
}
.main1 .con3 .con3_con .con3_text h3{}
.main1 .con3 .con3_con .con3_text p{
	font-size: 14px;
	line-height: 32px;
	color: #656565;
	margin-top: 15px;
	text-indent: 2em;
}
.main1 .con3 .con3_con .con3_text .rq{
	font-size: 14px;
	line-height: 32px;
	color: #656565;
	background-image: url(../images/sj.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
}
.main1 .con3 .con3_con .con3_text h3 a{}
.main1 .con3 .con3_con .sub{
	font-size: 16px;
	line-height: 35px;
	color: #27a1d9;

	-webkit-border-radius: 25px 25px 25px 25px;
-moz-border-radius: 25px 25px 25px 25px;
-ms-border-radius:25px 25px 25px 25px;
-o-border-radius: 25px 25px 25px 25px;
	border-radius: 25px 25px 25px 25px;
	width:150px;
	height:35px;
	border: 1px solid #27a1d9;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: 40px;
}
.main1 .con3 .con3_con .sub a{color: #27a1d9;}

.main1 .con4{
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 90px;
}
.main1 .con4 .con4_con{margin-top: 20px;}
.main1 .con4 ul{}
.main1 .con4 li{
	float: left;
	width: 335px;
	padding: 20px;
	background-color: #fff;
	margin-top: 25px;
	margin-left:12px;
	margin-right:12px;
}
.main1 .con4 .l_w{
	margin-left: 37px;
}
.main1 .con4 li img{
	height: 335px;
	width: 335px;
}
.main1 .con4 li p{
	font-family: "微软雅黑";
	font-size: 18px;
	line-height: 30px;
	font-weight: 200;
	margin-top:20px;
	color: #333;
	text-align: center;
	overflow: hidden;
}
.main1 .con4 li a{}

.bg4{
	background-image: url(../images/bj4.jpg);
	background-repeat: no-repeat;
	background-position: 830px center;
	height: 700px;
}
.main1 .con5{
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
}
.main1 .con5 h2{ width:600px; line-height:150px;}
.main1 .con5 .con5_con{
	background-image: url(../images/yf.png);
	background-repeat: repeat-x;
	background-position: left top;
	height: 413px;
	padding-top: 4px;
}
.main1 .con5 .con5_con .img1{
	float: left;
	height: 400px;
	width: 600px;
}
.main1 .con5 .con5_con .text{
	float: left;
	width: 480px;
	padding-top: 75px;
	padding-right: 60px;
	padding-left: 60px;
}
.main1 .con5 .con5_con .text p{
	font-size: 16px;
	line-height: 40px;
	color: #333;
	text-indent: 2em;
}

.bg6{
	background-image: url(../images/bj6.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #f2f2f2;
	padding-top: 30px;
	padding-bottom: 100px;
}

.about{
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
}
.about .con1{
	position: relative;
}
.about .con1 img{
	height: 536px;
	width: 1200px;
}
.about .con1 p{
	position: absolute;
	background-color: rgba(0, 0, 0, 0.7);
	font-size:24px;
	color:#fff;
	width: 1150px;
	height: 80px;
	line-height: 80px;
	padding-left: 50px;
	bottom: 0px;

}
.about .con2{
	position: relative;
}
.about .con2 img{
	height: 495px;
	width: 1200px;
}
.about .con2 p{
	position: absolute;
	background-color: rgba(0, 0, 0, 0.7);
	font-size:24px;
	color:#fff;
	width: 1150px;
	height: 80px;
	line-height: 80px;
	padding-left: 50px;
	bottom: 0px;

}
.about .about_con{
	padding-right: 50px;
	padding-bottom: 50px;
	padding-left: 50px;
	background-color: #fff;
	padding-top: 10px;
}
.about .about_con p{
	font-size: 16px;
	line-height: 40px;
	color: #333;
	text-indent: 2em;
	margin-top: 40px;
}

.bg7{
	background-image: url(../images/bj7.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #f2f2f2;
	padding-top: 30px;
	padding-bottom: 100px;
}
.product_t{
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	background-color: #fff;
	height: 53px;
}
.product_t ul{}
.product_t li{
	font-size: 16px;
	line-height: 53px;
	float: left;
	/*width: 150px;*/
	width:auto;
	text-align: center;
}
/*.product_t li{
	font-size: 14px;
	line-height: 53px;
	float: left;
	width: auto;
	margin: 0 5px;
	text-align: center;
}*/
.product_t li a{
	color: #656565;
}
.product_t .active{}
.product_t .active a{
	color: #27a1d9;
}
.product_t2{
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	background-color: #fff;
	height: 53px;
}
.product_t2 ul{}
/*.product_t2 li{
	font-size: 16px;
	line-height: 53px;
	float: left;
	width: 150px;
	text-align: center;
}*/
.product_t2 li{
	font-size: 14px;
	line-height: 53px;
	float: left;
	width: auto;
	margin: 0 5px;
	text-align: center;
}
.product_t2 li a{
	color: #656565;
}
.product_t2 .active{}
.product_t2 .active a{
	color: #27a1d9;
}
.product{
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
}
.product .l_w{
	margin-left: 25px;
}
.product ul{}
.product li{
	float: left;
	width: 250px;
	padding:12px;
	margin-top: 25px;
	background-color: #fff;
	margin-left:12px;
	margin-right:12px;
}
.product li img{width:100%;}
.product p{
	font-size: 14px;
	line-height: 35px;
	font-weight: normal;
	text-align: center;
}
.product li:hover p a{ color:#27a1d9;}

.case_t{
	width: 1155px;
	margin-right: auto;
	margin-left: auto;
	background-color: #fff;
	height: 40px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 45px;
}
.case_t .t_l{
	font-size: 16px;
	line-height: 40px;
	color: #333;
	font-family: "微软雅黑";
	float: left;
	width: 85px;
}
.case_t .t_r{
	float: left;
	height: 40px;
	width: 500px;
	-webkit-border-radius:20px;
-moz-border-radius: 20px;
-ms-border-radius:20px;
-o-border-radius:20px;
	border-radius:20px;
	background-color: #fff;
	border:1px solid #c3c3c3;
}
.case_t .t_r .input1{
	float: left;
	height: 38px;
	width: 430px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	margin-left: 15px;
}
.case_t .t_r .img1{
	float: right;
	margin-right: 15px;
	margin-top: 8px;
}
.case{
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
}
.case .l_w{
	margin-left: 15px;
}
.case ul{
	margin-top: 10px;
}
.case li{
	float: left;
	width: 390px;
	margin-top: 15px;
	background-color: #fff;
	margin-left:5px;
	margin-right:5px;
}
.case li img{width:100%;}
.case h3{
	font-size: 18px;
	line-height: 42px;
	height: 42px;
	margin-right: 25px;
	margin-left: 25px;
	font-weight: normal;
	overflow:hidden;
}
.case p{
	font-size: 16px;
	line-height: 32px;
	font-weight: normal;
	text-align: left;
	margin-right: 25px;
	margin-left: 25px;
	color: #656565;
	text-indent: 2em;
}
.case span{
	font-size: 14px;
	line-height: 32px;
	color: #989898;
	margin-left: 25px;
}
.case li:hover h3 a{ color:#27a1d9;}
.case .sub{
-webkit-border-radius:20px;
-moz-border-radius: 20px;
-ms-border-radius:20px;
-o-border-radius:20px;
	border-radius:20px;
	font-size: 16px;
	line-height: 40px;
	height:40px;
	width: 185px;
	margin-left:auto;
	margin-right:auto;
	background-color: #f2f2f2;
	border:1px solid #333;
	text-align: center;
	color: #333;
	cursor:pointer;
	margin-top:50px;
}
.case .sub:Hover{border:1px solid #27a1d9;}
.case .sub:Hover a{color:#27a1d9;}

.guide{width: 1170px;
	margin-right: auto;
	margin-left: auto;
	background-color: #fff;
	height: 53px;
	font-size: 16px;
	line-height: 53px;
	color:#333;
	overflow: hidden;
	padding-left: 30px;
	font-family: "微软雅黑";}

.content{
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 30px;
	margin-top: 20px;
}	
.content .col1{float: left;
	width: 900px;}
.content .col1 .conn1{
	background-color: #fff;
	padding: 50px;
}
.content .col1 h2{
	font-size: 24px;
	line-height: 45px;
	font-weight: normal;
	color: #333;
}
.content .col1 .lable{
	font-size: 14px;
	line-height: 30px;
	color: #656565;
	text-align: center;
	margin-top: 10px;
}
.content .col1 .text{
	margin-top: 30px;
	font-size: 16px;
	line-height: 32px;
	color: #333;
}
.content .col1 .text p{
	font-size: 16px;
	line-height: 32px;
	color: #333;
	text-indent: 2em;
}
.content .col1 .text img{ max-width:800px; width:100%;}
.content .col1 .conn2{
	margin-top: 10px;
}
.content .col1 .conn2 .conn2_l{
	background-color: #fff;
	float: left;
	width: 447px;
	text-align: center;
	font-size: 16px;
	line-height: 45px;
	color: #989898;
	height: 45px;
	overflow: hidden;
}
.content .col1 .conn2 .conn2_r{
	background-color: #fff;
	float: right;
	width: 447px;
	text-align: center;
	font-size: 16px;
	line-height: 45px;
	color: #989898;
	height: 45px;
	overflow: hidden;
}
.content .col1 .conn2 a{color: #333;}

.content .col2{
	float: right;
	width: 270px;
}
.content .col2 h3{
	font-size: 16px;
	line-height: 45px;
	background-color: #fff;
	height: 45px;
	font-weight: normal;
	padding-left: 15px;
	color: #333;
}
.content .col2 ul{
	margin-top: 3px;
}
.content .col2 li{
	width: 240px;
	padding:15px;
	background-color: #fff;
	margin-bottom: 20px;
}
.content .col2 li img{width:100%;}
.content .col2 p{
	font-size: 14px;
	line-height: 35px;
	font-weight: normal;
	text-align: center;
}
.content .col2 li:hover p a{ color:#27a1d9;}

.news{
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 30px;
}
.news ul{}
.news li{
	margin-top: 20px;
	background-color: #fff;
	padding: 30px;
}
.news .news_l{float: left;width: 26%;}
.news .news_l .img1{
	height: 200px;
	width: 315px;
	display:block;
}
.news .news_r{
	float: left;
	width: 62%;
	margin-left: 5%;
}
.news .news_r h3{
	font-size: 18px;
	line-height: 25px;
	font-weight: normal;
	color: #333;
	font-family: "微软雅黑";
}
.news .news_r h3 a:Hover{
	color: #2f81c6;
}
.news .news_r p{
	font-size: 16px;
	line-height: 28px;
	color: #656565;
	margin-top: 10px;
}
.news .news_r span{
	font-size: 16px;
	line-height: 35px;
	color: #656565;
	margin-top: 10px;
	display: block;
} 

.news .sub{
	font-size: 16px;
	line-height: 35px;
	color: #333;
	-webkit-border-radius: 25px 25px 25px 25px;
-moz-border-radius: 25px 25px 25px 25px;
-ms-border-radius:25px 25px 25px 25px;
-o-border-radius: 25px 25px 25px 25px;
	border-radius: 25px 25px 25px 25px;
	width:150px;
	height:35px;
	border: 1px solid #333;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: 40px;
}
.news .sub:hover{border: 1px solid #27a1d9;}
.news .sub:hover a{color: #27a1d9;}

.page{ text-align:center; margin-top:30px;}
.page .sub1{
-webkit-border-radius: 0.25rem 0.25rem 0.25rem 0.25rem;
-moz-border-radius: 0.25rem 0.25rem 0.25rem 0.25rem;
-ms-border-radius:0.25rem 0.25rem 0.25rem 0.25rem;
-o-border-radius:0.25rem 0.25rem 0.25rem 0.25rem;
	border-radius:0.25rem 0.25rem 0.25rem 0.25rem;
	behavior: url(ie-css3.htc);
	font-size: 16px;
	line-height: 50px;
	height:50px;
	float:left;
	width: 40%;
	margin-left:4%;
	margin-right:4%;
	background-color: #fff;
	border:1px solid #333;
	text-align: center;
	color: #333;
}
.page .sub2{
-webkit-border-radius: 0.25rem 0.25rem 0.25rem 0.25rem;
-moz-border-radius: 0.25rem 0.25rem 0.25rem 0.25rem;
-ms-border-radius:0.25rem 0.25rem 0.25rem 0.25rem;
-o-border-radius:0.25rem 0.25rem 0.25rem 0.25rem;
	border-radius:0.25rem 0.25rem 0.25rem 0.25rem;
	behavior: url(ie-css3.htc);
	font-size: 16px;
	line-height: 50px;
	height:50px;
	float:left;
	width: 40%;
	margin-left:4%;
	margin-right:4%;
	background-color: #fff;
	border:1px solid #999;
	text-align: center;
	color: #999;
}
.pagep{text-align:center; margin-top:30px;}
.pagep span{ 
-webkit-border-radius: 15px 15px 15px 15px;
-moz-border-radius:  15px 15px 15px 15px;
-ms-border-radius:  15px 15px 15px 15px;
-o-border-radius:  15px 15px 15px 15px;
	border-radius:  15px 15px 15px 15px;
	margin-right: 5px;
	margin-left: 5px;
	border: 1px solid #656565;
	background-color:#f2f2f2;
	font-size: 16px;
	line-height: 30px;
	cursor:pointer;
    width:30px;
	height:30px;
	display:-moz-inline-box; /* css注释：for ff2 */ 
display:inline-block; 
}
.pagep span a{ color:#656565;}
.pagep span:hover{
	border: 1px solid #27a1d9;
	background-color:#f2f2f2;
}
.pagep span:hover a{
	color: #27a1d9;
}
.pagep .active{
	border: 1px solid #27a1d9;
	background-color:#f2f2f2;
}
.pagep .active a{color: #27a1d9;}

.lxwm{
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	background-color: #fff;
}
.lxwm #dituContent{
	position: absolute;
	z-index: 100;
	left: 50px;
	top: 50px;
	height: 424px;
	width: 550px;
}
.lxwm .img1{}
.lxwm .lx{
	float: right;
	width: 600px;
}
.lxwm .lx .lx_l{
	float: left;
	width: 300px;
	margin-left: 45px;
	font-family: "微软雅黑";
}
.lxwm .lx .lx_l h3{
	font-size: 24px;
	line-height: 35px;
	color: #333;
	font-weight: normal;
	margin-top: 25px;
}
.lxwm .lx .lx_l ul{
	margin-top: 45px;
}
.lxwm .lx .lx_l li{
	font-size: 16px;
	line-height: 40px;
	color: #333;
}
.lxwm .lx .lx_l p{
	font-size: 16px;
	line-height: 40px;
	color: #333;
	margin-top: 45px;
}
.lxwm .lx .lx_r{
	float: right;
	width: 200px;
	margin-right: 35px;
}
.lxwm .lx .lx_r img{
	margin-top: 25px;
}
.lxwm .lx .lx_r p{
	font-size: 18px;
	line-height: 35px;
	color: #333;
	text-align: center;
}
.lxwm .lx_con{
	clear: both;
	padding-top: 50px;
}
.fi07_1 .fi_tab span,.fi07_1 .fi_tab span.now,.fi07_1 .l a,.fi07_1 .l a:hover,.fi07_1 .r a,.fi07_1 .r a:hover{background:url(../images/icon.gif) no-repeat;}

.fi07{
	width:1200px;
	height:563px;
	overflow:hidden;
	margin-bottom: 0px;
}
.fi07_1{position:relative;width:100%;height:100%;}
.fi07_1 .fi_ct{position:relative;overflow:hidden;height:563px;cursor:pointer;/*X*/}
.fi07_1 .fi_list{position:absolute;left:0;top:0;text-align:left;width:4800px;/*X*/}
.fi07_1 .fi_list img{width:1200px;height:563px;/*X*/}
.fi07_1 .fi_ovl,.fi07_1 .fi_tt,.fi07_1 .fi_tab{width:100%;position:absolute;bottom:0;right:0;}
.fi07_1 .fi_ovl{height:80px;background:#000;opacity:0.7;filter:alpha(opacity=70);}
.fi07_1 .fi_tt{text-indent:20px;font:100 20px/80px '黑体';color:#fff;}
.fi07_1 .fi_tab{width:1170px;cursor:pointer;height:18px;bottom:31px;right:20px;text-align:right;}
.fi07_1 .fi_tab span{cursor:pointer;display:inline-block;margin:0 6px;width:9px;height:9px;vertical-align:middle;background-position:-250px 0;}
.fi07_1 .fi_tab span.now{background-position:-275px 0;}
.fi07_1 .fi_btn{cursor:pointer;display:inline-block;margin:0 6px;float:none;width:13px;height:18px;vertical-align:middle;overflow:hidden;}
.fi07_1 .fi_btn a{width:13px;height:18px;display:block}
.fi07_1 .l a{background-position:-150px 0;}
.fi07_1 .l a:hover{background-position:-200px 0;}
.fi07_1 .r a{background-position:-175px 0;}
.fi07_1 .r a:hover{background-position:-225px 0;}



/*菜单列表--开始*/
#cd-lateral-nav {
  position: fixed;
  top: 0;
  visibility: hidden;
  /* the secondary navigation is covered by the main element */
  z-index: 1000;
  width: 200px;
  height:100%;
  background: #48a770;
  overflow-y: auto;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-transition: -webkit-transform .4s 0s, visibility 0s .4s;
  -moz-transition: -moz-transform .4s 0s, visibility 0s .4s;
  transition: transform .4s 0s, visibility 0s .4s;
  /* this creates the subtle slide in animation of the navigation */
  -webkit-transform: translateX(-200px);
  -moz-transform: translateX(-200px);
  -ms-transform: translateX(-200px);
  -o-transform: translateX(-200px);
  transform: translateX(-200px);
}
#cd-lateral-nav .cd-navigation {}

#cd-lateral-nav.lateral-menu-is-open {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  visibility: visible;
  -webkit-transition: -webkit-transform .4s 0s, visibility 0s 0s;
  -moz-transition: -moz-transform .4s 0s, visibility 0s 0s;
  transition: transform .4s 0s, visibility 0s 0s;
  /* smooth the scrolling on touch devices - webkit browsers */
  -webkit-overflow-scrolling: touch;
}
#cd-lateral-nav h3{
	margin: 0;
	padding: 1em;
	color: rgba(0,0,0,0.4);
	text-shadow: 0 0 1px rgba(0,0,0,0.1);
	font-weight: 300;
	font-size: 2em;
}

#cd-lateral-nav ul li a {
	display: block;
	padding: 1em 1em 1em 1.2em;
	font-size:1em;
	outline: none;
	box-shadow: inset 0 -1px rgba(0,0,0,0.2);
	color: #f3efe0;
	text-transform: uppercase;
	text-shadow: 0 0 1px rgba(255,255,255,0.1);
	letter-spacing: 1px;
	font-weight: 400;
	-webkit-transition: background 0.3s, box-shadow 0.3s;
	transition: background 0.3s, box-shadow 0.3s;
}

#cd-lateral-nav ul li:first-child a {
	box-shadow: inset 0 -1px rgba(0,0,0,0.2), inset 0 1px rgba(0,0,0,0.2);
}

#cd-lateral-nav ul li a:hover {
	background: rgba(0,0,0,0.2);
	box-shadow: inset 0 -1px rgba(0,0,0,0);
	color: #fff;
}


/*菜单列表--结束*/
.fbj1{background-color: #333; color:#fff;}
.fbj2{background-color: #fff; color:#333;}
.foot{
	padding-top: 50px;
	padding-bottom: 50px;
}
.foot .foot_con{
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
}
.foot .foot_l{
	float: left;
	width: 550px;
}
.foot .foot_m{
	float: left;
	width: 380px;
	margin-left: 45px;
	font-family: "微软雅黑";
}
.foot .foot_m h3{
	font-size: 24px;
	line-height: 35px;
	font-weight: normal;
}
.foot .foot_m ul{
	margin-top: 45px;
}
.foot .foot_m li{
	font-size: 16px;
	line-height: 40px;
}
.foot .foot_m p{
	font-size: 16px;
	line-height: 40px;
	margin-top: 45px;
}
.foot .foot_m a{
    color:#fff;
}
.foot .foot_r{
	float: right;
	width: 200px;
}
.foot .foot_r img{ width:100%;}
.foot .foot_r p{
	font-size: 18px;
	line-height: 35px;
	text-align: center;
}
.foot2{
	background-color: #333;
	height: 85px;
	font-size: 16px;
	line-height: 85px;
	color: #fff;
	text-align: center;
}
.foot .link{
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	margin-top:30px;
}
.foot .link b{
	font-size: 14px;
	line-height: 21px;
	color: #fff;
}
.foot .link a{
	font-size: 14px;
	line-height: 21px;
	font-weight: normal;
	color: #fff;
	margin-right: 5px;
	margin-left: 5px;
}



@media (max-width:999px) {
.top_bj,.top{ display:none;}
.bg1{ background-size:contain; height:auto; padding-top:40px;background-image: url(../images/m_bj1.jpg);}
.bg2{ background-size:contain; height:auto; padding-top:30px;background-image: url(../images/m_bj2.jpg);}
.bg3{ background-color:#f2f2f2; padding-bottom:50px; height:auto;background-image:none;}
.banner{ height: 200px;     }
.banner ul li{height: 200px; }
.banner ul li img{height: 200px;}
.banner .left{
	            left: 20px;
	        }
.banner .right{
	            right: 20px;
	        }

.main1 .con1{ margin-left:1%; margin-right:1%; width:98%;}
.main1 .con1 .con1_con{margin-top: 30px; padding-bottom:40px;}
.main1 .con1 li{width:30%; margin-left:2%; margin-right:2%}
.main1 .con1 .l_w{	margin-left: 0;}
.main1 .con1 li img{width: 100%; height:auto;}
.main1 .con1 li p{
	font-size: 14px;
	line-height: 30px;
	height: 30px;
	overflow: hidden;
	margin-top:0px;
}
.main1 .con2{margin-left:1%; margin-right:1%; width:98%;}
.main1 .con2 .con2_l{
	float: none;
	width: 80%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;
	
}
.main1 .con2 .con2_l img{
width:100%;
height:auto;
/*-webkit-box-shadow: 10px 10px 3px #373635;  
  -moz-box-shadow: 10px 10px 3px #373635;  
  -o--box-shadow: 10px 10px 3px #373635;
  -ms--box-shadow:10px 10px 3px #373635;
  box-shadow: 10px 10px 3px #373635; */ }
.main1 .con2 .con2_r{
	float: none;
	width: 95%;
	margin-top:25px;
	padding-left:2.5%;
	padding-right:2.5%;
}
.main1 .con2 .con2_r h3{color: #333;}
.main1 .con2 .con2_r p{	color: #333;}
.main1 .con2 .con2_r .sub{ display:none;}
.main1 .con2 .con2_r .m_sub{
	-webkit-border-radius:20px;
-moz-border-radius: 20px;
-ms-border-radius:20px;
-o-border-radius:20px;
	border-radius:20px;
	font-size: 16px;
	line-height: 40px;
	height:40px;
	width:50%;
	margin-left:auto;
	margin-right:auto;
	background-color: #fff;
	border:1px solid #333;
	text-align: center;
	color: #333;
	cursor:pointer;
	margin-top:50px;
}

.main1 .con3{
	width: 95%;
	padding-left:2.5%;
	padding-right:2.5%;
	padding-top: 30px;
	padding-bottom: 30px;
	border-top:solid 1px #eee;
	margin-top:50px;
}
.main1 .con3 .con3_con{ margin-top:50px;}
.main1 .con3 .con3_con ul{}
.main1 .con3 .con3_con ul li{border-bottom:solid 1px #eee;}
.main1 .con3 .con3_con ul li:last-child{border:0px;} 
.main1 .con3 .con3_con .con3_l{
	width: 26%;
	background-image:none;
	height:auto;
	margin-top:15px;
}
.main1 .con3 .con3_con img{ width:100%;}
.main1 .con3 .con3_con .con3_r{
	float: right;
	width: 26%;
	background-image:none;
	height:auto;
	margin-top:15px;
}
.main1 .con3 .con3_con .con3_text{
	float: left;
	width: 65%;
	padding: 10px;
	margin-top: 0px;
	background-color:#fff;	
}
.main1 .con3 .con3_con .con3_text p{ display:none; margin-top:5px; font-size:14px; line-height:23px;}

.main1 .con3 .con3_con .con3_text .rq{
	font-size: 14px;
	line-height: 32px;
	color: #656565;
	background-image:none;
	padding-left:0px;
}
.main1 .con3 .con3_con .sub{
	color: #333;
	width:45%;
	border: 1px solid #333;
}
.main1 .con3 .con3_con .sub a{color: #333;}

.main1 .con4{
	width: 97%;
	padding-left:1.5%;
	padding-right:1.5%;
	padding-top: 50px;
}
.main1 .con4 li{
	float: left;
	width: 45%;
	padding:5px;
	margin-top:5px;
	margin-left:0.5%!important;
	margin-right:0.5%;
}
.main1 .con4 .l_w{
	margin-left:0;
}
.main1 .con4 li img{
	height:auto;
	width: 100%;
}
.main1 .con4 li p{
	font-size: 14px;
	line-height: 25px;
	margin-top:10px;
	overflow: hidden;
}
.main1 .con4 .sub{
	color: #333;
	width:45%;
	border: 1px solid #333;
	font-size: 16px;
	line-height: 35px;
	-webkit-border-radius: 25px 25px 25px 25px;
-moz-border-radius: 25px 25px 25px 25px;
-ms-border-radius:25px 25px 25px 25px;
-o-border-radius: 25px 25px 25px 25px;
	border-radius: 25px 25px 25px 25px;
	height:35px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: 40px;
	display:block;
}
.main1 .con4 .sub a{color: #333;}

.bg4{background-image:none; height:auto;}
.main1 .con5{
	width: 95%;
	padding-top:30px;
	padding-left:2.5%;
	padding-right:2.5%;
}
.main1 .con5 h2{ width:100%; line-height:45px;}
.main1 .con5 .con5_con{
	background-image:none;
	height:auto;
	padding-top: 35px;
	padding-bottom:50px;
}
.main1 .con5 .con5_con .img1{
	float: none;
	height:auto;
	width: 100%;
}
.main1 .con5 .con5_con .text{
	float: none;
	width: 100%;
	padding:0px;
	margin-top:30px;
}
.main1 .con5 .con5_con .text p{
	line-height: 32px;
}

.product_t{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-color: #fff;
	height:auto;
}
.product_t ul{}
.product_t li{
	font-size: 16px;
	line-height: 40px;
	float: left;
	width: 30%;
	margin-left:1%;
	margin-right:1%;
	text-align: center;
}
.product_t2{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-color: #fff;
	height:auto;
}
.product_t2 ul{}
.product_t2 li{
	font-size: 13px;
	line-height: 40px;
	float: left;
	height:40px;
	overflow: hidden;
	width: 30%;
	margin-left:1%;
	margin-right:1%;
	text-align: center;
}

.product{
	width: 97%;
	padding-left:1.5%;
	padding-right:1.5%;
	padding-top: 5px;
	padding-bottom:50px;
}
.product .l_w{
	margin-left: 0px;
}
.product ul{}
.product li{
	float: left;
	width: 45%;
	padding:5px;
	margin-top:8px;
	margin-left:0.8%!important;
	margin-right:0.8%;
}
.product li img{width:100%;}
.product p{
	font-size: 14px;
	line-height: 35px;
	font-weight: normal;
	text-align: center;
	height:35px;
	overflow:hidden;
}

.case_t{ display:none;}

.case{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-bottom:50px;
}
.case .l_w{
	margin-left: 15px;
}
.case ul{
	margin-top: 0px;
}
.case li{
	float: left;
	width: 95%;
	margin-left:2.5%;
	margin-right:2.5%;
	margin-top: 10px;
	background-color: #fff;
}
.case li .li1{ float:left; width:26%;}
.case li .li1 span{ padding-left:5px;margin-left:0px;}
.case li .li2{ float:left; width:70%; margin-left:5px;}
.case li .li1 img{width:100%;}
.case h3{
	font-size: 16px;
	line-height: 30px;
	height: 30px;
	margin-right: 5px;
	margin-left: 5px;
	font-weight: normal;
}
.case p{
	font-size: 14px;
	line-height: 18px;
	font-weight: normal;
	text-align: left;
	margin-right: 5px;
	margin-left: 5px;
	color: #656565;
	text-indent: 2em;
}
.case ul li .li2 span{display:none;}
.case .sub{
-webkit-border-radius:20px;
-moz-border-radius: 20px;
-ms-border-radius:20px;
-o-border-radius:20px;
	border-radius:20px;
	font-size: 16px;
	line-height: 35px;
	height:35px;
	width: 60%;
	margin-left:auto;
	margin-right:auto;
	background-color: #f2f2f2;
	border:1px solid #333;
	text-align: center;
	color: #333;
	cursor:pointer;
	margin-top:20px;
}


.bg6{
	background-image:none;
	background-color: #f2f2f2;
	padding-top: 30px;
	padding-bottom: 0px;
}
.about{
	width: 100%;
}
.about .con1,.about .con2{
	position: relative;
	width: 100%;
	background-color:#fff;
}
.about .con1 img,.about .con2 img{
	height:auto;
	width: 100%;
}
.about .con1 p,.about .con2 p{
	position: relative;
	background-color:#fff;
	font-size:18px;
	margin-top:30px;
	color:#333;
	width: 80%;
	height: 35px;
	line-height: 35px;
	padding-left: 20px;
}
.about .con1 p span,.about .con2 p span{ display:none;}
.about .about_con{
	padding-right: 20px;
	padding-bottom: 50px;
	padding-left: 20px;
	background-color: #fff;
	padding-top: 1px;
}
.about .about_con p{
	font-size: 16px;
	line-height: 28px;
	margin-top: 20px;
}

.lxwm{
	width: 90%;
	margin-left:2.5%;
	margin-right:2.5%;
	padding:2.5%;
}
.lxwm #dituContent{
	position:relative;
	height: 250px;
	width: 100%;
	top:0px;
	left:0px;
	border:#ccc solid 0px;
}
.lxwm .img1{ display:none;}
.lxwm .lx{
	float: none;
	width: 100%;
}
.lxwm .lx .lx_l{
	float: none;
	width:90%;
	margin-left: 15px;
}
.lxwm .lx .lx_l h3{
	font-size: 24px;
	line-height: 35px;
	color: #333;
	font-weight: normal;
	margin-top: 25px;
}
.lxwm .lx .lx_l ul{
	margin-top: 25px;
}
.lxwm .lx .lx_l li{
	font-size: 16px;
	line-height: 40px;
	color: #333;
}
.lxwm .lx .lx_l p{
	font-size: 16px;
	line-height: 30px;
	color: #333;
	margin-top: 25px;
}
.lxwm .lx .lx_r{
	float: none;
	width: 80%;
	margin-right:auto;
	margin-left:auto;
	margin-top:10px;
	text-align:center;
}
.lxwm .lx .lx_r img{
	margin-top: 25px;
	width:60%;
}
.lxwm .lx_con{display:none;}

.bg7{
	background-image:none;
	background-color: #f2f2f2;
	padding-top: 30px;
	padding-bottom: 0px;
}
.guide{ width:95%; padding-left:5%;}
.guide span{ display:none;}
.content{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 0px;
	margin-top: 5px;
}	
.content .col1{float: none;
	width:100%;background-color: #fff;}
.content .col1 .conn1{padding: 10px;}
.content .col1 h2{
	font-size: 18px;
	line-height: 35px;
	font-weight: normal;
	color: #333;
	text-align:left;
}
.content .col1 .lable{
	text-align:left;
}
.content .col1 .text{
	margin-top: 30px;
	font-size: 16px;
	line-height: 32px;
	color: #333;
}

.content .col1 .text img{ width:90%!important; height:auto!important;  margin-left:auto; margin-right:auto; display:block;}
.content .col1 .conn2{
	margin-top: 10px;
	padding-bottom:50px;
}
.content .col1 .conn2 .conn2_l{
	background-color: #fff;
	float: none;
	text-align: center;
	font-size: 16px;
	line-height: 35px;
	color: #989898;
	height: 35px;
	width: 80%;
	margin-left:auto;
	margin-right:auto;
	padding-left:10px;
	padding-right:10px;
	-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius:15px;
-o-border-radius: 15px;
	border-radius: 15px;
	border:1px solid #989898;
}
.content .col1 .conn2 .conn2_r{background-color: #fff;
	float: none;
	text-align: center;
	font-size: 16px;
	line-height: 35px;
	color: #989898;
	height: 35px;
	width: 80%;
	margin-left:auto;
	margin-right:auto;
	-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius:15px;
-o-border-radius: 15px;
	border-radius: 15px;
	padding-left:10px;
	padding-right:10px;
	margin-top:15px;
	border:1px solid #989898;
	}
.content .col1 .conn2 a{color: #333;}

.content .col2{display:none;}

.news{
	width:100%;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 30px;
}
.news ul{ padding:10px; background-color:#fff;}
.news li{
	margin-top:15px;
	border-bottom:solid 1px #eee;
	padding-bottom:15px;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
}
.news li:last-child{border:0px;}
.news .news_l{float: left;width: 26%;}
.news .news_l .img1{
	height: auto;
	width: 100%;
}
.news .news_r{
	float: left;
	width: 62%;
	margin-left: 5%;
}
.news .news_r h3{
	font-size: 14px;
	line-height: 21px;
	font-weight: normal;
	color: #333;
	font-family: "微软雅黑";
}
.news .news_r h3 a:Hover{
	color: #2f81c6;
}
.news .news_r p{ display:none;}
.news .news_r span{
	font-size: 16px;
	line-height: 25px;
	color: #656565;
	margin-top: 5px;
	display: block;
} 
.news .sub{ display:none;}

.page .sub1{
	font-size:16px;
	line-height:35px;
	height:35px;
	float:none;
	width: 80%;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
}
.page .sub2{
	font-size:16px;
	line-height:35px;
	height:35px;
	float:none;
	width: 80%;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
}


.fbj2{background-color: #333; color:#fff;}
.foot .foot_con{
	width:100%;
}
.foot .link{width:98%; padding-left:1%; padding-right:1%;}
.foot .foot_l{display:none;}
.foot .foot_m{
	float: none;
	margin-left:auto;
	margin-right:auto;
	margin-left: 20px;
	width:auto;
}
.foot .foot_m h3{
	font-size: 16px;
}
.foot .foot_m ul{
	margin-top: 15px;
}
.foot .foot_m li{
font-size:14px;
	line-height: 25px;
}
.foot .foot_m p{
	font-size: 14px;
	line-height: 25px;
	margin-top: 15px;
}
.foot .foot_r{
	float: none;
	width: 80%;
	margin-top:25px;
	margin-left:auto;
	margin-right:auto;
	text-align:center
}
.foot .foot_r img{ width:60%;}
.foot2{
	background-color: #333;
	height: auto;
	padding-top:20px;
	padding-bottom:20px;
	font-size: 14px;
	line-height: 25px;
	width:90%;
	padding-left:5%;
	padding-left:5%;
	color: #fff;
	text-align: center;
}

}
@media (min-width:1000px) {
.case ul li .li1 span{display: none;}
.m_top{display:none;}
.main1 .con2 .con2_r .m_sub{display:none;}
.m_banner{ display:none;}
.main1 .con4 .sub{display:none;}
.page{ display:none;}
}