@charset "utf-8"; 
html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: rgba(0,0,0,0)}
body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center, textarea,dl, dt, dd, ol, ul, li,fieldset, form, label, legend, caption,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
body { font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; font-variant: tabular-nums; line-height: 1.5715; font-family: inherit; background-color: #fff; font-feature-settings: "tnum","tnum"; font-size: 12px; line-height: 1.6; }
ol, ul { list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none;}
table { border-collapse: collapse; border-spacing: 0; }
input,select,textarea { outline: none; border: none; background: none;}
a { text-decoration: none }
.fr { float: right; }
.fl { float: left; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size: 0;}
.clearfix { *zoom: 1; }  
a { color: #999;}
.clr{ clear:both;}
.r{ margin-right:0 !important;}
.mti10{margin-top: 10px!important;}
.mti20{margin-top: 20px!important;}
.mti25{margin-top: 25px!important;}
.mti15{margin-top: 15px!important;}
.mi0{ margin: 0 auto!important;}
.mib5{margin-bottom:5px!important;}
.pt20pb20 { padding: 20px 0;}
.bb1d { border-bottom: 1px dashed #bfbfbf;}
.hi5 { height: 5px;}
.hi10 { height: 10px;}
.hi15 { height: 15px;}
.hi20 { height: 20px;}
.hi30 { height: 30px;}

.hi50 { height: 50px;}
.clear{ margin:0px; padding:0px; height:0px; width:0px; line-height:0px; clear:both;}
.enDaXie { text-transform: uppercase;}
.w1280 { width:1280px; margin:0 auto;overflow: hidden;clear: both;}
.w100 { width: 100%; margin: 0 auto; overflow: hidden; clear: both; background-position: center; background-repeat: no-repeat; position: relative;}
.w1200 { width:1200px; margin:0 auto;overflow: hidden;clear: both;}
.w1360 { width:1360px; margin:0 auto;overflow: hidden;clear: both;}
.innerTT { width: 100%; margin: 0 auto; overflow: hidden; clear: both; padding: 30px 0; line-height: 50px; color: #010101; text-align: center; font-size: 48px; font-weight: 200;}

.indexbanner { width: 100%; margin: 0 auto; clear: both; position: relative;}
.innerbanner { width: 100%; margin: 0 auto; clear: both; position: relative; overflow:hidden;}
.innerbox { width: 100%; margin: 0 auto; overflow: hidden; clear: both; background-image: url(/dist/img/innerbg.png); background-position: center top; background-repeat: no-repeat; background-size: 100% auto; }
.nav { width: 100%; height: 96px; margin: 0 auto; overflow: hidden; clear: both;  background-color: #fff;  }
.nav .navCon { width: 1360px; margin: 0 auto; height: 96px; position: relative; }
.logo { float: left; margin-left: 17px; margin-top: 15px; }
.menu { float: right; height: 96px; display: inline-block; }
.menu ul.dropdown li { float: left; height: 96px; margin: 0 16px; padding: 0 6px;}
.menu ul.dropdown li a { display: block; height: 96px; line-height: 96px; font-size: 16px; color: #1A212B; font-weight: 400; letter-spacing: 2px; position:relative; }
.menu ul.dropdown li a::after { content: ""; width: 0; height: 2px; background: #00C0CC; border-radius: 1px; position: absolute; bottom: 12px; left: 50%; transform: translateX(-50%); transition: all .4s; opacity: 0;}
.menu ul.dropdown li.on a::after,.menu ul.dropdown li:hover a::after{ opacity: 1; width: 100%;} 
.fricon { float: right; margin-top: 13px;  margin-right: 16px;}
.fricon a { float: left; padding-left: 24px; position: relative;}
.fricon a em { width: 1px; height: 10px; background-color: rgba(0,0,0,.16); position: absolute; left: 10px; top: 10px;  }
.fricon i { color: #555; font-size: 20px;}
.fricon a.mfsj { width: 100px; height: 24px; line-height: 24px; text-align: center; border-radius: 4px; border: 1px solid #555; color: #555; font-size: 12px; margin-left: 24px; padding-left: 0; font-weight: 600; transition: all .4s; cursor: pointer;}
.fricon a:hover i { color: #000000;}
.fricon a.mfsj:hover { background-color: #000; color: #fff;}

.menu ul.dropdown ul { display: none; position: absolute; top: 50px; left: 0; width: 100%; z-index: 1000; background: #fff; height: 40px; overflow: hidden; }
.menu ul.dropdown ul li { font-weight: normal; height: 40px; line-height: 40px;  float: left; padding: 0 12px;}
.menu ul.dropdown ul li a::after { display: none;}
.menu ul.dropdown ul li a { display: block; color: #555;  height: 40px; line-height: 40px; font-size: 12px; }


.indexbanner .swiper-container{ width: 100%; margin: 0 auto; overflow: hidden; clear: both; }
.indexbanner .swiper-pagination-bullet{ width:18px; height:5px; border-radius:0; background:#fff;opacity: .5; }
.indexbanner .swiper-pagination-bullet-active{ background:#fff;opacity: 1; width: 30px;}
.indexbanner .swiper-container-horizontal>.swiper-pagination-bullets,.indexbanner .swiper-pagination-custom,.indexbanner .swiper-pagination-fraction{ margin-bottom:55px;}
.indexbanner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px;}

.indexlan { width: 1326px; height:214px;position: absolute; left:50%; margin-left:-663px; bottom:-140px; z-index: 88; background-image: url(../img/index_lanbg.png); background-repeat: no-repeat;}
.indexlan ul { width: 1200px; height:120px; margin-left:65px; margin-top:20px}
.indexlan ul li { float: left; width: 300px; height:52px; line-height: 52px; margin-top: 35px; text-align: center; position: relative; font-size:18px; color:#212A4E; }
.indexlan ul li img { position: absolute; top:0; left:50px}
.indexlan ul li a { color:#212A4E; }
.indexlan ul li:hover a { color:#00C0CC; }

.index_part01 { width: 100%; height: 700px; margin: 0 auto; overflow: hidden; clear: both; background-color:#FAFAFB;}
.index_part01 .box { float: left; width: 16.666%; height: 700px; overflow: hidden; }
.index_part01 .box .item { width: 100%;height: 700px;  position: relative; }
.index_part01 .box .item::before { width: 1px; height:700px; background-color:#ECECEC; content:''; position: absolute; top:0; right:0; }
.index_part01 .box .item i { width: 100px; height:100px; background-image: url(../img/index_cate01.png); background-repeat: no-repeat; display: block;  position: absolute; top:190px; left:30px;}
.index_part01 .box .item h4 { display: block;  position: absolute; top:300px; left:45px; color:#2E3845; font-size:24px; }
.index_part01 .box .item p { display: block;  position: absolute; top:350px; left:45px; color:#727C8A; font-size:14px; text-transform: uppercase;}
.index_part01 .box:nth-child(2) .item i { background-image: url(../img/index_cate02.png);}
.index_part01 .box:nth-child(3) .item i { background-image: url(../img/index_cate03.png);}
.index_part01 .box:nth-child(4) .item i { background-image: url(../img/index_cate04.png);}
.index_part01 .box:nth-child(5) .item i { background-image: url(../img/index_cate05.png);}
.index_part01 .box:nth-child(6) .item i { background-image: url(../img/index_cate06.png);}
.index_part01 .box:hover:nth-child(1) .item i { background-image: url(../img/index_cate01s.png);}
.index_part01 .box:hover:nth-child(2) .item i { background-image: url(../img/index_cate02s.png);}
.index_part01 .box:hover:nth-child(3) .item i { background-image: url(../img/index_cate03s.png);}
.index_part01 .box:hover:nth-child(4) .item i { background-image: url(../img/index_cate04s.png);}
.index_part01 .box:hover:nth-child(5) .item i { background-image: url(../img/index_cate05s.png);}
.index_part01 .box:hover:nth-child(6) .item i { background-image: url(../img/index_cate06s.png);}
.index_part01 .box .item em { width: 64px; height: 64px; position: absolute; left:45px; bottom: 80px; background-image: url(../img/index_part01_arrow.png); background-repeat: no-repeat; z-index: 99; background-size: 100% 100%; display: block;}
.index_part01 .box:hover { background-color: #00C0CC;}
.index_part01 .box:hover .item h4,.index_part01 .box:hover .item p { color: #fff;}
.index_part01 .box:hover .item em { background-image: url(../img/index_part01_arrow_on.png);}

.index_part02 { width: 1360px; height: 650px; margin: 0 auto; overflow: hidden; clear: both; padding:130px 0;}
.index_part02 .swiper-slide { position: relative; width: 1360px; height: 650px; }
.index_part02 .swiper-slide p { width: 1300px; height:128px; line-height: 128px; padding: 0 30px; background-color:rgba(46,46,46,.3); position: absolute; left:0; bottom:0; z-index: 9; color:#fff; font-size:24px; }
.index_part02 .swiper-container>.swiper-button-next, .index_part02 .swiper-container>.swiper-button-prev { width: 66px; height:66px; background-image: url(../img/index_part02_left_gai.png); background-position: center; background-repeat: no-repeat; background-repeat: 100% 100%; top: auto; bottom: 31px; right: 130px;  left: auto; }
.index_part02 .swiper-container>.swiper-button-next::after, .index_part02 .swiper-container>.swiper-button-prev:after { content:'';}
.index_part02 .swiper-container>.swiper-button-next {background-image: url(../img/index_part02_right_gai.png);  right: 50px; }

.index_part03 { width: 100%; height: 800px; margin: 0px auto; overflow: hidden; clear: both;  background-image: url(../img/index_part03bg.jpg); background-position: center; background-repeat: no-repeat;}
.index_part03 .index_part03_word { width: 750px; margin: 0 auto; overflow:hidden; clear:both; margin-top:245px;}
.index_part03 .index_part03_word h3 { width: 100%; text-align: center; color:#fff; font-size: 48px; line-height:100px; font-weight: bold; }
.index_part03 .index_part03_word p { width: 100%; text-align: center; color:#fff; font-size: 18px; line-height:30px; }
.index_part03 .index_part03_word a { width: 202px; margin: 50px auto; height: 66px; font-size: 0; display: block; background-image: url(../img/index_part03btn.png); background-position: center; background-repeat: no-repeat;}
.index_part03 .index_part03_word a:hover { border-radius: 36px; background-color: #00C0CC;}

.index_part04 { width: 100%; height: 740px; margin: 0 auto; overflow: hidden; clear: both; background-image: url(../img/index_part04bg.jpg); background-position: left; background-repeat: no-repeat; background-color: #E2F4FF; }
.index_part04 ul { width: 1216px; margin: 0 auto; overflow: hidden; clear: both; padding-top: 176px;  }
.index_part04 ul li { float: left; width: 284px; margin:0px 10px }
.index_part04 ul li .img { width: 284px; height:194px; overflow:hidden; }
.index_part04 ul li .img img { float: left; width: 284px; height:194px; transition: 500ms;}
.index_part04 ul li:hover .img img{transform:scale(1.1); }
.index_part04 ul li .word { width: 284px; height:94px; position: relative; background-color:#fff; padding-top:100px}
.index_part04 ul li .word h3 { padding:0 24px; line-height: 35px; color: #2E3845; font-size: 20px; }
.index_part04 ul li .word p { padding:0 24px; line-height: 24px; color: #7A7F85; font-size: 14px; }
.index_part04 ul li .word i { width: 38px; height:38px; background-image: url(../img/index_part04right.png); background-position: center; background-repeat: no-repeat; position: absolute; right: 24px; bottom: 48px; display: none; }
.index_part04 ul li:hover .word { background-color: #00C0CC;}
.index_part04 ul li:hover .word h3,.index_part04 ul li:hover .word p { color:#fff; }
.index_part04 ul li:hover .word i { display: block;}

.index_part05 { width: 100%; height: 700px; margin: 0px auto; overflow: hidden; clear: both; background-image: url(../img/index_part05bg.png); background-position: right; background-repeat: no-repeat; background-color: #F4F8F9; position: relative;}

.index_part06 { width: 100%; height: 850px; margin: 0px auto; overflow: hidden; clear: both; background-image: url(../img/index_part06bg.png); background-position: top center; background-repeat: no-repeat; position: relative;}
.index_part06 .index_part06_word { width: 950px; margin: 0 auto; overflow:hidden; clear:both; margin-top:170px;}
.index_part06 .index_part06_word h3 { width: 100%; text-align: center; color:#2E3845; font-size: 60px; line-height:100px; font-weight: bold; text-transform: uppercase;}
.index_part06 .index_part06_word p { width: 100%; text-align: center; color:#2E3845; font-size: 36px; line-height:50px; }
.index_part06 .index_part06_word a { width: 220px; margin: 50px auto; height: 72px; line-height: 72px; text-align: center; font-size: 18px; display: block;border-radius: 36px; border: 2px solid #00C0CC; background-color: #00C0CC; color:#fff;}
.index_part06 .index_part06_word a:hover { background-color:transparent; color:#00c0cc; }
.index_part06 .index_part06_word ul { width: 100%; overflow:hidden; padding-top:50px;}
.index_part06 .index_part06_word ul li { float: left; width: 350px; height:200px; background-color:#E0EAED; padding: 25px 50px; }
.index_part06 .index_part06_word ul li:nth-child(2) { float: right; background-color: #EAECFB;}
.index_part06 .index_part06_word ul li h4 { width: 100%; text-align: left; color:#2E3845; font-size: 22px; line-height:33px; font-weight: bold; text-transform: uppercase; display: block; margin-bottom:15px;}
.index_part06 .index_part06_word ul li p { width: 100%; text-align: left; color:#2E3845; font-size: 18px; line-height:24px; }
.index_part06 .index_part06_word ul li i { width: 52px; height:52px; display:block; background-image: url(../img/index_part06_icon01.png); background-position: center; background-repeat: no-repeat; margin: 30px 0 20px;}
.index_part06 .index_part06_word ul li:nth-child(2) i { background-image: url(../img/index_part06_icon02.png);}
.index_part06 .index_part06_word ul li:hover { background-color: #00C0CC;}
.index_part06 .index_part06_word ul li:hover h4,.index_part06 .index_part06_word ul li:hover p { color: #fff;}

.about_part01 { width: 100%; height: 629px; margin: 0 auto; clear: both; padding: 100px 0; position: relative; background-image: url(../img/about_01bg.jpg); background-position: center; background-repeat: no-repeat; }
.about_part01 .about_part01_fl { float: left; width: 650px; overflow:hidden; }
.about_part01 .about_part01_fl h1 { font-size: 32px; line-height: 45px; text-align: left; color: #00c0cc; margin-bottom: 20px;}
.about_part01 .about_part01_fl p { line-height: 32px; text-indent: 2em; font-size: 14px; color: #6E6E70; text-align: left; margin-bottom:15px;}

.ser_part01 { width: 100%; margin: 0 auto; overflow: hidden; clear: both; padding: 100px 0; background-color: #EEF4F6; }
.ser_part01 .ser_part01_fl { float: left; width: 674px;}
.ser_part01 .ser_part01_fr { float: right; width: 406px; height:298px; background-color:#fff; padding: 50px 60px; }
.ser_part01 .ser_part01_fr h3 { font-size: 30px; line-height: 45px; color: #2E3845; margin-bottom: 20px; font-weight:bold;}
.ser_part01 .ser_part01_fr p { line-height: 30px; font-size: 16px; color: #727C8A; }
.ser_part01 .ser_part01_fr h4 { font-size: 24px; height: 42px; line-height: 42px; color: #2E3845; margin-bottom: 20px; margin-top:20px; font-weight:bold;}
.ser_part01 .ser_part01_fr h4 img { float: left; margin-right:15px;}
.ser_part01 .about_part01_word { width: 100%; overflow:hidden; padding-top: 50px;color: #2E3845; font-size: 24px; line-height: 50px; font-weight: bold; }
.ser_part01 .about_part01_word span { color: #00C0CC; font-size:36px; padding-right: 30px;line-height: 50px; height: 50px; float: left; }

.ser_part02 { width: 100%; margin: 0 auto; overflow: hidden; clear: both; padding: 50px 0; }
.ser_part02 .title { width: 100%; line-height:42px; text-align:center; color:#2E3845; font-size:30px; font-weight: bold;}
.ser_part02 ul { width: 1260px; padding-top:50px}
.ser_part02 ul li { float: left; width: 360px; height: 210px; margin-right: 60px; background-color: #00C0CC; position: relative; padding-top: 70px; text-align: center; }
.ser_part02 ul li h3 { font-size: 30px; line-height: 45px; color: #fff; margin-bottom: 20px;}
.ser_part02 ul li p { font-size: 16px; line-height: 30px; color: #fff; margin-bottom: 20px;}

.ser_part03 { width: 100%; margin: 0 auto; overflow: hidden; clear: both; padding: 50px 0; background-color: #EEF4F6; }
.ser_part03 .title { width: 100%; line-height:42px; text-align:center; color:#2E3845; font-size:30px; font-weight: bold; }
.ser_part03 ul { width: 1230px; padding-top:50px}
.ser_part03 ul li { float: left; width: 380px; height: 150px; margin-right: 30px; margin-bottom: 30px; background-color: #fff; position: relative; padding-top: 40px;}
.ser_part03 ul li h3 { font-size: 20px; line-height: 45px; color: #2E3845; padding:0 25px;}
.ser_part03 ul li p { font-size: 14px; line-height: 24px; color: #2E3845; padding:0 25px; }
.ser_part03 ul li em { color: #00C0CC; font-size:48px; font-weight: bold; position: absolute; top: 0px; right: 20px; font-style: normal; }
.ser_part03 ul li:hover { background-color: #00C0CC;}
.ser_part03 ul li:hover h3,.ser_part03 ul li:hover p,.ser_part03 ul li:hover em { color: #fff;}

.ser_part04 { width: 100%; margin: 0 auto; overflow: hidden; clear: both; padding: 50px 0; }
.ser_part04 .title { width: 100%; line-height:42px; text-align:center; color:#2E3845; font-size:30px; font-weight: bold;}
.ser_part04 ul { width: 1230px; padding-top:50px}
.ser_part04 ul li { float: left; width: 380px; height: 348px; margin-right: 30px; background-color: #00C0CC; position: relative; }
.ser_part04 ul li img { float: left; width: 100%; margin-bottom:17px;}
.ser_part04 ul li h3 { font-size: 20px; line-height: 45px; color: #fff; padding:0px 25px;}
.ser_part04 ul li p { font-size: 14px; line-height: 20px; color: #fff; padding:0 25px;}
.ser_part04 dl { width: 1240px; padding-top:80px; overflow:hidden; }
.ser_part04 dl dd { float: left; width: 270px; margin-right:40px;}
.ser_part04 dl dd img { width: 100%;}

.job_part01 { width: 100%; margin: 0 auto; overflow: hidden; clear: both; padding: 50px 0; }
.job_part01 h3 { width: 100%; line-height:70px; text-align:center; color:#00c0cc; font-size: 60px; font-weight: bold; text-transform: uppercase; margin-bottom:20px;}
.job_part01 h4 { width: 100%; line-height:40px; text-align:center; color:#2E3845; font-size: 30px; font-weight: bold;  margin-bottom:40px ;}
.job_part01 p { width: 100%; line-height:30px; text-align:center; color:#727C8A; font-size: 16px;  margin-bottom:30px ; }


.job_part02 { width: 100%; height: 650px; margin: 0 auto; overflow: hidden; clear: both;  background-image: url(../img/job_02.jpg); background-repeat: no-repeat; background-position: center; }
.job_part02 p { width: 100%; text-align:center; font-size:16px; line-height:32px; color:#fff; padding-top:130px; }
.job_part02 em { width: 138px; height:4px; margin: 20px auto; background-color:#00C0CC; display: block; }
.job_part02 h3 { width: 100%; text-align:center; font-size:36px; line-height:80px; color:#fff; font-weight: bold; }


.job_part03 { width: 100%; margin: 0 auto; overflow: hidden; clear: both;  background-image: url(../img/job_03.jpg); background-repeat: no-repeat; background-position: top center; padding: 100px 0; }
.job_part03 .title { width: 100%; overflow:hidden; clear:both; }
.job_part03 .title h3 { width: 100%; line-height:70px; text-align:center; color:#00c0cc; font-size: 60px; font-weight: bold; text-transform: uppercase; margin-bottom:20px;}
.job_part03 .title h4 { width: 100%; line-height:40px; text-align:center; color:#2E3845; font-size: 30px; font-weight: bold;  margin-bottom:40px ;}
.job_part03 .w1360 { position: relative;}
.job_part03 .mySwiper { width: 1200px; margin: 50px auto 150px; position: relative;}
.job_part03 .mySwiper .swiper-slide { position: relative; background-color:#fff; }
.job_part03 .mySwiper .swiper-slide .item { padding: 30px;}
.job_part03 .mySwiper .swiper-slide .item h3 { line-height: 30px; color:#2E3845; font-size:20px; margin-bottom: 10px; }
.job_part03 .mySwiper .swiper-slide .item p { line-height: 30px; color:#727C8A; font-size:16px; }
.job_part03 .mySwiper .swiper-slide:hover { background-color: #00C0CC;}
.job_part03 .mySwiper .swiper-slide:hover .item h3,.job_part03 .mySwiper .swiper-slide:hover .item p { color: #fff;}
.job_part03 .swiper-button-next, .job_part03 .swiper-button-prev { width: 40px; height:40px; background-image: url(/dist/img/job_leftbtn.png); background-position: center; background-repeat: no-repeat; z-index: 20; left: 0px; right: auto; position: absolute; top: 160px;}
.job_part03 .swiper-button-next::after, .job_part03 .swiper-button-prev:after { content:'';}
.job_part03 .swiper-button-next {background-image: url(/dist/img/job_rightbtn.png); z-index: 20; right: 0px; left: auto; }



.job_part03 .jobform { width: 1200px; margin: 0 auto; overflow:hidden; }
.job_part03 .jobform ul { width: 1230px; clear:both; overflow: hidden; margin-bottom: 50px; }
.job_part03 .jobform ul li { float: left; width: 380px; height: 35px; line-height: 35px; margin-right: 30px;  margin-bottom: 25px; }
.job_part03 .jobform ul li label { float: left; width: 100px; color: #2E3845; font-size: 18px; }
.job_part03 .jobform ul li input { float: right; width: 240px; height:33px; padding:0 10px; border:1px solid #D2DDE0; border-radius: 4px; }
.job_part03 .jobform ul li span { color: red;}
.job_part03 .jobform ul li textarea {float: right; width: 1058px; height:120px; padding:10px; border:1px solid #D2DDE0; border-radius: 4px; }
.job_part03 .jobform a.okbtn { width: 220px; margin: 0 auto; border-radius: 36px; height:72px; line-height:72px; text-align:center; background-color:#00C0CC; display: block; color:#fff; font-size:20px;}

.fixjoinbox { width: 442px; height: 580px; position: absolute; left: 5%; top: 50%; margin-top: -265px; z-index: 99;}
.fixjoinbox .fixjoinbox_head { width: 382px; height: 60px; background-image: url(../img/join_01.png); background-repeat: no-repeat; padding: 35px 30px;}
.fixjoinbox .fixjoinbox_head h3 { font-size: 28px; line-height: 40px; margin-bottom: 6px;}
.fixjoinbox .fixjoinbox_head p { font-size: 14px; line-height: 20px;}
.fixjoinbox .fixjoinbox_form { width: 382px; height: 404px; background-color: #fff; border-bottom-left-radius: 14px;  border-bottom-right-radius: 14px; padding:20px 30px ;}
.fixjoinbox .fixjoinbox_form ul li { float: left; width: 380px; height: 50px; border: 1px solid #C2C2C2; position: relative; margin-bottom: 16px; border-radius: 4px;}
.fixjoinbox .fixjoinbox_form ul li i { position: absolute; left: 10px; font-size: 24px; color: #B2B2B2; top: 5px;}
.fixjoinbox .fixjoinbox_form ul li input { width: 325px; height: 40px; position: absolute; top: 5px; right: 10px; background: transparent; font-size: 16px;}
.fixjoinbox .fixjoinbox_form ul li textarea { width: 325px; height: 110px; position: absolute; top: 10px; right: 10px; background: transparent; font-size: 16px;}
.fixjoinbox .fixjoinbox_form ul a.okbtn { width: 340px; height: 50px; line-height: 50px; text-align: center; background-color: #D8D8D8; color:#fff; font-size: 16px; float: left; margin-left: 21px; border-radius: 4px; } 
.fixjoinbox .fixjoinbox_form ul a.okbtn:hover { background-color: #F79F65;}

.join_cateList { width: 1200px; margin: 0 auto; overflow: hidden; clear: both;}
.join_cateList ul { width: 1250px; overflow: hidden; padding: 100px 0;}
.join_cateList ul li { float: left; width: 575px; overflow: hidden; margin-right: 50px; margin-bottom: 50px;}
.join_cateList ul li .img { float: left; width: 575px; height: 300px; overflow: hidden; }
.join_cateList ul li .img img { float: left; width: 100%; transition: 500ms;}
.join_cateList ul li:hover .img img{transform:scale(1.1); }
.join_cateList ul li .txt { float: left; width: 515px; height: 80px; background-color: #F79F65; position: relative; padding: 30px;}
.join_cateList ul li .txt h3 { font-size: 32px; line-height: 40px; color: #000;}
.join_cateList ul li .txt p { font-size: 24px; line-height: 40px; color: rgba(0,0,0,0.45);}
.join_cateList ul li .txt a { width: 96px; height: 60px; line-height: 60px;  border: 1px solid #fff; border-radius: 33px; text-align: center;  position: absolute; right: 30px; top: 40px; color: #fff; display: block; opacity: .8; }
.join_cateList ul li .txt a i { font-size: 36px;}
.join_cateList ul li .txt a i::before { padding: 0; margin: 0;}
.join_cateList ul li .txt a:hover { width: 110px;}
.join_cateList ul li:nth-child(2) .txt { background-color: #D9DEE1; }
.join_cateList ul li:nth-child(3) .txt { background-color: #C4D4DF; }
.join_cateList ul li:nth-child(4) .txt { background-color: #C8E0C9; }


.footlan { width: 100%; margin: 0 auto; overflow: hidden; clear: both; height: 100px; line-height: 100px; background-color: #CB0028; }
.footlan ul li { float: left; width: 25%; color: #fff; font-size: 20px; }
.footlan ul li i { font-size: 32px; margin-right: 10px; float: left; margin-left: 35%;}
.footlan ul li a { color: #fff;}
.footlan ul li:hover { background-color: #fff;}
.footlan ul li:hover a { color: #CB0028;}


.foot { background:#00C0CC; overflow:hidden; padding:50px 0 0; color:#E3FFFF}
.foot .w1360 { overflow:hidden;}
.foot .fotmenu{ overflow:hidden; float:left; margin-left:30px;}
.foot .fotmenu dl{ margin-left:60px; float:left;}
.foot .fotmenu dl dt{ font-size:16px; margin-bottom:20px;}
.foot .fotmenu dl dd a{ color:#B2EDEE; font-size:13px; margin-bottom:10px; display:block;}
.foot .footbot{ overflow:hidden; margin-top:60px; color:#B2EDEE; width: 100%; text-align: center;}
.foot .footbot a {color:#B2EDEE;}
.foot .footbot .w1360{ border-top:1px solid #55cdcf; padding: 8px 0; line-height:43px; font-size: 14px;}
.foot .footbot .bot_logo{ margin:0 auto; display:block; height:45px; width:216px; position:absolute; left:50%; margin-left:-108px;}
.foot a:hover{ color:#fff !important}
.foot .footewm li { float: right; margin-left: 20px; list-style: none; }
.foot .footewm li p { width: 100%; text-align: center; line-height: 40px; color: #9E9E9E;}
.foot .foottel { float: left; text-align: left;}
.foot .foottel p { font-size: 20px; line-height: 35px; color:#B2EDEE clear: both;}
.foot .foottel h3 { font-size: 28px; line-height: 50px; color:#FFF; font-weight: bold;}
.foot .footicon { text-align: right; clear: both; padding-top: 15px;}
.foot .footicon ul { clear: both; float: right;}
.foot .footicon ul li { float: left; width: 34px; height: 34px; margin-right: 15px; background-size: 100% 100%; background-repeat: no-repeat; font-size: 0; position: relative;}
.foot .footicon ul li:nth-child(1) { background-image: url(../img/foot_icon01s.png);}
.foot .footicon ul li:nth-child(2) { background-image: url(../img/foot_icon02s.png);}
.foot .footicon ul li:nth-child(3) { background-image: url(../img/foot_icon03s.png);}
.foot .footicon ul li:nth-child(4) { background-image: url(../img/foot_icon04s.png); margin-right: 0px;}
.foot .footicon ul li:nth-child(1):hover { background-image: url(/dist/img/foot_icon01.png);}
.foot .footicon ul li:nth-child(2):hover { background-image: url(/dist/img/foot_icon02.png);}
.foot .footicon ul li:nth-child(3):hover { background-image: url(/dist/img/foot_icon03.png);}
.foot .footicon ul li:nth-child(4):hover { background-image: url(/dist/img/foot_icon04.png); margin-right: 0px;} 
.foot .footicon ul li img { display: none; position: absolute; right: 0; bottom: 0; z-index: 3; width: 180px;}
.foot .footicon ul li:hover img { display: block;}

.boter{ width: 100%; height:50px; line-height:50px;  color:#fff; font-size:14px; border-top:1px solid rgba(255, 255, 255, 0.19); clear: both; overflow: hidden; opacity: .6; }
.boter span { float: right;}
.boter a,.boter img { padding: 0 5px;}

.listPage { width: 100%; overflow: hidden; clear: both; padding: 0 0 80px;}
.pagination-container { display: flex; margin: 0 auto; overflow: hidden; clear: both;}
.pagination{display:block;margin:0px auto;border-radius:4px;}.pagination>li{display:inline; margin-right: 7px; float: left;}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 20px;margin-left:-1px;line-height:30px;color:#9a9a9a;text-decoration:none;background-color:#eeeeee;border:1px solid #eeeeee; font-size:18px;border-radius:4px;}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{color:#fff;background-color:#00C0CC;border-color:#00C0CC}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:2;color:#fff;cursor:default;background-color:#00C0CC;border-color:#00C0CC}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#9a9a9a;cursor:not-allowed;background-color:#eeeeee;border-color:#eeeeee}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#eeeeee;border:1px solid #eeeeee;border-radius:15px}.pager li>a:focus,.pager li>a:hover{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span{color:#9a9a9a;cursor:not-allowed;background-color:#eeeeee}



.float_rz{
    position:fixed;
    right:0;
    bottom:0;
    z-index:99;
}