@charset "UTF-8";
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
body{font:16px "Microsoft YaHei","Arial Narrow"; background: #f5f5f5; -webkit-text-size-adjust:100%; color: #666}
a{color:#333; text-decoration:none}
a:hover{color:#333;text-decoration:none}
em, strong, i {font-weight: normal; font-style:normal}
li{list-style:none}
h3,h4,h5 { font-weight: normal;}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
p{word-wrap:break-word}
input, select, button, textarea {outline: none; font-family: "Microsoft YaHei UI Light"; border: none;}
button,input[type="submit"], input[type="button"] {cursor: pointer;}
.f-l { float: left;}
.f-r { float: right;}
*::-webkit-scrollbar {width: 10px; height: 1px;}
*::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: #4782d0;}
*::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); border-radius: 10px; background: #fff;}
/*--------*/
header {height: 110px; background: #fff; position: relative;}
.top_logo {float: left; margin: 13px 0 0 58px; background: url("../images/top_logo.jpg") no-repeat center; width: 567px; height: 83px}
.search {float: right; width: 140px; height: 110px;}
.search span { display: block; cursor: pointer; width: 140px; height: 110px; background: #4782d0 url("../images/f.png") no-repeat center;}
.search form {display: none; height: 40px; width: 290px; position: absolute; right: 0; top: 110px; z-index: 24}
.search input[type="text"] {width: 230px; height: 40px; box-sizing: border-box; padding: 3px; border: 1px solid #ddd; float: left}
.search input[type="submit"] {width: 60px; height: 40px; background: #4782d0 url("../images/icon.png") no-repeat -41px 9px;}
.navigate {float: right; min-width: 830px; height: 110px;}
.navigate ul > li {float: left; position: relative; line-height: 110px; padding-right: 1px;}
.navigate ul > li > a {display: block; padding: 0 18px; transition: all 0.3s;}
.navigate ul > li > a:after {content: ''; width: 0; position: absolute; left: 50%; bottom: 25px; transition: all 0.3s;}
.navigate ul > li:after {width: 1px; height: 14px; background: #bfbfbf; content: ''; position: absolute; right: 0; top: 48px;}
.navigate ul > li:last-child:after {display: none;}
.navigate ul > li > a:hover, .navigate ul > li > a.current {color: #4782d0; position: relative;}
.navigate ul > li > a:hover:after, .navigate ul > li > a.current:after {width: 54px; height: 2px; background: #4782d0; left: calc(50% - 27px);}
.navigate ul ol {display: none; height: 52px; width: auto; position: absolute; bottom: -52px; z-index: 25}
.navigate ol li {float: left; height: 52px; line-height: 52px;}
.navigate ol li a {display: block; color: #fff; height: 52px; line-height: 52px; padding: 0 20px;}
.navigate ol li a:hover {color: #fff}
.nav_bg {display: none; background: rgba(0,0,0,0.5); height: 52px; width: 100%; position: absolute; left: 0; bottom: -52px; z-index: 24}
.banner {width: 100%; height: auto; position: relative}
.banner ul {height: 695px;}
.banner li {display: none; position: absolute; left: 0; top: 0; width: 100%; height: auto; z-index: 4}
.banner li:first-child {display: block}
.banner li a {width: 1910px; height: 695px; display: block; overflow: hidden; margin: 0 auto}
.banner li img {width: 100%; height: auto; animation: ImgScale 4s linear alternate infinite}
@keyframes ImgScale {
    0% {transform: scale(1)}
    100% {transform: scale(1.05)}
}
.banner p {position: absolute; width: 300px; text-align: center; height: 15px; left: calc(50% - 150px); z-index: 5; bottom: 30px;}
.banner p span {width: 15px; height: 15px; border-radius: 15px; cursor: pointer; background: #4782d0; display: inline-block; margin: 0 12px;}
.banner p span.curr {background: #df0024}
.w1400 {width: 1400px; margin: 0 auto}
.block_wrap {width: 100%; height: auto; padding: 46px 0 42px; background: #fff}
.about {height: 470px;}
.about .text {float: left; width: 760px; height: 470px; box-sizing: border-box; padding: 44px 80px 0 0; background: #fff url("../images/abgout_bg.png") no-repeat 134px 88px; }
.about .text h3 { height: 60px; padding-bottom: 35px; font: bold 40px/60px "Microsoft Yahei"; color: #333; position: relative}
.about .text h3 span {height: 16px; font: normal 14px/16px Arial; color: #666; position: absolute; left: 0;bottom: 20px;}
.about .text p {line-height: 28px; height: 140px; margin-top: 15px; overflow: hidden; font-size: 14px; color: #666; text-indent: 28px;}
.learn_more {margin-top: 20px;}
.learn_more a.lm {height: 44px; line-height: 44px; font-size: 14px; border-bottom: 1px solid #4782d0; color: #333; display: block; width: 104px;}
.learn_more a.lm:after {content: ''; float: right; display: block; background: url("../images/icon.png") no-repeat 0 -159px; margin: 15px 0 0; width: 8px; height: 14px;}
.learn_more ul {height: 56px; padding: 40px 0 10px;}
.learn_more li {float: left; line-height: 56px; margin-right: 30px; position: relative}
.learn_more li a {display: block; background: #f8f8f8; padding: 0 20px 0 56px; transition: all 0.2s}
.learn_more li:before {width: 22px; height: 26px; position: absolute; left: 22px; top: 15px; background: url("../images/icon.png") no-repeat -46px -152px; content: '';}
.learn_more li a:hover {background: #4782d0; color: #fff;}
.video {float: right; width: 608px; height: 470px; box-sizing: border-box; border: 18px solid #f8f8f8;}
.video video {width: 100%; height: 100%; outline: none}
.case {padding: 35px 0; width: 1410px;}
.c-t {height: 82px; line-height: 82px; border-bottom: 1px solid #e5e5e5}
.c-t h3 {float: left; font: bold 24px/82px "Microsoft Yahei"; color: #333;}
.c-t h3 span {font-family: Arial; color: #666; font-weight: normal;}
.c-t ul {float: right; height: 36px; padding: 23px 0; max-width: 850px;}
.c-t li {float: left; margin: 0 10px; height: 36px; line-height: 36px;}
.c-t li a { padding: 0 5px; display: block; color: #666; position: relative;}
.c-t li a:before {width: 0; height: 2px; background: #4782d0; content: ''; position: absolute; left: 10%; bottom: -2px; transition: all 0.3s;}
.c-t li a:hover, .c-t li a.curr {color: #4782d0;}
.c-t li a:hover:before, .c-t li a.curr:before {width: 80%;}
.c-a {float: right; width: 20px; height: 20px; padding-top: 30px; position: relative}
.c-a:before {width: 8px; height: 14px; background: url("../images/icon.png") no-repeat -195px -45px; content: ''; position: absolute; left: 6px; top: 33px;}
.case_con {height: 510px; box-sizing: border-box; margin-top: 40px; position: relative; overflow: hidden;}
.case_con ul {height: 430px; overflow: hidden; position: absolute; left: 0; top: 0; padding: 0 5px 10px;}
.case_con li {float: left; width: 460px; height: 430px; background: #fff; margin-right: 10px; transition: all 0.3s}
.case_con li:last-child {margin-right: 0}
.case_con li a {display: block; height: 430px;}
.case_con li a:hover p {border-color: #4782d0; transition: all 0.3s}
.case_con li a:hover span {color: #4782d0; transition: all 0.3s}
.case_con li img, .case_con li i {width: 460px; height: 340px; overflow: hidden; display: block}
.case_con li img {transition: all 0.3s}
.case_con li p {height: 38px; margin: 9px 20px 40px; border-bottom: 1px solid #e5e5e5; position: relative;}
.case_con li span {float: left; width: 80%; overflow: hidden; height: 38px; line-height: 38px; color: #666;}
.case_con li em {float: right; padding-left: 30px; line-height: 38px; position: relative;}
.case_con li em:before {width: 22px; height: 13px; position: absolute; left: 1px; top: 12px; background: url("../images/icon.png") no-repeat -120px -6px; content: ''}
.case_con li p:before {content: 'See more cases'; position: absolute; left: 0; bottom: -24px; font-size: 14px; color: #666; font-family: Arial;}
.case_con li p:after {content: ''; width: 20px; height: 14px; position: absolute; right: 0; bottom: -24px; background: url("../images/icon.png") no-repeat -180px -10px;}
.case_con li:hover {box-shadow: 0px 5px 5px rgba(152, 152, 152, 0.8);}
.case_con li:hover p:after {animation: hoverLR 0.8s linear infinite; background-position: -232px -8px;}
@keyframes hoverLR {
    0% {right: 0}
    100% {right: 10px}
}
.case_con li:hover img {transform: scale(1.05)}
.case_con .dot, .honor_con p {height: 20px; width: 180px; text-align: center; position: absolute; left: calc(50% - 90px); bottom: 20px;}
.case_con .dot span, .honor_con p span {width: 20px; height: 20px; cursor: pointer; display: inline-block; margin: 0 10px; border-radius: 50%; box-sizing: border-box; border: 1px solid #f5f5f5; position: relative}
.case_con .dot span.curr, .honor_con p span.curr { border-color: #c8c8c8;}
.case_con .dot span:before, .honor_con p span:before {width: 12px; height: 12px; border-radius: 12px; background: #666; position: absolute; left: 3px; top: 3px; content: ''}
.case_con .dot span.curr:before, .honor_con p span.curr:before { background: #4782d0}
.news_con {height: 380px;}
.case_con.sub {height: auto; overflow: unset}
.case_con.sub:after {display: block; clear: both; content: ''}
.case_con.sub li {margin-bottom: 10px}
.case_con.sub li:nth-child(3n) {margin-right: 0}
.top_news {float: left; width: 630px; height: 380px; position: relative}
.top_news ul {position: relative; width: 630px; height: 380px; z-index: 5}
.top_news li {display: none; position: absolute; left: 0; top: 0;}
.top_news li:first-child {display: block;}
.top_news li img {width: 630px; height: 380px;}
.top_news li a {display: block;}
.news_title {width: 100%; position: absolute; left: 0; bottom: 0; height: 40px; z-index: 6; background: rgba(0,0,0,0.66);}
.news_title p{float: left; height: 40px; width: 515px; overflow: hidden; line-height: 40px; padding: 0 20px;}
.news_title p a {color: #fff; display: block}
.news_title span {width: 25px; height: 25px; cursor: pointer; position: absolute; top: 9px; background: #fff url("../images/icon.png") no-repeat -187px -41px}
.news_title .prev {right: 52px; transform: rotate(180deg)}
.news_title .next {right: 17px;}
.news_title span:hover {background: #4782d0 url("../images/icon.png") no-repeat -239px -39px}
.news_right {width: 720px; height: 380px; float: right}
.news_right dl a {display: block; transition: color 0.3s}
.news_right dl a:hover {color: #4782d0}
.news_right dt {height: 42px; line-height: 42px; overflow: hidden; font-size: 22px; font-weight: bold; padding-bottom: 11px; border-bottom: 1px solid #e5e5e5; display: block}
.news_right dd {line-height: 26px; height: 78px; overflow: hidden; font-size: 14px; padding: 15px 0; border-bottom: 1px solid #e5e5e5;}
.news_right dd a {color: #666; text-indent: 28px;}
.news_right ul {margin-top: 12px;}
.news_right li {height: 34px; line-height: 34px; text-align: right; overflow: hidden}
.news_right li a {float: left; color: #333; padding-left: 20px; position: relative}
.news_right li a:before {width: 5px; height: 5px; background: #333; border-radius: 5px; content: ''; position: absolute; left: 5px; top: 16px;}
.news_right li a:hover {color: #4782d0}
.news_right li a:hover:before {background: #4782d0}
.news_con {padding: 40px 0 20px;}
.join {margin: 20px auto 40px;}
.join_con {background: #fff; height: 478px;}
.tab_con {float: left; width: 1220px; height: 478px; box-sizing: border-box; padding: 53px 70px; background: url("../images/abgout_bg.png") no-repeat 93% center / 42%; position: relative;}
.tab_con .item {display: none; height: 360px; position: relative; z-index: 4;}
.tab_con .item img {float: left; width: 600px; height: 360px;}
.tab_con .item dl {width: 478px; float: left; box-sizing: border-box; padding: 40px 0 0 70px; position: relative}
.tab_con .item dl:before {width: 53px; height: 1px; background: #a0a0a0; content: ''; position: absolute; left: 0; top: 60px;}
.tab_con .item dt {line-height: 24px; padding-bottom: 20px; font-size: 18px; position: relative;}
.tab_con .item dt span {height: 22px; line-height: 22px; font-size: 14px; color: #666; position: absolute; left: 0; top: 24px;}
.tab_con .item dd {line-height: 28px; height: 172px; overflow: hidden; font-size: 14px; color: #666; margin-top: 50px;}
.tab_con .item dd span {display: block; text-indent: 28px;}
.tab_con .item .more {position: absolute; left: calc(50% + 133px); width: 20px; bottom: 0; height: 44px; border-bottom: 1px solid #fff; transition: all 0.3s}
.tab_con .item .more:before {content: 'Lean More'; display: block; visibility: hidden; opacity: 0; width: 72px; font-size: 14px; color: #333; line-height: 44px; transition: all 0.3s}
.tab_con .item .more:after {background: url("../images/icon.png") no-repeat -195px -45px; width: 8px; height: 15px; content: ''; position: absolute; right: 0; top: 13px;}
.tab_con .item.select {display: block}
.tab_con .item:hover .more { border-bottom: 1px solid #4782d0; width: 70px; padding-right: 20px }
.tab_con .item:hover .more:before { visibility: visible; opacity: 1}
.tab_con .item:hover .more:after {background: url("../images/icon.png") no-repeat 0px -159px;}
.tab_con:after {width: 165px; height: 165px; background: #4782d0; position: absolute; left: 40px; bottom: 35px; z-index: 3; content: ''}
.tab {float: right; width: calc(100% - 1220px); box-sizing: border-box; height: 478px; border-left: 1px solid #f8f8f8}
.tab li {cursor: pointer; height: 25%; width: 100%; overflow: hidden; box-sizing: border-box; padding: 40px 18px; border-bottom: 1px solid #f8f8f8; transition: color 0.3s; position: relative}
.tab li p {position: relative; z-index: 5; width: 100%; height: 100%; line-height: 30px;}
.tab li.curr p { color: #fff;}
.tab li span {display: block; font-family: Arial; font-size: 14px; line-height: 20px;}
.tab li:after {width: 100%; height: 100%; position: absolute; content: ''; background: #4782d0; left: 0; top: -100%; transition: all 0.3s; z-index: 4}
.tab li.curr:after { top: 0}
.honor_con {width: 100%; height: 418px; position: relative; margin-top: 40px; overflow: hidden;}
.honor_con ul {height: 348px; overflow: hidden; position: absolute; left: 0; top: 0}
.honor_con li {float: left; width: 415px; margin-right: 23px; height: 326px; padding: 20px 17px 0; background: #f8f8f8; border: 1px solid #ddd}
.honor_con li:last-child {margin-right: 0;}
.honor_con li span {height: 46px; line-height: 46px; display: block; text-align: center; color: #666;}
.honor_con li a {display: block;}
.honor_con i {width: 40px; height: 50px; background: rgba(0,0,0, 0.8); transition: all 0.3s; position: absolute; left: 0; top: 130px; cursor: pointer}
.honor_con i:after {width: 12px; height: 12px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(-135deg); content: ''; position: absolute; left: 18px; top: 18px;}
.honor_con i.ne {left: unset; right: 0;}
.honor_con i.ne:after { transform: rotate(45deg); left: 10px}
.honor_con i:hover {background: rgba(71,130,208, 0.8)}
footer {height: 425px; background: url("../images/footer.jpg") repeat-x center;}
.con_t { height: 204px; padding: 60px 0;}
.con_t dl {float: left; width: 115px; padding: 0 20px 0 50px; height: 204px; position: relative;}
.con_t dl:before { width: 1px; height: 204px; background: #444; content: ''; position: absolute; left: 0}
.con_t dl:first-child {padding-left: 0;}
.con_t dl:first-child:before {display: none;}
.con_t dt {color: #fff; height: 32px; line-height: 32px; margin-bottom: 5px;}
.con_t dd {height: 30px; display: block; line-height: 30px; font-size: 14px;}
.con_t dd a {color: #bbb;}
.con_t dl:last-child {float: right; width: 280px; padding-right: 0}
.con_t dl:last-child dt {clear: both}
.con_t dl:last-child dd {width: 110px; height: 140px;}
.con_t dl:last-child dd img {width: 110px; height: 110px;}
.con_t dl:last-child dd span {height: 30px; display: block; text-align: center; font-size: 14px; color: #bbb;}
.con_b {height: 101px; box-sizing: border-box; padding: 18px 0;}
.con_b p {width: 100%; height: 30px; line-height: 34px; color: #888; font-size: 14px;}
.con_b p:first-child {height: 34px; float: right; width: calc(100% - 76px); line-height: 34px; position: relative;}
.con_b p:first-child:before {content: '友情链接：'; position: absolute; left: -76px; line-height: 34px; color: #bbb}
.con_b p:first-child a {display: inline-block; margin-right: 20px;}
.con_b p a { color: #bbb}
.con_b p a:hover {color: #fff}
.con_b p:first-child a:last-child {margin-right: 0}
.banner {width: 100%; height: auto}
.center_menu {height: 60px; background: #fff;}
.center_menu ul {width: 1400px; margin: 0 auto;}
.center_menu li {float: left; line-height: 60px;}
.center_menu li a {display: block; padding: 0 20px;}
.center_menu li a.curr {background: #4782d0; color: #fff}
.web_content {width: 1400px; margin: 40px auto; box-sizing: border-box; padding: 23px; background: #fff; }
.web_content > h4 {height: 50px; line-height: 50px; font-size: 30px; padding-bottom: 10px; text-align: center; color: #333; position: relative}
.web_content > h4:before {content: ''; width: 80px; height: 2px; background: #4782d0; position: absolute; left: calc(50% - 40px); bottom: 0}
.web_content > h5 { font-size: 20px; max-width: 950px; margin: 0 auto; line-height: 40px; padding-bottom: 10px; text-align: center; color: #333;}
.web_content > h6 { font-size: 14px; color: #666; line-height: 30px; padding-bottom: 5px; text-align: center; font-weight: normal; border-bottom: 1px dashed #dcdcdc}
.web_content .con {width: 100%; margin-top: 20px; overflow: hidden; color: #666; line-height: 32px;}
.news_image {margin-top: 40px;}
.news_image li {height: 260px; width: 100%; margin-bottom: 11px; background: #fff; padding: 25px 30px; box-sizing: border-box;}
.news_image li img { transition: all 0.3s}
.news_image li span {float: left; width: 350px; height: 210px; overflow: hidden;}
.news_image .text {width: calc(100% - 350px); height: 120px; float: right; position: relative; padding: 15px 0 15px 130px; margin: 45px 0; box-sizing: border-box;}
.news_image .text:before {content: '';height: 120px; border-left: 1px solid #ddd; position: absolute; left: 110px; top: 0;}
.news_image .text h3 {height: 42px; line-height: 42px; overflow: hidden; font-size: 22px; transition: all 0.3s}
.news_image .text p {height: 48px; overflow: hidden; line-height: 24px; color: #666;}
.news_image .text em {position: absolute; left: 0; top: 0; width: 110px; height: 90px; padding: 15px 0; font-size: 14px; line-height: 24px; text-align: center}
.news_image .text i {font-size: 48px; line-height: 60px; color: #666; display: block; margin: 0 auto; transition: all 0.3s}
.news_image li:hover img {transform: scale(1.1);}
.news_image li:hover h3 {color: #4782d0}
.news_image li:hover i {color: #20469c}
.page {margin: 60px 0;}
.pagination {width: 1400px; margin: 0 auto; height: 40px; text-align: center}
.pagination li {display: inline-block; margin: 0 4px;}
.pagination a, .pagination span {height: 40px; display: block; padding: 0 15px; background: #fff; font-size: 18px; line-height: 40px;}
.pagination .active span {background: #4782d0; color: #fff;}
.news_text {margin-top: 40px;}
.news_text li {height: 194px; background: #fff; margin-bottom: 10px;}
.news_text li a {height: 194px; width: 100%; padding: 47px 30px 47px 154px; box-sizing: border-box; display: block; position: relative}
.news_text li h3 {font-size: 24px; line-height: 30px; height: 30px; margin-bottom: 10px; overflow: hidden;}
.news_text li p {color: #666; line-height: 30px; height: 60px; overflow: hidden;}
.news_text li em {position: absolute; left: 46px; height: 110px; line-height: 40px; top: 59px; color: #666;}
.news_text li i {display: block; font-size: 50px; margin: 0 auto;}
.news_text li a:before {border-left: 1px solid #e5e5e5; content: ''; height: 88px; position: absolute; left: 135px; top: 48px;}
.news_text li a:hover i, .news_text li a:hover h3 {color: #4782d0; transition: color 0.3s;}
.news_text_list {background: #fff; padding: 30px; margin-top: 40px; box-sizing: border-box;}
.news_text_list li {border-bottom: 1px dashed #ddd; text-align: right; height: 50px; line-height: 50px; margin-bottom: 10px;}
.news_text_list li a {float: left; padding-left: 20px; color: #777; position: relative;}
.news_text_list li a:before {width: 4px; height: 4px; background: #bfbfbf; position: absolute; left: 0; top: 24px; content: ''}
.news_text_list li a:hover {color: #4782d0}
.news_text_list li a:hover:before {background: #4782d0}
.nothing {background: url("../images/nothing.png") no-repeat center; width: 100%; padding: 300px 0 68px; height: 40px; font-size: 32px; color: #cbcbcb; line-height: 40px; text-align: center;}
.near_article { height: 60px; margin-bottom: 40px;}
.near_article a { float: left; height: 60px; width: 32%; background: #fff; line-height: 60px; text-align: center;}
.near_article a:before {background: url("../images/icon.png") no-repeat -122px -156px; content: ''; width: 11px; height: 17px; display: inline-block; position: relative;top: 4px; margin-right: 12px;}
.near_article a:last-child:before {margin-right: 0;right: -78px; transform: rotate(180deg)}
.near_article a:nth-child(2) {margin: 0 2%;}
.near_article a:nth-child(2):before {background-position: -176px -159px; width: 18px; height: 12px; top: 1px}
.near_article a:hover {background: #d8d8d8; transition: all 0.2s}
.honor_box {width: 1440px; margin-top: 40px; box-sizing: border-box; padding: 0 20px}
.honor_box:after {display: block; clear: both; content: ''}
.honor_box li {float: left; width: 455px; height: 350px; background: #fff; margin-bottom: 17px;}
.honor_box li a {display: block; width: 455px; height: 350px; box-sizing: border-box; padding: 20px 20px 0;}
.honor_box li img {width: 415px; height: 280px;}
.honor_box li span {display: block; height: 50px; line-height: 50px; text-align: center; color: #666; overflow: hidden;}
.honor_box li:hover { box-shadow: 0 3px 16px 5px rgba(102,102,102, 0.35); transition: all 0.2s;}
.honor_box li:hover span {color: #4782d0}
.honor_box li:nth-child(3n + 2) {margin: 0 17px 17px;}
.contact {margin: 40px auto;}
.contact dl {float: left; width: 50%;}
.contact dl:last-child {float: right}
.contact dt {height: 64px; line-height: 64px; font-size: 30px;}
.contact dd {height: 74px; line-height: 74px; font-size: 18px;}
.contact dd:before {width: 32px; height: 28px; background: url("../images/icon.png") no-repeat; content: ''; float: left; margin-top: 25px;}
.contact dd.s1:before {background-position: -243px -156px}
.contact dd.s2:before {background-position: -308px -156px}
.contact dd.s3:before {background-position: -373px -156px}
.contact dd.s4:before {background-position: -442px -149px}
#mapBox {height: 560px; clear: both; border: 1px solid #ddd}
.comment_content {margin-top: 40px;}
.block { min-height: 50px; margin-bottom: 20px;}
.block p {float: left; box-sizing: border-box; background: #fff; width: 680px; line-height: 50px; height: 50px; padding: 0 16px;}
.block p:last-child {float: right}
.block span {width: 84px; float: left;}
.block input { width: calc(100% - 84px); height: 50px; float: right}
.block textarea {width: 100%; height: 230px; background: #fff; box-sizing: border-box; padding: 5px 15px; line-height: 40px;}
.block textarea::-webkit-input-placeholder {font-size: 16px; color: #666;}
.block button {width: 164px; height: 45px; display: inline-block; background: #4782d0; color: #fff; margin-right: 70px;}
.block button:last-child {background: #fff; color: #666;}
.verify {width: 161px; height: 50px; float: left; margin-left: 20px;}
.toast { width: 300px; height: 80px; position: fixed; left: calc(50vw - 150px); padding: 20px; top: calc(50vh - 40px); line-height: 40px; background: #898989; color: #fff; box-sizing: border-box; border-radius: 10px; text-align: center}
.work_box {margin: 40px auto;}
.work_box .lt {height: 60px; line-height: 60px; background: #999; color: #fff; display: flex; margin-bottom: 10px;}
.work_box .lt span {flex: 1; font-size: 18px; font-weight: bold; text-align: center;}
.work_box .list {background: #fff; margin-bottom: 10px; }
.work_box .up {height: 60px; line-height: 60px; display: flex; cursor: pointer;}
.work_box .up span {flex: 1; text-align: center; font-size: 16px; color: #666; transition: all 0.2s;}
.work_box .up:hover span, .work_box .list.show .up span {color: #fff; background: #4782d0;}
.work_box .up span:last-child:before {background: url("../images/icon.png") no-repeat -75px -206px; height: 25px; width: 25px; content: ''; position: relative; top: 5px; display: inline-block;}
.work_box .up:hover span:last-child:before{background-position: 0 -206px;}
.work_box .list.show .up span:last-child:before {background-position: -128px -206px;}
.work_box .des {display: none; background: #fff; width: 100%; box-sizing: border-box; padding: 20px 38px 0; border: 1px solid #dcdcdc;}
.work_box .des dl {margin-bottom: 20px;}
.work_box .des dt {display: block; line-height: 30px; color: #333;}
.work_box .des dd {line-height: 30px; color: #666;}
.work_box .des p {border-top: 1px solid #bfbfbf; height: 50px; line-height: 50px; padding: 20px 0;}
.work_box .des p a {float: right; width: 130px; height: 50px; line-height: 50px; background: #4782d0; text-align: center; color: #fff;}
.work_box .des p span {color: #da251c}
.work_box .list.show .des { display: block;}
.work_join {background: #fff; box-sizing: border-box; padding: 20px; margin: 40px auto;}
.sp {height: 60px; line-height: 30px; margin-bottom: 20px;}
.sp p { width: 665px; border: 1px solid #d2d2d2; box-sizing: border-box; padding: 10px 15px;}
.sp p span {float: left;width: 80px; line-height: 30px;}
.sp input {width: calc(100% - 90px); height: 30px; font-size: 16px;}
.sp .upload_btn {width: 120px; height: 30px; line-height: 30px; text-align: center; font-weight: normal; float: left; background: #1E9FFF; color: #fff; font-size: 14px; overflow: hidden; position: relative}
.sp .upload_btn input {width: 100%; height: 100%; opacity: 0; position: absolute; z-index: 1; cursor: pointer; left: 0; top: 0}
.sp i {display: inline-block; line-height: 30px; margin-right: 10px; padding-left: 30px; position: relative; cursor: pointer;}
.sp i:before {content: ''; width: 21px; height: 21px; border: 1px solid #eee; border-radius: 50%; position: absolute; left: 0; top: 4px;}
.sp i:after {width: 15px; height: 15px; background: #fff; position: absolute; left: 4px; top: 8px; content: ''; border-radius: 50%;}
.sp i.selected:before{ border-color: #4782d0; transition: all 0.2s}
.sp i.selected:after {background: #4782d0; transition: all 0.2s}
.sp em {color: #f00; float: right}
.sp .f-l p {margin-bottom: 20px;}
.sp .f-l p:last-child {margin-bottom: 0}
.sp.sd {height: 342px;}
.sp textarea {height: 270px; width: 665px; line-height: 30px; resize: none; border: 1px solid #d2d2d2; box-sizing: border-box; padding: 5px;}
.sp textarea::-webkit-input-placeholder {font-size: 16px; color: #333;}
.sp button {width: 152px; height: 40px; display: inline-block; margin: 0 15px; font-size: 16px;}
.sp button[type="submit"] {border: 1px solid #4782d0; background: #fff; color: #333;}
.sp button[type="reset"] {border: 1px solid #4782d0; background: #4782d0; color: #fff}
.sp.sc {text-align: center;}
.float {width: 102px; height: 430px; box-sizing: border-box; background: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.3); position: fixed; right: 30px; top: calc(50vh - 215px); border: 1px solid #ddd}
.float a {display: block; height: 86px; font-size: 14px; transition: all 0.3s; color: #666; line-height: 24px; border-bottom: 1px solid #ddd; position: relative; text-align: center; box-sizing: border-box}
.float a:hover {background: #4782d0; color: #fff}
.float a:after {background: url("../images/icon.png") no-repeat; content: ''; position: absolute;}
.float a:last-child {border-bottom: none;}
.float a:first-child {padding-top: 45px;}
.float a:first-child:after {background-position: -179px -97px; width: 28px; height: 16px; left: calc(50% - 14px); top: 24px}
.float a:nth-child(2) {padding-top: 53px}
.float a:nth-child(2):after {width: 34px; height: 40px; background-position: -505px 0; left: calc(50% - 17px); top: 13px}
.float a:nth-child(3) {padding-top: 53px}
.float a:nth-child(3):after {width: 34px; height: 40px; background-position: -442px 0; left: calc(50% - 17px); top: 13px}
.float a:nth-child(4) {padding-top: 53px}
.float a:nth-child(4):after {width: 39px; height: 40px; background-position: -375px -7px; left: calc(50% - 20px); top: 13px}
.float a:nth-child(5) {padding-top: 53px}
.float a:nth-child(5):after {width: 39px; height: 40px; background-position: -292px -7px; left: calc(50% - 20px); top: 13px}
.float a:nth-child(2):hover:after { background-position: -505px -55px;}
.float a:nth-child(3):hover:after { background-position: -442px -55px;}
.float a:nth-child(4):hover:after { background-position: -372px -56px;}
.float a:nth-child(5):hover:after { background-position: -292px -60px;}
.float .ct span {display: none; width: 120px; box-sizing: border-box; position: absolute; background: #fff; left: -130%; font-size: 12px; top: -20px; padding: 10px; box-shadow: 0 0 6px rgba(227,227,227, 0.7)}
.float .ct span:before {border: 5px solid #fff; border-bottom-color: rgba(255,255,255,0); border-left-color: rgba(255,255,255,0); transform: rotate(45deg); content: ''; position: absolute; right: -5px; top: 50%;}
.float .ct:hover span {color: #333;}
@media screen and (max-width: 1600px) and (min-width: 1400px) {
    header {height: 90px}
    .top_logo {width: 416px; height: 62px; background-size: 100%;}
    .search {width: 115px; height: 90px;}
    .search span {width: 115px; height: 90px;}
    .search form {top: 90px}
    .navigate {height: 90px; min-width: 750px;}
    .navigate ul > li {line-height: 90px; font-size: 14px}
    .navigate ul > li:after {top: 38px;}
    .banner ul {height: 556px;}
    .banner li a {width: 100%; height: 556px;}
}

@media screen and (max-width: 1440px){
    header {height: 80px}
    .top_logo {width: 360px; height: 54px; background-size: 100%;}
    .search {width: 115px; height: 80px;}
    .search span {width: 115px; height: 80px;}
    .search form {top: 80px}
    .navigate {height: 80px; min-width: 560px;}
    .navigate ul > li {line-height: 80px; font-size: 12px}
    .navigate ul > li > a {padding: 0 10px}
    .navigate ul > li:after {top: 34px;}
    .banner ul {height: 463px;}
    .banner li a {width: 100%; height: 463px;}
    .w1400 {width: 1170px}
    .about {height: 402px}
    .about .text {width: 574px;height: 402px; background-size: 80%}
    .video {width: 520px;height: 402px;}
    .about .text h3 {font-size: 28px; line-height: 44px; height: 44px; padding-bottom: 16px}
    .about .text h3 span {bottom: 3px}
    .about .text p {font-size: 12px; line-height: 23px;}
    .learn_more a.lm {height: 30px; line-height: 30px; font-size: 12px; width: 90px;}
    .learn_more a.lm:after {margin-top: 7px}
    .learn_more ul {padding: 21px 0 10px; height: 44px;}
    .learn_more li {line-height: 40px; margin-right: 22px; font-size: 12px}
    .learn_more li a { display: block; background: #f8f8f8; padding: 0 16px 0 46px;}
    .learn_more li:before {left: 14px; top: 7px;}
    .case_con {height: 440px}
    .case_con ul { height: 374px;}
    .case_con li {width: 382px; height: 374px;}
    .case_con li img, .case_con li i {width: 382px; height: 287px}
    .case_con li a {height: 374px}
    .news_con {height: 325px;}
    .top_news {width: 538px; height: 325px}
    .top_news ul {width: 538px; height: 325px}
    .top_news li img {width: 538px; height: 325px}
    .news_right {width: 600px; height: 325px;}
    .news_right li {height: 26px; line-height: 26px; font-size: 12px;}
    .news_right li a {font-size: 12px;}
    .news_right li a:before {top: 11px;}
    .news_right dd a {font-size: 12px;}
    .news_right dd {padding: 12px 0;}
    .join_con {height: 360px;}
    .tab_con { width: 1000px; height: 360px; padding: 30px 50px;}
    .tab_con .item {height: 282px;}
    .tab_con .item img {width: 470px; height: 282px}
    .tab_con .item dl {width: 376px;padding: 27px 0 0 53px;}
    .tab_con .item dd {font-size: 12px;margin-top: 15px;}
    .tab_con .item .more {left: calc(50% + 76px);}
    .tab {width: calc(100% - 1000px); height: 361px;}
    .tab li {padding: 21px 18px;}
    .tab li p {line-height: 23px;font-size: 14px;}
    .tab li span {font-size: 12px;line-height: 20px;}
    .honor_con {height: 353px;}
    .honor_con ul {height: 296px;}
    .honor_con li {width: 338px; height: 274px;}
    .honor_con img {height: 228px; width: 338px;}
    .con_t {height: 204px;}
    .con_t dl {width: 80px; padding: 0 16px 0 42px;height: 176px; font-size: 14px;}
    .con_t dd {font-size: 12px}
    .con_t dl:last-child {width: 250px;}
    .con_t dl:last-child dd {width: 95px;}
    .con_t dl:last-child dd img {width: 95px;height: 95px;}
    .con_t dl:last-child dd span {font-size: 12px}
    .sp p, .sp textarea {width: 49%;}
    .sp.sd .f-l {width: 49%}
    .sp .f-l p {width: 100%;}
    .honor_box li, .honor_box li a {width: 365px; height: 290px}
    .honor_box li img {width: 325px; height: 219px;}
    .center_menu ul, .position p{width: 1170px;}
}