@charset "utf-8";/* CSS Document */
html {font-size: 62.5%;height: 100%}
body {margin: 0 auto;font-family:Arial, Helvetica, sans-serif;font-size: 12px;font-size: 1.2rem;height: 100%;background:#f5f5f5;width:100%;max-width:1920px;margin:0 auto;}
img {border: none;}
ul li {list-style-type: none;}
ul, form, p, a, img, table, tr, td, li, dd, dt, dl, span {margin: 0;padding: 0;list-style: none;color: #333;}
img{display:block;}
a {text-decoration: none;color: #333;outline: none;transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-webkit-transition: 0.5s;}
h1 {margin: 0;padding: 0;font-weight: normal;color: #333;}
.clear {clear: both;}
.maln {margin-left: auto !important}
.ml .maln { margin-left: 1.75% !important; }
input, textarea, select {font-family:Arial, Helvetica, sans-serif;font-size: 12px;font-size: 1.2rem;color:#999999;border: none;outline: none;}
.fl {float:left;}
.fr {float:right;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}


::-webkit-input-placeholder {/* WebKit browsers */
 color:#333;opacity:1}
:-o-placeholder {/* Mozilla Firefox 4 to 18 */
 color:#333;opacity:1 }
::-moz-placeholder {/* Mozilla Firefox 19+ */
 color:#333;opacity:1 }
:-ms-input-placeholder {/* Internet Explorer 10+ */
 color:#333;opacity:1 }
 
.sou::-webkit-input-placeholder {/* WebKit browsers */
 color:#aaaaaa;opacity:1}
.sou:-o-placeholder {/* Mozilla Firefox 4 to 18 */
 color:#aaaaaa;opacity:1 }
.sou::-moz-placeholder {/* Mozilla Firefox 19+ */
 color:#aaaaaa;opacity:1 }
.sou:-ms-input-placeholder {/* Internet Explorer 10+ */
 color:#aaaaaa;opacity:1 }

@media screen and (min-width:1220px) {.zong {width: 1200px;margin: auto;}}
@media screen and (min-width:1000px) and (max-width:1219px) {.zong {width: 980px;margin: auto;}}
@media screen and (max-width:999px) {.zong {width: 95%;margin: auto;}}



/*  head  */
.head{ background:#4d839b;}
.head .zong{position:relative;z-index:99;padding-top: 10px}
.logo{float:left;}
.logo img{display:inline-block;max-height:59px;}

.her{ float:right;}
.denglu{ float:right; margin-top:33px;}
.denglu a{ display:block; float:left; font-size:14px; font-size:1.4rem; color:#ffffff; font-weight:bold; line-height:24px; margin-left:20px; cursor:pointer}
.denglu a:hover{ color:#e5b759}

/*  sousuo  */
.sousuo{ float:right; margin-top:16px; margin-top:27px; margin-right:10px;}
.sousuo form{ width:300px; height:32px; border-radius:16px; background:#fff; overflow:hidden; position:relative; z-index:1}
.sou{ width:160px; height:30px; float:left; line-height:30px; float:left; padding-left:45px; font-size:14px; font-size:1.4rem; color:#aaaaaa; border-radius:15px;}
.suo{ width:77px; height:32px; float:right; cursor:pointer; background:#d4d4d4; border-radius:0 16px 16px 0; position:relative; z-index:3; font-size:14px; font-size:1.4rem; color:#999999; font-weight:bold; transition:0.5s;}
.sousuo form i{ display:block; width:39px; text-align:right; line-height:32px; position:absolute; left:0px; top:0px; color:#9b9b9b; font-size:22px; font-size:2.4rem; z-index:2;}
.suo:hover{ background:#e5b759; color:#fff;}

.daohang{display: -webkit-flex;　display: -moz-flex;　display: flex;display:-moz-box; display:-webkit-box; display:box; display: -ms-flexbox; display:block\9\0; margin-top:30px;}
.daohang>li{ float:left;position:relative;z-index:999; text-align:center;　-ms-flex: 1;　-webkit-flex: 1;flex: 1;-moz-box-flex:1.0;-webkit-box-flex:1.0; box-flex:1.0; margin:0 20px\9\0;}
.daohang>li>a{display:inline-block;font-size:14px;font-size:1.4rem;line-height:30px; color:#fff; font-weight:bold; padding-bottom:21px;}
.daohang>li:hover>a{ color:#e5b759 !important}
.dangqiandao{color:#e5b759 !important;}

.yijiw{padding-top:0px;background:#fff;background:rgba(255,255,255,0);position:absolute;width:189px;top:-9999px;left:0px;}
.yiji{background:#4d839b;}
.yiji li{position:relative;transition:0.5s;}
.yiji li a{display:block;font-size:14px;font-size:1.4rem;line-height:0px;padding:5px 12px; color:#fff;}
.yiji li:hover{background:#e5b759;}
.erji{position:absolute;width:189px;background:#4d839b;top:-9999px;left:189px;}
.sanji{position:absolute;width:189px;background:#4d839b;top:-9999px;left:189px;}
.daohang>li:hover .yijiw{top:51px;}
.daohang>li:hover .yiji>li>a{line-height:26px;}
.yiji>li:hover .erji{top:0px;}
.yiji>li:hover .erji>li>a{line-height:26px;}
.erji>li:hover .sanji{top:0px;}
.erji>li:hover .sanji>li>a{line-height:26px;}
.matn{margin-top:auto !important;}

.container{display:none}

.daohang2,sousuo2{display:none}

/*  banner  */
.banner{}
.banner a{ display:block;}
.banner a img{ width:100%; max-width:1920px; max-height:513px;}

@media screen and (min-width:1000px) {.carousel,.nav,.clear2{display: none}}
@media screen and (max-width:999px) {.logo{display:block;float:left;margin-top:10px;}
 .daohang{margin-top:20px;}
.yijiw,.yiji2,.sousuo{display:none}
.clear2{clear:both;}
.denglu{ margin-right:40px; margin-top:18px;}

.container {width: 5px;height: 100%;position: absolute;right: 0;-webkit-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;transition: all 0.4s ease 0s;z-index: 999999999999999;cursor: pointer;position: fixed;top: -5px;right: 0;display: block;}
.container .nav {overflow: hidden;width: 300px;background: rgba(0, 0, 0, 0.8);position: absolute;top: 0;right: 0;display: block;height: auto;overflow: scroll;}
.container .nav form {margin: 15px auto;width: 258px;height: 26px;border: 1px solid #fff;position: relative;background: #fff;}
.container .nav form .iptc {-moz-box-sizing: border-box;box-sizing: border-box;padding-left: 15px;background-color: #fff;width: 80%;height: 26px;line-height: 26px;display: block;float: left;}
.container .nav form .ipsc {width: 20%;height: 26px;line-height: 26px;display: block;float: right;background: transparent;position: relative;z-index: 99;}
.container .nav form i {position: absolute;right: 10px;top: 5px;}
.container .nav > ul {display: none;margin-top: 0px;margin-bottom: 0px;overflow: scroll;padding-top: 45px;-ms-box-sizing: border-box;-o-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.container .nav > ul > li {line-height: 40px;font-size: 12px;font-size: 1.2rem;padding-left:10px;position: relative;}
.container .nav > ul > li .addition {width: 20px;height: 20px;position: absolute;right: 15px;top: 10px;background:url(../images/shizi.png) no-repeat center center;}
.container .nav > ul > li .addition.fa:before {margin-right: 5px;color: #fff;text-indent: 0;}
.container .nav > ul > li .active{background:url(../images/yizi.png) no-repeat center center;}
.container .nav > ul > li > a {color: #fff;font-size: 12px;font-size: 1.2rem;display: block;margin-right: 40px;}
.container .nav > ul > li > a span {color: #fff;font-size: 12px;font-size: 1.2rem;}
.container .nav > ul > li .c-show {display: none;width: 100%;}
.container .nav > ul > li .c-show1 .c-s1 {position: relative;padding-left: 15px;}
.container .nav > ul > li .c-show1 .c-s1 > a {position: relative;font-size: 12px;font-size: 1.2rem;color: #fff;display: block;padding-top: 5px;padding-bottom: 5px;line-height: 30px;margin-right: 40px;}
.container .nav > ul > li .c-show1 .c-s1 > a span {font-size: 12px;font-size: 1.2rem;color: #fff;}
.container .nav > ul > li .c-show1 .c-s1 > .c-show2 {position: relative;}
.container .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 {position: relative;}
.container .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 > a {padding-left:20px;font-size: 12px;font-size: 1.2rem;color: #fff;display: block;padding-top: 5px;padding-bottom: 5px;line-height: 30px;margin-right: 40px;}
.container .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 > a span {font-size: 12px;font-size: 1.2rem;color: #fff;}
.container .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 {position: relative;}
.container .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 .c-s3 a {padding-left:30px;font-size: 12px;font-size: 1.2rem;color: #fff;display: block;padding-top: 5px;padding-bottom: 5px;line-height: 30px;}
.container .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 .c-s3 a span {font-size: 12px;font-size: 1.2rem;color: #fff;}
.container .nav > ul > dl {padding: 20px;}
.container .nav > ul > dl dd {float: left;margin: 0 2px;}
.container .menubtn {width: 23px;height: 18px;position: absolute;top: 27px;right: 12px;-webkit-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;transition: all 0.4s ease 0s;z-index: 9999;}
.container .menubtn span {display: block;width: 100%;height: 3px;margin-bottom: 3px;background-color: #e5b759;}


.carousel{width: 100%;position: relative;overflow: hidden;}
.carousel ul{width: 100%;height: 100%;}
.carousel ul li{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.carousel ul li img{width: 100%;vertical-align: middle;}
.carousel ol{position: absolute;z-index: 2;height:10px;bottom:0px;left: 50%;margin-left:-80px;}
.carousel ol li{float: left;width: 10px;height: 10px;margin-right: 10px;border-radius: 5px;background-color: #fff;transition:all 0.3s ease 0s;}
.carousel ol li.cur{width: 10px;background:#046eb8;}
.carousel ol li:last-child{margin: 0;}

  }
@media screen and (min-width:768px) {.clear3{display: none}}
@media screen and (max-width:767px) {.head{padding-bottom:10px;}
.daohang,.daohang1{display: none}
.denglu{ margin-right:30px; margin-top:12px;}
.denglu a{ margin-left:10px;}
.container .menubtn {top: 21px;right: 7px;}
}


/*  main1  */
.main{ padding-bottom:66px; padding-top:10px;}
.ml{ width:895px; float:left; padding-top:9px;}
.mr{ width:285px; float:right; margin-top:29px; background:#fff; padding-bottom:13px;}

.mlie{ width:31%; float:left; margin-left:1.75%; position:relative; margin-top:20px;}
.mtu{ display:block;}
.mtu img{ width:100%; max-width:285px; max-height:210px; margin:auto;}
.m1lien{ border:1px solid #e7e7e7; border-top:none; padding:0 15px; padding-bottom:12px; background:#fff;}
.yonghu{ position:relative; text-align:center; padding-top:14px;}
/*.yonghu a{ display:block; width:30px; border-radius:50%; position:absolute; left:50%; margin-left:-15px; top:10px;}*/
/*.yonghu a img{ width:100%; max-width:110px; max-height:110px; border-radius:50%;}*/
.yonghu p{ display:inline-block; vertical-align:middle; color:#999999; line-height:24px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.mzi{}
.mzi>a{ display:block; font-size:16px; font-size:1.6rem; line-height:26px; text-align:center; font-weight:bold;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; padding-top:2px;}
.mzi p a{ display:block; font-size:14px; font-size:1.4rem; line-height:20px; color:#666666; height:80px; overflow:hidden; margin-top:5px;}

.guanzhu{ border-top:1px solid #e7e7e7; margin-top:11px; padding-top:10px;}
.guanzhu li{ float:left; width:33.333%; color:#666666; line-height:24px;} 
.guanzhu li i{ color:#aaaaaa; font-size:24px; font-size:2.4rem; display:inline-block; *float:left; vertical-align:middle; cursor:pointer; transition:0.5s;}
.guanzhu li span{ color:#999999; display:inline-block; *float:left; vertical-align:middle; margin-left:5px;}
.guanzhu li i:hover,.mzi a:hover{ color:#e5b759}
.guanzhu li:nth-child(1){ text-align:left}
.guanzhu li:nth-child(2){ text-align:center}
.guanzhu li:nth-child(3){ text-align:right}

.dianji{ color:#e5b759 !important;}

.slide2 { position: relative; margin-top:20px;}
.slide2 .carouse { width: 100%; overflow: hidden; position: relative; }
.slide2 .carouse .slideItem { width: 100%; position: absolute; cursor: pointer; }
.slide2 .carouse .slideItem .banner-img { width: 100%; display: block; }
.slide2 .console { height: 57px; display: inline-block; width: 35px; position: absolute; top: 40%; }
.slide2 .carousel-control { position: absolute; top: 50%; width: 48px; height: 48px; border-radius: 50%; z-index: 999; margin-top: -24px; text-align: center; line-height: 48px; background: #000; background: rgba(0, 0, 0, 0.6); }
.slide2 .carousel-control .iconfont { font-size: 20px; font-size: 2rem; color: #fff; }
.slide2 .carousel-control:hover { background: #F8691B; background: rgba(248, 105, 27, 0.6); }
.slide2 .carousel-control:hover .iconfont { color: #fff; }
.slide2 .carousel-control.left { left: 130px; cursor: pointer; background:#fff;}
.slide2 .carousel-control.right { right: 130px; cursor: pointer; background:#fff; }
.slide2 .dotList2 { position: absolute; width: 100%; bottom:10px; text-align: center; line-height: 0; }
.slide2 .dotList2 li {cursor: pointer; display: inline-block; font-size: 0px; margin-left: 5px;margin-right: 5px; border: none;outline: none;width: 20px;height:10px; border-radius:5px; background:#fff;}
.slide2 .dotList2 li.active { background:#333333;}

.lunbo{ display:block;}
.lunbo img{ width:100%;}

.mrn{ padding-bottom:33px;}
.mrbiao{ display:block; font-size:14px; font-size:1.4rem; color:#ffffff; font-weight:bold; line-height:29px; padding:15px; background:#4d839b;}
.mrul{ padding:15px; padding-bottom:0px; padding-top:8px;}
.mrul li{ position:relative;}
.mrul li a{ display:block; font-size:14px; font-size:1.4rem; line-height:24px; border-bottom:1px solid #dcdcdc; padding-bottom:12px; margin-top:6px; margin-bottom:13px;}
.mrul li i{ color:#bbbbbb; position:absolute; right:0px; top:0px; line-height:24px;}
.mrp2{ font-size:14px; font-size:1.4rem; color:#666666; line-height:20px;}
.mrmor{ display:block; font-size:14px; font-size:1.4rem; font-weight:bold; float:right; margin-right:15px; line-height:24px; text-transform:uppercase;}

.mrul2{ padding:15px; padding-top:1px;}
.mrul2 li{ border-bottom:1px solid #e7e7e7; position:relative; padding-bottom:17px; margin-top:11px;}
.mrul2 li i{ color:#bfbfbf; font-size:16px; font-size:1.8rem; position:absolute; line-height:22px; top:0px; left:0px;}
.mrul2 li a{ display:block; font-size:14px; font-size:1.4rem; color:#666666; line-height:22px; padding-left:30px;}
.inxun{ padding:0 15px; max-width:243px; margin:auto; position:relative;}
.inxun form{}
.mrp{ font-size:14px; font-size:1.4rem; line-height:22px; margin-top:16px;}

.inxun span{ display:block; font-size:14px; font-size:1.4rem; line-height:20px; margin-top:15px;}
.inxun span i{ font-style:normal; color:#aaaaaa;}
.inxun .int1{ width:233px; height:32px; line-height:32px; border:1px solid #d9d9d9; padding-left:10px; margin-top:8px;}
.inxun textarea{ width:233px; height:158px; line-height:22px; border:1px solid #d9d9d9; padding-left:10px; margin-top:8px;}
.inxun .int2z{ line-height:30px; position: relative; padding-bottom: 28px; margin-top: 20px;}
.inxun .int2{ width:91px; height:28px; line-height:28px; padding-left:10px; float:left; border:1px solid #d9d9d9;}
.inxun .yanzheng{ width:73px; height:30px; cursor:pointer; float:right;}
.inxun .int3{ width:120px; height:40px; background:#e5b759; border:1px solid #e5b759; text-align:center; line-height:40px; font-size:14px; font-size:1.4rem; color:#ffffff; display:block; margin:auto; margin-top:5px; cursor:pointer; transition:0.5s;}
.inxun .int3:hover{ background:#fff; border:1px solid #e5b759; color:#e5b759;}

.mfu{ position:absolute; width:100%; height:100%; background:#fff; background:rgba(255,255,255,0.8); left:0px; top:0px;}
.mfun{ width:98%; position:absolute; text-align:center; left:1%; top:50%; margin-top:-55px;}
.mfun i{ display:block; text-align:center; font-size:56px; font-size:5.6rem; color:#e5b759;}
.mfun span{ display:block; font-size:16px; font-size:1.6rem; line-height:22px; margin-top:24px;}

.chenggong{ font-size:14px; font-size:1.4rem; line-height:20px; margin-top:29px; padding-bottom:16px;}
.chenggong i{ font-size:20px; color:#00c012; display:inline-block; vertical-align:middle; padding-right:10px;}
.mrul2 li a:hover,.mrul li a:hover{ color:#e5b759;}

.mrmor:hover{ color:#e5b759;}

@media screen and (max-width:1219px) {
.ml{ width:660px; float:left; padding-top:9px;}
.mr{ width:300px; float:right; padding-top:9px;}
}
@media screen and (max-width:999px) {
.main{ padding-bottom:26px; padding-top:10px;}
.ml{ width:58%; float:left; padding-top:9px;}
.mr{ width:40%; float:right; padding-top:9px;}
.mlie{ width:48%; margin-left:1% !important; margin-right:1%;}
.mlie.maln{margin-left:1% !important;}
}
@media screen and (max-width:767px) {
.ml{ width:100%; float:none; padding-top:9px; margin-top:20px;}
.mr{ width:100%; float:none; padding-top:9px;}
.m1lien{ padding:5px;}
.mzi>a{ font-size:14px; font-size:1.4rem; line-height:24px;}
}
@media screen and (max-width:399px) {
.mlie{ width:98%; margin-left:1% !important; margin-right:1%; margin-top:10px;}
}

.xunpan2{ position:fixed; width:100%; height:100%; left:0px; top:0px; background:#000; background:rgba(0,0,0,0.5); display:none; z-index:999999999999999999}

.xunpan2 .mrn{width:290px; padding-bottom: 20px; position:absolute; left:50%; margin-left:-145px;  top:50%; transform: translateY(-50%); background:#fff; max-height: 90%;
 overflow: auto;}
.guanbi{ display:block; position:absolute; width:18px; right:10px; top:10px; cursor:pointer}
.guanbi img{ width:100%; max-width:18px; max-height:18px;}
.xunpan2 .mrbiao:hover{ background:none}
.xunpan2 .mrbiao{ background:none; color:#333;}


/*  foot  */
.foot{ background:#333333;}
.fop{ text-align:center; font-size:14px; font-size:1.4rem; line-height:24px; color:#eeeeee; padding-top:8px;padding-bottom: 25px;}
.fop1,.fop1 a{color: #eeeeee;text-align:center; font-size:14px;padding-top:25px;}
.fop1 a:hover{color: #e5b759;}
.top{width:50px;height:50px;margin:auto;background:#4d839b; border-radius:50%;line-height:50px;color:#fff;font-size:30px !important;text-align:center;cursor:pointer;position:fixed;right:20px;bottom:-100px;transition:0.9s;z-index:999}
.bottom{bottom:80px;}

@media screen and (max-width:767px) {
.top{ width:30px; height:30px; line-height:30px; font-size:16px !important; right:10px;}
.bottom{bottom:10px;}
}

/******************************  02  ********************************/
.mianbao{ color:#666666; line-height:24px; padding-top:21px;}
.mianbao span{ color:#666666;}
.mianbao a{ color:#666666;}
.mianbao a:hover{ color:#e5b759}
.dangmb{ font-weight:bold; }
.m2l{ text-align:center; background:#fff; padding-top:65px; padding-bottom:277px;}
.m2l p{ font-size:16px; font-size:1.6rem; color:#666666; line-height:24px;}
.m2l p i{ display:inline-block; color:#e5b759; font-size:59px; font-size:5.9rem; line-height:60px; vertical-align:middle; margin-right:25px;}
.m2l a{ display:inline-block; min-width:110px; line-height:40px; height:40px; padding:0 5px; background:#e5b759; font-size:14px; font-size:1.4rem; color:#fff; font-weight:bold; margin-top:36px;}
.m2l a:hover{ background:#4d839b;}
@media screen and (max-width:767px) {
.m2l{ padding-top:25px; padding-bottom:27px;}
.m2l p i{ font-size:39px; font-size:3.9rem; margin-right:10px;}
}

/******************************  02  ********************************/
.fenye{ float:right; margin-top:29px;}
.tiaoshu{ float:left;}
.tiaoshu p{ font-size:13px; font-size:1.3rem; color:#666666; line-height:30px; margin-right:11px; margin-bottom:10px;}
.fenyen{ float:left;}
.fenyen a{ display:block; float:left; margin:0 5px; width:28px; height:28px; line-height:28px; text-align:center; border:1px solid #d9d9d9; background:#fff; border-radius:2px; color:#c9c9c9; font-size:13px; font-size:1.3rem; margin-bottom:10px;}
.fenyen a:hover{ background:#e5b759; color:#fff; border:1px solid #e5b759;}
.dangfen{ background:#e5b759 !important; color:#fff !important; border:1px solid #e5b759 !important;}
.tiaozhuan{ float:right; margin-bottom:10px;}
.tiaozhuan span{ display:block; float:left; font-size:13px; font-size:1.3rem; color:#666666; line-height:30px; margin:0 5px;}
.tiaozhuan .int1{ width:38px; height:26px; line-height:26px; border:1px solid #d9d9d9; float:left; padding:0 5px; text-align:center; font-size:13px; font-size:1.3rem; color:#333;}

/******************************  04  ********************************/
.main4{ padding-bottom:37px;}
.main4 .mlie{ width:23.75%; float:left; margin-left:1.666%;}
.m4lie{width:49.166%; float:right; background:#fff; margin-top:20px; padding-bottom:210px; position:relative;}
.m4lie .mlie{}
.m4lie .mtu{ width:48.3%; margin:auto;}
.m4fu{ position:absolute; width:100%; height:100%; left:0px; top:0px; background:#fff;}
.m4fun{ display:block; position:relative; width:290px; left:50%; margin-left:-145px; top:50%; margin-top:-50px; text-align:center;}
.m4fun span{ display:inline-block; width:210px; font-size:40px; font-size:4rem; line-height:50px; color:#666666; vertical-align:middle; transition:0.5s; text-align:left;}
.m4fun i{ display:inline-block; vertical-align:middle; border-radius:50%; width:60px; height:60px; line-height:60px; text-align:center; border:3px solid #666666; color:#666666; font-size:40px; font-size:4rem; transition:0.5s;}
.m4fun:hover span{ color:#e5b759;}
.m4fun:hover i{ color:#e5b759; border-color:#e5b759;}
@media screen and (max-width:999px) {
.main4{ padding-bottom:37px;}
.main4 .mlie{ width:31.333%; margin-left:1% !important; margin-right:1%;}
.m4lie{ width:64.6666%; margin-right:1%;}
}
@media screen and (max-width:639px) {
.main4 .mlie{ width:48%; margin-left:1% !important; margin-right:1%;}
.m4lie{ width:98%; margin-right:1%;}
.m4lie .mtu{ display:none}
.m4fun{ margin-top:-30px;}
.m4fun span{ width:120px; font-size:20px; font-size:2rem; line-height:30px;}
.m4fun i{ font-size:20px; font-size:2rem; width:30px; height:30px; line-height:30px;}
}
@media screen and (max-width:399px) {
.main4 .mlie{ width:98%; margin-left:1% !important; margin-right:1%; margin-top:10px;}
}

/******************************  05  *******************************/
.main51{ padding:77px; margin-top:20px; padding-top:36px; background:#fff;}
.main51 h1{ font-size:16px; font-size:1.6rem; line-height:30px; text-align:center; font-weight:bold;}
.m51t{ text-align:center; font-size:0px;}
.m51t .yonghu{ float:none; display:inline-block; *float:left;}
.m51t .yonghu a{ display:inline-block; *float:left; position:relative; left:auto; top:auto; margin:auto; vertical-align:middle; margin-right:9px;}
.m51t .yonghu p{ color:#999999; font-size:12px; font-size:1.2rem; display:inline-block; *float:left; vertical-align:middle; margin:auto;}
.shijian{ display:inline-block; *float:left; vertical-align:middle; font-size:12px; font-size:1.2rem; color:#999999; line-height:24px; margin-left:33px;}
.shijian i{ padding-right:10px;}
.m5tag{ display:inline-block; *float:left; vertical-align:middle; font-size:12px; font-size:1.2rem; color:#999999; line-height:24px; margin-left:32px;}
.m5tag i{ padding-right:10px;}
.m5tag a{ color:#999999;}
.m5tag a:hover{ color:#e5b759;}

.m51n{ font-size:14px; font-size:1.4rem; line-height:20px; margin-top:15px;}
.m51n a{ color:#e5b759;}
.m5ln img{ max-width:100%; margin:auto;}

.m51b{ background:#fff; border-top:1px solid #e7e7e7; padding-top:10px; padding-bottom:20px;}
.share{ float:right; margin-top:5px;}
.share1{ font-size:14px; font-size:1.4rem; color:#067ab4; line-height:24px; display:inline-block; *float:left; vertical-align:middle;}
.share2{ display:inline-block; *float:left; vertical-align:middle;}

.m51b .guanzhu{ width:188px; float:left; vertical-align:middle; margin:auto; margin-left:80px; border:none;}
.m51b .guanzhu span{ font-size:14px; font-size:1.4rem; color:#999999; font-size:12px; font-size:1.2rem;}
.shejiao{ float:right; vertical-align:middle; margin-right:41px; margin-top:10px;}
.shejiao a{ display:block; width:25px; height:25px; border-radius:50%; color:#fff; text-align:center; line-height:25px; font-size:14px; font-size:1.4rem; float:left; margin-right:40px;}
.she1{ background:#4e71a8}
.she2{ background:#1cb7eb}
.she3{ background:#1686b0}
.she4{ background:#ca3737}
.shejiao a:hover{ background:#e5b759;}

.main52{ padding:30px; padding-top:23px; padding-bottom:20px; background:#fff; margin-top:20px;}
.pinglun{ float:left; font-size:16px; font-size:1.6rem; line-height:24px; font-weight:bold;}
.m52p{ float:left; font-size:14px; font-size:1.4rem; line-height:24px; color:#999999; font-weight:bold; margin-left:18px;}
.m52p a{ color:#004f92;}
.m52p a:hover{ color:#e5b759;}
.main52 .guanzhu{ margin:auto;}
.main52 form{}
.m5te{ position:relative;}
.m5te p{ position:absolute; color:#999999; line-height:24px; right:12px; bottom:6px;}
.main52 textarea{ width:1128px; height:48px; line-height:24px; border:1px solid #dcdcdc; padding-left:10px; font-size:14px; font-size:1.4rem; color:#999999; margin-top:11px; padding-bottom:30px;}
.main52 .int1{ float:right; min-width:110px; padding:0 5px; height:40px; line-height:40px; background:#e5b759; font-size:12px; font-size:1.2rem; color:#ffffff; margin-top:18px; cursor:pointer; transition:0.5s;}
.main52 .int1:hover{ border-radius:20px;}
.main52 textarea::-webkit-input-placeholder {/* WebKit browsers */
 color:#999999;opacity:1}
.main52 textarea:-o-placeholder {/* Mozilla Firefox 4 to 18 */
 color:#999999;opacity:1 }
.main52 textarea::-moz-placeholder {/* Mozilla Firefox 19+ */
 color:#999999;opacity:1 }
.main52 textarea:-ms-input-placeholder {/* Internet Explorer 10+ */
 color:#999999;opacity:1 }

.main53{ border-top:1px dashed #e7e7e7; padding:30px; padding-bottom:10px; background:#fff; padding-top:17px;}
.m5sp{ display:block; font-size:14px; font-size:1.4rem; color:#999999; line-height:20px; font-weight:bold;}
.m5sp i{ font-style:normal; color:#666666;}
.pinglun2{ border-bottom:1px dashed #e7e7e7; position:relative; min-height:82px; padding-bottom:22px;}
.touxiang{ display:block; width:50px; position:absolute; left:0px; top:25px; border-radius:50%;}
.touxiang img{ width:100%; max-width:122px; max-height:122px; border-radius:50%;}
.m53zi{ margin-left:70px; padding-top:22px;}
.pinglun2 .m53zi{margin-left:0px;}
.m53zi>a{ display:block; font-size:14px; font-size:1.4rem; font-weight:bold; line-height:20px;}
.m53zi p{ display:block; font-size:14px; font-size:1.4rem; line-height:20px; margin-top:5px;}
.m53zi p a{ color:#e5b759}
.m53zi span{ display:block; font-size:12px; font-size:1.2rem; color:#999999; line-height:24px; margin-top:3px;}
.m53zi p a:hover{ text-decoration:underline;}
.main53 .fenye{ padding-top:0px;}

.fanpian{ margin-top:20px; padding-bottom:97px;}
.fanpian li{ max-width:49%; font-size:14px; font-size:1.4rem; line-height:24px; color:#666666; position:relative;}
.fanpian li a{ color:#666666;}
.fanpian i{ display:block; width:18px; height:18px; border-radius:50%; border:2px solid #666666; text-align:center; line-height:18px; font-size:12px; font-size:1.2rem;}
.fanpian .fl{ padding-left:33px;}
.fanpian .fl i{ position:absolute; left:0px; top:2px;}
.fanpian .fr{ padding-right:33px;}
.fanpian .fr i{ position:absolute; right:0px; top:2px;}
.fanpian li a:hover{ color:#e5b759;}

.m6n{ text-align:center; padding-bottom:16px; padding-top:15px;}
.m6tu{ display:block; width:122px; border-radius:50%; margin:auto;}
.m6tu img{ width:100%; max-width:122px; max-height:122px; border-radius:50%;}
.m6zi{ display:block; font-size:20px; font-size:2rem; font-weight:bold; color:#000000; line-height:30px; margin-top:22px;}
@media screen and (max-width:1219px) {
.main51{ padding:20px; margin-top:20px; padding-top:36px; background:#fff;}
.main52 textarea{ width:910px;}
.m51b .guanzhu{ margin-left:20px;}
.shejiao{ margin-right:20px;}
.shejiao a{ margin-right:auto; margin-left:20px;}
}
@media screen and (max-width:999px) {
.main51{ border:none; padding:10px;}
.main52{ padding:10px;}
.main53{ padding:10px;}
.m51t{ margin-top:0px;}
.fanpian{ margin-top:20px; padding-bottom:20px;}
.fanpian li{ max-width:100%; float:none; padding-right:0px; padding-left:33px; margin-bottom:10px;}
.fanpian .fr i{ left:0px;}
.main52 textarea{ width:95%;}
.main52 .int1{ float:none;}
.m5te p{ right:5%;}
}
@media screen and (max-width:499px) {
.m52p{ margin-left:10px;}
.main52 textarea{ width:90%;}
.m5te p{ right:8%;}
}

/******************************  05  *******************************/
.main6{ background:#fff; margin-top:70px; padding-bottom:54px; margin-bottom:66px;}
.main6 .m4lie{ outline:1px solid #e7e7e7;}

.yonghu2{ padding-top:65px; padding-bottom:30px;}
.yonghu2 a{ display:block; width:110px; margin-left:-55px; margin-top:-55px; top:0px; box-shadow:0 5px 10px rgba(4,0,0,0.25);}
.yonghu2 p{ font-size:16px; font-size:1.6rem; line-height:30px; color:#333; font-weight:bold;}

.main7t{ margin-top:10px; text-align:center; padding-bottom:0px; margin-bottom:20px;}
.m7a{ display:inline-block; min-width:160px; height:40px; line-height:40px; text-align:center; background:#e5b759; font-size:12px; font-size:1.2rem; color:#ffffff;}
.m7a i{ font-size:20px; font-size:2rem; padding-right:10px; display:inline-block; vertical-align:middle}
.m7a:hover{ background:#4d839b;}

.denlu2{ margin-top:20px;}
.denlu2 a{ font-weight:normal; float:none; display:inline-block; *float:left; vertical-align:middle;}
.denglu a span{ display:inline-block; width:50px; height:50px; vertical-align:middle; padding-right:10px;}
.denglu a span img{ width:100%; max-width:50px; max-height:50px;}

.m7n{ text-align:center; font-size:16px; font-size:1.6rem; color:#666666; line-height:30px; padding-top:45px;}
.m7n a{ display:inline-block; margin:0 25px; color:#666666; position:relative; padding-bottom:13px; overflow:hidden;}
.m7n a:before{ position:absolute; content:""; width:100%; height:2px; background:#222222; left:-100%; bottom:0px; transition:0.5s;}
.m7n a:hover{ color:#e5b759;}
.m7n a:hover:before{ left:0px;}
.dangm7{ font-weight:bold; color:#333333 !important;}
.dangm7:before{ left:0px !important;}

.main7{ padding-top:1px; padding-bottom:50px;}
.m7fu{ width:100%; height:60px; position:absolute; left:0px; top:0px; background:#000; background:rgba(0,0,0,0.5)}
.m7fu a{ display:block; width:40px; height:60px; color:#ffffff; line-height:60px; position:absolute; right:0px; top:0px; font-size:20px;}
.m7fu a:hover{ color:#e5b759;}

@media screen and (max-width:999px) {
.denlu2{ margin-top:15px;}
.denglu a span{ width:30px; height:30px;}
}
@media screen and (max-width:767px) {
.denlu2 a{ max-width:70px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.denglu a span{ display:none}
.m7n a{ font-size:12px; font-size:1.2rem; margin:0 7px; padding-bottom:5px;}
.main7{ padding-top:1px; padding-bottom:30px;}
}

/******************************  08  *******************************/
.m8n{ background:#fff; padding:20px 69px; margin-top:30px; padding-top:11px; padding-bottom:84px; margin-bottom:42px;}
.m8n form{}
.m8n form>span{ display:inline-block; font-size:16px; font-size:1.6rem; font-weight:bold; line-height:32px; margin-bottom:10px;}
.m8n form>span i{ color:#ff0000;}
.m8n .int1{ width:449px; height:28px; line-height:28px; border:1px solid #d9d9d9; background:#ffffff; padding-left:9px; margin-bottom:29px; font-size:14px; font-size:1.4rem; color:#333}
.m8la{ width:458px; height:36px; line-height:36px; border:1px solid #dcdcdc; background:#ffffff; font-size:14px; font-size:1.4rem; color:#333333; padding-left:5px; margin-bottom:30px; cursor:pointer}
.m8im{ font-size:0px; margin-bottom:22px;}
.m8tu{ display:inline-block; width:200px; vertical-align:bottom;}
.m8tu img{ width:100%; max-width:200px; max-height:150px;}
.inputfile{position:absolute; clip:rect(0 0 0 0); vertical-align:bottom;}
.btn-success{ display:inline-block; width:68px; height:28px; line-height:28px; text-align:center; border:1px solid #999999; background:#f4f4f4; font-size:14px; font-size:1.4rem; color:#666666; margin-left:19px; cursor:pointer; transition:0.5s;}
.btn-success:hover{ background:#e5b759; border:1px solid #e5b759; color:#fff;}
.m8p{ display:inline-block; padding-left:10px; font-size:14px; font-size:1.4rem; color:#999999; line-height:24px; margin-top:10px;}
.m8te{ position:relative; margin-bottom:29px; display:inline-block}
.m8ten{ width:761px; height:63px; padding-bottom:30px; padding-top:5px; line-height:20px; border:1px solid #dcdcdc; background:#ffffff; padding-left:9px; font-size:14px; font-size:1.4rem; color:#333}
.m8te .m8p{ position:absolute; right:10px; margin:auto; bottom:6px; font-size:12px; font-size:1.2rem; color:#999999;}
.m8xiang{ font-size:14px; font-size:1.4rem; line-height:20px; background:#fff; border:1px solid #dcdcdc; padding:10px; margin-bottom:30px;}
.m8xiang a{ color:#cd152d;}
.m8xiang img{ max-width:100%; margin:auto;}
.m8n .int3{ min-width:120px; height:40px; line-height:40px; padding:0 5px; float:left; border:1px solid #999999; font-size:12px; font-size:1.2rem; background:#fff; color:#666666; margin-right:11px; margin-top:50px; cursor:pointer; transition:0.5s;}
.m8n .int3:hover{ border:1px solid #e5b759; background:#e5b759; color:#fff;}

.xuanze{ float:left; margin-right:20px; cursor:pointer;}
.xuanze input,.xuanze label{ cursor:pointer;}


@media screen and (max-width:999px) {
.m8n{ padding:10px;}
.m8te{ display:block;}
.m8n .int1,.m8ten,.m8la{ width:98%;}
.m8tu{ width:100px;}
.btn-success{ margin-left:10px;}
}
@media screen and (max-width:499px) {
.clear4{ display:block; clear:both;}
}

/******************************  10  *******************************/
.main10{ background:#fff; padding-top:2px; padding-bottom:15px; margin-bottom:220px;}
.m10p{ padding:10px 29px; font-size:16px; font-size:1.6rem; font-weight:bold; color:#222222; line-height:21px; margin-top:25px; margin-bottom:27px;}
.m10lie{ margin:0 69px; border-bottom:1px solid #dcdcdc; line-height:24px; color:#666666; font-size:0px; padding-bottom:13px; margin-top:10px; position:relative; min-height:24px;}
.m10lie i{ display:block; text-align:right; color:#bbbbbb; font-size:24px; font-size:2.4rem; position:absolute; left:0px; top:0px;}
.m10lie p{ display:inline-block; *float:left;  vertical-align:middle; margin-left:38px; margin-right:38px;}
.m10lie p a{ display:block;font-size:14px; font-size:1.4rem;}
.m10lie p a span{ color:#004f92;}
.m10lie>a{ position:absolute; right:0px; bottom:13px; display:block; text-align:left; line-height:24px; color:#bbbbbb; font-size:20px; font-size:2rem;}
.m10lie a:hover{ color:#e5b759;}

@media screen and (max-width:999px) {
.main10{ margin-bottom:20px;}
.m10p{ margin-top:0px; padding:10px;}
.m10lie{ margin:0 10px;}
}

/******************************  11  *******************************/
.m11n{}
.m11n input{ line-height:28px; padding:0 9px; border:1px solid #999999; float:left; margin-right:19px; font-size:16px; font-size:1.6rem; color:#666666; cursor:pointer; transition:0.5s;}
.m11n input:hover{ background:#e5b759; border-color:#e5b759; color:#fff;}

.main11{ padding-bottom:102px;}
.main11 .m7fu{}
.main11 .m7fu input{ position:absolute; left:5px; top:50%; margin-top:-5px; cursor:pointer;}
.main11 .m7fu a{ position:relative; right:auto; top:auto; margin:auto; float:left;}
.m11fu{ float:right;}
.m11n2{ float:left; margin-top:23px;}
@media screen and (max-width:999px) {
.main11{ padding-bottom:22px;}
}

/******************************  12  *******************************/
.main12{ background:#fff; padding-top:1px; padding-bottom:20px;  margin-bottom:217px;}
.m12n{ width:100%; overflow:auto;}
.m12n table{ width:90%; margin:auto;}
.m12n table tr{}
.m12n table tr td{ border-bottom:1px solid #dcdcdc; padding:23px; font-size:16px; font-size:1.6rem; color:#022222; line-height:22px;}
.m12n table img{ max-width:100%; min-width:60px;}
.m12n table a{ font-size:14px; font-size:1.4rem; color:#004f92;}
.m12n table a:hover{ color:#e5b759;}
.main12 .fenye{ padding-top:50px;}
@media screen and (max-width:999px) {
.main12{ margin-bottom:27px;}
.m12n table tr td{ padding:10px 5px;}
.m12n table tr td{ font-size:14px; font-size:1.4rem;}
.main12 .fenye{ padding-top:20px;}
}
@media screen and (max-width:399px) {
.m12n table a{ font-size:12px; font-size:1.2rem;}
}

/******************************  13  *******************************/
.main13{ background:#fff; padding-bottom:137px; margin-bottom:100px; padding-top:1px;}
.m13n{ padding-top:13px; text-align:center; font-size:0px;}
.m13n li{ width:283px; outline:1px solid #dcdcdc; display:inline-block; vertical-align:top; padding-top:7px; padding-bottom:42px; margin:0 10px;}
.m13n li i{ display:block; text-align:center; color:#bbbbbb; font-size:80px; font-size:8rem; line-height:100px;}
.m13n li span{ display:block; padding:0 10px; font-size:16px; font-size:1.6rem; color:#666666; line-height:25px;}
.m13n li a{ display:inline-block; min-width:110px; line-height:40px; height:40px; text-align:center; padding:0 5px; background:#e5b759; font-size:12px; font-size:1.2rem; color:#ffffff; margin-top:47px;}
.m13n li a:hover{ border-radius:16px;}
@media screen and (max-width:999px) {
.main13{ padding-bottom:30px; margin-bottom:20px;}
.m13n li{ width:46%; margin:0 2%;}
}

/******************************  14  *******************************/
.main14{ background:#fff; padding-bottom:75px; margin-bottom:100px; padding-top:1px;}
.m14n{ width:460px; margin:auto; text-align:center; font-size:0px;}
.m14n span{ display:block; font-size:16px; font-size:1.6rem; font-weight:bold; line-height:24px; margin-top:25px; text-align:left}
.m14n .int1{ width:448px; height:28px; line-height:28px; border:1px solid #dcdcdc; padding-left:10px; font-size:14px; font-size:1.4rem; color:#333; margin-top:15px;}
.m14n a{ display:block; float:right; font-size:16px; font-size:1.6rem; color:#004f92; line-height:30px; margin-top:10px;}
.m14n .int2{ display:inline-block; width:118px; line-height:40px; height:40px; text-align:center; background:#fff; border:1px solid #999999; color:#666666; cursor:pointer; margin:0 10px; margin-top:44px; transition:0.5s;}
.m14n .int2:hover{ color:#fff; background:#e5b759; border-color:#e5b759;}
.m14n a:hover{ color:#e5b759}
@media screen and (max-width:999px) {
.main14{ padding-bottom:25px; margin-bottom:30px; padding-top:1px;}
.m14n{ width:96%;}
.m14n .int1{ width:95%;}
.m14n a{ margin-right:3%;}
}

/******************************  15  *******************************/
.m15n{ width:460px; margin:auto; padding-bottom:37px;}
.m15n form>span{ display:inline-block; font-size:16px; font-size:1.6rem; font-weight:bold; line-height:24px; margin-top:10px;}
.m15p{ font-size:16px; font-size:1.6rem; color:#aaaaaa; display:inline-block;}
.m15im{margin-top:18px;}
.m15tu{ display:inline-block; width:110px; margin:auto; border-radius:50%;box-shadow: 0 5px 10px rgba(4,0,0,0.25);}
.m15tu img{ width:100%; max-width:110px; max-height:110px; border-radius:50%;}
.m15im .btn-success{ display:inline-block; margin:auto; margin-top:16px; min-width:128px; height:28px; line-height:28px; margin-left:20px;}
.btn-success:hover{ background:#e5b759; color:#fff;}
.int1z{ position:relative;}
.int1z .int1{ width:448px; height:28px; line-height:28px; border:1px solid #dcdcdc; padding-left:10px; font-size:14px; font-size:1.4rem; color:#333; margin-top:5px;}
.int1z span{ display:block; font-size:20px; font-size:2rem; line-height:34px; position:absolute; right:0px; top:5px; color:#00c012;}
.m15ur{ margin-bottom:20px;}
.m15ur span{ display:block; float:left; font-size:16px; font-size:1.6rem; color:#aaaaaa; line-height:30px; margin-top:5px;}
.m15ur input{ width:243px; height:28px; line-height:28px; border:1px solid #dcdcdc; padding-left:10px; font-size:14px; font-size:1.4rem; color:#333; margin-top:5px; float:right;}
.m15na{ padding-top:10px;}
.m15nal{ display:block; float:left; font-size:16px; font-size:1.6rem; color:#aaaaaa; line-height:24px; margin-top:5px; margin-right:25px;}
.m15nar{ display:block; float:left; min-width:59px; line-height:28px; height:28px; font-size:14px; font-size:1.4rem; color:#666666; border:1px solid #999999; background:#f4f4f4; padding:0 5px;}
.m15nar:hover{ color:#fff; background:#e5b759; border-color:#e5b759;}
.m15n .int3{ min-width: 120px; height: 40px; line-height:40px; padding:0 5px; background-color: #e5b759; text-align:center; font-size:12px; font-size:1.2rem; color:#fff; margin-top:66px; cursor:pointer; transition:0.5s;}
.m15n .int3:hover{ border-radius:16px;}
@media screen and (max-width:999px) {
.m15n{ width:96%}
.int1z .int1{ width:90%;}
.m15ur span{ float:none;}
.m15ur input{ float:none; width:90%;}
}
@media screen and (max-width:429px) {
.int1z .int1{ width:87%;}
.m15ur input{ float:none; width:87%;}
.m15nal{ margin-right:10px;}
}


.m16n{ border:1px solid #dcdcdc; margin-top:20px;}
.m16n .int1{ float:left; width:148px; height:28px; line-height:28px; padding-left:10px; font-size:14px; font-size:1.4rem; color:#333;}
.m16n .int2{ min-width:60px; line-height:30px; height:30px; padding:0 5px; text-align:center; background:#4d839b; font-size:14px; font-size:1.4rem; color:#fff; float:right; cursor:pointer; transition:0.5s;}
.m16n .int2:hover{ background:#e5b759; color:#fff;}
.m16n2{ text-align:center;}


/*****************************************  contact  ********************************************/
.hide{display:none;}

.comain{ background:#f9f9f9; padding-top:48px; padding-bottom:30px;}

.cobiao{ display:block; text-align:center; font-size:24px; font-size:2.4rem; font-weight:bold; text-transform:uppercase; color:#4d839b; line-height:30px; margin-top:8px;}
.xunpan{width:1047px; margin:auto;}
.xunpan .int1,.xunpan .int2{ margin-top:18px;}
.xunpan .int1 input{ width:1031px; height:33px; line-height:33px; border:1px solid #cccccc; padding-left:10px; font-size:14px; font-size:1.4rem; color:#666666;}
.xunpan .int1 textarea{ width:1031px; height:212px; line-height:28px; border:1px solid #cccccc; padding-left:10px; font-size:14px; font-size:1.4rem; color:#666666;}
.xunpan .int2 .int3{ width:143px; height:33px; line-height:33px; border:1px solid #cccccc; padding-left:10px; font-size:14px; font-size:1.4rem; color:#666666; margin-right:19px; float:left; margin-bottom:10px;}
.xunpan img{ width:120px; height:37px; float:left; margin-bottom:10px; cursor:pointer;}
.xunpan .int4{ width:290px; height:37px; float:left; margin-left:59px; background:#4d839b; text-align:center; line-height:37px; font-size:14px; font-size:1.4rem; color:#fff; font-weight:bold; cursor:pointer;}
.xunpan .int4:hover{ background:#e5b759;}

 @media only screen and (max-width:1219px ) {
.xunpan{width:816px;}
.xunpan .int1 input{ width:800px;}
.xunpan .int1 textarea{ width:800px;}
 }
 @media only screen and (max-width:999px ) {
.comain{ padding-top:38px; padding-bottom:20px;}
.xunpan{width:auto;}
.xunpan .int1 textarea{ height:120px;}
.cobiao{ font-size:20px; font-size:2rem; margin-top:20px;}
.xunpan .int1 input,.xunpan .int1 textarea,.xunpan .int2 .int3{ width:90%; margin-right:auto;}
.xunpan .yanzheng{ margin-right:15px;}
.xunpan .int4{ width:auto; min-width:90px; margin-left:0px;}
 }
 @media only screen and (max-width:767px ) {
.comain{ margin-top:20px; padding-top:20px;}
 }
 @media only screen and (max-width:399px ) {
.colie a{ width:57px; height:57px; padding:4px;}
.colie a span{ line-height:57px;}
.colie p{ font-size:12px; font-size:1.2rem;}
 }








@font-face {font-family: "iconfont";
  src: url('../fonts/iconfont.eot?t=1579508595950'); /* IE9 */
  src: url('../fonts/iconfont.eot?t=1579508595950#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAA8UAAsAAAAAGvgAAA7GAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCGaAqjBJwRATYCJANoCzYABCAFhG0HgigbhxYjEaZk1pPsLxN0CUPL+bK2RRU2DMcwhG06VVyuSET6mq/P7qZlFu8nDdL6mqGUPPy3xu++nfmqmvGQRFMhQWxeEqfvIqH58TRnP29fEsjuJgRLsBqqVUqPIF5Je5uETwkWpHWoAcU2pWdJ6xGkJthv0Qr4VSz1yIl7AqDNzwnRL7OZqDEsNV1fZ52f4wLkJPAQ2n4SDGwjbMIc+oL8ae7V9oYogW8YV2FGVuTy8+Hgw/tAJUw5v5gBoJuakskwyehSQLWx0Zuam5TTssL56dRRiLdrCzNZPNRAdnXrhcUlLfHFyQk0GhUJXd8uZ6BeRllgxOsXVaVQ78rIMZtDfaI25J1ZvMNVX7wpzMBb9vvjJ2yGM4WahE7pztOMcjgvOe9N7H+2ML2CLa6ExbtIWAYyxXJoS8wCNuky441hVo5fVs0lX7615HBCk5grQJgIy6TItobKRq2lrhyqeAWV38df9P538C6nTiX0mMDrRWvCqrQ89lTil87/bzxQq50boT58HZzVKSRZmxqNWgxAmnTx4MmLGE3UwvBmiGOxZwCUHEWhltJJoR2UlEInKGnQCiEBw8RcgAaIAIAOiFCAeogwMMWKCIACYhlAgkgByBDZAG0QawBqIFQAjRAbAVogWhHqhtABBMQQFJqoeApdoApU6AZVkEIPqPIV+kH1sUIv+NarD9pag+/YBl5Q85C6PaDrvkBN0nAmolyTFFc/rQFvdNeEHM7j3KzM6uSGZhprUeMERbVgFpMk2TyM/GhXAad2mEs1NwzSYjc3b5qfg9YoNuliUDyLi+qiIaCh1zuxDnGMi7vQy0tC0z18Xm3Oo6Q3h0Bbe7GNLW3RwlQXPyX7Aw3lCpncoJNUVVo+Yayfyu2fK22f1YkqDOJ8m+WTjaRWzxooSmfSGJnVVk/KlNSH5ZQGkZKRdyNPMKBAa1k8asNLLXM5bLfkjl1nzaA0GZ3EhLhnbHVck11ptXpybNp6xRmXk1pnQlhj1OqBKOSSzQra14MwGDaSSNND0touLyDVYO3dFOf40wWCq8/ncHW9vqijp8xkqsUnNADQ69u6AukLPT5clxih1qgxSVwMBlZfe9OSNGnLtFiY09YwqzWoRzwu2pW99gCbTYEayM45jERYWE9vcviJH5EzcqnEJ55t6Zhtr6chP+YlrNkhoQPu7A1xOd/tTVTWjUGtvX2R0bi9SlGupmw2D1C1jfN8qkkfbudUiEApvGmZyzttzXC9Yw/gMpuAQoqNFouXwSq320/a8kvVc/e2WBTnxtkJ3ZRmskFxw6600VVayyrW2kTp7KtGsb5Xs5tPkrHZGoDUjgNQDEmQmEQU0tjhldEgHB4Hgp1YUCoRXJ0aPphcN2jjFncORfTas25Zw7oHvPVqVk/SJ2Zfiu7pcFNoXyTuuyoX8NzUTDIjM98zNubKpGZKN8GOKwVAgyJDAdmwI19dSyYpktdVhZUrquQhIWeKLdYcw0XJHFOHuGfQV2NfTRlWK9Rv/udGL53wPWuf09nRc4G8aWGOReVb5AaDxK7sDFD+37rI3kJSeuVagr0eRMF5tECDSaIUXOz1xR09wcJz15ZpeimBrtuT0HeRNIPOv1IP2h4KAKN9M4qqAUqXZnyFGoR0lWT79THN6DU5yXbreiUdpu5jW2fj0PRou0qxsUNcaRz2KNcf86w4hQ1KYDJtaNEnqiDoyio5yaUU566MXtJcHrsadPHeDDt9N7iexBpb5rDZr82biAsGQ/YMu1XecDd97MYcM/PMxpgt8oO532pdcjsRpgiGF6opswU0ePosH3+u1Igfp230WqHdWy5Udvqi9pNeMoABtrv3X9qLkALZbIXaSR9yDAKSbeNF2gsdms6L1PlutiuQ6kQnni08Pc9s91ZrjTaFDZ0MmbDerYllLBZ9UW491g9zHnzcs1YPvQcyio22hks+cgeo323/+Ayy/0iN5YbzFzvFCkbf/oBEed2VdSYYHG2QvNdWrS6vkDWUr6mqfHE7CRQo5EocYrpwzhOEunaxaGSJqwpTfVsXKdJee02uSIQuEm1KyXVsQS7Anr+IUBtM3vkkUEhBDFIkcK5a/augTWtTaAYF2rz9xDJ1+thszMiJSLUn5M3JZ2ii9AQyM1arUmuznXqcahcJAUZffyqZnL9quHqykjS0n9dd7NR0XNCeayslWRc00Gm1sWqiQEkVRfo/V33hxL+93JCNe6auq5ueSXj7rZ5ZPUcOy2RvcubO5bxJdYgatccIztrucSiKg833KCqKM+EV/o+8WrqWp2W4O+a1sh9ljqQsdNDb73BreT9wES3z7yYrK/uBJ6TrMQNb3knXiOtfs316eVdMzlaR/sf3nfwG5bJpJsUTmEZFW3O6YmJfv5wyWumthHwYu56UYtoaN1dQQlvy4qA/AkcdaSZT+WYPMz+VNOsdy8iSu9lZtLds1EZ7tHt4uLfjaG37ENG43T2Zl1BiLkngJQeMJdrf83Y28z8j7SfxOH4fvxprntuGk0M3K9KXWMUhbdYw/rGmVBYRUSarqUKv7SXU3hHyg6vKvxzy+cL/jfAvhs6AkxFyPlJ/u1YhgAVPp0kVwodmxo4SVMsXH3KdvUpwKJ0v5acfmmAZNrYbrwWi8fzJpg5AnD9N7EYrlvWdxD2xE7E9WIpNo3NHPV9zIb+lbpDv0d7ON/jfQzJNtbR4PA6HlNJeTByRJjvIhFPsqQSSJWNbWqSy7GwucDstA5NJE8L0tG4PjpcXffxTzP7K/tyF6tjPffOn6mg6KshHqSgtUukAYm9OQ6mmd57ULq1NUqQgkSVPn/4sthWyYVXiwZqag0tPSd3q4afWUomy1PrQhWfPPfB/1T+udIjYOzCwtzuJ/gG8l9Dfj6+MB/oh9mjdmZIFeZE7hiUjx56OPz125djL21oaNxSIYeGzx2+J3vH/1/8dUQMcYiyXdWp6vXOsp2J9cG7QoVOWCq6Xe65WSMhvSRA9c36yryguB0paFbfv5107/yH1FvWQL5lTk5vj5JSbW1MDwgblLHoEPSlkW88Tz8Uui7oWd0EElq5YMS8ubt7YZNXevVubPzI21q7UnTtepdUuImdVQ0P3xVDvCiuW7npLH+ozuThuV1bi7KURVS/KNoQcqUXNDWWwp6KfwbLqgdfSv/Df7CW6XPeNK5KugVSXpLwX3Le4buUcDsiUB67f8J9bZmteUP9hou9ddBm9fO9GH+c5z/IR9P7x686v3r7c6U1nJD3rv0khrP6TKCH+rPaq5q8RrBb96JpC1xykrvzSFS84dTlvF8kExv+uqp09omqcxX4CWSSSGimi2e5eqdzwHyVaAEBXY/wxQYTIqcvN38V/lr+QINysGB6nEDcCdjzwNEeaI5RF2uvD5fwP4ajRvPrbBfHveTw8YhxFQg5nVf+3Ww4mzGfk8+MPHo5KcnFNSIAPS+6yd9etKp2c4x3jkzxZ85NWkizW/jRe8/jjvJSFKw9J2wdzcgo+Zz+osG1YZNkE+/cTekj+aKLNjr8avpEtcH9VLJ330+Iml6xWp3e3rSyehq1x/+ubdxVD3trqXNHXX3hK169MQw17o7K892RHnYlR+JNxW+AtAf3OZXC0FKDaOvQ/I6c/Pi28iv0c4ytAbV1Byk6is5PYaUxmItxq3RREJiKZMRI7Ozt3HvZNoKS87CyZLH4OT0ol+DB04pBkKJEWVQZWicpaJfSD6ekHNG87OHy553Zkr5A+6L+ECnfvLkR5RFmqShWNeUQhuouo8NKvzArpjuxz907kIrUackV9gb99+20GcO1DuWp1LpLz1hbw1p2C/nzDBpI1L3Gtvn5WDsHPT+20+vlaubDx9V3K2jhT4JhCE8fh4OjcYc8RHG+qwyv2VMXT7vld9jP2/AA6XqlujaDeFb+7Vzhy1E8ZA3+0vOUIP3WT/eEQW8OKxci+wvWOzEJV4fZtqkxBU5MgM1o/W1Wd4PS5U0J1+twBtqfhdo90j3Y8qJYzOtweq8okb4+M5F29adOA2HZ8/ZpqmRyqQtUXXxQGnxe60Bmayd4ODmYzDFXHliEUWzq89Z3BtUtc6eDWzRH1cLdpweY9e6zmo/XgaumOdWRLbOn9R7sRhdkYcCwZ4/zxh46NXQQX2QOTKnvVFf23pe6BlSfx8+f4JNWZe+LVkrW/EkX5Wp94n7acjBmUl/3OYj0rni+43eTbZPOzCd23ywUJQoP7BbhCNPadLiKam1CREamam48R9IHj/c7DpmakOqOouWn2th/apdITpsB0hmSHYxrA8S+C+JcFm8HVOBUAAA8SnwI4pvEElgndLMCvhG1+nXh1z+t4BL+wb08kZmsmice8KrmULD+2+Qxxcc+n+AAWOp9E4NUAjvc5CIcJ3V9hBRbz8JNV7d3fH7g5nXPWi1mNA+8V062Eu/s2HsWJRdZNY9+fPC+Dwpd8qotdkn6VqW/6F/TM17xFRpq/lGiuV6C1wQ8cUyb4/58W2UeQHcxbJjZq/2tKqNJ9g1jKKNAoPcSPm4ZO7zUt3sOt/9KK99i4UGcEJ/WmUV6+jGs02ca16p3hRkuy3t+kyzZJ5AYseknAod1lXGj1HiftHqK8/F1co9e3uFZ7YNzoUbhLNpndI3DnKYBkyEX2L1A50srzjjHyA0yqZHBG2O4fCBHbRafZ9va9AUEowiPOTJdZCx1cLV6FqUFVOeGDK0Bx0zL7aaulwzybytVLO08BJGuH50L2Xx2VI/103vH9+g8wqZIh5rK76j8QItYInT9tl+VAb5y4LtsUa5yZLiYlLRQjuNqMv4olqKRuJ/jwFxWguMlmMPxUi9xO8/Jm9fH60uBOvivScQzGilSabpiWT9yfth3X8x07cerMuQuXrly7cRsnjxMal3KJGUoqkySzGm3a9NwkKZtWF0irMbndDAskxxC7vc1/SQ7DbESXgp22tFSQOVdu1QHUFxBgwwMprLY9EkOAyLsl1NgkC0ab9C+Bx1aFVEKOtMlz5LXmAZPH0rXq3Dorya9XoHm0EdDY7bytZAWUyzA4UDZB878jc3p1NTbKVIl6/umlJQA=') format('woff2'),
  url('../fonts/iconfont.woff?t=1579508595950') format('woff'),
  url('../fonts/iconfont.ttf?t=1579508595950') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('../fonts/iconfont.svg?t=1579508595950#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-duigoudaibiankuang:before {
  content: "\e68b";
}

.icon-shu:before {
  content: "\e62b";
}

.icon-shanchu:before {
  content: "\e63d";
}

.icon-xin:before {
  content: "\e641";
}

.icon-suo:before {
  content: "\e652";
}

.icon-bijinotes23:before {
  content: "\e604";
}

.icon-yanjing:before {
  content: "\e629";
}

.icon-sousuo:before {
  content: "\e628";
}

.icon-facebook:before {
  content: "\e620";
}

.icon-mingpian:before {
  content: "\e65d";
}

.icon-pencil:before {
  content: "\e6b3";
}

.icon-pinterest:before {
  content: "\e8ab";
}

.icon-duihuakuang:before {
  content: "\e66b";
}

.icon-shuqian:before {
  content: "\e60c";
}

.icon-linkedin:before {
  content: "\e648";
}

.icon-twitter:before {
  content: "\e607";
}

.icon-lingdang:before {
  content: "\e623";
}

.icon-xin1:before {
  content: "\e60b";
}

.icon-up:before {
  content: "\e706";
}

.icon-left7:before {
  content: "\e724";
}

.icon-right7:before {
  content: "\e725";
}

.icon-calendar5:before {
  content: "\e7e3";
}

.icon-changyongicon-:before {
  content: "\e617";
}

.icon-kulian:before {
  content: "\e758";
}

.icon-duihua:before {
  content: "\e683";
}



input.error{border: 1px solid #ff0000!important;}
textarea.error{border: 1px solid #ff0000!important;}
label.error{color: #ff0000;display: block;position: absolute;white-space: nowrap}
.int2z2{ position:relative; padding-bottom: 20px}
.int2z img{ float: right;}
.xunpan2 label.error{ bottom: 0px;}
.ad { position: relative; margin-top:20px; max-width: 96.5%; margin-left: auto; margin-right: auto;}

.div-massage-code{position: relative;border: 0 !important;padding-bottom: 30px;}
.div-massage-code img{position: absolute;right: 0;top: 0;width: 45%;height: 32px;}
.div-massage-code input{width: 50%;display: block;border: 1px solid #d9d9d9;}
.div-massage-code label{bottom: 0}


.div-contact-btn{text-align: center !important;margin-top: 30px !important;overflow: hidden !important;}
.div-contact-btn input{float: none !important; width: 150px !important;margin: 0 !important;padding: 0 !important;text-align: center !important;}
.div-contact-code img{width: 120px;height: 37px;}
.div-contact-code {padding-bottom: 10px;position: relative;}
.div-contact-code label.error{bottom: 0;}

.main52 input::-webkit-input-placeholder {/* WebKit browsers */
 color:#999999;opacity:1}
.main52 input:-o-placeholder {/* Mozilla Firefox 4 to 18 */
 color:#999999;opacity:1 }
.main52 input::-moz-placeholder {/* Mozilla Firefox 19+ */
 color:#999999;opacity:1 }
.main52 input:-ms-input-placeholder {/* Internet Explorer 10+ */
 color:#999999;opacity:1 }

.m5te input{ width:1128px; height:34px; line-height:34px; border:1px solid #dcdcdc; padding-left:10px; font-size:14px; font-size:1.4rem; color:#999999; margin-top:28px;}
.main52 img{ float:left; margin-top:28px; width:100px; height:40px;}
.main52 .int1{ float:left; margin-left:10px; margin-top: 28px;}

@media screen and (max-width:1219px) {
 .main52 textarea,.m5te input{ width:910px;}
}
@media screen and (max-width:999px) {
 .main52 textarea,.m5te input{ width:95%;}
}
@media screen and (max-width:499px) {
 .main52 textarea,.m5te input{ width:90%;}
}

/*-------------pro-share start-------------------------------------------------------------*/
.pro-share { font-size: 0; letter-spacing: 0; }

.pro-share .share-title { margin-right: 8px; display: inline-block; *display: inline; *zoom: 1; line-height: 26px; font-size: 14px; font-size: 1.4rem; color: #666; }

.pro-share .share-pic { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; height: 26px; }

.at-resp-share-element .at-icon{width: 24px!important;height: 24px!important;}
.at-style-responsive .at-share-btn{padding: 0!important; border-radius: 2px!important;}
.at-resp-share-element .at-share-btn .at-icon-wrapper{width: 24px!important;height: 24px!important;}
.at-resp-share-element .at-share-btn{margin-bottom: 0!important;margin-right: 3px!important;}
.at-share-btn-elements a{margin: 0px!important;}

/*-------------pro-share end---------------------------------------------------------------*/

/*分类简介 start*/
.category-description {
  margin-top: 9px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 1220px) {
 .category-description {
  width: 1200px;
 }
}

@media screen and (min-width: 1000px) and (max-width: 1219px) {
 .category-description {
  width: 980px;
 }
}

@media screen and (max-width: 999px) {
 .category-description {
  width: 95%;
 }
}

@media screen and (max-width: 399px) {
 .category-description {
  margin-bottom: 8px;
 }
}
/*分类简介 end*/
.m-hdmnav {
 position: relative;
 float: right;
 padding-top: 33px;
 padding-bottom: 23px;
 z-index: 999;
}
.j-nextshow-list {
 display: block;
 line-height: 24px;
 font-size: 2rem;
 color: #fff;
}
.box-list-new li:hover{
 background: #4d839b;
}
.box-list-new li:hover a{
 color: #fff;
}