@charset "utf-8";
/* CSS Document */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { font-size: 13px; margin: 0; padding: 0;}
input,textarea{ font-size:13px; font-family: "微软雅黑"; padding:0; color:#888}
img{ border:0;}
ul,ol{ list-style:none}
a{ text-decoration:none; color:#333;}
a:hover{ color:#005aab;}
body{ background-color:#fff; color:#575656; font:13px/1.5em "微软雅黑"; -webkit-font-smoothing: antialiased; min-width:1170px}
p{   font:13px/1.8em "微软雅黑"; }
.clear{ clear:both;}
.fl{ float:left;display:inline}
.fr{ float:right; display:inline}

.header{ background:#f8f8f8; width:100%; height:89px;}
.header_top{ position:relative; z-index:10; width:1000px; margin:0 auto; text-align:left; height:40px;}
.logo{ float:left; }
.h-right{ float:right; padding-top:20px; }
.h-right a{ display:inline-block; padding:0 10px; color:#666666; }
.h-right a:hover{ color:#53c3f1;}
 
.navbody{position:absolute; left:0;top:48px; width:100%; }
.navBar{  width:1200px; margin:0 auto;}
.nav{ margin-left:36%; }
.nav .m{ float:left; }
.nav h3{ display:block;  font-weight:normal; padding-bottom:13px; }
.nav h3 a{ display:block; color:#000;  padding:5px 20px; vertical-align:top;  font-size:15px; }
.nav .on{ border:0;  }
.nav .on h3 a{ background:#53c3f1; color:#fff; border-radius:20px; }
.nav .sub{ display:none; z-index:999; /*默认隐藏*/ width:100%;  position:absolute; left:0; top:41px; background:#53c3f1; height:48px; line-height:48px; }
.nav .sub li{  float:left;   }
.nav .sub li a{ display:block; color:#ffffff; font-size:14px;  }
.nav .sub em{ float:left; font-style:normal; display:block; color:#ffffff; padding:0 10px; }
.nav .sub li a:hover{ color:#005aab;    }

.nav #m1 .sub{  }
.nav #m2 .sub{ left:auto; right:0; }
.nav #m3 .sub{ left:auto; right:0; }
.nav #m4 .sub{ left:auto; right:0; }
.nav #m5 .sub{ left:auto; right:0; }
.nav #m6 .sub{ left:auto; right:0; }
.nav #m7 .sub{ left:auto; right:0; }

.nav #m2 .sub span{ display:block; width:600px;height:48px; }
.nav #m3 .sub span{ display:block; width:680px;height:48px; }
.nav #m4 .sub span{ display:block; width:760px;height:48px; }
.nav #m5 .sub span{ display:block; width:820px;height:48px; }
.nav #m6 .sub span{ display:block; width:880px;height:48px; }
.nav #m7 .sub span{ display:block; width:940px;height:48px; }

/*banner*/

.focus{ width:100%;  margin:0 auto; position:relative; overflow:hidden;   }
.focus .hd{ width:100%; height:11px;  position:absolute; z-index:1; bottom:5px; text-align:center;  }
.focus .hd ul{ display:inline-block; height:5px; padding:3px 5px; background-color:rgba(255,255,255,0.7); 
-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top;}
.focus .hd ul li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#8C8C8C; margin:0 5px;  vertical-align:top; overflow:hidden;   }
.focus .hd ul .on{ background:#00a2e9;  }

.focus .bd{ position:relative; z-index:0; }
.focus .bd li img{ width:100%;   background:url(images/loading.gif) center center no-repeat;  }
.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }

.index_head{ width:100%; background:#005aab; height:47px; line-height:47px; overflow:hidden;}
.head{ width:1000px; margin:0 auto;}
.head span{ color:#fff; display:inline-block; margin-top:7px;}
.txtScroll-top{ width:500px;  overflow:hidden; position:relative; }
.txtScroll-top .hd{ overflow:hidden;  height:47px; position:absolute; right:0;   }
.txtScroll-top .hd .prev,.txtScroll-top .hd .next{ display:block;  width:13px; height:8px;  margin-top:16px;  overflow:hidden;
 cursor:pointer; background: url(../images/top_img.jpg) no-repeat;}
.txtScroll-top .hd .next{ background: url(../images/bot_img.jpg) no-repeat; margin-top:2px; }
.txtScroll-top .bd{ width:400px; height:47px; line-height:47px; float:left; }
.txtScroll-top .infoList li{ height:47px; line-height:47px;   }
.txtScroll-top .infoList li a{ color:#fff; }
.txtScroll-top .infoList li .date{ float:right; color:#ffffff; margin:0; }
.txtScroll-top b { margin-right:4px; float:left; color:#fff; display:inline-block; width:60px;  }

/**/

.products{ width:1000px; margin:0 auto; text-align:center;}
.products h1{ padding:50px 0 20px; font-size:30px; color:#000; }
.products h1 b{  font-size:30px; color:#005aab;  }
.products .prod_head a{ color:#53c3f1;}
.products .scrollBox{ width:1000px; margin-top:40px; position:relative; }
.products .scrollBox .piclist{ overflow:hidden; zoom:1;}
.products .scrollBox .ohbox{overflow:hidden; position:relative; width:1000px; left:36px}
.products .scrollBox {position:relative;overflow:hidden;zoom:1; height:305px;}
.products .scrollBox .piclist li{float:left; display:inline; width:217px;  margin-right:14px; height:300px; }
.products .scrollBox .piclist li img{ width:217px; height:164px; }
.products .scrollBox .piclist li:hover{ border-bottom:5px solid #005aab; }
.products .scrollBox .piclist li b{ font-size:20px; color:#000; padding:30px 0 20px; display:block;}
.products .scrollBox .piclist li span{   }
.products .scrollBox .piclist li span em{ background:url(../images/m_img2.jpg) no-repeat; width:13px; height:13px; display:inline-block; vertical-align:middle; margin-left:6px;}
.products .scrollBox .pageBtn span{ display:block;width:37px;height:59px;position:absolute; top:72px;cursor:pointer;text-indent:-999em;overflow:hidden; }
.products .scrollBox .pageBtn .prev{left:0; background:url(../images/left_img.jpg) no-repeat;}
.products .scrollBox .pageBtn .next{right:0; background:url(../images/right_img.jpg) no-repeat;}
.products .scrollBox .pageBtn .list{overflow:hidden;zoom:1;margin:10px 0 0 413px; }
.products .scrollBox .pageBtn .list li{ background:url(images/bntBg.png); float:left; display:inline; width:15px;height:15px;background-position:-86px -57px ;cursor:pointer;margin-left:10px;line-height:10000px;overflow:hidden;  }
.products .scrollBox .piclist li:hover b{ color:#005aab;}
.products .scrollBox .piclist li:hover em{ background:url(../images/m_img1.jpg) no-repeat; }


.index_one{ width:100%; height:409px; overflow:hidden; background:#53c3f1;}
.one{ width:1000px; margin:0 auto; }
.one .one_left{ width:640px;}
.one .one_head{ height:117px; overflow:hidden; line-height:148px; font-size:24px; color:#fff;}
.one .one_head i{ font-size:18px; font-style:normal;}
.one .one_head a{ font-size:14px; color:#1f317f; }
.one .one_list dl{ float:left; width:200px; text-align:center; margin-right:20px; }
.one .one_list img{ display:block; border:5px solid #fff; box-shadow: 8px 8px 6px -6px #565656; width:200px; height:150px; }
.one .one_list dt { margin-bottom:20px;}
.one .one_list dd { margin-top:14px;}
.one .one_list dd p{ color:#fff; font-size:14px; padding:0 5px; }
.one .one_list  a{ display:block; color:#fff;}
.one .one_list dd a:hover{ color:#005aab;}

.one .one_right{ width:332px; }
.one .one_right dl{ width:332px; text-align:center; margin-right:20px; }

.cases{ width:1000px; margin:0 auto;}
.cases .cases_head{ height:110px; overflow:hidden; line-height:138px; font-size:30px; color:#000; text-align:center;}
.cases .cases_head i{ font-size:30px; font-style:normal; color:#005aab;}
.cases ul li{ float:left; width:250px; height:125px; overflow:hidden; position:relative;}
.cases ul li img{width:250px; height:125px;}
.cases ul li a{ display:block; }
 .cases ul li .htitle {
        width: 250px;height: 105px;background-image: url(../images/1.jpg);  position:absolute; left:0;top:-125px;
        text-align: center;color: white;font-size: 16px;padding-top: 20px;}

.cases dl{ margin-top:28px; margin-right:20px; width:320px; height:107px; background:#f8f8f8; float:left;}
.cases dl dt{ float:left; margin-right:10px;}
.cases dl h1{ font-size:18px; color:#000; padding:10px 0 4px;}
.cases dl dd{ margin-right:10px; position:relative; height:107px;}
.cases .case_more{ text-align: center; width:78px; height:27px; line-height:27px; background:#fff; position:absolute; right:0; bottom:10px;}

.bottom{ height:119px; margin-top:44px; background:#d8d8d8; width:100%;}
.bot{ width:820px; margin:0 auto; }
.bot p{ line-height:28px; color:#333;}
.bot .bot_left{ padding-top:28px; }
.bot .bot_right img{ vertical-align:middle; }

/**/

.main{ width:1000px; margin:25px auto 0;}
.main .main_left{ width:213px; background:#dbddde url(../images/left.jpg) no-repeat bottom; padding-bottom:40px;}
.main .main_left .left_head{ height:56px; font-size:22px; color:#fff; text-indent:1em; line-height:56px; background:#005aab;}
.main .main_left dl{ border-bottom:1px solid #c0c0c1; padding-bottom:20px; }
.main .main_left dl dt{ background:url(../images/left_01.jpg) no-repeat 8% 50%; height:48px; line-height:48px; margin-top:8px; text-indent:3.4em;}
.main .main_left dl dt a{ font-size:18px; color:#005aab;}
.main .main_left dl dd { line-height:38px; text-indent:1em; }
.main .main_left dl dd a{ font-size:14px; color:#000;}
.main .main_left dl dd a:hover{ color:#005aab;}
.main .main_left .left_ipt{ border-top:1px solid #e7e8e9; padding-top:18px; padding-left:17px; }
.main .main_left .left_ipt input{ display:block; }
.main .main_left .left_ipt .text{ padding:0 5px; width:167px; height:26px; border:1px solid #005aab; margin-bottom:12px;  }
#on a{ color:#005aab;}

.main .main_right{ width:760px;}
.main .main_right .right_head{ height:54px; line-height:54px; color:#005aab; font-size:24px; }
.main .main_right .right_head span{ color:#666; }
.main .main_right .right_head span a{ color:#666; }
.main .main_right .right_head span a:hover{ color:#005aab; }
.main .main_right .right_list{  }
.main .main_right .right_list ul li{ width:239px; height:310px; overflow:hidden; background: #fff url(../images/00.jpg) no-repeat bottom; float:left;   }
.main .main_right .right_list ul li img{ margin:18px; }
.main .main_right .right_list ul li h1{ margin:0 18px; font-size:14px; display:block; }
.main .main_right .right_list ul li i{ padding:10px 18px; font-size:12px; display:block; font-style:normal; color:#005aab; }
.main .main_right .right_list ul em{ display:block; float:left; width:17px; height:20px;}
.main .main_right .right_list .xx{ background:url(../images/07.jpg) repeat-x; height:2px; margin-bottom:23px;}

/**/
.fy{ margin:32px 0 20px; text-align: center; position:relative;}
.fy a{ display:inline-table; padding:5px 10px; border:1px solid #89c7fe; margin:0 5px; background:#fff; color:#005aab; }
.fy .on { background:#0492e4; color:#fff;}
.cpb{ display:inline-table; padding:5px 10px; border:1px solid red; margin:0 5px; background:red; color:#FFF; }

/**/

.cbody  { margin-left:auto; margin-right:auto;clear:both; width:1000px; padding-top:10px; clear:both;}
.cbody p { line-height:200%;}
.case_sort{ text-align:center; margin-bottom:20px;}
.case_sort_table{ clear:both}
.case_sort_table td a{ display:block; background:#00a74f;  padding:8px 20px; font-size:14px; color:#fff}
.case_sort_table td a:hover{  color:#e7e7e7}
.case_sort_table .case_sort_li_on a{  background:#d92622; }

.case_zw{ background: url(../images/word.jpg)  50% 10px no-repeat;}
.case_zw .case_head { }
.case_zw .case_head p{ text-align:center;}
.case_zw .case_head p b{ font-size:20px; font-weight:normal; color:#333333; display:block; padding-bottom:36PX; }

.products-why{background-color: #eaeaea;height:337px;padding: 46px 0 0;}
.products-why-con{width:1201px;height:337px;margin:0 auto;position: relative;}
.products-why-con-01{ background:url(../images/x2.jpg) repeat-x 0% 14px; margin:20px 0;}
.products-why-con-01 b{color: #333;font-size: 24px;line-height:28px;font-weight: normal; background:#ececec; padding-right:20px;}

.case li{float:left;display:inline; width:200px; height:175px;  background:url(../images/bg_case_f.png) center bottom no-repeat;position:relative;}
.case li .last{float:right;margin-right:0px;}
.case li .case_w{display:block;width:182px;height:150px;padding: 20px 10px 20px 10px; position:relative; }
.case li .case_w img{ background:#fff; padding:8px; border-radius:8px;}
.case li .case_w .fire{background:#000;opacity:0.5;filter:alpha(opacity=50);position:absolute;top:28px;left:18px;display: block;
                       width:166px;height:36px;z-index:2; font-size:14px; font-weight:bold; color:#FFFFFF; line-height:36px; overflow:hidden ; padding:0px;}
.case li .case_w  .x,.case li .case_w  .y{width:61px;height:61px;top:60px;position:absolute;z-index:3;display:none;}  
.case li .case_w  .x{ background:url(zoom-icon.png);}
.case li .case_w  .y{ width:166px; height:36px; line-height:36px; color:#FFFFFF;display: block;
                       position:absolute; top:28px;  font-size:14px;  overflow:hidden; text-align:center; padding:0px; left:18px;}
   
.news{  }

.news li{ overflow:hidden; width:100%; padding:20px 0; border-bottom:1px dotted #dbd4cd;}
.news .time{ float:left; width:60px;}
.news .conts{ float:right; width:685px;}
.news .day,.newslist .date{ background-color:#dbddde ;display:block; text-align:center; font-family:Arial; }
.news .day{ height:42px; line-height:42px; border-bottom:1px solid #fff; color:#000; font-size:30px;}
.news .date{ height:18px; line-height:18px; font-size:14px; background:#fff; display:block;}
.news  h3{  margin-top:-2px; font-size:14px; color:#757575;}
.news  h3 a{ font-size:14px;}
.news .more{ margin-left:8px;}

.feedback p { margin-bottom:10px;}


.feedback{ padding:20px 20px 0;}
.feedback input{ padding:0 5px; width:280px; height:28px; border:1px solid #ccc; border-radius:10px;}
.feedback textarea{ padding:5px; width:280px; border:1px solid #ccc; border-radius:10px;}
.feedback p{ margin:20px 0;}
.feedback span{ display:inline-table; width:48px; text-align:right; padding-right: 10px;}

.tj_tj{ background:#16aaeb; padding:5px 10px; color:#fff; border-radius:10px; border:none;}





.game163{ position: relative; overflow: hidden; width:775px; }
.game163 .bigImg{ height: 258px; position: relative;}
.game163 .bigImg li img{ vertical-align:middle; width:690px; height:445px;   }
.game163 .bigImg  h4{ font-size: 14px; background:#000; width:690px;  position:relative; opacity:0.5; line-height: 48px; height: 48px;  overflow: hidden; text-align: center; margin-top:-48px; }
.game163 .bigImg  h4 a{ color:#fff; position:relative; font-weight:normal; z-index:9999;}
.game163 .smallScroll{ height: 100px; background:#000; width:690px; }
.game163 .sPrev{ float: left; display: block; margin-top:45px; margin-left:28px; width: 16px; height:9px; text-indent: -9999px; background: url(../images/left_bq1.jpg) no-repeat; }
.game163 .sNext{ width: 16px; height:9px; margin-top:45px; float:right; background:url(../images/right_bq1.jpg) no-repeat; margin-right:28px;}

.game163 .smallImg{ float:left;  display:inline; width:579px; margin-left:14px; overflow: hidden; margin-top:3px;}
.game163 .smallImg ul{  width: 9999px; overflow: hidden; }
.game163 .smallImg li{ float: left; padding: 0 9px 0 0; width:108px; cursor:pointer;  display: inline;  }
.game163 .smallImg img{ width:108px; height:92px;  }
.game163 .smallImg .on img{ border-color: #fff;}