/*ALL*/
html{height:100%;}
body{ width:100%; height:100%;margin:0;padding:0; font-size: 16px;font-family:"宋体"; color:#000000;}
*html,*html body{background-image:url(about:blank);background-attachment:fixed}
form,ul,li,p,dl,dt,dd,h1,h2,h3,h4,h5,h6{margin:0;padding:0;}input,select,textarea{font-size:2rem;font-family:"宋体"; margin:0; padding:0; border:none;border-radius: 20px;}
img{border:0;display:inline-block;}ul,li{list-style-type:none;}
label{cursor:pointer;}textarea{padding:0.3rem; border:none;border-radius: 20px; font-size:2rem;}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.dis{display:block;}.undis{display:none;}
.fl{float:left;}.fr{float:right;}.fc{margin:0 auto;}.cl{clear:both;}.fb{font-weight:bold;}
.hr_1,.hr_5,.hr_10,.hr_20,.hr_30{font-size:0.1rem;line-height:0.1rem;clear:both; text-indent:-9999rem;}
.hr_1{height:0.1rem;}.hr_5{height:0.5rem;}.hr_10{height:1rem;}.hr_20{height:2rem;}.hr_30{height:3rem;}
.mt_5{margin-top:0.5rem;}.mt_10{margin-top:1rem;}.mg_10{ margin:1rem;}
a{text-decoration:none; color:#000000; outline:none;display: inline-block; blr:expression(this.onFocus=this.blur());}
a:hover{color:#004098; text-decoration:none;}
area {blr:expression(this.onFocus=this.blur())}
:focus { outline: none; }
.red { color:#FF0000;}

/*authority*/
.authority { width:100%; height:100%; _height:expression(eval(documentElement.scrollTop+documentElement.clientHeight)); background:#1a191a; opacity: 0.7; filter:alpha(opacity=70); position:fixed; _position:absolute; top:0; left:0; overflow:auto; zoom:1; z-index:3;}

/*main*/
.main { width:1200px; margin:0 auto; overflow: hidden;}
.menu{ line-height: 37px; background: #fff; text-align: left;}
.menu .menu-main { width:1200px; margin:0 auto;}
.menu a{ padding: 0 25px; display: inline-block;}
.menu a:hover { background: #003c4c; color: #fff;}
.menu a.over { background: #003c4c; color: #fff;}
.menu a.fr { padding:0; margin-left: 30px;}
.menu a img { margin-top: 4px;}
.header{ height:183px; background:url("../images/header.png")repeat-x top; text-align:center;}
.header .logo-name{ margin:30px 0 15px 0; }
.header .logo{width:218px;height:183px;background:url("") no-repeat;}
.header .logo h1{text-indent:-9999px;width:218px;height:183px;overflow:hidden;}
.header .logo h2{text-indent:-9999px;width:218px;height:183px;overflow:hidden;}
.header .search{ float: right; margin:40px 0 15px 0; }
.header .header-main{ width:1200px; margin:0 auto;}
.search_box {width:240px;height:25px;border:1px solid #fff; background: #fff; border-radius: 8px;padding:5px; margin-top: 10px;}
.text {width:215px;height:25px;float:left; font-size: 16px;border-radius:0;}
.button {background:url("../images/search.png")center center no-repeat;width:25px;height:25px;border:none;float:left;cursor:pointer;}

.flexslider {margin: 0 auto 20px;position: relative;width:100%;height:550px;top:-1px;overflow: hidden;zoom: 1;}
.flexslider .slides li {width: 100%;height: 100%;}
.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-next:hover,.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: url("../images/dot.png") no-repeat 0 -16px;display: block;height: 16px;overflow: hidden;
text-indent: -99em;width: 16px;cursor: pointer;}
.flex-control-paging li a.flex-active,.flex-control-paging li.active a {background-position: 0 0;}
.flexslider .slides a img {width: 100%;height:550px;display: block;}


.banner { height: 357px;}
.index h2{ margin: 40px 0 20px; position: relative}
.index h2 a{ margin-top: 30px; position: absolute; right:0;}
.indexBg { background: #e6e6e6; padding: 35px 0; overflow: hidden;clear: both;}
.indexBg h3 { line-height: 40px; font-size: 26px;color: #007290; padding-left:15px;background:url("../images/index-h3.png")no-repeat center left; border-bottom: solid 1px #007290;}
.indexBg .about { width: 550px; padding-right: 50px;}
.indexBg .about img { margin: 10px 0;}
.indexBg .about p { line-height: 2; text-indent: 2em;}
.indexBg .dynamic { width: 549px; border-left: dashed 1px #057492; padding-left: 50px;}
.indexBg .dynamic dl{ float:left;border-bottom: dashed 1px #a3a3a3; padding:20px 0;}
.indexBg .dynamic dl:last-child{  border: none;}
.indexBg .dynamic dd.img { width: 142px; height: 80px; float: left;}
.indexBg .dynamic dt { float: left;line-height: 80px; margin: 0 15px;}
.indexBg .dynamic dd { width: 280px; float: right; line-height: 1.8;}
.index .partner{ float: left; padding-bottom: 30px;}
.index .partner ul li{ width: 380px; height: 60px; float: left; margin: 15px 27px 15px 0; line-height: 60px; font-size: 20px; color: #007290; text-align: center; border: solid 1px #057492; border-radius: 8px;}
.index .partner ul li.last { margin-right: 0;}
.index-news h3 { font-size: 20px;}
.index-news dl{ float:left;border-bottom: dashed 1px #057492; padding:20px 0;}
.index-news dl:last-child{  border: none;}
.index-news dd.img { width: 142px; float: left; margin-right: 20px;}
.index-news dd { width: 188px; height: 80px; float: right; line-height: 1.8; overflow: hidden;}
.index-news .Case { width: 350px; height: 525px; border-right: dashed 1px #057492; padding-right: 36px;}
.index-news .Case li { line-height: 50px; border-bottom:dashed 1px #a3a3a3;}
.index-news .Case li span{ float: right;}
.index-news .news { width: 350px; height: 525px; border-right: dashed 1px #057492; padding:0 36px;}
.index-news .news li { line-height: 50px; border-bottom:dashed 1px #a3a3a3;}
.index-news .news li span{ float: right;}
.index-news .problem { width: 350px; height: 525px; padding-left:40px;}
.index-news .problem li { line-height: 50px; border-bottom:dashed 1px #a3a3a3;}
.index-news .problem li span{ float: right;}
.top { line-height: 55px; background: #009fba; text-align: center;}
.index .product dl{ float: left; margin: 15px 0;}
.index .product dl dt{ width: 300px; height: 105px; float: left; padding: 40px 0; margin-right: 4px; font-size: 26px; color: #fff; font-weight:bold; text-align: center;}
.index .product dl dt a{ color: #fff;}
.index .product dl dt.product-title01{ background:url("../images/product-title01.png")no-repeat}
.index .product dl dt.product-title02{ background:url("../images/product-title02.png")no-repeat}
.index .product dl dt.product-title03{ background:url("../images/product-title03.png")no-repeat}
.index .product dl dd{ float: left; margin-right:10px;}
.index .product dl dd:last-child{ float: left; margin-right: 0;}
.left { width: 275px; line-height: 50px; float: left;}
.left div.fixed{ width: 275px;position:fixed;top:0;z-index:1;}
*html .left div.fixed{ width: 275px;position:absolute;top:expression(eval(document.documentElement.scrollTop))}
.left li { margin-bottom: 1px;}
.left li a{ background: #007290; color: #fff; display: block; padding:0 20px; }
.left li a img{ width: 20px;height: 20px; float: right; margin: 15px 0;}
.left li ul{ display: none;}
.left li.active a.title{ background: #008EA7;color:#fff;}
.left li.active ul{ display: block;}
.left li.active ul li a{ background: #fff; color: #333333; border-bottom:dashed 1px #a3a3a3;}
.left li.active ul li a.over { background: #9CECF9;}
.left li.active ul li a:hover { background: #9CECF9;}
.right { width: 920px; float:right;}
.right h2{ padding-left:15px;background:url("../images/index-h3.png")no-repeat center left; border-bottom: solid 1px #057492;color: #007290; padding-bottom: 5px;}
.right h2 span{ float:right; font-size: 14px; font-weight: normal; margin-top: 5px;}
.right .title { text-align: center; border-bottom:dashed 1px #a3a3a3;}
.right .title h1{ font-size: 25px; padding: 30px 0 10px;}
.right .title p{ padding: 10px 0 25px;}
.about{ margin: 20px auto;}
.about  ul li { padding: 2px 0; border-bottom: dashed 1px #057492;}
.about  ul li:last-child{  border: none;}
.about .contact{ float: left; padding: 20px 0; background: #e5e5e5;}
.about .contact dl{ width:299px; height: 180px; float: left; text-align: center; line-height: 2; border-right: solid 1px #fff;}
.about .contact dl:last-child{border-right: solid 1px #e5e5e5;}
.about .contact dd .qq{ width: 145px; height: 26px; line-height: 26px; color: #fff; background: #333333;border-radius: 13px;}
.introduction{ margin: 20px auto;}
.introductions{ margin: 20px auto;}
.introductions p.text{  width: 375px; float: right; line-height: 2;}
.introductions ul li { padding: 2px 0; border-bottom: dashed 1px #057492;}
.introductions ul li:last-child{  border: none;}
.introductions .info{ width: 600px; float: right;}
.introductions .info h3{  line-height: 50px; font-size: 22px;}
.introductions .info p{  line-height: 30px; color: #999999;}


.cases{ margin: 20px auto;}
.cases ul li { padding: 2px 0; border-bottom: dashed 1px #057492;}
.cases ul li:last-child{  border: none;}
.cases .info{ width: 600px; float: right;}
.cases .info h3{  line-height: 50px; font-size: 22px;}
.cases .info h4{  line-height: 30px; font-weight: normal;}
.cases .info p{  line-height: 30px; color: #999999;}

.pagination { width: 100%; text-align: center; margin: 30px 0; clear: both;}
.pagination a,.pagination span { width: 50px; height: 50px; line-height: 50px; display: inline-block; margin: 0 15px;}
.pagination .current{ color: #fff; background:url("../images/current.png")no-repeat;}
.pagination .current.prev{ background:none;}
.pagination .current.next{ background:none;}

.case{ margin: 20px auto;}
.case .content{line-height: 2;}
.case .bdsharebuttonbox {height: 36px;float: right;margin-top: 15px;}
.case .bdsharebuttonbox span { float: left;line-height: 36px;}
.goto { width: 840px; float:left;padding:30px 30px 45px;}
.goto p{margin-top: 15px;}
.goto p a{ line-height:1.5; display: }
.more-prod{  clear:both;border-top:dashed 1px #a3a3a3;}
.more-prod h3{ padding: 10px 35px 10px;}
.more-prod .prev{ width: 30px; height: 170px; float: left; text-align: center; line-height: 150px;}
.more-prod .next{ width: 30px; height: 170px; float: right; text-align: center; line-height: 150px;}
.more-prod .container{ width: 840px; height: 170px; float: left; overflow: hidden;}
.more-prod .container ul li { width: 200px; float: left; margin: 5px;}
.more-prod .container ul li img{ width: 200px;}
.more-prod .container ul li p{ line-height: 40px;}

.xnews{clear:both;border-top:dashed 1px #a3a3a3; }
.xnews h3{ padding: 10px 35px 10px;}
.xnews ul{width:840px; float:left; margin-left:50px; }
.xnews li{height:24px;line-height:24px;overflow:hidden; font-size:14px; width:395px; float:left;display: block; }
.xnews a{ background: url(../images/dot.jpg) left no-repeat; border-bottom:dashed 1px #a3a3a3; padding:0 8px; }
.xnews a.over{ background:#FFF; color:#000; text-decoration:underline;}
.xnews a:hover{ background:#FFF; color:#000; text-decoration:underline;}

.products{ margin: 20px auto;}
.products .right h2{ clear: both;}
.products .right ul{ float:left;padding: 10px 0 20px;}
.products .right ul li{ width: 283px; float: left; margin: 10px 19px 10px 0; border: solid 1px #FFF; padding: 1px; position: relative;}
.products .right ul li:hover{border: solid 1px #057492;}
.products .right ul li.last{margin: 10px 0;}
.products .right ul li a{ display: block;}
.products .right ul li img{ width: 283px; display: block;}
.products .right ul li p{ width: 283px; line-height: 45px; color: #fff; background: rgba(0, 0, 0, 0.5); text-align: center; position: absolute;bottom: 1px;}

.product{ margin: 20px auto;}
.product .content{ float: left; padding: 10px 30px 0 30px; line-height: 2;border-top:dashed 1px #a3a3a3; width:820px;}
.product .prod-show { border: none;}
.product .prod-show .show{ width: 900px; text-align: center; padding: 50px 0;}
.product .prod-show .prev{ width: 30px; height: 125px; float: left; text-align: center; line-height: 125px;}
.product .prod-show .next{ width: 30px; height: 125px; float: right; text-align: center; line-height: 125px;}
.product .prod-show .container{ width: 840px; height: 125px; float: left; overflow: hidden;}
.product .prod-show .container ul li { width: 200px; float: left; margin: 5px;}
.product .prod-show .container ul li img{ width: 200px;}
.product .prod-show .container ul li p{ line-height: 40px;}
.product .all{ width: 98%; text-align: right; overflow: hidden; padding-top: 20px;}
.product #show { width: 900px;height: 525px; position: fixed;left:50%;top:50%; margin: -262px 0 0 -450px; z-index: 50; display: none;}
/*.product #show .close { position: absolute;right:-30px;top:-30px; z-index: 55;}*/
.product #show .bigImg { min-width: 830px; float: left; text-align: center; padding:5px; background: #fff}
.product #show .bigImg img{ max-width: 830px; margin: 0 auto; display: block;}
.product #show .prev{ width: 30px; height: 525px; float: left; text-align: center; position: relative; z-index: 10}
.product #show .next{ width: 30px; height: 525px; float: right; text-align: center;  position: relative;z-index: 10}
.product #show .prev img{ float: left; margin-top: 180px;}
.product #show .next img{ float: right; margin-top: 180px;}
.product #show p.show_button{ text-align: center}
.product #show p.show_button a{  margin:10px;}
.product .prod-tabs a{ width: 190px; height: 50px; float: left; margin:50px 15px; line-height: 50px; font-size: 20px; color: #007290; text-align: center; border: solid 1px #057492; border-radius: 8px;}
.product .prod-tabs a:hover { background: #009fba;color:#fff;}
.product .prod-tabs a.over { background: #009fba;color:#fff;}
.product .content { display: none;}
.product .content.over { display: block;}
.product .content.shows { width:860px;padding: 10px;}
.product .content ul li { width: 200px; float: left; margin: 5px 5px; border: solid 2px #fff;}
.product .content ul li.over { border: solid 1px #009FBA; padding: 1px;}
.product .content ul li img{ width: 200px; display: block;}

.footer{ background:#007290; overflow: hidden;}
.footer .QrCate{ float: right; margin: 25px 0 25px 25px;}
.footer dl{ width: 200px; float: left; text-align: left; color: #fff; border-right: solid 1px #4897ac; margin: 30px 0 0 8px; padding-bottom: 5px}
.footer dl:first-child{ margin-left: 0;}
.footer dl.last{ border: none; }
.footer dt{ line-height: 2;}
.footer dd a{ line-height: 2; font-size:12px; color: #fff;}
.footer dd{font-size:12px; color: #fff;}
.a_title{ text-align:center; font-family:"宋体"; font-size:30px; color:#25272a; margin:30px 0;}
.a_text{ width:870px; margin:0 auto; font-family:"宋体"; font-size:14px; color:#25272a; line-height:28px; margin-top:20px;}
.a_text img{ display:block; width:100%;}

/*浮动客服*/
#floatDivBoxs{width:130px;background:#3A3D42;position:fixed;top:180px;right:0;z-index:999;}
#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:#484B50;color:#fff;font-size:18px;text-indent:22px;position:relative;}
#floatDivBoxs .floatDqq{padding:0 14px;}
#floatDivBoxs .floatDqq li{height:45px;line-height:45px;font-size:15px;border-bottom:1px solid #e3e3e3; padding:0 0 0 50px;}
#floatDivBoxs .floatDtxt{font-size:15px;color:#333;padding:12px 14px 5px 14px;}
#floatDivBoxs .floatDtxtt{font-size:15px;color:#333;padding:1px 14px 5px 14px;}
#floatDivBoxs .floatDtel{padding:0 0 10px 10px;}
#floatDivBoxs .floatDtel img{display:block;}
#floatDivBoxs .floatDbg{width:100%;height:20px;background:url(../images/online_botbg.jpg) no-repeat;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
.floatShadow{ background:#fff;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
#rightArrow{width:50px;height:45px;background:url(../images/online_arrow.jpg) no-repeat;position:fixed;top:180px;right:130px;z-index:999;}
#rightArrow a{display:block;height:45px;}