.main{

	width: 1200px;

	margin: 0 auto;

}

.top{

	background: #1170d2;

	line-height: 38px;

}

.top p{

	color: white;

	font-size: 16px;

}

.logobox{

	margin: 20px auto;

}

.logo{

	float: left;

	

}

.tel{height:68px;background: url(../images/tel.png) left center no-repeat;float: right;margin-top:10px;}

.tel .tit{font-size: 16px;color: #333;text-indent:100px;line-height: 20px; font-weight:normal}

.tel .con{font-size: 34px;color: #0E60AA;text-indent: 100px;font-weight: bold;}





.navigation{

	background-image: linear-gradient(to right,#1170d2, #08b344);

	line-height: 56px;background-color: #1170d2;



	

}

.navigation li{

	float: left;

	width: 150px;

	text-align: center;

}

.navigation a{

	color: white;

	font-size: 16px;

}

.navigation li:hover{

	background: #0b4887;

}



.navigation li.cur{

	background: #0b4887;

}





/*banner*/

#slider-container {

	margin: 0px;

	overflow: hidden;

	clear: both !important;

	position: relative;

	/*margin-top: 243px;*/

}

.nivoSlider img {



}



.nivoSlider a {

	border: 0px currentColor;

	display: block;

}



.nivo-directionNav a {

	border: 0px currentColor;

	width: 22px;

	height: 24px;

	text-indent: -9999px;

	display: block;

}



#slider {

	margin: 0px auto;



	overflow: hidden;

	position: relative;

	z-index: 9;

}



#slider h1 {

	color: rgb(255, 255, 255);

	font-size: 24px;

}



#slider .sdate {

	padding-bottom: 10px;

	display: block;

}



#slider hr {

	margin: 0px 0px 20px;

	padding: 0px;

	border-bottom-color: rgb(137, 137, 137);

	border-bottom-width: 1px;

	border-bottom-style: solid;

}



.nivoSlider {

	position: relative;

}



.nivoSlider img {

	left: 0px;

	top: 0px;

	position: absolute;

}



.nivoSlider a.nivo-imageLink {

	margin: 0px;

	padding: 0px;

	border: 0px currentColor;

	left: 0px;

	top: 0px;

	width: 100%;

	height: 100%;

	display: none;

	position: absolute;

	z-index: 6;

}



.nivo-slice {

	height: 100%;

	display: block;

	position: absolute;

	z-index: 5;

}



.nivo-box {

	display: block;

	position: absolute;

	z-index: 5;

}







.nivo-caption p {

	margin: 0px;

	padding: 0px;

}



.nivo-caption a {

	display: inline !important;

}



.nivo-html-caption {

	display: none;

}



.nivo-directionNav a {

	top: 50%;

	position: absolute;

	z-index: 9;

	cursor: pointer;

}



.nivo-prevNav {

	background: url("../images/prev.png") no-repeat;

	left: 25px;

}



.nivo-nextNav {

	background: url("../images/next.png") no-repeat;

	right: 25px;

}



.nivo-controlNav a {

	position: relative;

	z-index: 9;

	cursor: pointer;

}



.nivo-controlNav a.active {

	font-weight: bold;

}

















.web-title{

	text-align: center;

}

.web-title h3{

	color: #010101;

	font-weight: lighter;

	font-size: 45px;

}

.web-title em{

	color: #010101;

	font-weight: bold;

}

.web-title span{

	color: #1170D2;

	font-weight: bold;

}

.product{

	margin: 58px auto 42px auto;

}

.web-title p{

	color: #848484;

	font-size: 21px;

	line-height: 40px;

}

.pro-center{

	margin-top: 42px;

}

.product-fl{

	float: left;

	width: 240px;

	text-align: center;

}

.pro-title span{

	color: white;

	font-size: 16px;

	font-family: arial;

	line-height: 30px;

	text-transform: uppercase;

}

.pro-title p{

	color: #FFFFFF;

	font-size: 27px;

	font-weight: bold;

}

.pro-title{

	background-image:linear-gradient(to right,#1173cb,#08b148) ;

	border-top-right-radius: 10px;

	border-bottom-left-radius: 10px;

	padding: 12px 0 20px 0;

}



a.current{

	text-decoration: none;

}

.treebox{

	 margin: 0 auto; 

}

.menu{

	overflow: hidden;

}

/*第一层*/

.menu li{

	background: #eeeeee;

	border-radius: 10px;

	margin: 5px 0;

}

.menu li.level1>a{ 

	display:block;

	

	line-height: 50px;

	color: #666666;

	font-size: 17px;

	position: relative;

	transition:all .5s ease 0s;

}

.menu li.level1 a:hover{

	

	background-color:#1170d2;

	color: white;

}

.menu li.level1 a.current{

	background: #1170d2;

	color: white;

	border-radius: 10px;

}





/*第二层*/

.level2 li{

	margin: 2px 0;

	border-radius: 10px;

	background: #5191d3;

}

.menu li ul{

	overflow: hidden; 

	

}

.menu li ul.level2{

	display: none;

}

.menu li ul.level2 li a{

	display: block;

	height: 45px;

	line-height: 45px;

	color: #fff;

	/*border-bottom: 1px solid #ddd; */

	font-size: 16px;

	transition:all 1s ease 0s;

	

}

.pro-show-center{

	float: left;

	width: 930px;

	margin-left: 30px;

}

.pro-show-center ul{ margin-left:-20px}

.marqueetop{

	height:600px;

	overflow:hidden;

}

.pro-show li{

	float: left;

	width: 296.66666px;

	border-bottom: solid 1px #dcdcdc; margin-left:20px; margin-bottom:20px

}

.pro-show li img{ width:100%}

.pro-text{

	line-height: 68px;

	

}

.pro-text span{

	float: left;

	color: #666666;

	font-size: 18px;

}

.pro-text a{

	float: right;

	display: inline-block;

	background: #347fcc;

	width: 98px;

	line-height: 30px;

	color: white;

	font-size: 14px;

	border-radius: 14px;

	margin-top: 17px;

	text-align: center;

}

.pro-more{

	background: #1170D2;

	width: 522px;

	line-height: 58px;

	border-radius: 33px;

	padding: 4px 0 4px 6px;

	margin: 16px auto 0 auto;

}

.pro-more div:first-child{

	background: white;

	border-radius: 29px;

}

.pro-more a{

	color: #262626;

	font-size: 16px;

	text-align: center;

	display: block;

}

.pro-more p{

	color: white;

	font-size: 18px;

}

.pro-more span{

	font-size: 30px;

	font-weight: bold;

	font-family: arial;

}

.about-center{

	background: url(../images/about-2.jpg) no-repeat center center;

	background-size:cover ;

	padding: 94px 0 ;

	margin-top: 18px;

}

.about-img{

	float: left;

	width: 500px;

}
.about-img img{
    width:100%;
}

.about-text{

	margin-left: 40px;

	float: left;

	width: 600px;

}

.about-text p{

	color: white;

	font-size: 18px;

	line-height: 40px;

}

.about-text{

	margin-top: 0px;

}

.about-text img{

	margin-bottom: 23px;

}

.about-more{

	width: 160px;

	border: solid 1px #adcceb;

	line-height: 45px;

	border-radius:25px ;

	float: left;

}

.about-more a{

	color: #FFFFFF;

	font-size: 16px;

	display: block;

	text-align: center;

}

.about-tel{

	float: left;

	line-height: 45px;

	margin-left: 15px;

}

.about-tel span{

	font-size: 30px;

	font-family: arial;

	font-weight: bold;

}

.about-m{

	margin: 40px 0 0 0;

}

.case{

	margin: 86px auto 75px; width:1200px;

	

	

}

.g4{

	width: 100% !important;

	height: 382px;

}

.g4 img{

	height:292px !important;

}

.case-center{

	

	margin-top: 42px;

	

	

}

.case-center li{

	padding: 0 10px;

}



.case-text{

	border-bottom: solid 1px #d2d2d2;

	padding: 23px 0;

	line-height: 40px;

}

.case-text span{
    
    width: 278px;

	float: left;

	color: #666666;

	font-size: 20px;
	
	overflow: hidden;
	
	white-space: nowrap; 
	
	text-overflow: ellipsis; 



}

.case-text a{

	float: right;

	display: inline-block;

	width: 142px;

	border: solid 1px #aaaaaa;

	border-radius: 19px;

	text-align: center;

}

.ad-title{

	text-align: center;

}

.ad-title h3{

	color: #333333;

	font-size: 45px;

	font-weight: bold;

}

.ad-title span{

	color: #1170d2;

}

.ad-title p{

	color: #848484;

	font-size: 21px;

	line-height: 50px;

}

.advantage-bg{

	background: url(../images/gz-1.jpg) no-repeat center center;

	background-size:cover ;

	padding: 90px 0 100px 0;

	margin-top: 20px;

}

.ad-text h3{

	color: white;

	font-size: 34px;

	margin-top: 15px;

	font-weight: bold;

}

.ad-text span{

	color: white;

	font-size: 15px;

	display: block;

	line-height: 30px;

	margin-bottom: 35px;

}

.ad-text p{

	color: white;

	font-size: 16px;

	line-height: 30px;

}

.ad-1{

	padding-bottom: 50px;

}

.advantage-center li:nth-child(2){

	margin-top: 56px;

}

.advantage-center li:nth-child(3){

	margin-top: 33px;

}

.ad-img{

	float: left;

	width: 500px;

}

.ad-img img{ width:100%}

.ad-text{

	float: left;

	width: 650px;

}

.new{

	margin: 70px auto 80px auto;

}

.new-center{

	margin-top: 50px;

}

.new-center li{

	

	float: left;

	width: 580px;

	margin: 10px;

}

.new-bg{

	background: #F5F5F5;

	padding: 14px 10px 14px 11px;

}

.new-bg h2{
    width:100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.new-text a{

	color: #333333;

	font-size: 18px;

	line-height: 40px;

}

.new-text p{

	color: #666666;

	font-size: 13px;

	line-height:25px;

	margin-top: 8px;

}



.link{

	background-image: linear-gradient(to right,#1170d2,#08b344);

	padding: 23px 0 31px 0;

	overflow: hidden;

}



.link a{

	color: white;

	font-size: 15px;

	margin: 0 6px;

	line-height: 22px;

}







/*footer*/

.footer{width: 100%;color: #fff;padding-bottom: 48px;background: #2E3033;border-top: 8px solid #1ea4fe; clear:both;}

.footer .links{padding: 20px 0;font-size: 16px;border-bottom: 1px solid #1a1d21;}

.footer .links span{color: #fff;display:inline-block;}

.footer .links a{display:inline-block;font-size: 14px;color: #939393;padding-right: 10px;}

.footer .links a:hover{color: #1170d2;}

.footer .bottom {border-top: 1px solid #464a50;}

.footer .bNav{width: 600px;height: 180px;margin-top: 48px;border-right: 1px solid #1a1d21;}

.footer .di_logo img{width:111px; height:111px; background-size:100%;}

.footer .bNav dl{display:inline-block;float:left;width:300px;overflow:hidden;text-align:left;padding-top:10px;}

.footer .bNav dl dt{height:16px; display:block; padding-bottom:32px;}

.footer .bNav dl dt a{display:block; font-size:16px; color:#fff; line-height:16px;}

.footer .bNav dl dd{ height:14px; padding-bottom:16px; float:left; width:50%;}

.footer .bNav dl dd a{display:block;font-size:14px;color: #939393;line-height:14px;}

.footer .bNav dl dd a:hover{color: #1170d2;}

.footer .ewm{height: 180px;text-align:center;padding-left: 48px;margin-top: 48px;border-left: 1px solid #464a50;}

.footer .ewm dl{width: 140px;float:left;display:block;margin-right:30px;margin-top: 10px;height:164px;}

.footer .ewm dl:nth-child(2){margin-right:0px;}

.footer .ewm dl:first-child+dl{margin-right:0px;}

.footer .ewm dl dt{width: 140px;height: 140px;background-color:#fff;text-align:center;}

.footer .ewm dl dt img{width: 130px;height: 130px;display:inline-block;background-size:100%;margin-top:5px;}

.footer .ewm dl dd{font-size:14px;color: #939393;line-height:24px;padding-top: 5px;}

.footer .contact_info{width: 300px;height: 180px;padding-left: 50px;border-right: 1px solid #1a1d21;border-left: 1px solid #464a50;margin-top: 48px;}

.footer .contact_info p.p1{font-size:14px;color: #fff;line-height:14px;padding-top:10px;}

.footer .contact_info p.dh{font-size:36px;color: #1ea4fe;font-family:"Arial";line-height:36px;padding-top: 4px;font-weight:bold;padding-bottom:12px;}

.footer .contact_info h3{font-size:20px; padding-top:8px;}

.footer .contact_info p.tel1{font-size:14px;color: #939393;line-height:22px;width: 270px;}

.footer .contact_info i{display:block; padding-top:8px; font-size:14px; color:#fff;}

.footer .contact_info i a{display:inline-block; color:#fff; padding-right:12px;}







.city a{

	margin: 0 5px;

}

.city span{

	color: #DDDDDD;

	font-size: 14px;

}

.youhua{

	color: #FFFFFF;

	font-size: 14px;

	line-height: 35px;

	margin-top: 80px;

}

.youhua a{

	color: #FFFFFF;

	font-size: 14px;

}





.sj-pro,.sj-case{

	margin: 20px auto;

}

.sj-title{

	margin-bottom: 20px;

}

.sj-title span{

	color: black;

	font-size: 22px;

}

.sj-pro-c span,.sj-case-c span{

	color: #666666;

	font-size: 14px;

	line-height: 35px;

}

.sj-about{

	padding: 0 15px;

}

.sj-about p{

	color: #666666;

	font-size: 14px;

	line-height: 30px;

	text-indent: 2em;

}

.sj-new-c {

	padding: 0 15px;

}

.sj-new-c li{

	line-height: 40px;

}

.sj-new-c a{

	color: black;

	font-size: 14px;

}

.sj-new-c span{

	float: right;

	color: #666666;

	font-size: 14px;

}

.sj-footer{

	background: #404141;

	padding: 20px 15px;

	color: white;

	font-size: 14px;

	line-height: 30px;

	margin-top: 20px;

}

.call{

	position: fixed;

	bottom: 0;

	left: 0;

	right: 0;

	background:#09ac53;

	line-height: 35px;

}

.call a{

	color: white;

	font-size: 14px;

}

@media only screen and (max-width:768px ) {

	html,.as-mainwrapper{

		padding-bottom: 30px;

	}

}



/*20220720*/

  .target {
				width: 100%;
    height: 550px;
    overflow: hidden;
    position: relative;
    /* margin: 20px auto;*/
			}
			.target img {
				position:absolute;
				top:0;
				left:0;
				width:100%;
				height:100%;
			}