@charset "utf-8";
*{ margin: 0; padding: 0; text-decoration: none; outline:none; list-style: none;}
img{border: 0;}
a{text-decoration: none;}
body{width:100%; min-width:1002px!important; margin: 0; padding: 0; font-family: "微软雅黑"!important;}
.wrapper{width: 100%; float:left;}
/*头部*/
#HomeNav{
    font-family: "Microsoft Yahei";
    height: 78px;
    line-height: 78px;
    width: 100%;
   	background: url(../images/head_bg.png);
   	z-index: 9999;
   	position: fixed;
   	top: 0;
   	left: 0;
   	min-width: 1300px;
}
#HomeNav a{
    cursor: pointer;
}
#navLogo{
    padding-left: 1.2%;
    width: 0%;
    line-height: 70px;
}
#navList{
    width: 85%;
    height:78px;
    line-height: 78px;
}
#navList ul{
    width:85%;
    z-index: 999;
}
@media only screen and (max-width: 1550px) {
	#userContent{padding-right: 0!important;}	
}
@media only screen and (max-width: 1300px) {
	#navList ul{width: 89%;}	
}
@media only screen and (min-width: 1301px) and (max-width: 1549px) {
	#navList ul{width: 82%;}
}
#navList ul li{
    float: right;
    padding-left: 2%;
}
#navList ul li a{
    display: block;
    width: 100%;
    color: white;
    font-size: 18px;
}
#userContent{
    text-align: right;
    padding-right: 15%;
    width:100px;
    height: 78px;
}
#phone{margin:0 7%;}
#navList ul li a:hover{
    color: #1cbde9;}
.banner{width: 100%; float: left;}
.banner_c{width: 100%; height: 985px; position: relative; display: block; margin: 0 auto; background: url(../images/banner_img.png) no-repeat top center;}
.banner_t{display: block; position: relative; top: 50%; margin: auto; width:486px!important;}
.banner_b{display: block; position: relative; top: 55%; margin: auto; width: 240px!important;}
.cycle{width: 100%; float: left; background: url(../images/repair_bg.png) no-repeat bottom center;}
.cycle_h{width: 1030px;  padding: 100px 0 60px 0; text-align: center; display: block; margin: auto;}
.cycle_h img{max-width: 1030px;}
.cycle_img{width: 1030px; display: block; margin: auto; text-align: center;}
.cycle_img img{max-width: 1030px;}
.repair{width: 1030px; height: 545px; display: block; margin: auto;}
.repair_left{width: 350px; height: 545px; float: left; text-align: center;}
.repair_left img{max-width: 350px;}
.repair_right{width: 600px; height: 230px; float: right; padding-right: 40px; margin-top: 200px;}
.repair_head{width: 100%; float: right; font-size: 35px; line-height: 90px; color: white; text-align: right;}
.repair_cont{width: 100%; float: right; font-size: 20px; line-height: 40px; color: white; text-align: left;}
.message{width: 100%; float: left; background: #f5f5f5;}
.message_left{width: 60%; height: 580px; float: left; background: url(../images/data_bg.jpg) no-repeat;}
.message_right{width: 40%; height: 580px; float: right; background: url(../images/data_img.jpg) no-repeat;}
.message_left_h{width: 65%; padding-right: 1%; float: right; font-size: 35px; line-height: 70px; color: #303030; margin-top: 50px;}
.message_left_p{width: 65%; padding-right:1%; float: right; font-size: 20px; line-height: 30px; color: #5c5c5c;}
.message_img{width: 65%; padding-top:55px; float: right;}
.message_li{width: 30%; margin-right: 3%; float: left; text-align: center;}
.message_img1{width:100%; float: left;}
.message_h{font-size: 18px; line-height: 18px; padding: 20px 0; color: #2b2b2b;}
.message_p{font-size: 19px; line-height: 25px; color: #6b6b6b;}
.assets{width: 100%; float: left;}
.assets_c{width: 1030px; display: block; margin: auto;}
.assets_h{width: 100%; height: 70px; margin: 50px 0 25px 0; float: left; text-align: center; font-size: 35px; color: #343434; lline-height: 70px;}
.assets_p{width: 78%; margin: 0 11%; float: left; font-size: 20px; line-height: 34px; color: #676767; text-align: center;}
.assets_img{width: 90%; margin: 65px 5%; float: left;}
.assets_ul{width: 180px; float: left; margin:30px 63px;}
.assets_li{width: 180px; text-align: center; font-size: 22px; line-height: 60px; color: #424242;}
.assets_li_img{border-bottom: solid 2px #b5b5b5; padding-bottom: 40px;}
.rotation{-webkit-transition: .8s all; -moz-transition: .8s all; -ms-transition: .8s all; transition: .8s all; position: relative;}
.rotation:hover{-webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg);}
.achievements{width: 100%; float: left; background: url(../images/achievements_bg.png) no-repeat center;}
.achievements_c{width: 1030px; height: 590px; display: block; margin: auto;}
.achievements_h{width: 1030px; height: 130px; font-size: 35px; line-height: 130px; color: #343434; float: left; text-align: center;}
.achievements_img{width: 1030px; position: relative; height: 290px; float: left; background: url(../images/achievements_x.png) no-repeat center;}
.achievements_ul{width: 190px; float: left; text-align: center; position: absolute;}
.achievements_ul1{top: 170px; left: 16px;}
.achievements_ul2{top: 16px; left: 180px;}
.achievements_ul3{top: 170px; left: 335px;}
.achievements_ul4{top: 16px; left: 500px;}
.achievements_ul5{top: 170px; left: 665px;}
.achievements_ul6{top: 16px; left: 815px;}
.achievements_li{width: 190px; float: left; text-align: center; font-size: 18px; line-height: 45px;}
.achievements_p{width: 82%; margin: 45px 9%; float: left; font-size: 20px; line-height: 36px; color: #676767; text-align: center;}
.supplier{float: left; width: 100%;}
.supplier_c{width: 1030px; padding-top: 40px; display: block; font-size: 35px; line-height: 130px; color: #343434; text-align: center; margin: auto;}
.supplier_p{width: 1030px; display: block; margin: auto; font-size: 20px; line-height: 24px; color: #676767; text-align: center;}
.supplier_img{width: 1030px; display: block; margin: auto;}
.cont2_img{width: 1030px; float: left; margin: 70px 0;}
.achievements_t{width: 430px; display: block; text-align: center; font-size: 20px; line-height: 30px; color: #5a5a5a; margin-top: 10px;}
.achievements_t1{width: 430px; display: block; text-align: center; font-size: 18px; line-height: 24px; color: #5a5a5a; font-family: arial;}
.cont2_imgn li{width: 430px; float: left; height: 280px;   position:relative; margin: 10px 40px; z-index: 2;}
.cont2_imgn ul{float: left;}
.hover_z{float:left; position:absolute; left:0px; top:0px; width:100%; height:100%; background:url(../images/supplier_bg.png) no-repeat; z-index:1; display:none; opacity:0; filter:alpha(opacity=0);}
.hover_z:hover .al_ch{opacity:1; filter:alpha(opacity=100); transform:translateY(0px);}
.hover_z .al_ch{
			width: 285px;
			opacity:0; 
			filter:alpha(opacity=0); 
			transition-delay:0.2s; 
			transform:translateY(-30px); 
			transition-property:transform,
			opacity; transition-duration:0.6s; 
			transition-timing-function:cubic-bezier(0, .97, .36, 1);  
			text-align: center; 
			display: inline-block; 
			font-size: 14px; 
			color: white; 
			line-height: 20px; 
			position: absolute;
			top: 0;
			left: 15%;
			margin-top: 150px;
			}
.hover_fangda img{float:left; position: absolute; top: 0; left: 40%; cursor:pointer;}
.hover_fangda{width: 430px; position: relative; display: inline-block; margin: 70px 0 0 25px;}
/*政府检查，等级评审*/
.review{width: 100%; height: 350px; float: left; background: url(../images/review_bg.jpg) no-repeat center; margin-top: 15px;}
.review_c{width: 1030px; height: 350px; display: block; margin: auto;}
.review_left{width: 365px; padding: 30px 0; float: left; text-align: center;}
.review_righ{width: 625px; float: right;}
.review_h{width: 625px; float: left; text-align: center; font-size: 35px; line-height: 85px; font-weight: bolder; margin-top: 70px;}
.review_p{width: 625px; float: left; text-align: center; font-size: 20px; line-height: 36px; color: #676767;}
/*部分合作团队*/
.team{width: 100%; float: left;}
.team_c{width: 1030px; display: block; margin: auto;}
.team_h{width: 100%; height: 120px; float: left; text-align: center; font-size: 35px; line-height: 120px; margin-top: 60px; text-align: center; color: #343434; border-bottom: solid 2px #dcdcdc;} 
.team_img{width: 100%; text-align: center; float: left; margin: 70px 0 90px 0;}
.team_imgs{width: 100%; height: 200px;}
.team_img img{width: 200px; height:200px; float: left; margin: 0 10px;}
.team_imgs li{float: left; width: 750px; text-align: left; font-size: 20px; line-height: 24px; font-family: "楷体"; margin-left: 50px;}
.team_t{font-size: 24px!important; margin-top: 70px; line-height: 36px; height: 36px; font-weight: bold;}
/*footer*/
.footer{width: 100%; float: left; background: #1cbde9;}
.footer_top{width: 1030px; height: 60px; border-bottom: solid 1px white; display: block; margin: auto;}
.footer_d{width: 200px; height: 60px; float: left; font-size: 20px; color: white; text-align: center; line-height: 60px;}
.footer_li{width: 125px; height: 60px; line-height: 60px; font-size: 20px; text-align: center; color: white; float: left;}
.footer_li a{color: white;}
.footer_home{margin-left: 20px;}
.footer_c{width: 100%; float: left;}
.footerc{width: 1030px; display: block; margin: auto; padding: 45px 0 40px 0; font-family: "微软雅黑";}
.footerc_left{padding: 0 15px; float: left;}
.footer_h{width:335px; font-size: 18px; line-height: 40px; float: left; color: white;}
.footerc_p{width:335px; font-size: 16px; line-height: 25px; color: white; display: block;}
.friendship{float: left;}
.friendship_h{width: 300px; float: left; font-size: 18px; line-height: 40px; color: white;}
.friendship_a{width: 300px; display: block; font-size: 16px; line-height: 25px;}
.friendship_a a{color: white;}
.qr{width: 250px; float: right; text-align: center;}
.qr img{width: 130px; height: 130px;}
.qr_img{width: 100%; float: left; font-size: 16px; line-height: 40px; color: white;}
.footer_bottom{width: 100%; float: left; text-align: center; font-size: 14px; line-height: 45px; color: white; font-family: "微软雅黑"; background: #076981; z-index: 11;}
.footer_bottom a{color: white;}
/*滚动效果*/
@-moz-keyframes headMove{
    from {transform:translateY(20px);opacity: 0;}
    to {transform:translateY(0);opacity: 1}
		}
		@-ms-keyframes headMove{
		    from {transform:translateY(20px);opacity: 0;}
		    to {transform:translateY(0);opacity: 1}
		}
		@-o-keyframes headMove{
		    from {transform:translateY(20px);opacity: 0;}
		    to {transform:translateY(0);opacity: 1}
		}
		@-webkit-keyframes headMove{
		    from {transform:translateY(20px);opacity: 0;}
		    to {transform:translateY(0);opacity: 1}
		}
/*产品优势*/
.banner{width: 100%; float: left;}
.banner img{width: 100%; max-height: 500px; display: block; margin: auto;}
.jci{width: 100%; float: left; padding-top: 40px; border-bottom: solid 2px #d2d2d2;}
.jci_h{width: 1030px; display: block; margin: auto; font-size: 25px; line-height: 75px; text-align: center; color: #373737;}
.jci_img{width: 1030px; display: block; text-align: center; margin: auto; padding: 30px 0 40px 0; text-align: center;}
.jci_img img{max-width: 100%;}
.jci_01 p{margin: 0;}
.advantage_01 ,.advantage_02{width:100%; float:left; padding-top: 70px;}
.advantage_01 .jci_01c{width: 1030px; display: block; margin: auto;}
.advantage_01 .jci_01c_left{width: 55%; float: left;}
.advantage_01 .jci_01c_leftt{width:100%; font-size: 25px; line-height: 60px; color: #363636; text-align: left; float: left;}
.advantage_01 .jci_01c_leftp{font-size: 18px; width: 100%; line-height: 30px; color: #717171; float: left; text-align: left;}
.advantage_01 .jci_01c_right{width: 40%; float: right; text-align: right;}
.advantage_01 .jci_01c_right img{width: 430px; height: 280px;}
.advantage_02 .jci_01c{width: 1030px; display: block; margin: auto;}
.advantage_02 .jci_01c_left{width: 55%; float: right;}
.advantage_02 .jci_01c_leftt{width:100%; font-size: 25px; line-height: 60px; color: #363636; text-align: left; float: left;}
.advantage_02 .jci_01c_leftp{font-size: 18px; width: 100%; line-height: 30px; color: #717171; float: left; text-align: left;}
.advantage_02 .jci_01c_right{width: 40%; float: left; text-align: right;}
.advantage_02 .jci_01c_right img{width: 430px; height: 280px;}
.histogram{width: 100%; margin-top: 70px; float: left; background: #86cff7;}
.histogram_c{width: 1030px; height: 410px; display: block; margin: auto;  background: url(../images/juxing.png) no-repeat left;}
.histogram_left{width: 54%; padding: 90px 50px 80px 0; float: right; height: 240px; text-align: center;}
.histogram_right{width: 20%; padding: 90px 0 80px 0; float: right; height: 240px; text-align: center;}
.histogram_h{font-size: 25px; line-height: 40px; color: white; text-align: left;}
.histogram_p{font-size: 18px; line-height: 30px; color: white; text-align: left;}
/*关于我们*/
.profile{width: 100%; float: left; background: url(../images/profile_bg.jpg) no-repeat center;}
.profile_c{width: 1030px; display: block; margin: auto; padding: 40px 0 60px 0;}
.profile_h{width: 100%; float: left; text-align: center; color: white; line-height: 100px; height: 100px; font-size: 30px;}
.profile_p{width: 1000px; padding: 20px 0 15px 0; font-size: 20px; line-height: 32px; text-align: left; color: white;}
.about_cont{width: 100%; float: left;}
.about_contc{width: 1030px; display: block; margin: auto;}
.about_cont01{width: 100%; float: left; height: 240px; margin-top: 120px;}
.about_cont01_left{width: 40%; float: left; text-align: center;}
.about_cont01_left li{float: left; width: 100%;}
.about_cont01_h{font-size: 27px; line-height: 40px; color: #4d4d4d; float: left; margin-top: 15px;}
.about_cont01_he{color: #4d4d4d; font-size: 27px; line-height: 36px; float: left;}
.about_cont01_right{width: 56%; padding: 30px 0; float: left; font-size: 18px; line-height: 28px; color: #4d4d4d; text-align: left;}
.about_cont02{width: 100%; float: left; height: 240px; margin-top: 120px;}
.about_cont02_left{width: 40%; float: left; text-align: center;}
.about_cont02_left li{float: left; width: 100%;}
.about_cont02_h{font-size: 27px; line-height: 40px; color: #4d4d4d; float: left; margin-top: 15px;}
.about_cont02_he{color: #4d4d4d; font-size: 27px; line-height: 36px; float: left;}
.about_cont02_right{width: 56%; padding: 30px 0; float: left; font-size: 18px; line-height: 28px; color: #4d4d4d; text-align: left;}
.about_cont03{width: 100%; float: left; height: 240px; margin: 120px 0;}
.about_cont03_left{width: 40%; float: left; text-align: center;}
.about_cont03_left li{float: left; width: 100%;}
.about_cont03_h{font-size: 27px; line-height: 40px; color: #4d4d4d; float: left; margin-top: 15px;}
.about_cont03_he{color: #4d4d4d; font-size: 27px; line-height: 36px; float: left;}
.about_cont03_right{width: 56%; padding: 30px 0; float: left; font-size: 18px; line-height: 28px; color: #4d4d4d; text-align: left;}
/*产品功能*/
.function{width: 100%; float: left;}
.function_c{width: 1030px; display: block; margin:-30px auto 0 auto;}
.function_ul{width: 30%; margin:0 1% 50px 1%; float: left; min-width: 320px; transition: all .2s ease;}
.function_ul:hover{ -webkit-transform: scale(1.1); -moz-transform: scale(1.05); transform: scale(1.05); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: 0 -1px 10px rgba(0,0,0,.5); -moz-box-shadow: 0 -1px 10px rgba(0,0,0,.5); box-shadow: 0 -1px 10px rgba(0,0,0,.5);
}
.function_span{float:left; padding-bottom: 30px; height: 350px; width: 100%; background: #1cbde9;}
.function_img{width:100%; float: left; padding: 45px 0; text-align: center;}
.function_p{padding: 0 5%; text-align: left; font-size: 16px; line-height: 24px; color: white; float: left;}
.function_h{width: 100%; float: left; text-align: center; font-size: 22px; color: #454545; line-height: 60px;}
/*案例*/
.case_cont{width: 100%; float: left; padding: 110px 0 220px 0;}
.case_contc{width: 1030px; display: block; margin: auto;}
.case_li{width: 240px; float: left; margin: 0 8px; text-align: center;}
.case_img{width:240px; float: left;}
.case_img img{max-width: 240px; height: auto;}
.case_t{width: 240px; float: left; color: #c3c3c3; font-size: 12px; line-height: 40px; height: 80px;}
.rotationc{-webkit-transition:1s ease;-moz-transition:1s ease}
.case_img:hover .rotationc{-webkit-transform:rotatey(360deg);-moz-transform:rotatey(360deg);}
/*数据分析*/
.data_cont{width: 100%; float: left;}
.data_contc{width: 1920px; height: 1229px; background: url(../images/data_bg1.png) no-repeat; display: block; margin: 0 auto;}
.data_head{width: 100%; font-size: 40px; line-height: 180px; float: left; text-align: center; color: white;}
.data_cont_left{width: 586px; height: 937px; float: left; margin:0 25px 0 30px; background: url(../images/information_bg.png) no-repeat;}
.data_header{width: 345px; display: block; margin: 25px auto;}
.search{width: 345px; float: left; background: url(../images/search_bg.png) no-repeat;}
#search_button{width: 70px; height: 40px; background: none; border: 0;}
.search_input{width: 275px; padding: 0 25px; height: 40px; float: left; color: white; font-size: 18px; line-height: 40px; background: none; border: 0;}
.data_cont_left1{width: 135px; height: 180px; margin: 25px 25px 25px 40px; float: left;}
.data_cont_right1{width:370px; float: left; padding-top: 60px;}
.message_in{width: 180px; height: 30px; font-size: 18px; line-height: 30px; color: white; float: left;}
.data_select{width: 480px; float: left; margin: 0 50px;}
.data_select_li{width: 180px; font-size: 18px; color: white; line-height: 30px; margin: 0 29px 20px 29px; height: 30px; float: left;}
.data_select_c{width: 120px;  height: 30px; font-size: 16px; line-height: 30px; color: white; float: right; background: none; border: solid 1px white; text-align: center;}
.data_option{background: none; border: 0; text-align: center; width: 120px;}
.button_sure{width: 100%; height: 40px; margin-bottom: 25px; text-align: center; font-size: 18px; line-height: 40px; color: white; float: left; background: url(../images/button_bg.png) no-repeat center;}
#sure_button{width: 150px; height: 40px; background: none; border: 0;}
.data_table{width: 100%; float: left;}
.data_tablec{width: 450px; height: 360px; display: block; margin: auto;}
.data_tablec table{width: 100%; height: 100%; border: solid 2px white; color: white; font-size: 18px; text-align: center;}
.data_tablec table th{text-align: center; font-size: 18px; font-weight: 100;}
.data_histogram{float: left; width: 1200px;}
.data_histogramc{width: 580px; height: 422px; float: left; margin:0 20px 90px 0; background: url(../images/histogram_bg.png) no-repeat;}
.data_chart1 ,.data_chart2 ,.data_chart3{width: 150px; height: 120px; float: left; margin: 0 20px; text-align: center;}
.data_year ,.data_active{color: white;}
.data_year{font-size: 16px; line-height: 50px;}
.data_active{font-size: 14px; width: 150px; height: 27px; border-radius: 10px; line-height: 27px; text-align: center;}
.data_titlep{width: 100%; float: left; color: white; font-size: 20px; line-height: 100px; text-align: center;}