@charset "utf-8";
html{overflow-y:scroll;height:100%;overflow-x:hidden; min-width: 320px;}
body{-webkit-text-size-adjust:100%}
body{height:100%;font-family:\5FAE\8F6F\96C5\9ED1,\9ED1\4F53,Arial;font-size:14px;line-height:1.7;color:#333;position:relative;background:#fff; }
html, body {position: relative;height: 100%;}
img{vertical-align:middle;max-width:100%}
a{cursor:pointer;color:#000;transition:.4s;-moz-transition:.4s;-webkit-transition:.4s;-o-transition:.4s;}
a:hover{color:#97c606}
input{outline:0;font-family:\5FAE\8F6F\96C5\9ED1,\9ED1\4F53,Arial;font-size:14px;color:#333;}
input {    appearance: none;-webkit-appearance: none;}
table{border-collapse:collapse}
:focus{outline:0}
li,ol,ul{list-style:none}
input,select{outline:0;color:#333;display:block;background:#fff;font-family:\5FAE\8F6F\96C5\9ED1,\9ED1\4F53,Arial}
textarea{resize:none;font-family:\5FAE\8F6F\96C5\9ED1,\9ED1\4F53,Arial;outline:0;color:#555}
.clear{clear:both}
b,em,i{font-style:normal}
.fl{float:left}
.fr{float:right}
.p_re{position:relative}
.p_ab{position:absolute}
.con_{width:1250px;margin:0 auto}
.overH{overflow:hidden}
.trans06{transition:.6s;-webkit-transition:.6s;-moz-transition:.6s;-ms-transition:.6s}
.trans1{transition:1s;-webkit-transition:1s;-moz-transition:1s;-ms-transition:1s}


.c_333{ color: #333; }
.t_l{ text-align: left; }
.t_c{ text-align: center; }
.overH{ overflow: hidden; }
.animateDH0{opacity: 0; transition: 0.6s; -webkit-transition: 0.6s;-moz-transition: 0.6s; position: relative;transform: scale(2); }
.animateDH0.cur{opacity: 1; top: 0;transform: scale(1); }
.loading{background:#000 url(../images/loading.gif) no-repeat center center; background-size: 20% auto; position: fixed; z-index: 100; width: 100%; height: 100%; left: 0; top: 0;}
.swiper-pagination{ position: relative; padding-top: 20px; }
.swiper-pagination-bullet{ background: #fff; opacity:0.8; }
.swiper-pagination-bullet-active{background:#97c606;}
.paddT{ height: 0px; padding-top: 80px; width: 100%;}
.container{width:1100px;margin:0 auto;}
.navbar{background:#fff;height:80px;position: fixed;z-index:10;left:0;top:0;width:100%; }
.paddT{ height: 80px; }
.logo{ float: left;margin-top:10px;transition: 0.2s;}
.logo img{height:58px;width:auto;}
.logo a{display:block}
.nav{ text-align: right; font-size: 0; float: right}
.nav li{ display: inline-block; margin-left: 1px;font-size: 16px; margin-left: 35px;}
.nav li a{display:block; text-align: center; line-height:80px;}

.nav-logo{position:absolute;right:3%;top:22px;display:none; cursor: pointer;}
.nav-logo span{width:30px;height:3px;background:#97c606;display:block;margin-bottom:6px}
.nav li.on a,.nav li a:hover{ color: #97c606; font-weight: 700; }
.swiper-pagination-bullet:hover{ transform: scale(1.5); }
.swiper-pagination-bullet{ transition: 0.3s; }
.sybanner01 .swiper-pagination{ position: absolute;}
.table{ display: table; width: 100%; height: 100%; }
.table_cell{ display: table-cell; vertical-align: middle; }
.swiper-warp{ width: 100%;height: 100%;  }
.swiper-warp .swiper-slide { overflow:hidden;text-align: center; background-size: cover; background-position:  center center;  }
.warp_pagination .swiper-pagination-bullet{ width: 10px; height: 10px; background: #999; opacity: 1; }
.warp_pagination .swiper-pagination-bullet-active{background:#97c606;}
.swiper-warp.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 10px 0; }
.swiper-pagination.warp_pagination{ position: absolute;}
.s_slide1{ background: #34383b; }
.s_slide1 .sybanner01{ height: 100%; }
.s_slide1 .sybanner01 .swiper-slide{ width: 100%; height: 100%; background-position:  center center; background-size: cover; }
.swiper-warp .swiper-slide .main_{position: absolute; top: 50%; left: 0; width: 100%; }

.pic{ overflow: hidden; }
.pic img{ width: 100%;  height: auto; display: block; transition: 1s;  -webkit-transition: 1s;  }

.sy_h2{ text-align: center; }
.sy_h2 h3{ text-transform: uppercase; font-size: 20px; letter-spacing:0.3em; line-height: 1; }
.sy_h2 h2{ font-size:37px; font-weight: 700; border-bottom:  solid 1px #939393; position: relative; padding-bottom:8px; margin-bottom: 1em;}
.sy_h2 h2::after{ position: absolute; content: ''; width: 40px; height: 3px; left: 50%; margin-left: -20px; bottom: -1px; background: #97c606; }

.pagination2,.pagination3,.pagination4{ display: none; }

.s_slide2a3 .syswiper2a a h4{  font-weight: 700; text-align: center; padding: 0.4em 0;color: #333; font-size: 20px; }
.s_slide2a3 .syswiper2a a .ptxt{ height:10.2em; color: #fff; text-align: left;  }
.s_slide2a3 .syswiper2a a{ display: block; }
.s_slide2a3 .syswiper2a a:hover img{ transform: scale(1.1); }
.s_slide2a3 .syswiper2a a:hover h4{ border-bottom:  solid 1px #959595; }
.s_slide2a3 .syswiper2a a h5{  font-weight: 700; text-align: center; padding:10px 0; color: #333;border-bottom:  solid 1px #959595;   }

.s_slide4 .ptxt{ padding: 10px 0; }
.s_slide4 .swiper-slide:hover img{ transform: scale(1.2); }
.s_slide4 .swiper-slide img{ width: 100%;}

.s_slide4 .btnbox{ text-align: center;  line-height: 42px; padding-top: 30px; }
.s_slide4 .btnbox a{ vertical-align: middle; }
.s_slide4 .btnbox a.arr{ display: inline-block; width: 42px; height: 42px; margin: 0 5px; font-size: 20px; color: #9a9a9a; }
.s_slide4 .btnbox a.link{display: inline-block; width: 62px; height: 42px; background: url(/images/sypic_19.png) center center; border: solid 1px #dfdfdf;  margin: 0 5px;}
.s_slide4 .btnbox a.arr:hover{ background: #97c606; color: #fff; }

.s_slide5 .about_box{ color: #666; }
.s_slide5 .about_box .txt{ max-height: 8em; line-height: 2; overflow: hidden; }
.s_slide5 .about_box .li{ width: 25%; float: left; text-align: center; padding: 4% 3% 0; }
.s_slide5 .about_box h4{ font-weight: 700; padding: 0.4em 0; font-size: 20px; color: #333; }
.s_slide5 .about_box img{transition: 0.6s; max-width: 70%;}
.s_slide5 .about_box .li:hover img{ transform: scale(-1,1); }

.s_slide6 .synews{ overflow: hidden; }
.s_slide6 .conbox .li{ float: left; width: 25%;display: block; overflow: hidden; position:relative; line-height: 2; }
.s_slide6 .conbox .li img{display: block; width: 100%;}
.s_slide6 .conbox .li:first-child{ width: 50%; }
.s_slide6 .conbox .li .hover{ position:absolute; width:100%; height:100%; padding: 0 5%; left:0; top:0; opacity:0; background:rgba(0,0,0,0.6); text-align:center; color:#fff;}
.s_slide6 .conbox .li .hover p{ padding-top: 5%; }
.s_slide6 .conbox .li:hover .hover{ opacity:1;}
.s_slide6 .conbox .li:hover img{ transform: scale(1.2); }
.s_slide6 .conbox .li .c_a9{ color: #a9a9a9  }
.s_slide6 .conbox .li:nth-child(1) h4{ font-size: 16px; }

.s_slide7 .con_box{ margin-top: 6%; }
.s_slide7 .con_box .fl{ width: 38%;padding-top: 20px;  text-align: left;}
.s_slide7 .con_box .fr{ width: 58%; padding-top: 25%; position: relative; }
.s_slide7 .con_box h3{ font-weight: bold;  font-size: 24px; }
.s_slide7 .con_box p{ color: #666; font-size: 14px; padding-top: 0.8em; }
.s_slide7 .erwm{ position: absolute; right: 0; width: 110px;  bottom: 0px; }
.s_slide7 .erwm img{ width:110px; display: inline-block; }
.s_slide7 .p_ab{ position: absolute; width: 1100px; left: 50%; bottom: 30px; margin-left: -600px; }
.s_slide7 .p_ab p{  color: #666; font-size: 12px;padding-right: 130px; line-height: 20px; margin-bottom: -6px; text-align: left; }
.s_slide7 .p_ab p span{ margin-right: 20px; display: inline-block; }
.s_slide7 .p_ab p a{ color: #666; }
.s_slide7 .con_box .mapbox{ position: absolute; width: 100%; height: 100%;  left: 0; top: 0; }
.mapboxc{ height: 400px; border:  solid 1px #ddd; }

.swiper_partner .swiper-slide{ padding: 3px; }
.swiper_partner .pic{ box-shadow: 0 0 5px 1px #999}
.swiper_partner .pic p{ line-height: 34px; background: #f2f2f2; color: #333;  }

.p_re_partner .arr{ position: absolute; cursor: pointer; width:24px; height:47px; background: url(/images/arrow_02.png) no-repeat; background-size: 200% auto; top: 50%; margin-top: -23px; z-index: 2; }
.p_re_partner .arr.partner_btnL{ left: -40px;  background-position: top left; }
.p_re_partner .arr.partner_btnR{ right: -40px; background-position: top right; }

footer{ background: #333333; padding: 30px 0; color: #fff; text-align: left; }
.s_slide9{ height: auto; }
footer .friend_links{ padding-bottom:30px;padding-left: 80px;position: relative; padding-top: 10px;  }
footer .friend_links span{ display: block; width: 80px; font-size: 16px; line-height: 34px; position: absolute; left: 0; top: 0;  }
footer .friend_links a{ display: inline-block; font-size: 14px; color: #adadad; padding: 0 15px; line-height: 14px; margin-bottom: 10px; vertical-align: top; border-right:  solid 1px #adadad;   }
footer .navul li{display: inline-block; }
footer .navul a{display: inline-block; font-size: 14px; color: #fff; padding: 0 15px; line-height: 14px; margin-bottom: 10px; vertical-align: top; border-right:  solid 1px #fff;   }
footer .navul li:first-child a{ padding-left: 0; }
footer .friend_links a:last-child,footer .navul li:last-child a{ border: none }
footer a{ color: #fff; }
footer .friend_links a:hover,footer .navul a:hover{ color: #97c606 }
footer p{ margin-top: 6px; }
footer img{ width: 120px; }

.pagebanner{ color: #222; overflow: hidden; text-align: center; height: 400px; background-size: cover; background-position: center; }
.pagebanner .container{ padding-top:140px; }
.pagebanner h2{ font-size: 42px;top: 30%; line-height: 1.4; text-shadow: 2px 2px 5px #888; -webkit-text-shadow: 2px 2px 5px #888;color:#fff;}
.pagebanner h4{ font-size:20px;text-shadow: 2px 2px 5px #888; -webkit-text-shadow: 2px 2px 5px #888; text-transform: uppercase;color:#fff;}

.page_con{ padding: 40px 0; }

.list_left{width:250px;float:left}
.list_left .box1 h2{height:90px;line-height:90px;background:#222;color:#fff;font-size:24px;font-weight:400;text-align:center}
.list_left .box1 dl dd>a{display:block;cursor:pointer;font-size:16px;text-align:center;color:#333;text-align:center;line-height:50px;background:#f2f2f2;border-bottom:1px solid #ddd; position: relative;}
.list_left .box1 dl dd>a:hover{background:#97c606;color:#fff}
.list_left .box1 dl dd>a.on{background:#97c606;color:#fff}
.list_left .box1 dl dd:last-child>a{border-bottom:none}
.list_left .box1 dl dd>a i{ display: block; width: 30px; height: 30px; background: url(/images/arrowsright.png) no-repeat center center;  position: absolute; right: 10px; top: 50%; margin-top: -15px; transition: 0.1s; }

.list_left .box1 dl dd>a.on i{ transform:rotate(90deg);}

.list_left .box1 dl dd .dl{ }
.list_left .box1 dl dd .dl a{ font-size: 12px; padding: 0 20px; line-height: 24px; display: block; }
.list_left .box1 dl dd .dl a.on{ color: #97c606;font-weight:700; }
.list_left .box1.pro_l dl dd>a{color: #fff; background: #97c606; line-height: 40px; overflow: hidden; height: 40px;}

.list_left .box1 dl dd .dl .bt{ background: #dedede; position: relative; color: #666; }
.list_left .box1 dl dd .dl .bt i{ display: block; width: 30px; height: 30px; background: url(/images/arrowsright.png) no-repeat center center;  position: absolute; right: 10px; top: 50%; margin-top: -15px; transition: 0.1s; }
.list_left .box1 dl dd .dl .bt.on{ color: #666 }
.list_left .box1 dl dd .dl .bt.on i{ transform:rotate(90deg);}

.list_left .box2{background:#97c606;padding:20px 10px 10px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;color:#fff;margin:20px 0}
.list_left .box2 a{color:#fff}
.list_left .box2 h1{border-bottom:1px solid #738f1e;font-size:16px;line-height:40px;text-transform:uppercase;padding-left:30px}
.list_left .box2 h1 i{width:18px;height:17px;margin-right:5px;margin-left:1px}
.list_left .box2 h2{letter-spacing:2px; text-align: center; border-top:1px solid #d2e2a0;font-family:impact;font-size:26px;font-weight:100;padding-top:3px}
.list_left .box3{width:250px;border-top:3px solid #c9dd8c;text-align:left}
.list_left .box3 .hd{position:relative;width:100%;height:50px}
.list_left .box3 .hd ul{float:left;position:absolute;left:0;top:-3px;height:50px;line-height:50px;width:100%}
.list_left .box3 .hd ul li{width:50%;font-size:16px;color:#7f7c7c;cursor:pointer;float:left;text-align:center;border-top:3px solid #3b0002}
.list_left .box3 .hd ul li.on{border-top:3px solid #97c606;color:#97c606}
.list_left .box3 .bd{width:200%;position:relative}
.list_left .box3 .bd ul{zoom:1;margin-bottom:10px;width:50%;float:left}
.list_left .box3 .bd ul .news_top a{display:block;width:220px;margin:0 auto}
.list_left .box3 .bd ul .news_top a b{width:100%;height:100px;display:block;overflow:hidden}
.list_left .box3 .bd ul .news_top a b img{width:100%}
.list_left .box3 .bd ul .news_top a h1{color:#97c606;line-height:40px}
.list_left .box3 .bd ul .news_top a p{border-bottom:1px solid #e5e5e5;line-height:18px;color:#5e5e5e;padding-bottom:15px;margin-bottom:10px;font-size:12px;width:100%;text-align:left}
.list_left .box3 .bd ul .news_top a i{width:14px;height:14px;float:left;margin-right:5px;background-position:-162px -211px}
.list_left .box3 .bd ul .news_top a span{line-height:15px;display:block;margin-bottom:19px;font-size:12px;color:#909090}
.list_left .box3 .bd ul .news_top a:hover span{color:#909090}
.list_left .box3 .bd ul .li{border-bottom:1px dotted #e3e3e3;line-height:35px;height:35px;width:228px;margin:0 5px;float:left}
.list_left .box3 .bd ul .li .right{color:#c3c3c3;font-size:12px}
.list_left .hotCase{width:100%;background:#333;padding-top:20px;margin-top:30px;padding-bottom:20px}
.list_left .hotCase h3{font-size:20px;color:#fff;text-align:center;line-height:40px;margin-bottom:10px}
.list_left .myscroll{width:210px;margin:0 auto;height:540px;overflow:hidden}
.myscroll ul li{height:200px; }
.myscroll ul li a{display:block}
.myscroll ul li .img{width:210px;height:147px;overflow:hidden}
.myscroll ul li p{padding:10px 5px;line-height:20px;font-size:14px;color:#fff;text-align:center; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.myscroll ul li img{transition:all .5s}
.myscroll ul li:hover img{transform:scale(1.1)}
.myscroll ul li:hover p{ background: #97c606 }

.r_main{width:820px;float:right;padding:10px 30px 40px}
.bgcf2f2f2{background:#f2f2f2}
.brands{line-height:50px;border-bottom:solid 1px #cecece;margin-bottom:20px}
.page_div{text-align:center;padding:30px 0 20px}
.page_div a{display:inline-block;line-height:36px;padding:0 14px;color:#666;margin:0 3px;background:#f2f2f2}
.page_div a.on,.page_div a:hover{color:#fff;background:#97c606}
.contactdiv,.newsD,.processD,.cooperationD{ padding: 2.5% 0; }
.contactdiv h3{ font-weight: 700; color: #97c606; font-size: 22px; margin-bottom: 0.7em; }
.contactdiv img{ margin:15px 0;  }
.contactdiv p{ margin-bottom: 0.5em; }


.news_c {}
.news_c li{ border-bottom: solid 1px #dedede; transition: 0.4s;}
.news_c li a{ display: block; padding: 20px; margin-top: 15px ; border-bottom: solid 3px #f2f2f2; }
.news_c li a h3{overflow: hidden; text-overflow:ellipsis;white-space: nowrap; font-size: 16px;color: #333; transition: 0.4s; }
.news_c li a .date{ color: #999; font-size: 12px; padding: 5px 0; }
.news_c li a .xq{ overflow: hidden; height:46px; color: #333 }
.news_c li a:hover{ background: #fff; box-shadow: 0 0 5px 1px #eee; border-bottom: solid 3px #97c606;  }
.news_c li a:hover h3{ color: #97c606; padding-left: 15px; }
.news_c li a .img{ float: left; width: 160px; margin-right: 15px; }
.newsD h2{text-align:center;font-size:24px;font-weight:700;padding-bottom:0.4em}
.newsD .date{text-align:center;color:#999;font-size:12px;padding-bottom:40px}
.newsD img{ display: block; margin: 20px auto; }

.pagex{font-size:14px;background:#f2f2f2;padding:10px;margin:30px 0}
.pagex .hafl{width:48%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; color: #97c606}
.pagex .hafl.fl{text-align:left;}
.pagex .hafl.fr{text-align:right;}
.pagex a{color:#666}
.pagex a:hover{color:#97c606}

.pro_main .ul{ margin-right: -2%; font-size: 0; }
.pro_main  .ul li{ width:33.33%; display: inline-block; padding-right:2%; margin-bottom:3%; vertical-align: top; }
.pro_main .ul li a{ display: block; overflow: hidden; position: relative;}
.pro_main .ul li a img{ display: block; max-width: 242px; max-height:222px; }
.pro_main .ul li h3{ font-size: 14px; border-bottom: solid 1px #dedede; line-height: 55px; height: 55px; position: relative;overflow: hidden; text-overflow:ellipsis;white-space: nowrap;  }
.pro_main .ul li h3::after{ content: ''; position: absolute; bottom: -1px; height: 3px; left: 0; width: 0;  background: #97c606; }
.pro_main .ul li:hover img{ transform: scale(1.2); }
.pro_main .ul li:hover h3::after{ width: 100%;  transition: 0.3s; }
.pro_main .ul li a.pic::before{z-index: 99;position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,0.5); content:''; -webkit-transition:-webkit-transform 0.6s; transition:transform 0.6s; -webkit-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0); transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0)}
.pro_main li:hover a.pic::before{-webkit-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,120%,0); transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,120%,0)}


.cooperationD{}
.cooperationD li{ float: left; width: 20%; padding: 3px; }
.cooperationD li img{ display: block; width: 100%; }
.cooperationD li p{ text-align: center; line-height: 34px; background: #f2f2f2; color: #333;  }
.cooperationD li .pic{box-shadow: 0 0 5px 1px #999}

.sybanner_2{ display: none; }

.qiehuan{width:58%; float: left; overflow: hidden;position:relative; }
.qiehuan .datus{ background: #fff; position: relative;}
.qiehuan .datu{ overflow:hidden; position:relative;}
.qiehuan .datu ul{ position:absolute; left:0px; top:0px; width:100%;}
.qiehuan .datu ul li{ display:none; width:100%; position:absolute; left:0px; top:0px;}
.qiehuan .xiaotu{ position:relative; width:100%; padding:10px 0; background:#fff; margin-top: 10px;}
.qiehuan .xtu{ position:relative; overflow:hidden; margin:0px 30px; width: 442px;}
.qiehuan .xtu dl{ position:absolute; left:0px; top:0px;}
.qiehuan .xtu dl dt{ position:absolute; left:0px; top:0px; height: 100%;}
.qiehuan .xtu dl dd{ position:relative; text-align:center; line-height:100px;  font-size:20px; font-weight:bold; width:110px; margin-right:10px;float:left;cursor:pointer; opacity: 1; background: #97c606;}
.qiehuan .xtu dl dd.current img{opacity: 0.4;}
.qiehuan .xiaotu .prev{ display:inline-block;  cursor:pointer; width:20px; height:35px;background:#bababa url(../images/arro3.png) no-repeat center 3px; position:absolute; left:0px; top:50%; margin-top: -17px; }
.qiehuan .xiaotu .next{ display:inline-block;  cursor:pointer; width:20px; height:35px; background:#bababa url(../images/arro3.png) no-repeat center -28px; position:absolute; right:0px; top:50%; margin-top: -17px; }
.qiehuan .datus .prev{ display:inline-block;  cursor:pointer; width:30px; height:48px;background:#97c606 url(../images/arro3.png) no-repeat center 11px; position:absolute; left:0px; top:50%; margin-top:-24px; }
.qiehuan .datus .next{ display:inline-block;  cursor:pointer; width:30px; height:48px;background:#97c606 url(../images/arro3.png) no-repeat center -23px; position:absolute; right:0px; top:50%; margin-top:-24px;}

.qiehuan .datu ul li img{ display:block; width:100%; height:auto;}
.qiehuan .xtu dl dd img{display:block; width:100%; height:auto;}

.proD .frtxt{ width: 38%; padding-left: 4%; float: left; }
.proD .frtxt h4{ color: #000; font-size: 20px; padding-bottom: 1em; }
.proD .detailbox{ padding-top: 30px; }
.proD .detailbox .top{ border-bottom:  solid 1px #97c606; margin-bottom: 30px; text-align: left; }
.proD .detailbox .top span{ display: inline-block; padding: 5px 10px; color: #fff; background: #97c606;}
.proD .detailbox img{ margin: 10px 0; }


.signup_conP{ padding: 20px 0; }
.signup_conP h3{text-align: center; font-size: 22px; font-weight: 700; margin-bottom: 1em ;}
.signup_conP .p1{ color: #999; text-align: center; }

.signup_conP .form{ width: 80%; margin:30px auto 0; }
.signup_conP .form .div_line{ position: relative; margin-bottom: 20px; line-height: 40px; padding: 0 20px 0 80px; }
.signup_conP .form .div_line label{ position: absolute; width: 80px; font-size: 14px; padding-right: 10px; text-align: right; left: 0; top: 0; }
.signup_conP .form .div_line span{ position: absolute; right: 0; top: 0; color:#D2201E; }
.signup_conP .form .input1,.signup_conP .form .select1{ width:100%;  display: block; height: 40px;  line-height: 40px; border: solid 1px #dedede; background:#fff;padding: 0 10px;  }
.signup_conP .form .textarea1{width:100%;  display: block; height: 100px; line-height:20px; border: solid 1px #dedede; background:#fff;padding:10px; }
.signup_conP .form .btnsbmit{ width:180px; height: 40px; line-height: 40px; color: #fff; border:none; background: #97c606; font-size: 16px; }
.signup_conP .form p{ line-height: 20px; padding-top: 6px; }
.signup_conP .form .div_line.div_line2{padding: 0 70px 0 100px;}
.signup_conP .form .div_line.div_line2 label{ width: 100px; font-size: 14px; }

.dede_pages{ text-align:center; padding:20px 0;line-height:26px;}
.dede_pages li{display:inline-block; margin-right: 3px; }
.dede_pages span,.dede_pages a{ display:inline-block; padding:0 8px; height:26px; line-height:26px;background:#f1f1f1;  color:#666; min-width:33px; box-sizing:border-box; font-family:Arial, Helvetica, sans-serif;}
.dede_pages a:hover{ color:#fff; background:#299f2d;}
.dede_pages select{ height:26px; border: solid 1px #dedede; vertical-align:middle; }


/******xuanfu*****/
.fixed_L{ position: fixed; z-index: 8; width: 46px; left: 0; top: 50%; background: rgba(0,0,0,0.5); border-radius: 0 6px 6px 0; margin-top: -69px; }
.fixed_L li{ width: 46px; height: 46px; position: relative; float: left;  }
.fixed_L li .li1{  }
.fixed_L li>img{ display: block;position: relative; z-index: 2; padding: 10px 9px;transition: 0.2s;}
.fixed_L li p{ position: absolute; z-index: 1; border-radius: 0 6px 6px 0;  top: 0; width: 140px; height: 46px; line-height: 46px; padding-left:46px; text-align: center; font-size: 16px;background: rgba(0,0,0,0.5); transition: 0.4s; }
.fixed_L li.li1 p{left: -150px; }
.fixed_L li.li2 p{left: -210px; width: 200px; }
.fixed_L li.li3 p{left: -120px; width: 120px; height: 110px; background: none; padding-left:10px; opacity: 0; }
.fixed_L li.li3 p img{ display: block; width: 110px; height: 110px; margin: 0; }
.fixed_L li p a{ color: #fff; }
.fixed_L li.li1:hover p{ left: 0; }
.fixed_L li.li2:hover p{ left: 0; }
.fixed_L li.li3:hover p{ opacity: 1; left: 40px; }
.fixed_L li:hover>img{ background:#333;  }