@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
body{ font-size:14px; COLOR: #000;font-family:微软雅黑; background:#f7f4f4}
h1,h2,h3,h4,h5,h6{ font-size:12px;}
a{ text-decoration:none; color:#666}
input{ margin:0px; padding:0px;vertical-align: middle;}
a:hover{ text-decoration:none; color:#F00}
ul{ list-style:none;}
li{ list-style:none;}
.clear{ clear:both; width:100%; height:0; overflow:hidden;}
img{ border:none;}
em{ font-style:normal;}
.c10{ height:10px;}
.c9{ height:10px;}
.c8{ height:10px;}
.cc{ height:5px;}
.c1{ height:1px}
.fl{ float:left; overflow:hidden}
.fr{ float:right; overflow:hidden}
.conm{ width:1000px; margin:auto;}
.conmc{ width:990px}

.head{ background:#fff; margin-bottom:5px; padding:5px 0}
.head .fl{ width:639px}
.head .fl img{height: 115px}
.head .fr{ width:341px;}
.cn_en{ text-align:right; padding-right: 25px;text-transform:Uppercase}
.cn_en a.ico{padding:5px 5px 5px 25px}
.cn_ico{ background:url(../images/cn_ico.png) no-repeat left center; padding-left:15px}
.en_ico{ background:url(../images/en_ico.png) no-repeat left center;}
.tel{ width:220px; float:right; padding-top:11px; line-height:22px;}
.tel img{ width:30px; float:left; padding-right:10px;}
.tel div{ float:left; font-size:18px; color:#1b8299;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif}
.h_ico { padding-top:5px; width:227px; float:right}
.h_ico li{ float:left; padding-left:10px}
.h_ico li:nth-child(2){display:none}

.nav{ height:32px; line-height:32px; background:url(../images/nav_bg1.jpg) repeat-x left center #145c6c; border-bottom:3px solid #cecece;}
.nav ul li{ float:left; font-size:14px; width:142px; text-align:center; background:url(../images/nav_r1.jpg) no-repeat right center;}
.nav ul li a{ color:#fff;display:block;width:142px; height:32px}
.nav ul li.nno{ background:none}
.nav ul li:hover{ background:#1b8299}
.nav .m{position:relative;  }
.nav .sub{ display:none; /*默认隐藏*/ padding:5px 10px 10px 10px;position:absolute; left:-35px; top:32px;  z-index:999;
background: #1b8299;
  filter:Alpha(opacity=90);/* 只支持IE6、7、8、9 */
  /*position:static; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
  *zoom:1;opacity:0.9; font-family:"微软雅黑";box-shadow:0 0 3px #1b8299; -moz-border-radius:4px; }
.nav .sub li{ background:none; width:220px; display:block;font-size:12px;}
.nav .sub li a{width:220px;}
.nav .sub li:hover{ background:#0f515f}
.product_l{ margin-right:-10px; margin-top:5px}
.product_l li{ float:left; }
.product_l li img{ width:306px}

.product_l li,.bigImg0,.smallScroll,.m_txt{ display:inline-block; position:relative; margin:0 10px 5px 0; padding:10px; background:#fafafa; box-shadow:0 0 3px rgba(0, 0, 0, 0.2); -moz-border-radius:4px;  color:#000; text-shadow:0 1px 0 #fff;}
.foot{ display:inline-block; position:relative; margin:0 10px 10px 0; padding:10px; background:#fafafa; box-shadow:0 0 3px rgba(0, 0, 0, 0.2); -moz-border-radius:4px; color:rgba(0,0,0, 0.8);}
.product_l li::before, .product_l li::after,.bigImg0::before,.bigImg0:after,.smallScroll::after,.smallScroll::before{ position:absolute; content:""; top:10px; bottom:15px; left:10px; width:50%; box-shadow:0 15px 10px rgba(0, 0, 0, 0.5); -webkit-transform: rotate(-3deg); -moz-transform:rotate(-3deg); -o-transform:rotate(-3deg); -ms-transform:rotate(-3deg); transform:rotate(-3deg); z-index:-1;}
.product_l li::after,.bigImg0::after,.smallScroll::after,.head::after{ right:10px; left:auto; -webkit-transform:rotate(3deg); -moz-transform:rotate(3deg); -o-transform:rotate(3deg); -ms-transform:rotate(3deg); transform: rotate(3deg);}

.product_l li:hover img{}

.foot{background:#3d3d3d;color:#787878; padding:30px 0}
.foot .fl{ padding-left:25px}
.foot .fl img ,.foot .fl .box{ float:left}
.foot .fl .box{ padding-top:3px;border-left: 1px solid #474b4e; padding-left:30px}
.foot .fl h1{ display:block; font-size:14px; padding-bottom:5px}
.foot .fl p{ line-height:22px;}
.foot .fl p.smaila{ padding-left: 44px;}

/* banner */
.game163{ position: relative;  overflow: hidden; width: 100%; margin-top:5px}
.bigImg0{ background:#fff; width:686px; float:left; margin-right:3px}
.game163 .bigImg{ height: 358px; position: relative; width:686px; float:left}
.game163 .bigImg li img{ vertical-align:middle; width:686px; height:358px;   }
.game163 .bigImg  h4{ position:absolute; width:628px; left:15px;bottom:5px; display:block;background: url(../images/bg.png) !important; padding:15px}

.game163 .smallScroll{ height: 358px; margin-bottom: 6px; float:left; width:271px; margin-right:0}
.game163 .sPrev,.game163 .sNext{ position:absolute;bottom:14px; right:60px; display: block; width: 10px; height: 9px; text-indent: -9999px; background: url(../images/bg_direction_nav.png) no-repeat; }
.game163 .sNext{ background-position: -12px 0; right:40px}

.game163 .smallImg{ float:left; display:inline; width: 270px; overflow: hidden; background:#fff;}
.game163 .smallImg ul{ height:358px;  width: 279px; overflow: hidden; }
.game163 .smallImg li{ padding: 15px 4px 3px 0; width:270px; cursor:pointer; height:63px; border-bottom:1px solid #cecece}
.game163 .smallImg img{ border: 1px solid #dcdddd; width:60px; height:45px; float:left; margin:0 10px 10px 0}
.game163 .smallImg li a div{float:left; width:190px; color:#000}
.game163 .smallImg li a div h1{ display:block; padding-bottom:2px; font-weight:bold; height:22px;line-height:22px; overflow:hidden;font-size:14px}
.game163 .smallImg li a div span{ line-height:20px; height:44px; display:block; width:190px; overflow:hidden;font-size:12px}
.game163 .smallImg li.on { background:#e3dfdf}


.game163 .pageState{ position: absolute; bottom: 20px; right: 255px; font-family: "Times New Roman", serif; letter-spacing: 1px; }
.game163 .pageState span{ color: #f00; font-size: 16px;}

.foot{ width:1000px; margin-right:0}
.head{ margin-right:0}

.m_txt{ text-indent:2em; background:#fff;line-height:22px;  border:1px solid #cecece; width:976px; overflow:hidden}
.m_txt0{background:#f7f4f4; padding:20px}

.b_banner{ padding: 5px 0 15px 0}
.b_banner img{ width: 1000px; height: 240px}
.con_b{}
.con_txt{ line-height: 25px}

.l_news dl{height:149px; border-bottom: 1px dashed #cecece; padding-top:18px}
.l_news dt{ width:202px; float:left; }
.l_news dt img{ width:200px; height:129px; border:1px solid #cecece}
.l_news dd{ float:right; width:680px}
.l_news dd h1{ display:block; height:50px; line-height:50px; font-size:14px; overflow:hidden}
.l_news dd p{ line-height:24px; height:48px; overflow:hidden; margin-bottom:10px}
.l_news dd em{ float:left; color:#cecece}
.l_news dd a.more{ float:right; color:#1d6ffd}

/*page*/
.page{width: 100%;margin: 20px 0; text-align: center}
.page .pagination{border-radius: 4px; text-align: center; width: 100%;height: 20px;}
.page .pagination li{ float: left; line-height: 20px }
.page .pagination li a,.page .pagination li span{border: 1px solid #ddd; padding: 6px 12px;margin-left: -1px;}
.page .pagination>li:first-child>a,.page .pagination>li:first-child>span{margin-left: 0;}
.page .pagination li span.current{ background: #eee}

h1.c_m_title{border-bottom: 1px dashed #CCCCCC;color: #333;font-family: "宋体";font-size: 22px;line-height: 40px;padding-bottom: 10px;margin-bottom: 10px;text-align: center;width:936px; overflow:hidden}
.info_con_tit {font-family: "宋体";line-height: 24px;margin-bottom: 15px;}
.info_con_tit .n_tit {text-align: center;color: #BCBBBB;}
.info_con_tit span {margin-right: 20px;}

.p_list{ margin-bottom: 25px}
.p_list .fl{ width: 255px}
.p_list .fr{ width: 730px;}
.sideMenu{ border:1px solid #ddd;  }
.sideMenu h3{ height:32px; line-height:32px; padding-left:10px;  border-top:1px solid #e3e3e3; background:#f4f4f4; cursor:pointer;font:normal 14px/32px "Microsoft YaHei";}
.sideMenu h3.on{ background: #fafaf9; font-weight: bold; font-size: 15px}
.sideMenu h3 em{ float:right; display:block; width:40px; height:32px;   background:url(../images/icoAdd.png) 16px 12px no-repeat; cursor:pointer; }
.sideMenu h3.on em{ background-position:16px -57px; }
.sideMenu ul{ padding:8px 10px; color:#999; display:none; /* 默认都隐藏 */ background: #fff }
.sideMenu ul li{ line-height:24px; line-height:24px}
.sideMenu h1{ display:block; width:253px; height:90px; padding-left:30px; padding-top:23px; background:#145c6c; color:#fff; font-size:24px; font-weight:bold; margin-bottom:2px}
.sideMenu h1 em{ display:block; font-weight:normal; text-transform:uppercase}

.l_product{ margin-right: -12px}
.l_product li{ float:left; padding-bottom: 25px; width: 235px; padding-right: 12px}
.l_product li span{ font-size:12px;display: block; height: 50px; line-height: 25px; width: 235px; text-align: center; overflow: hidden}
.l_product li img{width: 235px; height: 138px }
.l_products li{ position: relative}
.l_products img.p_top{ position: absolute; width: 109px; height: 26px; right: 12px; top:0;}

.p_text{ margin-bottom: 25px}
.p_text .fl{ width: 729px}
.p_text .fl img{ width: 729px; height: 423px}
.p_text .fr{ width: 225px; border: 1px solid #cecece; padding: 15px; overflow: hidden}
.p_text .fr .scroll li img{ width: 228px; height: 134px}
.p_text .fr .scroll li{}
.style-box-c-title{ display: block; height: 35px; line-height: 35px; padding-bottom: 8px}
.p_text .fr .scroll li span{ display: block; width: 235px; height: 40px; line-height: 28px; text-align: center; overflow: hidden; height: 56px;font-size:12px;}
.ctc{border: 1px #b1b1b1 solid;background-color: #ffffff;width: 998px;padding-bottom: 5px; margin-top:15px; overflow:hidden}
#con_help_s_1{ background-color: #f3f3f3;border-bottom: 1px #ddd solid;height: 40px;line-height: 40px;}
#con_help_s_1 ul li{ display: block;float: left;height: 40px;position: relative;line-height: 40px;padding: 0 25px;border-right: 1px #ddd solid;cursor: pointer;}
#con_help_s_1 ul li.hover {background-color: #fff;height: 41px;margin-bottom: -1px;}
.con_txt{ padding: 10px 20px}
/*.p_text0{ border: 1px solid #cecece}*/
.p_button{ border: 1px solid #b1b1b1; margin-top: 15px; height: 40px;background-color: #fff;
  box-shadow: 0 0 18px 0 rgba(20, 92, 108, 0.82); padding:10px 0 10px 20px}
.p_button a,.b_video{ float: left; margin-right: 25px}
.p_button a.r_product{ height: 20px; line-height: 20px; text-align: center; color: #fff; background: #145c6c; border-bottom: 1px solid #145c6c; padding:10px 25px;border-radius: 3px; font-size: 14px; float: right}
.p_button a.r_product:hover{ background: #30889c; color: #fff}
.b_video{border: 1px solid #d6d6d6;border-radius: 3px; height: 38px; line-height: 38px; width: 350px; padding-left: 15px; font-size: 14px}
#d_clip_b{ height: 38px;border-radius: 3px; border: 1px solid #cecece; padding: 0 15px; cursor: pointer; color: #30889c}
.b_video{ margin-right: 8px}

.a_title {font-weight: 600;font-size: 14px;height: 40px;line-height: 40px; overflow:hidden;text-align: center;padding: 10px 0 10px 0; width:727px; border:1px solid #cecece; border-bottom: none}
.lx_article{padding-top: 25px; line-height: 35px; height: 70px; padding-bottom: 25px}
.lx_articlef{ display:block; float:right;color: #fff;border: 1px solid #cecece;border-radius: 3px;font-size: 14px;  height: 40px; line-height: 40px; background: #b2adad; text-indent:0; padding:0 5px;text-transform:Uppercase}
.lx_articlef:hover{ color: #fff}

.p_home{ border: 1px dotted #cecece; height: 45px; line-height: 45px; text-align: right; padding-right: 25px; margin-bottom: 15px; display: none}
.p_home a:first-child{ background: url(../images/home.png) left center no-repeat; padding-left: 26px}