﻿@charset "utf-8";
/* CSS Document */
/*---------- base ---------*/
*,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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0; vertical-align: baseline; background: transparent;}
html{color:#333333;}
body{ font:12px "Microsoft YaHei","微软雅黑",Verdana,Arial,Tahoma;}
img{ border:none; display:block; margin:0 auto; transition: all 0.36s ease-out; -moz-transition: all 0.36s ease-out; -ms-transition: all 0.36s ease-out; -o-transition: all 0.36s ease-out; -webkit-transition: all 0.36s ease-out;}
a{ color:#333333; text-decoration:none; -webkit-transition: all 0.36s;-moz-transition: all 0.36s;-ms-transition: all 0.36s;-o-transition: all 0.36s;transition: all 0.36s;}
a:hover{ /*color:#0079d1;*/ color:#ffc001; text-decoration:none;}
ul,li{list-style:none; margin:0px; padding:0px;}
ul::after{content: ''; height: 0; display: block; visibility: hidden; clear: both;}
input,select,button{font:12px Verdana,Arial,Tahoma;vertical-align:middle;}
.clear{overflow:hidden; clear:both;}
.clearfix:before, .clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;}
.clearfix{	zoom:1; }
.fl{ float:left;}
.fr{ float:right;}
.middle{ width:100%; max-width:1200px; margin: 0 auto; overflow:hidden;}

#back-to-top{position:fixed;bottom:5%;left:95%;}
#back-to-top a span{ display:block; height:50px; width:50px; background:url(../images/return_top.png) no-repeat center center; margin-bottom:5px; -moz-transition:background 1s;-webkit-transition:background 1s;-o-transition:background 1s;}
#back-to-top a:hover span{background:url(../images/return_top.png) no-repeat center center;}

.sub-nav{ width:100%; margin:0 auto; padding:0; text-align:left; overflow:hidden;}
.sub-nav .logo{ width:20.5%; overflow:hidden;}
.sub-nav .logo a{ display:block; padding:0 0 10px 0;}
.sub-nav .w60{ width:50%; overflow:hidden;}

/* --------- 导航 ----------------*/
#navMenu{ padding:0; margin:0 auto; text-align:center; overflow:hidden;}
#navMenu ul{ display:block; margin:0 auto; padding:0; text-align:center; overflow:hidden;}
#navMenu ul li{ display:block; float:left; width:18%; margin:40px 1% 0; padding:0; text-align:center;}
#navMenu ul li a{ display:block; position:relative; line-height:50px; font-size:16px; color: rgba(119, 119, 119, 1); text-align:center;}
#navMenu ul li a:hover{ color: #02afff;} 
#navMenu ul li.hover a{ line-height:50px; font-size:16px; color: #02afff;}

/*-------- 下拉菜单 --------------*/
.dropMenu {position:absolute; top:0; z-index:100; width:150px; margin:-1px 0 0 0; padding:0; visibility: hidden;}
.dropMenu li { margin:0; padding:0; text-align:center; height:50px; background:#000; filter:alpha(opacity=80) !important;opacity:0.8 !important; border-bottom:1px #666 solid;}
.dropMenu li:hover{ background:#ee1d22; color:#FFF; filter:alpha(opacity=100) !important;opacity:1 !important; cursor:pointer;}
.dropMenu li a { width:100%; display: block; line-height:40px; padding:5px 0; margin:0; font-size:15px; color:#FFF; -webkit-transition: all 0s;-moz-transition: all 0s;-ms-transition: all 0s;-o-transition: all 0s;transition: all 0s; text-align:center;}
.dropMenu li a:hover { color:#FFF; background:#ee1d22; text-decoration:none;}

/*-------- 轮播图 --------------*/
.banner{width:100%; height:660px; margin:0 auto; text-align:center; clear:both; overflow:hidden;}
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.focusBox { position: relative; width:100% !important; text-align:center; overflow: hidden; }
.focusBox .pic{ position:relative; z-index:0; height:660px;overflow: hidden;}
.focusBox .pic li{ width:100%; height:660px; overflow: hidden;}
.focusBox .pic li:nth-of-type(2) a{ display:block; margin:0 auto; padding:10% 0 0 0;}
.focusBox .pic img { display: block; margin:0 auto 0 18.75%; }
.focusBox .hd { width:100%; position:absolute; bottom:10px; text-align:center; z-index:10; padding:0px; overflow:hidden;}
.focusBox .hd li{ display:inline-block; *display:inline; margin: 4px 5px; height: 5px; width: 28px; padding:0; cursor: pointer; zoom:1; background:#FFF; filter:alpha(opacity=80); opacity:0.8; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; overflow: hidden;}
.focusBox .hd .on{ background:#006aa4; filter:alpha(opacity=100); opacity:1;}
.focusBox .prev,
.focusBox .next { width: 60px; height: 60px; margin: -48px 0px 0px; display: none; background: url(../images/vbg01.png) 0 0 no-repeat rgba(0,0,0,.3); position: absolute; top: 50%; z-index: 10; cursor: pointer; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; /*background: url(../images/arrow_left.png) no-repeat 0 0; filter:alpha(opacity=70); opacity:0.7;*/}
.focusBox .prev { left: 0%; }
.focusBox .next { /*background: url(../images/arrow_right.png) no-repeat; background-position: 0px 0px;*/ background: url(../images/vbg01.png) -45px 0 no-repeat rgba(0,0,0,.6); right:0%;}
.focusBox .prev:hover,
.focusBox .next:hover { filter:alpha(opacity=90) !important;opacity:0.9 !important;  }

.ys{ width:100%; margin:0 auto; padding:50px 0; text-align:center; overflow:hidden;}
.ys h1{ line-height:42px; font-weight:normal; font-size: 26px; overflow:hidden;}
.ys h2{ line-height:40px; font-weight:normal; font-size:14px; color: rgb(119, 119, 119); overflow:hidden;}
.ys .wbox-c{ padding:30px 0; margin:0 auto; text-align:center; overflow:hidden;}
.ys .wbox-c ul{ display:block; overflow:hidden;}
.ys .wbox-c ul li{ position:relative; width:20%; float:left; overflow:hidden;}
.ys .wbox-c ul li:nth-of-type(2):after{ content:''; position:absolute; display:block; height:95px; width:1px; top:26%; left:0%; background:#ECECEC;}
.ys .wbox-c ul li:nth-of-type(2):before{ content:''; position:absolute; display:block; height:95px; width:1px; top:26%; right:0%; background:#ECECEC;}
.ys .wbox-c ul li:nth-of-type(3):before{ content:''; position:absolute; display:block; height:95px; width:1px; top:26%; right:0%; background:#ECECEC;}
.ys .wbox-c ul li:nth-of-type(4):before{ content:''; position:absolute; display:block; height:95px; width:1px; top:26%; right:0%; background:#ECECEC;}
.ys .wbox-c ul li p{ line-height:26px; padding:0; margin:0 auto; font-size:12px; text-align:center; overflow:hidden;}
.ys .wbox-c ul li p img{ display:block; margin:0 auto;}
.ys .wbox-c ul li h3{ line-height:42px; font-size:14px; font-weight:normal; text-align:center; overflow:hidden;}
.ys .wbox-e{ padding: 0; margin:0 auto; text-align:center; overflow:hidden;}
.ys .wbox-e .ys01{ background:url(../images/img02.png) no-repeat center center; min-height:345px; text-align:left; border-radius: 10px 10px; -webkit-border-radius: 10px 10px; -moz-border-radius: 10px 10px; overflow:hidden;}
.ys .wbox-e .ys01 h4{ padding:6% 0 0 5%; line-height:50px; font-size:26px; font-weight:normal;}
.ys .wbox-e .ys01 p{ padding:0 0 0 5%; line-height:30px; font-size:14px;}
.ys .wbox-e .ys02{ background:url(../images/img03.png) no-repeat center center; min-height:233px; margin:30px auto 0; text-align:left; border-radius: 10px 10px; -webkit-border-radius: 10px 10px; -moz-border-radius: 10px 10px; overflow:hidden;}
.ys .wbox-e .ys02 h4{ padding:6% 0 0 50%; line-height:50px; font-size:26px; color:#FFF; font-weight:normal;}
.ys .wbox-e .ys02 p{ padding:0 0 0 50%; line-height:30px; font-size:14px; color:#FFF;}

.idea{ width:100%; margin:0 auto; padding:0; background:url(../images/bg01.jpg) no-repeat center center; min-height:680px; text-align:center; overflow:hidden;}
.idea h1{ padding:50px 0 0 0; line-height:42px; font-weight:normal; font-size: 26px; overflow:hidden;}
.idea h2{ line-height:40px; font-weight:normal; font-size:14px; color: rgb(119, 119, 119); overflow:hidden;}
.idea .fabox-c{ position:relative; min-height:520px; margin:0 auto; overflow:hidden;}
.idea .fabox-c a{ position:absolute; display:block; line-height:44px; color:#FFF; font-size:14px; background:#02afff; border-radius: 26px 26px; -webkit-border-radius: 26px 26px; -moz-border-radius: 26px 26px; text-align:center; overflow:hidden;}
.idea .fabox-c a:nth-of-type(1){ padding:0 30px; top:70%; left:6%;}
.idea .fabox-c a:nth-of-type(2){ padding:0 30px; top:28%; left:10%;}
.idea .fabox-c a:nth-of-type(3){ padding:0 30px; top:15%; right:24%;}
.idea .fabox-c a:nth-of-type(4){ padding:0 30px; top:44%; right:6%;}
.idea .fabox-c a:nth-of-type(5){ padding:0 30px; top:76%; right:20%;}

/*.service{ width:100%; margin:0 auto; padding:0; background:url(../images/bg02.jpg) no-repeat center center; text-align:center; overflow:hidden;}*/
.service{ width:100%; margin:0 auto; padding:0;text-align:center; overflow:hidden;}
.service h1{ padding:50px 0 0 0; line-height:42px; font-weight:normal; font-size: 26px; overflow:hidden;}
.service h2{ line-height:40px; font-weight:normal; font-size:14px; color: rgb(119, 119, 119); overflow:hidden;}
.service .sbox-c{ margin:0 auto; text-align:center; overflow:hidden;}
.service .sbox-c ul{ display:block; padding:30px 0; overflow:hidden;}
.service .sbox-c ul li{ width:48%; float:left; margin:0 0 4% 0; text-align:left; min-height:328px; border-radius: 10px 10px; -webkit-border-radius: 10px 10px; -moz-border-radius: 10px 10px; overflow:hidden;}
.service .sbox-c ul li:nth-child(2n){ float:right;}
.service .sbox-c ul li:nth-of-type(1){ background:url(../images/pic01.png) no-repeat left center; background-size:contain;}
.service .sbox-c ul li:nth-of-type(2){ background:url(../images/pic02.png) no-repeat left center; background-size:contain;}
.service .sbox-c ul li:nth-of-type(3){ background:url(../images/pic03.png) no-repeat left center; background-size:contain;}
.service .sbox-c ul li:nth-of-type(4){ background:url(../images/pic04.png) no-repeat left center; background-size:contain;}
.service .sbox-c ul li:nth-of-type(5){ background:url(../images/pic07.png) no-repeat left center; background-size:contain;}
.service .sbox-c ul li:nth-of-type(6){ background:url(../images/pic04.png) no-repeat left center; background-size:contain;}
.service .sbox-c ul li h3{ padding:12% 0 0 40%; line-height:42px; font-weight:normal; font-size:26px;}
.service .sbox-c ul li h4{ padding:0 0 0 40%; line-height:40px; font-weight:normal; font-size:15px; color:#444;}
.service .sbox-c ul li p{ padding:0 6% 0 40%; margin:15px 0 0 0; line-height:25px; font-size:14px; color: rgb(102, 102, 102);}

/*-------- about --------------*/
.about{width:100%; margin:0 auto; min-height:560px; text-align:center; clear:both; background:url(../images/bg03.jpg) no-repeat center bottom; overflow:hidden;}
.about .box-l{ width:45%; padding:100px 0 70px 0; margin:0 25px 0 0; text-align:center; overflow:hidden;}
.about .box-l h1{ line-height:34px; padding:0 0 6px 0; margin:0; font-weight:400; font-size:24px; color:#FFF; text-align:left;}
.about .box-l .atitle{ margin:0 0 40px 0;  padding:0; font-size:14px; color:#FFF; text-align:left; overflow:hidden;}
.about .box-l .wz{ line-height:28px; padding: 0 0 50px 0; margin:0 auto; font-size:14px; color:#FFF; text-align: left;}
.about .box-l a{ width:25%; display:block; line-height:38px; border-radius: 10px 10px; -webkit-border-radius: 10px 10px; -moz-border-radius: 10px 10px; background:#FFF; font-size:14px; color:#ffc001;}


/*-------- 03 news xilie --------------*/
.news{ width:100%; margin:50px auto; padding:0; clear:both; text-align:center; overflow:hidden;}
.news h1{ padding: 0; line-height:42px; font-weight:normal; font-size: 26px; overflow:hidden;}
.news h2{ line-height:40px; font-weight:normal; font-size:14px; color: rgb(119, 119, 119); overflow:hidden;}
.news .nbox-c{ text-align:left; overflow:hidden;}
.news .nbox-c .xwhot{ padding:15px 0 20px 0; margin: 0 auto; border-bottom:1px #EEE solid; text-align:center; overflow:hidden;}
.news .nbox-c .xwhot h3{ line-height:36px; padding:0 0 5px 0; font-weight:normal; text-align:left; overflow:hidden;}
.news .nbox-c .xwhot h3 a{ font-size:16px; }
.news .nbox-c .xwhot h3 a:hover{ color:#ffc001;}
.news .nbox-c .xwhot h3 span{ float:right; color:#999;}
.news .nbox-c .xwhot p{ line-height:24px; padding:0; font-size:13px; text-align:left; color:#717171;}


/*---------- footer ---------*/
.footer{ width:100%;  margin:0 auto; background:#1e1e1e; text-align:center; overflow:hidden;}
.footer .foottop{ padding:50px 0; margin:0 auto; border-bottom:1px #2b2b2b solid; overflow:hidden;}
.footer .foottop h1{ width:30%; line-height:40px; float:left; font-size:24px; color:#999; text-align:left;}
.footer .foottop .w60{ width:60%; float:right; line-height:40px;}
.footer .foottop .w60 a{ display:block; width:16%; float:left; margin:0 2%; font-size:14px; color:#999; }
.footer .foottop .w60 a:hover{ color:#ffc001;}
.footer .footbottom{ margin:0 auto;  text-align:center; overflow:hidden; }
.footer .footbottom p{ display: block; padding:40px 0; margin: 0 auto; text-align:center; overflow:hidden; }
.footer .footbottom p span{ display:inline-block; width:30%; text-align:center; color:#747474; font-size:14px; }
/*.footer .footbottom p span:first-child{ text-align:left;}
.footer .footbottom p span:last-child{ text-align:right;}*/

/*---------- frame : 内页 ---------*/
.ny-banner{ width:100%; height:360px; margin:0px auto; padding:0px; text-align:center; overflow:hidden;}

.left-nav{ display:block;  padding:20px 0; margin:0 auto; background:#F1F1F1; text-align:left; overflow:hidden;}
.left-nav li{  display: block; padding:0; margin:0 auto 5px auto; text-align:left; overflow:hidden; }
.left-nav li a{display:block; line-height:45px; padding:0 0 0 25px; font-size:16px; margin: 0 10px; border-bottom:1px #DDD dashed; background:url(../images/pr_07.png) no-repeat left center; text-align:left; overflow:hidden;}
.left-nav li:hover{ background:#ffc001; }
.left-nav li:hover a{ color:#FFF;}
.left-nav li.lefton a{ color:#333333;}
.left-nav li:hover.lefton a{ color:#FFF;}

.information{ line-height:25px; font-size:14px; min-height:250px; text-align:left; overflow:hidden;}

/*------关于我们内页-------*/
.asection1{ width:100%; margin:50px auto 0; padding:0; background:url(../images/abg01.jpg) no-repeat center bottom; min-height:500px; overflow:hidden;}
.asection1 h1{ line-height:34px; padding:90px 0 6px 0; margin:0; font-weight:400; font-size:24px;  text-align:left;}
.asection1 .atitle{ margin:0 0 40px 0;  padding:0; font-size:14px; text-align:left; overflow:hidden;}
.asection1 .details{ width:40%; line-height:28px; padding: 0 0 50px 0; margin:0; font-size:14px;  text-align: left;}

.asection2{ width:100%; margin:0 auto; padding:50px 0 70px; background:url(../images/abg02.jpg) no-repeat center center; background-size:cover; text-align:center; overflow:hidden;}
.asection2 h1{ padding: 0; line-height:42px; font-weight:normal; font-size: 26px; overflow:hidden;}
.asection2 h2{ line-height:40px; padding:0 0 20px; font-weight:normal; font-size:14px; color: rgb(119, 119, 119); overflow:hidden;}
.asection2 .history{ padding:10px 0 ; margin:0 auto; overflow:hidden;}
.picScroll-top{ position:relative; margin:0 auto; width:100%; max-width:1200px;  overflow:hidden;  }
.picScroll-top .hd{ height:200px; float:left; background:#f4f4f4; padding:10px 0;  overflow:hidden;  }
.picScroll-top .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.picScroll-top .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("images/icoCircle.gif") 0 -9px no-repeat; }
.picScroll-top .hd ul li.on{ background-position:0 0; }
.picScroll-top .bd{ width:100%; padding:0; margin: 0 auto;}
.picScroll-top .bd ul{ overflow:hidden; zoom:1; }
.picScroll-top .bd ul li{ text-align:center; overflow:hidden; background:url(../images/ico-lsym2-bg.png) no-repeat 20.25% top; zoom:1; }
.picScroll-top .bd ul li .box{ overflow:hidden;}
.picScroll-top .bd ul li .box h3{ width:20%; float:left; height:57px; line-height:57px; font-size:18px; font-weight:normal; text-align:center;}
.picScroll-top .bd ul li .box .lclist{ float:right; padding:0; margin:0; width:80%; height:100%; text-align:left;}
.picScroll-top .bd ul li .box .lclist p{ display:block; padding:0; margin:0 0 0 60px; line-height:30px; text-align:left; overflow:hidden;}
.picScroll-top .bd ul li .box .lclist p:nth-of-type(1){ padding-top:57px; background:url(../images/ico-lsline-bg.png) repeat-x left 30px;}
.picScroll-top .bd ul li .box .lclist p span{ display:block; line-height:30px; font-size:14px;}
.picScroll-top .bd ul li .box .lclist p span:nth-of-type(1){ float:left; width:12%; text-align:left;}
.picScroll-top .bd ul li .box .lclist p span:nth-of-type(2){ float:right; width:86%; text-align:left;}

.picScroll-top .prev,.picScroll-top .next{ display:block;  width:24px; height:21px; margin-bottom:0; margin-top:0; margin-left:19.75%; background:url("../images/ico-ls-01.png") 0 0 no-repeat;  overflow:hidden; cursor:pointer;}
.picScroll-top .next{ background:url("../images/ico-ls-02.png") 0 0 no-repeat; }
.picScroll-top .prevStop{ background-position:0 0;  }
.picScroll-top .nextStop{ background-position:0 0;  }

.asection3{ width:100%; margin:0 auto; padding:50px 0; background:#FaFaFa; text-align:center; overflow:hidden;}
.asection3 h1{ padding: 0; line-height:42px; font-weight:normal; font-size: 26px; overflow:hidden;}
.asection3 h2{ line-height:40px; font-weight:normal; font-size:14px; color: rgb(119, 119, 119); overflow:hidden;}
.asection3 .gshjpic{ padding:10px 0 ; margin:0 auto; overflow:hidden;}
.asection3 .gshjpic ul{ display:block; overflow:hidden;}
.asection3 .gshjpic ul li{ width:32%; float:left; margin:0 0 2% 0; padding:0; overflow:hidden;}
.asection3 .gshjpic ul li:nth-of-type(3n-1){ margin:0 2% 2%;}
.asection3 .gshjpic ul li p{ display:block; line-height:42px; font-size:14px; text-align:center; cursor:pointer; overflow:hidden;} 
.asection3 .gshjpic ul li p:nth-of-type(1){ border-radius: 10px 10px; -webkit-border-radius: 10px 10px; -moz-border-radius: 10px 10px;}
.asection3 .gshjpic ul li p img{ display:block; width:100%;}
.asection3 .gshjpic ul li:hover p img{ transform: scale(1.1,1.1);}
.asection3 .gshjimg{ display:block; border-radius: 10px 10px; -webkit-border-radius: 10px 10px; -moz-border-radius: 10px 10px; cursor:pointer; overflow:hidden; }
.asection3 .gshjimg p{ display:block; overflow:hidden;}
.asection3 .gshjimg p img{ display:block; width:100%; }

.asection4{ width:100%; padding:40px 0; margin:0 auto; background:#F2F2F2; text-align:center; overflow:hidden;}
.asection4 h1{ line-height:40px; font-size:24px; font-weight:normal; text-align:center; overflow:hidden;}
.asection4 h2{ line-height:40px; font-size:16px; font-weight:normal; text-align:center; overflow:hidden;}
.asection4 .hzhb{ overflow:hidden;}
.picScroll-hz{ width:100%;  overflow:hidden; position:relative; margin:0 auto; padding:0;  }
.picScroll-hz .bd{ max-width:1200px; width:100%; margin: 0 auto; padding:25px 0 10px 0;   }
.picScroll-hz .bd ul{ overflow:hidden; zoom:1; }
.picScroll-hz .bd ul li{ margin:0 12px; width:276px; float:left; _display:inline; background:#f2f2f2; overflow:hidden; text-align:center;}
.picScroll-hz .bd ul li a{ display:block; text-align:center; overflow:hidden;}
.picScroll-hz .bd ul li a img{ max-width:100%; height:360px; display:block;}
.picScroll-hz .bd ul li:hover a img{transform: scale(1.1,1.1);}


/*------联系我们内页-------*/
.csection{ width:100%; padding:50px 0; margin:0 auto; background:#FFF; text-align:center; overflow:hidden;}
.csection h1{ line-height:40px; font-size:24px; font-weight:normal; text-align:left; overflow:hidden;}
.csection h2{ line-height:40px; padding-bottom:5px; margin-bottom:20px; border-bottom:1px #CECECE solid; font-size:16px; font-weight:normal; text-align:left; overflow:hidden;}

.csection3{ width:100%; padding:40px 0 50px; margin:0 auto; background:#FFF; text-align:center; overflow:hidden;}
.csection3 h1{ line-height:40px; font-size:24px; font-weight:normal; text-align:center; overflow:hidden;}
.csection3 h2{ line-height:40px; font-size:16px; font-weight:normal; text-align:center; overflow:hidden;}
.csection3 .lybox{ padding:30px 0 15px 0; text-align:left; overflow:hidden;}
.csection3 .lybox ul{ display:block; overflow:hidden;}
.csection3 .lybox ul li{ width:32%; float:left; text-align:left; overflow:hidden;}
.csection3 .lybox ul li:nth-of-type(2){ margin:0 2%;}
.csection3 .lybox ul li:nth-of-type(4){ width:100%; clear:left; padding-top:15px;}
.csection3 .lybox ul li:nth-of-type(5){ padding-top:20px;}
.csection3 .lybox ul li p{ display:block; overflow:hidden;}
.csection3 .lybox ul li p:nth-of-type(1){ line-height:19px; padding-bottom:8px; font-size:14px; font-weight:bold;}
.csection3 .lybox ul li p .inputtex{ min-width:100%; padding-left:3%; line-height:36px; background: rgba(247, 247, 247, 1); border:none; font-family:"微软雅黑";}
.csection3 .lybox ul li p textarea{ min-width:100%; height:100px; padding:1%; background: rgba(247, 247, 247, 1); border:none; font-family:"微软雅黑";}
.csection3 .lybox ul li .submit{ width:60%; line-height:44px; border:none; background:#ffad2b; color:#FFF; font-size:14px; font-family:"微软雅黑"; cursor:pointer;}


/*------招聘内页-------*/
.jsection{ width:100%; padding:50px 0; margin:0 auto; background:#FFF; text-align:center; overflow:hidden;}
.jsection h1{ line-height:40px; font-size:24px; font-weight:normal; text-align:left; overflow:hidden;}
.jsection h2{ line-height:40px; padding-bottom:5px; margin-bottom:20px; border-bottom:1px #CECECE solid; font-size:16px; font-weight:normal; text-align:left; overflow:hidden;}

/*------新闻内页-------*/
.nsection{ width:100%; padding:50px 0; margin:0 auto; background:#FFF; text-align:center; overflow:hidden;}
.nsection h1{ line-height:40px; font-size:24px; font-weight:normal; text-align:left; overflow:hidden;}
.nsection h2{ line-height:40px; padding-bottom:5px; margin-bottom:20px; border-bottom:1px #CECECE solid; font-size:16px; font-weight:normal; text-align:left; overflow:hidden;}
.nsection h2 p{ width:50%; font-size:14px; font-weight:normal; color:#999; text-align:right; overflow:hidden;}
.nsection h2 p a{ font-size:14px; color:#999;}
.nsection h2 p a:hover{ color:#ffc001;}

.nsection h4{ line-height:40px; padding-bottom:5px; margin-bottom:20px; border-bottom:1px #CECECE solid; font-size:14px; color:#999; font-weight:normal; text-align:left; overflow:hidden;}
.nsection h4 p{ width:50%; font-size:14px; font-weight:normal; color:#999; text-align:right; overflow:hidden;}
.nsection h4 p a{ font-size:14px; color:#999;}
.nsection h4 p a:hover{ color:#ffc001;}


/*------产品内页-------*/
.psection{ width:100%; padding:40px 0; margin:0 auto; background:#FFF; text-align:center; overflow:hidden;}
.psection h1{ line-height:40px; font-size:24px; font-weight:normal; text-align:center; overflow:hidden;}
.psection h2{ line-height:40px; font-size:16px; font-weight:normal; text-align:center; overflow:hidden;}

.psection2{ width:100%; padding:40px 0; margin:0 auto; background:#F2F2F2; text-align:center; overflow:hidden;}
.psection2 h1{ line-height:40px; font-size:24px; font-weight:normal; text-align:center; overflow:hidden;}
.psection2 h2{ line-height:40px; font-size:16px; font-weight:normal; text-align:center; overflow:hidden;}
.psection2 .proserys{ padding:30px 0; margin:0 auto; text-align:center; overflow:hidden;}
.psection2 .proserys ul{ display:block; overflow:hidden;}
.psection2 .proserys ul li{ position:relative; width:20%; float:left; overflow:hidden;}
.psection2 .proserys ul li:nth-of-type(2):after{ content:''; position:absolute; display:block; height:95px; width:1px; top:26%; left:0%; background:#ECECEC;}
.psection2 .proserys ul li:nth-of-type(2):before{ content:''; position:absolute; display:block; height:95px; width:1px; top:26%; right:0%; background:#ECECEC;}
.psection2 .proserys ul li:nth-of-type(3):before{ content:''; position:absolute; display:block; height:95px; width:1px; top:26%; right:0%; background:#ECECEC;}
.psection2 .proserys ul li:nth-of-type(4):before{ content:''; position:absolute; display:block; height:95px; width:1px; top:26%; right:0%; background:#ECECEC;}
.psection2 .proserys ul li p{ line-height:26px; padding:0; margin:0 auto; font-size:12px; text-align:center; overflow:hidden;}
.psection2 .proserys ul li p img{ display:block; margin:0 auto;}
.psection2 .proserys ul li h3{ line-height:42px; font-size:14px; font-weight:normal; text-align:center; overflow:hidden;}

.psection3{ width:100%; padding:40px 0; margin:0 auto; background:#FFF; text-align:center; overflow:hidden;}
.psection3 h1{ line-height:40px; font-size:24px; font-weight:normal; text-align:center; overflow:hidden;}
.psection3 h2{ line-height:40px; font-size:16px; font-weight:normal; text-align:center; overflow:hidden;}
.psection3 .proserlc{ padding:30px 0; margin:0 auto; text-align:center; overflow:hidden;}
.psection3 .proserlc ul{ display:block; overflow:hidden;}
.psection3 .proserlc ul li{ position:relative; width:20%; float:left; min-height:294px; background:url(../images/sericobg.png) no-repeat center center; overflow:hidden;}
.psection3 .proserlc ul li p{ padding:36px 0; margin:0 auto; font-size:12px; text-align:center; overflow:hidden;}
.psection3 .proserlc ul li p img{ display:block; margin:0 auto;}
.psection3 .proserlc ul li h3{ padding:0; line-height:42px; font-size:16px; font-weight:normal; color:#FFF; text-align:center; overflow:hidden;}
.psection3 .proserlc ul li h4{ margin:0 auto; padding:45px 22% 0; line-height:24px; font-weight:normal; font-size:14px; text-align:center;}



/*---------- 内页列表 box-shadow: 0px 0px 3px rgba(0,0,0,.1); transition: all 0.4s;---------*/
.listbox{ overflow:hidden; clear:both; margin:0 auto; padding:0;}
.e8{ display:block; padding:35px 8px 0; margin:0 auto; text-align:center; overflow:hidden;}
.e8 li{ width:48%; float:left; min-height:324px; padding:0; margin:0 0 4% 0; box-shadow: 0px 0px 8px rgba(0,0,0,.1); border-radius: 10px 10px; -webkit-border-radius: 10px 10px; -moz-border-radius: 10px 10px; text-align:left; cursor:pointer; overflow:hidden;}
.e8 li:nth-child(2n){ float:right;}
.e8 li h3{ padding:11% 0 0 40%; line-height:42px; font-weight:normal; font-size:26px;}
.e8 li h4{ padding:0 0 0 40%; line-height:40px; font-weight:normal; font-size:15px; color:#444;}
.e8 li p{ padding:0 11% 0 40%; margin:15px 0 0 0; line-height:25px; font-size:14px; color: rgb(102, 102, 102);}


/*---新闻列表---*/
.e2{ padding:0; margin:0 auto; display:block; overflow:hidden;}
.e2 li{ display:block; padding:15px 0; margin:0 auto 10px auto; border-bottom:1px #EEE solid;  overflow:hidden;}
.e2 li .ntime{ width:6%; padding:10px 0; background:#ffc001;}
.e2 li .ntime p{ text-align:center; line-height:20px; color:#FFF; font-weight:bold;}
.e2 li .ntime p:nth-child(2){ line-height:28px; font-size:24px;}
.e2 li .ntime p:nth-child(3){ line-height:28px; font-size:24px;}
.e2 li .ntitle{ padding:0; margin:0 auto; line-height:30px; text-align:left; overflow:hidden;}
.e2 li .ntitle a{ font-size:16px; overflow:hidden; }
.e2 li .ntitle span{ color:#999; float:right; font-size:14px;}
.e2 li .ntext{ line-height:24px; padding:6px 0; color:#a5a5a5; text-align:left; overflow:hidden;}
.e2 li .nmore a{ float:left; margin:10px 0 0; padding:0 5px 0 0; font-size:12px; background:#f2f2f2; text-transform:uppercase;}
.e2 li .nmore a span{ display:inline-block; width:25px; height:25px; line-height:25px; margin:0 5px 0 0; text-align:center; font-weight:bold; color:#FFF; background:#ffc001;}



/*---------- frame : 内页详细页 ---------*/
.pleft{ overflow:hidden;}
.viewbox{ padding:0; margin:0 auto; overflow:hidden;}
.viewbox .title{ line-height:30px; text-align:center; overflow:hidden;}
.viewbox .title h3{ font-size:1.2rem; color:#444; font-weight:normal;}
.viewbox .title p{ font-size:1.0rem; color:#AAA;}
.viewbox .info{ text-align:center; line-height:32px; padding:0 0 5px 0; margin:0 0 10px 0; color:#AAA; font-size:14px;  border-bottom:1px #EEE solid;  overflow:hidden;}

.viewbox .content{ font-size:13px; padding:0 0 20px; line-height:25px; color:#333; overflow:hidden;}
.viewbox .dede_pages{ margin-top:0px;}
.viewbox .dede_pages ul{  float:none; clear:both; text-align:center; white-space:nowrap;}
.viewbox .dede_pages ul li,.viewbox .dede_pages ul li a{ float:none; display:inline;}
.viewbox .boxoff{ height:10px; border-bottom:1px #EEE dashed; clear:both; overflow:hidden;}
.viewbox .boxoff strong{ display:block; width:8px; height:10px; overflow:hidden; font-size:0px; line-height:100px; /*background:url(../images/boxoff.gif) right -10px no-repeat;*/ float:left;}

.viewbox .handle{ min-height:59px;padding-top:12px;overflow:hidden;clear:both;}
.viewbox .handle .context{ text-align:left; overflow:hidden;}
.viewbox .handle .context ul{ overflow:hidden;}
.viewbox .handle .context ul li{line-height:29px;color:#484848; font-size:14px;}
.viewbox .handle .context ul li a{ color:#484848; font-size:14px;}
.viewbox .handle .context ul li a:hover{color:#ffc001;}
.viewbox .img-pic img{ max-width:1000px; border:none;}


/*---------- frame : 分页 ---------*/
.dede_pages{margin:10px auto 0 auto; text-align:center; clear:both; overflow:hidden;}
.dede_pages ul{ margin:0 auto; display:inline-block; padding:0; overflow:hidden;}
.dede_pages ul li{float:left; line-height:24px; margin:0 6px 0 0;border:1px solid #333; padding:0;  font-family:"Microsoft YaHei"; cursor:pointer;}
.dede_pages ul li a{ float:left; padding:0 8px; color:#484848; display:block; line-height:24px; font-family:"Microsoft YaHei";}
.dede_pages ul li a:hover{ color:#FFF; text-decoration:none; background-color:#333;}
.dede_pages ul li.thisclass,
.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{background-color:#333;padding:0px 10px; color:#FFF; font-weight:bold;}
.dede_pages ul li select{ border:none; background:none; margin-bottom:3px;}
.dede_pages .pageinfo{line-height:18px;padding:0px 5px;color:#484848;}
.dede_pages .pageinfo strong{color:#484848;font-weight:normal;margin:0px 2px;}


