@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; font-family:"微软雅黑"; font-size:12px; text-decoration:none; list-style:none;}
.clearfix{ clear:both;}
img{ display:block; border:none;}
/**********************search*************************/
.search{ width:100%; background-color:#FFFFFF; border-bottom:#DDDDDD solid 1px;}
.search_box{ width:1056px; height:48px; line-height:48px; margin:0 auto;}
.search_box a{ float:left; width:250px; height:48px; color:#757575;}
.search_box .phone{ float:right; margin-left:20px; margin-top:15px;}
.search_box .zh{ float:right; width:240px; height:32px; margin-top:7px; padding-left:15px; background-color:#fafafa; border:#dddddd solid 1px;}
.search_box .submit{ float:right; width:34px; height:34px; margin-top:7px; border:none; background:url(../images/search.png) center no-repeat; position:relative; right:34px; outline:none;}
/**********************nav*************************/
.nav{ width:100%; background-color:#FFFFFF;}
.nav_box{ width:960px; height:98px; margin:0 auto;}
.nav_box .logo{ float:left; margin-top:18px;}
<!--.nav_box ul{ float:right; width:540px; height:98px;}
.nav_box li{  width:90px; height:96px; border-bottom:#fff solid 2px; font-size:14px; text-align:center; line-height:110px;}
.nav_box li:hover{ border-bottom:#007cc3 solid 2px;}-->

#nav{ float:right;}
#nav .mainlevel{float:left; width:90px; margin-bottom:5px;}
#nav .mainlevel a{color:#000; text-decoration:none; line-height:96px; display:block; width:90px; text-align:center;}
#nav .mainlevel ul{display:none; position:absolute; z-index:20;}
#nav .mainlevel li{ margin-bottom:1px; background:#007cc3; width:90px; height:36px; border-bottom:#fff solid 1px; font-size:14px; text-align:center; line-height:36px; text-align:center;/*IE6 only*/}
#nav .mainlevel li a{ line-height:36px; color:#fff;}
#nav .mainlevel li ul a{  color:#fff;}
#nav .mainlevel li:hover{ background:#3647FF;}



/********************banner***********************/
/********************banner***********************/
.flexslider {
	position: relative;
	width: 100%;
	height: 600px;
	overflow: hidden;
	zoom: 1;
}
.flexslider .slides li {
	width: 100%;
	height: 600px;
}
.flex-direction-nav a {
	width: 70px;
	height: 70px;
	line-height: 99em;
	overflow: hidden;
	margin: -35px 0 0;
	display: block;
	background: url(images/ad_ctr.png) no-repeat;
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .3s ease;
	/*border-radius: 35px;*/
}
.flex-direction-nav .flex-next {
	background-position: 0 -70px;
	right: 0;
}
.flex-direction-nav .flex-prev {
	left: 0;
}
.flexslider:hover .flex-next {
	opacity: 0.8;
	filter: alpha(opacity=25);
}
.flexslider:hover .flex-prev {
	opacity: 0.8;
	filter: alpha(opacity=25);
}
.flexslider:hover .flex-prev:hover {
	opacity: 1;
	filter: alpha(opacity=50);
}
.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 10px;
	text-align: center;
}
.flex-control-nav li {
	margin: 0 2px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}
.flex-control-paging li a {
	background-color:#FFFFFF;
	display: block;
	height: 2px;
	overflow: hidden;
	text-indent: -99em;
	width: 60px;
	cursor: pointer;
}
.flex-control-paging li.active a {
	background-position: 0 0;
	background-color:#291FFF;
}
.flexslider .slides a img {
	width: 100%;
	height: 600px;
	display: block;
}
/*******************product**********************/
.product{ width:100%; padding-top:80px;}
.product .title{ width:960px; height:150px; margin:0 auto; background-color:#4D4D4D; background:url(../images/products.png) center no-repeat;}
.product .buttom{ width:960px; height:72px; margin:0 auto;}
.product .buttom ul{ width:100%; height:72px; margin:0 auto;}
.product .buttom li{ float:left; margin-right:13px;}
.product .buttom li a{ display:block; padding:0px 16px; height:46px; background-color:#FFFFFF; border-radius:12px; line-height:46px; font-size:16px; color:#3385ff; border:#3385ff solid 3px;}
.product .buttom li a:hover{ color:#FFFFFF; background-color:#3385ff; transition:background-color 1s;}
.tempWrap{ margin:0 auto;}
.picMarquee-left { width:100%; height:272px; margin:0 auto; overflow:hidden; position:relative;}
.picMarquee-left .bd ul li{ float:left; width:270px; height:270px; margin-right:27px; border:#dddddd solid 1px; background-color:#FFFFFF; box-shadow:0px 0px 3px #DBDBDB;}
.picMarquee-left .bd ul li img{ margin:10px 10px;}
.picMarquee-left .bd ul li h1{ width:270px; font-size:14px; font-weight:normal; text-align:center; color:#000000;}
.picMarquee-left .bd ul li:hover{ background-color:#33ce33; transition:background-color 1s;}
.picMarquee-left .bd ul li:hover h1{ color:#FFFFFF;}
/*******************support**********************/
.support{ width:100%; padding-top:120px;}
.support .title{ width:960px; height:150px; margin:0 auto; background-color:#4D4D4D; background:url(../images/support.png) center no-repeat;}
.support dl{ width:960px; height:400px; margin:40px auto;}
.support dt{ float:left; width:280px; height:320px; margin-right:60px;}
.support dt h1{ width:280px;}
.support dt h1 img{ margin:0 auto;}
.support dt h2{ width:280px; margin:14px 0px; font-size:36px; text-align:center; font-weight:normal;}
.support dt h3{ width:280px; height:80px; line-height:18px; font-weight:normal;}
.support dt h3{ width:280px;}
.support dt h4 a{ display:block; width:96px; height:36px; margin:10px auto; border-radius:5px; color:#FFFFFF; text-align:center; line-height:36px; font-weight:normal;}
.support dt h4 a:hover{ opacity:0.8; transition:background-color 1s;}
/*******************intorduce**********************/
.introduce{ width:960px; margin:0 auto;}
.introduce_left{ float:left; width:380px; height:340px; border-radius:8px; background-color:#3578c4;}
.introduce_left .title{ width:400px; height:240px; background:url(../images/introduce.png) center no-repeat;}
.introduce_left a{ display:block; width:180px; height:50px; border-radius:8px; margin:0 auto; color:#3578c4; background-color:#fff; text-align:center; line-height:50px; font-size:18px; font-weight:bold; border:#fff solid 2px;}
.introduce_left a:hover{ border:#FFFFFF solid 2px;  background-color:#3578c4; color:#fff; transition:background-color 1s;}
.introduce_right{ float:left; width:580px; height:340px; border-radius:8px; background:url(../images/company.png) center no-repeat;}
.introduce_right .company{ width:520px; height:200px; padding:70px 40px; background-color:rgba(255,255,255,0.60); font-size:14px; font-weight:bold; line-height:32px;}
.introduce_right .company:hover{ background-color:rgba(255,255,255,1.00); transition:background-color 1s;}
/*******************news**********************/
.news{ width:100%; padding-top:100px;}
.news .title{ width:960px; height:150px; margin:0 auto; background-color:#4D4D4D; background:url(../images/news.png) center no-repeat;}
.news ul{ width:960px; height:300px; margin:40px auto;}
.news li{ float:left; width:304px; height:250px; margin-right:15px; border-radius:8px; border:rgba(255,255,255,0) solid 3px;}
.news li:hover{ border:#3385ff solid 3px; transition:border 1.5s;}
.news li h1{ width:304px; height:60px; line-height:60px; font-size:16px; font-weight:normal; text-align:center;}
.news li h2{ width:272px; height:150px; margin:0 auto; line-height:32px; font-size:14px; font-weight:normal; text-indent:28px; text-align:center;color:#767676;}
.news li h3{ width:36px; height:4px; margin:10px auto; border-radius:1px; background-color:#3385ff;}
/*******************footer**********************/
.footer{ width:100%; margin:0 auto; background-color:#f6f6f6;}
.footer_list{ width:960px; height:185px; margin:0 auto; padding-top:40px;}
.footer dl{ float:left; width:110px;}
.footer dt{ color:#000000; font-size:14px; margin-bottom:16px;}
.footer dd{ margin-bottom:8px;}
.footer dd a{ color:#393939; font-size:12px;}
.footer dd a:hover{ color:#666666;}
.footer_box{ width:960px; height:36px; line-height:36px; margin:0 auto; border-top:#c2c2c2 solid 1px; color:#3A3A3A;}
.footer_box span{ float:right;}
.footer .qr_code{ float:left; width:150px; height:150px; margin-left:20px; background-color:#FFFFFF;}
.footer .contact{ float:right; width:230px; line-height:24px;}