@charset "utf-8";
body{ overflow-x:hidden; max-width:720px}
body{ color:#333; height:auto; box-sizing:border-box; font-size:14px;}
.course{-moz-user-select: none; /*火狐*/
-webkit-user-select: none;  /*webkit浏览器*/
-ms-user-select: none;   /*IE10*/
-khtml-user-select: none; /*早期浏览器*/
user-select: none;}
a{ color:#333; text-decoration:none;}
a:hover{ text-decoration:none; color:#03983c;}
i,em{ font-style:normal;}





tttttttttt{
transition: all 0.4s ease-out;
}

.menu .h3 em,
.menu .h3 i,
.sicon:before,
.tit3 strong:before,
.navD .pd:before,
.pScreenResult .p i:before{
font-family:"iconfont" !important; font-size:16px; font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
}

.icon {
width: 1em;
height: 1em;
vertical-align: -0.15em;
fill: currentColor;
overflow: hidden;
}

.menu-link{ box-sizing: border-box; position:absolute; top:50%; right:-8px;font-size: 11px;z-index: 10; width:40px; height:40px; padding:7px; margin-top:-20px; transition: all 0.2s ease-out; display:none;}
.menu-link:hover,
.menu-link:focus {}
.menu-link span {position: relative;display: block; margin-top:12px;}
.menu-link span,
.menu-link span:before,
.menu-link span:after {background-color: #000;width: 100%;height:1px; transition: all 0.4s;box-sizing: border-box;}
.menu-link span{transition:none;}
.menu-link span:before,
.menu-link span:after {position: absolute;top: -6px;content: " ";}
.menu-link span:after {top:6px;}
.menu-link.active{}
.menu-link.active span {background: transparent;}
.menu-link.active span:before { background-color:#03983c; transform: rotate(45deg); top:0px;}
.menu-link.active span:after { background-color:#03983c; transform: rotate(-45deg); top:0px;}
.menu-link.active em{ display:none;}

body{ padding-top:150px;}

.wp{ width:1400px; margin:0 auto; position: relative;}

.header{ position:fixed; left:0px; top:0px; padding:30px 0 0 0; right:0px; z-index:9; background:#fff; box-shadow:0 0 3px rgba(0,0,0,0.3);}
.header:before{ content:''; position:absolute; background:#efefef; left:0px; right:0px; height:30px; top:0px;}
.logo{ position:absolute; left:0px; top:50%; font-size:80px; margin-top:-0.5em; line-height:1;}
.logo img{ height:1em; width:auto; display:block;}
.logo span{ display:none; margin-left:0.5em; font-size:16px; line-height:1; position:absolute; left:100%; bottom:0px; width:10em; color:#999;}


.menu{ text-align:center; padding-top:38px; margin-left:200px;}
.menu ul{ display:inline-block; vertical-align:bottom; margin-right:-15px;}
.menu li{ float:left; margin:0 15px; position:relative;}
.menu .h3{}
.menu .h3 a{ position:relative; padding:0 2px; display:block; line-height:82px; font-size:18px; height:82px; color:#808080;}
.menu .h3 a:before{ content:''; position:absolute; height:2px; left:0px; right:0px; bottom:0px; background:#fff; display:none;}
.menu .h3 em{ display:none; position:absolute; color:#fff; right:22px; margin-right:-10px; margin-top:-20px; top:50%; width:40px; height:40px; line-height:40px; text-align:center; cursor:pointer;}
.menu .h3 em:before { content: "\e8e9"; }
.menu .h3 i{ display:none; position:absolute; color:#fff; right:22px; margin-right:-10px; margin-top:-20px; top:50%; width:40px; height:40px; line-height:40px; text-align:center; cursor:pointer;}
.menu .h3 i:before { content: "\e604";}
.menu .h3 i.active:before { content: "\e606"; }
.menu .box{ display:none;}
.menu .box1 .pd{ background:#03983c; border-radius:5px; box-shadow:0 0 10px rgba(0,0,0,0.3); padding:10px 0; position:relative;}
.menu .box1 .pd:before{ content:''; position:absolute; left:50%; top:-8px; margin-left:-5px; width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-bottom:8px solid #03983c;}

.menu .box1{width:8em; margin-left:-4em; text-align:center; padding-top:10px; left:50%;  top:100%; position:absolute;}
.menu .box1 a{ display:block; color:#fff; line-height:2em; height:2em; overflow:hidden;}
.menu .box1 a:hover{ background:#fcb600;}
.menu .box2{ background:#f4f4f4; left:0px; right:0px; top:150px; text-align:left; position:fixed;}
.menu .box2 .pd{ position:relative; z-index:2; width:1400px; margin:0 auto;}

.menu .box2 dl{ width:16.666666666666668%; float:left; box-sizing:border-box; padding:30px; min-height:240px; background:url(../images/box2.jpg) no-repeat; background-size:100% 100%;}
.menu .box2 dt{ line-height:1; margin-bottom:1em; font-size:16px; font-weight:bold;}
.menu .box2 dd{ line-height:2; }
.menu .box2 a{ display:block; color:#666; line-height:1.5; height:1.5em; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1;}
.menu .box2 a:hover{ color:#03983c;}
.menu .box2 dl.w50 dd a{ width:50%; float:left;}
.menu .box3{}
.menu .box3 .dl{ background:url(../images/box2.jpg) repeat-x left top; background-size:25% 100%; overflow:hidden; line-height:2; padding:30px 0;}
.menu .box3 .dl a{ width:25%; float:left; padding:0 30px; box-sizing:border-box;}


.menu li.curr .h3 a:before{ display:block;}
.menu li:hover .h3 a,
.menu li.curr .h3 a{ color:#03983c;}
.menu li:hover .box{ display:block;}







.tNav{ position:absolute; right:0px; top:-30px;}
.tNav .i{ display:none;}
.tNav .box{ line-height:30px; }
.tNav .box li{ margin-left:1.5em; float:left; display:block;}
.tLogin{ position:absolute; right:0px; bottom:0px; font-size:16px; z-index:3;}
.tLogin .i{display:block; font-size:20px; width:40px; height:40px; line-height:40px; text-align:center; cursor:pointer; z-index:2; position:relative; display:none;}
.tLogin .box1{ line-height:30px; }
.tLogin .box1 li{ padding:0 0.75em; float:left; display:block; line-height:82px; position:relative;}
.tLogin .box1 i{ color:#03983c;}
.tLogin .box1 li:before{ content:''; position:absolute; right:0px; height:1em; width:1px; top:50%; margin-top:-0.5em; background:#ccc;}
.tLogin .box1 li:last-child:before{ display:none;}

.tLogin .box2{}
.tLogin .box2 li{ padding:0 0.75em; float:left; display:block; position:relative;}
.tLogin .box2 .h3{ padding-bottom:30px;}
.tLogin .box2 .h3 a{ width:30px; height:30px; font-size:30px; display:block; line-height:30px; text-align:center;}
.tLogin .box2 .h3 a{ display:block;}
.tLogin .box2 .h3 img{ width:30px; height:30px; border-radius:50%;}
.tLogin .lib{ position:relative;}
.lNav{ position:absolute; left:50%; width:120px; margin-left:-60px; top:100%; display:none;}
.lNav:before{ content:''; position:absolute; left:50%; top:-6px; margin-left:-8px; width:0; height:0; border-left:8px solid transparent; border-right:8px solid transparent; border-bottom:7px solid #03983c;}
.lNav .ul{background:#03983c; box-shadow:0 0 3px rgba(0,0,0,0.3);color:#fff; padding:10px 0; border-radius:5px;text-align:center;}
.lNav .li{}
.lNav .li a{ color:#fff; display:block; height:2em; line-height:2;}
.lNav .li i{ margin-right:5px;}
.lNav .li span{}
.lNav .li:hover a,
.lNav .li.curr a{ background-color:#fff; color:#03983c;}

.lib:hover .lNav{ display:block;}



.body_page{ padding-top:198px; background:#eee;}
.body_page .menu .box2{ top:198px;}
.body_page .header:after{ content:''; position:absolute; bottom:48px; left:0px; right:0px; height:1px; background:#ccc;}
.body_page .menu{ padding-top:120px;}
.body_page .menu ul{ display:block;}
.body_page .menu li{ width:9.090909090909092%; margin:0 auto;}
.body_page .menu .h3 a{ height:48px; line-height:48px;}
.body_page .tLogin{ bottom:50px;}
.body_page .logo{ margin-top:-0.8em;}
.body_page .logo span{ display:block;}
.body_page .tSearch{ display:block;}
.body_page .iService{ background:#fff;}
.body_page .NavA .pd{ background:#eee;}
.body_page .NavA .pd:hover{ background:#03983c;}



.body_fix .header{ padding-top:0px;}
.body_fix .header:before{ display:none;}
.body_fix .tNav{ display:none;}
.body_fix .logo{ font-size:42px;}
.body_fix .menu{ padding-top:0px; margin: 0px;}
.body_fix .menu .h3 a{ line-height:60px; height:60px; font-size:14px;}
.body_fix .tLogin .box1 li{ line-height:60px;}
.body_fix .tLogin .box2 .h3{ padding-bottom:15px;}

.body_fix.body_page .header:after{ display:none;}
.body_fix.body_page .logo{ margin-top:-0.5em;}
.body_fix.body_page .logo span{ display:none;}
.body_fix.body_page .tSearch{ display:none;}
.body_fix.body_page .menu{ padding:0px;}
.body_fix.body_page .menu ul{ display:inline-block;}
.body_fix.body_page .menu li{ width:auto; margin:0 15px;}
.body_fix.body_page .menu .h3 a{ line-height:60px; height:60px;}
.body_fix.body_page .tLogin{ bottom:0px;}
.body_fix .menu .box2{ top:60px;}







.subNav{ position:fixed; right:82px; top:50%; z-index:9; width:44px; margin-top:-248px;}
.subNav li{ margin-bottom:1px; position:relative;}
.subNav .h3{}
.subNav .h3 a{ display:block; line-height:44px; height:44px; color:#fff; background:#2c2a25; text-align:center; font-size:24px; position:relative;}
.subNav .box{ display:none; display:block; position:absolute; right:100%; top:0px; padding-right:2px; display:none; white-space:nowrap;}
.subNav li.box1 .pd{ background:#03983c; color:#fff; line-height:44px; border-radius:22px; padding:0 20px; font-size:18px; box-shadow:0 0 3px rgba(0,0,0,0.3);}
.subNav li.box1 .box a{ color:#fff; font-size:20px;}
.subNav li.box1 .box a:hover{ text-decoration:underline;}
.subNav li.box1 .box i{ font-size:20px; margin-right:5px;}
.subNav li.box2 .box{ width:120px; text-align:center; line-height:1;}
.subNav li.box2 .pd{ box-shadow:0 0 3px rgba(0,0,0,0.3); background:#03983c; padding:10px; color:#fff;}
.subNav li.box2 .box img{ width:100%; height:auto; display:block; margin-bottom:10px;}
.subNav li:hover .h3 a{ background:#03983c; color:#fff;}
.subNav li:hover .box{ display:block;}

.body_fix{}

.iSearchMain{ padding:195px 0 265px; background-size:cover;}
.iSearch{ width:860px; margin:0 auto;}
.iSearchTab{ font-size:24px; text-align:center; margin-bottom:23px;}
.iSearchTab ul{ display:inline-block; vertical-align:bottom;}
.iSearchTab li{ float:left; display:block; height:62px; line-height:62px; padding:0 1.25em; color:#fff; position:relative; cursor:pointer;}
.iSearchTab li:before{ content:''; position:absolute; right:0px; height:1em; width:1px; top:50%; margin-top:-0.5em; background:#fff;}
.iSearchTab li:after{ content:''; position:absolute; left:50%; bottom:0px; width:4em; margin-left:-2em; background:#03983c; height:4px; display:none;}
.iSearchTab li:last-child:before{ display:none;}
.iSearchTab li.curr:after{ display:block;}
.iSearchCon{}
.iSearchCon .li{ display:none;}
.iSearchCon .li:first-child{ display:block;}
.iSearchCon .pd{ position:relative; background:#fff; border-radius:8px;}
.select{ position:relative; cursor:pointer;}
.selectTit{ line-height:64px; font-size:18px; color:#666; position:relative; width:100px; text-align:center;}
.selectTit:before{ content:''; position:absolute; right:0px; top:50%; height:2.5em; width:1px; margin-top:-1.25em; background:#ccc;}
.selectTit span{ display:inline-block; height:64px; max-width:4em; overflow:hidden; vertical-align:bottom;}
.selectTit i{ color:#bbb; margin-left:0.5em; display:inline-block; vertical-align:bottom;}
.selectCon{ position:absolute; left:0px; top:100%; right:0px; display:none;}
.selectCon:before{ content:''; position:absolute; left:50%; top:-6px; margin-left:-8px; width:0; height:0; border-left:8px solid transparent; border-right:8px solid transparent; border-bottom:7px solid #03983c;}
.selectCon ul{background:#03983c; box-shadow:0 0 3px rgba(0,0,0,0.3);color:#fff; padding:10px 0; border-radius:5px;text-align:center;}
.selectCon li{ height:1.5em; line-height:1.5;}
.selectCon li:hover,
.selectCon li.curr{ background-color:#fff; color:#03983c;}
.ipt_t2{ display:block; width:100%; box-sizing:border-box; background:none; border:none; height:64px; padding:0 160px 0 120px; font-size:18px;}
.ipt_b2{ position:absolute; text-align:center; line-height:64px; right:0px; top:0px; height:64px; display:block; width:160px; background:#03983c; color:#fff; border:none; border-radius:0 6px 6px 0;font-size:24px; cursor:pointer; display:block;}
.ipt_b2:hover{ color:#fff; background:#3aae2a;}
.select1_1{ position:absolute; left:0px; top:0px;}


.tit1{ font-size:24px; height:2.5em; line-height:2.5em; border-bottom:1px solid #ccc; position:relative;}
.tit1 strong{ font-size:1em; float:left; color:#333;}
.tit1 em{ font-size: 14px;}
.tit1 a{ font-size:14px; float:right; color:#888;}
.tit1_1{}
.tit1_2{ margin-bottom: 15px;}

.tit2{ text-align:center; font-size:24px; margin-bottom:30px; line-height:1;}
.tit2 strong{ font-size:1em;}
.tit2_2{ color:#fff;}

.tit3{ line-height:3; height:3em; font-size:20px; position:relative;}
.tit3 strong{ float:left; position:relative;}
.tit3 strong:before{ content:'\e946'; margin-right:0.5em; color:#03983c;}
.tit3 ul{ float:left; font-size:16px; padding-top:14px;}
.tit3 li{ float:left; margin-right:12px;}
.tit3 li .pd{ display:block; cursor:pointer; padding:0 1.5em; line-height:2.5; height:2.5em; border-radius:1.25em; background:#ddd;}
.tit3 li.curr .pd{ background:#03983c; color:#fff;}

.tit3_2{ margin-bottom:15px;}

.more4{ position:absolute; right:0px; top:50%; margin-top:-14px; padding:10px 0;}
.more4:before,
.more4:after,
.more4 span{ content:''; float:left; margin:0 3px; width:6px; height:6px; border:1px solid #bbb; display:block; border-radius:50%;}
.more4:hover:before,
.more4:hover:after,
.more4:hover span{ border-color:#03983c;}

.more1{ display:inline-block; vertical-align:bottom; line-height:3; height:3em; border:1px solid #cfcfcf; color:#666; padding:0 2em; text-align:center; min-width:160px; border-radius:1.5em; box-sizing:border-box;}
.more1:hover{ background:#03983c; border-color:#03983c; color:#fff;}
.more1_2{ min-width:138px; height:44px; line-height:44px;}
.more1_3{ min-width:220px; border-color:#fff; color:#fff;}
.more1_4{ min-width:188px;}
.more1_5{ min-width:138px; height:32px; line-height:32px;}




.sicon{ margin-right:1em; position:relative; padding-left:1.5em; line-height:1.5; height:1.5em; color:#666;}
.sicon:before{ margin-right:5px; font-size:1.25em; top:50%; margin-top:-0.5em; line-height:1; display:inline-block; vertical-align:bottom; position:absolute; left:0px;}

.iMain{ background:no-repeat center center;  padding:50px 0;}

.iMain1{ background-color:#f5f5f5;}
.iMain1_1{ width:72.85714285714285%; float:left; background:#fff; box-sizing:border-box; padding:0 20px 20px 20px; position:relative;}
.iMain1_1:before{ content:''; position:absolute; right:-3px; top:-3px; background:url(../images/hot.png) no-repeat; width:45px; height:45px;}
.listA{}
.listA li{}
.listA .pd{ display:block; padding:20px 15px; overflow:hidden; border-bottom:1px solid #ccc; position:relative;}
.listA .img{ width:180px; float:left;}
.listA .text{ margin-left:180px; padding-left:20px;}
.listA .h3{ line-height:24px; margin-bottom:10px; overflow:hidden;}
.listA .h3 span{ float:left; background:#3aae2a; color:#fff; padding:0 0.5em; border-radius:5px; margin-right:0.75em;}
.listA .h3 strong{ float:left; font-size:18px; width:56%; height:24px; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1;}
.listA .h3 em{ float:right; color:#999; margin-right:0px;}
.listA .p{ height:3em; line-height:1.5; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; margin-bottom:10px; color:#666;}
.listA .em{}
.listA .pd:hover{}
.listA li:last-child .pd{ border-bottom:none;}


.listA li.nimg .img{ display:none;}
.listA li.nimg .text{ margin-left:0px; padding-left:0px;}

.listA_2 .pd{ border-bottom-style:dashed; border-bottom-color:#ccc;}
.listA_2 li:last-child .pd{ border-bottom-color:#ccc;}

.iMain1_2{ width:25.71428571428571%; float:right;}
.iMain1_3{ margin-bottom:20px;}
.iMain1_4{}

.iMain2{ background:#f5f5f5;}
.iMain2_1{ margin-bottom:36px;}
.listB{}
.listB .single-item{ margin:0 -10px;}
.listB .pd{ display:block; margin:0 10px;}
.listB .tit{ background:#2c2a25; border-radius:5px 5px 0 0; font-size:20px; line-height:3; height:3em; text-align:center; color:#fff;}
.listB .con{ border:1px solid #ccc; padding:20px; background:#fff;}
.listB .p{ overflow:hidden; font-size:16px; min-height:18em;}
.listB .p a{ display:block; box-sizing:border-box; line-height:1.25; height:1.25em; margin-bottom:0.875em; position:relative; padding-left:1em; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1;}
.listB .p a:before{ content:''; position:absolute; left:0px; top:0.425em; border-radius:50%; background:#ccc; width:0.375em; height:0.375em;}
.listB .p.w50 a{ width:50%; float:left;}
.listB .m{ text-align:center;}
.listB .pd:hover .tit{ background:#03983c;}
.listB .slick-dots{ bottom:0px;}
.iMain2_2{}
.iMain2_2 .img{ width:50%; float:left; box-sizing:border-box;}
.iMain2_3{ padding-right:10px;}
.iMain2_4{ padding-left:10px;}

.iMain3{ background:#fff;}
.iMain3 .ul{ margin-right:-20px;}
.iMain3 .li{ width:33.3333%; float:left;}
.iMain3 .wpd{ margin-right:20px; background:#f5f5f5; padding:0 20px; min-height:440px;}
.iMain3_1{}
.iMain3_2{}
.iMain3_3{}

.imgtextA { padding-bottom:15px; border-bottom:1px solid #ddd; margin-bottom:15px;}
.imgtextA .pd{ display:block; overflow:hidden;}
.imgtextA .img{ width:180px; float:left;}
.imgtextA .text{ margin-left:180px; padding-left:20px;}
.imgtextA .h3{ font-size:16px; line-height:1.5; max-height:3em; margin-bottom:1em; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; color:#333;}
.imgtextA .em{ color:#666;}

.listC{}
.listC li{ font-size:16px;}
.listC .pd{ display:block; overflow:hidden; line-height:2.5;}
.listC span{ margin-right:70px; height:2.5em; overflow:hidden; display:block; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1;}
.listC em{ float:right; color:#ccc;}
.listC .pd:hover span{}
.listC_2 ul{ margin-right:-20px;}
.listC_2 li{ width:50%; float:left;}
.listC_2 .pd{ margin-right:20px;}

.listD{}
.listD li{ font-size:16px;}
.listD .pd{ display:block; position:relative; line-height:2.425;}
.listD span{ margin-left:2em; margin-right:20px; height:2.425em; overflow:hidden; display:block; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1;}
.listD .icon{ position:absolute; left:0px; top:50%; margin-top:-0.5em;  color:#ccc; font-size:20px;}
.listD .iconfont{ position:absolute; right:0px; top:50%; margin-top:-1em; width:2em; height:2em; line-height:2; text-align:center; color:#3aae2a; font-size:20px;}
.listD .icon-chakan1{ right:40px;}
.listD .iconfont:hover{ color:#03983c;}
.listD_2 li{ padding:5px 0; border-bottom:1px dashed #ccc;}
.listD_2 li:first-child{ border-top:1px solid #ccc;}

.iMain4{ background-image:url(../img/imain4.jpg);}
.iMain4_1{ margin-bottom:30px;}
.listE{}
.vListA .single-item{ margin:0 -10px;}
.vListA .pd{ margin:0 10px; display:block; background:#fff;}
.vListA .img{}
.vListA .text{ padding:20px;}
.vListA .em{ overflow:hidden; font-size:20px; line-height:1em; margin-bottom:0.5em;}
.vListA .em strong{ float:left; color:#03983c;}
.vListA .em span{ float:right; font-size:0.7em; background:#3aae2a; border-radius:0.7em; color:#fff; padding:0 1em;}
.vListA .em em{  float:right; font-size:0.7em; background:#03983c; border-radius:0.7em; color:#fff; padding:0 1em;}
.vListA .h3{ font-size:18px; line-height:1.5; height:3em; color:#666; margin-bottom:1em; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.vListA .p{ font-size:16px; color:#999; line-height:42px; height:42px; overflow:hidden;}
.vListA .m{ text-align:center;}
.vListA .slick-dots{ bottom:0px;}
.vListA .slick-dots li button{ background:#fff;}

.iMore{ text-align:center;}
.iMore a{ margin:0 1.5em;}

.iMain5{}
.iMain5_1{ margin-bottom:50px;}
.listF{}
.listF ul{ position:relative;}
.listF ul:before{ content:''; position:absolute; width:1px; top:0px; bottom:0px; left:50%; background:#ccc;}
.listF li{ width:50%; float:left;}
.listF .pd{ display:block; overflow:hidden; border-bottom:1px dashed #ababab; margin:0 60px 0 0; line-height:3.5; font-size:16px;}
.listF .li{ float:left; height:3.5em; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1;}
.listF .li1{ width:42%;}
.listF .li2{ width:12%; color:#03983c;}
.listF .li3{ width:16%;}
.listF .li3 span{ color:#999;}
.listF .li4{ width:30%;}
.listF li:nth-child(even) .pd{ margin:0 0 0 60px;}

.iMain6{ background:#eeeeee;}
.iMain6_1{ padding-bottom:25px;}
.listG{}
.listG ul{ margin-right:-18px;}
.listG li{ width:16.666666666666668%; float:left; margin-bottom:18px;}
.listG .pd{ display:block; margin-right:18px;}
.listG .pd img{ border:1px solid #ccc;}
.listG .pd strong{ display: block; height: 2.5em; line-height: 2.5; overflow: hidden; text-align: center;}

.iMain7{}
.iMain7_1{ margin-right:-20px;}
.iMain7_1 .li{ width:33.3333%; float:left;}
.iMain7_1 .wpd{ margin-right:20px; background:#fff; min-height:420px;}
.iMain7_1 .listC{ border:1px solid #ccc; padding:20px; min-height:250px; box-sizing:border-box;}

.imgtextB {}
.imgtextB .pd{ display:block; overflow:hidden; position:relative;}
.imgtextB .img{ }
.imgtextB .text{ position:absolute; left:0px; bottom:0px; right:0px; font-size:16px; padding:0 1.25em; line-height:2.5; height:2.5em; background:rgba(0,0,0,0.8); overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; color:#fff;}

.iService{ background:#eee; padding:30px 0; border-top:1px solid #eee;}
.iService .ul{ padding-right:320px;}
.iService .li{ float:left; width:50%;}
.iService .pd{ color:#000;}
.iService .h3{ font-size:24px;}
.iService .p{ font-size:16px;}
.iService .li3{ position:absolute; right:0px; top:0px; width:320px;}
.NavA{}
.NavA ul{ margin-right:-10px;}
.NavA li{ float:left; width:50%;}
.NavA .pd{ margin-right:10px; height:38px; line-height:38px; background:#fff; color:#000; display:block; text-align:center; border-radius:5px;}
.NavA .pd:hover{ background:#03983c; color:#fff;}

.footer{}
.fTop{ background:#2c2a25; padding:30px 0;}
.fTop .wp{ min-height:128px;}
.fNav{ margin-right:35%; line-height:1.5;}
.fNav dl{ width:25%; float:left; box-sizing:border-box; border-right:1px solid #444; text-align:center;}
.fNav dt{ margin-bottom:1.5em; line-height:1;}
.fNav dt a{ font-size:16px; color:#fff;}
.fNav dt a:hover{ color:#03983c;}
.fNav dd{}
.fNav dd a{ display:block; color:#aaa; margin-bottom:0.25em;}
.fNav dd a:hover{ color:#03983c;}
.fFollow{ width:150px; margin:0 auto;}
.fFollow li{ float:left; width:33.3333%; position:relative;}
.fFollow .h3 a{ width:38px; height:38px; line-height:38px; text-align:center; margin:0 auto; display:block; background:#1a1a1a; color:#909090; border-radius:50%; font-size:24px;}
.fFollow .h3 a:hover{ background:#03983c; color:#fff;}
.fFollow .box{ position:absolute; bottom:100%; width:120px; left:50%; margin-left:-60px; padding-bottom:10px; display:none;}
.fFollow .box:before{ content:''; position:absolute; left:50%; bottom:3px; margin-left:-8px; width:0; height:0; border-left:8px solid transparent; border-right:8px solid transparent; border-top:10px solid #fff;}
.fFollow li:hover .box{ display:block;}

.fFollow .box img{ width:100%; height:auto; display:block;}
.fEwm{ position:absolute; right:0px; top:0px; width:110px; text-align:center; color:#aaa;}
.fEwm .img{ margin-bottom:5px;}
.fBottom{ background:#151412; line-height:1.5; padding:1em 0; font-size:12px; color:#888;}
.fBottom a{ color:#888;}
.fBottom a:hover{ color:#fff;}
.fLink{ float:left; max-width:54%;}
.fLink a{ margin-left:0.5em;}
.fCopy{ float:right; max-width:46%;}









.body_logo{ padding-top:80px; background:#eee;}
.loginMain{ padding:30px 0 60px 0;}
.headerB{ position:fixed; left:0px; top:0px; right:0px; background:#fff; box-shadow:0 0 3px rgba(0,0,0,0.3); z-index:9;}
.headerB .wp{ height:80px;}
.logoB{ font-size:34px; line-height:1; top:50%; margin-top:-0.5em; position:absolute; }
.logoB img{ display:block; height:1em; width:auto;}
.login{ background:#fff; padding:50px 20px 40px 50px;}
.loginFl{ float:left; width:60%;}
.loginFl .wpd{ position:relative; border-right:1px solid #ddd;}
.loginFl .img{}
.loginFl .text{ position:absolute; left:0px; top:0px; line-height:2;}
.loginFr{ float:right; width:40%;}
.loginFr .wpd{ padding:40px 76px 0 76px;}
.loginFr dd{ margin-bottom:25px;}
.loginFr dd:last-child{ margin-bottom:0px;}
.loginFr .pd{ position:relative;}
.loginFr i{ position:absolute; height:1em; font-size:24px; line-height:1em; text-align:center; display:block; left:15px; top:50%; margin-top:-0.5em; z-index:3; pointer-events: none;}
.loginFr .dd2{ margin-bottom:10px;}
.loginFr .dd3{ text-align:right; margin-bottom:15px;}
.loginFr .dd4{ margin-bottom:10px;}
.loginFr .dd5{ text-align:right;}
.loginFr .dd7{ text-align:center;}
.loginFr .dd7 a{ color:#03983c;}
.loginFr .dd7 a:hover{ color:#0072ff;}
.loginFr .dd10{ margin-bottom:30px;}
.loginFr .dd12{}
.loginFr .dd12 a{ color:#03983c;}
.loginFr .dd12 a:hover{ color:#0072ff;}
.ipt_t3{ width:100%; height:48px; box-sizing:border-box; background:none; border:1px solid #ccc; border-radius:4px; padding:0 15px 0 58px; font-size:14px; position:relative; z-index:2;}
.ipt_t3:focus{ box-shadow:0 0 10px rgba(0,114,255,0.3); border-color:#0072ff;}
.ipt_b3{ border:none; display:block; text-align:center; font-size:18px; background:#03983c; color:#fff; width:100%; line-height:48px; height:48px; border-radius:4px; cursor:pointer;}
.ipt_b3:hover{ color:#fff; background:#3aae2a;}
.ipt_b3_2{ width:160px;}
.ipt_b3_3{ background:#3aae2a;}
.ipt_b3_3:hover{ background:#03983c; }
.ipt_b3_4{ width:120px; height:38px; line-height:38px;}
.loginPortal{}
.loginPortal ul{ overflow:hidden; width:220px; margin:0 auto;}
.loginPortal li{ float:left; width:33.3333%; }
.loginPortal a{ display:block; text-align:center; width:42px; height:42px; margin:0 auto; position:relative; border:1px solid #ccc; border-radius:50%;}
.loginPortal .icon{ display:block; font-size:24px; position:absolute; top:50%; left:50%; display:block; margin:-0.5em 0 0 -0.5em;}
.loginPortal a:hover{ border-color:#0072ff;}
.ipt_y3{ position:absolute; right:0px; top:1px; height:48px; padding:0 1em; z-index:3; font-size:14px; box-sizing:border-box; border:1px solid #ccc; border-radius:3px;}
.ipt_y3:hover{ background:#03983c; color:#fff; border-color:#03983c;}

.ipt_y3_2{ height:40px;}


.ipt_l1{ cursor:pointer; margin-right:0.5em;}
.ipt_c3{ width:18px; height:18px; margin: 0 0.5em 0 0.5em;}

.pbanner{}
.pbanner img{ width:100.418410041841%; height:auto; display:block;}



.tSearch{ display:none; position:absolute; width:680px; left:50%; margin-left:-280px; top:20px; z-index:3;}
.tSearch .i{ font-size:20px; width:40px; height:40px; line-height:40px; text-align:center; cursor:pointer; z-index:2; position:relative; display:none;}
.tSearch .pd{margin:0 auto;}
.tSearchTab{ font-size:16px; text-align:center; margin-bottom:4px;}
.tSearchTab ul{ margin-right: -3px;}
.tSearchTab li{ float:left; display:block; width: 14.285714285714286%;}
.tSearchTab span{ display:block; border-radius:5px; height:30px; line-height:30px; text-align: center; margin-right:3px; color:#333; position:relative; cursor:pointer;}
.tSearchTab li.curr span{ background:#03983c; color:#fff;}
.tSearchCon{}
.tSearchCon .li{ display:none;}
.tSearchCon .li:first-child{ display:block;}
.tSearchCon .npd{ position:relative; background:#f1f1f1; border-radius:8px;}
.tSelect{ position:relative; cursor:pointer;}
.tSelectTit{ line-height:50px; font-size:14px; color:#666; position:relative; width:140px; text-align:center;}
.tSelectTit:before{ content:''; position:absolute; right:0px; top:50%; height:2.125em; width:1px; margin-top:-1.0625em; background:#ccc;}
.tSelectTit span{ height:50px; overflow:hidden; max-width:4em; display:inline-block; vertical-align:bottom;}
.tSelectTit i{ color:#bbb; margin-left:0.5em; display:inline-block; vertical-align:bottom;}
.tSelectCon{ position:absolute; left:0px; top:100%; right:0px; display:none;}
.tSelectCon:before{ content:''; position:absolute; left:50%; top:-6px; margin-left:-8px; width:0; height:0; border-left:8px solid transparent; border-right:8px solid transparent; border-bottom:7px solid #03983c;}
.tSelectCon ul{background:#03983c; box-shadow:0 0 3px rgba(0,0,0,0.3);color:#fff; padding:10px 0; border-radius:5px;text-align:center;}
.tSelectCon li{ height:1.5em; line-height:1.5;}
.tSelectCon li:hover,
.tSelectCon li.curr{ background-color:#fff; color:#03983c;}
.ipt_t4{ display:block; width:100%; box-sizing:border-box; background:none; border:none; height:50px; padding:0 160px 0 160px; font-size:16px;}
.ipt_b4{ position:absolute; right:0px; top:0px; height:50px; display:block; width:120px; background:#03983c; color:#fff; border:none; border-radius:0 6px 6px 0;font-size:20px; display:block; cursor:pointer; text-align:center; line-height:50px;}
.ipt_b4:hover{ color:#fff; background:#3aae2a;}
.tSelect1_1{ position:absolute; left:0px; top:0px;}

.crumbs{ line-height:2.5; border-bottom:1px solid #ccc; background:#fff;}
.crumbs em{ margin:0 0.25em;}
.crumbs span{ color:#03983c;}
.pMain{ padding:25px 0 50px 0;}
.pMain .wp{ min-height:600px;}
.NavB{}
.NavB dl{ margin-bottom:10px;}
.NavB dl:last-child{ margin-bottom:0px;}
.NavB dt a{ display:block; padding:0 20px; color:#fff; font-size:20px; line-height:2.5; height:2.5em; overflow:hidden; background:#2c2a25;}
.NavB dd{ background:#fff;}
.NavB dd a{ display:block; line-height:3.5; height:3.5em; padding:0 40px; border-bottom:1px dashed #ddd; position:relative;}
.NavB dd a:before{ content:''; position:absolute; left:20px; top:50%; width:3px; height:7px; background:#03983c; margin-top:-4px;}
.NavB dd a:after{ content:''; position:absolute; left:20px; top:50%; width:7px; height:3px; background:#03983c; margin-top:0px;}
.NavB dd a:last-child{ border-bottom:none;}
.NavB dd a.curr,.NavB dd a:hover{ background:#03983c; color:#fff;}
.NavB dd a.curr:before,
.NavB dd a.curr:after,
.NavB dd a:hover:before,
.NavB dd a:hover:after{ background:#fff;}
.pMainFl{ width:290px; position:absolute; left:0px; top:0px;}
.pMainFr{ margin-left:300px;}
.tit4{ font-size:20px; margin-bottom:1em; line-height:1;}
.tit4 h1{ font-weight:bold;}
.tit4_1{}
.tit4_1 h1,
.tit4_2 h3{color:#03983c;}
.tit4_2 h1,
.tit4_2 h3{color:#333;}
.tit4_3{ margin-bottom:0px;}
.tit4_3 h1,
.tit4_3 h3{color:#999;}

.aboutCon{ background:#fff; padding:40px; min-height:487px;}
.aboutCon1{}
.textA{ color:#666; line-height:2;}
.textA img{ max-width:100%; height:auto; display:block;}
.textA strong{ color:#03983c;}

.aboutCon2{}
.imgtestC{}
.imgtestC .img{ width:210px; float:left;}
.imgtestC .img span{ display:block; line-height:2; height:2em; overflow:hidden; text-align:center;}
.imgtestC .text{ margin-left:210px; padding-left:50px;}
.imgtestC .h3{ font-size:24px; font-weight:bold; line-height:1.5; margin-bottom:0.5em;}


.fqa dl{ margin-bottom:10px;}
.fqa dt{ padding:12px; overflow:hidden; position:relative; background:#f5f5f5; border-radius:5px; margin-bottom:5px; cursor:pointer;}
.fqa dt .i{ width:26px; height:26px; line-height:26px; background:#03983c; color:#fff; border-radius:3px; margin-right:13px; float:left; text-align:center;}
.fqa dt span{ display:block; line-height:26px; margin-right:30px; margin-left:30px;}
.fqa dt i{ width:30px; height:30px; line-height:30px; text-align:center; position:absolute; top:12px; right:10px; transform:rotate(90deg);}
.fqa dd{ padding:15px 40px 15px 0; display:none; background:#f5f5f5; border-radius:5px;}
.fqa dd .i{ width:26px; height:26px; line-height:26px; background:#3aae2a; margin-left:10px; color:#fff; border-radius:5px; float:left; text-align:center;}
.fqa dd .p{ margin-left:52px;}
.fqa .curr dt{}
.fqa .curr dt .i{ border-right-color:#fff;}
.fqa .curr dt i{ transform:rotate(-90deg);}
.fqa .curr dd{}


.nMainFl{ width:66.14285714285715%; float:left;}
.nMainFl .wpd{}
.nMainFr{ width:32.42857142857143%; float:right;}
.news{ box-shadow:0 0 8px rgba(0,0,0,0.3); background:#fff; padding:15px 20px 30px 20px;}
.newsPage{ text-align:center; font-size:14px; padding:30px 0;}
.newsPage ul{ display:inline-block; vertical-align:bottom;}
.newsPage li{ float:left; margin:0 5px;}
.newsPage a,
.newsPage span{ background:#fff; border:1px solid #ddd; border-radius:3px; display:block; min-width:2.5em; height:2.5em; line-height:2.4; padding:0 1em; box-sizing:border-box;}
.newsPage li.active a,
.newsPage li.active span,
.newsPage li:hover a,
.newsPage li:hover span{ background:#03983c; border-color:#03983c; color:#fff;}


.navC{ margin-bottom:20px;}
.navC dl{ border-bottom:1px solid #eee; padding:15px 0;}
.navC dt{ font-size:20px; font-weight:bold; line-height:1; position:relative; cursor:pointer;}
.navC dt i{ position:absolute; right:0px; top:0px; color:#ccc;}
.navC dd{ overflow:hidden; padding-top:5px;}
.navC dd a{ display:inline-block; margin-top:5px; vertical-align:bottom; border-radius:5px; line-height:2.5; height:2.5em; background:#eee; padding:0 1em; margin-right:0.5em;
width: 7em;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
text-align: center;
}
.navC dd a.curr{ background:#03983c; color:#fff;}
.navC dl.active dt i{ color:#000; transform:rotate(180deg);}
.navC dl:first-child dd{ display:block;}

.navC2 dd a{ background:#fff;}
.navC_2 dl.active dt i{ display:none;}

.nMainFrCon{ margin-bottom:20px;}
.nMainFrCon:last-child{ margin-bottom:0px;}
.nMainFrCon .wpd{ border:1px solid #ddd; background:#fff; padding:0 20px 20px 20px;}


.listH{}
.listH li{ font-size:16px; border-bottom:1px dashed #ccc; padding:10px 0;}
.listH .pd{ display:block; overflow:hidden; line-height:20px; padding-left:30px; position:relative;}
.listH .pd:before{ content:attr(data-num); width:20px; height:20px; left:0px; top:50%; margin-top:-10px; position:absolute; background:#dddddd; text-align:center; line-height:20px; color:#fff;}
.listH span{ margin-right:70px; height:20px; overflow:hidden; display:block; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1;}
.listH em{ float:right; color:#ccc;}
.listH .pd:hover span{ text-decoration:underline;}
.listH li:nth-child(1) .pd:before,
.listH li:nth-child(2) .pd:before,
.listH li:nth-child(3) .pd:before{ background:#03983c;}



.linkCon{ background:#fff; margin-bottom:20px;}
.linkCon .wpd{ padding:20px;}

.jobSelect{ margin-bottom:15px;}
.jobSelect dl{ width:20%; float:left;}
.jobSelect dl:first-child{ width:40%;}
.jobSelect dl:first-child .pd{ width:50%; float:left;}
.jobSelect dt{ color:#666; font-size:16px; line-height:1; margin-bottom:10px;}
.jobSelect .wpd{ margin-right:-10px;}
.jobSelect .pd{ box-sizing:border-box; padding-right:10px;}
.ipt_s1{ width:100%; border:1px solid #ccc; border-radius:5px; height:40px; line-height:40px; padding:0 15px; font-size:14px; box-sizing:border-box; cursor:pointer; color:#999;}
.ipt_s1:focus{ box-shadow:0 0 10px rgba(0,114,255,0.3); border-color:#0072ff; color:#333;}
.jobList{ border:1px solid #ccc; padding:20px; background:#fff;}
.listI{}
.listI li{ border-bottom:1px dashed #ccc;}
.listI .pd{ position:relative; display:block; overflow:hidden; padding:20px 0 20px 44px; line-height:20px;}
.listI .li{ float:left; box-sizing:border-box; padding-right:10px;}
.listI .li1{ width:35%;}
.listI .li2{ width:35%;}
.listI .li3{ width:15%;}
.listI .li4{ width:15%;}
.listI strong{ font-size:16px; display:block; text-align:left;}
.listI em{ color:#999; display:block; text-align:right;}

.state{ position:absolute; left:0px; top:20px; width:34px; height:20px; line-height:20px; background:#03983c; border-radius:3px; text-align:center; font-size:12px; color:#fff; display:block;}
.state:before{ position:absolute; right:0px; bottom:-4px; content:''; width:0; height:0; border-top:5px solid transparent; border-bottom:5px solid transparent; border-right:6px solid #03983c;}
.state_1{ background:#03983c;}
.state_1:before{ border-right-color:#03983c;}
.state_2{ background:#3aae2a;}
.state_2:before{ border-right-color:#3aae2a;}

.stateB{ position:relative; top:0px; width:34px; height:20px; line-height:20px; background:#999; border-radius:3px; text-align:center; font-size:12px; color:#fff; display:block; display:inline-block; vertical-align:bottom; transform:translateY(-10px); margin-left:10px;}
.stateB:before{ position:absolute; left:0px; bottom:-4px; content:''; width:0; height:0; border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:6px solid #999;}
.stateB_1{ background:#03983c;}
.stateB_1:before{ border-left-color:#03983c;}
.stateB_2{ background:#3aae2a;}
.stateB_2:before{ border-left-color:#3aae2a;}


.jobInfo{ margin-bottom:20px;}
.jobInfo .wpd{ padding:20px; background:#fff; border:1px solid #ccc;}
.jobInfoTit{ font-size:20px; margin-bottom:1.5em;}
.jobInfoTit .h1{ color:#000; position:relative;}
.jobInfoTit .h1 h1{ font-weight:bold; display:inline-block; vertical-align:bottom;}
/*.jobInfoTit .h1 i{ display:inline-block; vertical-align:bottom; position:relative; left:auto; top:-5px;}
.jobInfoTit .h1 i:before{ border-left:6px solid #03983c; left:0px; border-right:none;}*/
.jobInfoTit .h1 em{ color:#999; position:absolute; right:0px; top:0px;}
.jobInfoTit .h3{ color:#000;}
.jobInfoTit .em{ color:#03983c;}
.jobInfoCon{ font-size:16px; line-height:2;}
.jobInfoCon dl{ margin-bottom:1.5em;}
.jobInfoCon dt{ font-weight:bold;}
.jobInfoCon dd{}
.jobInfoCon a{ color:#3aae2a;}

.jobOp{ margin-bottom:20px;}
.jobOpFl{ float:left;}
.statistics{ overflow:hidden;}
.statistics li{ float:left; margin-right:10px;}
.statistics .pd{ display:block; border:1px solid #ccc; background:#fff; line-height:2; padding:0 1em; border-radius:3px; color:#666;}
.statistics .pd i{ margin-right:5px;}
.statistics .pd:hover{ border-color:#03983c;}
.statistics .pd:hover i{ color:#03983c;}
.statistics li:last-child .pd{ cursor:default; color:#666;}
.statistics li:last-child .pd:hover{ border-color:#ccc;}
.statistics li:last-child .pd:hover i{ color:#666;}
.statistics3{ text-align: center;}
.statistics3 ul{ display: inline-block; vertical-align: bottom;}
.btn_down .pd{ background:#4cbf00; color:#fff; border-color:#4cbf00;}
.btn_down .pd i{ margin:0 0 0 5px;}
.btn_down .pd:hover{ background:#03983c; color:#fff; border-color:#03983c;}
.btn_down .pd:hover i{ color:#fff;}
.jobOpFr{ float:right;}
.share{ position:relative; overflow:hidden; padding-left:3em;}
.share:before{ content:'分享：'; line-height:34px; display:block; height:34px; left:0px; top:50%; margin-top:-17px; position:absolute; width:3em; text-align:right;}
.share li{ float:left; margin-left:10px;}
.share .pd{ width:30px; height:30px; line-height:30px; display:block; font-size:22px; border-radius:50%; color:#fff; border:2px solid #000; text-align:center;}
.share .icon-weixin{ background:#4cbf00; border-color:#4cbf00;}
.share .icon-weibo{ background:#03983c; border-color:#03983c;}
.share .icon-kongjian{ background:#f5c01c; border-color:#f5c01c;}
.share .icon-qq1{ background:#25b5f1; border-color:#25b5f1;}
.share .icon-jia2{ background:#fff; color:#25b5f1; border-color:#25b5f1;}
.share .pd:hover{ opacity:0.8;}
.bshare-custom{ display:none;}



.container{ margin-bottom:15px; background:#fff; border:1px solid #ccc; padding:20px; }
.commentbox{ margin-bottom:15px;}
.mytextarea{ width:100%; height:115px; font-size:1em; border:1px solid #eee; border-radius:5px; padding:15px; line-height:1.5; box-sizing:border-box; resize:none; overflow:hidden; display:block; margin-bottom:10px;}
.mybtn,
.send{ display:block; width:110px; height:40px; line-height:40px; text-align:center; background:#03983c; color:#fff; font-size:16px; border-radius:3px; cursor:pointer;}
.comment-list{ border:1px solid #ccc; background:#fff; padding:0 20px;}
.comment-info{ padding:20px 0; border-bottom:1px solid #ccc;}
.comment-info:last-child{ border-bottom:none;}
.comment-info .icon-dizhi{ display:none;}
.comment-info .icon-shijian{ position:absolute; right:0px; top:50%; margin-top:-0.75em; color:#999; margin-right:0px;}
.comment-header{ margin-bottom:15px; position:relative; padding-left:52px; min-height:40px;}
.comment-header .img{ position:absolute; left:0px; top:0px;}
.comment-header .img img{ width:40px; height:40px; border-radius:50%;}
.comment-header .text{ overflow:hidden; position:relative;}
.comment-header .text .h3{ padding-right:12em;}
.comment-header .text .h3 strong{ display:block; font-size:14px;}
.comment-footer{ padding-left:52px;}
.reply-list{ padding-left:52px; padding-top:15px;}
.reply{ border-top:1px dashed #ccc; padding:10px 0; position:relative; padding-left:52px; min-height:40px;}
.reply .img{ width:40px; position:absolute; left:0px;}
.reply .img img{ width:40px; height:40px; border-radius:50%;}
.reply .text{}
.reply .h3{ margin-bottom:10px; position:relative; padding-right:160px;}
.reply .h3 a{ color:#0088ff;}
.reply .p{ margin-bottom:10px;}
.btnMsg{ display:inline-block; vertical-align:bottom; background:#4cbf00; color:#fff; line-height:24px; height:24px; text-align:center; padding:0 0.5em; border-radius:3px; cursor:pointer;}
.btnMsg i{ float:left; font-size:14px; line-height:24px; margin-right:5px;}
.btnMsg span{ float:left; font-size:12px;}

.more2{ display:inline-block; vertical-align:bottom; background:#3aae2a; color:#fff; padding:0 1em; text-align:center; min-width:114px; border-radius:3px; box-sizing:border-box;}
.more2 i{ display:inline-block; vertical-align:bottom; line-height:2; height:2em; font-size:16px; margin-left:0.5em;}
.more2 span{ display:inline-block; vertical-align:bottom; line-height:2; height:2em; font-size:16px;}
.more2:hover{ background:#03983c; color:#fff;}
.more2_1{ min-width:100px;}
.more2_2{ min-width:150px;}
.more2_2 i,
.more2_2 span{ font-size:20px; line-height:2.5; height:2.5em;}
.more2_3{ background:#03983c; color:#fff; margin-left:5px;}
.more2_4{ min-width:100px; background:#2b75eb; color:#fff;}

.more3{ min-width:150px; display:inline-block; vertical-align:bottom; background:#03983c; color:#fff; height:2em; line-height:2; text-align:center; font-size:20px; margin-right:10px;}
.more3:hover{ background:#3aae2a; color:#fff;}

.more6{ min-width:220px; display:inline-block; vertical-align:bottom; background:#03983c; color:#fff; height:3em; border:none; line-height:3; text-align:center; font-size:20px; border-radius:1.5em;}
.more6:hover{ background:#3aae2a; color:#fff;}



.listJ{}
.listJ li{ padding:15px 0px; border-bottom:1px dashed #ccc;}
.listJ .pd{ display:block; position:relative; padding-right:120px;}
.listJ .h3{ position:relative; margin-bottom:15px; display:block;}
.listJ .h3 .icon{ position:absolute; left:0px; top:12px; font-size:18px; line-height:1; margin-top:-0.5em;}
.listJ .h3 strong{ font-size:18px; padding-left:1.5em;}
.listJ .p{ overflow:hidden; color:#999;}
.listJ .p span{ color:#000;}
.listJ .p em{ color:#03983c;}
.listJ .li{ float:left; margin-right:2em;}
.listJ .m{ position:absolute; right:0px; top:-3px; width:100px;}
.listJ .m a{ display:block;}
.listJ .m a:first-child{ margin-bottom:5px;}
.listJ .m a:last-child{ background:#2b75eb;}

.vListB{}
.vListB ul{ margin:0 -10px;}
.vListB li{ float:left; width:25%; margin-bottom:30px;}
.vListB .pd{ margin:0 10px; display:block; background:#fff; box-shadow:0 0 5px rgba(0,0,0,0.3);}
.vListB .img{}
.vListB .text{ padding:20px;}
.vListB .em{ overflow:hidden; font-size:20px; line-height:1em; margin-bottom:0.5em;}
.vListB .em strong{ float:left; color:#03983c;}
.vListB .em span{ float:right; font-size:0.7em; background:#3aae2a; border-radius:0.7em; color:#fff; padding:0 1em;}
.vListB .em em{  float:right; font-size:0.7em; background:#03983c; border-radius:0.7em; color:#fff; padding:0 1em;}
.vListB .h3{ font-size:18px; line-height:1.5; height:3em; color:#666; margin-bottom:1em; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.vListB .p{ color:#999; line-height:44px; height:44px; overflow:hidden;}
.vListB .m{ text-align:left;}

.videoNav{ margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #ccc;}
.navD{}
.navD li{ margin-bottom:15px; padding:7px; background:#eeeeee; border-radius:18px;}
.navD li:last-child{ margin-bottom:0px;}
.navD .pd{ display:block; height:32px; line-height:32px; padding-left:50px; position:relative;}
.navD .pd:before{ content:'\e645'; position:absolute; width:32px; line-height:32px; height:32px; left:0px; top:50%; margin-top:-16px; background:#3eb02e; color:#fff; border-radius:50%; text-align:center; font-size:12px;}

.videoCon{box-shadow:0 0 8px rgba(0,0,0,0.3); background:#fff; padding:15px 20px 30px 20px;}

.videoInfo{ overflow:hidden; margin-bottom:30px; padding-top:10px;}
.videoInfo .img{ float:left; width:53.72460496613995%;}
.videoInfo .text{ margin-left:53.72460496613995%; padding-left:25px;}
.videoInfo .h3{ font-size:20px; line-height:1.5; margin-bottom:0.5em;}
.videoInfo .p{ line-height:2; min-height:8em; margin-bottom:4px;}
.videoInfo .m{ margin-bottom:40px;}
.videoInfo .m a{ margin-right:20px;}
.videoInfo .share{ margin-bottom:12px;}
.videoInfo .jobOp{ margin-bottom:0px;}

.info{ margin-bottom:30px;}
.infoTit{ margin-bottom:20px;}
.infoTit .h3{ font-size:26px;}
.infoTit .em{ color:#999;}
.infoTit .em em{ margin:0 1em;}
.infoCon{ line-height:2; color:#666;}
.infoCon img{ max-width:100%; height:auto; display:inline-block; vertical-align:bottom;}


.fMain1{ background:#eeeeee;}
.fMain1_1{ width:66.14285714285715%; float:left; box-sizing:border-box; background:#fff; padding:0px 20px 0 20px; min-height:540px;}
.fMain1_2{ background:#fff; box-sizing:border-box; width:32.42857142857143%; padding:0px 20px; float:right; min-height:540px;}
.vListC{}
.vListC ul{}
.vListC li{ padding:20px 0; border-top:1px solid #ccc;}
.vListC .pd{ display:block; overflow:hidden;}
.vListC .img{ width:180px; float:left;}
.vListC .text{ margin-left:180px; padding-left:20px;}
.vListC .em{ overflow:hidden; font-size:20px; line-height:1em; margin-bottom:0.5em;}
.vListC .em strong{ float:left; color:#03983c;}
.vListC .em span{ float:right; font-size:0.7em; background:#3aae2a; border-radius:0.7em; color:#fff; padding:0 1em;}
.vListC .em em{  float:right; font-size:0.7em; background:#03983c; border-radius:0.7em; color:#fff; padding:0 1em;}
.vListC .h3{ font-size:18px; line-height:1.5; height:3em; color:#666; margin-bottom:1em; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.vListC .p{ font-size:16px; color:#999; line-height:42px; height:42px; overflow:hidden;}
.vListC .m{ text-align:left;}
.fMain2{ background:#fff;}
.fMain2 .wpd{ border:1px solid #eee;}
.fMain3{ background:#eee;}
.fMain3_1{ width:66.14285714285715%; float:left; box-sizing:border-box; background:#fff; padding:0px 20px; min-height:380px;}
.fMain3_2{ background:#fff; box-sizing:border-box; width:32.42857142857143%; padding:0px 20px; float:right; min-height:380px;}
.fMain4{ background:#eee;}
.fMain4 .wpd{ border:1px solid #eee;}
.fMain4:nth-of-type(7),
.fMain4:nth-of-type(9){ background:#fff;}

.tabAcon .li{ display:none;}
.tabAcon .li:first-child{ display:block;}

.probanner{}
.probanner img{ width:100%; height:auto; display:block;}

.crumbs_2{ border-bottom:none; background:none;}
.pScreen{ margin-bottom:20px;}
.pScreenTab{ padding:20px; background:#fff;}
.pScreenTab dl{ margin-bottom: 30px;}
.pScreenTab dt{ font-size:20px; font-weight:bold; line-height:1; position:relative; cursor:pointer;}
.pScreenTab dt i{ position:absolute; right:0px; top:0px; color:#ccc;}
.pScreenTab dd{ overflow:hidden; padding-top:5px;}
.pScreenTab dd a{ display:inline-block; margin-top:5px; vertical-align:bottom; border-radius:5px; line-height:2; height:2em; background:#eee; padding:0 1em; margin-right:0.5em;
width: 7em;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
text-align: center;
}
.pScreenTab dd a.curr{ background:#03983c; color:#fff;}

.pScreenCon{ background:#f5f5f5; border:1px solid #ccc; padding:20px; font-size:16px; position:relative;}
.pScreenCon:after{ content:''; position:absolute; left:20px; top:-7px; width:0; height:0; border-left:8px solid transparent; border-right:8px solid transparent; border-bottom:7px solid #ccc; z-index:1;}
.pScreenCon:before{ content:''; position:absolute; left:20px; top:-6px; width:0; height:0; border-left:8px solid transparent; border-right:8px solid transparent; border-bottom:7px solid #f5f5f5; z-index:2;}
.pScreenCon dl{ position:relative; border-bottom:1px solid #ccc; padding:10px 0 10px 160px;}
.pScreenCon dt{ position:absolute; left:0px; width:160px;}
.pScreenCon dd{ min-height:27px;}
.pScreenCon dd a,
.pScreenCon dd label{ display:inline-block; vertical-align:bottom; background:#fff; padding:0 1em; margin-right:1px; line-height:1.5; height:1.5em; border-radius:3px; margin-bottom:3px; cursor:pointer;
width: 7em;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
text-align: center;
font-size: 14px;
}
.pScreenCon dd a.curr,
.pScreenCon dd label.curr{ background:#03983c; color:#fff;}
.pScreenCon dd input{ display:none;}
.pScreenM{ padding-top:15px; padding-left:160px;}

.pScreenResult{ margin-bottom:20px; line-height:32px;}
.pScreenResult .li{ float:left; margin-right:10px;}
.pScreenResult .h3{ font-size:24px; font-weight:bold;}
.pScreenResult .em{}
.pScreenResult .em span{ color:#03983c; font-size:20px; font-weight:bold;}
.pScreenResult .p em{ display:inline-block; vertical-align:bottom; height:25px; line-height:25px; border-radius:3px; background:#03983c; padding:0 1em; color:#fff; position:relative; margin-right:15px;}
.pScreenResult .p i{ width:16px; height:16px; text-align:center; line-height:16px; position:absolute; right:-8px; top:-8px; border-radius:50%; background:#4c5565; color:#fff; cursor:pointer;}
.pScreenResult .p i:before{ font-size:12px; display:block; content:'\e950';}
.pScreenResult .p i:hover{ background:#3aae2a;}

.pListA{}
.pListA ul{ margin-right:-20px;}
.pListA li{ width:20%; float:left; margin-bottom:20px;}
.pListA .pd{ margin-right:20px; background:#fff; display:block;}
.pListA .img{ border-bottom:4px solid #2c2a25;}
.pListA .text{ padding:10px;}
.pListA .h3{ font-size:16px; color:#000; height: 1.5em; line-height: 1.5; overflow: hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1;}
.pListA .em{ overflow:hidden; color:#666; border-bottom:1px solid #ccc; padding-bottom:10px; margin-bottom:10px;}
.pListA .emFl{ float:left; max-width:50%; height:1.5em; line-height:1.5; overflow:hidden;}
.pListA .emFr{ float:right; max-width:50%; height:1.5em; line-height:1.5; overflow:hidden;}
.pListA .p{ color:#999; line-height:1.5; height:4.5em; overflow:hidden;}

.proInfo{ background:#fff; margin-bottom:20px; overflow:hidden; padding:50px;}
.proInfo .img{ float:left; width:50%;}
.proInfo .text{ margin-left:50%; padding:0 0 0 40px; font-size:16px;}
.proInfo .h3{ font-size:24px; margin-bottom:0.5em; font-weight:bold; line-height:1.4;}
.proInfo .em{ color:#999; padding-bottom:15px; border-bottom:1px solid #ccc; margin-bottom:15px; line-height:1.4;}
.proInfo .em dl{ position:relative; padding:5px 0 5px 80px;}
.proInfo .em dt{ position:absolute; left:0px; width:80px;}
.proInfo .em dd{ color:#333; min-height: 1.4em;}
.proInfo .p{ color:#999; line-height:1.4;}
.proInfo .p dt{ margin-bottom:5px;}
.proInfo .p dd{ color:#333;}

.proBox{ background:#fff; padding:20px; font-size:16px; margin-bottom: 20px;}
.proBoxTab{ margin-bottom:20px;}
.proBoxTab ul{ overflow:hidden;}
.proBoxTab li{ float:left; margin-right:10px;}
.proBoxTab .pd{ display:block; padding:0 1.5em; line-height:2; background:#2c2a25; height:2em; color:#fff; border-radius:5px;}
.proBoxTab li.curr .pd{ background:#03983c; color:#fff;}
.proBoxCon{}
.proBoxCon .li{ display:none; min-height:500px;}
.proBoxCon .li:first-child{ display:block;}
.proBoxCon img{ max-width: 100%; height: auto; display: inline-block; vertical-align: bottom;}
.tableA table{ border:2px solid #fff; border-collapse:collapse; width:100%;}
.tableA tr:nth-child(odd) td{ background:#eeeeee;}
.tableA td{ padding:0.5em 2em; border:2px solid #fff; border-radius:5px; min-width:6em;}

.pListB{}
.pListB li{ margin-bottom:15px; border:1px solid #ccc; padding:16px 8px;}
.pListB .pd{ display:block; position:relative; padding-left:150px; min-height:120px;}
.pListB .img{ width:150px; position:absolute; left:0px; top:0px;}
.pListB .text{ padding:44px 0; overflow:hidden;}
.pListB .span{ float:left; width:25%; line-height:32px; box-sizing:border-box; padding-left:30px;}
.pListB .more2{ line-height:2;}
.pListB .more2 span{ line-height:2;}

.result{ padding:70px; background:#fff;}
.defect{ width:800px; margin:0 auto; display:block;}
.defect .img{ width:366px; float:left;}
.defect .text{ margin-left:366px; padding-left:100px; padding-top:60px;}
.defect .h3{ font-size:24px; font-weight:bold;}
.defect .em{ font-size:16px; line-height:1.5;}
.defect .em a{ color:#03983c;}
.defect .em a:hover{ text-decoration:underline;}
.defect .m{ padding-top:35px;}
.resultB .defect .text{ padding-top:130px;}

.ipt_t5{ width:100%; height:40px; box-sizing:border-box; background:none; border:1px solid #ccc; border-radius:4px; padding:0 15px; font-size:14px; position:relative; z-index:2;}
.ipt_t5:focus{ box-shadow:0 0 10px rgba(0,114,255,0.3); border-color:#0072ff;}

.uploadA{ background:url(../images/proposal.png) no-repeat right bottom; min-height:410px;}
.uploadA .wpd{ width:50%;}
.uploadA dl{ margin-bottom:20px;}
.uploadA dt{ font-size:16px; margin-bottom:10px; line-height:1;}
.uploadA dd{ margin-right:-8px;}
.uploadA .pd{ width:100%; float:left; padding-right:8px; box-sizing:border-box;}
.uploadA .w50{ width:50%;}
.uploadA .last{ padding-top:20px;}

.cupload{ float:left;}
.file{ float:left;}
.file input{ display:none;}
.file span{ width:100px; height:32px; border:1px solid #ccc; background:#efefef; border-radius:5px; display:block; cursor:pointer; text-align:center; line-height:32px; overflow:hidden;}
.file span:hover{ background:#3aae2a; border-color:#0e7400; color:#fff;}
.file_text{float:left; margin-left:10px; line-height:34px; font-size:14px; color:#999;}
.cupload_text{ float:left; margin-left:10px; padding-top:20px; font-size:14px; line-height:1.5; color:#999;}
.ipt_b5{ border:none; display:block; text-align:center; font-size:18px; display:block; cursor:pointer; background:#3aae2a; color:#fff; width:158px; line-height:48px; height:48px; border-radius:4px;}
.ipt_b5:hover{ background:#03983c; color:#fff;}
.alertBg,
.dizhiBg,
.qiandaoBg{ display:none; background:rgba(0,0,0,0.5); position:fixed; left:0px; top:0px; right:0px; bottom:0px; z-index:99;}
.alertA{ display:none; position:fixed; width:284px; background:#fff; top:50%; left:50%; margin:-160px 0 0 -142px; z-index:99; border-radius:5px;}
.alertA .pd{ padding:30px 10px; position:relative;}
.alertA .img{ width:120px; margin:0 auto; display:block;}
.alertA .text{ padding-top:25px; text-align:center;}
.alertA .i{ position:absolute; right:0px; top:0px; cursor:pointer; width:1.25em; font-size:24px; height:1.25em; text-align:center; line-height:1.25; color:#000;}
.alertA .i:hover{ color:#03983c;}
.alertA .h3{ font-size:18px; color:#333; line-height:1; margin-bottom:0.6666em;}
.alertA .em{ font-size:16px; color:#999; line-height:1; margin-bottom:2em;}
.alertA .m{}



.user{ position:relative;}
.userFl{ position:absolute; left:0px; top:0px; width:370px; bottom:0px; background:#fff; box-sizing:border-box; padding:30px;}
.userInfo{}
.userInfo .img{ width:150px; height:150px; margin:0 auto;}
.userInfo .img img{ border-radius:50%; width:100%; height:150px;}
.userInfo .text{ text-align:center; padding-top:15px;}
.userInfo .h3{ font-size:24px; color:#000; line-height:1.5; margin-bottom:0.5em; overflow:hidden; height:1.5em;}
.userInfo .em{ font-size:14px; line-height:2; color:#666; margin-bottom:15px;}
.userInfo .em em{ margin:0 5px;}
.userInfo .m{}
.userInfo .m a{ margin-bottom:10px;}
.userInfo .m a:last-child{ margin-bottom:0px;}
.userFr{ margin-left:380px; background:#fff; box-sizing:border-box; padding:15px 20px; border:1px solid #ccc; min-height:540px;}
.userTab{ margin:0 -20px; border-bottom:1px solid #ddd; padding:0 20px; margin-bottom:20px;}
.userTab li{ float:left; margin-right:1.5em;}
.userTab a{ display:block; padding:0 1em; font-size:18px; height:2.5em; line-height:2.5; position:relative;}
.userTab a:before{ content:''; display:none; position:absolute; bottom:-1px; left:0px; right:0px; height:3px; background:#03983c;}
.userTab li.curr a:before{ display:block;}
.userCon{}
.userNavA{ border-bottom:1px solid #eee; margin-bottom:10px;}
.userNavA li{ float:left; margin-right:2em;}
.userNavA a{ display:block; padding:0 10px; line-height:36px; height:36px;}
.userNavA li.curr a{ font-weight:bold;}
.uListA{}
.uListA li{ border-bottom:1px solid #eee;}
.uListA .pd{ display:block; padding:20px 10px;}
.uListA .img{ width:140px; float:left; display:none;}
.uListA .text{}
.uListA .h3{ color:#000; font-size:16px; line-height:1.4; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; margin-bottom:6px;}
.uListA .p{ color:#666; height:2.8em; line-height:1.4; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; margin-bottom:4px;}
.uListA .em{ color:#999; overflow:hidden;}
.uListA .li{ float:left; margin-right:2em;}
.uListA li.new .img{ display:block;}
.uListA li.new .text{ margin-left:140px; padding-left:10px;}


.userUpA{ text-align:center; padding:100px 0;}
.userUpA .h3{ font-size:24px; font-weight:bold;}
.userUpA .em{ font-size:16px; line-height:1.5;}
.userUpA .em a{ color:#03983c;}
.userUpA .em a:hover{ text-decoration:underline;}
.userUpA .m{ padding-top:35px;}

.uListB{ padding-top:10px;}
.uListB li{ margin-bottom:10px;}
.uListB .pd{ display:block; padding:15px 20px; font-size:14px; color:#999; line-height:14px; border:1px solid #ddd; overflow:hidden; border-radius:5px;}
.uListB .li{ float:left; text-align:center;}
.uListB .li1{ width:45%; text-align:left; color:#333;}
.uListB .li2{ width:20%;}
.uListB .li3{ width:15%;}
.uListB .li4{ width:20%;}
.uListB em{ color:#03983c;}
.uListB span{ color:#3aae2a;}

.userUpB{ border-bottom:1px solid #ccc; margin-bottom:20px; position:relative; padding:15px 0;}
.userUpB .h3{ font-size:18px; font-weight:bold;}
.userUpB .em{ font-size:14px; line-height:1.5;}
.userUpB .em a{ color:#03983c;}
.userUpB .em a:hover{ text-decoration:underline;}
.userUpB .m{ position:absolute; right:0px; top:50%; margin-top:-16px;}

.basicA{ padding:0 20px;}
.basicA dl{ margin-bottom:10px; position:relative; min-height:40px; line-height:40px; padding-left:80px;}
.basicA dt{ position:absolute; left:0px; top:0px;}
.basicA dt em{ color:#03983c;}
.basicA dd{}
.btnBoxA{ padding:20px 20px 50px 80px;}
.ipt_s1_2{ width:120px; color:#333;}
.ipt_text5{ width:100%; display:block; height:6em; box-sizing:border-box; background:none; border:1px solid #ccc; border-radius:4px; padding:10px 15px; font-size:14px; position:relative; z-index:2;}
.ipt_text5:focus{ box-shadow:0 0 10px rgba(0,114,255,0.3); border-color:#0072ff;}
.ipt_text5_2{ height:4.5em;}

.pointsTit{ padding:15px 0; border-bottom:1px solid #ccc; position:relative;}
.pointsTit .h3{ font-size:14px; color:#666; line-height:1.5;}
.pointsTit .em{ font-size:34px; color:#000; line-height:1.2; font-weight:bold;}
.pointsTit .m{ position:absolute; right:0px; top:50%; margin-top:-1.5em; max-width:70%;}
.pointsTit .m .more1{ margin-left:10px;}
.pointsTit .m .more1:nth-child(2){ background:#03983c; border-color:#03983c; color:#fff;}
.pointsCon{}
.pointsCon table{ border-collapse:collapse; width:100%; color:#666;}
.pointsCon th,
.pointsCon td{ text-align:left; padding:8px 10px;}
.pointsCon th{ border-bottom:1px solid #ccc; font-weight:bold; color:#000;}
.pointsCon th:nth-child(1){ width:7em;}
.pointsCon th:nth-child(3){ width:7em;}
.pointsCon th:nth-child(4){ width:10em;}
.pointsCon td{ border-bottom:1px dashed #ccc;}
.pointsCon em{ color:#3aae2a;}
.pointsCon em.on{ color:#03983c;}
.pointsCon strong{ font-weight:normal;}
.pointsCon span{ color:#000;}

.portraitTit{ padding:15px 0; margin-bottom:10px;}
.portraitTit .h3{ font-size:18px; color:#000; line-height:1.5;}
.portraitTit .p{ font-size:14px; color:#999; line-height:1.2;}
.portraitCon .img{ width:158px;}
.portraitCon .img img{ width:158px; height:158px; display:block;}
.portraitCon .cupload-sort-right,
.portraitCon .cupload-sort-left{ display:none !important;}
.portraitCon .cupload-delete-btn{background-size:32px 32px !important; background-position:center center !important; left:0px; bottom:0px; width:100% !important; height:100% !important;}


.security{}
.security li{ margin-bottom:10px; border-radius:5px; background:#f1f1f1; padding:15px;}
.security .pd{ display:block; position:relative; padding:0 115px 0 180px; line-height:34px;}
.security .h3{ position:absolute; left:0px; top:0px; padding:0 0 0 44px; box-sizing:border-box; width:145px; border-right:1px solid #ccc;}
.security .h3 i{ width:34px; height:34px; position:absolute; left:0px; top:50%; margin-top:-17px; border-radius:50%; background:#333; color:#fff; text-align:center;}
.security .h3 i.icon-mima{ background:#3aae2a;}
.security .h3 i.icon-youxiang1{ background:#ffc834;}
.security .h3 i.icon-shouji{ background:#03983c;}

.security .h3 span{ font-size:16px;}
.security .em{}
.security .m{ position:absolute; right:0px; top:0px; width:105px;}
.more5{ display:block; width:100%; height:34px; background:#fff; border-radius:3px; text-align:center;}

.passwordSet{ width:440px; margin:0 auto; padding-top:50px;}
.passwordSet li{ margin-bottom:20px;}
.passwordSet li:last-child{ padding-top:10px;}
.passwordSet .pd{ position:relative;}
.passwordSet i{ position:absolute; left:5px; top:0px; width:40px; height:40px; line-height:40px; text-align:center; font-size:24px;}
.ipt_t5_2{ padding-left:45px;}

.emailSet{ padding-top:20px;}
.emailSetTit{ position:relative; padding-bottom:26px; margin:0 5%; margin-bottom:45px;}
.emailSetTit ul{ position:relative; z-index:2;}
.emailSetTit li{ width:33.3333%; float:left; height:40px;}
.emailSetTit .pd{ position:relative; display:block;}
.emailSetTit .pd:before{ content:''; position:absolute; left:0px; right:0px; height:4px; background:#ddd; top:50%; margin-top:-2px;}
.emailSetTit i{ width:40px; height:40px; border-radius:50%; margin:0 auto; background:#dddddd; text-align:center; line-height:40px; font-size:18px; color:#fff; display:block; z-index:2; position:relative;}
.emailSetTit span{ position:absolute; z-index:2; left:0px; bottom:-26px; line-height:1; right:0px; text-align:center;}
.emailSetTit li.curr .pd:before{ background:#3baf29;}
.emailSetTit li.curr i{ background:#3baf29;}
.emailSetTit li.curr span{ color:#3baf29;}
.emailSetCon{ width:440px; margin:0 auto 60px auto; max-width:100%;}
.emailSetCon dl{ margin-bottom:30px; position:relative; line-height:40px; padding-left:80px;}
.emailSetCon dl:last-child{ margin-bottom:0px;}
.emailSetCon dt{ margin-bottom:5px; position:absolute; left:0px; top:0px;}

.emailResult{text-align:center;}
.emailResult .i{ background:#3baf29; color:#fff; font-size:24px; line-height:2.5; height:2.5em; width:2.5em; margin:0 auto; border-radius:50%;}
.emailResult .p{ font-size:24px; padding-top:20px;}


.search_crumbs{ height:24px; line-height:24px; padding:15px 0; background:#f9f9f9;}
.search_crumbs a{ color:#666;}
.search_crumbs a:hover{ text-decoration:underline;}
.search_crumbs em{ color:#666; margin:0 3px;}
.search_crumbs span{ color:#000;}

.search_tit{ font-size:18px; height:20px; line-height:20px; color:#25211e; border-left:2px solid #043785; padding-left:14px; margin-bottom:24px;}
.search_list{ background:#fff; padding:50px 0 80px 0; min-height:50vh;}
.search_list ul{ border-top:1px dashed #ccc; width:70%;}
.search_list li{ padding:15px 0; border-bottom:1px dashed #ccc;}
.search_list .pd{}
.search_list .h3{ font-size:18px;}
.search_list .h3 em{ color:#043785; margin-right:10px;}
.search_list .em{ font-size:14px; color:#ccc;}
.search_list .p{ font-size:14px; color:#666;}


.singer_r_img{display:block;width:114px;height:52px;line-height:45px;background:url(../images/sing_week.gif) right 2px no-repeat;vertical-align:middle;*margin-bottom:-10px;text-decoration:none;}
.singer_r_img:hover{background-position:right -53px;text-decoration:none;}
.singer_r_img span{margin-left:14px;font-size:16px;font-family:'Hiragino Sans GB','Microsoft YaHei',sans-serif !important;font-weight:700;color:#165379;}
.singer_r_img.current{background:url(../images/sing_sing.gif) no-repeat 0 2px;border:0;text-decoration:none;}
.sign table{border-collapse: collapse;border-spacing: 0;width:100%;}
.sign th,.sign td {text-align: center; width:36px; line-height:36px; height:36px; border:none;}
.sign th {font-size: 16px;}
.sign td {color: #404040;vertical-align: middle; background:url(../images/td.png) no-repeat center center; background-size:32px 32px;}  
.sign .on{ color:#fff; background-image:url(../images/td_on.png);}
.calendar_month_next,.calendar_month_prev{width: 34px;height: 40px;cursor: pointer; display:none;}
.calendar_month_next {float: right;background-position:-42px -6px;}
.calendar_month_span {}
.calendar_month_prev {float: left;background-position:-5px -6px;}
.sign_succ_calendar_title {text-align: center;background:#e7e7e7; height:32px; line-height:32px; font-size:16px; border-radius:16px; margin-bottom:5px;}
.sign_main { width:252px;}

.subNav .li0 .h3 a{ height:auto; line-height:1; padding:10px 0; background:url(../images/subnav.png) repeat-x; background-size:100% 100%;}
.subNav .li0 .h3 i{ display:block; font-size:26px; margin-bottom:6px;}
.subNav .li0 .h3 span{ font-size:16px; font-weight:bold; display:block;}
.subNav .li0 .box{ box-shadow:0 0 5px rgba(0,0,0,0.3); border-radius:5px; display:none; z-index:100;}
.subNav li.li0:hover .box{ display:none;}

.qiandaoTit{ background:url(../images/qiandaotit.png) repeat-x; background-size:100% 100%; padding:20px; color:#fff; border-radius:5px 5px 0 0;}
.qiandaoTit .img{ float:left; font-size:30px; width:74px; height:74px; line-height:74px; background:#fff; text-align:center; border-radius:50%; color:#03983c;}
.qiandaoTit .img i{}
.qiandaoTit .img span{ font-weight:bold;}
.qiandaoTit .text{ margin-left:74px; padding-left:20px; padding-top:10px;}
.qiandaoTit .h2{ font-size:20px; line-height:1.5;}
.qiandaoTit .em{ line-height:1.5;}
.qiandaoCon{ background:#fff; padding:15px 20px;}
.qiandaoBottom{ background:#fff; text-align:center; padding:0px 20px 20px 20px; border-radius:0 0 5px 5px;}
.qiandaoBottom .h2{ font-size:16px; color:#03983c;}
.qiandaoBottom .em{ padding-top:5px;}

.giftHead{ position:relative; margin-bottom:20px;}
.giftHeadFl{ float:left; width:72.85714285714285%;}
.giftListA .pd{ display:block;}
.giftListA .slick-arrow{ font-size:16px;}
.giftListA .slick-dots{ bottom:20px;}
.giftHeadFr{ width:25.71428571428571%; float:right;}
.giftBox{ padding:0 20px 15px 20px; background:#fff;}
.giftListB{ overflow:hidden; height:384px;}
.giftListB li{ height:65px;}
.giftListB .pd{ display:block; position:relative; padding:10px 0 10px 15px; border-bottom:1px dotted #ccc;}
.giftListB .pd:before{ content:''; position:absolute; width:6px; height:6px; left:0px; top:18px; background:#03983c;}
.giftListB .h3{ color:#333; overflow:hidden;}
.giftListB .h3 strong{ float:left; width:50px; overflow:hidden; height:22px; line-height:22px;}
.giftListB .h3 span{ display:block; margin-left:50px; overflow:hidden; height:22px; line-height:22px;}
.giftListB .em{ color:#999;}



.tit5{ padding:10px 20px; border-bottom:1px solid #d5d5d5; overflow:hidden;}
.tit5 i{ float:left; color:#03983c; font-size:22px; line-height:22px; margin-right:5px;}
.tit5 span{ float:left; font-size:18px; line-height:22px;}

.giftCon{ background:#fff; padding:60px 0;}
.giftListC{ margin:0 60px;}
.giftListC ul{ margin-right:-60px;}
.giftListC li{ width:33.3333%; float:left; margin-bottom:30px;}
.giftListC .pd{ display:block; margin-right:60px;}
.giftListC .img{}
.giftListC .img img{ width:100%; height:auto; display:block;}
.giftListC .text{ text-align:center;}
.giftListC .h3{ font-size:16px; color:#000; height:1.5em; line-height:1.5; overflow:hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1;}
.giftListC .em{ font-size:14px; color:#666;}
.giftListC .m{ padding-top:10px;}
.giftListC .m em{ display:inline-block; vertical-align:bottom; min-width:190px; height:36px; line-height:36px; border:1px solid #ccc; border-radius:8px; font-size:16px;}
.giftListC .pd:hover .m em{ background:#03983c; border-color:#03983c; color:#fff;}

.giftTj{ padding-top:10px;}
.giftListD{ padding:20px; background:#fff;}
.giftListD li{ margin-bottom:20px;}
.giftListD li:last-child{ margin-bottom:0px;}
.giftListD .pd{ display:block; box-shadow:0 0 5px rgba(0,0,0,0.1);}
.giftListD .img{}
.giftListD .text{ background:#03983c; padding:15px 135px 15px 20px; color:#fff; position:relative;}
.giftListD .h3{ font-size:14px; height:1.5em; line-height:1.5; overflow:hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1;}
.giftListD .em{ font-size:16px; height:1.5em; line-height:1.5; overflow:hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1;}
.giftListD .m{ position:absolute; right:15px; top:15px;}
.giftListD .m em{ background:url(../images/giftlistd.png) no-repeat; width:125px; height:46px; line-height:46px; box-sizing:border-box; padding-right:10px; text-align:center; color:#03983c; display:block; font-size:20px; font-weight:bold; border-radius:8px;}

.giftInfo{}
.giftInfoHead{ background:#fff; padding:20px; margin-bottom:10px;}
.giftInfoHead .img{ width:55%; float:left; box-shadow:0 0 5px rgba(0,0,0,0.1);}
.giftInfoHead .text{ margin-left:55%; padding:30px 0 0 30px;}
.giftInfoHead .h3{ font-size:24px; line-height:1.5; color:#000;}
.giftInfoHead .em{ font-size:16px; line-height:1.5; margin-bottom:15px; color:#666;}
.giftInfoHead .h4{ margin-bottom:15px;}
.giftInfoHead .h4 strong{ font-size:24px; margin-right:10px;}
.giftInfoHead .h4 strong span{ color:#03983c;}
.giftInfoHead .h4 em{ font-size:16px; text-decoration:line-through; color:#666;}
.giftInfoHead .h4 em span{ color:#03983c;}
.giftInfoHead .leibie{ margin-bottom:20px;}
.giftInfoHead .leibie dt{ line-height:1; margin-bottom:5px;}
.giftInfoHead .leibie dd{ overflow:hidden;}
.giftInfoHead .leibie dd a{ display:inline-block; vertical-align:bottom; height:2em; line-height:2; border:1px solid #ccc; padding:0 1.5em; border-radius:5px; margin-right:5px;}
.giftInfoHead .leibie dd a.curr{ background:#03983c; color:#fff; border-color:#03983c;}
.giftInfoHead .shuliang{ margin-bottom:20px;}
.giftInfoHead .shuliang dt{ line-height:1; margin-bottom:5px;}
.giftInfoHead .m{}
.giftInfoHead .m a,
.giftInfoHead .m input{ display:block; border:none; background:#03983c; width:70%; text-align:center; color:#fff; font-weight:bold; height:2.5em; line-height:2.5; border-radius:6px; font-size:20px;}
.giftInfoHead .m a:hover,
.giftInfoHead .m input:hover{ background:#03983c; border-color:#03983c; color:#fff;}
.giftInfoCon{ background:#fff; padding:20px;}

.number{ border:1px solid #d6d6d6; width:120px; height:30px; text-align:center; line-height:30px; font-size:18px;}
.number_l{ width:30px; float:left; height:30px;}
.number_c{ float:left; width:58px; height:30px; overflow:hidden; resize:none; border:none; border-right:1px solid #d6d6d6;border-left:1px solid #d6d6d6; text-align:center; font-size:18px;}
.number_r{ width:30px; float:left; height:30px;}

.address{ background:#fff; padding:20px 20px 60px 20px;}
.addressC{}
.addressC dl{ position:relative; padding:10px 10px 10px 112px; margin-bottom:5px; line-height:20px; cursor:pointer; border:1px solid #fff; background:#fff;}
.addressC dt{ color:#03983c; position:absolute; left:10px; top:10px; display:none;}
.addressC dd{ position:relative; padding:0 100px 0 26px;}
.addressC .i{ position:absolute; left:0px; top:0px; width:18px; height:18px; border-radius:50%; background:#fff; border:1px solid #ccc;}
.addressC .m{ position:absolute; right:0px; top:0px; color:#03983c; display:none;}
.addressC .m a{ color:#03983c;}
.addressC dl.curr{ background:#fff2f3; border:1px solid #03983c; cursor:default;}
.addressC dl.curr .i{ border:6px solid #3aae2a; background:none; width:8px; height:8px;}
.addressC dl.curr dt{ display:block; left:20px;}
.addressC dl.curr .m{ display:block; right:20px;}
.addressM{ padding-left:112px; margin-bottom:40px;}
.addressM a{ width:120px; height:30px; line-height:30px; text-align:center; border:1px solid #ccc; font-size:14px; display:block; border-radius:5px;}

.shopPro{ border:1px solid #eee; padding:10px; margin-bottom:30px;}
.shopPro ul{ position:relative; padding-left:450px;}
.shopPro li{ float:left; width:25%; min-height:64px;}
.shopPro li:first-child{ width:450px; left:0px; top:0px; position:absolute;}
.shopPro strong{ display:block;}
.shopPro span{ display:block;}
.shopPro .img{ width:80px; float:left; border:1px solid #eee;}
.shopPro .text{ margin-left:80px; padding:10px 0 0 20px;}
.shopPro .h3{ font-size:18px; font-weight:bold; line-height:1.5; height:1.5em; overflow:hidden; color:#000;}
.shopPro .em{ color:#666;}

.shopM{ text-align:right;}
.shopM .h3{ margin-bottom:10px;}
.shopM .h3 span{ font-size:28px; font-weight:bold; color:#03983c;}
.shopM .m{}
.shopM .m a{ display:inline-block; vertical-align:bottom; width:146px; height:40px; text-align:center; font-size:20px; background:#03983c; line-height:40px; border-radius:5px; color:#fff;}


.dizhiBox{ display:none; position:fixed; left:50%; top:50%; width:640px; height:460px; margin:-230px 0 0 -320px; background:#fff; box-sizing:border-box; padding:20px; border-radius:10px; box-shadow:0 0 15px rgba(0,0,0,0.3); z-index:100;}
.dizhiBox label{ cursor:pointer;}

.dizhiT{ line-height:1; margin-bottom:20px;}
.dizhiT strong{ font-size:18px;}
.dizhiT i{ position:absolute; cursor:pointer; right:0px; top:0px; width:2em; text-align:center; line-height:2; height:2em; font-size:24px;}
.dizhiT i:hover{ color:#03983c;}


.giftResult{ background:#fff; padding:120px 60px;}
.giftResult .img{ width:130px; margin:0 auto;}
.giftResult .text{ text-align:center;}
.giftResult .h3{ font-size:34px; color:#03983c;}
.giftResult .p{ font-size:14px; color:#666; margin-bottom:30px;}
.giftResult .m{ width:164px; margin:0 auto;}
.giftResult .m a{ display:block; height:42px; line-height:42px; border-radius:6px; font-size:16px; margin-bottom:15px; color:#999; border:1px solid #999;}
.giftResult .m a:last-child{ margin-bottom:0px;}
.giftResult .m a:hover{ background:#3aae2a; color:#fff; border-color:#3aae2a;}


.addressD{}
.addressD li{ border:1px solid #ccc; margin-bottom:20px;}
.addressD li:last-child{ margin-bottom:0px;}
.addressD .pd{ display:block; padding:20px 25px; position:relative;}
.addressD .i{ position:absolute; right:0px; top:0px; width:2.5em; height:2.5em; line-height:2.5; text-align:center; cursor:pointer;}
.addressD .h3{}
.addressD .em{}
.addressD .p{}
.addressD .m{ padding-top:20px;}
.addressD .m a{ display:inline-block; vertical-align:bottom; margin-right:20px;}
.addressD li.curr{ border:1px solid #03983c; background:url(../images/addressd.png) no-repeat right bottom; cursor:default;}
.addressDM{padding-top:30px;}
.addressDM a{}

.more7{ width:120px; height:30px; line-height:30px; text-align:center; border:1px solid #ccc; font-size:14px; display:block; border-radius:5px;}
.more7:hover{ background:#03983c; color:#fff; border-color:#03983c;}

.pointsRule{ padding-top:30px;}
.pointsRule dl{}
.pointsRule dt{ background:url(../images/line1.png) repeat-y; background-size:100% 100%; padding:0 15px; line-height:2.5; border-radius:6px; color:#fff;}
.pointsRule dd{ padding:10px 15px;}

.order{}
.order dl{ border:1px solid #ccc; padding:0 10px; margin-bottom:20px;}
.order dl:last-child{ margin-bottom:0px;}
.order dt{ line-height:34px; border-bottom:1px solid #eee; margin-bottom:10px;}
.order dd{ padding:8px 0;}
.order ul{ position:relative; padding-left:320px;}
.order li{ float:left; width:17%; min-height:115px; box-sizing:border-box; padding-left:15px; position:relative;}
.order li:before{ content:''; position:absolute; right:0px; top:0px; bottom:0px; width:1px; background:#eee;}
.order li:first-child{ width:320px; left:0px; top:0px; position:absolute;}
.order li:last-child{ width:32%;}
.order li.li4 em{ text-decoration:line-through;}
.order li.li5 em{ color:#03983c; font-size:18px;}
.order strong{ display:block;}
.order span{ display:block;}
.order .img{ width:80px; float:left; border:1px solid #eee;}
.order .text{ margin-left:80px; padding:10px 0 0 20px;}
.order .h3{ font-size:18px; font-weight:bold; line-height:1.5; height:1.5em; overflow:hidden; color:#000;}
.order .em{ color:#666;}
.order .p{ color:#666;}
.order .p a{ color:#333;}
.order .p a:hover{ color:#03983c; text-decoration:underline;}
.order .m{ padding-top:10px;}
.order .m a{ min-width:86px; height:26px; line-height:26px; font-size:14px; color:#fff; border-radius:5px; background:#03983c; display:inline-block; vertical-align:bottom; text-align:center;}

body{ padding:50px 0 40px 0;}
.wp{ width:auto; margin:0 30px;}
.header{ top:0px; background:#fff; padding:0px; box-shadow:0 0 3px rgba(0,0,0,0.3);}
.header:before{ display:none;}
.header .wp{ margin:0 30px; height:50px;}


.logo{ font-size:32px;}
.logo span,
.body_page .logo span{ display:block; font-size:12px;}

.body_fix{}
.menu-link{ display:block;}
.menu{ display:none; position:fixed; transform: translateZ(0); background:rgba(0,0,0,0.8); top:50px; width:240px; right:0px; padding:0px;}
.menu ul{ display:block; margin-right:0px;}
.menu li{ float:none; padding:0px; width:auto; margin:0px; border-bottom:1px solid rgba(255,255,255,0.2);}
.menu .h3 a:before{ display:none !important;}
.menu .h3{ position:relative; padding:0px;}
.menu .h3 a{ height:40px; line-height:40px; text-align:left; position:static; padding:0 30px; color:#fff !important; font-size:14px;}
.menu .h3 a:after{ display:none;}
.menu li:hover .h3 a,
.menu li.curr .h3 a{ background-color:#03983c; color:#fff;}
.menu-link{ display:block;}
.menu li:hover .box{ display:none;}
.menu .box{ position:static; padding:10px 0;}
.menu .box1{ margin:0px !important; width:auto !important; padding:0px; box-shadow:none;}
.menu .box1 .pd{ box-shadow:none; border-radius:0px; background: #eff7ff;}
.menu .box1 .pd:before{ display:none;}
.menu .box1:before{ display:none;}
.menu .box1 .pd{ float:none;}
.menu .box1 a{ float:none; position:static; display:block; margin:0px; height:30px; color:#333; line-height:30px; text-align:center; background:none;}
.menu .h3 i{ display:block;}
.menu .h3 em{ display:block;}
.menu .box2 .pd{ width:auto;}
.menu .box2 dl{ padding:0px; background:none; min-height:inherit; width:auto; float:none !important;}
.menu .box2 dt{ margin-bottom:0px;}
.menu .box2 dt a{ font-size:13px; font-weight:normal; padding:0 30px; line-height:26px;}
.menu .box2 dd{ display:none;}
.menu .box3 .dl{ padding:0px; max-height:200px; overflow-y:auto; background:none;}
.menu .box3 .dl a{ float:none; width:auto;}

.tNav{ display:none;}

.tSearch{ right:65px; left:auto; top:50%; margin-top:-20px; color:#333; display:block; width:auto; margin-left:auto;}
.tSearch .i{ display:block;}
.tSearch .box{ position:fixed; left:0px; top:50px; right:0px; margin:0px; width:auto; height:0px; background:#f5f5f5; display:none; padding:20px 0;}
.tSearch .pd{ width:440px;}
.tSearch.active .i{ color:#03983c;}
.tSearch.active .box{ width:auto; height:74px;}
.tSearchTab ul{ margin-right:-5px;}
.tSearchTab li{ width:25%;}
.tSearchTab li span{ background:#fff; margin-right:5px;}
.ipt_t1{ background:#fff !important;}
.tSearchCon .npd{ background:#fff;}

.tLogin{ right:30px; top:50%; margin-top:-20px; color:#333; bottom:auto;}
.tLogin .i{ display:block; width:40px; height:40px; line-height:40px; text-align:center;}
.tLogin .box{ position:fixed; left:0px; top:50px; right:0px; margin:0px; width:auto; height:0px; background:#f5f5f5; display:none; padding:20px 0; text-align:center;}
.tLogin .box ul{ display:inline-block; vertical-align:bottom;}
.tLogin .box li{ line-height:32px;}
.tLogin .pd{}
.tLogin.active .i{ color:#03983c;}
.tLogin.active .box{ width:auto; height:32px;}

.body_page{ padding-top:50px;}
.body_page .header:after{ display:none;}
.body_page .logo{ margin-top:-0.5em;}
.body_page .menu{ padding-top:0px;}
.body_page .menu li{ width:auto;}


.subNav{ left:0px; bottom:0px; right:0px; top:auto; width:auto; box-shadow:0 0 3px rgba(0,0,0,0.3);}
.subNav li{ width:16.6666%; float:left; margin-bottom:0px;}
.subNav .h3{ border-right:1px solid #deecf2;}
.subNav .h3 a{ font-size:20px; line-height:40px; border-radius:0px; border:none; background:#fff; color:#000;}
.subNav li:last-child .h3{ border-right:none;}
.subNav li.box1 .box{ bottom:40px; right:0px; width:auto; padding-right:0px; left:0px; top:auto; position:fixed;}
.subNav li.box1 .pd{ box-shadow:none; text-align:center;}
.subNav li.box1 .pd .p{ display:inline-block; vertical-align:bottom; margin:0 10px;}
.subNav li.box2 .box{ position:absolute; bottom:100%; top:auto; left:50%; width:140px; margin-left:-70px;}
.subNav li.box2 .h3 a:after{ font-size:10px; top:5px;}
.subNav li.li2 .box,
.subNav li.li4 .box{ display:none !important;}
.subNav .li0 .h3 i{ display:none;}
.subNav .li0 .h3 a{ height:44px; line-height:44px; padding:0px; color:#fff;}
.subNav .li0 .box{ position:fixed; top:50%; left:50%; right:auto; width:292px; margin:-240px 0 0 -146px; padding-right:0px;}

.iSearchMain{ padding:100px 0;}
.iMain1_1{ width:auto; float:none; margin-bottom:30px;}
.iMain1_2{ width:auto; float:none; overflow:hidden;}
.iMain1_3{ width:43.4%; padding-right:10px; box-sizing:border-box; float:left; margin-bottom:0px;}
.iMain1_4{ width:56.6%; padding-left:10px; box-sizing:border-box; float:left;}


.pScreenCon dd a,
.pScreenCon dd label{}
.more6{ min-width:160px; font-size:16px;}
.fMain1_1{ width:60%; min-height:440px; padding-bottom:0px;}
.pListA li{ width:33.3333%;}
.listA .pd{ padding:14px 0;}
.listA .text{ padding-left:15px;}
.listA .h3 strong{ width:auto; float:none;}
.listA .h3 span{ display:none;}
.fMain1_2{ width:38%; min-height:440px;}
.vListC li{ padding:14px 0;}
.vListC .img{ width:154px;}
.vListC .text{ margin-left:154px;}
.vListC .em{ font-size:16px;}
.tit3{ height:2.5em; line-height:2.5;}
.imgtextA .img{ width:120px;}
.imgtextA .text{ margin-left:120px;}
.imgtextA .h3{ font-size:14px;}

.vListB li{ width:33.3333%;}
.videoInfo .img{ width:auto; float:none;}
.videoInfo .text{ margin-left:0px; padding-left:0px; padding-top:20px;}

.pListB li{ padding:15px;}
.pListB .pd{ padding-left:0px;}
.pListB .img{ position:static; float:left;}
.pListB .text{ padding:0 0 0 20px; position:relative;}
.pListB .span{ float:none; width:auto; padding-left:0px; line-height:1.5;}
.pListB .m{ position:absolute; right:0px; top:0px;}

.imgtestC .img{ width:120px;}
.imgtestC .text{ margin-left:120px; padding-left:20px;}
.aboutCon{ padding:30px;}

.login{ padding:30px;}
.loginFl{ width:auto; float:none; display:none;}
.loginFr{ width:auto; float:none;}
.loginFr .wpd{ padding:0px;}

.userTab a{ font-size:14px;}
.userTab li{ margin-right:1em;}
.security .pd{ padding:0 80px 0 130px}
.security .h3{ width:115px;}
.security .h3 span{ font-size:14px;}
.security .m{ width:70px;}
.userFl{ width:280px; padding:30px 15px;}
.userFr{ margin-left:290px;}

.listB .single-item{ padding-bottom:30px;}

.giftCon{ padding:40px 0;}
.giftListB{ height:247px;}

.giftInfoHead .text{ padding:0 0 0 20px;}
.giftInfoHead .h3{ font-size:18px;}
.giftInfoHead .h4 strong{ font-size:18px;}
.giftInfoHead .leibie{ margin-bottom:10px;}
.giftInfoHead .shuliang{ margin-bottom:10px;}
.giftInfoHead .m a,
.giftInfoHead .m input{ font-size:14px;}

.shopPro ul{ padding-left:320px;}
.shopPro li:first-child{ width:320px;}
.shopPro .text{ padding-top:10px;}
.shopPro .h3{ font-size:16px;}
.shopM .m a{ font-size:16px;}

.order ul{ padding:0px;}
.order li{ width:25%; min-height:46px;}
.order li:first-child{ width:100%; position:relative; top:auto; left:auto; padding-bottom:15px; padding-left:0px; border-bottom:1px dashed #ccc; margin-bottom:15px;}
.order li:last-child{ width:100%; padding-top:15px; border-top:1px dashed #ccc; margin-top:15px; padding-bottom:10px; padding-left:0px;}
.order li:first-child:before,
.order li:last-child:before,
.order li:nth-child(5):before{ display:none;}


.iSearchMain{ padding:60px 0 80px 0;}
.iMain3 .li{ width:auto; float:none; margin-bottom:20px;}
.iMain3 .li:last-child{ margin-bottom:0px;}
.iMain3 .ul{ margin:0px;}
.iMain3 .wpd{ margin-right:0px;}
.listF li{ width:auto; float:none;}
.listF ul:before{ display:none;}
.listF li:nth-child(even) .pd,
.listF .pd{ margin:0px;}
.listG li{ width:33.3333%;}
.iMain7_1{ margin-right:0px;}
.iMain7_1 .li{ width:auto; float:none; margin-bottom:30px;}
.iMain7_1 .li:last-child{ margin-bottom:0px;}
.iMain7_1 .wpd{ margin-right:0px;}
.iMain7_1 .listC{ min-height:auto;}
.iService .ul{ padding-right:0px;}
.iService .li{ width:auto; float:none; text-align:center; margin-bottom:20px;}
.iService .li3{ position:static; width:240px; margin:0 auto; float:none; overflow:hidden; margin-bottom:0px;}
.fNav{ margin-right:0px; margin-bottom:30px;}
.fEwm{ position:static; margin:0 auto;}
.fBottom{ text-align:center;}
.fLink{ float:none; max-width:inherit;}
.fCopy{ float:none; max-width:inherit;}

.nMainFl,
.fMain1_1,
.fMain3_1{ width:auto; float:none; margin-bottom:20px;}
.nMainFr,
.fMain1_2,
.fMain3_2{ width:auto; float:none;}

.vListB li{ width:50%;}

.result{ padding:30px;}
.defect{ width:auto;}
.defect .img{ margin:0 auto; float:none; width:240px;}
.defect .text{ margin-left:0px; padding:30px 0 0 0; text-align:center;}
.resultB .defect .text{ padding-top:30px;}

.userFl{ width:auto; float:none; position:static; padding:20px; margin-bottom:20px;}
.userFr{ margin-left:0px;}
.userInfo{}
.userInfo .img{ float:left;}
.userInfo .text{ margin-left:120px; padding-left:20px; text-align:left;}
.userInfo .m{ position:absolute; right:30px; top:30px; width:160px;}

.pMainFl{ position:static; width:auto; margin-bottom:20px;}
.pMainFr{ margin:0px;}
.NavB dl{ margin-bottom:5px;}
.NavB dt a{ line-height:2.5; height:2.5em; font-size:14px;}
.NavB dd{ overflow:hidden;}
.NavB dd a{ width:25%; box-sizing:border-box; float:left; border-right:1px dashed #ddd; border-bottom:none; line-height:2.5; height:2.5em; font-size:14px;}
.NavB dd a:last-child{ border-bottom:none; border-right:none;}

.giftHeadFl{ width:auto; float:none; margin-bottom:20px;}
.giftHeadFr{ width:auto; float:none;}

.giftListC{ margin:0 30px;}
.giftListC li{ width:50%; float:left;}

.addressC dl{ padding:10px;}
.addressC dt{ position:static; margin-bottom:10px;}
.addressC .i{ width:14px; height:14px; top:2px;}
.addressC dl.curr .i{ border-width:4px; width:6px; height:6px;}
.addressM{ padding-left:0px;}
.shopPro li:first-child{ width:280px;}
.shopPro ul{ padding-left:280px;}

.dizhiBox{ width:100%; height:auto; margin:0px; left:0px; right:0px; top:0px; border-radius:0px;}
}
@media screen and (max-width:768px){
.crumbs span:nth-child(8),
.crumbs em:nth-child(7){ display:none;}


}



.iSearch{ width:auto;}
.iSearchMain{ padding:60px 0;}
.iSearchTab{ font-size:14px; margin-bottom:20px;}
.iSearchTab li{ line-height:32px; height:32px;}
.fNav dl{ width:33.3333%;}
.fNav dl:nth-child(3){ border-right:none;}
.fNav dl:nth-child(4){ width:100%; border-right:none; padding-top:30px;}
.listF .li1{ width:55%;}
.listF .li2{ width:20%;}
.listF .li3{ width:25%;}
.listF .li4{ display:none;}
.iMore a{ margin:0 0.5em;}
.more1_4{ min-width:140px;}
.ipt_t2{ padding-right:90px; padding-left:110px;}
.ipt_b2{ width:80px;}
.iMain1_1{ margin-bottom:15px;}
.listA .pd{ padding:15px 0;}
.listA .img{ width:auto; float:none; margin-bottom:20px;}
.listA .text{ margin-left:0px; padding-left:0px;}

.iMain1_3{ padding-right:5px;}
.iMain1_4{ padding-left:5px;}
.tit2{ margin-bottom:25px;}
.iMain2_2 .img{ width:auto; padding:0px; margin-bottom:10px;}
.iMain2_2 .img:last-child{ margin-bottom:0px;}
.listG ul{ margin-right:-10px;}
.listG li{ margin-bottom:10px;}
.listG .pd{ margin-right:10px;}
.iMain7_1 .li{ margin-bottom:20px;}


.pScreenCon dt{ width:80px;}
.pScreenCon dl{ padding-left:80px;}
.pScreenCon dd a,
.pScreenCon dd label{ min-width:inherit; background:#fff; margin-right:2px; padding:0.25em 1em; margin-bottom:2px; border-radius:5px;}
.more6{ min-width:160px; font-size:16px;}
.pScreenM{ padding-left:80px;}
.pListA li{ width:100%;}
.pListA .text{ padding:10px 20px 20px 20px;}
.pListA .p{ height:auto; max-height:4.5em;}
.pScreenResult .h3{ width:100%;}
.newsPage li{ margin:0 1px;}
.newsPage a, .newsPage span{ min-width:2em; height:2em; line-height:1.9; padding:0 0.5em;}
.nFirst{ display:none;}
.nLast{ display:none;}

.listJ .pd{ padding-right:0px;}
.listJ .m{ position:static; padding-top:20px; width: auto;}

.jobSelect{ margin-bottom:10px;}
.jobSelect dl:first-child{ width:100%;}
.jobSelect dl{ width:33.3333%; margin-bottom:10px;}
.listI .pd{ position:relative;}
.listI .li{ padding-right:0px;}
.listI .li1{ width:auto; margin-right:80px; float:none;}
.listI .li2{ display:none;}
.listI .li3{ position:absolute; right:0px; width:auto; top:15px;}
.listI .li4{ display:none;}

.security .h3{ position:relative; width:auto; border:none; margin-bottom:30px;}
.security .h3:before{ content:''; position:absolute; left:0px; height:1px; bottom:-15px; right:0px; background:#ccc;}
.security .pd{ padding:0px;}
.security .em{ line-height:1.5;}
.uListB .pd{ padding:10px;}
.uListB .li{ float:none; width:auto !important; text-align:left; line-height:1.5;}
.uListB .li1{}
.passwordSet{ padding-top:20px;}
.passwordSet{ width:auto;}

.uploadA .wpd{ width:auto;}

.aboutCon{ padding:20px;}
.NavB dd a{ width:100%;}
.fqa dt .i{ margin-right:5px; width:20px; line-height:20px; height:20px;}
.fqa dt span{ line-height:20px;}
.fqa dt i{ width:20px; height:20px; line-height:20px;}
.fqa dd .i{ width:20px; line-height:20px; height:20px; margin-right:5px;}
.fqa dd .p{ margin-left:42px;}
.fqa dd{ padding-right:15px;}

.giftInfoHead .img{ width:auto; float:none;}
.giftInfoHead .text{ margin:0px; padding:20px 0 0 0;}
.giftInfoHead .m a,
.giftInfoHead .m input{ width:100%;}

.shopPro ul{ padding:0px;}
.shopPro li{ min-height:38px;}
.shopPro li:first-child{ width:100%; position:static; padding-bottom:15px; border-bottom:1px dashed #ccc; margin-bottom:15px;}
.giftResult .h3{ font-size:24px;}
.giftResult .m a{ font-size:14px;}


.wp,
.header .wp,
.tSearch .pd{ margin:0 25px;}

.tSearch .pd{ width:auto;}
.iMain{ padding:30px 0;}

.proInfo{ padding:20px;}
.proInfo .img{ width:auto; float:none; margin-bottom:20px;}
.proInfo .text{ margin-left:0px; padding-left:0px;}
.proBoxTab .pd{ padding:0 0.75em;}
.proBoxTab li{ margin-right:2px;}
.proBoxTab li:last-child{ margin-right:0px;}
.tableA td{ padding:0.5em;}
.more6{ font-size:14px;}

.fMain1_1,
.fMain1_2,
.fMain3_1,
.iMain3 .wpd{ min-height:inherit; padding-bottom:10px;}

.listC li{ width:auto; float:none;}
.vListC .img{ width:120px;}
.vListC .text{ margin-left:120px;}

.vListB ul{ margin:0px;}
.vListB li{ width:auto; float:none;}
.vListB .pd{ margin:0px;}
.vListB .p{ height:32px; line-height:32px;}
.more1_2{ height:32px; line-height:32px;}
.newsPage{ padding:20px 0;}
.jobOpFl{ float:none; margin-bottom:20px;}
.statistics ul{ margin-right:-5px;}
.statistics li{ margin:0px; width:33.3333%;}
.statistics4 li{ width:25%;}
.statistics li:last-child{ margin-right:0px;}
.statistics .pd{ padding:10px 0; font-size:12px; text-align:center; margin-right:5px;}
.statistics .pd i{ width:100%; display:inline; margin:0px; font-size:12px;}
.jobOpFr{ float:none;}
.infoTit .h3{ font-size:18px;}
.bsBox{ width:100% !important; left:50% !important; margin-left:-50% !important; box-sizing:border-box;}
#bsMorePanel{ width:100% !important;}
.bFind{ width:90% !important;}
.bsTop{ width:100% !important;}
#bsLogoList li{ width:25% !important;}
.bsFooterDiv{ display:none !important;}
#bsMorePanel{ height:365px !important;}
.reply-list{ padding-left:0px;}
.comment-header .text .h3{ padding-right:0px;}
.comment-list{ padding:0px; border:none;}
.reply .h3{ padding-right:0px;}
.reply .h3 span{ display:block;}
.comment-info .icon-shijian{ position:relative; margin:0px; right:auto; top:auto; display:block;}
.videoCon .container{ padding:0px; border:none;}
.crumbs{height:32px; line-height:32px;margin:0; padding:0}
.crumbs .wp *{ max-width:8em; overflow:hidden; display:inline;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.crumbs .wp span{}
.videoInfo .h3{ font-size:16px; font-weight:bold;}

.result{ padding:30px 20px;}
.defect .h3{ font-size:18px;}
.defect .em{ font-size:14px;}

.pListB .m{ position:static; padding-top:10px;}

.userInfo .img{ width:80px;}
.userInfo .img img{ height:80px;}
.userInfo .text{ margin-left:80px; padding-top:0px;}
.userInfo .m{ position:static;}
.userTab{ margin:0 -20px 15px -20px;}
.userTab li{ margin-right:0px;}
.userTab a{ padding:0 0.5em;}
.userFr{ padding:10px 20px 20px 20px;}
.userNavA li{ margin-right:1em;}
.userNavA li:last-child{ margin-right:0px;}
.userNavA a{ padding:0 5px;}
.basicA{ padding:0px;}
.ipt_s1_2{ width:100%;}
.ipt_b3_2{ width:120px; font-size:14px; height:40px; line-height:40px;}
.btnBoxA{ padding:0px 20px 30px 80px;}
#cupload-3{ width:158px; margin:0 auto;}
.portraitCon .img{ margin:0 auto;}
.portraitBtn .ipt_b5{ margin:0 auto;}
.ipt_b5{ font-size:14px; height:40px; line-height:40px;}

.imgtestC .img{ float:none; margin:0 auto 20px auto;}
.imgtestC .text{ margin:0px; padding:0px;}

.pointsCon th, .pointsCon td{ padding:5px;}
.userFr{ min-height:inherit;}

.subNav .li0 .box{ width:282px; margin:-207px 0 0 -141px;}
.qiandaoTit{ padding:10px 15px;}
.qiandaoTit .img{ width:48px; line-height:48px; height:48px; font-size:24px;}
.qiandaoTit .text{ margin-left:48px; padding:5px 0 0 15px;}
.qiandaoTit .h2{ font-size:16px;}
.qiandaoCon{ padding:10px 15px;}
.qiandaoBottom{ padding:0px 15px 15px 15px;}
.qiandaoBottom .h2{ font-size:14px;}

.giftListC li{ width:auto; float:none;}
.giftCon{ padding:20px 0;}

.userInfo .img{ width:72px;}
.userInfo .img img{ height:72px;}
.userInfo .text{ margin-left:72px; padding-left:15px;}
.userTab em{ display:none;}

.pointsCon th:nth-child(1){ width:4em;}
.pointsCon th:nth-child(2){}
.pointsCon th:nth-child(3){ width:4em;}
.pointsCon th:nth-child(4){ width:4em;}

.pointsTit .m .more1{ min-width:inherit; font-size:12px; margin-left:5px; padding:0 1.5em;}

@media screen and (max-width:413px){
.wp,
.header .wp,
.tSearch .pd{ margin:0 20px;}


}
@media screen and (max-width:375px){
.userFr{ padding:10px 15px 15px 15px;}
.userTab{ margin:0 -15px 15px -15px; padding:0 15px;}
.userTab a{ font-size:13px;}
.pointsCon strong{ display:block;}
.userFl{ padding:15px;}
.addressD .pd{ padding:15px;}
.userInfo .img{ width:64px;}
.userInfo .img img{ height:64px;}

.userInfo .text{ margin-left:64px;}
.userInfo .em{ font-size:13px;}
}
@media screen and (max-width:374px){
.wp,
.header .wp,
.tSearch .pd{ margin:0 15px;}
}


/*黄页导航*/
.linkNav{ background:#fff; padding:20px; margin-bottom:20px;}
.linkNavList li{ float:left; margin-right:3px; margin-bottom:3px;}
.linkNavList a{ display:block; padding:0 1em; line-height:2; float:left; background:#ccc; color:#333; border-radius:3px;}
.linkNavList li.curr a{ background:#03983c; color:#fff;}


.pointsRecharge{ font-size:16px;}
.tit6{ padding:3em 0 1.5em 0;}
.tit6 strong{ font-size:1.25em; line-height:1; display:block;}
.prices{}
.prices ul{ margin-right:-10px;}
.prices li{ float:left; width:20%;}
.prices .pd{ display:block; margin-right:10px; background:#f6f9fe; padding:1em; cursor:pointer; border-radius:10px; text-align:center;}
.prices .pd strong{ font-size:1.75em; margin-right:0.25em; color:#3875f6;}
.prices .pd em{}
.prices .pd span{ color:#03983c;}
.prices .h3{ font-size:0.875em;}
.prices .em{ font-size:0.875em;}
.prices li.curr .pd{ background:#3875f6; color:#fff;}
.prices li.curr .pd strong{ color:#fff;}
.prices li.curr .pd span{ color:#fff;}
.ipt_r6{ display:none;}
.ipt_b6{ border:none; display:block; text-align:center; font-size:18px; display:block; cursor:pointer; background:#0042cf; color:#fff; width:158px; line-height:48px; height:48px; border-radius:4px;}
.ipt_b6:hover{ background:#03983c; color:#fff;}

.paymentType{}
.paymentType li{ float:left; width:212px;}
.paymentType .pd{ display:block; margin-right:10px; cursor:pointer; border:1px solid #ccc; border-radius:10px;}
.paymentType img{ width:100%; height:auto; display:block;}
.paymentType span{ display:none;}
.paymentType li.curr .pd{ border-color:#3875f6; background:#f6f9fe;}
.paymentBtn{ padding:2em 0;}

.prices li{ width:33.3333%; margin-bottom:10px;}

@media screen and (max-width:540px){
.prices ul{ margin-right:-5px;}
.prices .pd{ margin-right:5px; padding:0.875em 0;}
.prices li{ margin-bottom:5px;}
.prices .pd strong{ font-size:1.5em; margin-right:0.125em;}
.paymentType ul{ margin-right:-5px;}
.paymentType li{ width:50%;}
.paymentType .pd{ margin-right:5px;}
.pointsRecharge{ font-size:14px;}
.ipt_b6{ width:100%;}
}



.naliPat{ padding:60px 0;}
.naliPat .img{ width:200px; margin:0 auto;}
.naliPat .text{ text-align:center;}
.naliPat .h3{ font-size:32px; color:#0c8ce5;}
.naliPat .h3 strong{ color:#03983c;}
.naliPat .em{ font-size:24px; color:#000;}
.naliPat .em span{ color:#03983c;}
.naliPat .m{ padding-top:30px;}
.naliPat .m a{ width:160px; display:block; margin:0 auto; height:44px; line-height:44px; background:#03983c; border-radius:22px; text-align:center; color:#fff;}


.naliPatB{padding:60px 0;}
.naliPatB .pd{ padding-left:20%;}
.naliPatB .img{ width:180px; padding:8px; background:#fff; border:1px solid #ccc; border-radius:5px; float:left;}
.naliPatB .text{ margin-left:200px; padding:10px 0 0 30px; text-align:left;}
.naliPatB .h3{ font-size:32px; color:#0c8ce5;}
.naliPatB .h3 strong{ color:#03983c;}
.naliPatB .em{ font-size:24px; color:#000;}
.naliPatB .em span{ color:#03983c;}
.naliPatB .m{ padding-top:30px;}
.naliPatB .m a{ width:160px; display:block; margin:0 auto; height:44px; line-height:44px; background:#03983c; border-radius:22px; text-align:center; color:#fff;}

@media screen and (max-width:640px){
.naliPatB .pd{ padding-left:0px;}
.naliPatB .img{ float:none; margin:0 auto;}
.naliPatB .text{ margin-left:0px; padding:30px 0 0 0; text-align:center;}
}



.infoCon iframe{ border:1px solid #ccc;}
/*[href="/home/pay/index.html"]{ display:none !important;}*/


.abrand{ display: inline-block; vertical-align: middle; color: #03983c;}
.abrand img{ height: 1em; width: auto; margin-left: 5px; display: none;}
.abrand span{ display: inline-block; vertical-align: middle;}
.abrand.vip img{ display: inline-block; vertical-align: middle;}

.business{ padding-top: 15px;}
.business a{ display: inline-block; vertical-align: middle; text-align: center; padding: 0 20px; background: #198ef6; color: #fff; line-height:60px; height:60px; border-radius: 10px; margin-right: 2px; display: block; margin-bottom: 10px; transition: 0.3s all; }
.business i{ margin-right: 10px; font-size: 32px; display: inline-block; vertical-align: middle;}
.business span{ display: inline-block; vertical-align: middle; font-size: 18px;}
.business a:hover{ color: #fff; transform: translateY(-3px); box-shadow: 0 0 3px rgba(0,0,0,0.5);}
.business a.a2{ background: #03983c; margin-bottom: 0px;}
.business a.a2:hover{}


.businessBg{ background: rgba(0,0,0,0.5); position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 9; display: none;}
.businessListBox{ position: fixed; left: 50%; top: 50%; width: 640px; box-shadow: 0 0 20px rgba(0,0,0,0.5); border-radius: 10px; margin: -166px 0 0 -320px; background: #fff; padding: 30px; z-index: 10; display: none;}
.businessListBox .t{ font-size: 24px; margin-bottom: 20px; text-align: center;}
.businessInfoBox .i,
.businessListBox .i{ position: absolute; width: 40px; height: 40px; top: 0px; right: 0px; background:#03983c; text-align: center; line-height: 40px; border-radius: 50%; margin: -20px -20px 0 0; color: #fff; cursor:pointer; box-shadow: 0 0 10px rgba(0,0,0,0.5);}
.businessListBox .c{}
.businessListBox .dd{float: left; padding: 0 10px; box-sizing: border-box; position: relative;}
.businessListBox .dd:nth-child(1){ width: 60%;}
.businessListBox .dd:nth-child(2){ width: 20%; text-align: center;}
.businessListBox .dd:nth-child(3){ width: 20%; text-align: center;}
.businessListBox .pd{ padding: 5px 0; display: block;border-bottom: 1px dashed #ccc;}
.businessTit{ background: #fafafa;}
.businessTit .pd{ border-bottom: 1px solid #ccc;}
.businessCon{ line-height: 40px; min-height: 120px; max-height:242px; overflow-y: auto;}
.businessCon .dl{ font-size: 18px;}
.businessCon .dl.yes span{ display: inline-block;}
.businessCon strong{ font-weight: normal;}
.businessCon .span1{ margin-left: 5px; background: #03983c; color: #fff; padding: 0 5px; border-radius: 5px; display:none; vertical-align: top; position: absolute; font-size: 12px; height: 16px; line-height: 16px;}
.more8{ background: #198ef6; color: #fff; display: block; width: 60px; border-radius: 5px; margin: 0 auto; font-size: 14px; line-height: 30px;}
.more8:hover{ background: #03983c; color: #fff;}
.businessInfoBox{ position: fixed; left: 50%; top: 50%; box-shadow: 0 0 20px rgba(0,0,0,0.5); width: 400px; border-radius: 10px; margin: -166px 0 0 -200px; color: #666; background: #fff; padding: 30px; z-index: 10; display: none;}
.businessInfoBox dl{ position: relative; padding-left: 110px; line-height: 40px;}
.businessInfoBox dt{ width:100px; position: absolute; text-align: right; left: 0px; top: 0px;}
.businessInfoBox dt:after{ content: ':';}
.businessInfoBox dd{min-height: 40px;}
.businessInfoBox dd a{ color: #666;}
.businessInfoBox dd a:hover{ color: #03983c;}
.businessInfoBox .dlType1{ display: block;}
.businessInfoBox .dlType2{ display: none;}
.businessInfoBox .span1{ display: none; background: #03983c; color: #fff; padding: 0 5px; border-radius: 5px; vertical-align: top; position: absolute; font-size: 12px; height: 16px; line-height: 16px; margin-left: 5px;}
.businessInfoBox .span2{ color: #03983c; font-size: 1.5em; font-weight: bold; margin-right: 5px;}
.businessInfoBox .span3{ color: #198ef6; margin-right: 5px;}
.businessInfoBox .em1{ font-size: 14px;}
.businessInfoBox .em2{ font-size: 14px;}
.businessInfoBox.yes .dlType1{ display: none;}
.businessInfoBox.yes .dlType2{ display: block;}
.businessInfoBox.yes .span1{ display: inline-block; vertical-align: top;}

.businessInfoBox .a1{ font-size: 18px; color: #000; font-weight: bold;}
.businessInfoBox .a2 img{ margin-right: 5px;}

.pScreenTab{}
.pScreenTab .dl1{}
.pScreenTab .dl1 dd a{ font-size: 1.25em;}
.pScreenTab .dl1 dd a{ font-size: 1em;}

.pScreenTab .dl2 a{ display: none;}
.pScreenTab .dl2 a[data-id="1"]{ display: inline-block;}

@media screen and (max-width:640px){
.business{ text-align: center;}
.businessListBox,
.businessInfoBox{ left: 0px; top: 0px; right: 0px; bottom: 0px; margin: 0px; width: auto; height: auto; padding: 30px 0; border-radius: 0px;}
.businessInfoBox .i, .businessListBox .i{ margin: 0px; position: fixed; left: 50%; bottom: 30px; top: auto; margin-left: -20px;}
.businessCon .dl{ font-size: 14px;}
}



.serviceBox{ position: absolute; top: 100%; left: 50%; margin-left: -100px; background: #2c2a25; width: 200px; box-shadow: 5px 5px 6px rgba(0,0,0,0.2); display: none;}
.menu li:hover .serviceBox{ display: block;}
.serviceBox a{ padding: 10px 0; color: #fff; display: block; line-height: 1.2; box-sizing: border-box;}
.serviceBox a:hover{ background: #fff; color: #03983c;}
.serviceBox .dl{}
.serviceBox .dt{}
.serviceBox .dd{ display: none; position: absolute; left: 100%; width: 240px; box-sizing: border-box; background: #f42434; box-shadow: 5px 5px 6px rgba(0,0,0,0.2); top: 0px;}
.serviceBox dl{ text-align: left; position: relative;}
.serviceBox dl a{ padding: 10px 25px 10px 15px; color: #fff;}
.serviceBox dt{ position: relative;}
.serviceBox dt i{ position: absolute; right: 10px; text-align: center; top: 50%; width: 32px; line-height: 32px; height: 32px; margin-top: -16px; color: #fff;}
.serviceBox dd{ display: none; position: absolute; left: 100%; width:480px; box-sizing: border-box; padding: 20px; background: #fff; top: 0px; box-shadow: 5px 5px 6px rgba(0,0,0,0.2);}
.serviceBox dd a{ width: 50%; float: left; box-sizing: border-box; color: #333; padding: 5px 10px;}
.serviceBox .dl:hover .dd{ display: none;}
.serviceBox dl:hover{ background: #fff;}
.serviceBox dl:hover dd{ display: none;}
.serviceBox dl:hover dt a{ color: #03983c;}
.serviceBox dl:hover dt i{ color: #03983c;}
.serviceBox{}


.testingTab{ margin-bottom:20px;}
.testingTab dl{ border-bottom:1px solid #eee; padding:15px 0;}
.testingTab dt{ font-size:20px; font-weight:bold; line-height:1; position:relative; cursor:pointer;}
.testingTab dt i{ position:absolute; right:0px; top:0px; color:#ccc; display: none;}
.testingTab dd{ overflow:hidden; padding-top:5px;}
.testingTab dd a{ display:inline-block; margin-top:5px; vertical-align:bottom; border-radius:5px; line-height:2; height:2em; background:#eee; padding:0 1em; margin-right:0.5em;
width: 7em; 
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
text-align: center;
font-size: 14px;
}
.testingTab dd a.curr{ background:#03983c; color:#fff;}
.testingTab dl.active dt i{ color:#000; transform:rotate(180deg);}
.testingTab dl:first-child dd{ display:block;}

.testingCon{}
.testingList{}
.testingList ul{ margin-right: -15px;}
.testingList li{ width: 25%; float: left; margin-bottom: 15px;}
.testingList .pd{ margin-right: 15px; display: block; background: #f5f5f5;}
.testingList .img{ overflow: hidden;}
.testingList .img img{ transition: 1s all;}
.testingList .text{ padding: 10px;}
.testingList .h3{ font-size: 14px; height: 24px; line-height: 24px; color: #000; overflow: hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1;}
.testingList .p{ font-size: 12px; height: 18px; line-height: 18px; color: #999; overflow: hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1;}
.testingList .pd:hover .img img{ transform: scale(1.05,1.05);}

.testing{box-shadow: 0 0 8px rgba(0,0,0,0.3); background: #fff; padding: 15px 20px 30px 20px;}
.testingHead{ background: #fff; padding: 40px; margin-bottom: 30px;}
.testingHead .pd{}
.testingHead .img{ width: 640px; float: left;}
.testingHead .text{ margin-left: 640px; padding-left: 40px;}
.testingHead .h3{ font-size: 2em; font-weight: bold; margin-bottom: 1em;}
.testingHead .p{ margin-bottom: 1.5em;}
.testingHead .em{ margin-bottom: 1.5em; border-top: 1px solid #ccc; padding-top: 1.5em; }
.testingHead .em img{ width: 120px; display: block; border: 1px solid #ccc;}
.testingHead .npd{ display: inline-block; vertical-align:bottom;text-align: center;}
.testingHead .m{border-top: 1px solid #ccc; padding: 1.5em 0 1.5em 150px; position: relative; min-height: 122px;}
.testingHead .ntext{ padding-top:0px;}
.testingHead .nh3{ font-size: 1.5em; font-weight: bold; margin-bottom: 0.5em;}
.testingHead .np2{ margin-bottom: 10px;}
.testingHead .np4 strong{ display: block; line-height: 1; margin-bottom: 0.5em; font-size: 1.5em;}
.testingHead .np3 strong{ display: block; line-height: 1; margin-bottom: 0.5em; display: none;}
.testingHead .np3 a{ font-size: 3em; font-weight: bold; color: #006fc4; line-height: 1;}
.testingHead .nimg{ position: absolute; left: 0px; top: 1.5em; width: 120px; text-align: center;}
.testingHead .nimg img{ width: 100%; height: auto; display: block; border: 1px solid #ccc; margin-bottom: 5px;}
/*.testingHead .m{}
.testingHead .m a{display: inline-block; vertical-align: middle; text-align: center; padding: 0 1.5em; background: #198ef6; color: #fff; line-height:2.5em; height:2.5; border-radius: 8px; margin-right: 2px; margin-bottom: 5px; transition: 0.3s all;}*/
.testingBody{ position: relative;}
.testingFl{ width:64%; box-sizing: border-box; background: #fff; padding: 40px;}
.testingFr{ position: absolute; right: 0px; top: 0px; width: 34%; box-sizing: border-box;}
.testingOp{ padding-top: 50px;}




@media screen and (max-width:1366px){
.testingHead .img{ width: 600px;}
.testingHead .text{ margin-left: 600px;}
}
.testingList li{ width: 33.3333%;}
.testingHead .img{ width: 400px;}
.testingHead .text{ margin-left: 400px;}
.subNavA li{ width: 33.3333%;}
.serviceBox{ position: relative; margin: 0px; top: auto; left: auto; width: auto;}
.serviceBox .dl:hover .dd{ display: none;}

@media screen and (max-width:980px){
.testingHead .img{ width: auto; float: none;}
.testingHead .text{ margin-left: 0px; padding-left: 0px; padding-top: 30px;}
.testingFl{ width: auto; float: none; margin-bottom: 30px;}
.testingFr{ position: static; width: auto;}
}
.testingList li{ width:50%;}
.testingHead{ padding: 15px;}
.testingHead .ntext strong{ font-size: 1em;}
.testingHead .ntext a{ font-size: 2em;}
.testingHead .m{ padding-left: 130px;}
.testingFl{ padding: 15px;}
.statistics2 li{ width: 50%;}
.testingHead .h3{ font-size: 1.75em; margin-bottom: 0.5em;}

@media screen and (max-width:413px){
.testingHead .ntext a{ font-size: 1.75em;}
}



/*0324 黄页*/
.mNav{ padding: 30px 0 0 0;}
.mNavList{ background: #fff; margin-bottom: 30px;}
.mNavList li{ width: 9.090909090909092%; float:left;}
.mNavList .pd{ display: block; line-height: 2.5em; height: 2.5em; text-align: center; border-right: 1px solid #eee;}
.mNavList li:last-child .pd{ border-right: none;}
.mNavList li.curr .pd{ background: #03983c; border-right-color: #03983c; color: #fff;}


.boxA{ background: #fff; border: 1px solid #eee; padding:0 20px 20px 20px; margin-bottom: 30px;}
.mTit{ height: 2.5em; line-height: 2.5em; padding: 0 20px; border-bottom: 1px solid #ccc;}
.mCon{ position: relative; padding: 20px 0 0 0;}
.mapFl{ width: 700px; margin-left: 100px; min-height: 120px;}
.mapFl svg{ margin-left: -25px !important;}
.mapBoxM{ position: absolute; left: 60%; top: 50%; margin-top: -17px; z-index: 1;}
.mapBoxM strong{ width: 280px; height: 34px; color: #fff; line-height: 34px; padding-left: 54px; text-align: center; box-sizing: border-box; background: url("../images/jt.png") no-repeat; display: block;}
.mapBox{ position: absolute; width: 286px; height: 400px; left: 60%; top: 50%; margin-top: -200px; z-index: 2; display: none;}
.mapBoxTit{ line-height: 18px; padding: 1em 0; text-align: center;}
.mapBoxTit strong{ font-size: 18px;}
.mapBoxTit em{ font-size: 14px;}
.mapBoxList{ border: 3px solid #ccc; background: #fff; border-radius: 5px; padding: 20px; font-size: 14px; box-sizing: border-box;}
.mapBoxList ul{ overflow: auto; height: 280px;}
.mapBoxList:before{ position:absolute; top:50%; left:-18px; margin-top:-10px; content:''; width:0; height:0; border-top:10px solid transparent; border-bottom:10px solid transparent; border-right:18px solid #ccc;}
.mapBoxList .icon-vip .v:before{left: auto; right: 100%; margin-left: 0px; margin-right: 5px;}
.mapBoxNo{border: 3px solid #ccc; background: #fff; border-radius: 5px; padding: 20px; font-size: 14px; box-sizing: border-box;}
.mapBoxNo .pd{ overflow: auto; height: 280px;}
.mapBoxNo .h3{ text-align: center; margin-bottom: 1em; line-height: 1.2;}
.mapBoxNo .p{}
.mapBoxNo .m{ text-align: center;}
.mapBoxNo .m a{ display: inline-block; vertical-align: bottom; height: 2.75em; line-height: 2.75em; padding: 0 2em; background: #03983c; color: #fff;}

.mListA{ padding-top: 20px;}
.mListA dl{ margin-bottom: 20px;}
.mListA dt{ border-bottom: 1px solid #ccc; margin-bottom: 15px;}
.mListA dt strong{ display: inline-block; vertical-align: bottom; line-height: 2; height: 2em; padding: 0 2em; background: #03983c; color: #fff;}
.mListA dd{ overflow: hidden;}
.mListB li{ position: relative; padding: 5px 0 5px 10px; box-sizing: border-box;}
.mListB li:before{ content: ''; position: absolute; left: 0px; top: 50%; width: 6px; height: 6px; margin-top: -3px; background: #03983c; border-radius: 50%;}
.mListB a{ position: relative; display: block; overflow: hidden;}
.mListB em{ position: absolute; right: 0px; line-height: 1; top: 50%; margin-top: -0.5em;}
.mListB span{ display: inline-block; vertical-align: bottom; height: 18px; line-height: 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.mListB_2{ padding-top: 15px;}
.mListB_2 ul{ margin-right: -30px;}
.mListB_2 li{ width: 25%; float: left;}
.mListB_2 a{ margin-right: 30px;}



.mMain2{}
.mMain2_1{ background: #fff; padding: 20px; border: 1px solid #eee; margin-bottom: 20px;}
.mListC dl{ position: relative; padding-left: 80px;}
.mListC dt{ position: absolute; left: 0px; top: 2px; line-height: 24px;}
.mListC dd{ overflow: hidden;}
.mListC a{ display: block; float: left; color: #333; height: 24px; padding: 0 0.75em; margin:2px 3px; background: #f4f4f4; line-height: 24px;text-align: center;}
.mListC a.curr{ background:#03983c; color: #fff;}

.mMain2_2{ background: #fff; border: 1px solid #eee; padding: 20px; margin-bottom: 20px;}
.mListD{}
.mListD ul{ margin:0 -10px;}
.mListD li{ width: 16.666666666666668%; float: left; margin-bottom: 20px;}
.mListD li.icon-vip i{ top:0px; right: 0px; margin-top: 0px;}
.mListD .pd{ display: block; position: relative; margin:0 10px; text-align: center;}
.mListD .img img{ border: 1px solid #f5f5f5; box-sizing: border-box;}
.mListD .img strong{ display: block; padding: 0 10px; height: 30px; line-height: 30px; color: #333; background: #f5f5f5; transition: 0.3s all; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.mListD .text{ position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background: rgba(0,0,0,0.8); color: #fff; opacity: 0; transition: 0.3s all;}
.mListD .h3{ margin-bottom: 10px;}
.mListD .m em{ display: inline-block; vertical-align: bottom; font-size: 12px; height: 2.25em; line-height: 2.25em; padding: 0 1em; color: #fff; background: #03983c; border-radius: 5px;}
.mListD .pd:hover .text{ opacity: 1;}
.mListD .pd:hover .img strong{ opacity: 0;}

.mListE{ padding-top: 10px;}
.mListE dl{position: relative; padding:20px 0; border-bottom: 1px dashed #ccc; overflow: hidden; box-sizing: border-box; min-height: 156px;}
.mListE dt{ width: 50%; position: absolute; left: 0px; top: 20px; box-sizing:border-box; padding-right: 30px;}
.mListE dt .img{ width: 190px; float: left;}
.mListE dt .img img{ border: 1px solid #ccc; box-sizing: border-box;}
.mListE dt .text{ margin-left: 190px; padding-left: 20px;}
.mListE dt .h3{ margin-bottom: 15px;}
.mListE dt .h3 a{ color:#000; position: relative; font-size: 18px; height: 24px; line-height: 24px; display: block;}
.mListE dt .em{ line-height: 24px;}
.mListE dt .em p{ height: 24px; line-height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.mListE dt .p{ height: 72px; line-height: 24px; overflow: hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.mListE dd{ margin-left: 50%;}
.mListE dl.icon-vip .h3 a{ color: #03983c;}
.mListE dl.icon-vip .h3 span{ display: inline-block; vertical-align: bottom; height: 18px; line-height: 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}


.micon_a{ display: inline-block; vertical-align: bottom;}
.micon_qq{ display: inline-block; vertical-align: bottom; transform: translateY(-3px); margin-left: 5px;}
.micon_qq img{ width: 18px; height: auto; display: block;}

.mListF{}
.mListF ul{ margin:0 -10px;}
.mListF li{ width: 25%; float: left;}
.mListF .pd{ display: block; margin: 0 10px;}
.mListF .img{ margin-bottom: 3px;}
.mListF .img img{ border: 1px solid #ccc; box-sizing: border-box;}
.mListF .text{ text-align: center; height: 24px; font-size: 14px; line-height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}



.qbanner{ position: relative;}
.qbanner .img{}
.qbanner .text{ position: absolute; left: 0px; top: 0px; right: 0px; bottom: 30%; text-shadow: 0 0 3px rgba(0,0,0,0.1); color: #fff; line-height: 1.2;}
.qbanner .wp{ height: 100%;}
.qbanner h1{ font-size: 2.5em; margin-bottom: 1em;}
.qbanner p{ font-size: 1.5em;}

.mMainInfo1{}
.memberInfo{ position: relative;}
.mMainInfo1_1{ background: #fff;}
.memberFl{ width: 360px; position: absolute; left: 0px; top: 0px; bottom: 0px; background: #f8fdff; border-right: 1px solid #ccc;}
.mUser{ position: relative;}
.mUser.icon-vip:after{ content: ''; position: absolute; top:0px; left: 0px; width: 94px; height: 24px; background: url("../images/brand-icon_03.png"); background-size: 100% auto;}
.mUser .pd{ display: block; padding: 50px 30px 30px 30px;}
.mUser .img{width: 50%; margin: 0 auto 10px auto;}
.mUser .img img{  height: auto; display: block; border: 1px solid #f5f5f5;}
.mUser .text{}
.mUser .h3{ display: block; text-align: center; line-height: 1.2; font-size: 1.25em; margin-bottom: 2em; font-weight: bold;}
.mUser .h3 h1{ font-weight: bold;}
.mUser .p{ line-height: 1.2; margin-bottom: 10px;}
.mUser .p2 a{ color:#03983c;}
.mUser .p2 a:hover{ text-decoration: underline;}
.mUser .m{ text-align: center; padding-top: 20px;}
.mUser .m a{ display: inline-block; vertical-align: bottom; font-size: 14px; height: 2.25em; line-height: 2.25em; padding: 0 1em; color: #fff; background: #03983c; border-radius: 5px; transition: 0.3s all;}
.mUser .m a:hover{ box-shadow: 0 0 5px rgba(0,0,0,0.3); transform: translateY(-5px);}
.memberFr{ margin-left: 360px; min-height: 400px;}

.mAbout{margin-bottom: 50px; padding: 40px;}
.mAbout .h3{ font-size: 2em; font-weight: bold; margin-bottom: 10px;}
.mAbout .p{ line-height: 2;}
.mAbout .p p{ margin-bottom: 1em; text-indent: 2em;}

.mPro{}
.mProListA{}
.mProListA ul{ margin: 0 -15px;}
.mProListA li{ width: 25%; float: left; margin-bottom: 20px;}
.mProListA .pd{ margin: 0 15px; display: block; background: #f8fdff; box-shadow: 0 0 5px rgba(0,0,0,0.05); transition: 0.3s all;}
.mProListA .img{}
.mProListA .text{ height: 40px; line-height: 40px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center;}
.mProListA .pd:hover{ box-shadow: 5px 5px 10px rgba(0,0,0,0.3); transform: translateY(-5px);}



.xsc{}
.xscFl{ width: 70%; float: left; box-sizing: border-box; padding-right: 40px;}
.xscFr{ width: 30%; float: right;}
.xscTj img{ width: 100%; height: auto; display: block;}

.mListG{ height:140px; overflow: hidden;}
.mListG li{ position: relative; padding-left: 10px; box-sizing: border-box;}
.mListG li:before{ content: ''; position: absolute; left: 0px; top: 50%; width: 6px; height: 6px; margin-top: -3px; background: #03983c; border-radius: 50%;}
.mListG a{ position: relative; display: block; overflow: hidden; padding-right: 90px;}
.mListG em{ position: absolute; right: 0px; line-height: 1; top: 50%; margin-top: -0.5em;}
.mListG span{ display: inline-block; vertical-align: bottom; height: 28px; line-height: 28px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}


@media screen and (max-width:1366px){
.mAbout .p{ line-height: 1.75;}
.mapBoxM{ left: 68%;}
.mapBox{ left: 68%;}
.mListD li{ width: 20%;}
.mListF ul{ margin:0 -5px;}
.mListF .pd{ display: block; margin: 0 5px;}
.mListF .text{ font-size: 12px;}

.mProListA ul{ margin: 0 -10px;}
.mProListA .pd{ margin: 0 10px;}


.mListB_2 ul{ margin-right: -15px;}
.mListB_2 a{ margin-right: 15px;}
.xscCon1 .mListB_2 li{ width: 33.3333%;}
}
.mapFl{ margin-left: 0px;}
.mListF li{ width: 33.3333%;}
.mListF li:nth-child(4){ display: none;}
.mListE dt{ padding-right: 20px;}
.mListE dt .text{ padding-left: 15px;}


.memberFl{ width: 280px;}
.mUser .pd{ padding: 40px 20px 20px 20px;}
.memberFr{ margin-left: 280px;}
.mAbout{ padding: 30px;}

.mNavList li{ width: 33.3333%;    border-bottom: 1px solid #eee;}

@media screen and (max-width:768px){
.mapFl{ width: 100%;}
.mapBoxM{ position: static; left: auto; top: auto; margin: 0px; text-align: center;}
.mapBoxM strong{ margin: 0 auto; background-image: url(../img/jt2.png); height: 40px; line-height: 40px;}
.mapBox{ position: static; width: auto; height: auto; top: auto; left: auto; margin: 0px;}
.mapBoxList ul,
.mapBoxNo .pd{ height: auto;}
.mListB_1 li{ width: 50%; float: left;}
.mapBoxList:before{ display: none;}

.mListD li{ width: 25%;}
.mListD .text{ display: none;}

.mListE dt{ position:relative; width: auto; left: auto; top: auto; padding-right: 0px; margin-bottom: 30px;}
.mListE dd{ margin: 0px;}
.mListF li{ width: 25%;}
.mListF li:nth-child(4){ display: block;}


.mProListA li{ width: 33.3333%;}
.xscCon1 .mListB_2 li{ width: 50%;}
}
.xscFl{ width: auto; float: none; padding-right: 0px;}
.xscFr{ width: auto; float: none;}
.xscCon1 .mListB_2 li{ width:auto; float:none;}

@media screen and (max-width:640px){
.mapBoxList{ padding: 15px;}
.mListB_1 li{ width: auto; float: none;}
.mListB_2 li{ width: auto; float: none;}
.mListB_3 li{ width: auto; float: none;}
.mListC dl{ padding: 0px;}
.mListD ul{ margin: 0 -5px;}
.mListD .pd{ margin: 0 5px;}
.mListD li{ width: 50%;}
.mListC dt{ position: static; left: auto; top: auto; line-height: 1; margin-bottom: 20px; }

.mListF li{ width: 50%; margin-bottom: 5px;}
.mListE dt .img{ width: auto; float: none; margin-bottom: 20px;}
.mListE dt .text{ margin: 0px; padding: 0px;}

.memberFl{ position: relative; left: auto; top: auto; bottom: auto; width: auto; border-right: none;}
.memberFr{ margin: 0px;}
.mAbout{ padding: 25px 20px;}
.mAbout .h3{ text-align: center;}
.mProListA li{ width: 50%;}
.mProListA ul{ margin: 0 -5px;}
.mProListA .pd{ margin: 0 5px;}
.mProListA li{ margin-bottom: 10px;}

.statistics3{ padding: 0 20px 20px 20px;}
.statistics3 ul{ display: block;}
}

.fMain{}
.fMainFilm1{ padding: 60px 0; background: #f5f5f5;}
.fTit1{ line-height: 1; position: relative; margin-bottom:20px;}
.fTit1 strong{ font-size: 18px; display: inline-block; vertical-align: bottom; position: relative; padding-left: 12px; color: #000; margin-right: 5px;}
.fTit1 strong:before{ content: ''; position: absolute; width: 4px; height: 1em; top: 50%; left: 0px; border-radius: 3px; margin-top: -0.5em; background: #03983c;}
.fTit1 a{}
.fmore1{ display: inline-block; vertical-align: bottom; font-size: 14px;}
.fmore1 span{}
.fmore1 i{ font-size: 1em;}
.fMainFilm1_1{ margin-bottom: 20px;}
.fMainFilm1_2{ margin-bottom: 20px;}
.fMainFilm1_3{ margin-bottom: 20px;}
.fMainFilm1_4{}
.filmListA{}
.filmListA ul{ margin-right: -30px;}
.filmListA li{ width: 20%; float: left; margin-bottom: 10px;}
.filmListA .pd{ margin-right: 30px; display: block; transition: 0.3s box-shadow;}
.filmListA .img{ position: relative;}
.filmListA .img img{ height: 140px; object-fit: cover;}
.filmListA .img:before{ content: ''; background-image: linear-gradient(to bottom,rgba(255,255,255,0),rgba(0,0,0,.8)); position: absolute;left:0px;bottom:0px; right: 0px; height: 35px; display: block;}
.filmListA .img:after{ content: ''; background: url("../images/filmplay.png") center center no-repeat; opacity: 0; transition: 0.3s all; position: absolute; left: 0px; top: 0px; bottom: 0px; right: 0px;}
.filmListA .img span{ position: absolute;  color: #fff; font-size: 12px; right: 0px; bottom: 0px; line-height: 35px; height: 35px; overflow: hidden; padding: 0 1em;}
.filmListA .text{ padding: 5px;}
.filmListA .h3{ font-size: 14px; line-height: 1.5; height: 3em; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;}
.filmListA1{ position: relative; padding-left: 43%;}
.filmListA1 li{ width: 33.3333%;}
.filmListA1 li:first-child{ width: 43%; position: absolute; left: 0px; top:0px;}
.filmListA1 li:first-child .img img{ height: 342px;}
.filmListA3 li{ width: 25%;}
.filmListA4 li{ width: 50%;}
.filmListA .pd:hover{ box-shadow: 0 4px 10px -8px #000;}
.filmListA .pd:hover .img:after{ opacity: 1;}

.fMainFilm2{ padding: 60px 0; background: #f5f5f5;}
.fMainFilm2 .wp{ min-height: 800px;}
.filmFl{ width: 20%; float: left; box-sizing: border-box; padding-right:30px;}
.filmNavTit{ background: #ff0000; padding: 0 15px; margin-bottom: 10px;}
.filmNavTit strong{ font-size: 18px; color: #fff; height: 3em; line-height: 3;}
.filmNav{ background: #fff; box-shadow: 0 0 8px rgba(0,0,0,0.1);}
.filmNav ul{ }
.filmNav li{ padding: 0 15px; position: relative;}
.filmNav li:before{ content:''; position: absolute; left: 0px; top: 0px; bottom: 0px; width: 4px; background: #ff0000; display: none;}
.filmNav li:last-child a:before{ display: none;}
.filmNav a{ padding-right: 30px; position: relative; display: block;}
.filmNav a:before{ content: ''; background: #ddd; position: absolute; left:0px; right:0px; bottom:0px; height: 1px;}
.filmNav strong{ font-weight: normal; height:2.75em; line-height:2.75; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.filmNav i{ position: absolute; right: 0px; top: 50%; margin-top: -0.5em; line-height: 1; font-size: 1em;}
.filmNav li.curr{ background: #f5f5f5;}
.filmNav li.curr:before{ display: block;}
.filmNav li.curr a:before{ background: none}
.filmFr{ width: 80%; float: right;background: #fff; padding: 20px; box-sizing: border-box; box-shadow: 0 0 8px rgba(0,0,0,0.1);}

.plu-video {width: 100%;height: 100%;box-sizing: border-box;border-radius: 6px;object-fit: fill;filter: blur(0px);background-color: #000000; }
.plu-video-container {position: relative;overflow: hidden; }
.plu-video-container .plu-video-control {position: absolute;left: 0;bottom: 0;width: calc(100% - 60px);height: 60px;display: none;flex-direction: row;padding: 20px 30px 0px 30px;justify-content: space-between;border-bottom-left-radius: 6px;border-bottom-right-radius: 6px;align-items: center;background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9));z-index: 100; }
.plu-video-container .plu-video-control .plu-video-control-left, .plu-video-container .plu-video-control .plu-video-control-right {display: flex;flex-direction: row;align-items: center; }
.plu-video-container .plu-video-control .plu-video-control-left span, .plu-video-container .plu-video-control .plu-video-control-right span {display: flex;flex-direction: row;align-items: center;justify-content: center; }
.plu-video-container .plu-video-control .plu-video-control-left {flex: 1;display: flex;flex-direction: row;padding-right: 10px; }
.plu-video-container .plu-video-control .plu-video-control-btn {width: 60px;height: 26px;border-radius: 4px;border-color: #C8C9C8;border-width: 2px;border-style: solid;
background-color: transparent;color: #ffffff;font-weight: bold;box-sizing: border-box;cursor: pointer; }
.plu-video-container .plu-video-control .plu-video-control-btn:hover {border-color: var(--themeColor-primary);color: var(--themeColor-primary); }
.plu-video-container .plu-video-control .plu-video-control-btn-play {width: 30px;height: 26px;border-radius: 4px;border-color: transparent;border-width: 2px;border-style: solid;background-color: transparent;color: #ffffff;font-weight: bold;box-sizing: border-box;cursor: pointer;display: inline-block; }
.plu-video-container .plu-video-control .plu-video-control-btn-play:first-child{ opacity: 0;}
.plu-video-container .plu-video-control .plu-video-control-btn-play:hover svg path {fill: var(--themeColor-primary); }
.plu-video-container .plu-video-control-progress {flex: 1;height: 2px;background-color: rgba(115, 133, 159, 0.5);cursor: pointer;margin-right: 10px;border-radius: 6px;position: relative; }
.plu-video-container .plu-video-control-progress:hover {height: 6px; }
.plu-video-container .plu-video-control-progress .plu-video-control-progress-buffer {height: 100%;width: var(--play-pro-buffer);background-color: rgba(245, 246, 248, 0.6);border-radius: 6px; }
.plu-video-container .plu-video-control-progress .plu-video-control-progress-bar {position: absolute;top: 0;left: 0;height: 100%;width: var(--play-pro);border-radius: 6px;background-color: var(--themeColor-primary); }
.plu-video-container .plu-video-control-progress-time {color: #ffffff; }
.plu-video-container .plu-video-toolTips { opacity: 0; position: absolute;top: var(--showTipY-primary);left: var(--showTipX-primary);z-index: 101;background-color: rgba(0, 0, 0, 0.6);display: var(--showTip-primary); }
.plu-video-container .plu-video-toolTips ul, .plu-video-container .plu-video-toolTips li {padding: 0;margin: 0;list-style: none;color: #ffffff;font-size: 14px; }
.plu-video-container .plu-video-toolTips li {padding: 4px 10px; }
.plu-video-container .plu-video-toolTips li:nth-child(1) {cursor: pointer; }
.plu-video-container .plu-video-toolTips li:nth-child(1):hover {color: var(--themeColor-primary); }
.plu-video-container .plu-video-detail {position: absolute;top: 0;left: 0;z-index: 101;width: 250px;height: 100%;background-color: rgba(0, 0, 0, 0.6);border-radius: 6px;overflow-y: auto;display: var(--showDetail-primary); }
.plu-video-container .plu-video-detail .plu-video-detail-close {position: absolute;right: 10px;top: 2px;color: #ffffff;cursor: pointer;display: block;width: 16px;height: 16px;font-size: 16px; }
.plu-video-container .plu-video-detail .plu-video-detail-close:hover {color: var(--themeColor-primary); }
.plu-video-container .plu-video-detail .plu-video-detail-content {width: calc(100% - 20px);
height: calc(100% - 40px);padding: 20px 10px;color: #ffffff;font-size: 14px;word-wrap: break-word; }
.plu-video-container .plu-video-loading {position: absolute;top: 40%;left: 48%;z-index: 102;display: var(--showLoading);width: 32px;height: 32px;animation: plu-turnAnimate 2s linear infinite; }
.plu-video-container .plu-video-loading svg path {fill: var(--themeColor-primary); }
@keyframes plu-turnAnimate {0% {-webkit-transform: rotate(0deg); }25% {-webkit-transform: rotate(90deg); }50% {-webkit-transform: rotate(180deg); }75% {-webkit-transform: rotate(270deg); }
100% {-webkit-transform: rotate(360deg); } }
.plu-video-container .plv-video-volume-bar {width: 50px;height: 6px;position: relative;border-radius: 6px;background-color: rgba(115, 133, 159, 0.5);margin-right: 10px; }
.plu-video-container .plv-video-volume-bar .plv-video-volume-bar-buffer {width: var(--volumeW);height: 100%;background-color: var(--themeColor-primary);border-radius: 6px;
position: absolute;left: 0;z-index: 9; }
.plu-video-container .plv-video-volume-bar .plv-video-volume-bar-btn {display: block;width: 10px;height: 10px;border-radius: 50%;background-color: #ffffff;position: absolute;
left: var(--volumeOffset);top: -2px;cursor: pointer;z-index: 10; }
.plu-video-container .plu-picture {position: absolute;top: 0;left: 0;z-index: 99999999999;width: 100%;height: 100%;background-color: black;display: none; }
.plu-video-container .plu-picture img {width: 100%;height: 100%; }
.plu-video-container .plu-picture .plu-picture-buttons {position: absolute;bottom: 20px;left: calc((100% - 260px) / 2); }
.plu-video-container .plu-picture .plu-picture-buttons button {border: 0;padding: 4px 40px;border-radius: 6px;cursor: pointer;background-color: var(--themeColor-primary);color: #ffffff;margin-left: 20px; }
.plu-video-container .picture-error::before {content: '';font-size: 20px;font-weight: 600;color: red;position: absolute;top: 50%;left: 36%; }
.plu-video-container .plu-video-rateText {position: absolute;right: 20px;top: 20px;font-size: 16px;font-weight: 600;z-index: 99999999;color: #ffffff;display: none;animation-duration: 2000ms; }
.plu-video-container .plu-video-time-tip {position: absolute;top: 45%;left: 45%;z-index: 99999999;padding: 10px;background-color: rgba(0, 0, 0, 0.6);color: #ffffff;font-weight: bold;font-size: 20px;border-radius: 6px;display: none; }
.plu-video-container .plu-video-play-svg {position: absolute; left: 50%; top: 50%; margin: -40px 0 0 -32px; cursor: pointer;z-index: 99999999999999999; pointer-events: none;}
.plu-video-screenfull {position: fixed;width: 100% !important;height: 100% !important;z-index: 99999999999999999;top: 0 !important;left: 0 !important; }
.infoVideo{ margin-bottom: 20px; position: relative; z-index: 2;}



@media screen and (max-width:1680px){
.filmListA ul{ margin-right: -24px;}
.filmListA .pd{ margin-right: 24px;}
.filmListA1{ padding-left: 44.5%;}
.filmListA1 li:first-child{ width: 44.5%; }
.filmFl{ width: 24%;}
.filmFr{ width: 76%;}
}
.filmListA ul{ margin-right: -20px;}
.filmListA .pd{ margin-right: 20px;}
.filmListA1{ padding-left: 45.5%;}
.filmListA1 li:first-child{ width: 45.5%; }

.filmListA li{ width: 33.3333%;}
.filmListA1{ padding-left: 0px;}
.filmListA1 li:first-child{ position: static; width: 100%;}
.filmFl{ width: auto; position: static; padding-right: 0px; margin-bottom: 20px; float: none;}
.filmFr{ margin:0px; float: none; width: auto;}
.filmNavTit{ background: none; padding: 0px; }
.filmNavTit strong{ color: #000; height: auto; line-height: 1;}
.filmNav{ background: none; box-shadow: none;}
.filmNav li{ float: left; padding: 0px; margin-bottom: 1px;}
.filmNav a{ padding: 0 1em;  background: #fff; margin-right: 1px; font-size: 12px; border-radius: 5px;}
.filmNav a:before,
.filmNav li.curr:before{ display: none;}
.filmNav li.curr a{ background: #ff0000; color: #fff;}
.filmNav i{ display: none;}

.filmListA li{ width: 50%;}

.filmMenu{ padding: 20px 0; background: #fff;}
.filmMenuList{ text-align: center;}
.filmMenuList ul{ display: inline-block; vertical-align: bottom;}
.filmMenuList li{ float: left;}
.filmMenuList a{ display: block; padding: 0 1.5em; background: #f5f5f5; color: #333; height: 2.5em; line-height: 2.5em; font-size: 16px; border-right: 1px solid #eee;}
.filmMenuList a:hover{ color: #03983c;}
.filmMenuList li:last-child a{ border-right: none;}
.filmMenuList li.curr a{ background:#03983c; color: #fff;}


















/*20230606*/
.pMenu{ position: absolute; left: 0px;bottom: 0px; width: 200px;}
.pMenu:hover .pMenuList{ display: block;}
.pMenuTit{ position: relative; background: #03983c; color: #fff; cursor: pointer;}
.pMenuTit strong{ height: 48px; line-height: 48px; display: block; padding-left:15px;}
.pMenuTit i{ position: absolute; right:15px; top: 50%; font-size: 24px; line-height: 1; margin-top: -0.5em;}
.pMenuList{ position: absolute; top: 100%; left: 0px; right: 0px; display: none;}
.pMenuList .dt{ background: rgba(0,0,0,0.9); padding:0;}
.pMenuList .dt a{ height:34px; line-height: 34px; display: block; padding-left: 34px; position: relative; color: #fff;}
.pMenuList .dt a:before{ content: ''; position: absolute; left: 20px; top: 50%; margin-top: -2px; width: 4px; height: 4px; background: #fff; border-radius: 50%; }
.pMenuList .dt a:hover{ background: #fff; color:#03983c;}
.pMenuList .dt a:hover:before{ background: #03983c;}
.pMenuList .dd{ position: absolute; left: 100%; width: 820px; top: 0px; bottom: 0px; background: #f5f5f5; display:none;}
.pMenuList .dd .pd{ padding: 15px;}
.pMenuList .dd a{ display:none; vertical-align: bottom; margin-right: 10px; height: 30px; line-height: 30px;}
.body_fix .pMenu{ display: none;}

.zMain{ padding: 60px 0;}
.zMain1{ background: #fff; padding:  0;}
.zMain1_1{ margin-bottom: 20px;}
.zMain1_2{ float:left; width:72.85714285714285%;}
.zBanner .slick-arrow{ font-size: 16px; opacity: 0;}
.zBanner .slick-dots li button{ background: #fff;}
.zBanner .slick-dots li.slick-active button{ background: #03983c;}
.zBanner .slick-arrow:hover{ background: #03983c; opacity: 1;}
.zBanner .pd img{ width: 100%; height: 442px; object-fit: cover;}
.zBanner .slick-dots{ bottom: 20px;}

.zMain1_3{ float:right; width:25.71428571428571%; background: #f5f5f5;}
.zMakerA{ margin-bottom: 12px;}
.zTitA{ background: #03983c; color: #fff; height: 50px; line-height: 50px; text-align: center; font-size: 18px;}
.zMakerAList{ padding: 15px;}
.zMakerAList .wpd{ height:140px; overflow: hidden; display: block;}
.zMakerAList li{ position: relative; padding-left: 10px; box-sizing: border-box;}
.zMakerAList li:before{ content: ''; position: absolute; left: 0px; top: 50%; width: 6px; height: 6px; margin-top: -3px; background: #03983c; border-radius: 50%;}
.zMakerAList a{ position: relative; display: block; overflow: hidden; padding-right: 120px;}
.zMakerAList em{ position: absolute; right: 0px; line-height: 1; top: 50%; margin-top: -0.5em;}
.zMakerAList span{ display: block; height: 28px; line-height: 28px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.zADA{}
.zADA .pd{ display: block;}
.zADA .pd img{ width: 100%; height: 210px; object-fit: cover; display: block;}

.zMain1_4{}
.zADB ul{ margin:0 -5px;}
.zADB li{ width: 16.666666666666668%; float: left;}
.zADB .pd{ display: block; margin: 0 5px;}
.zADB img{ width: 100%; height: auto; display: block;}


.zMain2{ background: #f5f5f5;}
.zNavA{ text-align: center; margin-bottom: 30px;}
.zNavA ul{ display: inline-block; vertical-align: bottom;}
.zNavA li{ float: left;}
.zNavA a{ display: block; padding: 0 1.5em; background: #fff; color: #333; height: 2.5em; line-height: 2.5em; font-size: 16px; border-right: 1px solid #eee;}
.zNavA a:hover{ color: #03983c;}
.zNavA li:last-child a{ border-right: none;}
.zNavA li.curr a{ background:#03983c; color: #fff;}
.zNavA_2 a{ background: #f5f5f5;}
.zMain2 .mListA{ display: none;}


.iMain2{ background: #fff;}
.iMain5{ background: #fff;}
.iMain7{ background: #fff;}

.icon-vip{ display: block;}
.icon-vip a{ overflow: visible; display: block;}
.icon-vip .v{ position: absolute; top: 50%; margin-top: -8px; margin-left: 5px; width: 16px; height: 16px; background: url("../fonts/renzheng2.svg") no-repeat center center; background-size:contain; z-index: 3;}
.icon-vip .v:before{ content: '已认证企业'; white-space: nowrap; padding:0 0.5em; margin-left:5px; position: absolute; left: 100%; top: 50%; height: 20px; line-height: 20px; margin-top: -10px; background:url(../images/subnav.png) repeat-x; background-size: 100% 100%; color: #fff; border-radius: 4px; box-shadow: 1px 1px 3px rgba(0,0,0,0.2); display: none; font-size: 12px;}
.icon-vip span{ max-width: calc(100% - 20px);}
.icon-vip .v:hover:before{ display: block;}


.icon-vip_2{position: relative;}
.icon-vip_2 h1{ display: inline;}
.icon-vip_2 .v{ background-image: url("../images/renzheng.svg"); margin-left: 5px;}
.icon-vip_2 .v:before{ content: '已认证产品';}







.pMenu{ display: none;}
.zBanner .pd img{ height: auto;}
.zMain1_2{ width: auto; float: none; margin-bottom: 30px;}
.zMain1_3{ width: auto; float: none;}
.zADA .pd img{ height: auto;}
.zADB ul{ margin: 0 -3px;}
.zADB li{ width: 33.3333%; float: left; margin-bottom: 6px; height:70px}
.zADB .pd{ margin: 0 3px;}
.zNavA li{ width: 25%;}
.zNavA a{ font-size: 14px; padding: 0 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
}
@media screen and (max-width:980px){
.filmListA1 .img img{ height: 100px;}
.filmListA1 li:first-child .img img{ height: auto;}
.zMain1{padding-top: 0px;}
.zBanner{ margin: 0 -30px;}
}
@media screen and (max-width:640px){
.zBanner{ margin: 0 -25px;}
.zNavA a{ font-size: 12px;}

.pScreenTab dd a{ width: auto;}
.pScreenCon dd a, .pScreenCon dd label{ width: auto;}
.navC dd a{ height: 2em; line-height: 2em; width: auto;}
.filmMenuList a{ height: 2em; line-height: 2em; font-size: 14px; margin-bottom: 1px;}
.testingTab dd a{ max-width: 80%;}
.serviceBox a{ padding: 5px 0;}

@media screen and (max-width:413px){
.zBanner{ margin: 0 -20px;}
}
@media screen and (max-width:374px){
.zBanner{ margin: 0 -15px;}
}

.bodyIs1 .subNav li{ width: 20%;}
.bodyIs1 .more2_1,
.bodyIs1 .subNav li.show_sq{ pointer-events: none; display: none !important;}



