/* CSS Document */
*{margin:0;padding:0;border:0;outline:none}
@font-face{font-family:"SourceHanSansCN-Regular";src:url(../fonts/SourceHanSansCN-Regular.woff) format('woff');font-weight:normal;font-style:normal;font-display:swap}
@font-face{font-family:"SourceHanSansCN-Bold";src:url(../fonts/SourceHanSansCN-Bold.woff) format('woff');font-weight:normal;font-style:normal;font-display:swap}
body,html{font-family:"SourceHanSansCN-Regular","Times New Roman", Times, serif,"微软雅黑";height:100%;}
body{margin:0 auto;padding:0;background:#ffffff;font-size:14px;color:#333;width:100%;width:expression(document.body.clientWidth <= 360? "360px":"auto");min-width:360px;text-align:left;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal}
select,input,img{vertical-align:middle}
ul,ol,li{list-style:none}
table{table-layout:fixed !important;width:100% !important;border-collapse:collapse;border-spacing:0}
table,td,input,select,input,textarea{font-size:15px;padding:0;border-color:#ddd;font-family:"SourceHanSansCN-Regular","Times New Roman", Times, serif,"微软雅黑";}
input::-moz-focus-inner{border:none;padding:0px}
select,input{vertical-align:middle}
input[type="text"],input[type="password"],textarea{outline-style:none;-webkit-appearance:none;}
textarea{resize:none}
.clear{display:block;height:0px;visibility:hidden;clear:both}
.clearfix{zoom:1}
.box{max-width:1300px;margin:0 auto;text-align:left;box-sizing:border-box}
.box2{max-width:1400px;margin:0 auto;text-align:left;box-sizing:border-box}
.clearfix:after,.max:after{content:"";display:block;height:0px;visibility:hidden;clear:both}
.lf{float:left}
.rg{float:right}
/* 默认链接颜色 */
a{outline-style:none;color:#333;text-decoration:none}
a:hover{color:#3596fd;text-decoration:none}
/*清除链接虚框*/
a,area{blr:expression(this.onFocus=this.blur())}
:focus{-moz-outline-style:none}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#b6b6b6}
input::-moz-input-placeholder,textarea::-moz-input-placeholder{color:#b6b6b6}
input::-ms-input-placeholder,textarea::-ms-input-placeholder{color:#b6b6b6}

.flexa{display:-webkit-flex;-webkit-flex-wrap:wrap;display:flex;flex-wrap:wrap;}
.itema{-webkit-align-items:center;align-items:center;}
.iteme{-webkit-align-items:flex-end;align-items:flex-end;}
.justb{-webkit-justify-content:space-between;justify-content:space-between;}
.justc{-webkit-justify-content:center;justify-content:center;}
.juste{-webkit-justify-content:flex-end;justify-content:flex-end;}

.wbg{background:#ffffff;}
.hbg{background:#f7f7f7;}
.vbg{background:#f5faff;}
.sbg{background:linear-gradient(180deg,#eef3f8,#fff);}
.b80{ padding-bottom:80px;}

/*-------*/
body{padding-top:97px;}
.header{position:fixed;width:100%;transition:all .5s;z-index:999;background:#000;padding:12px 5%;top:0;left:0;box-sizing:border-box;}
.header .logo img{ display:block; height:73px;}
.header .nav ul{ width:100%;}
.header .nav ul li{padding:0 25px;}
.header .nav ul li a{ display:block; color:#fff; font-size:18px; position:relative; height:44px; line-height:44px;}
.header .nav ul li a:after{content:""; position:absolute;left:0;bottom:-26px; width:0; height:3px; background:#3596fd;transition:all .5s;}
.header .nav ul li a:hover{color:#fff}
.header .nav ul li a:hover:after,.header .nav ul li.on a:after{width:100%;}
.header .trt span{ display:block; height:44px; line-height:44px; color:#fff;}
.header .trt .t1{ font-size:20px; background:url(../images/tell.png) no-repeat 0 center; padding-left:30px;}
.header .trt .t2{ font-size:18px; background:url(../images/time.png) no-repeat 10px center #1b8cf7; padding:0 15px 0 42px; border-radius:5px; margin-left:22px; cursor:pointer}
.header .menu{ width:30px; height:30px; background:url(../images/mue.png) no-repeat center center; background-size:100% auto; display:none}
.nav-down{ position:fixed; width:100%; top:97px; left:0; background:rgba(0,0,0,.8);z-index:99; line-height:32px; padding:15px 0}
.nav-down a{ display:block; font-size:16px; color:#fff; padding:0 15px;}
.nav-down a:hover{color:#3596fd;}

.mnav{ position:fixed; left:0; top:90px; width:100%; z-index:99; background:rgba(0,0,0,.8); display:none}
.mnav ul{ width:100%; box-sizing:border-box; padding:5px 20px 20px;}
.mnav ul li{ width:100%; line-height:36px; height:36px; padding:7px 0; border-bottom:1px solid rgba(255,255,255,.15); background:url(../images/dwn.png) no-repeat 99% center;}
.mnav ul li a{ display:block; font-size:16px; color:#fff;}

.swiperb{width:100% !important;height:auto !important;position:relative; overflow:hidden}
.swiperb .swiper-slide img{display:block;width:100%;margin:0 auto}
.swiperb .swiper-bdian{ position:absolute; bottom:25px; z-index:9; text-align:center;}
.swiperb .swiper-bdian span{ width:12px; height:12px; background:rgba(255,255,255,1);}
.swiperb .swiper-bprev,.swiperb .swiper-bnext{ position:absolute; top:50%; width:36px; height:36px; margin-top:-18px; z-index:9; cursor:pointer; opacity:.3}
.swiperb .swiper-bprev{left:3%; background:url(../images/fv_c1.png) no-repeat center center; background-size:100% 100%;}
.swiperb .swiper-bnext{right:3%; background:url(../images/fv_c2.png) no-repeat center center; background-size:100% 100%;}
.swiperb .swiper-bprev:hover,.swiperb .swiper-bnext:hover{ opacity:1}

.htit{ padding-top:60px; line-height:1.5; text-align:center; letter-spacing:1px;}
.htit h2{ font-size:26px; color:#000; font-weight:600;font-family:"SourceHanSansCN-Bold";}
.htit p{ font-size:17px; color:#999; padding-top:8px;}

.hbox1{ padding-top:35px; padding-bottom:80px;}
.hbox1 dl{ width:23.5%; margin-right:2%; background:#fff; box-shadow:0 0 10px rgba(0,0,0,.15); border-radius:12px; overflow:hidden;}
.hbox1 dl:nth-of-type(4n){ margin-right:0;}
.hbox1 dl dt{ overflow:hidden; text-align:center; position:relative; color:#fff; padding:35px 20px;}
.hbox1 dl dt:after{content:""; position:absolute;left:0;top:0; background:rgba(0,0,0,.3); z-index:1; width:100%; height:100%;}
.hbox1 dl dt span{ position:relative; z-index:2; font-size:65px; height:65px;line-height:65px; font-weight:600; display:block; font-family:Arial, Helvetica, sans-serif}
.hbox1 dl dt p{ position:relative; z-index:2; font-size:20px; line-height:32px; padding-top:6px;}
.hbox1 dl dd{ font-size:15px; line-height:25px; padding:20px 15px;}

.hbox2{ padding-top:5px; padding-bottom:80px;}
.hbox2 dl{ width:31.6%; margin-top:2.6%; margin-right:2.6%; text-align:center; background:#1b8cf7; box-shadow:0 0 10px rgba(0,0,0,.25); border-radius:12px; overflow:hidden; box-sizing:border-box; padding:30px;}
.hbox2 dl:nth-of-type(3n){ margin-right:0;}
.hbox2 dl dt img{ display:block; width:90px; height:90px;margin:0 auto;border-radius:50%;}
.hbox2 dl dd{ padding-top:20px; color:#fff;}
.hbox2 dl dd h4{ font-size:22px; line-height:36px;}
.hbox2 dl dd p{ font-size:16px; line-height:28px; padding-top:5px;}

.hbox3 dl{ width:15%; margin-right:2%; margin-top:4%; text-align:center; position:relative;}
.hbox3 dl:nth-of-type(6n){ margin-right:0;}
.hbox3 dl dt{ width:100%;}
.hbox3 dl dt img{ display:block; width:70px; height:70px; margin:0 auto}
.hbox3 dl dt p{ font-size:17px; line-height:25px; padding:10px 0}
.hbox3 dl dt a{ font-size:15px; color:#3596fd; line-height:28px; border:1px solid #3596fd; border-radius:16px; box-sizing:border-box; display:block; margin:0 auto; width:100px;}
.hbox3 dl dd{ position:absolute; bottom:100%; width:100%; font-size:17px; line-height:25px; box-sizing:border-box; padding:10px; background:#fff;color:#666;margin-bottom:22px;left:50%;transform:translate(-50%,10px);border-radius:6px;transition:all .25s ease-out; display:none}
.hbox3 dl dd:after{content:""; position:absolute;left:50%;bottom:-10px;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #fff;width:0;height:0;margin-left:-10px;}

.hbox4{ padding-top:70px; padding-bottom:70px;}
.hbox4 a{ display:block; font-size:16px; line-height:38px; border:1px solid #3596fd; background:#3596fd; padding:0 60px; color:#fff; border-radius:20px;}
.hbox4 a:hover{ color:#fff;}
.hbox4 a.tl{ background:url(../images/phone.bc55136.png) no-repeat 20% center #fff; background-size:20px auto; color:#3596fd;padding:0 50px 0 80px; margin-left:3%;}
.hbox4 a.tl:hover{ color:#3596fd;}

.hbox5{ padding-top:40px; padding-bottom:80px;}
.hbox5 .zbt{ width:36%; box-sizing:border-box; padding:30px 20px; box-shadow:0 0 20px 0 rgba(53,150,252,.3); border-radius:10px;}
.hbox5 .zbt .t1{ font-size:22px; line-height:32px; text-align:center; letter-spacing:.5px}
.hbox5 .zbt .t2{ font-size:15px; line-height:25px; text-align:center; padding:7px 0 12px;}
.hbox5 .zbt dl{ padding-top:20px; padding-left:25px;}
.hbox5 .zbt dl dt{ font-size:17px; line-height:29px;}
.hbox5 .zbt dl dd{ font-size:14px; line-height:26px; padding-top:5px;}
.hbox5 .zbt1{ background:#fff}
.hbox5 .zbt2{ background:#3596fd; color:#fff; margin-left:4%}
.hbox5 .zbt1 .t2{ background:url(../images/vv1.png) no-repeat center bottom; color:rgba(0,0,0,.6)}
.hbox5 .zbt2 .t2{ background:url(../images/vv2.png) no-repeat center bottom; color:rgba(255,255,255,.8)}
.hbox5 .zbt1 dl{ background:url(../images/bx1.png) no-repeat 0 28px; background-size:14px auto}
.hbox5 .zbt1 dl dt{ color:#333;}
.hbox5 .zbt1 dl dd{ color:#999;}
.hbox5 .zbt2 dl{ background:url(../images/bx2.png) no-repeat 0 28px; background-size:14px auto}
.hbox5 .zbt2 dl dt{ color:#fff;}
.hbox5 .zbt2 dl dd{ color:rgba(255,255,255,.8)}

.hbox6{ padding-top:80px; padding-bottom:80px;}
.hbox6 .ylt{ width:31.6%; margin-right:2.6%; box-shadow:0 0 20px 0 rgba(53,150,252,.3); border-radius:10px; background:#fff; box-sizing:border-box; padding:40px 20px 30px;}
.hbox6 .ylt:nth-of-type(3n){ margin-right:0;}
.hbox6 .ylt .im{ margin-top:-70px;}
.hbox6 .ylt .im img{ display:block; width:60px; height:60px; margin:0 auto}
.hbox6 .ylt .tt{ text-align:center; border-bottom:1px solid #e5e5e5; padding:15px 0 10px;}
.hbox6 .ylt .tt h3{ font-size:20px; font-weight:400; line-height:36px;}
.hbox6 .ylt .tt p{ font-size:15px; line-height:25px; padding-top:5px; color:#999;}
.hbox6 .ylt .nr{ font-size:16px; line-height:28px; padding-top:5px;}
.hbox6 .ylt .nr p{ padding-left:17px; position:relative; padding-top:12px;}
.hbox6 .ylt .nr p:after{content:""; position:absolute; left:0; top:22px; width:4px; height:4px; border:2px solid #3596fd; border-radius:50%;}

.hbox7{ padding-top:50px; padding-bottom:50px;}
.hbox7 .txt{ width:48%;}
.hbox7 .txt .tt{ font-size:25px; line-height:33px;}
.hbox7 .txt .ft{ font-size:14px; line-height:22px; background:url(../images/hr-a.png) no-repeat left bottom; padding:10px 0 15px;}
.hbox7 .txt .wz{ font-size:15px; line-height:31px; padding-top:15px; color:#666}
.hbox7 .txt .bt{ padding-top:22px;}
.hbox7 .txt .bt a{ background:#3596fd; color:#fff; font-size:15px; border-radius:16px; height:31px; line-height:31px; padding:0 22px; display:inline-block;}
.hbox7 .img{ width:46%;}
.hbox7 .img img{ display:block; max-width:100%; max-height:366px; margin:0 auto}

.hbox8{ padding-top:35px; padding-bottom:80px;}
.hbox8 .zuo{ width:49%;}
.hbox8 .zuo dl{ width:100%; background:#fff;box-shadow:0 0 15px 0 rgba(53,150,252,.2);}
.hbox8 .zuo dl dt{ width:100%; height:358px; overflow:hidden;}
.hbox8 .zuo dl dt img{ display:block;width:100%;height:100%;object-fit:cover;object-position:center center;}
.hbox8 .zuo dl dd{ padding:18px 15px 20px 90px; position:relative;	}
.hbox8 .zuo dl dd span{ display:block; font-size:15px; line-height:27px; color:#666; position:absolute; left:15px; top:18px; text-align:center;padding-top:10px;}
.hbox8 .zuo dl dd i{ display:block; color:#000; font-size:26px; line-height:30px; font-style:normal}
.hbox8 .zuo dl dd a{ display:block; font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-weight:600; line-height:28px;}
.hbox8 .zuo dl dd p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; font-size:14px; line-height:22px; padding-top:5px;}
.hbox8 .you{ width:48%;}
.hbox8 .you dl{ width:100%; padding:15px; margin-top:15px; background:#fff;box-shadow:0 0 15px 0 rgba(53,150,252,.2); box-sizing:border-box}
.hbox8 .you dl:nth-of-type(1){ margin-top:0}
.hbox8 .you dl dt{ width:70px; display:block; font-size:15px; line-height:27px; color:#666; text-align:center}
.hbox8 .you dl dt span{ display:block; color:#000; font-size:26px; line-height:30px; font-style:normal; padding-top:10px;}
.hbox8 .you dl dd{width:calc(100% - 70px); box-sizing:border-box; padding-left:10px;}
.hbox8 .you dl dd a{ display:block; font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-weight:600; line-height:28px;}
.hbox8 .you dl dd p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; font-size:14px; line-height:22px; padding-top:5px;}

.fbg{ background:#212636;}
.fnav{ padding-top:50px; padding-bottom:35px;}
.fnav .flt{ width:30%; font-size:14px; line-height:26px; color:rgba(255,255,255,.8);}
.fnav .flt img{ display:block; max-width:100%; padding-bottom:10px;}
.fnav .flt p{ padding-top:10px;}
.fnav .fct{ width:43%;}
.fnav .fct dl{ width:31.6%;}
.fnav .fct dl dt{ font-size:16px; color:#fff; line-height:28px;}
.fnav .fct dl dd{ font-size:14px; line-height:26px; padding-top:10px;}
.fnav .fct dl dd a{ display:block; padding:5px 0; color:rgba(255,255,255,.8);}
.fnav .frt{ width:24%; text-align:center}
.fnav .frt dl{ max-width:48%}
.fnav .frt dl:nth-of-type(1){margin-right:4%;}
.fnav .frt dl dt img{ display:block; margin:0 auto; width:140px; max-width:100%;}
.fnav .frt dl dd{ display:block; color:rgba(255,255,255,.8); font-size:14px; line-height:26px; padding-top:10px;}
.fcpy{ border-top:1px solid rgba(255,255,255,.15); font-size:14px; line-height:24px; padding:22px 0 25px; text-align:center; color:rgba(255,255,255,.7)}
.fcpy a{color:rgba(255,255,255,.7)}
.fnav .fct dl dd a:hover,.fcpy a:hover{color:#3596fd}

.ttab{ position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.7); z-index:99999; display:none}
.ttab .tab{ width:500px; background:#fff; box-sizing:border-box; padding:30px 25px; position:absolute; left:50%; top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.ttab .tbt{ position:absolute; width:30px; height:30px; border-radius:50%; right:-10px; top:-10px; background:url(../images/fancy_close.png) no-repeat center center; background-size:100% auto; z-index:2; cursor:pointer}
.ttab ul{ width:100%;}
.ttab ul li{ width:100%; padding:6px 0}
.ttab ul li.l50{ width:49%;}
.ttab ul li input,.ttab ul li textarea{ display:block; width:100%; background:#fcfcfc; border:1px solid #ddd; box-sizing:border-box; font-size:16px; border-radius:5px;}
.ttab ul li input{ height:42px; line-height:42px; padding:0 10px;}
.ttab ul li textarea{ padding:10px; line-height:28px; height:130px;}
.ttab ul li.last{ padding-top:15px;}
.ttab ul li.last input{ width:auto; background:#999; height:50px; line-height:50px; border-color:#999; color:#fff; font-size:18px; width:200px;}
.ttab ul li.last input:nth-of-type(1){ background:#1b8cf7; color:#fff; border-color:#1b8cf7; margin-right:25px;}

.ttab .nr{ font-size:16px; line-height:26px; color:#333;}
.ttab .nr p{ padding-bottom:8px;}
.ttab .im{ padding-top:10px;}
.ttab .im dl{ max-width:40%;}
.ttab .im dl:nth-of-type(1){margin-right:6%;}
.ttab .im dl dt img{ display:block; max-width:100%; width:150px; border:1px solid #eee;}
.ttab .im dl dd{ color:#999; font-size:16px; text-align:center; line-height:26px; padding-top:10px;}


/*--------*/
.nbanner,.fbanner{ width:100%; margin:0 auto;}
.nbanner .box{height:320px; text-align:center;}
.nbanner .tt{ display:block; color:#fff; font-size:36px; font-weight:600; letter-spacing:1px; padding-bottom:15px}

.fbanner{ position:relative;}
.fbanner:after{content:""; position:absolute; width:100%; height:100%; left:0; top:0; background:linear-gradient(90deg,rgba(0,0,0,.6),transparent)}
.fbanner .box{height:600px; position:relative; z-index:3}
.fbanner .nr{ color:#fff; text-align:left; width:50%}
.fbanner .nr .tt{ display:block; font-size:40px; font-weight:600; letter-spacing:1px;}
.fbanner .nr p{ font-size:18px; line-height:30px; padding-top:10px;}
.fbanner .nr a{ display:inline-block; margin-top:30px; background:#1b8cf7; color:#fff; font-size:18px; line-height:48px; padding:0 45px; border-radius:5px; letter-spacing:1px;}

.nnav ul{ width:100%; text-align:center}
.nnav ul li{ width:16.66666%; line-height:62px;height:62px;}
.nnav ul li a{ display:inline-block; font-size:17px;}
.nnav ul li.on a,.nnav ul li a:hover{color: #1b8cf7;border-bottom:1px solid #1b8cf7;}

.ntit{ padding-top:70px; text-align:center;}
.ntit h2{ font-size:32px; color:#333; line-height:46px;}

.khbox{ padding-top:10px;}
.khbox .klist{ box-shadow:0 5px 10px rgba(0,0,0,.1); border-radius:5px;  background:#fff; width:30%; margin-right:4.5%; margin-top:4%; overflow:hidden}
.khbox .klist:nth-of-type(3n){ margin-right:0}
.khbox .klist .im{ width:100%; height:0; padding-top:43%; overflow:hidden; position:relative;}
.khbox .klist .im img{ display:block;width:100%;height:100%;object-fit:cover;object-position:center center; position:absolute; left:0; top:0;transform:scale(1,1);-webkit-transform:scale(1,1);transition:all .8s ease 0s;}
.khbox .klist:hover .im img{-webkit-transform:scale(1.05,1.05);transform:scale(1.05,1.05)}
.khbox .klist .nr{ padding:20px 15px; color:#70747d; font-size:14px;}
.khbox .klist .nr h3{ font-size:22px; color:#111; line-height:40px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.khbox .klist .nr p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3; line-height:26px; padding-top:8px; min-height:78px;}
.khbox .klist .bt{ padding:0 15px; font-size:14px; line-height:40px; border-top:1px solid #f5f5f5;color:#70747d;}
.khbox .klist .bt:hover{ color:#13c2c2; background:#f3fcfe}

.xwbox{ padding-top:30px;}
.xwbox dl{ width:48.5%; padding:30px 0; border-bottom:1px solid #ddd;}
.xwbox dl dt{ width:200px; height:113px; overflow:hidden}
.xwbox dl dt img{ display:block;width:100%;height:100%;object-fit:cover;object-position:center center;}
.xwbox dl dd{ width:calc(100% - 200px); box-sizing:border-box; padding-left:15px;}
.xwbox dl dd a{ font-size:20px; font-weight:600; line-height:32px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; color:#000}
.xwbox dl dd p{ font-size:14px; color:#777; line-height:22px;}
.xwbox dl dd p.t1{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; padding-top:5px;}
.xwbox dl dd p.t2{ padding-top:10px;}

.weizhi{ font-size:15px; line-height:29px; padding:20px 0; color:#666}
.weizhi a{ display:inline-block; padding:0 8px;color:#666}
.weizhi a:nth-of-type(1){ padding-left:0}

.nrbox{ box-sizing:border-box; padding:40px 25px 30px; background:#fff;box-shadow:0 5px 10px rgba(0,0,0,.1);}
.nrtit{ text-align:center;}
.nrtit2{ text-align:left}
.nrtit h1{ font-size:25px; color:#000; line-height:52px;}
.nrtim{ font-size:14px; color:#666; text-align:center; padding:12px 0 20px; border-bottom:1px solid #eee}
.nrtxt{ font-size:17px; line-height:33px; padding:20px 0; color:#454545}

.xtit{ height:56px; line-height:56px; padding:45px 0 0; border-bottom:1px solid #eee;}
.xtit h2{ font-size:22px; color:#000;}
.xlist{ padding-top:20px;}
.xlist ul{ width:100%;}
.xlist ul li{ width:49%; font-size:16px; line-height:40px; height:40px;}
.xlist ul li a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; background:url(../images/dd.png) no-repeat 0 18px; padding-left:12px;}

.about{ padding-top:60px; padding-bottom:80px;}
.about .lft{ width:48%; font-size:17px; line-height:33px; color:#454545}
.about .lft .tt{ font-size:32px; font-weight:600; padding:15px 0;}
.about .lft .nr{ padding-top:10px;}
.about .rft{ width:48%}
.about .rft img{ display:block;width:100%;height:100%;object-fit:cover;object-position:center center;}

.fbox1{color:#666;font-size:16px;text-align:justify;line-height:34px; padding-top:30px;}
.fbox1 img,.nrtxt img{ max-width:100% !important; height:auto !important}
.fbox1 td,.nrtxt td{ padding:10px 5px; box-sizing:border-box; border:1px solid #ddd;}

.fbox2{ padding-top:15px; padding-bottom:35px;}
.fbox2 dl{ width:32%; margin-right:2%; margin-top:2%; background:#fff; border-radius:10px; box-sizing:border-box; box-shadow:0 6px 21px 8px #f7f7f7; text-align:center; padding:40px 15px;}
.fbox2 dl:nth-of-type(3n){ margin-right:0}
.fbox2 dl dt img{ display:block; margin:0 auto; height:45px; width:auto; max-width:100%;}
.fbox2 dl dd{ padding-top:10px;}
.fbox2 dl dd h3{ font-size:20px; line-height:2;}
.fbox2 dl dd p{ font-size:15px; line-height:1.75; padding-top:15px; color:#777}

.fbox3{box-shadow:0px 0px 10px #f7f7f7;border-radius:20px 20px 0 0; overflow:hidden; margin-top:35px;}
.fbox3 .stit{ background:url(../images/title_bg_pc.png) no-repeat center top; background-size:cover; padding:60px 0 10px; text-align:center;}
.fbox3 .stit h2{ display:inline-block; font-size:72px; line-height:1.25; color:#fff; font-weight:600;font-family:"SourceHanSansCN-Bold"; font-style:italic; letter-spacing:10px;}
.fbox3 .sbox{ padding:30px 24px; background:url(../images/bg.jpg) repeat;}
.fbox3 .sbox .snr{ background:#fff; padding:25px; margin-top:25px; border-radius:20px; overflow:hidden}
.fbox3 .sbox .snr:nth-of-type(1){ margin-top:0}
.fbox3 .sbox .snr .tt{ padding:60px 0 40px; width:100%; text-align:center}
.fbox3 .sbox .snr .tt h3{ display:inline-block; font-size:56px; line-height:1.25; color:#4841de; font-weight:600;font-family:"SourceHanSansCN-Bold"; border-bottom:8px solid #f88c11; padding:0 20px 20px; letter-spacing:5px; font-style:italic;}
.fbox3 .sbox .snr-n{ padding:60px 4% 80px;}
.fbox3 .sbox .snr-n .im{ width:55%}
.fbox3 .sbox .snr-n .im img{ display:block; max-width:100%; margin:0 auto}
.fbox3 .sbox .snr-n .nr{ width:40%; box-sizing:border-box; font-size:36px; line-height:2}
.fbox3 .sbox .snr-v{ padding:50px 3%;}
.fbox3 .sbox .snr-v img{ display:block; margin:0 auto; max-width:100%;}

.lxbox{ padding-top:50px; padding-bottom:35px;}
.lxbox dl{ width:23.8%; margin-right:1.6%; background:#fff; box-sizing:border-box; padding:20px; box-shadow:0 2px 10px rgba(0,0,0,.1);}
.lxbox dl:nth-of-type(4n){ margin-right:0}
.lxbox dl dt{ font-size:18px; font-weight:600; color:#333; line-height:36px; border-bottom:1px solid #ccc; padding-bottom:10px; margin-bottom:5px;}
.lxbox dl dd{ font-size:16px; line-height:24px; padding-top:12px;}
.lxbox dl dd.t1{ padding-left:28px; background:url(../images/contact-icon3.png) no-repeat 0 14px;}
.lxbox dl dd.t2{ padding-left:28px; background:url(../images/contact-icon4.png) no-repeat 0 14px;}
.lxbox dl dd.t3{ padding-left:28px; background:url(../images/contact-icon5.png) no-repeat 0 12px;}
.lxbox dl dd.t4 a{ display:inline-block; padding:10px 15px; border:2px solid #000; border-radius:30px;}
.lxbox dl dd.t4 a span{ display:block; background:url(../images/contact-icon1-2.png) no-repeat left center; padding-left:30px;}
.lxbox dl dd.t4 a:hover{ background:#000; color:#fff}
.lxbox dl dd.t4 a:hover span{ background:url(../images/fix-icon2.png) no-repeat left center;}

.contact-map{ padding-bottom:80px;}
.my-map .icon{background:url(http://a.amap.com/lbs-dev-yuntu/static/web/image/tools/creater/marker.png) no-repeat}
.my-map .icon-cir{height:31px;width:28px}
.my-map .icon-cir-red{background-position:-11px -5px}
.amap-container{height:100%}
.myinfowindow{width:240px;min-height:50px}
.myinfowindow h5{height:20px;line-height:20px;overflow:hidden;font-size:14px;font-weight:bold;width:220px;text-overflow:ellipsis;word-break:break-all;white-space:nowrap}
.myinfowindow div{margin-top:10px;min-height:40px;line-height:20px;font-size:13px;color:#6f6f6f}
#map{width:100%;height:500px;box-sizing:border-box; border:1px solid #ddd; box-shadow:0 2px 10px rgba(0,0,0,.1);}

.ftab{ padding-top:30px; padding-bottom:80px;}
.ftab ul{ width:100%;}
.ftab ul li{ width:100%; padding:10px 0}
.ftab ul li.l50{ width:49%;}
.ftab ul li input,.ftab ul li textarea{ display:block; width:100%; background:#fcfcfc; border:1px solid #ddd; box-sizing:border-box; font-size:17px;}
.ftab ul li input{ height:60px; line-height:60px; padding:0 10px;}
.ftab ul li textarea{ padding:10px; line-height:28px; height:180px;}
.ftab ul li.last{ padding-top:25px;}
.ftab ul li.last input{ width:auto; background:#999; border-color:#999; color:#fff; font-size:20px; width:250px; border-radius:5px;}
.ftab ul li.last input:nth-of-type(1){ background:#1b8cf7; color:#fff; border-color:#1b8cf7; margin-right:25px;}


/*--------分页-------*/
.next_fy{text-align:center;font-size:15px;padding-top:60px; padding-bottom:80px;}
.next_fy a{height:36px;line-height:36px;margin:2px;display:inline-block;padding:0 14px;color:#092c47;border:1px solid #ccc;cursor:pointer;border-radius:3px;}
.next_fy a:hover,.next_fy a.active{background:#1b8cf7; border-color:#1b8cf7; color:#fff;}
.next_fp{font-size:18px;line-height:36px;color:#333; padding-top:20px; padding-bottom:50px;font-family:"SourceHanSerifCN-semiBold";}
.next_fp p{ width:49%;}
.next_fp p:nth-of-type(2){ text-align:right}
.next_fp a{color:#0a64b9}
.next_fp a:hover{color:#0a64b9}


@media (max-width:1660px) {
.header .nav ul li{ padding:0 16px;}


}

@media (max-width:1460px) {
.header{ padding:12px 3%}
.header .nav ul li{ padding:0 16px;}
.header .trt .t1{ display:none}
.header .trt .t2{ margin-left:0}
.fbanner .box{ height:560px;}
.fbanner .nr .tt{ font-size:36px;}
.fbanner .nr p{ font-size:17px;}

}

@media (max-width:1360px) {
body{ padding-top:90px;}
.header .logo img{ height:66px;}
.header .nav ul li a:after{bottom:-22px;}
.box{ max-width:94%;}
.nbanner .box{ height:280px;}
.nbanner .tt{ font-size:34px;}
.about .lft .tt{ font-size:30px;}
.next_fy{ padding-top:50px; padding-bottom:70px;}

}

@media (max-width:1260px) {
.header .nav ul li a{ font-size:16px;}
.header .trt .t2{ font-size:16px; background-size:22px auto}
.b80{ padding-bottom:70px;}
.khbox .klist .nr h3{ font-size:20px;}
.fbanner .box{ height:520px;}
.ntit{ padding-top:55px;}
.fbox1{ padding-top:20px;}
.fbox2{ padding-top:10px; padding-bottom:25px;}
.fbox2 dl dd p{ padding-top:12px;}
.ntit h2{ font-size:28px;}
.fbox3 .sbox .snr-n .nr{ font-size:32px; line-height:1.75}


}

@media (max-width:1160px) {
.header .nav,.header .trt{ display:none}
.header .menu{ display:block}
.hbox5 .zbt{ width:42%;}
.nbanner .box{ height:260px;}
.nbanner .tt{ font-size:32px;}
.about{ padding-top:55px; padding-bottom:70px;}
.about .lft{ font-size:16px; line-height:32px;}
.about .lft .tt{ font-size:28px; padding:12px 0}
.xwbox{ padding-top:20px;}
.xwbox dl{ width:100%; padding:26px 0}
.next_fy{ padding-top:40px; padding-bottom:60px;}
.nrtit h1{ font-size:22px; line-height:46px;}
.nrtim{ padding:10px 0 16px;}
.nrtxt{ font-size:16px; line-height:32px;}
.khbox{ padding-top:5px;}
.khbox .klist{ width:31%; margin-right:3.5%}
.fbanner .box{ height:480px}
.fbanner .nr{ width:50%}
.fbanner .nr .tt{ font-size:32px;}
.fbanner .nr p{ font-size:16px;}
.fbanner .nr a{ margin-top:25px;}
.fbox3 .stit{ padding-top:50px;}
.fbox3 .stit h2{ font-size:62px;}
.fbox3 .sbox .snr .tt{ padding:50px 0 35px}
.fbox3 .sbox .snr .tt h3{ font-size:46px;}

}

@media (max-width:990px) {
body{ padding-top:84px;}
.header .logo img{ height:60px;}
.mnav{top:84px;}
.htit{ padding-top:50px;}
.hbox1{ padding-bottom:60px; padding-top:10px;}
.hbox1 dl{ width:49%; margin-top:2%;}
.hbox1 dl:nth-of-type(even){ margin-right:0}
.hbox1 dl dt span{ font-size:60px;}
.hbox2{ padding-bottom:60px;}
.hbox2 dl{ padding:30px 20px;}
.hbox4{ padding-top:55px; padding-bottom:60px;}
.hbox5{ padding-bottom:60px; padding-top:30px;}
.hbox5 .zbt{ width:46%;}
.hbox5 .zbt2{ margin-left:3%}
.hbox6{ padding-top:65px; padding-bottom:60px;}
.htit h2{ font-size:24px;}
.htit p{ font-size:16px;}
.hbox7 .txt .tt{ font-size:24px;}
.hbox8{ padding-bottom:60px; padding-top:30px;}
.hbox8 .zuo{ width:100%;}
.hbox8 .you{ width:100%; padding-top:20px;}
.hbox8 .zuo dl dt{ height:auto}
.fnav{ padding-top:40px; padding-bottom:30px;}
.fnav .flt{ width:100%; text-align:center}
.fnav .flt img{ margin:0 auto; height:60px;}
.fnav .fct{ display:none}
.fnav .frt{ width:100%; text-align:center; padding-top:20px;}
.fnav .frt img{ width:125px;}
.nbanner .box{ height:240px;}
.about{ padding-top:35px; padding-bottom:60px;}
.about .lft{ width:100%}
.about .lft .tt{ font-size:25px; padding:10px 0}
.about .lft .nr{ padding-top:6px;}
.about .rft{ width:100%; padding-top:20px;}
.next_fy{ padding-top:35px; padding-bottom:50px; font-size:14px;}
.next_fy a{ height:34px; line-height:34px;}
.b80{ padding-bottom:60px;}
.khbox .klist .nr{ padding:17px 15px}
.khbox .klist .nr h3{ font-size:18px; line-height:36px;}
.lxbox{ padding-top:25px;}
.lxbox dl{ width:49%; margin-right:2%; margin-top:2%} 
.lxbox dl:nth-of-type(even){ margin-right:0}
.contact-map{ padding-bottom:60px;}
.fbanner .box{ height:450px;}
.fbanner .nr .tt{ font-size:30px;}
.fbanner .nr a{ font-size:17px; line-height:45px;}
.fbox3 .stit{ padding-top:45px;}
.fbox3 .stit h2{ font-size:56px;}
.fbox3 .sbox .snr .tt{ padding-top:40px;}
.fbox3 .sbox .snr .tt h3{ font-size:40px; border-bottom-width:6px; padding-bottom:17px;}
.nnav ul li{ height:57px; line-height:57px;}


}

@media (max-width:860px) {
.khbox .klist{ width:48%;}
.khbox .klist:nth-of-type(3n){ margin-right:4%}
.khbox .klist:nth-of-type(even){ margin-right:0}
.fbanner .box{ height:auto; min-height:400px;}
.fbanner .nr{ width:60%}
.fbanner:after{ background:rgba(0,0,0,.5)}
.nnav ul li{ width:20%;}
.fbox3 .stit h2{ font-size:50px;}
.fbox3 .sbox .snr .tt{ padding-bottom:30px;}
.fbox3 .sbox .snr .tt h3{ font-size:38px;}

}

@media (max-width:768px) {
.htit{ padding-top:40px;}
.hbox1,.hbox2,.hbox5{ padding-bottom:50px;}
.hbox2 dl{ width:48.7%;}
.hbox2 dl:nth-of-type(3n){ margin-right:2.6%;}
.hbox2 dl:nth-of-type(even){ margin-right:0;}
.hbox2 dl dt img{ width:80px; height:80px;}
.hbox2 dl dd{ padding-top:15px;}
.hbox2 dl dd h4{ font-size:20px;}
.hbox4{ padding-top:40px; padding-bottom:50px;}
.hbox3 dl{ width:23.5%;}
.hbox3 dl:nth-of-type(6n){ margin-right:2%;}
.hbox3 dl:nth-of-type(4n){ margin-right:0}
.hbox3 dl dt a,.hbox5 .zbt .t2{ font-size:14px;}
.hbox3 dl dt p,.hbox5 .zbt dl dt{ font-size:16px;}
.hbox5 .zbt .t1{ font-size:20px;}
.hbox6{ padding-top:5px; padding-bottom:50px;}
.hbox6 .ylt{ width:100%; margin-right:0; margin-top:60px;}
.hbox7{ padding-top:40px;}
.hbox7 .txt{ width:100%; text-align:center}
.hbox7 .txt .ft{ background-position:center bottom}
.hbox7 .img{ width:100%; padding-top:30px;-webkit-box-ordinal-group:2!important;-ms-flex-order:2!important;order:2!important;}
.hbox8{ padding-top:25px; padding-bottom:50px;}
.fnav{ padding-bottom:25px;}
.fcpy{ padding:18px 0 22px;}
.nbanner .box{ height:200px;}
.nbanner .tt{ font-size:28px;}
.nrbox{ padding-top:30px;}
.xlist ul li{ width:100%;}
.khbox{ padding-top:10px;}
.lxbox{ padding-top:20px; padding-bottom:30px;}
.lxbox dl{ padding:16px;}
.lxbox dl dt{ font-size:16px; line-height:32px; padding-bottom:7px;}
.lxbox dl dd{ font-size:15px;}
.lxbox dl dd.t4 a{ padding:7px 15px}
.contact-map{ padding-bottom:45px;}
.ntit{ padding-top:40px;}
.ntit h2{ font-size:25px; line-height:40px;}
.fbox1{ padding-top:15px;}
.fbox2{ padding-bottom:15px;}
.fbox2 dl{ width:49%; padding:35px 15px;}
.fbox2 dl:nth-of-type(3n){ margin-right:2%}
.fbox2 dl:nth-of-type(even){ margin-right:0}
.fbox3{ margin-top:30px; border-radius:15px 15px 0 0;}
.fbox3 .sbox{ padding:25px 16px;}
.fbox3 .sbox .snr{ padding:20px;}
.fbox3 .sbox .snr-n{ padding:20px 0 40px}
.fbox3 .sbox .snr-n .im{ width:100%;-webkit-box-ordinal-group:2!important;-ms-flex-order:2!important;order:2!important;}
.fbox3 .sbox .snr-n .nr{ width:100%;}
.fbox3 .sbox .snr-n .im img{ max-width:70%;}
.fbox3 .sbox .snr-n .nr{ text-align:center; font-size:26px; padding-bottom:30px;}
.fbox3 .stit{ padding-top:35px}
.fbox3 .stit h2{ font-size:46px; letter-spacing:6px;}
.fbox3 .sbox .snr .tt{ padding:30px 0 20px}
.fbox3 .sbox .snr .tt h3{ font-size:35px; border-bottom-width:5px; padding-bottom:15px;}

}

@media (max-width:640px) {
.hbox4 a{ width:36%; padding:0; text-align:center}
.hbox4 a.tl{ width:52%; padding:0; background-position:15% center; box-sizing:border-box; padding-left:15px;}
.about{ padding-top:30px; padding-bottom:50px;}
.about .lft .tt{ font-size:24px;}
.xwbox{ padding-top:10px;}
.xwbox dl{ padding:20px 0}
.xwbox dl dd a{ font-size:18px;}
.xwbox dl dd p.t2{ font-size:13px; padding-top:6px;}
.next_fy{ padding-top:30px; padding-bottom:40px;}
.next_fy a{ height:30px; line-height:30px; padding:0 10px;}
.b80{ padding-bottom:45px;}
.nrtit h1{ font-size:20px; line-height:36px;}
.nrbox{ padding-left:15px; padding-right:15px;}
.weizhi{ font-size:14px; line-height:26px;}
.fbanner .box{ min-height:360px;}
.fbanner .nr{ width:70%;}
.fbanner .nr .tt{ font-size:25px;}
.fbanner .nr p{ font-size:15px; line-height:27px; padding-top:7px;}
.fbanner .nr a{ font-size:16px; line-height:42px; padding:0 35px; margin-top:20px;}
.nnav ul li{ height:52px; line-height:52px;}
.nnav ul li a{ font-size:15px;}
.nnav ul li{ width:25%;}
.fbox3 .sbox .snr-n .nr{ font-size:24px;}
.fbox3 .sbox .snr-n .im img{ max-width:75%}
.fbox3 .stit h2{ font-size:44px; letter-spacing:6px;}
.fbox3 .sbox .snr .tt h3{ font-size:32px;}
.ttab .tab{width:76%;padding:20px 15px;}
.ttab .nr,.ttab .im dl dd{ font-size:14px; line-height:24px;}
.ttab .im dl:nth-of-type(1){margin-right:4%}

}

@media (max-width:440px) {
body{ padding-top:70px;}
.header{ padding:10px 3%}
.header .logo img{ height:50px;}
.header .menu{ width:26px;}
.mnav{top:70px;}
.mnav ul{ padding:5px 15px 15px}
.mnav ul li a{ font-size:15px;}
.swiperb .swiper-bprev,.swiperb .swiper-bnext{ width:30px; height:30px}
.hbox1 dl dt{ padding:20px 10px;}
.hbox1 dl dt span{ font-size:44px; height:46px; line-height:46px;}
.hbox1 dl dt p{ font-size:17px; line-height:27px;}
.hbox1 dl dd{ padding:15px 10px; font-size:14px}
.htit{ padding-top:30px;}
.htit h2{ font-size:22px;}
.htit p{ font-size:14px; padding-top:5px;}
.hbox1,.hbox2,.hbox5{ padding-bottom:35px;}
.hbox2{ padding-top:10px;}
.hbox2 dl{ padding:25px 10px;}
.hbox2 dl dt img{ width:60px; height:60px;}
.hbox2 dl dd{ padding-top:12px;}
.hbox2 dl dd h4{ font-size:18px; line-height:32px;}
.hbox2 dl dd p{ font-size:14px; line-height:24px}
.hbox3 dl{ width:32%;}
.hbox3 dl:nth-of-type(4n){ margin-right:2%}
.hbox3 dl:nth-of-type(3n){ margin-right:0}
.hbox3 dl dt a{ max-width:100%;}
.hbox3 dl dt p{ line-height:24px;}
.hbox4{ padding-top:30px; padding-bottom:35px;}
.hbox4 a{ font-size:14px; line-height:34px;}
.hbox4 a.tl{ background-size:15px auto; background-position:10% center}
.hbox5 .zbt{ width:100%;}
.hbox5 .zbt2{ margin-left:0; margin-top:20px;}
.hbox6{ padding-bottom:40px;}
.hbox6 .ylt{ margin-top:55px;}
.hbox7{ padding-top:30px; padding-bottom:40px;}
.hbox7 .txt .tt{ font-size:22px;}
.hbox7 .txt .ft{ padding:8px 0 13px; background-size:auto 3px;}
.hbox7 .txt .wz{ font-size:14px; line-height:28px;}
.hbox7 .txt .bt{ padding-top:16px;}
.hbox8{ padding-top:20px; padding-bottom:35px;}
.hbox8 .zuo dl dd{ padding:14px 15px 16px}
.hbox8 .zuo dl dd span{ position:static; display:none}
.hbox8 .zuo dl dd a{ font-size:17px;}
.hbox8 .you dl dt{ display:none}
.hbox8 .you dl dd{ width:100%; padding-left:0}
.hbox8 .you dl dd a{ font-size:17px;}
.nbanner .box{ height:160px;}
.nbanner .tt{ font-size:24px; padding-bottom:10px;}
.about{ padding-top:25px; padding-bottom:35px;}
.about .lft{ font-size:15px; line-height:31px;}
.about .lft .tt{ font-size:22px; padding:5px 0}
.xwbox dl dt{ width:100%; height:auto}
.xwbox dl dd{ width:100%; padding-left:0; padding-top:12px;}
.nrbox{ padding-top:25px;}
.nrtit h1{ font-size:18px; line-height:32px;}
.nrtim{ font-size:13px; padding-bottom:14px;}
.nrtxt{ padding:15px 0; font-size:15px; line-height:31px;}
.xtit{ padding-top:35px; height:50px; line-height:50px;}
.xtit h2{ font-size:20px;}
.xlist{ padding-top:15px;}
.xlist ul li{ font-size:15px; height:37px; line-height:37px;}
.khbox .klist{ width:100%; margin-right:0 !important}
.lxbox dl{ width:100%; margin-right:0 !important}
.fbanner .box{ min-height:280px;}
.fbanner .nr{ width:100%;}
.fbanner .nr .tt{ font-size:22px;}
.fbanner .nr p{ font-size:14px; line-height:26px;}
.fbanner .nr a{ margin-top:15px; font-size:14px; line-height:36px; padding:0 30px;}
.ntit{ padding-top:35px;}
.ntit h2{ font-size:22px; line-height:36px;}
.nnav ul li{ height:50px; line-height:50px;}
.fbox1{ padding-top:10px; font-size:15px; line-height:31px;}
.fbox2{ padding-bottom:10px;}
.fbox2 dl{ padding:30px 15px;}
.fbox2 dl dd h3{ font-size:18px; line-height:1.75;}
.fbox2 dl dd p{ font-size:14px; padding-top:8px;}
.fbox3{ margin-top:25px;}
.fbox3 .sbox{ padding:20px 10px}
.fbox3 .sbox .snr{ padding:15px;}
.fbox3 .sbox .snr-n{ padding:15px 0 30px}
.fbox3 .sbox .snr-n .nr{ font-size:20px;}
.fbox3 .sbox .snr-n .im img{ max-width:80%}
.fbox3 .stit{ padding-top:25px;}
.fbox3 .stit h2{ font-size:36px; letter-spacing:4px;}
.fbox3 .sbox .snr .tt{ padding:20px 0 15px}
.fbox3 .sbox .snr .tt h3{ font-size:25px; padding-bottom:10px; border-bottom-width:3px; padding-left:10px; padding-right:10px;}
.ttab .im,.ttab .im dl dd{padding-top:5px}
.ttab .im dl{ max-width:45%;}

}

@media (max-width:375px) {
.hbox1 dl dt span{ font-size:36px; height:40px; line-height:40px;}
.htit h2,.hbox7 .txt .tt{ font-size:20px;}
.nbanner .box{ height:140px;}
.nbanner .tt{ font-size:22px;}
.about .lft .tt{ font-size:20px;}
.fbox3 .stit{ padding-top:20px;}
.fbox3 .stit h2{ font-size:32px; letter-spacing:2px;}
.fbox3 .sbox .snr .tt h3{ font-size:22px; letter-spacing:2px;}

}
















