﻿/* 首页*/
body{
	width:100%;
	height:auto;
	}
tr,td,table{
	border:0;}
input,textarea{
	list-style:none;
	border:none;
	padding:0;
	margin:0;
	outline: none;
	background:none;
	font-family:"微软雅黑";}
body,p,img,a,div,span{
	font-family:"微软雅黑";
	margin:0;
	padding:0;}
.clearfix{ clear:both;}
a{
	text-decoration:none;
	}
a img{border:none;}
ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.top_box{
	width:100%;
	height:90px;}
.top{
	width:1200px;
	margin:auto;
	position:relative;}
.logo img{
	float:left;
	margin-top:20px;}
.nav{
	height:40px;
	line-height:40px;
	float:right;
	margin-top:25px;
	}
.nav li{
	width:auto;
	float:left;
	font-size:16px;
	margin:0 12px;
	
	}
.nav li a{
	float:left;
	color:#404040;
	padding:0 6px;}
.nav li a:hover{
	border-bottom:solid #F60 2px;}
.search_icon{
	width:21px;
	height:20px;
	float:left;
	margin-top:22px;}
.yuyan{
	width:102px;
	height:90px;
	float:right;}
.yuyan p{
	font-size:14px;
	color:#eb6100;
	line-height:90px;
	float:left;}
.yuyan img{
	float:right;
	margin-top:29px;}
.search_box{
	float:right;
	width:196px;
	height:90px;
	position:absolute;
	right:0;
	top:40px;
	display:none;
	z-index:10;
	}
.search_icon:hover .search_box{
	display:block;}	
.search{
	float:right;
	width:196px;
	margin-top:7px;
	}
.search span{ 
	width:20px; 
	height:24px; 
	background-image:url(../images/search_01.png);
	}
	
.search a{
	width:34px; 
	height:24px; 
	background-image:url(../images/search_03.png);
	}
	
input{ 
	padding:0; 
	margin:0; 
	border:0;
	outline:none;
	list-style:none;
	}
        .mytitle {text-align:center; line-height:20px;margin-top:38px; font-family:Arial;font-size:22px;
        }
#sousuo{
	height:24px; 
	width:141px;
	background-image:url(../images/search_02.png); 
	font-size:13px;
	color:#999;
	line-height:24px;
	font-family:"微软雅黑";
	border:none;
	}
.search *{ 
	float:left;
	}
.banner{
	width:100%;
	height:464px;
	position:relative;
	overflow:hidden;}
.banner img{
	width:1920px;
	left:50%;
	margin-left:-960px;
	position:relative;
	}
.qie img{
	width:61px;
	height:61px;
	z-index:20;
	top:382px;
	left:50%;
	margin-left:-30px;
	position:absolute;
	}
.content_box{
	width:100%;
	height:507px;
	margin-top:30px;
	background-image:url(../images/ab_img_bg.png);
	background-position:bottom center;
	background-repeat:no-repeat;
	}

.content_01{
	width:1200px;
	height:507px;
	margin:auto;
	}
.title{
	width:1200px;
	color:#616161;
	text-align:center;
	}
.t_01{
	font-size:30px;
	}
.line_01{
	width:42px;
	height:3px;
	background-color:#f68121;
	float:left;
	margin:6px 579px;}
.t_02{
	font-size:14px;
	}
.about_li_01{
	width:1200px;
	margin-top:36px;
	}	
.about_li_01 li{
	width:350px;
	float:left;
	margin:0 25px;}
.about_li_01 li img{
	float:left;
	display: block;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;}

.about_li_01 img:hover{
	transform:rotate(360deg);
	-webkit-transform:rotate(360deg);
	-moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
}

.about_li_01 li p{
	font-size:16px;
	line-height:36px;
	color:#323232;
	float:left;
	margin-left:20px;}	

.prouduct{
	width:1200px;
	height:auto;
	margin-top:22px;}
.prouduct li{
    /*background: #fff;*/
    text-align: center;
	width:400px;
	/*height:199px;*/
	float:left;
	position:relative;}
.prouduct li img{
    text-align: center;
	max-width:400px;
	/*height:199px;*/
	/*float:left;*/}
.jieshao{
	width:350px;
	height:250px;
	left:25px;
	top:0;
	position:absolute;
	background-color:rgba(0,0,0,0.5);
	line-height:24px;
	color:#fff;
	transition: all 0.8s ease-in-out;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
	}
.t_03{
	width:350px;
	height:250px;
	display:table-cell;
	vertical-align:middle;
	font-size:18px;
	text-align:center;
	}
.jieshao_01{
	width:350px;
	height:250px;
	left:0;
	top:0;
	position:absolute;
	background-color:rgba(255,255,255,0.5);
	line-height:24px;
	color:#323232;
	transition: all 0.8s ease-in-out;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
	}


.prouduct li a:hover .jieshao{ 
	background-color:rgba(255,255,255,0.5);
	color:#323231;
}

.prouduct li a:hover .jieshao_01{ 
	background-color:rgba(0,0,0,0.5);
	color:#fff;
}
.content01_box{
	width:100%;
	background-color:#fff;
	}
.content_02{
	width:1200px;
	height:400px;
	margin:auto;
	padding-top:30px;	
	}
.lunbo{
	margin-top:20px;
	position:relative;}
.lunbo li{
	width:283px;
	height:237px;
	float:left;
	margin-right:22px;}
	
.about_box{
	width:100%;
	height:410px;
	background-image:url(../images/pro_img_bg.png);
	background-repeat:no-repeat;
	background-position:center;
	}
.about_box .t_01{
	color:#fff;}
.about_box .t_02{
	color:#fff;}
.about_text{
	width:769px;
	float:right;
	font-size:16px;
	line-height:30px;
	color:#323232;
	margin:52px 0 0 0;}
.more{
	width:408px;
	height:70px;
	font-size:24px;
	color:#fff;
	background-color:#0c4c89;
	text-align:center;
	line-height:70px;
	float:left;
	margin-top:229px;
	transition: all 0.8s ease-in-out;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;}
.more a{
	color:#fff;}
.more:hover{
	background-color:#f68121;}	

.content{
	width:100%;
	background-color:
	}
.t_11{
	color:#616161;
	text-align:center;
	font-size:30px;
	line-height:71px;
	}
.hz_box{
	width:100%;
	padding-top:24px;
	}
.hz{
	width:1100px;
	margin:auto;
	height:100px;
	position:relative;}
.list_01{
	width:1100px;
	margin-left:70px;
	}
.list_01 li{
	width:220px;
	height:55px;	
	float:left;
	margin-right:26px;
	border:solid #cccccc 1px;}
.h_left{
	width:17px;
	height:31px;
	position:absolute;
	left:0;
	top:16px;}
.h_right{
	width:17px;
	height:31px;
	position:absolute;
	right:0;
	top:16px;}
	
.content_news{
	width:1200px;
	height:643px;
	margin:auto;
	}
.news_li_01{
	width:100%;
	}
.news_li_01 li{
	width:100%;
	height:248px;
	float:left;
	background-color:#f0f0f0;
	margin-top:20px;
	transition: all 0.8s ease-in-out;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
	}
.news_li_01 li:hover{
	box-shadow:0px 3px 5px rgba(0,0,0,0.4);
	background-color:#fff;
	
	}	
.news_01{
	width:54%;
	float:left;
	margin:30px 0 0 40px;}	
.news_t01{
	width:100%;
	font-size:26px;
	color:#323232;
	float:left;}	
.news_t02{
    display:none;
	width:10px;
	height:2px;
	background-color:#0c4c89;
	float:left;
	margin:10px 0;}
.news_t03{
	width:100%;
	font-size:16px;
	color:#999999;
	float:left;
	margin:10px 0;}	
.news_t04{
	width:100%;
	font-size:16px;
	color:#676767;
	float:left;
	line-height:24px;}
.news_t05{
	height:100%;
	float:right;}	
	
	
	
	
.footer_box{
	width:100%;
	height:232px;
	background-color:#333333;
	float:left;
	margin-top:64px;}
.footer_01{
	padding-top:55px;
	width:1200px;
	height:117px;
	margin:auto;
	}
.bo_01{
	width:334px;
	float:left;
	font-size:14px;
	color:#fff;}
.bo_02{
	font-size:24px;
	line-height:40px;}
.nav_04{
	width:74px;
	height:auto;
	margin-left:65px;
	float:right;
	}
.nav_04 li{
	width:74px;
	float:left;
	font-size:14px;
	line-height:28px;
	}
.nav_04 a{
	color:#e4e3e3;
	transition: all 0.8s ease-in-out;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
	}
.nav_04 .text_n_01{
    width:100%;
	font-size:16px;
	line-height:36px;
	color:#fff;}
.nav_04 a:hover{
	font-size:12px;}

.footer_02{
	width:100%;
	height:40px;
	font-size:12px;
	background-color:#323232;
	color:#fff;
	border-top:solid #414141 1px;
	line-height:40px;
	text-align:center;
	float:left;}
.footer_03{
	width:1200px;
	height:40px;
	margin:auto;
	}
.f_01{
	float:left;
	}
.f_02{
	float:right;
	}
/* 关于我们 */
.content_01_box{
	width:100%;
	margin-top:26px;
	float:left;
	}
.content_about{
	width:1100px;
	margin:auto;
	}
.left{
	width:240px;
	float:left;}
.left ul li{
    overflow:hidden;
	width:240px;
	height:35px;
	border-bottom: dashed #cccccc 1px;
	line-height:35px;}
.left ul li a{
	color:#3f3f3f;}
.title_04{
	width:240px;
	height:36px;
	font-size:26px;
	line-height:26px;
	color:#ff7200;
	border-bottom:solid #cbcbcb 1px;
	margin-bottom:20px;}
.xz{
	background-color:#0e537d;	
	}
.left ul .xz a{color:#fff;}
.left ul .xz span{	
	background-color:#101010;}
.left ul li span{
	width:5px;
	height:5px;
	background-color:#535353;
	margin:16px 10px 0 16px;
	float:left;}
.left ul li:hover{background-color:#0e537d;}
.left ul li:hover a{color:#fff;}
.left ul li:hover span{background-color:#fff;}
.right{
	width:780px;
	float:right;}
.title_05{
	width:780px;
	height:36px;
	border-bottom:solid #cbcbcb 1px;
    margin-bottom:8px;
	float:left;}
.title_05 p{
	font-size:26px;
	line-height:26px;
	color:#ff7200;
	float:left;
	}
.title_05 ul{
	float:right;
	margin-top:12px;
	}
.title_05 ul li{
	float:right;
	font-size:14px;
	}
.title_05 ul li a{
	color:#6f6f6f;}
.about_nr{
	float:left;
	margin-top:20px;
	width:780px;
	font-size:14px;
	color:#525252;
	line-height:28px;
	word-break: break-all; word-wrap:break-word;}
.about_nr img{
	width:780px;
	margin-top:10px;}
/*产品中心2*/	
.prouduct_02{
	width:780px;
	margin-top:20px;
	float:left;}
.prouduct_02 li{
    overflow:hidden;
    height: 328px;
	width:240px;
	float:left;
	text-align:center;
	font-size:14px;
	line-height:28px;
	margin:0 30px 10px 0px;}
.prouduct_02 li img{
	width:238px;
	min-height:138px;
	max-height:300px;
	border:solid #aaaaaa 1px;
	float:left;}
.prouduct_02 li p{
	width:240px;
	color:#323232;}

/*产品中心*/	
.prouduct_01{
	width:780px;
	margin-top:20px;
	float:left;}
.prouduct_01 li{
    overflow:hidden;
    height: 318px;
	width:240px;
	float:left;
	text-align:center;
	font-size:14px;
	line-height:28px;
	margin:0 30px 10px 0px;}
.prouduct_01 li img{
	width:238px;
	min-height:138px;
	max-height:238px;
	border:solid #aaaaaa 1px;
	float:left;}
.prouduct_01 li p{
	width:240px;
	color:#323232;}
.paging_box{
	width:780px;
	float:left;
	margin-top:20px;}
.paging{
	width:482px;
	height:35px;
	font-size:16px;
	margin:auto;	
	}
.paging .page_01{
	padding:6px 15px;
	color:#3f3f3f;
	float:left;
	margin:0 5px;
	float:left;
	border:solid #cccccc 1px;}
.paging .page{
	padding:6px 15px;
	background-color:#fff;
	border:solid #cccccc 1px;
	color:#3f3f3f;
	margin:0 5px;
	float:left;}
.paging .page_01:hover{
	padding:7px 16px;
	background-color:#ff7200;
	color:#fff; 
	border:none;}
.paging .page:hover{
	padding:7px 16px;
	background-color:#ff7200; 
	border:none;
	color:#fff;
	}
/*行业资讯*/
.news_li_02{
	width:100%;
	}
.news_li_02 li{
	width:100%;
	height:148px;
	float:left;
	background-color:#f0f0f0;
	margin-top:20px;
	transition: all 0.8s ease-in-out;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
	}
.news_li_02 li:hover{
	box-shadow:0px 3px 5px rgba(0,0,0,0.4);
	background-color:#fff;
	
	}
.news_li_02 .news_01{
	margin:10px 0 0 16px;}	
.news_li_02 .news_t01{
	font-size:18px;
	;}	
.news_li_02 .news_t02{
	margin:4px 0;}
.news_li_02 .news_t03{
	font-size:14px;
	margin:6px 0;}		
	
/*联系方式*/
.contact_01{
	width:780px;
	float:left;
	margin-top:20px;
	}
.phone{
	width:350px;
	float:right;
	}
.ct_08{
	width:350px;
	font-size:22px;
	font-weight:bold;
	color:#706043;
	float:left;
	line-height:36px;
	border-bottom:solid #916547 2px;
	}
.phone ul{
	width:350px;
	float:left;
	line-height:32px;
	font-size:14px;
	color:#393838;
	border-bottom:solid #916547 2px;}
.map{
	float:left;
	width:383px;
	height:256px;
	border:solid #958275 8px;}
/*留言*/
.liuyan{
	width:780px;
	float:left;
	margin-top:20px;
	}
.liuyan table{
	width:780px;
	height:540px;
	float:left;
	border-bottom:solid #ffc548 3px;
	border-top:solid #ffc548 3px;
	border-left:solid #cacaca 3px;
	border-right:solid #cacaca 3px;
	border-collapse:separate;
	border-spacing:0;
	font-size:16px;
	color:#656262;}
.tb_01{
	width:780px;
	height:54px;
	line-height:24px;	
	text-align:center;
	}
.tb_01 td,.tb_01 th{
	font-size:16px;
	color:#656262;
	font-weight:normal;
	height:54px;
	border-bottom:solid #cacaca 2px;
	}
.tb_02{
	width:127px;
	height:54px;
	background-color:#f3f3f3;
	}
.tb_01 .tb_03{
	width:127px;
	height:366px;
	background-color:#f3f3f3;}
.tb_01 .tb_04{
	width:245px;
	padding:8px;}
.tb_01 .tb_05{
	width:651px;}

.shu_02{
	width:231px;
	height:46px;
	float:left;
	line-height:46px;
	color:#656262;
	font-size:16px;
	border:solid #ccc 2px;
	padding:0 5px;
	}

.kuang{
	width:621px;
	height:330px;
	border:solid #cacaca 2px;
	line-height:24px;
	color:#656262;
	font-size:16px;
	padding:5px;}
.t_12{
	font-size:16px;
	font-weight:bold;
	color:#4f4b4c;
	margin-top:12px;
	float:left;
	margin-bottom:10px;}
.qr_01{
	width:150px;
	height:50px;
	float:left;
	margin:30px 15px 0 250px;
	font-size:20px;
	color:#fff;
	background-color:#ffc548;
	border-radius:10px;}
.qx_02{
	width:150px;
	height:50px;
	float:left;
	margin-top:30px;
	font-size:20px;
	color:#fff;
	background-color:#838181;
	border-radius:10px;}

/*左侧菜单添加*/

.secondClass {
    overflow:hidden;
	width:220px;
	height:30px;
	border-bottom: dashed #cccccc 1px;
	line-height:30px;
        padding-left: 20px;
}
.secondClass a{
    font-size:12px;
	color:#3f3f3f;}
.secondClass span{
	width:5px;
	height:5px;
	background-color:#535353;
	margin:16px 10px 0 16px;
	float:left;}
.secondClass:hover a{color:#ff7200;}
.secondClass:hover span{background-color:#ff7200;}


/*首页添加*/
.rightNewsCss {float:right; margin:30px 80px 0 0;
}
.IndexNewsImg {width:412px;height:248px;}
.floatR {float:right;}
.floatL {float:left;}

/*.left ul p {
	width:220px;
	height:30px;
	border-bottom: dashed #cccccc 1px;
	line-height:30px;
        padding-left: 20px;
}
.left ul p a{
    font-size:12px;
	color:#3f3f3f;}
.left ul p span{
	width:5px;
	height:5px;
	background-color:#535353;
	margin:16px 10px 0 16px;
	float:left;}
.left ul p:hover a{color:#ff7200;}
.left ul p:hover span{background-color:#ff7200;}*/

/*友情链接*/

div.indexmaindiv{height:110px;margin:0px auto;width:1200px;}
div.indexmaindiv div.playerstyles{width:168px;height:44px;background:url('../images/playstyles.png') no-repeat;}
div.indexmaindiv1{margin-top:25px; overflow:hidden;}
div.indexmaindiv1 div.stylesgoleft{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left top;margin:22px 5px 0px 0px;cursor:pointer;}
div.indexmaindiv1 div.stylesgoleft:hover{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left -28px;margin:22px 5px 0px 0px;cursor:pointer;}
div.indexmaindiv1 div.playerdetail{/*width:172px;*/height:65px;background:#FFF;font-family:'微软雅黑';}
div.indexmaindiv1 div.playerdetail div.detailimg{/*width:172px;*/height:65px;}
div.indexmaindiv1 div.playerdetail div.detailimg img{/*width:172px;*/height:65px;}
div.indexmaindiv1 div.playerdetail div.teanames{text-align:center;font-size:14px;margin-top:5px;color:#404040;}
div.indexmaindiv1 div.playerdetail div.teadetail{width:156px;height:27px;margin:5px 8px;color:#666;}
div.indexmaindiv1 div.playerdetail .checkdetail{width:134px;height:27px;display:block;background:url('../images/checkdetail.png') no-repeat;margin:18px;}
div.indexmaindiv1 div.stylesgoright{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left -56px;margin:22px 0px 0px 15px;cursor:pointer;}
div.indexmaindiv1 div.stylesgoright:hover{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left -84px;margin:22px 0px 0px 15px;cursor:pointer;}
/*滚动*/
div.maindiv1{float:left;width:1100px;height:67px;overflow:hidden;position:relative;}
div.maindiv1 ul{position:absolute;left:0;top:0;}
div.maindiv1 ul li{float:left;
                   /*width:172px;*/
                   border: solid #cccccc 1px;
                   height:65px;margin-left:23px;}
	#wrapper {
                overflow:hidden;
				background-color: #fff;
				/*border-top: 1px solid #ccc;*/
				width: 100%;
				height: 100%;
				margin-top: -1px;
				position: relative;
				left: 0;
				top: 0;
			}
			#carousel {
				height: 85px;
                overflow:hidden;
				margin-top: 0px;
				/*margin-top: -100px;*/
			}
			#carousel div {
				text-align: center;
				width: 222px;
				height: 57px;
				float: left;
				position: relative;
                margin-top:20px; 
                margin-left:20px; 
			}
			#carousel div img {
				border: 1px solid #d1cfcf;
			}
			#carousel div span {
				display: none;
			}
			#carousel div:hover span {
				background-color: #333;
				color: #fff;
				font-family: Arial, Geneva, SunSans-Regular, sans-serif;
				font-size: 14px;
				line-height: 22px;
				display: inline-block;
				width: 100px;
				padding: 2px 0;
				margin: 0 0 0 -50px;
				position: absolute;
				bottom: 30px;
				left: 50%;
				border-radius: 3px;
			}
			
			#donate-spacer {
				height: 100%;
			}
			#donate {
				width: 750px;
				padding: 50px 75px;
				margin: 0 auto;
				overflow: hidden;
			}
			#donate p, #donate form {
				margin: 0;
				float: left;
			}
			#donate p {
				width: 650px;
			}
			#donate form {
				width: 100px;
			}
