@charset "utf-8";
/* CSS Document */

/*页面全局样式*/
body {margin:0px; padding:0px; font-size:14px;font-family:"微软雅黑";color:#323232;background:#fff;}
ol,ul,li,dl,dt,dd,form,p,h1,h2,h3,h4,h5{ margin:0px; padding:0px;}
ol,ul,li{ list-style:none;}
img{ border:none;}
a{ color:#323232; text-decoration:none;}

.clear{ clear:both;}
input,textarea{ outline:0; resize:none; border:none; border-width:0;}
input{ margin:0; padding:0;}
.auto{ margin:0 auto; width:1000px; }
.fl{ float:left; _display:inline;}
.fr{ float:right; _display:inline;}
.clear{clear:both;}
.clear-fix{ *overflow: hidden; *zoom:1;}
.clear-fix:after { display: table; content: ""; width: 0; clear: both; }
.center{max-width:1200px;margin:0 auto; min-width:320px;}
.last{margin-right:0 !important;}
.br-no{ border-right:none !important;}
img{display:block;max-width:100%;height:auto\0;}

/*首页*/
.wap{ width:100%; overflow:hidden;}
.logo{margin-left:10px; width:34%; margin-top:1.5%;}

.header-bg{ position:absolute;max-width:1200px; min-width:320px;margin:0 auto; max-height:70px; background:rgba(255,255,255,0.9); z-index:999;top: 0; left: 0; bottom: 0; right: 0;  }

.nav{ width:46%; margin-left:2%;}
.nav ul.yi-ul>li{ float:left; line-height:5em;  width:17%;  text-align:center;}
.nav ul.yi-ul>li.first{ width:11%;} 
.nav ul.yi-ul>li>a{ display:block; color:#006666; font-size:16px;}
.nav ul.yi-ul>li:hover ul.er-ul{ display:block;}
.nav ul.yi-ul>li:hover>a{ background:#006666; color:#fff;}
.nav ul.yi-ul>li a.cur{ background:#006666; color:#fff;}
.nav ul.er-ul{ display:none; background:#fff; width:200%;}
.nav ul.er-ul>li{line-height:2.5em; width:100%;}
.nav ul.er-ul>li>a{ display:block; color:#323232; text-align: left; text-indent:1em; font-size:16px;}
.nav ul.er-ul>li:hover>a{background:#006666; color:#fff;}
.form{ width:15%; border:1px solid #939393; border-radius:20px;  margin-top:1.5%; margin-right:15px;}
.search{ height:32px; background:none; text-indent:1em;  width:76%;}
.submit{ background:url(../images/sear_06.png) no-repeat 50% 50%;width:18px; height:32px;  width:24%;}

/*隐藏的导航*/
.hide-menu{ display:none}
.menu-btn{ position:absolute; top:10%; right:1%; display:none;}
.menus{ width:100%; position:absolute; right:0; top:45px; background:rgba(255,255,255,1); z-index:1111; }
.arrow-down{border-bottom:solid 9px #dedede; border-left:solid 9px transparent;border-right:solid 9px transparent;height:0;width:0; position:absolute;right:8%; top:-4%; }
.menus ul{ width:95%; margin:10px auto;}
.menus li{ height:32px; margin-bottom:5px;}
.menus li a{ display:block; line-height:32px; text-align:center; font-size:16px; height:32px; -webkit-border-radius:3px;color:#006666;}
.menus li a:hover{ background:#006666; color:#fff;}

/* banner图 */
.banner{ min-height:120px;} 
.banner img{ width:100%; vertical-align: middle; min-height:120px;}
/* rslides */
.rslides{position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0;}
.rslides li{-webkit-backface-visibility:hidden;position:absolute;display:none;width:100%;left:0;top:0;}
.rslides li:first-child{position:relative;display:block;float:left;}
.rslides img{display:block;height:auto;float:left;width:100%;border:0;}
/*pager*/
.callbacks_tabs.callbacks1_tabs{margin-top:-40px; position: absolute;z-index:100; left:48%;}
.callbacks_tabs.callbacks1_tabs li{display:inline-block;width:12px;height:12px;margin-left:5px;border-radius:10px;position:relative; background:#989898;}
.callbacks_tabs.callbacks1_tabs li a{display:inline-block;width:12px;height:12px;border-radius:10px;position:absolute; left:0; z-index:1000; color:rgba(100,200,300,0);color:transparent;}
.callbacks_tabs.callbacks1_tabs li.callbacks_here a{background:#006666;}
/* Callback example */
.callbacks_container{position:relative;max-width:100%;text-align:center;}
.callbacks{position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0;}
.callbacks li{position:absolute;width:100%;left:0;top:0;}
.callbacks img{display:block;position:relative;z-index:1;height:auto;width:100%;border:0;}
.callbacks .caption{display:block;position:absolute;z-index:2;font-size:20px;text-shadow:none;color:#fff;background:#000;background:rgba(0,0,0, .8);left:0;right:0;bottom:0;padding:10px 20px;margin:0;max-width:none;}
.callbacks_nav{display:none;}

.footer{ color:#fff; border-top:3px solid #006666; background:#282626;}
.footer a{ color:#fff;}
.footer a:hover{ color:#006666;}
.footer-l{ margin-top:3%; margin-bottom:4%; width:87%;}
.footer-r{ margin-top:3.5%;margin-bottom:4%; width:12%;}
.footer-r p{ text-align:center; line-height:2em;} 
.footer-nav{}
.footer-nav a{ display:inline-block;}
.footer-nav span{ display:inline-block; margin:0 3%;}
.footer-link{ margin-top:1.5%;}
.footer-link span.sp1{ width:8%;}
.footer-link span.sp2{ width:90%;}
.footer-link a { display:inline-block; margin:0 1%;}
.footer-cy {margin-top:1.5%;}
.footer-cy p{ line-height:2.5em;}

.main-ul{ margin:3% 0;}
.main-ul ul li{  width:22.5%; overflow:hidden; margin-right:3%; float:left; text-align:center; border:1px solid #dcdcdc; border-bottom:2px solid #323232;}
.ic{ width:100%; max-height:145px; overflow:hidden;}
.main-ul ul li:hover .icon{
-webkit-transform: scale(1.25);
-moz-transform: scale(1.25);
-o-transform: scale(1.25);
transform: scale(1.25);
}
.icon{
	position:relative; z-index:11;
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-transition: -webkit-transform .6s cubic-bezier(.190, 1.000, .220, 1.000);
    transition: transform .6s cubic-bezier(.190, 1.000, .220, 1.000);
}
.main-ul ul li a h3{ font-weight:bold; color:#323232; font-size:18px; margin-top:2%;}
.main-ul ul li a h4{ font-weight:bold; color:#a3a3a3; font-size:14px; font-family:Arial;margin-bottom:3%; margin-top:1%;}
.main-ul ul li:hover h3{ color:#006666;}
.main-ul ul li:hover h4{ color:#006666;}


.cp{ margin:2% 0;}
.cp-l{ width:18%;}
.cp-l-h h1{ background:url(../images/jscs-hr_03.png) repeat-x 50% 50%;}
.cp-l-h h1 span{ background:#fff; font-size:26px; display:inline-block; width:60%; line-height:2em;}
.cp-l-ul>ul>li{ border-bottom:1px solid #dcdcdc; line-height:2.5em; text-indent:5px; background:url(../images/jscs_03_07.png) no-repeat 96% 50%;}
.cp-l-ul>ul>li:hover{background:url(../images/jscs_03_11.png) no-repeat 96% 13px;} 
.cp-l-ul>ul>li:hover>dl{ display:block;}
.cp-l-ul>ul>li>dl{ display:none;}
.cp-l-ul>ul>li>dl>dd{line-height:3em;}
.cp-l-ul>ul>li>dl>dd a{ color:#606060; display:block;}
.cp-l-ul>ul>li>dl>dd:hover{ background:#006666;}
.cp-l-ul>ul>li>dl>dd:hover a{ color:#fff;}

.cp-l-ul>ul>li>dl>dd:hover ul.san-ul{ display: block;}
.cp-l-ul>ul>li>dl>dd>ul.san-ul{ display:none; background:#fff;}
.cp-l-ul>ul>li>dl>dd>ul.san-ul li{line-height:2.5em; font-size:12px; text-indent:10%;}
.cp-l-ul>ul>li>dl>dd>ul.san-ul li a{ color:#333;}
.nav_img{margin:0 auto; display:none;}
.nav_img img{width:14%;}

.ztcd{ width:100%;  }
.cdtb{ width:100%; position:relative; top:0px; left:0;}
.yccd{ width:30%;  position:absolute;right:-32%; top:0; top:100%; z-index:999; background:#bdbdbd;}

.yc_nav{padding:6px 0; font-size:16px; display:none;}
.yc_nav > ul > li{  padding:0px 0 0px 25px; line-height:36px;}
.yc_nav > ul > li .xb{display:none; margin-left:5px;}
.yc_nav ul  ul { display: none;} 
.yc_nav ul li ul li{  padding:0px 0 0px 10%;}
.yc_nav > ul li.cur .xb{display:inline-block;}
.yc_nav > ul li.cur a{ color:#006666;}



.cp-r{ width:79%;}
.cp-r-h{ border-bottom:1px solid #c7c7c7; position:relative;}
.cp-r-h h4{ line-height:3em;}

.cp-ul{ margin-top:3%;}
.cp-ul ul li{ float:left; margin-right:3.5%; width:31%;text-align:center;}
.cp-ul ul li img{ border:1px solid #dcdcdc; vertical-align:middle;} 
.cp-ul ul li p{ font-size:16px; line-height:4em;}
.cp-ul ul li:hover p{ color:#006666;}
.cp-icon{ padding:3% 0;text-align:center;text-align:-moz-center;}
.cp-icon img{ vertical-align:bottom; width:25%;}

.ym{ text-align:center; padding:3% 0;}
.ym img{ margin:0 auto;}
.cp-tab-nav{ border:1px solid #d1d1d1;}
.cp-tab-nav ul li{ float:left; width:16.6666%; box-sizing:border-box; text-align:center; line-height:2.8em;border-right:1px solid #d1d1d1;}

.cp-tab-nav ul li:hover a{ display:block;background:#006666; color:#fff;}
.cp-tab-nav ul li a.active{ display:block;background:#006666; color:#fff;}
.table table{ border:1px solid #d1d1d1; margin-top:2%;}
.table table tr{ line-height:3em;}
.table table tr:nth-child(even){ background:#fff;}

.table table tr:nth-child(odd){ background:#efefef;}
.table table th{ text-align:center; background:#006666; min-width:65px; color:#fff; border-right:1px solid #d1d1d1;} 
.table table td{ text-indent:1em; color:#525252;border-right:1px solid #d1d1d1;}  
.table table td:nth-child(2){ width:12%;}
.table table th:nth-child(1){ min-width:92px;}
.table table th:nth-child(2){ min-width:40px;}

.wd { position:relative; margin-bottom:30%;}
.tab{ display:none;}

.wd p{ line-height:3em; margin-top:2%;}
.wd a.download{ display:inline-block; padding:1% 3%; margin-top:5%; background:#cc0000; font-size:16px; text-align:center; color:#fff;}

.tab-on{ display:block;}

.liuyan{ margin:2% 9% 6% 9%;}
.liuyan label {
display: block;
margin: 0px;
}

.ly-l input{ border:1px solid #c5c5c5; width:75%; margin:2% auto; padding:1% 0;}
.ly-l span{ display:inline-block; width:16%;}
.ly-l img{ display:inline-block; margin-left:1%;}
.ly-l{ width:50%;}
.ly-r{ width:50%;}
.ly-b span.ly-span{ float:left; margin-top:2%;}
.ly-b span{display:inline-block; width:8%; letter-spacing:1px;}
.ly-b textarea{border:1px solid #c5c5c5; width:87.5%; margin-top:1%; height:150px;}
.ly-b input{border:1px solid #c5c5c5; width:15%;margin:2% auto; padding:0.5% 0;}
.ly-b img{ display:inline-block; vertical-align: middle; margin-left:2%;}

.about{ margin-top:1%;}
.left-nav{ width:12%; position:fixed; left:1%; top:auto;
}
.left-nav-h h1{ font-size:26px;}
.left-nav-ul ol{ margin-left:20px; background:url(../images/ol_hr_03.jpg) repeat-y 95% 0;}
.left-nav-ul ol li{ list-style:url; cursor:pointer; line-height:2.5em; font-size:16px; color:#4c4c4c; background:url(../images/3c_12.jpg) no-repeat 96.5% 50%;}
.left-nav-ul ol li:hover{ color:#006666; background:url(../images/3c_07.jpg) no-repeat 99% 50%;}
.left-nav-ul ol li.active{ color:#006666; background:url(../images/3c_07.jpg) no-repeat 99% 50%;}

.right-content{ width:85%;}
.right-content-h{ margin-top:4.5%; border-left:6px solid #006666;background:url(../images/jscs-hr_03.png) repeat-x 50% 50%;}
.right-content-h span{ background:#fff; padding:0% 1%; font-size:20px;}
.kfml{ margin:1% 0;}
.tdjs-left{ width:32%;}
.tdjs-right{ width:65%;}
.tdjs-right ul li{ font-size:16px; color:#255796; background:url(../images/list-style-img_07.jpg) no-repeat  0 50%; text-indent:6%; line-height:3em;}
.gswh p{ margin-left:3%; font-weight:bold; font-size:18px; color:#255796;}
.gswh p img{ display:inline-block; margin:2% 2%; width:11.9%;}
.lxwm p{ color:#4e4e4e; margin:2% 0 4% 2%; line-height:2em;} 

.zljk{ margin:3% 0;}
.zljk-ul{ width:49%; margin-right:1%;}
.zljk-ul ul li{ float:left; margin-right:2%; text-align:center; width:31%;}
.zljk-ul ul li img{ padding:1px; border:1px solid #dcdcdc;} 
.zljk-ul ul li h4{ margin-top:6%;}

.cc{ }
.cc p{ text-indent:2em; line-height:1.5em; padding-right:1%; margin:2% 0;}
.cc-icon img{display:inline-block; margin:1% 2%; width:18%;}