﻿/* CSS Document */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th { margin: 0; padding: 0; outline: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
::selection { background: #ff6600; color: #FFF; }
::-moz-selection { background: #ff6600; color: #FFF; }
*:after, *:before { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: optimizeLegibility; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
a:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
a:hover, a:active { outline: 0; }
ul, ol, li { list-style: none; }
img { width: auto\9; height: auto; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic;  }
html, body { -webkit-user-select: none; font-size: 62.5%; /* 禁止选中文本（如无文本选中需求，此为必选项） */ user-select: none; }
body { width: 100%; -webkit-text-size-adjust: none; font-size: 1.2rem; line-height: 160%; color: #333; font-weight:lighter; }

a { color: #333; text-decoration: none; outline: none; -webkit-touch-callout: none; }
a:hover { color: #cc0000; text-decoration: none; }
/*缺省结束*/

.menu{ width:100%; height:71px; position:absolute; top:0; z-index:9; }
.menu .menu_bg{ width:100%; height:71px; position:absolute; background:#000; filter:alpha(opacity=30); -moz-opacity:0.3; -khtml-opacity: 0.3; opacity: 0.3; z-index:7; }
.menu .nav{ width:1200px; position:absolute; top:0; left:50%; margin-left:-500px; z-index:9;}
.menu .nav li{ float:left; }
.menu .nav li a{ display:block; height:71px; line-height:71px; padding:0 30px 0 70px; font-size:18px; font-weight:bold; color:#000; }
.menu .nav li a:hover{ background:url(../images/menu_bg.png) 20px center  no-repeat; color:#fff; }
.menu .nav li a.active{ background:url(../images/menu_bg.png) 10px center no-repeat; color:#fff; }

/* banner */
.banner{ width:100%; height:980px; overflow:hidden; position:relative; }
.banner .hd{ height:15px; overflow:hidden; position:absolute; bottom:10px; left:20px; z-index:1; }
.banner .hd ul{ overflow:hidden; zoom:1; float:left;  }
.banner .hd ul li{ float:left; margin-right:10px;  width:30px; height:5px; line-height:14px; text-align:center; background:#333; cursor:pointer; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius:10px; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.banner .hd ul li.on{ background:#cc0033; color:#fff; width:50px; }
.banner .bd{ position:relative; height:100%; z-index:0;   }
.banner .bd li{ zoom:1; vertical-align:middle; }
.banner .bd img{ width:1920px; height:980px; display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.banner .prev,
.banner .next{ position:absolute; left:3%; top:80%; margin-top:-25px; display:block; width:32px; height:40px; background:url(images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=100);opacity:1.0;   }
.banner .next{ left:auto; right:3%; background-position:8px 5px; }
.banner .prev:hover,
.banner .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.banner .prevStop{ display:none;  }
.banner .nextStop{ display:none;  }

/* slideTab1 */
.slideTab1{ width:1200px; text-align:left; margin:0 auto;  }
.slideTab1 .hd{ position:relative; }
.slideTab1 .hd ul{ float:left;  position:absolute; left:180px; top:-1px; height:32px; margin:auto;  }
.slideTab1 .hd ul li{ float:left; cursor:pointer; background:url(../images/tab1_btn_bg.png) no-repeat; width:170px; height:50px; line-height:50px; text-align:center; color:#fff; font-size:18px; margin:0 50px; }
.slideTab1 .hd ul li.on{ background:url(../images/tab1_btn_bg.png) 0 -50px no-repeat; }
.slideTab1 .bd{ margin-top:100px; min-height:700px; overflow:hidden; background:url(../images/js-qie-bj.png) no-repeat 500px 80px;  }
.slideTab1 .bd ul{ padding:15px;  zoom:1;  }
.slideTab1 .bd li{ height:24px; line-height:24px; }
.slideTab1 .div{ width:500px; padding-top:200px; padding-left:80px; }
.slideTab1 span{ float:right; font-size:14px; display:block; color:#999;}

/* slideTab2 */
.slideTab2{ width:1200px; text-align:left; margin:0 auto;  }
.slideTab2 .hd{ position:relative; padding-top:300px; }
.slideTab2 .hd ul{ float:left; width:800px; position:absolute; left:50%; margin-left:-370px;  }
.slideTab2 .hd ul li{ float:left; cursor:pointer; background:#333366; width:190px; height:44px; line-height:44px; text-align:center; color:#fff; font-size:18px; margin:0 30px;-moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius:30px; }
.slideTab2 .hd ul li.on{ background:#cc0000; }
.slideTab2 .bd{ overflow:hidden; width:100%; margin-top:100px; }
.slideTab2 .bd ul{ padding:15px;  zoom:1; width:100%; overflow:hidden; }
.slideTab2 .bd ul li{ width:33%; float:left; text-align:center; }
.slideTab2 .bd ul li img{ width:360px; height:260px; }
.slideTab2 .bd ul li a{ color:#242f73; }
.slideTab2 .bd ul li a:hover{ color:#cc0000; }
.slideTab2 .bd ul li strong{ display:block; font-size:20px; line-height:200%; margin-top:20px; }
.slideTab2 .bd ul li p{ font-size:14px; color:#4b4b4b; }
.slideTab2 .bd a.promore{ display:block; width:100px; text-align:center; font-size:14px; color:#323232; background:url(../images/con4_more_icon.png) top center no-repeat; padding-top:50px; margin:0 auto; clear:both; margin-top:30px; }
.slideTab2 .bd a:hover.promore{ color:#cc0000; }
.slideTab2 .bd ul li ul{width:70%; text-align:center; margin:0 auto;}
.slideTab2 .bd ul li ul li{ width:50%; }


.homenews{ width:1200px; position:absolute; left:50%; margin-left:-600px; bottom:50px; }
.homenews li{ width:30%; float:left; margin-right:3%; }
.homenews li .newstitle1, .homenews li .newstitle2, .homenews li .newstitle3{ width:188px; height:46px; margin-bottom:30px; }
.homenews li .newstitle1{ background:url(../images/news-bt01.png) no-repeat; }
.homenews li .newstitle2{ background:url(../images/news-bt02.png) no-repeat; }
.homenews li .newstitle3{ background:url(../images/news-bt03.png) no-repeat; }
.homenews li p a{ display:block; line-height:200%; color:#333; font-size:14px; }
.homenews li p a:hover{ color:#cc0000; }
.homenews li p a span{ font-size:10px; padding-right:10px; }
.homenews li .newsmore{ margin-top:20px; }
.homenews li .newsmore a{ color:#666; font-size:14px; }
.homenews li .newsmore a:hover{ color:#cc0000; }


.homecontact{ width:100%; position:absolute; left:0; bottom:120px; text-align:center; }
.homecontact .bg{ width:100%; background:#000; height:80px; position:absolute; filter:alpha(opacity=25); -moz-opacity:0.25; -khtml-opacity: 0.25;	opacity: 0.25; z-index:5; }
.homecontact p{ font-size:14px; color:#fff; position:absolute; z-index:6; width:100%; line-height:150%; padding:15px 0; }
.homefoot{ width:100%; position:absolute; left:0; bottom:40px; text-align:center; }
.homefoot .bg{ width:100%; background:#000; height:80px; position:absolute; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5;	opacity: 0.5; z-index:5; }
.homefoot p{ font-size:12px; color:#fff; position:absolute; z-index:6; width:100%; line-height:150%; padding:15px 0; font-family:arial; }
.homefoot p a{ color:#fff; }


