@charset "utf-8";
/*公共样式*/
*{margin: 0; padding: 0;}
ol,ul,li{list-style: none;}
a{text-decoration: none; color: #333; -webkit-tap-highlight-color: rgba(255,0,0,0); -webkit-transition: all .4s ease; transition: all .4s ease; cursor: pointer;}
a:focus{outline:none;}
em,i{font-style: normal;}
h1,h2,h3,h4,h5,h6,th{font-weight: normal;}
img{border: 0; max-width: 100%; height: auto; vertical-align: middle;}
table{border-collapse: collapse; border-spacing: 0;}
input,textarea,select,button{border: 0; background: none; outline: 0; font-family: "Microsoft Yahei";}
input[type="button"],input[type="text"],input[type="submit"],select{appearance: none; -moz-appearance: none; -webkit-appearance: none;}
input,input:focus,input:active{user-select: text;}
textarea{resize: none;}
.clearfix{zoom: 1;}
.clearfix:after{content: "."; *zoom: 1; display: block; visibility: hidden; height: 0; clear: both;}
.tl{text-align: left!important;}
.tc{text-align: center!important;}
.tr{text-align: right!important;}
.fl{float: left;}
.fr{float: right;}
body{
	min-width: 1200px;
	font-size: 14px;
	line-height: 1.2;
	color: #282828;
	font-family: "微软雅黑";
	color: #333;
}
a{
	color: black;
	text-decoration: none;
}
a:hover{
	color:#009FE9;
}
img{
	border: none;
}
.container{
	width: 1200px;
	margin: 0 auto;
	position: relative;
}
.header{
	position: relative;
	height: 180px;
}
.nav_select {
    border-bottom: 3px solid #009FE9;
}
.header_bg{
	background: url(../images/topbg.JPG) no-repeat;
	background-color: #333;
	width: 100%;
	height: 35px;
}
.header_1{
	width: 100%;
	line-height: 35px;
}
.header_1 .welcome{
	font-size: 14px;
	color: white;
	float: left;
	padding-left: 350px;
}
.header_1 .other{
	color: white;
	float: right;
}
.header_1 .other a{
	color: white;
}
.header_2{
	position: absolute;
	top: 35px;
	width: 100%;
}
.header_2 .logo{
	z-index: 10;
	margin-top: -35px;
	float: left;
}
.header_2 .mes{
	padding-top: 15px;
	float: left;
	line-height: 50px;
}
.mes_one{
	font-size: 30px;
	color: #009fe9;
	font-weight: bold;
	font-style: italic;
}
.mes_two{
	font-size: 20px;
}
.header_2 .tel{
	float: right;
	text-align: right;
	font-size: 26px;
	color: #009FE9;
	padding-top: 15px;
}
.tel_one{
	font-size: 12px;
	color: #666;
	position: relative;
	height: 16px;
	position: relative;
}
.tel_one i{
	width: 16px;
	height: 16px;
	position: absolute;
	top: 0px;
	left: 70px;
}
.tel_two{
	font-size: 26px;
	line-height: 35px;
}
.nav{
	width: 100%;
	height: 53px;
	line-height: 50px;
	background-color: #f6f6f6;
	border-top: 1px solid #009FE9;
	border-bottom: 2px solid #f6f6f6;
}
.nav ul li{
	float: left;
	height: 53px;
	list-style: none;
	width: 12.5%;
	text-align: center;
	box-sizing: border-box;
	position: relative;
}
.nav ul li:hover{
	border-bottom: 3px solid #009FE9;
}
.nav_select{
	border-bottom: 3px solid #009FE9;
}
.nav ul li ul{
	display: none;
	position: absolute;
	width: 100%;
	top: 55px;
	height: 55px;
	z-index: 111;
}
.nav ul li ul li{
	width: 100%;
	height: 55px;
	width: 100%;
	float: inherit;
	display: table;
	text-align: center;
	background-color: #f6f6f6;
	box-sizing: border-box;
}
.nav ul li ul li:hover {
	border-bottom: 3px solid #009FE9;
}
.banner{
	width: 100%;
}
.banner img{
	width: 100%;
}
.slick-next,.slick-prev{
	display: none !important;
}
.slick-dots li button{
	border: none;
}
.slick-dots li.slick-active button{
	background: #009FE9 !important;
}
.advantage{
	padding-top: 70px;
	background: url(../images/bg1.png) no-repeat;
	background-size:100% 100%;
	height: 700px;
}
.same_title{
	font-size: 32px;
	text-align: center;
	color: #009FE9;
	font-weight: bold;
	position: relative;
	width: 100%;
	margin: 0 auto;
}
.xian_l{
	position: absolute;
	top: 20px;
	left: 300px;
}
.xian_r{
	position: absolute;
	top: 20px;
	right: 300px;
}
.pro_l{
	left: 370px;
}
.pro_r{
	right: 370px;
}
.suc_l{
	left: 350px;
}
.suc_r{
	right: 350px;
}
.same_remarks{
	font-size: 18px;
	text-align: center;
	margin-top: 15px;
}
.same_bottom{
	margin: 25px 0;
	width: 100%;
}
.same_bottom img{
	width: 100%;
}
.advantage_content ul li{
	background-color: #1B6D85;
}
.advantage_content .item{
	padding: 0 2%;
	width: 29.3333%;
	height: 500px;
	position: relative;
	overflow: hidden;
	float: left;
}
.advantage_content .item:hover .jj{
	background-color: #009FE9;
	color: white;
}
.advantage_content .item:hover .jj:after{
	border-bottom: 100px solid #009FE9;
	border-left: 360px solid transparent;
}
.advantage_content .item img{
	width: 100%;
	
}
.advantage_content .jj{
	position: absolute;
	top: 300px;
	left: 40px;
	text-align: center;
	background-color: #E0E0E0;
	height: 180px;
	padding: 0 20px;
}
.advantage_content .jj::after{
	content: "";
	border-bottom: 100px solid #e0e0e0;
	border-left: 360px solid transparent;
	width: 0;
	height: 0;
	top: -100px;
	left: 0;
	display: block;
	position: absolute;
}
.jj_one{
	line-height: 60px;
	font-size: 20px !important;
}
.jj_one{
	font-size: 14px;
	font-size: 20px !important;
}
.jj_two{
	line-height: 40px;	
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.new_project{
	padding-top: 70px;
	height: 1150px;
}
.new_project_content .left{
	width: 25%;
	float: left;
	padding-right: 20px;
}
.left_one{
	background-color: #009FE9;
	padding: 0 20px;
	padding-bottom: 40px;
}
.left_one_title{
	font-size: 34px;
	color: white;
	font-family: "times new roman";
	padding-top: 40px;
}
.left_one_item{
	padding-top: 45px;
	padding-bottom: 20px;
	font-size: 28px;
	width: 100%;
	border-bottom: 1px white dashed;
	color: white;
}
.left_one ul{
	padding-left: 10px;
	padding-top: 5px;
}
.left_one ul li{
	list-style: none;
	line-height: 50px;
	font-size: 16px;
}
.left_one ul li a{
	color: white;
}
.left_one ul li a:hover{
	color: #FFFF00;
}
.left_one .more{
	height: 40px;
	width: 160px;
	border-radius: 25px;
	border: 1px solid white;
	text-align: center;
	line-height: 40px;
	color: white;
	margin-top: 20px;
}
.a_more{
	width: 160px;
}
.a_more:hover .more{
	color: #FFFF00;
	border: 1px solid #FFFF00;
}
.left_two{
	height: 130px;
	font-size: 30px;
	color: white;
	text-align: center;
	padding-top: 50px;
	margin-top: 20px;
	background-color: #009FE9;
	font-weight: bold;
}
.new_project_content .right{
	width: 73%;
	margin-left: 27%;
}

.right_title{
	height: 50px;
	line-height: 50px;
	border-bottom: 1px solid #009FE9;
}
.right_title_one{
	font-size: 24px;
	float: left;	
}
.right_title_one span{
	padding-bottom: 8px;
	border-bottom: #333 3px solid;
	color: #009FE9;
}
.right_title_two{
	font-size: 14px;
	float: right;
	line-height: 50px;
}
.right_title_two a{
	color: #333;
}
.right_content .item{
	width: 31%;
	margin: 30px 10px;
	height: 230px;
	float: left;
}
.right_content .item_img{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.right_content .item_img img{
	min-width: 100%;
	transition: .5s;
}
.right_content .item_name{
	text-align: center;
	background-color: #ddd;
	height: 35px;
	line-height: 35px;
	font-size: 16px;
}
.right_content .item:hover img{
	transform: scale(1.1);
	transition: .5s;
}
.right_content .item:hover .item_name{
	background-color: #009FE9;
	color: white;
}

.banner2{
	padding-top: 2%;
	width: 100%;
	height: 190px;
	color: white;
	position: relative;
}
.banner2_bg{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.banner2_bg img{
	width: 100%;
}
.banner2_left{
	margin-left: 40%;
	float: left;
}
.banner2_one{
	font-size: 28px;
	padding-bottom: 10px;
}
.banner2_one span{
	color: #FFFF00;
}
.banner2_two ul {
	height: 40px;
	line-height: 40px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
}
.banner2_left ul li{
	list-style: none;
	position: relative;
	float: left;
	text-align: center;
	width: 33.3333%;
}
.banner2 ul li:before{
	content: "   ";
	display: block;
	height: 16px;
	width: 16px;
	background: url(../images/yes.png) no-repeat;
	position: absolute;
	top: 16px;
	left: 35px;
}
.banner2_right{
	float: right;
}
.banner2_right_one{
	padding-bottom: 5px;
	padding-left: 30px;
	font-size: 14px;
	position: relative;
}
.banner2_right_one i{
	position: absolute;
	top: 0px;
	left: 0;
}
.banner2_right_two{
	font-size: 26px;
	
}
.reason{
	width: 100%;
	height: 1200px;
	background: url(../images/bg3.png) no-repeat 0 480px;
	
	background-size:100% 100%;
}
.reson_title{
	font-size: 35px;
	font-weight: bold;
	color: #009FE9;
	text-align: center;
	position: relative;
}

.reson_title h2{
	display: inline;
	color: black;
	font-size: 80px !important;
}
.reson_title span{
	color: black;
	font-size: 35px;
}
.reson_title_bg{
	font-size: 90px;
	color: #f5f5f5;
	position: absolute;
	top: -5px;
	left: 130px;
	z-index: -10;
}
.reson_jj{
	text-align: center;
	font-size: 18px;
	float: left;
	margin-top: 30px;
}
.reson_content_one_left{
	width: 50%;
	float: left;
}
.reson_content_title{
	font-size: 26px;
	position: relative;
	padding-top: 15px;
	height: 76px;
	padding-left: 80px;
}
.num{
	font-size: 76px;
	color: #009FE9;
	float: left;
	height: 76px;
	font-family: FZZY;
}
.reson_content_title span{
	color: #009FE9;
}
.num01:after,.num02:after,.num03:after,.num04:after{
	content: "Long time new years of mechanical equipment renovation experience";
	font-size: 16px;
	width: 100%;
	color: #ccc;
	position: absolute;
	top: 51px;
	left: 90px;
}
.num02:after{
	content: "Select high-quality oil as the main material for spraying renovation";
}
.num03:after{
	content: "Supported by a strong technical team";
}
.num04:after{
	content: "Professional customer service team provides worry-free service";
}
.reson_content_jj ul{
	margin-left: 40px;
	padding-left: 50px;
	border-left: 2px dashed #ddd;
}
.reson_content_jj ul li span{
	color: #009FE9;
}
.reson_content_jj ul li{
	font-size: 14px;
	line-height: 30px;
	position: relative;
	list-style: none;
	padding-top: 20px;
}
.reson_content_jj ul li::before{
	content: "";
	display: block;
	height: 9px;
	width: 9px;
	position: absolute;
	top: 32px;
	left: -55px;
	background: url(../images/dian.jpg);
}
.reson_content_one{
	margin-top: 100px;
}
.reson_content_one_right{
	float: right;
	width: 48%;
	padding-left: 2%;
	position: relative;
}
.img1{
	height: 450px;
	width: 100%;
	overflow: hidden;
}
.img1 img{
	width: 100%;
}
.l1{
	height: 450px;
	width: 100%;
	overflow: hidden;
}
.l1 img{
	width: 100%;
}

.reson_content_two_left{
	width: 45%;
	height: 500px;
	float: left;
	display: block;
	position: relative;
}

.reson_content_two_right{
	width: 45%;
	float: left;
}
.shadow{
	padding: 0 10px;
}


.succes_project{
	margin-top: 50px;
	height: 650px;
}
.shadow {
  width: 350px;
  height: 140px;
  /* opacity: 1; */
  font-size: 18px;
  line-height: 20px;
  padding: 15px;
  display: block;
}
.shadow span{
	font-size: 14px;
	display: block;	
	margin-top: 20px;
	color: #666;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
.shadow a {
  display: inline-block;
  width: 350px;
  height: 60px;
  color: white;
  text-decoration: none;
  margin-left: 18px;
  margin-top: 10px;
  color: black;
}
.content_1.content_2 {
  width: 100%;
  float: left;
}

.box {
  transition:all .7s ease 0s;
  width: 200px;
  height: 440px;
  float: left;
  border-left: 3px white solid;
}
.box2{
	margin: 10px;
	background-color: #f6f6f6;
}
.box_img{
	padding: 17px;
	width: 350px;
	height: 210px;
	overflow: hidden;
}
.box:hover {
 opacity:0.5;
}
.box{
	position: relative;
}
.box::after{
	content: "+";
	position: absolute;
	bottom: 18px;
	right: 15px;
	color: white;
}
.box::before{
	content: "";
	height: 0;
	width: 0;
	display: block;
	border-bottom: 40px solid #009FE9;
	border-left: 40px solid transparent;
	position: absolute;
	bottom: 15px;
	right: 11px;
}





.friend{
	width: 100%;
	height: 300px;
	background: url(../images/bg4.jpg) no-repeat 0 20px;
	background-size: 100% 290px;
	display: block;
}
.friend_left{
	display: block;
	float: left;
	width: 12%;
}
.friend_logo_box{
	margin-top: 20px;
	width: 88%;
	float: left;
	height: 280px;
	padding-top: 35px;
	overflow: hidden;
}
.friend_box{
	position: relative;
	width: 10000px;
}
.friend_logo {
	padding-top: 20px;
}
.friend_logo ul li{
	height: 154px;
	width: 194px;
	margin: 0 8px;
	float: left;
	list-style: none;
	text-align: center;
	line-height: 15px;
}
.logo_img{
	height: 108px;
	width: 193px;
	border: 1px solid #ddd;
	box-sizing: border-box;
	overflow: hidden;
}
.logo_img img{
	min-width: 100%;
}
.friend_logo ul li img{
	min-width: 100%;
	
}
.btm{
	width: 100%;
	height: 32px;
	display: block;
}
.shang,.xia{
	height: 31px;
	width: 31px;
	float: right;
	margin: 0 10px;
}
.shang{
	background: url(../images/right2.jpg);
}
.xia{
	background: url(../images/left2.jpg);
}
.shang:hover{
	background: url(../images/right2_hover.jpg);
}
.xia:hover{
	background: url(../images/left2_hover.jpg);
}

.shang:hover,.xia:hover{
	background-color: #009FE9;
}


.about{
	margin-top: 50px;
	height: 500px;
	position: relative;
}
.about_bg{
	position: absolute;
	background-color: #009FE9;
	width: 53%;
	height: 170px;
	top: 285px;
	left: 47%;
}
.about_left{
	width: 50%;
	float: left;
}
.about_title{
	margin-bottom: 30px;
}
.about_title_one{
	font-size: 40px;
	color: #009FE9;
}
.about_title_two{
	font-size: 30px;
	color: #009FE9;
	font-weight: bold;
}
.about_content{
	font-size: 16px;
	color: #666;	
	line-height: 30px;
	margin-bottom: 30px;
	padding-right: 50px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6;
	overflow: hidden;
}
.about_btm_box{
	width: 200px;
	height: 50px;
}
.about_btm_box:hover .about_btm{
	color: #FFFF00;
}
.about_btm{
	height: 50px;
	width: 150px;
	font-size: 16px;
	color: white;
	line-height: 50px;
	text-align: center;
	background-color: #009FE9;
	float: left;
}
.about_btm2{
	float: right;
	height: 50px;
	width: 50px;
	background: url(../images/right.jpg) no-repeat 15px 19px;
	background-color: #333;
}
.about_right{
	overflow: hidden;
	float: left;
	width: 50%;
	height: 400px;
}
.about_right img{
	min-width: 100%;
}





.dynamic{
	margin-top: 50px;
	height: 700px;
}
.dynamic_left{
	float: left;
	width: 49%;
	margin-right: 1%;
}
.dynamic_right{
	float: left;
	width: 49%;
	margin-left: 1%;
	height: 200px;
}
.dynamic_title{
	width: 100%;
	height: 40px;
	line-height: 40px;
	border-bottom: 1px #999 dashed;
	margin-bottom: 20px;
}
.dynamic_title_one{
	font-size: 24px;
	color: #009FE9;
	float: left;
}
.dynamic_title_one span{
	box-sizing: border-box;
	padding-bottom: 4.5px;
	border-bottom: 1px solid #009FE9;
}
.dynamic_title_two{
	float: right;
	font-size: 14px;
}
.dynamic_title_two a{
	color: #999;
}
.dynamic_title_two:hover a{
	color: #009FE9;
}
.dynamic_left_img{
	width: 100%;
	height: 290px;
	overflow: hidden;
}
.dynamic_left_img img{
	width: 100%;
	transition: .5s;
}
.dynamic_left a:hover img{
	transform: scale(1.1);
	transition: .5s;
}
.news_title{
	height: 40px;
	line-height: 40px;
}
.news_title_one{
	font-size: 16px;
	float: left;
}
.news_title_two{
	font-size: 14px;
	color: #666;
	float: right;
}
.news_content{
	line-height: 25px;
	color: #999;
	padding-bottom: 25px;
	border-bottom: 1px solid #999;
}
.news_content span{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
.news_list ul {
	color: #666;
	margin-top: 10px;
	margin-left: 20px;
}
.news_list ul li{
	color: #009FE9;
	line-height: 40px;
}
.news_list ul li a{
	color: #666;
}
.news_list ul li:hover a{
	color: #009FE9;
}
.news_list ul li span{
	float: right;
}
.news_list1 ul{
	display: block;
	padding-top: 10px;
}
.dynamic_item{
	width: 100%;
	height: 150px;
	margin-bottom: 20px;
}
.dynamic_item:hover img{
	transform: scale(1.1);
	transition: .5s;
}
.dynamic_item_img{
	overflow: hidden;
	width: 40%;
	float: left;
	display: block;
}
.dynamic_item_img img{
	min-height: 100%;
	transition: .5s;
}
.dynamic_item_content{
	width: 57%;
	margin-left: 3%;
	float: left;
	display: block;
}
.dynamic_item_content_one{
	font-size: 18px;
	line-height: 40px;
}
.dynamic_item_content_two{
	color: #999;
	line-height: 25px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
}
.one{
	background-color: #fafafa;
	height: 70px;
	/*line-height: 70px;*/
	width: 100%;
}
.one span{
	float: left;
	font-size: 18px;
	font-weight: bold;
}
.one ul li{
	float: left;
	list-style: none;
	text-align: center;
	width: 10%;
}
.one ul li a{
	color: #666;
}
.ljrk{
	float: right;
}
.ljrk a{
	color: #666;
}
.two{
	width: 100%;
	height: 60px;
	background-color: #333;
}
.two ul{
	border-bottom: 1px solid white;
	height: 60px;
	line-height: 60px;
}
.two ul li{
	list-style: none;
	text-align: center;
	width: 12.5%;
	float: left;
}
.two ul li a{
	color: white;
	font-size: 16px;
}
.three{
	color: white;
	width: 100%;
	background-color: #333;
	height: 168px;
	padding-top: 30px;
}
.three ul li{
	list-style: none;
	line-height: 35px;
}
.three_1{
	float: left;
	width: 33.3333%;
}
.three_img{
	float: left;
	width: 40%;
	margin: 1%;
	display: block;
}
.three_2 i, .three_3 i {
    position: absolute;
    top: -1px;
    left: -25px;
}
.sys{
	float: left;
	width: 20px;
	padding-top: 20px;
}

.three_2{
	float: left;
	width: 33.3333%;
	padding:0 5%;
	box-sizing: border-box;
	height: 150px;
	border-left: 1px solid white;
	border-right: 1px solid white;
}
.three_2 ul li,.three_3 ul li{
	position: relative;
}
.three_2 i,.three_3 i{

}
.three_3{
	float: left;
	width: 33.3333%;
	padding-left: 5%;
	box-sizing: border-box;
}
.three_3 ul li:nth-of-type(1)::before{
	background: url(../images/icon4.jpg) no-repeat;
	left: -27px;
}
.three_3 ul li:nth-of-type(2)::before{
	background: url(../images/icon3.jpg) no-repeat;
}
.four{
	width: 100%;
	height: 40px;
	line-height: 40px;
	background-color: #222;
}
.left_one ul li.on {
    color: #FFF;
}
.copyright{
	text-align: center;
	color: white;
}


.adv_item{
	width: 29%;
	margin: 2%;
	float: left;
}
.adv_item .img{
	width: 100%;
	height: 315px;
	overflow: hidden;
}
.adv_item:hover .adv_text{
	background-color: #009FE9;
	color: white;
}
.adv_item .img img{
	min-height: 100%;
}
.adv_text{
	width: 100%;
	height: 135px;
	background-color: #e0e0e0;
	color: #040404;
	text-align: center;
	padding-top: 45px;
}
.adv_text_one{
	font-size: 20px;
	font-family: "æ€æºé»‘ä½“";
}
.adv_text_two{
	padding: 0 30px;
	display: block;
	padding-top: 10px;
	line-height: 30px;
}








@media screen and (max-width: 2500px) {
	.banner2{
		padding-top: 70px;
	}
}
@media screen and (max-width: 1920px) {
	.banner2{
		padding-top: 50px;
	}
}
@media screen and (max-width: 1500px) {
	.banner2{
		padding-top: 30px;
	}
}
@media screen and (max-width: 1300px) {
	.banner2{
		padding-top: 20px;
	}
	.center_box{
		overflow: hidden;
	}
}








@font-face {
	font-family: FZZY;
	src: url("../fonts/FZZY.ttf"),
		 url("../fonts/FZZY.eot");
}

.Amsg{width:1200px;margin:0 auto;overflow:hidden;padding-bottom: 20px;}
.LMsg{float:left;width:250px;display:inline;}
.RMsg{float:right;width:920px;overflow:hidden; padding-bottom:10px;}
.RAMsg{float:right;width:920px;overflow:hidden;}
.LHsg{float:left;width:920px;overflow:hidden;}

/*banner*/
.banner1{margin:0 auto;width:100%;position:relative;height:330px;overflow:hidden; background:#fff;}
.banner1 .bd ul {width:100% !important;}
.banner1 .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.banner1 .bd li {width:100% !important;height:330px;overflow:hidden;text-align:center;}
.banner1 .bd li a {display:block;height:330px;}


.categories{width:250px; float:left;margin-top:30px; }
.categories ul{width:230px; float:left; overflow:hidden; padding:10px; background:#009fe9;}
.categories ul span{width:215px; float:left; padding-left:10px; font-size:24px; color:#fff; line-height:40px; margin-top:10px; overflow:hidden;}
.categories ul h2{width:215px; float:left;  padding-left:10px;font-size:28px;text-align:left; color:#fff; line-height:60px; overflow:hidden;}
.categories ol{width:248px; float:left; overflow:hidden; border:1px solid #c6c6c6; border-top:none; border-bottom:none; padding-top:1px;}
.categories ol li{width:248px; float:left; height:50px;line-height:50px;font-size:14px;font-weight:normal; border-bottom:1px solid #c6c6c6;}
.categories ol li a{width:210px;float:left;color:#333;line-height:50px;padding-left:38px;background:#fff;}
.categories ol li a:hover{width:210px; float:left;color:#009fe9!important;font-weight:bold;line-height:50px;background:url(../images/ico_.png) no-repeat 20px 22px;}
.categories .thisclass{width:210px; float:left;color:#009fe9!important;font-weight:bold;line-height:50px;background:url(../images/ico_.png) no-repeat 20px 22px;}
.categories_con{width:200px; float:left; overflow:hidden; line-height:25px; margin:10px 0 5px 0;background:#fff; }



.col-lg-3{width: 25%; *width: 24.98%; float: left;}
.col-lg-6{width: 50%; *width: 49.98%; float: left;}
.hide{display: none;}
.left_news{float:left;width:250px; overflow: hidden; margin-top:20px;}
.left_news ol{width:250px; height:40px; background:#009fe9;}
.left_news ol .text{float:left;line-height:40px; font-size:16px; color:#fff; padding-left:15px;}
.left_news ol .more a{ float:right;color:#fff; margin-right:10px;line-height:40px; font-size:12px; font-family:Arial, Helvetica, sans-serif; }
.left_news ul{ float:left;width:240px; padding:9px 4px; overflow:hidden; border:1px solid #c6c6c6;}
.left_news ul li{float:left;width:240px; height:33px;overflow:hidden; background:url(../images/dian1.jpg) no-repeat 8px 14px; border-bottom:1px dotted #ddd;}
.left_news ul li a{width:240px; height:33px; overflow:hidden; padding-left:20px; line-height:33px; color:#333; font-size:14px; font-weight:normal;}
.left_news ul li a:hover{color:#f00;}




#lx{margin:0 auto;width:1200px;overflow:hidden; height:630px;margin-top:25px; }
.lx_menu {float:left;width:1200px;}
.lx_menu ol{float:left; text-align:center;width:1200px;height:39px; line-height:39px; font-size:24px; color:#b48023;}
.lx_menu ol span{ padding-left:10px; font-size:14px; color:#949494; font-family:Arial;}
.lx_menu ul{ float:left;width:1022px; float:left; margin-top:20px;}
.lx_menu li{float:left;display:block;cursor:pointer; margin-right:15px;width:240px;text-align:center;color:#fff; font-size:24px;height:98px;line-height:90px;background: url(../images/pro_tit_bg.png) no-repeat; font-weight:normal;}
.lx_menu li.hover{padding:0px;background: url(../images/pro_tit_bg_1.png) no-repeat;width:240px; color:#fff;}
.www_zzjs_net_3{clear:both;margin-top:0px;line-height:25px; border-top:none;border-bottom:none;text-align:left;}
.www_zzjs_net_3 li span.time{float:right;margin-right:10px;}







.nTab {width:1200px; margin:0 auto;  margin-top:25px; height:340px; overflow:hidden;}
.nTab .TabTitle {float:left;width:200px; overflow:hidden; }
.nTab .TabTitle ul {float:left;width:200px; overflow:hidden; }
.nTab .TabTitle li {float: left;cursor:pointer; width:200px; margin-top:1px;text-align:center; background: url(../images/ntab_bg.png) no-repeat; height:111px; }
.nTab .TabTitle .active {width:200px; background: url(../images/ntab_bg_1.png) no-repeat; height:111px; color:#fff;}
.nTab .TabTitle .normal {}
.nTab .TabContent {float:rgiht;width:790px;overflow:hidden;}

.ntab_pro{float:left; width:790px; overflow:hidden;}
.ntab_pro ol{float:left;width:810px;overflow:hidden; }
.ntab_pro ol li{float:left;width:250px; height:158px;overflow:hidden; margin-left:13px; margin-bottom:20px; }
.ntab_pro ol li img{float:left;width:250px;height:158px;position:relative;z-index:0;}
.ntab_pro ol li img:hover{float:left;width:250px;height:158px;opacity:0.9;-moz-opacity:0.9;-khtml-opacity:0.9;filter:alpha(Opacity=90);}
.ntab_pro ol li a p{float:left;width:250px;height:158px; position:absolute;font-size:16px; color:#fff;z-index:100;line-height:158px;text-align:center; display:none; }
.ntab_pro ol li a:hover p{float:left;width:250px;height:158px;position:absolute; font-size:16px; color:#fff;z-index:100;line-height:158px;background:rgba(0,0,0,0.5); text-align:center; display:block; }



.cooperation{width:100%;height:400px; margin-top:30px; background:#e2e2e2;}
.cooperation .con{width:1200px; margin:0 auto; overflow:hidden;}
.cooperation .con ol{float:left; text-align:center;width:1200px;height:39px; margin-top:30px; line-height:39px; font-size:24px; color:#b48023;}
.cooperation .con ol span{ padding-left:10px; font-size:14px; color:#949494; font-family:Arial;}
.cooperation .con ul{float:left;width:1030px;overflow:hidden; }
.cooperation .con ul li{float:left;width:178px; height:108px;overflow:hidden; margin-top:30px; margin-right:28px; }
.cooperation .con ul li img{float:left;width:178px;height:108px;}
.cooperation .con ul li img:hover{float:left;width:178px;height:108px;opacity:0.9;-moz-opacity:0.9;-khtml-opacity:0.9;filter:alpha(Opacity=90);}






.home_case{width:1200px;  margin:0 auto;  overflow:hidden; margin-top:20px;}
.home_case ol{width:1200px; height:45px; border-bottom:1px solid #0071c1;}
.home_case ol .text{float:left;line-height:43px;}
.home_case ol .text h2{float:left;line-height:43px;font-size:20px;font-weight: normal; color:#0071c1; padding-right:10px; border-bottom:2px solid #0071c1;}
.home_case ol .text span{color:#666; font-size:14px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;}
.home_case ul{width:1230px;float:left; overflow:hidden; }
.home_case ul li{float:left;width:280px; height:320px;overflow:hidden; margin-right:25px; margin-top:25px; background:#ebebeb;}
.home_case ul li img{float:left;width:280px;height:180px; }
.home_case ul li a img{float:left;width:280px;height:180px;overflow: hidden; }
.home_case ul li a img:hover{float:left;width:280px;height:180px;}
.home_case ul li a h2{float:left; padding:0 10px; margin-top:5px; overflow:hidden;font-weight: normal;font-size:14px;line-height:35px;width:260px;color:#0071c1;}
.home_case ul li a span{float:left; padding:0 10px; overflow:hidden;font-weight: normal; font-size:12px;line-height:22px;width:260px;color:#5a5a5a;}
.home_case ul li a:hover{float:left;width:280px; height:320px;overflow:hidden;background:#0071c1;-webkit-transition: all ease .8s;transition: all ease .8s;}
.home_case ul li a:hover h2{ color:#fff;}
.home_case ul li a:hover span{ color:#fff;}




.contact{width:310px;  float:right;  overflow:hidden; margin-top:20px;}
.contact ol{width:310px; height:40px; border-bottom:1px solid #c4c4c4;}
.contact ol .text{float:left;line-height:40px;}
.contact ol .text h2{float:left;line-height:40px;font-size:18px;font-weight: normal; color:#b48023; padding-right:5px;}
.contact ol .text span{color:#999; font-size:12px; font-family:Arial, Helvetica, sans-serif; }
.contact ol .more a{ float:right;color:#999;line-height:30px; margin-top:10px; font-size:12px; font-family:Arial, Helvetica, sans-serif; }
.contact ul{float:left;width:310px; overflow:hidden; margin-top:15px; line-height:30px;}



.left_contact{width:223px; float:left;margin-top:20px; border:1px solid #e9e9e9; margin-bottom:20px; }
.left_contact ul{width:223px; float:left; height:110px; overflow:hidden; background:#0071c1;}
.left_contact ol{width:203px; float:left; overflow:hidden; color:#666; line-height:27px; background:#f3f3f3; padding:10px;}
.left_contact ol h2{width:203px; float:left; overflow:hidden; color:#333; font-size:14px; line-height:30px;}





/*rollBox*/

.rollBox_title{margin:0 auto;font-size:24px; line-height:35px;height:37px; width:120px; margin-top:30px; font-weight:bold; color:#1761bb; text-align:center; background:#fff; border-bottom:1px solid #999; letter-spacing:3px;}
.rollBox_title1{margin:0 auto; font-size:12px; line-height:25px; font-weight: normal; color:#999; text-align:center; background:#fff; font-family:Verdana, Geneva, sans-serif;text-transform:uppercase;}
.rollBox{width:1200px;overflow:hidden;padding:15px 0 5px 0;margin:0 auto; background:#ebebeb; margin-top:20px;}
.rollBox .LeftBotton{height:52px;width:56px;background:url(../images/left_1.jpg) no-repeat left;overflow:hidden;float:left;display:inline;margin:40px 0 0 0;cursor:pointer;}
.rollBox .RightBotton{height:52px;width:56px;background:url(../images/right_1.jpg) no-repeat right;overflow:hidden;float:left;display:inline;margin:40px 0 0 0;cursor:pointer;}
.rollBox .Cont{width:890px;overflow:hidden;float:left;}
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .pic{width:229px;float:left;text-align:center; font-size:12px; background:url(../images/pic_bg.jpg) no-repeat}
.rollBox .Cont .pic img{widht:200px; height:116px;display:block; padding-top:2px; padding-left:2px;}
.rollBox .Cont .pic p{line-height:30px; height:30px;width:200px;color:#4c4c4c; text-align:center;}
.rollBox .Cont a:link,.rollBox .Cont a:visited{color:#626466;text-decoration:none;}
.rollBox .Cont a:hover{color:#f00;text-decoration:underline;}
.rollBox #List1,.rollBox #List2{float:left;}





.honor{width:914px; height:326px;margin:0 auto;position:relative; margin-top:-15px; background:url(../images/honor_bg.jpg) no-repeat;}
.honor ol{width:914px; text-align:center; font-size:24px; color:#0059ab; padding-top:20px; line-height:30px; }
.honor ul{float:left;width:914px; margin-top:20px; margin-left:4px;}
.honor ul li{float:left;width:156px; height:247px;overflow:hidden; margin-left:20px; background:url(../images/honor_pro_bg.jpg) no-repeat}
.honor ul li img{float:left;width:144px;height:207px; padding:5px;}
.honor ul li a img{float:left;width:144px;height:207px;overflow: hidden; }
.honor ul li a img:hover{float:left;width:144px;height:207px;opacity:0.8;-moz-opacity:0.8;-khtml-opacity:0.8;filter:alpha(Opacity=80); }
.honor ul li h2{ float:left;height:35px; margin-top:5px; overflow:hidden;font-weight: normal;font-family:"Microsoft YaHei"; text-align: center; font-size:12px;line-height:32px;width:156px;color:#5e5e5e;}






.serverbg{width:100%; float:left; height:380px; margin-top:15px; background:#00a8ef;}
.server{width:1200px; margin:0 auto; overflow:hidden;}
.server h2{width:1200px;line-height:44px; padding-top:10px; text-align:center; font-size:24px;color:#fff;font-weight: normal; }
.server h3{width:1200px;line-height:60px;text-align:center; font-size:58px;color:#53baf5;font-weight: 700; font-family: "Times New Roman", Times, serif }
.server .more{width:1200px; height:18px;text-align:center; margin-top:10px; }
.server ul{width:1200px; float:left;overflow:hidden; margin-top:30px;}
.server ul li{width:220px; height:185px; float:left;overflow:hidden; padding-left:24px; font-size:16px;}
.server ul li img{width:220px; height:146px; float:left;}
.server ul li p{width:220px; height:30px; line-height:30px; text-align:center;}



.committed{float:left;width:100%; height:647px; background: url(../images/gaohong_41.jpg) no-repeat center;}





/*customer*/


.customer{padding:20px;margin:0 auto; margin-top:20px; background:#fff; width:961px; overflow: hidden;}
.customer ol{ float:left;width:961px; line-height:35px; border-bottom:1px solid #cccccc;}
.customer ol .text{float:left; line-height:35px; font-size:16px;color:#00a8ef;font-weight:700; }
.customer ol .text span{line-height:35px; font-size:14px;color:#00a8ef;font-weight: normal; font-family:Arial;}
.customer ol .more a{float:right; line-height:35px; color:#00a8ef; padding-right:10px;}
.customer ul{ float:left;width:981px; overflow:hidden}
.customer ul li{ float:left;width:460px; height:146px; overflow:hidden; margin-top:25px; margin-right:30px;}
.customer ul li img{ float:left;width:174px; height:136px; padding:4px; border:1px solid #CCC; margin-right:15px; overflow:hidden;}
.customer ul li h2{width:245px; height:36px; overflow:hidden; line-height:36px; color:#161616; font-size:14px;}
.customer ul li p{width:245px; height:100px; margin-top:5px; overflow:hidden; line-height:25px; color:#666; font-size:12px;}
.customer ul li img:hover{border:1px solid #f00; }
.customer ul li h2:hover{ color:#f00; }
.customer ul li p:hover{ color:#f00; }


.video{padding:20px; float:right; margin-top:20px; background:#fff; width:330px; overflow: hidden;}
.video ol{ float:left;width:330px; line-height:35px; border-bottom:1px solid #cccccc;}
.video ol .text{float:left; line-height:35px; font-size:16px;color:#00a8ef;font-weight:700; }
.video ol .text span{line-height:35px; font-size:14px;color:#00a8ef;font-weight: normal; font-family:Arial;}
.video ol .more a{float:right;line-height:35px; color:#00a8ef; padding-right:10px;}
.video ul{ float:left;width:330px; overflow:hidden; padding:32px 0 40px 10px;}



.site{width:920px; overflow:hidden;margin-top:25px;  height:41px;font-size:13px; border-bottom:1px solid #c3c3c3;}
.site_type{ float:left; color:#5f5f5f; line-height:41px;padding-left:20px; background:url(../images/home.png) no-repeat left 14px; }
.site_link{ float:right; line-height:41px;padding-right:5px; font-size:13px; font-family:Arial;font-weight: normal;}
.site_link a:hover{color:#ff0000; text-decoration:none; }
.site_type a{color:#5f5f5f;}


.SubContent{float:right;width:920px;overflow:hidden; line-height:28px; padding-top:15px; }



.newlist{ float:right; width:920px;overflow:hidden;}
.newlist ol{ float:left;width:920px;overflow:hidden; }
.newlist ol li{float:left;width:920px; padding:10px 0;overflow:hidden;}
.newlist ol li img{float:left;width:241px; height:149px; }
.newlist ol li p{float:left;width:650px; margin-left:17px; height:35px;line-height:35px;font-size:14px; color:#f56e00; font-weight: 700;}
.newlist ol li span{float:left;width:650px; margin-left:17px; line-height:25px; font-size:12px; color:#747474; font-weight: normal; }
.newlist ol li dd a{float:left; margin-left:17px; margin-top:5px; line-height:25px; padding:2px 15px; font-size:12px; color:#fff; background:#009fe9;font-weight: normal;border-radius:5px; }



.prolist{float:right; width:915px; overflow:hidden;}
.prolist ul{float:left;width:950px;overflow:hidden;}
.prolist ul li{float:left;width:282px; height:246px;overflow:hidden; margin-right:34px; margin-top:30px;}
.prolist ul li img{float:left;width:280px;height:177px; border:1px solid #e0e0e0;}
.prolist ul li a:hover img{float:left;width:280px;height:177px;opacity:0.9;-moz-opacity:0.9;-khtml-opacity:0.9;filter:alpha(Opacity=90); border:1px solid #009fe9; }
.prolist ul li a h2{float:left;width:282px;font-weight: normal;font-size:12px; color:#333; text-align:center;line-height:35px;background:#e0e0e0;}
.prolist ul li a:hover h2{background:#009fe9;color:#fff; }



.prolist1{float:right;width:760px;overflow:hidden;margin-top:10px;}
.prolist1 ul{float:left;width:780px;overflow:hidden; }
.prolist1 ul li{float:left;width:240px; height:200px;overflow:hidden; margin-right:20px;}
.prolist1 ul li img{float:left;width:240px;height:152px; }
.prolist1 ul li a img{float:left;width:240px;height:152px;overflow: hidden; }
.prolist1 ul li a img:hover{float:left;width:240px;height:152px;opacity:0.8;-moz-opacity:0.8;-khtml-opacity:0.8;filter:alpha(Opacity=80); }
.prolist1 ul li h2{ float:left;height:35px; margin-top:5px; overflow:hidden;font-weight: normal;text-align: center; font-size:12px;line-height:32px;width:240px;color:#5e5e5e;}





.v8 {margin-bottom: 10px; overflow: hidden; width: 867px;}
.v8 .inbody {padding-right: 5px; padding-left: 5px; padding-bottom: 5px;  padding-top:5px; float:left; display: block; overflow:hidden}
.v8 .focus {padding-right: 5px; display: block; padding-left: 5px; padding-bottom: 0px; overflow: hidden; cursor: pointer; margin-top:10px; height:84px; text-decoration: none;border-bottom:1px dotted #cccccc}
.v8 .focus img {border-right: #ccc 1px solid; padding-right: 1px; border-top: #ccc 1px solid; display: inline; padding-left: 1px; float: left; padding-bottom: 1px; border-left: #ccc 1px solid; width: 120px; margin-right: 10px; padding-top: 1px; border-bottom: #ccc 1px solid; height: 90px}
.v8 .focus strong {display: block; font-weight:blod; font-size: 14px; overflow: hidden; color: #333;font-family:"microsoft yahei"; line-height: 27px; height: 27px}
.v8 .focus span {display: block; overflow: hidden;  line-height:18px; height:54px}
.v8 ul {padding-right: 5px; border-top: #e2e2e2 1px solid; margin-top: 10px; padding-left: 5px; padding-bottom: 0px; padding-top: 5px}
.v8 li {overflow: hidden; line-height: 26px; font-family: arial; height: 26px; font-family:"microsoft yahei"}
.v8 li span {display: inline; float: right; margin-left: 5px; color: #666}
.v8 li .cat {border-right: #959595 1px solid; padding-right: 8px; font-weight: normal; margin-right: 8px}
.v8 li .cat a {color: #4a8109; }
.v8 li .arc {color: #4d4d4d}
.v8 .inbody a:hover {text-decoration: none; }
.v8 li a:hover {color: #e23f13; }
.v8 .focus:hover strong {color: #e23f13; }
.v8 .arrow a{ font-weight:normal; padding-left:5px; font-size:12px;}

.rq{float:left; width:71px; height:65px; margin-right:12px; text-align:center;background:url(../images/ns_03.jpg) no-repeat left top;}
.rq h4{ font-size:30px;font-weight:bold;font-family:"΢���ź�";line-height:43px;color:#ff4400}




.allnews{float:left;width:920px ;overflow:hidden}
.allnews li{width:920px;height:35px; font-weight:normal;line-height:35px; border-bottom:1px dotted #ccc;background:url(../images/dian1.jpg) no-repeat left 15px}
.allnews li span.time{float:right;}
.newstit{margin-top:10px;text-align:center;width:920px;height:45px;font-size:30px; line-height:45px;font-weight:500;color:#009fe9;}
.news_stit{text-align:center;width:920px;height:33px; margin-left:5px;line-height:33px;margin-top:5px;font-size:12px;color:#333; }
/*.news_content{float:left;width:920px; margin-left:5px;font-size:14px;overflow:hidden; margin-top:10px; line-height:26px;}
.news_content p{padding:0px;}*/
.return{margin:0 auto;width:82px;height:25px;}



.Sallpro{float:left;width:730px;overflow:hidden}
.proli{float:left;width:330px;height:105px;margin-bottom:20px;display:inline;}
.proimg{float:left;width:123px;height:105px;}
.proimg img{float:left;width:113px;height:75px;}
.proimg span.imgname{float:left;width:113px;display:block;line-height:25px; text-align:center}
.projianjie{float:left;width:207px;height:105px;color:#005063}
.projianjie li{float:left;width:207px;line-height:20px;}





/*图片放大镜样式*/
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:450px;height:338px;background:#ffffff;border:1px solid #000;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

/*图片小图预览列表*/
.spec-preview{width:450px;height:338px;border:1px solid #ddd;}
.spec-scroll{clear:both;margin-top:5px;width:452px;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block;font-family:"宋体";text-align:center;width:10px;height:54px; line-height:54px;border:1px solid #CCC;background:#EBEBEB;cursor:pointer;text-decoration:none;}
.spec-scroll .items{float:left;position:relative;width:415px;height:56px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:56px;}
.spec-scroll .items ul li{float:left;width:84px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #CCC;padding:2px;width:67px;height:50px;}
.spec-scroll .items ul li img:hover{border:2px solid #FF6600;padding:1px;}


.previe12{float:left; width:455px; overflow:hidden;}
.previe34{float:right; width:420px; margin-top:5px; line-height:30px; font-size:14px; overflow:hidden;}
.previe34 h2{float:left;width:420px; font-size:18px; color:#323232; font-weight:bold;}
.previe45{float:right; width:420px; margin-top:5px; line-height:23px; font-size:14px; overflow:hidden;}
.previe56{float:left; margin-top:10px; width:920px; overflow:hidden;}
.pre_tit{float:left; width:920px; height:40px;font-size:18px; line-height:40px; font-weight:bold; color:#009fe9; border-bottom:2px solid #009fe9; overflow:hidden;}



.goods{ float: left; width: 720px; overflow:hidden; }
.goods-left { float: left; width: 430px; }
.goods-right { float: right; width: 270px; margin-top:15px; }
.goods-right li del { color: #666; }
.goods-spce-ul li {padding: 5px;line-height:25px;}
.goods-spce-ul li strong {font-size: 16px;font-weight: 700;}

.news_2Td {font-size:12px;line-height:25px;padding:10px;}

.pagesDiv {clear:both;width:100%;margin:0 auto;line-height:25px;padding:10px 0px 10px 0px;}

.pages {height:30px;color:#666666;margin-top:5px;text-align:center;}

.pages a:link,.pages a:visited {color:#666666;}

.pages a,.pages a:link {text-decoration:none;padding:2px 5px;border:1px solid #DDDDDD;background:#FFFFFF;margin:0px 2px;font-size:12px;color:#666666;text-align:center;}

.pages a:hover {background:#FB9007;color:#FFFFFF;border:1px solid #E61636;text-decoration:none;text-align:center;padding:2px 5px;}

.pages .cpb {font-weight:bold;color:#FFFFFF;background:#FB9007;border:1px solid #E61636;text-align:center;margin:0px 2px;padding:2px 5px;}

.pages .intext {width:30px;border:1px solid #7F9DB9;height:19px;line-height:19px;}

.pagination {text-align:center;}

.pagination li {display:inline-block;color:#333333;height:25px;line-height:25px;margin:0px 5px 0px 0px;vertical-align:middle;}

.pagination li a {float:left;display:block;height:25px;line-height:25px;padding:0 10px;font-size:13px;border:1px solid #dddddd;color:#555555;text-decoration:none;}

.pagination li a:hover {background:#FB9007;color:#ffffff;}

.pagination li a.thisclass {background:#FB9007;color:#ffffff;border:1px solid #E61636;cursor:default;}

.pagination li a.thisclass:hover {background:#FB9007;color:#ffffff;border:1px solid #E61636;cursor:default;}

.pagination li .pageinfo {line-height:21px;padding:12px 10px 12px 16px;color:#999999;}

.pagination li .pageinfo strong {color:#555555;font-weight:normal;}

.pagination table {text-align:center;margin:10px 0px 0px 25%;}

.pagination table td {padding:0px 2px;}

#pages {padding:14px 0 10px;text-align:right;}

#pages a {display:inline-block;height:22px;line-height:22px;background:#ffffff;border:1px solid #e3e3e3;text-align:center;color:#333333;padding:0 10px;}

#pages a.a1 {background:url('../images/pages.png') no-repeat 0 5px;padding:0 5px;}

#pages a:hover {background:#f1f1f1;color:#000000;text-decoration:none;}

#pages span {display:inline-block;height:22px;padding:0 10px;line-height:22px;background:#009fe9;border:1px solid #009fe9;color:#ffffff;text-align:center;}

#pages .noPage {display:inline-block;height:22px;line-height:22px;background:url('../images/titlebg.png') repeat-x 0 -55px;border:1px solid #e3e3e3;text-align:center;color:#a4a4a4;}

.fank, .fank1, .fank10 { height:547px; margin-top:-273px; }
.gray{background:url(../images/tou55.png?123) repeat;position:fixed;_position:absolute;left:0;top:0;width:100%;height:100%;display:none;z-index:99999;}
.fank,.fank1,.fank10 {width:600px;height:540px;background:#fff;position:fixed;_position:absolute;left:50%;top:50%;margin-left:-300px; margin-top:-312px;z-index:99999999;}
.fank { height:632px; margin-top:-316px; }
.cloase1,.cloase10,.cloase {position:absolute;right:30px;top:20px; z-index:2;}
.fank1 h3,.fank10 h3,.fank h3 {font-size:24px;color:#fff; text-align:left; background:url(../images/form_edit.png) no-repeat 30px 18px #009FE9; font-weight:100; padding:0px 62px; margin-bottom:21px;height:60px;line-height:60px;}
.danx{width:100%;height:auto;overflow:hidden;margin-bottom:35px;}
.danx strong{font-weight:100;font-size:16px;color:#666;margin-right:40px;}
.danx strong input{margin-right:10px;}
.inpu{width:100%;height:54px;margin-bottom:10px;}
.inpu label{display:block;float:left;width:100%; color:#666;height:32px;line-height:32px;text-align:left;font-size:16px;font-family:"微软雅黑";}
.inpu label i { color:#ff0000; padding-left:7px; }
.inpu input{display:block;float:left;width:450px;height:40px;_line-height:40px;*line-height:40px;line-height:40px\9;padding-left:10px;font-size:14px;font-family:"微软雅黑";background:#fff;border:0;margin-right:0px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px; border:1px solid #e6e6e6!important; }
.inpu input.yzm,.inpu input#yzm_zm40,.inpu input#yzm40 { width:310px; margin-right:20px; }
.inpu span{height:48px;line-height:48px;font-size:18px;}
.inpu .refress { float:left; line-height:40px; cursor:pointer; font-size:12px; color:#009FE9; }
.inpu .yzm_text { background:#009FE9; cursor:pointer; font-size:14px; text-align:center; line-height:40px; border-radius:5px; color:#fff; line-height:40px; margin:0px; float:left; width:120px; }
.textd{width:100%;height:auto;margin-bottom:16px;}
.textd label{display:block;float:left;width:64px;line-height:30px;text-align:center;font-size:16px;}
.textd textarea{width:391px;height:110px;padding:10px 0 0 10px;font-size:18px;color:#999;font-family:"微软雅黑";background:#e6e6e6;border:0;}
.fk_btn{height:auto;overflow:hidden;padding:20px 75px; }
.fk_btn button{display:block;float:left;width:100%;height:36px;border:0;background:#009FE9;font-family:"微软雅黑";border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;font-size:16px;color:#fff;cursor:pointer;}
.fk_btn button:hover{/*background:#2a349c*/}
.fk_btn button.qx1{margin-left:40px;line-height:42px;text-align:center;background:#9e9e9e;}
.fk_btn button.qx1:hover{background:#777;}
.inpu .code { float:left; }
.inpu .code img { height:40px; margin-right:10px; }
.biaozhu { float:left; width:100%; font-size:14px; color:#a6a6a6; padding:15px 0px 25px; text-align:left;  }
.biaozhu i {color:#ff0000; padding:0px 6px; }
#code_img480,#code_img48,#code_img4800 { height:40px; margin-right:10px; }
#form_2,#form_48,#form_44,#form_40,#form_20,#form_46 { background:#fff; padding:0px 75px; }


.fank_pad0 .inpu input { width:438px; }
.fank_pad0 .inpu input.yzm,.fank_pad0 .inpu input#yzm40 { width:298px; } 


.cloud-bn { padding-top:135px; background:#181b31; overflow:hidden; }
.cloud-bn img { width:100%; }

/*右侧浮动框*/
.rightmenu{width: 185px; cursor: pointer; position: fixed; z-index: 99999; right: -130px; top: 210px; cursor: pointer;}
.rightmenu li{height: 55px; line-height: 55px; border-radius: 4px; margin-bottom: 1px; background-color: #009FE9; background-repeat: no-repeat; background-image: url(../images/rightmenu-icon.png); text-indent: 55px; font-size: 16px; color: #fff; overflow: hidden;}
.rightmenu li a{display: block; width: 100%; height: 55px; color: #fff;}
.rightmenu li a:hover{color: #fff!important;}
.rightmenu li.r-top{background-position: 0 0;}
.rightmenu li.r-phone{background-position: 0 -55px; font-family: "Arial";}
.rightmenu li.r-qq{background-position: 0 -110px;}
.rightmenu li.r-mess{background-position: 0 -165px;}
.rightmenu li.r-code{background-position: 0 -220px;}
.rightmenu li.r-code .img{width: 117px; margin: 0 auto; position: relative;}
.rightmenu li.r-code .img img{display: block; width: 117px; height: 117px;}

