/* CSS Document */
body{margin:0; padding:0; font-family: "Microsoft Yahei",Arial,"Lantinghei SC","Hiragino Sans GB","Helvetica Neue",Helvetica,Arial,sans-serif;}
ul,li,ol,dl,dt,dd{ list-style:none; margin:0; padding:0}

.font-cl-fff{ color:#fff;}
.font-cl-000{ color:#000;}
.font-cl-666{ color:#666;}


.banner{width:100%; position:relative; height:500px; z-index:0;}
.flexslider{position:relative;height:500px;overflow:hidden; background:url(images/loading.gif) 50% no-repeat;}
.slides{position:relative;}
.slides li{height:500px;}
.flex-control-nav{position:absolute;bottom:20px;width:100%;text-align:center; z-index:999;}
.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(../images/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:50%; margin-top:-50px;}
.flex-direction-nav li a{display:block;width:100px;height:100px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:80px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:80px;background:url(../images/next.png) center center no-repeat;}


.top{ position:absolute; z-index:999; top:0; width:100%; border-bottom:1px solid #3a455a;}
.top-box{width:1180px; margin:0 auto; height:80px;}
.top-box .logo{float:left; margin-top:15px;}
.nav{float:left; padding:30px 0 0 70px;}
.nav li{ display:inline; padding:15px 20px 25px; margin:0;}
.nav li:hover{ border-bottom:3px solid #4ccde9; border:0 0 3px 0;}
.nav .onli{border-bottom:3px solid #4ccde9; border:0 0 3px 0;}
.nav li a{ color:#fff; font-size:16px; text-decoration:none;}
.tel{float:right; margin:25px 15px 0 0; border-radius:10px; border:1px solid #0155ac; color:#0155ac; padding:5px 10px; font-weight:bolder; font-style:italic}


.main_box{width:100%; padding:0; display:table;}
.title{ text-align:center; width:1180px; margin:0 auto; padding-top:50px;}
.title h1{font-size:30px; margin:10px 0 5px; padding:0; font-weight:lighter;}
.title span{font-size:16px;}

.Products_box{width:1180px; margin:20px auto 0; display:table;}
.products_list{width:275px; margin:20px 10px 30px; float:left;}
.products_list span{width:120px; display:block; height:120px; margin:0 auto; border:1px solid #a6d4f8; border-radius:50%; margin-bottom:15px; background:url(../images/icon-1.png) no-repeat center 0; }
.products_list span.products_bg1{ background-position:center 10px;}
.products_list span.products_bg2{ background-position:center -90px;}
.products_list span.products_bg3{ background-position:center -200px;}
.products_list span.products_bg4{ background-position:center -330px;}
.products_list h2{ font-size:18px; color:#000000; font-weight:lighter; text-align:center; margin:0; padding:0;}
.products_list p{ padding:0 25px 10px; font-size:12px; color:#666666; text-align:center; display:block; margin-top:5px;}
.products_list a.link_1{ display:block; text-align:center; padding:8px 20px; border:1px solid #0267d7; color:#0267d7; border-radius:3px; text-decoration:none; width:50px; margin:0 auto 30px; font-size:12px;}
.products_list a.link_1:hover{ background-color:#0267d7; color:#fff;}

.fangan{ background:url(../images/fangan-bg.jpg); height:500px;}
.fangan-box{width:1180px; margin:20px auto 0; background:url(../images/bg-fff.png); padding:15px 0; display:table; color:#fff;}
.menu{width:200px; border-right:#7c818d solid 1px; font-size:18px; float:left; padding:0 0 0 30px;}
.menu li{line-height:80px; height:80px;cursor:pointer;color:#fff;overflow:hidden; background:url(../images/jiantou.png) 180px 36px no-repeat; text-transform: uppercase;}
.menu li.off{color:#f3bc19; background:url(../images/jiantou2.png) 180px 36px no-repeat;}

.menudiv{ float:left; width:890px; padding-left:40px;}
.menudiv h2{text-transform: uppercase; font-size:24px; font-weight:bold; margin-bottom:5px;}
.menudiv .fangan-js{width:550px; font-size:16px; line-height:30px; color:#efefef;}
.menudiv .content-box{height:200px; position:relative;}
.menudiv .xinagqin{ position: absolute; bottom:-10px; left:0; z-index:99px; background:url(../images/j1.png) left no-repeat; padding-left:25px;}
.menudiv .xinagqin a{ color:#f3bc19; text-decoration:underline;}
.menudiv .right-pic{ position:absolute; right:0; top:-15px; z-index:99px;}
.menudiv .right-pic img{width:300px;}

.product {POSITION: relative; HEIGHT:200px; width:1068px; padding:40px 55px; margin:20px auto 40px; border:1px solid #CCC;}
.product .prev {TEXT-INDENT: -9999px; WIDTH: 60px; DISPLAY: block; BACKGROUND: url(../images/feature_left.png) center top; position:absolute; HEIGHT: 60px; TOP:50%; margin-top:-30px; left:-30px; cursor:pointer; z-index:9999;}
.product .next {TEXT-INDENT: -9999px; WIDTH: 60px; DISPLAY: block; BACKGROUND: url(../images/feature_right.png) center top; position:absolute; HEIGHT: 60px;  TOP:50%; margin-top:-30px; right:-30px; cursor:pointer; z-index:9999;}
.product .prev:hover {BACKGROUND-POSITION: center bottom;}
.product .next:hover {BACKGROUND-POSITION: center bottom;}

#pro {OVERFLOW: hidden; WIDTH:1068px; POSITION: absolute;}
#pro UL LI {FLOAT: left; WIDTH: 1068px;}
#pro DIV {WIDTH: 50000px;}

#pro .pro-pic{float:left; width:290px;}
#pro .pro-right{float:left; padding-left:60px; width:710px;}
#pro .pro-right h3{ font-size:24px; font-weight:lighter; color:#000; margin:10px 0;}
#pro .pro-right p{ line-height:26px; color:#696969; font-size:14px;}
#pro .pro-right a{ color:#108cee; text-decoration:none;}
#pro .pro-right a:hover{ color:#F00; text-decoration:underline;}

.bottom{width:100%; background:#323232; padding:30px 0;}
.bot-content{width:1180px; margin:0 auto; text-align:center;}
.bot-nav{ text-align:center; color:#d6d6d6;}
.bot-nav a{ padding:0 15px; color:#d6d6d6; text-decoration:none;}
.conter{ text-align:center; color:#979797; font-size:14px; margin:20px 0; border-bottom:1px solid #3e3e3e; height:40px;}
.conter li{ display:inline; padding:0 15px; }
.conter li img{ vertical-align:middle; }
.bot-content span{ color:#5d5d5d; font-size:14px; line-height:40px;}		

.table1{width:1180px; margin:40px auto 20px; border:1px solid #CCC;}
.table1 th{ text-align:left; font-size:18px; width:25%; border:1px dashed #CCC; padding:10px 5px 10px 30px; margin:5px; box-sizing:border-box; font-weight:lighter; font-size:20px;}
.table1 td{border:1px dashed #CCC; padding:10px 5px 10px 15px; text-align:left;box-sizing:border-box; color:#666; line-height:30px; font-size:15px;}

.table2{width:1180px; margin:20px auto; border:1px solid #CCC; color:#06C;}
.table2 th{ text-align:left; font-size:16px; width:25%; border:1px dashed #CCC;  padding:10px 5px 10px 30px; margin:5px; box-sizing:border-box; font-weight:lighter; font-size:20px;}
.table2 td{border:1px dashed #CCC; padding:10px 5px 10px 15px; text-align:left;box-sizing:border-box; line-height:30px; font-size:16px;}


.service-hr{margin:20px 0px 40px; border-bottom: 1px solid rgb(221, 221, 221); position: relative;}
.service-title{width: 195px; height: 30px; position: absolute; left: 50%; margin-left: -80px; bottom: -15px; background-color: rgb(255, 255, 255); line-height: 30px; text-align: center; font-size: 30px; color: rgb(0, 0, 0);}

.about{width:1180px; margin:20px auto;}
#tab {overflow:hidden; zoom:1; text-align:center; margin-bottom:20px;}
#tab li { display:inline; color:#000; font-size:20px; cursor:pointer; margin:0 20px; height:45px; line-height:45px; list-style-type:none; padding:20px 30px;}
#tab li:hover{color:#fff; background:#025db1;}
#tab li.current {color:#fff; background:#025db1;}
#content {border-top-width:0;}
#content ul {line-height:25px; display:none; margin:0 30px; padding:10px 0;}

.about-img{ font-size:18px; color:#666666; width:100%; display: table; line-height:50px;}
.about-img span{ display:block; margin-top:40px; width:500px; float:left; font-weight:lighter;}
.about-img img{float:left; margin-right:30px; display:block;}

.plan{width:1180px; margin:10px auto;}
.plan p{ text-indent:30px; line-height:30px; font-weight:lighter; color:#363636;}
.plan p img{border:1px solid #ccc; margin-bottom:15px;}
.plan h4{ font-size:20px; color:#039; font-weight:inherit; margin-bottom:5px;}
.content{ background:url(../images/content.jpg) bottom right no-repeat; width:60%; height:400px; margin:50px auto; line-height:50px; font-size:20px; font-weight:lighter;}
.content h3{ font-weight:inherit; font-size:30px; color:#06C;}