@charset "utf-8";

body {margin: 0px;padding: 0px; font-family:"微软雅黑";font-size:12px;color:#666666;line-height:26px;}
td {font-size: 12px;}
img {border:none;}
form,input,select,button {vertical-align:middle; margin: 0px;padding: 0px; font-family:"微软雅黑";color:#5a6a79; font-size:14px;}
p,ul,li,h1,h2,h3,h4,h5,dl,dt,dd,em,div,i,b {margin: 0px;padding: 0px; font-style:normal; list-style:none; text-indent:0px;}
a:active{star:expression(this.onFocus=this.blur());} 
:focus{outline:none;}
a:focus,button:focus{outline:none; -moz-outline:none;}
::-moz-focus-inner{border:0px;outline:none;}
p{ text-indent:2em;}

.clear {margin:0px; padding:0px; clear:both;}
.fl{ float:left;}.fr{ float:right;}

/* ----- Links ----- */
a {text-decoration:none; color:#666666;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
a:hover {text-decoration:underline;color:#06afe3;}
*:hover{transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
a..detail{ font-family:"幼圆";}

/* ----- top css ----- */
.version{height:23px; text-align:right; background-color:#06afe3; line-height:19px;}
.version dl{ text-align:right; width:1000px; margin:0px auto; padding-top:2px; }
.version a{ display:inline-block; padding:0px 6px; color:#fff; margin-left:1px; height:19px;}
.version a:hover,.version a.current{ color:#000; text-decoration:none; background-color:#98def3;}

#head{ width:1000px; margin:0px auto; height:110px;}
#head a.logo{ display:block; background:url(../images/logo.jpg) 0px no-repeat; width:111px; height:110px; float:left;}

/* ----- Navigation ----- */
.topnav{ position:relative; z-index:999;}
#nav { float:right;}
#nav li{ float:left;}
#nav li .aon a{display:block;height:64px; line-height:26px; border-left:1px solid #dcdbdb; padding-top:46px; width:108px; text-align:center;font-size:14px; color:#000000;}
#nav li .aon a:hover{ background-color:#06afe3;}
#nav li .aon .sele{color:#fff; text-decoration:none; background-color:#06afe3;}
#nav #home a{ width:73px; border-left:0px; margin-right:17px;}
.subnav{ display:none; line-height:45px; top:110px; left:0px; position:absolute; width:100%; background:url(../images/bgnav.png);}
.subnav a{ font-size:14px; margin-left:52px;}.subnav a:hover,.subnav a.current{ color:#06afe3;}
.subnav dl{ width:1000px; margin:0px auto;}

.banner{position:relative;  height:470px; overflow:hidden; z-index:0;}
.banner .bd{ position:relative; z-index:0; height:470px; overflow:hidden;}
.banner .bd ul{ width:100% !important;}
.banner .bd li{ width:100% !important; height:470px; }
.banner .bd li a{ height:553px; display:block;}
.banner .prev,
.banner .next{ position:absolute; left:50%; top:216px; display:block; margin-left:-570px; width:41px; height:81px; background: url(../images/arrow_ban.png) 0px 0px no-repeat;}
.banner .next{ left:auto; right:50%; background-position:right 0px; margin-right:-570px;}

.prosearch{ background-image:url(../images/searchbg.gif); clear:both; height:52px;}
.prosearch dl{ width:1000px; margin:0px auto;height:44px; line-height:39px; color:#fff; font-size:14px; padding-top:8px;}
.prosearch dl .tel{ display:inline-block; vertical-align:middle; width:191px; height:39px; background-image:url(../images/tel.gif);}
.prosearch dl .search{ float:left;}
.prosearch dl .search input{ float:left;}
.prosearch dl .search .input{ color:#2c307a; padding-left:7px; height:35px; line-height:35px; border:0px; width:359px;}
.prosearch dl .key{ padding-left:36px; float:left;}
.prosearch dl .key a{ margin-left:14px; color:#fff;}.prosearch dl .key a:hover{color:#ffcc00;}

.titlei{ text-align:center; font-size:18px; background:url(../images/titlebg.gif) 0px bottom repeat-x; line-height:25px;}
.titlei span{ line-height:52px; display:block; font-size:24px;}
.titlei em{ display:inline-block; padding-left:12px; background: #fff url(../images/dot.gif) 0px 8px no-repeat; font-family:"幼圆";}
.titlei em i{ display:inline-block; padding-right:12px; background: url(../images/dot.gif) right 8px no-repeat;}
.titlei em b{ color:#000; font-weight:bold; font-family:"微软雅黑";}

.aboutus{ width:1000px; margin:0px auto; padding-top:68px; height:380px;}
.aboutus .text{ padding:43px 0px 0px 15px; width:452px; float:left;}
.aboutus .text a.detail{ padding-left:14px; display:block; width:97px; line-height:30px; background:url(../images/morebg.gif) 0px top no-repeat; font-size:14px;}
.aboutus .img{ float:right; margin-top:37px;}

.productbg{ padding-top:38px; height:637px; background:url(../images/productbg.jpg) center top no-repeat;}
.productbg .titlei{ margin-bottom:40px;}
.productbg .titlei em { display:inline-block; padding-left:7px; background: url(../images/dot.gif) 0px 8px no-repeat; font-family:"幼圆";}
.productbg .titlei em i{ display:inline-block; padding:0px 12px 0px 5px; background: url(../images/dot2.gif) right 0px no-repeat;}
.product{ height:400px; position:relative;margin:0px auto; width:1000px;}
.product ul{ overflow:hidden; zoom:1; line-height:26px;}
.product ul li{ float:left; padding:7px 10px 0px 10px; width:284px; height:391px; overflow:hidden; border:1px solid #e1e1e1; background-color:#fff; margin-right:38px;text-align: center;}
.product ul li a:hover{color: #fff;}
.product ul li img{ display:block; margin:0px auto 31px;}
.product ul li span{line-height: 40px;}
.product .prev,
.product .next{ position:absolute; left:-91px; top:280px; display:block; width:41px; height:81px; overflow:hidden; background: url(../images/arrow_pro.png) 0px top no-repeat; cursor:pointer; }
.product .next{ left:auto; right:-91px; background-position: right top;}
.product .prevStop{ display:;}
.product .nextStop{ display:;}
.product a.detail{ text-align:left; padding-left:16px; width:95px; font-size:14px; line-height:30px;background-image:url(../images/morebg2.gif); display:block; margin:21px auto 0px;}
.product li:hover{ border:1px solid #06afe3; background-color:#06afe3; color:#fff;}
.product li:hover a.detail{ background-image:url(../images/morebg2on.gif); color:#fff;}
.product li:hover a{color: #fff;}
a.more{ margin:150px auto 0px; width:56px; height:56px; display:block; background-image:url(../images/morebg3.png);}

.newscon{ width:1000px; margin:0px auto; padding-top:63px; height:529px;}
.newscon .img{ float:left; width:477px; background-image:url(../images/newsimgbg.gif); margin-top:59px;}.newscon .img img{ display:block; margin:0px auto;}
.newscon ul{ float:right; width:496px; margin-top:58px;}
.newscon li{ margin-bottom:18px; background-color:#f1f1f1; line-height:24px; padding:0px 19px 0px 0px; height:92px;}
.newscon li .time{ font-family:"幼圆"; width:92px; margin-right:22px; height:92px; background-color:#e8e8e8; color:#b0b0b0; font-size:16px; text-align:center; float:left;}
.newscon li .time span{ margin-bottom:5px; display:block; line-height:53px; font-size:52px; padding-top:5px; border-bottom:1px solid #d3d3d3;}
.newscon li .title{ line-height:37px; padding-top:6px; font-size:16px;}
.newscon li .title a{ color:#333;}
.newscon li:hover{ background-color:#06afe3; color:#8fdbf2;}
.newscon li:hover .title a{ color:#fff;}
.newscon li:hover .time{ color:#fff; background-color:#04a5dc;}.newscon li:hover .time span{ border-bottom:1px solid #fff;}

.frindlink{ background-color:#e1e1e1; padding:8px 0px 4px 0px;}
.frindlink dl{ position:relative; width:1000px; margin:0px auto;}
.frindlink dl dt{ top:-16px; left:0px; position:absolute; width:77px; height:37px; float:left; text-align:center; color:#fff; font-size:14px; background-color:#06afe3; padding-top:16px;}
.frindlink dl dd{ padding-left:85px;}
.frindlink dl dd a{ display:inline-block; margin-right:33px;}

/*subbody*/
.bansub{height:300px;}
.searchsub{ background-color:#ececec; clear:both; height:52px;}
.searchsub dl{ width:1000px; margin:0px auto;height:41px; color:#fff; font-size:14px; padding-top:11px;}
.searchsub dl .search{ float:right;}
.searchsub dl .search input{ float:left;}
.searchsub dl .search .input{ color:#cfcfcf; padding-left:7px; height:35px; line-height:35px; border:0px; width:359px;}

.mainbox{ width:1000px; margin:0px auto; padding-bottom:50px;}
.titles{ text-align:center; padding:45px 0px 35px 0px; line-height:37px; background:url(../images/titles.gif) 0px center repeat-x;}
.titles span{ min-width:201px; display:inline-block; background:#fff url(../images/dot3.gif) 0px 31px no-repeat; font-size:24px;}
.titles span em{ display:inline-block; background:url(../images/dot3.gif) right 31px no-repeat; padding:0px 35px; font-family:"幼圆";}
.titles span em i{ display:block; font-size:37px; font-family:Georgia, "Times New Roman", Times, serif; text-transform:uppercase;}

.menusub { height:38px;position: relative;}
.menusub .place{ line-height:38px; float:right; padding:0px 17px 0px 21px; background:url(../images/icons.gif) 0px 9px no-repeat; position: absolute; top: 0;right: 0;}
.menusub ul li{ float:left; margin-left:-1px; text-align:center;}
.menusub ul.tidnav li a{ display:inline-block; min-width:106px; font-size:14px; padding:0px 5px; line-height:32px; border:1px solid #dddddd;transition:all 0 linear; -webkit-transition:all 0 linear;}
.menusub ul li a:hover,.menusub ul li a.current{ color:#fff; text-decoration:none; border:0px; padding:0px 6px; line-height:34px; height:38px; background:url(../images/menuon.gif) center top no-repeat;}

.menusub ul.cidnav li a{ display:inline-block;font-size:14px; padding:0px 12px;border:1px solid #dddddd;transition:all 0 linear; -webkit-transition:all 0 linear;}
.menusub ul{width: 100%;display: block;height: 32px;float: left;}
.menusub ul.cidnav li a{height: 26px;line-height: 26px; background-color:#eee;}
.menusub ul.cidnav{margin-top: 10px;}

.date { width:952px; margin:0px auto 20px;overflow:hidden;height:43px;position:relative; background:url(../images/datebg.gif);}
.date ul {position:absolute;z-index:1; left:35px;}
.date ul li {float:left;width:60px;height:33px; padding:0px 10px 0px 10px; line-height:20px; cursor:pointer; text-align:center; background:url(../images/dateon.gif) 10px top no-repeat; color:#000000;}
.date ul li.on{ color:#fff; background:url(../images/dateon.gif) 10px bottom no-repeat;}
.date .change_a { background: #fff url(../images/arrow_date.gif) 0px 4px no-repeat; width:36px;height:40px;position:absolute;display:block;top:3px;cursor:pointer;z-index:10}
.date .prev_a { background-position:0 4px;left:0px;}
.date .next_a { background-position:right 4px;right:0px;}

#play {position:relative;}
#play .img_ul {position:relative;z-index:1;}
#play .course { margin:0px 51px 0px 58px;}
#play .course td{ font-size:14px;}
#play .course .ltd{ background:url(../images/tdbg1.gif) 0px center no-repeat; padding-left:6px; width:97px;}
#play .course .rtd{ background-color:#dcdcdc; padding:12px 13px; width:764px;}
#play .course tr:hover .ltd{ background:url(../images/tdbg2.gif) 0px center no-repeat!important; color:#fff!important;}
#play .course tr:hover .rtd{ background-color:#06afe3!important; color:#fff!important;}

.contactus .list li{ padding:16px 31px 0px 32px;}
.contactus h2{ font-weight:normal;color:#333333; font-size:14px; background:url(../images/dtbg.gif) 0px top no-repeat;cursor:pointer; }
.contactus h2 span{ float:right; font-size:12px; color:#666;}
.contactus .up{color:#017cc0;padding:5px 17px 0px 30px; height:42px; line-height:42px;}
.contactus .down{padding:0px 17px 0px 30px; height:40px; line-height:40px;}
.contactus .con{ border-left:1px solid #cccccc; border-right:1px solid #cccccc; line-height:22px; padding:16px 40px 25px 40px; display:none;}	
.contactus .point{ background:url(../images/ddbg.gif) 0px bottom no-repeat; height:7px; margin-top:-7px;}	
.contactus .yq dt{ color:#333;}	
.contactus .yq dd{ background:url(../images/arrow.gif) 0px 6px no-repeat; padding-left:17px; margin-left:26px;}	

.newslist .frist{ padding:40px 9px 0px 3px; height:279px; font-size:14px;}
.newslist .frist .text{ float:right; width:473px; line-height:26px;}
.newslist .frist .text .time{ padding:15px 0px 18px 0px; color:#a2a2a2;}
.newslist .frist .text a{ font-size:22px;}
.newslist .frist .text p{ text-indent:0em; padding-top:21px;}
.newslist .frist .text a.detail{ font-size:14px; float:right; display:block; color:#06afe3; padding-left:13px; line-height:28px; width:85px; background-image:url(../images/morebg4.gif);}
.newslist ul{ background:url(../images/linebg.gif) 0px top repeat-x; padding-top:1px; margin-left:3px; font-size:14px;}
.newslist li{ background-image:url(../images/listbg.gif); height:46px; line-height:46px; padding:0px 11px 0px 6px;}
.newslist li span{ color:#a2a2a2; float:right;}
.newslist li a{ background:url(../images/arrow2.gif) 0px center no-repeat; padding-left:14px;}
.newslist li:hover{ background-image:url(../images/listbgon.gif);}
.newslist li:hover span{ color:#06afe3;}
.newslist li:hover a{ color:#06afe3;}

.pagefy{ text-align:center; clear:both; padding-top:58px; line-height:28px;}
.pagefy a{ display:inline-block; text-align:center; width:28px; border:1px solid #dddddd; vertical-align:middle; background-color:#f6f6f6; margin-left:-1px;}
.pagefy a:hover,.pagefy a.current{ background-color:#06afe3; color:#fff; text-decoration:none;}
.pagefy a.fy{ width:50px;}

.contact{ float:left; width:362px; height:474px; background-color:#06afe3; color:#fff;}
.contact .logo{ padding-top:39px; width:292px; height:144px; margin-left:25px; background:url(../images/logos.gif) 0px 39px no-repeat;}
.contact li{ margin:22px 5px 0px 18px; padding-left:26px;}
.contactbg{ background: #fcfcfb url(../images/contactbg.jpg) center top no-repeat;}

.feedback{ border:1px solid #ededec; background-color:#f6f6f6; padding:17px 0px 0px 0px;box-shadow: 1px 1px 5px #e0e0de; margin-top:23px;}
.feedback .img{ padding-top:12px; float:left;}
.feedback ul{ float:left;}
.feedback li{ padding-top:12px;}
.feedback li span{ display:inline-block; text-align:right; width:138px; font-size:14px;}
.feedback li a{ color:#8e8e8e; font-size:12px;}

.products{ width:1021px; padding-top:9px; margin-left:-21px; color:#333333; font-size:14px;}
.products dd{ float:left; width:313px; height:424px; overflow:hidden; border:3px solid #d6d6d6; background-color:#fff; margin:25px 0px 0px 21px; display:inline;text-align: center;}
.products a{ color:#333;}
.products dd a:hover{color: #fff;}
.products dd img{ display:block; margin:0px auto 8px;}
.products dd span{line-height: 40px;}
.products a.detail{ text-align:left; padding-left:16px; width:95px; font-size:14px; line-height:30px;margin:9px auto 0px; display:none;}
.products dd:hover{ border:3px solid #06afe3; background-color:#06afe3; color:#fff;}
.products dd:hover a.detail{ display:block; background-image:url(../images/morebg2on.gif); color:#fff;}
.products dd:hover a{color: #fff;}

.prodetail{ margin:45px 0px 48px 0px; background-color:#06afe3;}
.prodetail .info{ padding:27px 0px 0px 24px; width:305px; float:left;}
.prodetail .info li{ font-size:14px; color:#fff; padding-left:23px; border-bottom:1px solid #47c4ea; line-height:35px;}

.slideTxtBox{background:#fff; border:1px solid #dfdfdf; border-top:0px;}
.slideTxtBox .hd{ height:42px; line-height:42px;background-image:url(../images/titlebgs.gif); font-size:14px; }
.slideTxtBox .hd ul{ overflow:hidden; zoom:1;  }
.slideTxtBox .hd ul li{ float:left; text-align:center; font-weight:bold; font-family:"宋体";}
.slideTxtBox .hd ul li a{ display:inline-block; min-width:113px; padding:0px 10px; background:url(../images/line.gif) right bottom no-repeat; height:42px;cursor: pointer;}
.slideTxtBox .hd ul li a:hover{ text-decoration:none;}
.slideTxtBox .hd ul li.on {background-image:url(../images/titlebgson.gif); }
.slideTxtBox .hd ul li.on a{color:#06afe3;}
.slideTxtBox .con{ line-height:26px; font-size:14px; padding:22px;}

/* ----- font ----- */
.Arial {font-family:Arial, Helvetica, sans-serif;}
.gray{ color:#333333;}

.content{ line-height:26px; padding:31px 0px 0px 0px; font-size:14px; clear:both;}

.cen{ text-align:center; border-bottom:1px solid #eeeeee; line-height:36px; padding:20px 0px 3px 0px; color:#a2a2a2; font-size:14px; clear:both;}
.cen span{ display:block; font-size:22px; color:#666666;}

.prevn{ clear:both; font-size:14px; border-top: 2px solid #06afe3; height:42px; line-height:42px; padding:0px 12px; margin-top:25px;}

/* ----- form ----- */
.btn_1 { width:117px; height:32px; color:#fff; font-size:14px; background: #06afe3; border:none; cursor:pointer;}

.input_1 { padding-left:10px; border:1px solid #e0e0de; width:292px; height:32px; line-height:32px;}
.input_2 { vertical-align:top; padding-left:10px; border:1px solid #e0e0de; width:372px; height:174px; line-height:32px;}

.select1{ width:187px; height:22px; color:#656565; letter-spacing:0.2em;}

/* ----- footer ----- */
#footer{ clear:both; background-color:#2f2f2f;color:#9d9ea1; line-height:23px; color:#bebebe; padding:0px 0px 8px 0px; text-align:center;}
#footer a{ color:#bebebe;}#footer a:hover{ color:#ffcc00;}
#footer a.logob{ margin:0px auto; display:block; width:298px; height:192px; background-image:url(../images/logob.gif);}
#footer .add{ background:url(../images/iconb1.gif) 0px top no-repeat; padding-left:22px; margin-right:58px; color:#fff;}
#footer .tel{ background:url(../images/iconb2.gif) 0px top no-repeat; padding-left:23px; margin-right:37px; color:#fff;}
#footer .tel i{ width:90px; height:23px; display:inline-block; vertical-align:middle; background-image:url(../images/tel2.gif);}
#footer .mail{ background:url(../images/iconb3.gif) 0px top no-repeat; padding-left:25px; color:#fff;}
#footer a.sina{ background:url(../images/sina.gif) 0px top no-repeat; display:inline-block;; width:37px; height:31px; margin:21px 0px 24px 0px;}
#footer a.wx{ position:relative; display:inline-block; background:url(../images/wx.gif); width:38px; height:31px; margin:21px 27px 24px 0px;}
#footer a.wx img{ position:absolute; bottom:31px; left:-80px;}
.noinfo{width:100%;text-align: center;margin-top: 20px;}