@charset "utf-8";
body,div,span,h1,h2,h3,h4,h5,h6,p,em,img,strong,b,small,u,i,center,dl,dt,dd,ol,ul,li,sub,sup,tt,var,del,dfn,ins,kbd,q,s,samp,strike,applet,object,iframe,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,blockquote,pre,a,abbr,acronym,address,big,cite,code,mark,audio,video,textarea,select,input {margin:0;padding:0;outline:none}
ol,ul {list-style:none;}
html {overflow-x:hidden;-webkit-text-size-adjust:none;}

body {color:#000000;font-family:'Helvetica Neue','Arial','Helvetica','Hiragino Sans GB','STHeitiSC-Light',sans-serif;overflow-x: hidden; line-height: 1.8; font-size: 16px;}

img {display:block;max-width:100%;border:none}

/*a 链接*/

a {text-decoration:none;outline:none;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; color:#000000;}
a:hover{color: #1f9ddb}
/*居中*/

.juzhong {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.juzhong2 {display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}
.erduan {display:flex;flex-direction:row;justify-content:space-between;align-content:center;align-items:center;}
.shang {display:flex;flex-direction:row;justify-content:space-between;}
.xia {display:flex;align-items:flex-end;flex-direction:row;justify-content:space-between; }
.shangzhong {display:flex;flex-direction:row;justify-content:center;}
.shangzuo{display:flex;flex-direction:row;justify-content:flex-start;}
.shangyou{display:flex;flex-direction:row;justify-content:flex-end;}

.shangerduan{display:flex;flex-direction:row;justify-content:space-between;}

.zuo {display:flex;flex-direction:row;justify-content:flex-start;align-content:center;align-items:center;}
.you {display:flex;flex-direction:row;justify-content:flex-end;align-content:center;align-items:center;}


p{letter-spacing:0.3px;}

/*浮动*/
.fl {float:left;display:inline}
.fr {float:right;display:inline}
.clear {clear:both}
.clearfix {*zoom:1;}
.clearfix:after {clear:both;display:block;height:0;visibility:hidden;line-height:0;content:'\20';}

/**上对齐*/
.upshang{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}


/* HTML5 重置为较旧版本的浏览器 */

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}

/* 按钮样式 */

input[type="text"],input[type="password"],input[type="button"],button,textarea,select,input[type="checkbox"] {font-size:100%;outline:none;resize:none;font-family:"exo_2.0light","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;-webkit-appearance:none;}
input[type="button"] {cursor:pointer;border:0;}
input[type="submit"] {cursor:pointer;border:0}
input[type="reset"] {cursor:pointer;border:0}

/*删除火狐下按钮默认样式*/

input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"] > input[type="button"]::-moz-focus-inner {border:none;padding:0;-webkit-appearance:none;}
i,em {font-style:normal}

.nav-btnbox { display:none}
.pd3{ padding-top:3%; padding-bottom:3%}
.pd4{ padding-top:4%; padding-bottom:4%}
.pd5{ padding-top:5%; padding-bottom:5%}
.pd6{ padding-top:6%; padding-bottom:6%}
.pd2{ padding-top:2%; padding-bottom:2%}

.mtb3{ margin-top:3%; margin-bottom:3%}
.mtb4{ margin-top:4%; margin-bottom:4%}
.mtb5{ margin-top:5%; margin-bottom:5%}
.mtb6{ margin-top:6%; margin-bottom:6%}
.mtb2{ margin-top:2%; margin-bottom:2%}


.mt1{ margin-top:1%}
.mt2{ margin-top:2%}
.mt3{ margin-top:3%}
.mt4{ margin-top:4%}
.mt5{ margin-top:5%}
.mt6{ margin-top:6%}


.pt3{ padding-top:3%}
.pt4{ padding-top:4%}
.pt5{ padding-top:5%}

.pb3{ padding-bottom:3%}
.pb4{ padding-bottom:4%}
.pb5{ padding-bottom:5%}
.pb6{ padding-bottom:6%}
.pb7{ padding-bottom:7%}



/*省略号*/
.oneline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient: vertical;}
.twoline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient: vertical;}
.threeline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient: vertical;}
.fourline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient: vertical;}


.fangdapic{ overflow:hidden; position:relative}
.fangdapic img{ transition: 1s all; -webkit-transition: 1s all; -moz-transition: 1s all; -o-transition: 1s all; -ms-transition: 1s all; width:100%}
a:hover .fangdapic>img{transform: scale(1.05);-webkit-transform: scale(1.05);}
li:hover .fangdapic>img{transform: scale(1.05);-webkit-transform: scale(1.05);}
.fangdapic:hover>img{transform: scale(1.05);-webkit-transform: scale(1.05);}
.fangdapic:hover img{transform: scale(1.05);-webkit-transform: scale(1.05);}


@-webkit-keyframes fadeInDown{
  0%{opacity:0; transform:translateY(-50px)}
  100%{opacity:1;transform: translateY(0)}
}
@keyframes fadeInDown{
  0%{opacity:0; transform: translateY(-50px)}
  100%{opacity:1;transform: translateY(0)}
}


.animated {-webkit-animation-duration:1s;animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}


@-webkit-keyframes fadeInUp {
    0% {opacity:0; -webkit-transform: translate3d(0,20%,0);transform: translate3d(0,20%,0)}
    to {opacity:1; -webkit-transform: none;transform:none}
}
@keyframes fadeInUp {
    0% {opacity:0; -webkit-transform:translate3d(0,20%, 0);transform: translate3d(0,20%, 0)}
    to {opacity:1; -webkit-transform: none;transform: none}
}
@-webkit-keyframes fadeInDown{
  0%{opacity:0; transform:translateY(-50px)}
  100%{opacity:1;transform: translateY(0)}
}
@keyframes fadeInDown{
  0%{opacity:0; transform: translateY(-50px)}
  100%{opacity:1;transform: translateY(0)}
}



.fadeInUp {-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}

.mainbox{margin: 0 auto; width: 90%; max-width: 1400px;}

.toptop{background: #f7f7f7}
.toptop .mainbox{height: 40px;}

.toptop span a img{width:12px; margin-right: 10px;}

.toptop span {margin-left: 35px;}
.toptop span:first-child{margin: 0px;}
.toptop span:first-child em{padding: 0px 10px;}

.banner{position: relative;}
.banner .swiper-pagination{z-index: 999; left:0px; bottom:30px; width: 100% }
.banner .swiper-pagination-bullet{background:rgba(255,255,255,0.7); opacity:1;width:10px; height:10px;margin:0px 8px; border-radius:10px;}
.banner .swiper-pagination-bullet-active { background:#fff;}

.banner .swiper-button-next{ width:40px; height:40px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; right:40px; opacity: 0; border-radius: 100%; background: rgba(0,0,0,0.3)}
.banner .swiper-button-prev{width:40px; height:40px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;left:40px; opacity: 0; border-radius: 100%;background: rgba(0,0,0,0.3)}

.banner:hover .swiper-button-next{opacity: 1}
.banner:hover .swiper-button-prev{opacity: 1}


.banner .swiper-button-next:hover{background: #1d9bd9; }
.banner .swiper-button-prev:hover{background: #1d9bd9;}

.banner .swiper-slide img{width: 100%}
.banner .swiper-slide img.none{display: none}
.banner .swiper-button-next:after,.banner .swiper-button-prev:after{font-size: 10px; color:#fff}


.bantxt{position:absolute; left:50%;top:50%;transform: translate(-50%,-50%);color: #fff; width: 100%;  }

.bantxt .mainbox{-webkit-animation-duration:1s;animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}


.bantxt h2{font-size:48px; font-weight: normal; text-align: center; line-height: 1.2}


.banner .swiper-slide-active .bantxt .mainbox{-webkit-animation-name:fadeInDown;animation-name:fadeInDown;}



.top{ background: #fff;width: 100%;position: relative}
.top.cur{ box-shadow: 0px 0px 10px rgba(0,0,0,0.1); position: fixed; left: 0; top: 0px; z-index: 99;}
.top .mainbox{height: 90px;}
.logo{width: 25%;}

.sosu{width: 14%; height: 40px; border: 1px solid #e1e1e1; border-radius: 40px;overflow: hidden}
.sosubtn{width: 30%; height: 40px; background: url("../images/ssbtn.png") no-repeat center center; background-size:16px auto}

.sosutext{width: 70%; height: 40px; text-indent: 10px; border: none}

.nav{width:50%;}
.nav li{position: relative; font-weight: bold; height: 90px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}
.nav li.cur>a{color: #00a1e9;}
.nav li.cur>a:before{width: 100%}

.nav li>a {position: relative;  line-height:45px; display: block}

.nav li>a:before{content:''; width:0; height: 2px; background: #00a1e9; position: absolute; left: 0px; bottom: 0px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; }
.nav li:hover>a:before{width: 100%}
.nav li:hover>a{color: #00a1e9}
.navdown{position: absolute; left:-10px; top:90px;background:rgba(255,255,255,1); width:100px; display: none; box-shadow: 0px 3px 3px rgba(0,0,0,0.05);padding:0px 15px; z-index: 999}

.navdown a{display: block; font-size: 14px; padding:8px 0px; font-weight: normal; line-height: 1.5}
.navdown a:hover{text-decoration: underline}

.yuyxs em{width: 15px; margin-right: 20px}
.yuyxs span{width: 60px;}
.yuyxs span a.cur{color: #000}
.yuyxs span a{color: #d3d3d3; font-weight: bold}
.shuzibox li{line-height: 1; text-align: center}
.shuzibox li span{display: block;}
.shuzibox span em{color: #1f9ddb; font-weight: bold; font-size: 60px; font-family: arial}
.shuzibox li p{margin-top: 10px;}

/*.syaboutboxbj{background: url("../images/syabbj.jpg") no-repeat center center; background-size: 100% 100%}*/
.syaboutleft{width: 57%; }
.sytxses p{font-weight: normal;}
.syaboutright>p{font-weight: normal;}


.abitts h2{font-size: 40px;font-weight: normal;margin-bottom: 10px;}
.syaboutleft h2 span{font-weight: 300}

.syaboutleft img{margin-top:40px;}

.syaboutright{width: 40%}
.syaboutright li{margin-top: 20px;}
.syaboutright li a{background: #f9f9f9; color: #1f9ddb; font-size: 20px;}

.syaboutright li a .fangdapic{margin-right:30px;}

.syaboutright li a:hover{background: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,0.1)}
.syaboutright li .fangdapic{width: 80px;}

.syprohezi{position: relative; overflow: hidden}


.syprobox li{position: absolute; left: 0px; top: 0px;width: 100%;}
.syprobox li img{width: 100%}
.syprotxt{position: absolute; left: 0px; top:8%; width: 100%; color: #fff;}
.syprotxtbox h2{font-size: 32px; position: relative;padding-bottom:20px; margin-bottom:10px;}
.syprotxtbox h2:before{content: ''; width: 60px; height: 4px; position: absolute; left: 0px; bottom: 5px; background: #1f9ddb}
.syprotxtbox{max-width: 50%}
.syprotxtbox p{padding-top: 10px;}

.syprotxtbox a{color: #fff; margin-top: 5%; display: inline-block}
.syprotxtbox a:hover{color: #1f9ddb;}





.syprobot{position: absolute; width: 90%; max-width: 1400px;  left:50%; transform: translate(-50%,0); bottom: 5%}

.syprobot li{width: calc(11.9% - 21px); background: #fff; padding: 20px 10px; text-align: center; cursor: pointer;transition:0.3s all;-webkit-transition:0.3s all;-moz-transition:0.3s all;-o-transition:0.3s all;-ms-transition:0.3s all; height:90px; overflow: hidden }

.syprobot li.on{width:calc(18% - 41px); background: #1f9ddb; color: #fff; border-top-left-radius: 12px; border-top-right-radius: 12px; height:auto}

.proico{width: 40px; height: 30px; margin: 0 auto; margin-bottom: 14px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}
.proico img.hide{display:none}
.proico img{max-height: 100%}

.syprobot li p{font-size: 14px;  line-height: 1.4;opacity: 0;margin-top: 15px;transform: translateY(10px);-webkit-transition: all 0.5s ease 0.3s;-moz-transition: all 0.5s ease 0.3s;-ms-transition: all 0.5s ease 0.3s;-o-transition: all 0.5s ease 0.3s;transition: all 0.5s ease 0.3s; color: #fff}
.syprobot li h3{color: #545454; font-weight: normal; line-height: 1.4; font-size: 14px; line-height:22px; height: 44px; margin-bottom: 10px;}
.syprobot li.on h3{color: #fff; font-size: 20px; height: auto}
.syprobot li.on .proico img.show{display:none}
.syprobot li.on .proico img.hide{display:block}
.syprobot li.on p{opacity: 1;transform: translateY(0px);}
.syprobot li.on .proico{width: 60px; height: 60px;} 


.sytit h2{font-size: 40px;font-weight: normal;margin-bottom: 10px;}
.sytit h2 span{font-weight: 300}

.sytit.center{text-align: center}

.hyyyboxs{position: relative}
.hyyyboxs span{position: absolute; left:50%; top: 50%; transform: translate(-50%,-50%); border: 2px solid #fff; height: 42px; padding: 0px 20px; color: #fff; border-radius:42px; width: 135px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.hyyyboxs span img{width:6px;}
.hyyyboxs a:hover span{background: #1f9ddb; border: 2px solid #1f9ddb}

.synewsbox{position: relative}
.synewsbox a{display: block}
.synewsbox a span{font-size: 14px; margin:20px 0px 10px; display: block}

.synewsbox a p{font-size: 20px; line-height: 1.4}


.footerbj{background: url("../images/footerbj.jpg") no-repeat center center; background-size: cover;}

.footernav{width:60%}
.footcontact{width:30%;}

.footernav li p a{font-size:20px; color: #fff}
.footernav li p a:hover{text-decoration: underline}
.footernav li p{margin-bottom: 10px;}
.footnavdown span{display: block; padding: 3px 0px;}
.footnavdown span a{color:#fff}
.footnavdown span a:hover{text-decoration: underline}
.footcontact{width: 20%}
.footcontact h2{font-size:20px; color: #fff; margin-bottom: 10px;}
.footcontact p{padding: 3px 0px;color: #fff;}

.erweimas{width:130px;}
.erweimas p{color: #fff; text-align: center; margin-top: 10px; font-size: 14px;}

.footbot{border-top: 1px solid rgba(255,255,255,0.15); padding: 20px 0px; color: #b2b2b2}

.footbot a{color: #b2b2b2}
.footbot a:hover{color: #ffffff}


.fudong{position: fixed; right: 10px; top: 50%; transform: translate(0,-50%); z-index: 9999; display: none}
.fudong li a{width: 46px; height: 46px; border-radius: 100%; background: #d6dce3;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center; margin: 7px 0px;}
.fudong li a:hover{background: #209ddb;}
.fudong li{position: relative;}
.fudong li a>img{width:20px;}

.erweimabox{width: 120px; position: absolute; right:56px; top: 50%; transform: translate(0,-50%); background: #fff;border-radius: 10px;  text-align: center; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); opacity: 0; visibility: hidden;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.erweimabox p{margin-bottom: 10px}
.erweimabox img{border-radius: 10px; }
.erweimabox:before{width: 0; height: 0;border-top:10px solid transparent;border-left: 10px solid #fff;border-bottom: 10px solid transparent; content: ''; position: absolute; right:-10px; top: 50%; transform: translate(0,-50%)}

.fudong li a:hover .erweimabox{opacity: 1; visibility: visible}


.fudong li:nth-child(4) a:hover{border-bottom-left-radius:0px;border-top-left-radius:0px}

.fudong li a:hover>p{background: #209ddb}
.fudong li a>p{width:160px;height: 46px;background: #d6dce3;  position: absolute; right:0px; text-align: center; line-height: 46px; color: #fff;  border-bottom-left-radius: 46px;border-top-left-radius: 46px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; opacity: 0; visibility: hidden}

.fudong li a:hover p{opacity: 1; visibility: visible;right: 46px;}

.nybanner{position: relative}
.nybanner img{width: 100%}

.nybanner h2{color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);font-size: 36px; font-weight: normal}

.nynav{background: #f7f7f7}
.nynav .mainbox{height: 70px;}

.nynav li{margin-left: 50px;}
.nynav li:first-child{margin-left: 0px;}
.nynav li.cur a{color: #209ddb; font-weight: bold}
.nynav li a:hover{color: #209ddb; font-weight: bold}

.nynav p{background: url("../images/home.png") no-repeat left center; background-size:18px auto; padding-left: 28px; color: #808080}

.nynav p a{color: #808080}
.nynav p a:hover{color: #209ddb}
.nynav p em{color: #209ddb; font-weight: bold}

.nynav p i{padding: 0px 10px;}

.nytit{text-align: center}
.nytit h2{font-size: 36px;}

/*.nyabout{text-align: center}*/
.nyabout p{padding: 10px 0px;}

.nywenhua{background: url("../images/abpic02.jpg") no-repeat center center; background-size: cover; background-attachment: fixed; color: #fff}

.nywenhua .nyabout p{padding: 6px 0px;}

.nyzizhibox{position: relative;padding-bottom: 30px; z-index: 9}
.nyzizhibox:before{width:200%; content: ''; position: absolute; left: 50%; transform: translate(-50%,0); height: 1px; background: #f3f5fb; top: 8%}
.nyzizhibox .swiper-pagination{z-index: 999; left:0px; bottom:0px; width: 100% }
.nyzizhibox .swiper-pagination-bullet{background:rgba(0,0,0,0.1); opacity:1;width:10px; height:10px;margin:0px 8px; border-radius:10px;}
.nyzizhibox .swiper-pagination-bullet-active { background:#209ddb;}


.nyzizhibox em{width:10px; height: 10px; border-radius: 100%; border: 3px solid #f3f5fb; position: relative; display: block; margin: 0 auto}
.nyzizhibox em:before{content: ''; width:7px; height: 4px; background: url("../images/xia.png") no-repeat center center; background-size:100% auto; position: absolute; left: 50%; transform: translate(-50%,0); bottom: -12px;}
.zizhitxt{margin-top:45px;}
.zizhitxt p{font-size: 32px; color: #209ddb; font-family: arial}
.zizhitxt span{color: #494949; font-family: arial; line-height: 22px; height: 44px;text-align:center}

.zizhipic{height: 330px; border: 1px solid #e8e8e8; padding: 20px; margin-top: 20px}


.nyconbox{box-shadow: 0 0 10px rgba(0,0,0,0.1); padding:30px 50px}

.nyconbox h2{border-bottom: 1px solid #eaeaea; font-size: 22px; padding-bottom: 20px; margin-bottom: 20px;}
.nyconbox ul{ width: calc(100% + 50px); margin-left: -50px}

.nyconbox li{color: #808080; width: calc(33.33% - 75px); float: left; margin: 10px 0px; margin-left: 50px; padding-left: 25px}
.nyconbox li:nth-child(1){background: url("../images/conico01.png") no-repeat left 5px; background-size: 12px auto;}
.nyconbox li:nth-child(2){background: url("../images/conico02.png") no-repeat left 7px; background-size: 16px auto;}
.nyconbox li:nth-child(3){background: url("../images/conico03.png") no-repeat left 8px; background-size: 16px auto;}
.nyconbox li:nth-child(4){background: url("../images/conico04.png") no-repeat left 7px; background-size: 16px auto;}
.nyconbox li:nth-child(5){background: url("../images/conico05.png") no-repeat left 7px; background-size: 16px auto;}


.dituContent{width: 100%;height:460px;}

.BMap_pop > img{display: none !important;}
.BMap_pop > div{display: none !important;}

.BMap_shadow{display: none !important;}
.anchorBL{display: none}

.BMapLabel{display: block !important;border: 0 none !important;padding: 0 !important;background:url(../images/dzico.png) no-repeat center !important;width: 20px!important;height:28px !important;max-width: none !important;margin-bottom: 0 !important; background-size: 100%!important;}

.BMapLabel span{display: block;position: absolute;left: 50%;margin-left: -145px;top: -68px; background:#fff;min-width: 262px;text-align: center;line-height:25px;color: #004ea2; font-size: 16px;  padding:15px; border-radius:3px; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); font-weight: bold}

.BMapLabel span:after{ float:left; width:0; height:0; content:''; position:absolute; left:50%; bottom:-9px; border-left:8px solid transparent; border-right:8px solid transparent;border-top: 10px solid #0e6eb8; border-top: 10px solid #fff; margin-left:-8px;}

.joinbox li{border: 1px solid #d6d6d6;margin-bottom: 20px;}

.joindown{border-top: 1px solid #d6d6d6; padding: 50px;}

.jointxts{width: 45%}

.jointop{padding: 20px 35px; background:url("../images/joinxia.png") no-repeat 98% center; background-size: 15px auto; cursor: pointer}
.joinbox li.cur .jointop{ background:url("../images/joinshang.png") no-repeat 98% center; background-size: 15px auto}
.jointop p{font-weight: bold;}
.jointop em{position: relative; padding: 0px 15px}
.jointop em:before{content: ''; width: 1px; height:16px; background: #d6d6d6; position: absolute; left: 0px; top: 50%; transform: translate(0,-50%)}

.jointop em:first-child:before{display: none}
.jointop span{color: #333333; padding-right: 3%}

.jointxts h2{font-size: 18px;margin-bottom: 10px;}

.jointxts p{color: #333333; padding: 5px 0px;}

.joindown{display: none}



.biaodan{margin-top: 50px;}
.biaodan li{width: 50%; float: left; margin-bottom: 20px;}
.biaodan li span{width:160px; text-align: right; line-height: 50px;}
.biaodan li span em{color: #209ddb; padding-right: 5px}
.biandanright{width:calc(100% - 180px);}

.selects{width:100%; padding: 0px 10px; height:50px; border: 1px solid #d6d6d6; background: url("../images/joinxia.png") no-repeat 98% center; background-size:18px auto; border-radius: 6px;}

.texts{width:calc(100% - 22px); padding: 0px 10px; height:50px; border: 1px solid #d6d6d6; border-radius: 6px; }

.textarea{width:calc(100% - 22px); padding:10px; height:50px; border: 1px solid #d6d6d6; height: 180px;  border-radius: 6px;}

.biaodan li:nth-child(1),.biaodan li:nth-child(6),.biaodan li:nth-child(7){width: 100%}


.tijiaos{width: 140px; height: 50px; background: #209ddb; border: 2px solid #209ddb!important; color: #fff; margin-top: 10px; font-size: 18px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; border-radius: 6px;}
.tijiaos:hover{ background: none; color: #209ddb}




.nynewsbox ul{ width: calc(100% + 30px); margin-left: -30px}
.nynewsbox li{width: calc(33.33% - 30px); float: left;margin-left: 30px; background: #f7f7f7; margin-bottom: 30px;}

.nynewstxt{padding: 30px;}
.nynewstxt h2{font-size: 24px; line-height: 32px; height: 64px;}
.nynewstxt span{display: block; font-family: arial; color: #808080; font-size: 18px; margin: 10px 0px;}
.nynewstxt p{color: #808080; line-height: 24px; height: 48px;}


.page a{width: 40px; height: 40px; text-align: center; line-height: 40px; font-size: 18px; font-weight: bold; display: inline-block; font-family: arial}
.page a.cur{color: #209ddb}
.pageprev{background: url("../images/prev2.png") no-repeat center center; background-size: 8px auto;}
.pageprev:hover{background: url("../images/prev.png") no-repeat center center; background-size: 8px auto;}

.pagenext{background: url("../images/next2.png") no-repeat center center; background-size: 8px auto;}
.pagenext:hover{background: url("../images/next.png") no-repeat center center; background-size: 8px auto;}

.newstit{border-bottom: 1px solid #e3e3e3; padding-bottom: 20px; margin-bottom: 20px; text-align: center}
.newstit h1{font-size: 24px; line-height: 1.4; margin-bottom: 10px;}
.newstit span{ font-family: arial}
.newstit span:first-child{margin-right: 40px;}


.nynewshow{text-align: justify;}
.nynewshow img{display: inline-block}
.nynewshow p{padding: 10px 0px;}


.shangxia{padding: 30px 0; margin-top: 30px;border-top: 1px solid #e3e3e3; }
.shangxia a:nth-child(1){background: url("../images/shangyi01.png") no-repeat left 7px; background-size: 25px; padding-left: 40px;}
.shangxia a:nth-child(1):hover{background: url("../images/shangyi01h.png") no-repeat left 7px; background-size: 25px; }

.shangxia a:nth-child(2){background: url("../images/shangyi02.png") no-repeat right 7px; background-size: 25px; padding-right: 40px;}
.shangxia a:nth-child(2):hover{background: url("../images/shangyi02h.png") no-repeat right 7px; background-size: 25px; }


.shangxia a{max-width: 45%}



.hangyeboxs li{background: #f9f9f9;margin-bottom: 50px;}
.hangyeboxs li .fangdapic{width: 47.6%}
.hangyetxt{width:50%}

.hytxt{padding: 50px;}

.hangyeboxs li:nth-child(even) .fr{float: left}
.hangyeboxs li:nth-child(even) .fl{float: right}


.hytxt h2{font-size: 24px; margin-bottom: 20px;}


.huisebj{background: #f7f7f7}


.nyproleft{background: #fff; padding: 30px; width: 310px;}
.nyproleftdown span{display: block; padding: 10px 0px;}

.nyproleft p{background: url("../images/joinxia.png") no-repeat right center; background-size: 12px auto; font-weight: bold; border-bottom: 1px solid #f2f2f2; padding: 20px 0px; cursor: pointer}

.nyproleftdown{padding: 10px 0px; display: none}
.nyproleftdown a{color: #808080}
.nyproleftdown a:hover{color: #209ddb}

.nyproleft h2{font-size: 26px; border-bottom: 1px solid #f2f2f2; padding-bottom: 20px; position: relative}
.nyproleft h2:before{content:''; width: 112px; height: 4px; background: #209ddb; position: absolute; left: 0px; bottom: 0px;}

.nyproleft li.cur p{background: url("../images/joinshang.png") no-repeat right center; background-size: 12px auto;color: #209ddb}

.nyproleft li.cur  .nyproleftdown{display: block}

.nyproright{width: calc(100% - 410px)}

.nyproright ul{ width: calc(100% + 30px); margin-left: -30px}
.nyproright li{width: calc(33.33% - 30px); float: left;margin-left: 30px; background: #ffffff; margin-bottom: 30px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.nyproright li a{display: block}
.nyproright li .fangdapic{padding: 20px;}

.protxt{border-top: 1px solid #f7f7f7; padding: 20px}

.protxt h2{font-size: 20px; margin-bottom: 10px;}
.protxt p{color: #808080; font-size: 14px; line-height: 1.6}

.nyproright li:hover{box-shadow: 0px 0px 20px rgba(0,0,0,0.1)}




.nyproshowright{width: calc(100% - 410px);}

.nyproshow{padding: 30px; background: #fff}

.nypropic{width: 42%}

.nypropic .mySwiper2{border: 1px solid #f2f2f2; box-shadow: 0px 0px 5px rgba(0,0,0,0.03); margin-bottom:10px;}
.nypropic .mySwiper .swiper-slide{border: 1px solid #f2f2f2;}

.nypropic .mySwiper .swiper-slide.swiper-slide-thumb-active{border: 1px solid #209ddb}

.nyproshow .swiper-button-next{ width:30px; height:100%;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; right:0px; background: rgba(0,0,0,0.3); top: 0px; margin: 0px;}
.nyproshow .swiper-button-prev{width:30px; height:100%;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;left:0px;100%;background: rgba(0,0,0,0.3);top: 0px; margin: 0px;}

.nyproshow .swiper-button-next:after, .nyproshow  .swiper-button-prev:after{color: #fff; font-size: 20px}

.nyproshowtxt{width: 53%; border-top: 1px solid #f2f2f2; padding-top: 10px;}
.nyproshowtxt h1{font-size: 24px;}

.nyproshowtxt h2{font-weight: normal; font-size: 18px; color: #808080;margin-bottom: 40px;}

.nyproshowtxt p{color: #bcbcbc; font-size: 18px;}

.nyproshowtxt p em{text-decoration: line-through}
.nyproshowtxt p span{color: #209ddb; font-weight: bold; font-size: 24px;}

.cartbtn{width: 150px; height: 42px; text-align: center; line-height: 42px; border: 1px solid #209ddb; color: #209ddb; border-radius: 42px; font-size: 18px;}
.cartbtn:hover{background: #209ddb; color: #fff}

.paybtn{width: 150px; height: 42px; text-align: center; line-height: 42px; border: 1px solid #209ddb; color: #fff; border-radius: 42px; font-size: 18px; background: #209ddb}
.paybtn:hover{background: #fff; color: #209ddb}

.mr20{margin-right: 20px}

.nyprodetailtit{border-bottom: 1px solid #f2f2f2}
.nyprodetailtit li{ font-size: 22px; padding: 25px 0px; position: relative; cursor: pointer}
.nyprodetailtit li.cur{color: #209ddb}
.nyprodetailtit li:before{content:''; width:0%; height:3px; background: #209ddb; position: absolute; left: 0px; bottom: 0px;}
.nyprodetailtit li.cur:before{width: 100%}
.nyprodetailtit ul{max-width: 420px; margin: 0 auto;}

.nyproshowmiaoshu p{color: #808080}
.nyproshowmiaoshu h3{margin-bottom: 20px}


.protuijian>h1{font-size: 24px;margin-bottom: 20px;}

.protuijian ul{ width: calc(100% + 30px); margin-left: -30px}
.protuijian li{width: calc(33.33% - 30px); float: left;margin-left: 30px; background: #ffffff; margin-bottom: 30px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.protuijian li a{display: block}
.protuijian li .fangdapic{padding: 20px;}

.protxt{border-top: 1px solid #f7f7f7; padding: 20px}

.protxt h2{font-size: 20px; margin-bottom: 10px;}
.protxt p{color: #808080; font-size: 14px; line-height: 1.6}

.protuijian li:hover{box-shadow: 0px 0px 20px rgba(0,0,0,0.1)}


.nyproshowpdf li{border-bottom: 1px solid #f7f7f7; padding: 25px 0px; font-size: 20px; background: url("../images/pdfico.png") no-repeat left 30px; background-size:18px auto; padding-left: 30px;}

.nyprodetailhezi{display: none;}
.nyprodetailhezi:first-child{display: block}



.loginleft{width: 58%; height: 100vh; background: url("../images/loginpic.jpg") no-repeat center center; background-size: cover}


.loginright{width: 42%;}


.loginhezi{max-width: 60%; margin: 0 auto}

.loginhezi ul{margin-top:80px; margin-bottom: 10px;}

.loginhezi li{border-bottom: 1px solid #d6d6d6;margin-top: 20px;}
.loginhezi li input{border: none; height: 50px;}

.loginhezi li input::input-placeholder{color:#333;} 
.loginhezi li input::-webkit-input-placeholder { color: #333; } 
.loginhezi li input:-moz-placeholder { color: #333; } 
.loginhezi li input::-moz-placeholder { color: #333; } 
.loginhezi li input:-ms-input-placeholder { color: #333; }

.whsc a{color: #209ddb}
.whsc a:hover{text-decoration: underline}


.dlbtn{width: 100%; max-width:300px; height: 50px; border: 1px solid #209ddb; border-radius: 50px; color: #fff; font-size: 18px; display: block; background: #209ddb; text-align: center; line-height: 50px; margin: 0 auto; margin-top: 50px;}
.dlbtn:hover{background: none; color: #209ddb}
.zcst{color: #505050; margin-top: 20px;}

.zcst a{color: #209ddb}
.zcst a:hover{text-decoration: underline}

.huoqu{width: 120px; height: 38px; border: 1px solid #d6d6d6; border-radius: 38px; text-align: center; line-height: 38px;}


.baisebj{background: #fff}

.matit{text-align: center; border-bottom: 1px solid #efefef; padding-bottom: 20px; margin-bottom: 20px;}
.matit h2{font-size: 26px;}

.mimaboxs{padding: 30px 0px;}
.mimaboxs li{margin-bottom: 20px;}
.mimaboxs li:last-child{margin-top: 40px;}
.mimaboxs{max-width:710px; margin: 0 auto; text-align: right; width: 90%}
.mimaboxs span{width: 146px; color: #4c4c4c}
.mimaright{width: calc(100% - 170px);}

.wenbens{width: calc(100% - 32px); padding: 0px 15px; height: 46px; border-radius: 10px; border: 1px solid #e4e4e4}

.wenbens.wzs{width: calc(100% - 164px); }

.txyzm{width: 120px; border: 1px solid #e4e4e4; height: 46px; border-radius: 10px; overflow: hidden}
.txyzm img{width: 100%;height: 100%}

a.dxyzm{width: 120px; border: 1px solid #209ddb;background: #209ddb; height: 46px; border-radius: 10px; overflow: hidden; line-height: 46px; text-align: center; color: #fff}

.xiayibu{width: 110px; height: 42px; background: #209ddb; border-radius: 46px; border: 1px solid #209ddb!important;color: #fff}
.xiayibu:hover{background: none; color: #209ddb;}


.miaobao p{background: url("../images/home.png") no-repeat left center; background-size:18px auto; padding-left: 28px; color: #808080}

.miaobao p a{color: #808080}
.miaobao p a:hover{color: #209ddb}
.miaobao p em{color: #209ddb; font-weight: bold}

.miaobao p i{padding: 0px 10px;}

.baiseboxs{background: #fff; box-shadow:3px 2px 2px rgba(0,0,0,0.05); padding:30px; border-radius: 6px;}

.gwtits{font-size: 22px; color: #00a1e9; padding-bottom:20px; border-bottom:2px solid #00a1e9}


.gouwuchebox{border:1px solid #e0e0e0; }

.gouwuchebox dt{background: #f7f7f7; border-bottom: 2px solid #f2f2f2; padding:15px 22px; font-weight: bold; font-size: 18px;}
.gouwuchebox dd:last-child{border: none}
.gouwuchebox dd{padding:22px;border-bottom:1px solid #e0e0e0;}
.gouwuchebox dd span{color: #808080}
.cartpic{border: 1px solid #e4e4e4; width:140px;}

.carttxt{width: calc(100% - 160px);}
.carttxt h2{font-size: 18px; margin-bottom:5px;}
.carttxt p{color: #808080; font-size: 14px; line-height: 24px; height: 48px;}


.gwcwidth01{width:100px;}
.gwcwidth02{width:calc(46% - 160px)}
.gwcwidth03{width:18%; text-align: center}
.gwcwidth04{width:18%; text-align: center}
.gwcwidth05{width:18%; text-align: center}
.gwcwidth06{width:80px; text-align: center}

.wapnone{display: none}
.checks{ width:22px; height:22px; border:1px solid #e4e4e4;cursor: pointer }
.checks:checked {background:url(../images/dui.png) no-repeat center center #00a1e9; background-size:80% auto;}
.lanse{color: #00a1e9!important;}

.lanse.line{border-bottom: 1px solid #00a1e9; display: inline-block}
.lanse.bold{font-weight: bold;font-size: 24px;}

.xuanzesc{background: #f8f8f8; height: 64px; border: 1px solid #e0e0e0}

.xuanlefts{padding-left: 20px;}
.mr10{margin-right: 10px;}
.mr20{margin-right: 20px;}


.xyanrights P{color: #848484}
.xyanrights p span{color: #00a1e9; font-size: 24px; font-weight: bold}
.xyanrights a{font-size: 18px; font-weight: bold; background: #00a1e9; height:65px; line-height: 65px; color: #fff; padding: 0px 30px; margin-left: 30px}
.xyanrights a:hover{background: #26afec;}


.jiesuantit{padding: 15px 22px;background: #eeeeee; border-bottom: 2px solid #bfbfbf;border-top: 2px solid #bfbfbf; }
.jiesuantit h2{font-size: 18px; color: #000}


.payhezi{border: 1px solid #e0e0e0; margin-top: 30px;}


.paystit{height: 60px;background: #f7f7f7; margin-top: 1px; padding: 0px 20px;}

.paystit h2{font-size: 18px;}

.pd20{padding:30px 20px;}
.muren{background: #bbbbbb; color: #fff; border-radius: 30px; height: 30px; padding: 0px 10px; line-height: 30px; display: inline-block; font-size: 14px;}

.dizhisleft{width: calc(100% - 80px); color: #808080}
.dizhisleft span em{margin-right: 30px}

.zhifuboxs li{width: 30%}
.zhifuboxs li a{padding-left: 50px; position: relative}

.zhifuboxs li a:before{content:''; width: 30px; height: 30px; border-radius:100%; background: url("../images/dui.png") no-repeat center center #dcdcdc; background-size: 40% auto; left:0px; top:50%; transform: translate(0,-50%); position: absolute}

.zhifuboxs li a img{width: 50px;}
.zhifuboxs li a p{ margin-left: 15px;}
.zhifuboxs li a p span{display: block; font-size: 18px; color: #333333}
.zhifuboxs li a p em{color: #999; display: block}

.zhifuboxs li.cur a:before{background: url("../images/dui.png") no-repeat center center #00a1e9; background-size: 40% auto; }



.fapiaotit{max-width: 360px; font-size: 18px; color: #808080}
.fapiaotit input{margin-right: 10px;}

.radio{ position:relative; border:1px solid #e3e3e3; width:20px; height:20px;-webkit-appearance:none; border-radius:15px; margin-top:0px; margin-right:10px; overflow:hidden;}
.radio:checked{border:1px solid #00a1e9;}
.radio:checked:before{  background:#00a1e9; content:""; position:absolute; left:50%; top:50%;width:10px; height:10px;border-radius:10px; transform:translate(-50%,-50%)}


.radio2{ position:relative; border:1px solid #e3e3e3; width:20px; height:20px;-webkit-appearance:none; border-radius:15px; margin-top:0px; margin-right:10px; overflow:hidden;}
.radio2:checked{border:1px solid #00a1e9; background: #00a1e9}
.radio2:checked:before{  background:url("../images/dui.png") no-repeat center center;background-size:90% auto;content:""; position:absolute; left:50%; top:50%;width:10px; height:10px;border-radius:10px; transform:translate(-50%,-50%)}



.fapiaotit  label{cursor:pointer}


.kaibtn{ height: 40px; text-align: center; line-height: 40px; color: #fff; border-radius: 10px; display: inline-block; background: #13b5b1; width: 200px; border: none}
.fapiaohezi ul{display: none; width: calc(100%  + 50px); margin-left: -50px; }
.fapiaohezi ul:nth-child(1){display: block; max-width: 50%}
.fapiaohezi ul:nth-child(2){max-width: 50%}
.fapiaohezi ul:nth-child(1) li,.fapiaohezi ul:nth-child(2) li{width: calc(100%  - 50px);}
.fapiaohezi li{margin-bottom:20px; width: calc(50%  - 50px); float: left; margin-left: 50px; color: #808080}
.fapiaohezi li:last-child{margin-top:20px;}
.fapiaohezi li span{width:80px; padding-right: 20px; text-align: right}
.fapiaohezi li p{width: calc(100% - 100px);}

.fpwenben{width: calc(100% - 32px); border: 1px solid #e0e0e0;background: #fafafa; height:50px; padding: 0px 15px; border-radius: 5px;}

.fpselect{width: calc(100% - 32px); border: 1px solid #434343; height: 40px; padding: 0px 15px; background:url("../images/xiala.png") no-repeat 95% center; background-size: 10px auto}


.textareasx{padding: 20px; height: 180px; background: #f7f7f7; width: calc(100% - 40px); border: none}

.sftxs{color: #808080}

.paybtnsxs{max-width: 400px; margin: 0 auto}


.promai{height: 46px; line-height: 46px; text-align: center; color: #fff; border:1px solid #00a1e9; background: #00a1e9; width: 160px; border-radius: 46px; display: inline-block; font-size: 18px;}

.promai:hover{background: none; color: #00a1e9}

.procart{height: 46px; line-height: 46px; text-align: center; color: #00a1e9; border:1px solid #00a1e9; background: none;  width: 160px; border-radius: 46px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;font-size: 18px;}

.procart:hover{color: #ffffff;background: #00a1e9;}


.tijiaochengg{ text-align:center;background-color:#f8f8f8; border-bottom:1px solid #e0e0e0}
.tijiaochengg img{ display:inline-block; width: 36px;}
.tijiaochengg p{ font-size:22px; margin-top:10px;}
.ddscboxs li{ font-size:16px; padding:10px 0px;}
.ddscboxs li span{width:100px; text-align:right; display:inline-block; padding:0px 10px; color: #848484}
.ddscboxs li p{ color:#373737}

.zhifuxiala{ height:50px; border:1px solid #cdcdcd; border-radius:5px; width:300px; line-height:50px; padding-left:20px; background:url(../images/xiala.png) no-repeat 95% center; background-size:14px auto}

.memberleft{width: 25.7%; background: #fff}
.lefttit{ font-size:20px; background-color:#209ddb; color:#fff; margin-bottom:1px;}
.lefttit a{ color:#fff; padding:20px 0px 15px 25px;}
.lefttit img{ margin-right:15px; max-width:17px;}
.memberleft ul{ overflow:hidden}
.memberleft li{ line-height:60px; padding:0px 25px; font-size: 18px;}
.memberleft li:hover{ border-left:3px solid #209ddb; padding-left:22px; background: #f4fafd;}
.memberleft li a{ border-bottom:1px dashed #ebebeb; color:#848484}
.memberleft li a:hover{ color:#209ddb;}
.memberleft li a:hover img.show{ display:none}
.memberleft li a:hover img.none{ display:block}
.memberleft li img{margin-right:15px; max-width:17px;}
.memberleft li img.none{ display:none}
.memberleft li.cur{border-left:3px solid #209ddb;background: #f4fafd; padding-left:22px; }
.memberleft li.cur img.show{ display:none}
.memberleft li.cur img.none{ display:block}
.memberleft li.cur a{ color:#209ddb;}

.memberright{width: 72.28%}

.gerenstop{background: #fff; padding: 50px;}

.touxiangsd{width: 90px; height: 90px; border-radius: 100%; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); overflow: hidden}

.geertxs{width: calc(100% - 120px);}

.geertxs h2{font-weight: normal; font-size: 20px;margin-bottom: 10px}
.geertxs p{color: #646464; font-size: 14px;}
.geertxs p em{padding: 0px 20px; font-size: 14px;}


.memboxsd{padding: 30px; background: #fff}
.mt20{margin-top: 20px;}

.geretit{ border-bottom:1px solid #efefef;}
.geretit h2{ font-size:18px; color:#209ddb; position:relative; display:inline-block; padding-bottom:10px;}

.geretit h2:before{ height:2px; background:#209ddb; position:absolute; left:0px; bottom:-1px; width:100%; content:"";}

.geretit a{ color:#209ddb; background:url(../images/next.png) no-repeat right 10px; padding-right:10px; background-size:5px auto; padding-bottom:10px;}

.biaobiaoti{ background:#f7f7f7; border:1px solid #eeeeee; line-height:60px; font-size:16px; font-weight:bold; padding:0px 20px; margin-top: 25px;}


.wh01{ width:32%}
.wh02{ width:14%; text-align:center}
.wh03{ width:14%; text-align:center}
.wh04{ width:20%; text-align:center}
.wh05{ width:20%; text-align:center}


.dingdanxsb{ border:1px solid #e4e4e4;margin-top:20px; }

.dingdanxsb>h3{ font-weight:normal; background-color:#f7f7f7; padding:10px 20px; color:#666; font-size:14px;}
.dingdanxsb>h3 span{ margin-right:20px;}
.dingdanxsb>h3 em{ font-weight:bold; color:#006eaf}
.dingdanxsb ul{ padding:30px 20px; color:#373737; }


a.shac{ font-size:14px; width:80%; min-height:22px; background-color:#209ddb; color:#fff; display:block; line-height:20px; margin:0 auto; margin-bottom:10px; max-width:100px;border:1px solid #209ddb;  }
a.shac:hover{ background-color:#ffffff; color:#209ddb}


a.ckxq{ font-size:14px; width:80%; min-height:22px; border:1px solid #209ddb; color:#209ddb;display:block; line-height:20px; margin:0px auto; margin-bottom:10px; max-width:100px;}
a.ckxq:hover{ background-color:#209ddb; color:#fff}
.carttuxa{width: 130px;}
.carttxttwo{width: calc(100% - 150px)}
.carttxttwo p{font-size: 20px; font-weight: bold; margin-bottom: 5px;}
.carttxttwo span{ color: #4c4c4c; height:48px; line-height: 24px; font-size: 14px;}


.cailitit{ position: relative; text-align: center}
.cailitit h2{ padding:20px;font-size:18px; color:#209ddb; display:inline-block; background:#fff; position: relative; z-index: 3}
.cailitit:before{content: ''; width: 100%; top: 50%; background: #e4e4e4; height: 1px; position: absolute; left: 0px;}
.cailixihuanx li{ width:calc(50% - 22px); float:left; margin-left:20px; margin-top:10px; margin-bottom:10px; border:1px solid #e4e4e4; }
.cailixihuanx ul{ width:calc(100% + 20px); margin-left:-20px;}

.wenzihxs{padding:15px 20px; width: calc(55% - 40px)}

.cailixihuanx li .fangdapic{ width:45%;}
.cailixihuanx li .fangdapic img{ height:100%}

.wenzihxs p{ font-size:18px; font-weight:bold;}
.wenzihxs span{ color:#4c4c4c;margin:5px 0px; font-size: 14px; line-height: 24px; height: 48px;}
.wenzihxs em{ color: #209DDB}


.ndizs{background: none!important;border: 1px solid #209ddb;height:38px; line-height: 38px;padding: 0px 10px!important;}

.ndizs:hover{background: #209ddb!important; color: #fff}
.dizhisld{margin-top: 30px;}
.dizhisld li{border: 1px solid #e4e4e4; margin-bottom: 20px;}

.dizhitop{padding: 30px;}

.dizhitop p i{font-size: 20px; font-weight: bold; margin-right: 60px}
.dizhitop span{color: #4c4c4c; display: block; margin-top: 20px;}

.dizhibot{padding:20px 30px;border-top: 1px solid #e4e4e4;}
.dizhibot span{max-width: 212px; width: 50%}
.dizhibot span a{width: 95px; height: 32px; border: 1px solid #e4e4e4; text-align: center; line-height: 32px; border-radius: 32px;}
.dizhibot span a:hover{background: #209ddb; border: 1px solid #209ddb; color: #fff}

.frombxsd{padding: 30px 0px; max-width: 530px; width: 70%}

.frombxsd li{margin-bottom: 20px;}
.frombxsd li span{width: 180px;  text-align: right; color: #646464; }
.biaoright{width: calc(100% - 200px)}

.frombxsd .selects{ background: url("../images/xiala.png") no-repeat 95% center; background-size: 18px auto}


.huxsd{color: #888888}


.genghuantou{ width:85px; height:85px; position:relative;padding:5px;box-shadow:0px 0px 5px 0px rgba(0,0,0,0.1); border-radius:85px; margin: 0 auto; margin-top: 20px;}
.genghuantou:before{ content:""; width:28px; height:24px; background:url(../images/xjs.png) no-repeat center center; position:absolute; right:10px; bottom:0px; background-size:90% auto}
.genghuantou .camera{ width:100%; height:100%; opacity:0; position:absolute; left:0px; top:0px;font-size: 100px;}

.genghuanxs{width:85px; height:85px; border-radius:85px; overflow:hidden }
.genghuanxs img{ width:100%; height:100%}


.gereboxsd{margin-top:30px;}

.touxias{width: 30%}

.dingdantop{border: 1px solid #e4e4e4; margin-top: 30px; padding: 30px 40px}
.dingdantop ul{width: calc(100% + 20px); margin-left: -20px; }
.dingdantop li{width: calc(28% - 20px); float: left; margin-left: 20px;}
.dingdantop li p{color: #848484}
.dingdantop li span{display: block}
.dingdantop li:nth-child(4){width: calc(16% - 20px);}


.dngbixsd{border: 1px solid #e4e4e4;}

.dngbixsd dt{background: #f8f8f8; margin-top: 1px; height: 50px; padding: 0px 20px;}

.dngbixsd dd{padding: 30px 20px;}
.shouhuxsc li{padding: 3px 0px;}
.shouhuxsc li span{color: #848484; width: 160px; }
.shouhuxsc li p{width: calc(100% - 90px);}

.zongxisnd li{padding: 3px 0px;}
.zongxisnd{border: 1px solid #e4e4e4; padding: 30px 20px;}
.zongxisnd span{ width: 80px; text-align: right}
.zongxisnd p{width: calc(100% - 90px);}

.zongxisnd li:last-child{font-weight: bold}


.nynavselect {position:relative;color:#999999;vertical-align:middle;text-align:left;user-select:none;-webkit-touch-callout:none; margin:30px 20px 10px; display: none; }

.nynavselect .placeholder {position:relative;display:block;background-color:#fff;z-index:1; height: 56px; line-height: 56px;font-size:18px;cursor:pointer; padding-left:20px;border: 1px solid #eee;color: #333; }

.nynavselect .placeholder:after {position:absolute;right:20px;top:50%;transform:translateY(-50%);z-index:10; background: url("../images/selectxia.png") no-repeat center center; content: ""; width: 10px; height: 6px; background-size: 100% auto}

.nynavselect.is-open .placeholder:after {background: url("../images/selectxia2.png") no-repeat center center;background-size: 100% auto}
.nynavselect.is-open ul {display:block; box-shadow:0px 0px 10px rgba(0,0,0,0.05)}

.nynavselect ul {display:none;position:absolute;overflow:hidden;width:100%;background:#fff;top:100%;left:0;z-index:100;font-size:18px;}
.nynavselect ul li {display:block;text-align:left; padding:10px 20px; color:#999;cursor:pointer;}


.nynavselect ul li a{display: block}
.nynavselect ul li.cur{background:#209ddb}
.nynavselect ul li.cur a{color: #fff}

.tanchubj{background: rgba(0,0,0,0.7); position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; display: none}

.addxiugai{max-width: 1400px; width: 90%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: #fff}

.guanbi{width: 50px; position: absolute; right: -20px; top: -20px;}

.addxiugai .biaodan{padding:30px 50px;}

.addxiugai .biaodan li:nth-child(1){width: 50%}


.dgoyxs a{
  
    background-color: -internal-light-dark(rgb(239, 239, 239), rgb(59, 59, 59));
}



.dgoyxs{border: 1px solid #ddd; width:100%; max-width: 150px;}
.dgoyxs button,.dgoyxs a{width:25%; height: 40px; border: none; text-align: center; cursor: pointer}

.dgoyxs input{text-align: center; width: 50%; border: none; font-size: 16px;}


.zhuanzhaotanchu{width: 80%; max-width: 400px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); padding:3%; background: #fff}

.zhuanzhaotanchu p{padding: 5px 0px; color: #666}
.zhuanzhaotanchu p span{color: #333}