Document */

/* CSS Document */

@charset "utf-8";
/* 全局 2012.11.8*/
body{margin:0;padding:0 0 12px 0;font-size:12px; color:#383836;line-height:1.8;font-family:"Microsoft YaHei","微软雅黑","宋体";}
form,ul,li,ol,li,dl,dt,dd,img,p,h1,h2,h3,h4,h5,h6,input{margin:0;padding:0; }
h1,h2,h3,h4,h5,h6{font-size:12px;}
input,select{font-size:12px;}
img{border:0;}
ul,li{list-style-type:none;}
strong{font-weight:normal;}
em {font-style:normal;}
b{line-height: 1.8;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;}
/* Link 全局链接样式 2009.7.28 */
div {text-align:left;zoom:1;}
a{color:#393939;text-decoration:none; cursor:pointer;}
a:hover{color:#3ca6ff;text-decoration:none;}
.color_6e ,.color_6e a{ color:#6E6E6E;}
.display_no{display:none;}
.display_yes{display:block;}
.clear{clear:both;}
/*万能清除浮动开始*/
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.clearfix { display: inline-table; } /* Hides from IE-mac */
* html .clearfix { height: 1%; }
.clearfix { display: block; }

img{border:0 none; vertical-align:top}
blockquote,q{quotes:none;}
blockquote:before, blockquote:after,q:before, q:after { content:""; content:none;}
strong,em,i,b{ font-style:normal; font-weight:normal}

.hd{ position:absolute; left:-9999px; top:-9999px;}
.cl{zoom:1;}
.cl:after{ content:""; display:block; clear:both; font-size:0; line-height:0; visibility:hidden;}


a{transition: color .2s;
   -webkit-transition: color .2s;
  -moz-transition: color .2s;
  -ms-transition: color .2s;
  -o-transition: color .2s;}


/************************banner******************************/

/* flexslider */
.flexslider{position:relative;padding-top:80px;overflow:hidden;/* background:url(../../img/loading.gif) 50% no-repeat;*/width: 100%;    min-width: 1220px; }
.slides{position:relative;z-index:1;}
.slides li{height:525px;}
.slides li .slides_bg{position:relative;height: 525px;overflow: hidden;}
.slides li .slides_bg img{position:absolute;}


.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;margin-bottom: 15px;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../img/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../img/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../img/next.png) center center no-repeat;}




.bannner01_img1{right: 124px;top: 60px;
                   -webkit-animation: rotateAnmation linear 13s infinite;
                   -moz-animation: rotateAnmation linear 13s infinite;
                   -o-animation: rotateAnmation linear 13s infinite;
                   animation: rotateAnmation linear 13s infinite;
}
.bannner01_img2{right:0px; bottom: 53px;
				  -webkit-animation: rotateAnmation linear 10s infinite;
				  -moz-animation: rotateAnmation linear 10s infinite;
				  -o-animation: rotateAnmation linear 10s infinite;
				  animation: rotateAnmation linear 10s infinite;
}
.bannner01_img3{right:503px;bottom:126px;
                -webkit-animation: bannner01-animate-3 linear 9s infinite;
	           -moz-animation: bannner01-animate-3 linear 9s infinite;
	           -o-animation: bannner01-animate-3 linear 9s infinite;
	           animation: bannner01-animate-3 linear 9s infinite;
}
.bannner01_img4{ right:400px; bottom:100px;}
.bannner01_img5{right: 1000px;bottom: 400px;
               -webkit-animation: bannner01-animate-5 linear 8s infinite;
	           -moz-animation: bannner01-animate-5 linear 8s infinite;
	           -o-animation: bannner01-animate-5 linear 8s infinite;
	           animation: bannner01-animate-5 linear 8s infinite;
}

@keyframes rotateAnmation {
    0% {
        transform: rotate(0);
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0)
    }
    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg)
    }
}

@-o-keyframes rotateAnmation {
    0% {
        transform: rotate(0);
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0)
    }
    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg)
    }
}
@-moz-keyframes rotateAnmation {
    0% {
        transform: rotate(0);
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0)
    }
    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg)
    }
}
@-webkit-keyframes rotateAnmation {
    0% {
        transform: rotate(0);
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0)
    }
    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg)
    }
}




	
@keyframes bannner01-animate-3 {
  	from,to {
		right:503px;bottom:126px;
	}

	50% {
		right:553px;bottom:170px;
	}
}
@-o-keyframes bannner01-animate-3 {
  	from,to {
		right:503px;bottom:126px;
	}

	50% {
		right:553px;bottom:170px;
	}
}

@-moz-keyframes bannner01-animate-3 {
  	from,to {
		right:503px;bottom:126px;
	}

	50% {
		right:553px;bottom:170px;
	}
}

@-webkit-keyframes bannner01-animate-3 {
  	from,to {
		right:503px;bottom:126px;
	}

	50% {
		right:553px;bottom:170px;
	}
}


@keyframes bannner01-animate-5 {
  	from,to {
		right: 1000px;bottom: 400px;
	}

	50% {
		right:903px;bottom:350px;
	}
}

@-o-keyframes bannner01-animate-5 {
  	from,to {
		right: 1000px;bottom: 400px;
	}

	50% {
		right:903px;bottom:350px;
	}
}

@-moz-keyframes bannner01-animate-5 {
  	from,to {
		right: 1000px;bottom: 400px;
	}

	50% {
		right:903px;bottom:350px;
	}
}

@-webkit-keyframes bannner01-animate-5 {
  	from,to {
		right: 1000px;bottom: 400px;
	}

	50% {
		right:903px;bottom:350px;
	}
}
.Supplier{}
.Supplier li{ float: left; width: 122px;}
.Supplier li {text-align: center;display: block;padding: 18px 17px;color: #545454;transition: all 0.3s;-webkit-transform: translateY(0px);transform: translateY(0px);  cursor: default;}
.Supplier li :hover{-webkit-transform: translateY(5px);transform: translateY(5px); color:#fff;}
.Supplier .Supplier_li01{border-top: 3px solid #00c2c1; }
.Supplier .Supplier_li02{border-top: 3px solid #f7a527;}
.Supplier .Supplier_li03{border-top: 3px solid #60a0f0;}
.Supplier .Supplier_li04{border-top: 3px solid #ef7e3c;}
.Supplier .Supplier_li01:hover{background: #00c2c1;}
.Supplier .Supplier_li02:hover{background: #f7a527;}
.Supplier .Supplier_li03:hover{background: #60a0f0;}
.Supplier .Supplier_li04:hover{background: #ef7e3c;}

.hxfws-content{ border: 1px solid #e8e8e8; float:left;}
.customer_service li{ float:left; padding:10px;width: 23%;}
.customer_service li a{display:block;}
.customer_service li img{ width:236px; height:77px;}
.warpbox{border: 1px solid #D3D3D3; width: 1220px; margin: 30px auto;height: 200px;}
.table_card { width:100%; margin:0 auto;margin-top: 20px}
.table_card .tab { height:40px; font-size:14px; border-bottom:1px #e1e1e1 solid}
.table_card .tab li {float: left;padding: 0 8px;display: inline-block;margin-right: 30px;  line-height: 30px;border: none; outline: none; font-size: 16px;}
.table_card .tab li:hover { height:37px; background:#fff;  cursor:pointer}
.table_card .activ { height:30px !important; background: #396ca9 !important;    color: #fff;}
.table_card .tabCon {padding: 16px 0;    border-bottom: 1px #e1e1e1 solid;    height: 30px;}
.table_card .tabCon div { display:none}
.table_card .tabCon .on { display:block}
#div1{ width: 1220px; height: 95px; position: relative; margin:50px auto;overflow: hidden;}
#div1 ul { width: 1220px; height: 95px; position: relative; }
#div1 ul li { height: 95px; float: left; list-style: none; padding-right:20px;}
#div1 ul li img { width: 222px; height: 87px; display: inline-block;}

/*********************************/