@charset "utf-8";
/*重置样式*/
body, textarea{font:12px/1.5 Tahoma,Arial,'微软雅黑',sans-serif;color:#333;background-color:#FFF;}
body.mainbg {background-color:#fff;}
div.mainborder {width:1000px;border:solid 1px #D5D5D5;margin:15px auto;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {margin:0px;padding:0px;}
table tr td .row {padding-bottom:0px;}
input, select, textarea, button{vertical-align:middle;}
img{border:0px;}
ul, ol{list-style:none;margin:0px;padding:0px;}
li{list-style:none outside none;}
a{color:#00b4ff;text-decoration:none;}
a:hover{color:#000;text-decoration:none;}
.clear{clear:both;}
/*头部*/
body{background:url(../images/back.jpg);}
.nav_box{width:100%; background-color:#fff; height:100px;}
.nav_box .nav{width:1200px; margin:0 auto; height:80px;}
.clear{clear:both;}
.nav .left{float:left; margin-top:20px;}
.nav .right{margin:0; float:right;}
.right h2{margin:0; font-size:22px; color:#00b4ff; margin-top:30px; font-weight:normal;}
.banner_box{width:100%; position:relative; overflow:hidden; height:500px;}
.banner_box .banner{ position:relative; width:3000px;}
.banner img{ float:left;}
.banner_box .btn{position:absolute; bottom:24px; left:640px;}
.btn input{width:20px; height:20px; border-radius:50%; margin-left:20px; background-color:#5a5a5a; border:none; outline:none;}
.btn .current{background-color:#00b4ff;}
.btn input:hover{cursor:pointer;}
.tiao{width:100%; height:10px; background-color:#00b4ff;}
.znav_box{width:100%; background-color:#00b4ff; }
.znav{ width:1200px; height:50px; margin:0 auto;}
.znav li{float:left; width:130px; border-right:1px solid #fff; margin-top:14px; height:20px;}
.znav a{color:#fff; font-size:16px; text-align:center; display:block;}
/*内容*/
/*关于我们*/
.content_box{width:100%; background-color:#00b4ff;}
.content{width:1200px; margin:0 auto;}
.content .video{width:600px; float:left; height:500px;}
.content .about_box{width:600px; float:left; height:500px;}
.about{margin-top:60px;}
.about h3{font-size:24px; color:#fff; font-weight:normal; letter-spacing:2px; margin-left:50px; margin-bottom:10px;}
.about p{font-size:14px; color:#fff;}
/*产品中心*/
.cp_box{width:100%;}
.cp{width:1200px; height:600px; margin:0 auto; padding-top:30px;}
.cp h3{font-size:24px; color:#00b4ff; font-weight:normal; letter-spacing:2px; text-align:center;}
.tu_box .tu{width:300px; height:200px; border:1px solid #00b4ff; float:left; margin-top:20px; margin-right:20px;}
.tu span{font-size:14px; width:300px; height:22px; text-align:center; display:block;}
/*新闻中心*/
.new_box{width:100%; background-color:#00b4ff;}
.new_box .new{width:1200px; margin:0 auto; height:400px; padding-top:30px;}
.title h3{font-size:24px; color:#fff; font-weight:normal; letter-spacing:2px; text-align:center;}
.title img{ margin-left:490px; margin-top:20px;}
.icon_box{width:1000px; margin:0 auto;}
.new .icon{width:100px; height:100px; float:left; margin-right:200px; margin-top:30px;}
.icon span{width:100px; height:30px; display:block; text-align:center;}
.icon a{color:#fff; font-size:14px;}
.icon a:hover{ color:#000;}
.wz_box{width:836px; margin:0 auto; height:200px; margin-top:60px;}
.wz_box li{height:50px;}
/*资质荣誉*/
.zz_box{width:100%; background-color:#00b4ff;}
.zz{width:1200px; margin:0 auto; height:340px;}
div.indexmaindiv{height:270px;margin:0px auto;width:1010px;}
div.indexmaindiv div.playerstyles{width:168px;height:44px;background:url(../images/playstyles.png) no-repeat;}
div.indexmaindiv1{margin-top:25px;}
div.indexmaindiv1 div.stylesgoleft{float:left;width:21px;height:28px;background:url(../images/arrowhead.png) no-repeat left top;margin:106px 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:106px 5px 0px 0px;cursor:pointer;}
div.indexmaindiv1 div.playerdetail{width:172px;height:245px;font-family:'微软雅黑';}
div.indexmaindiv1 div.playerdetail div.detailimg{width:172px;height:124px;}
div.indexmaindiv1 div.playerdetail div.detailimg img{width:172px;height:115px;}
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:106px 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:106px 0px 0px 15px;cursor:pointer;}
.fhdb_box{position:fixed; right:20px; bottom:20px; width:54px; height:54px;}
/*滚动*/
div.maindiv1{float:left;width:937px;height:245px;overflow:hidden;position:relative;}
div.maindiv1 ul{position:absolute;left:0;top:0;}
div.maindiv1 ul li{float:left;width:172px;height:245px;margin-left:13px;}
/*页脚*/
.foot_box{width:100%; background-color:#fff;}
.foot_box .foot{width:1200px; margin:0 auto; height:200px;}
.foot .text_box{width:270px; float:left; margin-top:20px; margin-right:30px;}
.text_box p{font-size:14px; color:#00b4ff; line-height:38px; letter-spacing:1px;}
.foot .er_box{width:300px; height:160px; border-left:1px solid #00b4ff; float:right; margin-top:10px;}
.er_box .er{margin-left:30px;}
.er p{font-size:14px; color:#00b4ff; line-height:30px;}
.er img{margin-left:20px;}
/*底部*/
.footer_box{width:100%; height:50px; background-color:#00b4ff; border-top:1px solid #fff;}
.footer{width:1200px; margin:0 auto; padding-top:10px;}
.te_box{ text-align:center;}
.te_box p{font-size:12px; color:#fff;}
/*左侧*/
/* sidebar */
.sidebar { width:230px; float:left; position:relative; z-index:100; }
.leftNav { width:230px; margin-bottom:20px;  }
.leftNav .thead { width:230px; height:50px; line-height:50px; background:#00b4ff; font-family:"Microsoft Yahei"; font-size:18px; color:#FFF;  text-align:center; }
.leftNav .tbody { width:228px; border-left:1px solid #acacac; border-right:1px solid #acacac; border-bottom:2px solid #00b4ff; }
.leftNav .list { width:200px; margin-left:28px; padding-top:10px; margin-bottom:20px; }
.leftNav .item { width:170px; height:33px; background:url(../images/bg_3.gif) 0 bottom repeat-x; position:relative; }
.leftNav .item a.nav2 { display:block; width:200px; height:34px; line-height:34px; background:url(../images/ui_2.gif) left 0 no-repeat; color:#333; font-family:"Microsoft Yahei"; position:relative; top:-1px; _top:-1px; }
.leftNav .hover a.nav2 { background:url(../images/ui_2.gif) left -35px no-repeat #00b4ff; color:#FFF; }
.leftNav .item span { margin-left:45px; }
.leftNav .drop { position:absolute; left:201px; top:0; width:149px; border:1px solid #ddd; border-left:0; background:url(../images/bg_1.gif) 0 0 repeat-y #FFF; padding-bottom:15px; display:none; }
.leftNav .item2 { width:110px; height:30px; line-height:30px; margin:0 auto; background:url(../images/bg_3.gif) left bottom repeat-x; }
.leftNav .item2 a { padding-left:10px; }
.leftNav .item2 a:hover { color:#00b4ff; }
/* leftContact */
.leftContact { background:url(../images/p1.gif) center top no-repeat; line-height:25px; padding-top:100px; }
/*公司简介*/
.pagein{width: 100%; overflow:hidden}
.companypage{width: 800px;margin:0 auto;padding: 20px 0;}
.companypage img{max-width: 800px;}
.companypage p{line-height: 30px;font-size: 14px; color: #5E5D5D;  font-family: "微软雅黑"; }
/*新闻动态*/
.clr:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clr {display: inline-block;}
.clr p{ height:40px; color:#00b4ff; font-size:16px; text-align:center; margin-top:10px;}
.clr li p:hover{color:#fff;}
html[xmlns] .clr {display: block;}
* html .clr {height: 1%;}
.news{}
.news_main{width:800px;margin: 0 auto; padding-bottom: 30px;}
.news_main ul{}
.news_main ul li{width:800px; padding:30px 0;border-bottom:1px solid #cdcdcd;}
.news_main ul li .pic { float:left; width:240px; height:160px; border:2px solid #fff;}
.news_main ul li .pic img{display: block;}
.news_main ul li .info{float:right; display:inline;width: 770px; color:#787878; line-height:36px; font-size:12px; }
.news_main ul li .info .a_hidden{width:540px;line-height:24px; padding:0px 0px 0px 0px;color:#00b4ff; font-size:14px; font-weight:bold;}
.news_main ul li .info .txt{display: block;width:746px; line-height:26px; color:#7d716b; text/-indent:22px; height:104px; overflow:hidden; padding:10px 0 0 0;}
.news_main ul li .info .data{width:735px; color:#777777; height:20px; padding:10px 0 0 0; line-height:20px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.news_main ul li:hover{background: #f5f5f5;}
.newsdetail{width:800px;margin: 0 auto; padding-top: 50px;}
.newsdetail_title{color:#3d516c; font-size:20px; font-weight:bold; text-align:center; padding-bottom:12px; border-bottom:1px dashed #d7d7d7;}
.newsdetail_info{padding:14px 0 18px 0; text-align:center;}
.newsdetail_info span{ display:inline-block;margin-right: 10px;}
.newsdetail_main{padding-top:20px;}
.prevandnext{ padding:50px 14px 70px 14px;}
.prevandnext a{color:#d82926;}
.prevandnext a.prev{ float:left;}
.prevandnext a.next{ float:right;}
.prevandnext a:hover{ text-decoration:underline;}
/*分页*/
.page{text-align: center; padding-bottom: 30px;}
.page span{ line-height:26px;}
.page a{ display:inline-block;padding:4px 10px;border:1px solid #d7d7d7;}
.page a.activity,.page a:hover{ background-color:#00b4ff; color:#fff;}
/*内页列表分页*/
.page {padding-top:50px; padding-bottom:40px; text-align:center; clear:both; height:30px;}
.page a { font:12px/30px "Helvetica"; margin:2px; padding:5px 8px; border: 1px solid #CDCACA; color: #979797; text-decoration:none; }
.page a:hover { border:1px solid #00b4ff; color:#fff; }
.page a:active { border:1px solid #00b4ff; color:#6A6A6A; }
.page span { margin:2px; padding:5px 8px; border:1px solid #CFCFCF; color:#CFCFCF; font-size:12px; }
.page span.strong { margin:2px; padding:5px 8px; border:1px solid #CFCFCF; font-weight:bold; color:#fff;  }
/*翻篇*/
.customnotice{width: 800px;margin:0 auto;padding: 20px 0;}
.customnotice img{max-width: 800px;}
.customnotice p{line-height: 30px; font-size: 14px;  color: #5E5D5D; font-family: "微软雅黑"; }
/*产品展示*/
.clientwitness{}
.clientwitness_main{width: 800px;margin: 0 auto;}
.clientwitness_main ul{padding: 40px 0 30px 70px;}
.clientwitness_main ul li{width:276px;float: left;background: #e5e5e5;padding: 2px; margin-right: 25px; margin-bottom:30px}
.clientwitness_main ul li .pic{width:276px;height: 204px;display: block;}
.clientwitness_main ul li .pic img{display: block;max-width: 276px;max-height: 276px;}
.clientwitness_main ul li .name{width: 100%;height:30px;line-height:30px;font-size: 21px; text-align: center;padding: 10px 0;}
.clientwitness_main ul li:hover{background: #00b4ff;}
.clientwitness_main ul li:hover .pic{background:url(../images/bg_pc.jpg) center;}
.clientwitness_main ul li:hover .name{color: #fff;}
.productdetail{width: 800px;margin:0 auto;padding: 30px 0;}
.productdetail_pic{width: 410px;float: left;}
.productdetail_item{padding-top: 20px;}
.productdetail_content{float: left;width: 500px;padding-left: 30px;}
.productdetail_info{width: 100%;padding-top: 20px;}
.productdetail_info ul{}
.productdetail_info ul li{ height:40px;}
.productdetail_info ul li span{ float:left; font-size:14px; line-height:40px;text-align: center;}
.productdetail_info ul li strong,.productdetail_info ul li em,.productdetail_info ul li a{float:left;font-size:14px;line-height:40px;}
.productdetail_info ul li strong{font-size:18px;line-height:30px;}
.productdetail_sharebaidu{width: 100%;padding-top: 30px;}