body { background: #fff; margin: 0; color: #333; min-width: 1200px;font-family: 'Microsoft YaHei',Arial,Verdana; }
a { font-size: 13px; color: #333; line-height: 1.8; text-decoration: none; outline: none; -moz-outline: none; }
a:active,
a:focus,
a:hover { color: #5685ef; text-decoration: none; }
ul, li, dl, dd, dt, h1, h2, h3, h4, p, ol { margin: 0; padding: 0; list-style: none; }
label { font-weight: normal; margin-bottom: 0; }
.clear { clear: both; }
a img { border: none; }
i, em { font-style: normal; }
input, button { outline: none; font-family: 'Microsoft YaHei',Arial,Verdana; }
.base { width: 1200px; margin: 0 auto; }
.fl { float: left; }
.fr { float: right; }
.tal { text-align: left; }
.tac { text-align: center; }
.tar { text-align: right; }
.hide { display: none; }
.mt20 { margin-top: 20px; }
.mt15 { margin-top: 15px; }
.red { color: #dd2727; }
.green { color: #5cb85c; }
.ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -o-text-overflow: ellipsis; }
.placeholderColor { color: #A9A9A9 !important; }

.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.ml20 { margin-left: 20px; }
.ml10 {    margin-left: 10px;}
.nml5 { margin-left: -5px; }
[v-cloak] { display: none !important; }
/*letter-spacing*/
.ls5 { letter-spacing: 5px; }

.btn { height: 30px; line-height: 30px; padding: 0 15px; border-radius: 5px; display: inline-block; margin-right: 5px; cursor: pointer; }
.btn.btn-sm { line-height: 24px; height: 24px; padding: 0 10px; }
.bg_box { background: -webkit-linear-gradient(#f8f8f8,#ffffff, #f3f3f2, #e8e7e6); background: -o-linear-gradient(#f8f8f8,#ffffff, #f3f3f2, #e8e7e6); background: -moz-linear-gradient(#f8f8f8,#ffffff, #f3f3f2, #e8e7e6); background: linear-gradient(#f8f8f8,#ffffff, #f3f3f2, #e8e7e6); border-radius: 5px; border: 1px solid #ddd; box-sizing: border-box; }
.bg_box_hover { background: -webkit-linear-gradient(#46bbd0,#9ce6f3, #36bed7, #2bb0d7); background: -o-linear-gradient(#46bbd0,#9ce6f3, #36bed7, #2bb0d7); background: -moz-linear-gradient(#46bbd0,#9ce6f3, #36bed7, #2bb0d7); background: linear-gradient(#46bbd0,#9ce6f3, #36bed7, #2bb0d7); border-radius: 5px; box-sizing: border-box; border: none !important; color: #fff; }
.bg2 { background: -webkit-linear-gradient(#f8f8f8,#ffffff, #e1e0de); background: -o-linear-gradient(#f8f8f8,#ffffff, #e1e0de); background: -moz-linear-gradient(#f8f8f8,#ffffff, #e1e0de); background: linear-gradient(#f8f8f8,#ffffff, #e1e0de); }
.bg3 { background: -webkit-linear-gradient(#ffffff, #e8e7e6); background: -o-linear-gradient(#ffffff, #e8e7e6); background: -moz-linear-gradient(#ffffff, #e8e7e6); background: linear-gradient(#ffffff, #e8e7e6); }
.bg_box_z { background-color: #f8f8f8; border-radius: 5px; border: 1px solid #ddd; box-sizing: border-box; }
/*头部样式*/
.head_block {height:88px; }
.head.home { position: relative; width: 1200px; margin: 0 auto; }
.head.home .head-top { display: flex; justify-content: flex-end; align-items: center; margin-top: 15px; color: #5685ef; font-size: 12px; line-height: 22px; }
.head.home .head-top a { line-height: 22px; }
.head.home .head-top .login-btn { padding-left: 25px; /*background: url(../images/user.png) no-repeat top 0 left 0; background-size: 19px;*/ line-height: 18px; display: inline-block; }
.head.home .head-top .login-btn i { color: #17aee6; font-weight: bold; margin-right: 4px; font-size: 18px; }
.head.home .head-top .split { display: inline-block; width: 1px; height: 12px; border-left: 1px solid #5685ef; margin: 0 15px; }
.head.home .head-bottom .head_nav_ico { float: left; height: 30px; line-height: 30px; width: 100px; color: #666; cursor: pointer; }
.head.home .head-bottom .head_nav_ico span { display: inline-block; padding: 0 20px; border-right: 1px solid #eee; }
.head.home .head-bottom { display: flex; justify-content: space-between; margin-top: 25px; }
.head.home .head-bottom .head-bLeft .logo { height: 32px; }
.head.home .head-bottom .head-bLeft img { display: block; height: 30px; }
.head.home .head-bottom .head-bRight .search-wrap { position: relative; width: 590px; height: 50px; /*background: url(../images/search-bg.jpg) no-repeat; background-size: 590px 50px;*/ }
.head.home .head-bottom .head-bRight .search-wrap input { width: 500px; height: 30px; padding: 0 10px; margin-top: 10px; background: none; border: none; outline: none; }
.head.home .head-bottom .head-bRight .search-wrap .btn_search { position: absolute; width: 45px; right: 20px; top: 0; cursor: pointer; font-size: 20px; color: #666; height: 49px; border-left: 1px solid #ddd; box-sizing: border-box; text-align: right; }
.head.home .head-bottom .head-bRight .search-wrap .btn_search i { font-size: 30px; color: #666; line-height: 50px; }
.head.home .head-bottom .head-bRight .search-wrap ul { top: 50px; }
.head.home .head-bottom .head-bRight p { padding-top: 15px; color: #B5B5B6; font-size: 12px; }
.head.home .head-bottom .head-bRight p a { margin-right: 6px; }
.head.home .head-bottom .head-bRight p a { color: #B5B5B6; }
.head.home .head-bottom .head-bRight p a:hover { color: #5685ef; }
.head .navigation { position: absolute; width: 1000px; top: 88px; font-size: 18px; color: #000; z-index: 999; background-color: #fff; box-sizing: border-box; margin-left: 100px; box-shadow: 1px 2px 5px rgba(0,0,0,0.1); }
.head .navigation .menu { float: left; width: 160px; box-sizing: border-box; background-color: #212530; padding: 15px 0; }
.head .navigation .menu li { height: 40px; line-height: 40px; /*background: url(../images/nav-btn.jpg) no-repeat; background-size: 240px 50px;*/ cursor: pointer; padding-left: 40px; color: #717171; }
.head .navigation .menu li a { color: #717171; font-size: 18px; display: inline-block; line-height: 36px; padding: 0 10px; min-width: 80px; border-radius: 5px; }
.head .navigation .menu li:hover a { color: #fff; background-color: #5685ef; text-align: center; }
.head .navigation .menu li.on { color: #fff; }
.head .navigation .content { float: right; width: 778px; padding: 30px 30px; /*background: url(../images/nav-right.jpg) repeat-y bottom right; background-size: 100% 101%;*/ color: #666; }
.head .navigation .content .h3 { color: #5685ef; }
.head .navigation .content .item { display: flex; align-content: center; margin-top: 20px; }
.head .navigation .content .title { /*flex: 0 0 75px;*/ font-size: 18px; color: #666; margin-right: 10px; }
.head .navigation .content .title a { font-size: 18px; color: #666; }
.head .navigation .content .split { height: 30px; margin-right: 10px; color: #c1c0c0; line-height: 30px; }
.head .navigation .content ul { display: flex; align-items: center; }
.head .navigation .content ul li { float: left; padding: 0 10px; font-size: 15px; }
.head .navigation .content ul li a { color: #aaa; font-size: 14px; }
.head .navigation .content ul li a:hover { color: #000; }
.head .navigation .content ul .split { width: 1px; height: 15px; margin: 0; background: #000; }

.head.sub { margin: 0 auto; padding: 24px 0; background-color: #212530; color: #eee;position:fixed;top:0;left:0;width:100%;height:40px;z-index:99; }
.head.sub a { color: #eee; }
.head.sub .base { height: 40px; }
.head.sub .hm_nav_ico {display:none; }
.head.sub .head-left { float: left; }
.head.sub .head-left .logo { height: 40px; }
.head.sub .head-left img { display: block; height: 40px; }
/*.head.sub .head-left .search-wrap { position: relative; width: 590px; height: 50px; background: url(../images/search-bg.jpg) no-repeat; background-size: 590px 50px; }
.head.sub .head-left .search-wrap input { width: 500px; height: 30px; padding: 0 10px; margin-top: 10px; background: none; border: none; outline: none; }
.head.sub .head-left .search-wrap img { position: absolute; width: 28px; right: 15px; top: 10px; }*/
.head.sub .head-left .head_nav_ico { float: left; height: 30px; line-height: 28px; width: 100px; color: #666; padding-left: 16px; cursor: pointer; }
.head.sub .head-left .head_nav_ico span { display: inline-block; padding-right: 10px; border-right: 1px solid #eee; }
.head.sub .head-left .search-wrap { position: relative; width: 362px; height: 30px; margin-left: 5px; /*background: url(../images/search-bg.jpg) no-repeat; background-size: 362px 30px;*/ float: left; }
.head.sub .head-left .search-wrap input { width: 280px; height: 28px; padding: 0 10px; /* margin-top: 3px; */ background: none; border: none; outline: none; line-height: 28px; font-size: 14px; }
.head.sub .head-left .search-wrap img { position: absolute; width: 17px; height: 17px; right: 10px; top: 7px; }
.head.sub .head-right { float: right; }
.head.sub .head-right { font-size: 12px; line-height: 20px; }
.head.sub .head-right .welcome a { color: #5685ef; }
.head.sub .head-right .login-btn {  /*background: url(../images/user.png) no-repeat top 0 left 0; background-size: 19px;*/ line-height: 20px; }
.head.sub .head-right .login-btn i { color: #17aee6; font-weight: bold; margin-right: 4px; font-size: 18px; line-height: 20px; }
.head.sub .head-right .login-btn a { line-height: 20px; }
.head.sub .head-right .split { display: inline-block; width: 1px; height: 12px; border-left: 1px solid #5685ef; margin: 0 15px; }
.head.sub .head-right a.btn { height: 40px;border: 1px solid #43454b; text-align: center; line-height: 40px; font-size: 15px; margin-left: 5px; box-sizing: border-box; }
.head.sub .head-right a.btn:hover { border: 1px solid #0050aa; }

.head.sub .search-wrap { width: 530px; margin-right: 60px; float: right; background-color: #fff; display: flex; height: 40px; border-radius: 3px; position: relative; }
.head.sub .search-wrap .head_nav_ico { width: 80px; height: 40px; width: 80px; background-color: #f2f2f2; font-size: 18px; line-height: 40px; color: #666; text-align: center; cursor: pointer; position: relative; }
.head.sub .search-wrap .head_nav_ico::before { content: ''; position: absolute; border-left: 4px solid transparent; border-top: 6px solid #666; border-bottom: 4px solid transparent; border-right: 4px solid transparent; right: 8px; top: 17px; }
.head.sub .search-wrap #keyword { border: none; font-size: 18px; line-height: 40px; color: #222; padding: 0 10px; width: 360px; box-sizing: border-box; }
.head.sub .search-wrap .btn_search { border: none; font-size: 18px; line-height: 40px; color: #fff; background-color: #5685ef; float: right; width: 90px; height: 40px;    border-radius: 0;}
.head.sub .search-wrap ul { position: absolute; top: 41px; left: 0; width: 100%; background-color: #fff; border: 1px solid #ddd; z-index: 99; display: none; box-sizing: border-box; }
.head.sub .search-wrap ul li { line-height: 40px; padding: 0 12px; }
.head.sub .search-wrap ul li a { display: block; line-height: 40px; color: #333; font-size: 16px; }
.head.sub .search-wrap ul li:hover { background-color: #eee; }


.banner {max-height: 450px; overflow: hidden; background-color: #5685ef; background: -moz-linear-gradient(225deg, #5685ef 0%, #367ad5 100%); background: -webkit-linear-gradient(225deg, #5685ef 0%,#367ad5 100%); background: -o-linear-gradient(225deg, #5685ef 0%,#367ad5 100%); background: -ms-linear-gradient(225deg, #5685ef 0%,#367ad5 100%); background: linear-gradient(225deg, #5685ef 0%,#367ad5 100%); }
.banner img { max-width: 100%; }
.banner_goods { position: relative; height: 450px; }
.banner_goods img { max-width: 100%; }
.banner_goods > div { position: absolute; left: 50%; margin-left: -600px; width: 1200px; top: 0; }
.banner_goods > div span { display: inline-block; width: 240px; background: rgba(0, 161, 191, .5); color: #fff; font-size: 36px; padding: 30px 0; text-align: center; margin-top: 80px; margin-top: 14%; letter-spacing: 5px; }

.banner { margin-top: 0px; overflow: hidden; position: relative; }
.banner .bd ul li { position: relative; max-height: 450px; }
.banner .d1 { width: 100%; display: block; top: 0px; }
.banner .d1 img { width: 100%; float: left; }
.banner .d2 { width: 100%; height: 30px; clear: both; position: absolute; z-index: 100; left: 0px; bottom: 0; }
.banner .d2 ul { float: left; position: absolute; right: 130px; top: 0; margin: 0 0 0 -96px; display: inline; }
.banner .d2 li { width: 10px; height: 10px; overflow: hidden; cursor: pointer; float: left; margin: 0 5px 0 0; display: inline; background: #fff;  border-radius: 15px; text-indent: -9999px; overflow: hidden; }
.banner .d2 li.on { background: #178dfb; }
.banner .d3 { width: 80%; left: 10%; font-size: 28px; text-align: center; position: absolute; top: 15%; color: #fff; }
.banner .d3 .cont { margin-top: 10px; }
.banner .d3 .cont .title { font-size: 48px; margin-bottom: 20px; font-weight: bold; }
.banner .d3 .more { display: inline-block; width: 120px; background-color: #5685ef; color: #fff; line-height: 40px; text-align: center; font-size: 20px; }
.banner .d3 .more img { height: 30px; }
.banner .d3 hr { height: 2px; background-color: #b7c2d2; border: none; margin: 30px auto; width: 50px; }
.banner.sub .d3 { top: 18%; }
.banner.sub .d3 hr { margin: 20px auto; }


/*footer*/
.footer { background: #212530; padding-top: 40px; }
.footer .top { position: relative; display: flex; }
.footer .top .item { justify-content: space-between; padding-right: 100px; font-size: 14px; color: #7D7D7D; }
.footer .top .item a { font-size: 14px; color: #7D7D7D; }
.footer .top .item h3 { width: 100%; height: 36px; border-bottom: 2px solid #2b2f3a; box-sizing: border-box; margin-bottom: 10px; }
.footer .top .item h3 i { display: block; font-size: 30px; height: 45px; width: 45px; line-height: 45px; text-align: center; font-weight: normal; border-radius: 100%; border: 2px solid #afafaf; color: #afafaf; margin-bottom: 5px; margin: 0 auto; display: none; }
.footer .top .item h3 span { display: block; margin-top: 4px; font-size: 16px; color: #5685ef;font-weight: normal;}
.footer .top .platform { }
.footer .top .project { }
.footer .top .relation { }
.footer .top .item ul { width: 100%; overflow: hidden; }
.footer .top .item ul li { line-height: 25px; }
.footer .top .item.project ul li { float: left; width: 33%; }
.footer .qrCode { position: absolute; top: 0; right: 0; width: 130px; text-align: center; font-size: 15px; color: #ffffff; }
.footer .qrCode img { width: 100%; }
.footer .bottom { margin-top: 35px; border-top: 1px solid #595c64; text-align: center; line-height: 50px; color: #7c7d7d; font-size: 13px; }


/*登录蒙层*/
.maskLayer { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; background: rgba(0, 0, 0, .3); }
.login-wrap { position: relative; width: 690px; height: 445px; top: 50%; margin: -225px auto 0; border-radius: 3px; overflow: hidden; background: url(../images/logo-bg.png) no-repeat; background-size: 50% 100%; }
.login-wrap .close { content: "x"; background-color: rgba(0,0,0,0.1); width: 30px; height: 30px; line-height: 28px; text-align: center; font-size: 30px; border-radius: 100%; color: #fff; position: absolute; top: 10px; right: 10px; font-weight: lighter; }
.login-wrap .close:hover { background-color: rgba(0,0,0,0.5); }
.login-wrap .login-right { float: right; width: 50%; height: 100%; background: #fff; }
.login-wrap .login-right .logo {}
.login-wrap .login-right .loginForm .split { width: 100%; height: 1px; margin: 10px 0 40px; background: #ddd; }
.login-wrap .login-right p { line-height: 40px; color: #333; font-size: 14px; text-align: center; }
.loginForm { width: 100%; margin: 40px  auto 0 ; text-align: center; }
.loginForm .formItem { display: flex;  width: 100%;max-width:240px; height: 36px; line-height: 36px; margin: 0 auto 15px; border-radius: 10px; }
.loginForm .formItem label { margin-left: 10px; font-size: 14px; color: #b7b5b5;display:none; }
.loginForm .formItem input { width: 100%; border: none; outline: none;border-bottom:2px solid #ebebeb; }
.loginForm button { width: 100%;max-width:240px;margin:20px auto; height: 40px; line-height: 40px; text-align: center; color: #fff; font-size: 18px; background: #5685ef; border: none; border-radius: 3px; }

.news_detail_title { font-size: 24px; padding: 10px 0;text-align:center; }
.news_detail_title .tit { font-size: 28px; color: #000; font-weight: bold; margin-bottom: 12px; margin-top: 12px; }
.news_detail_title .info { padding: 10px 0; font-size: 14px; color: #aaa; }
.news_detail_co { padding: 20px 40px; line-height: 1.8; color: #444; }
.news_detail_co p{text-indent :2em;margin-bottom:18px; }
.news_detail_co img { max-width:100%;}

/*main*/
.main.h_main { background-color: #fff; width: 100%; padding-top: 50px; padding-bottom: 30px; }

.main { padding-top: 50px; background: #fff; padding-bottom: 20px; }
.main .news { display: flex; /*justify-content: space-between;*/ flex-wrap: wrap; overflow: hidden; }
.main .news li { height: 240px; margin-bottom: 20px; position: relative; background-color: #eee; float: left; width: 32%; overflow: hidden; margin-right: 2%; }
.main .news li > img { max-width: 100%; min-height: 100%; }
.main .news li.orange { }
.main .news li.yellow { }
.main .news li .news-right { position: absolute; float: right; width: 100%; height: 100%; padding: 12px 30px 15px; background: rgba(86, 133, 239, .55); color: #fff; font-size: 12px; top: 190px; right: 0; box-sizing: border-box; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
/*.main .news li:nth-child(3n-1) .news-right { background: rgba(216, 93, 41, .7); }*/
.main .news li:nth-child(3n) { margin-right: 0; }
/*.main .news li:nth-child(3n) .news-right { background: rgba(213, 199, 77, .7); }*/
.main .news li .news-right .title { font-size: 20px; height: 30px;line-height:30px; overflow: hidden; margin-bottom: 10px; }
.main .news li .news-right .sub-title { display: flex; justify-content: space-between; border-bottom: 1px solid #fff; padding-bottom: 2px; margin-bottom: 10px; }
.main .news li .news-right .sub-title span { /*transform: scale(0.6); -webkit-transform: scale(0.6);*/ }
.main .news li .news-right .cont { /*margin: 0 -25px;transform: scale(0.75); -webkit-transform: scale(0.75);*/ max-height: 50px; overflow: hidden; line-height: 17px; }
.main .news li .news-right .more { bottom: 10px; right: 10px; width: 90px; position: absolute; background: -webkit-linear-gradient(#f8f8f8,#ffffff, #f3f3f2, #e8e7e6); background: linear-gradient(#f8f8f8,#ffffff, #f3f3f2, #e8e7e6); border-radius: 0; text-align: center; font-size: 12px; }
.main .news li:hover .news-right { background: rgba(86, 133, 239, .95); top: 0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; padding: 15%; }
.main .news li:hover .news-right .title { height: auto; }
.main .more-wrap { display: flex; justify-content: center; flex-direction: column; padding-top: 15px; color: #5685ef; font-size: 19px; text-align: center; padding: 10px 0; }
.main .more-wrap .load_more { cursor: pointer; width: 100px; height: 40px; background: #5685ef; color: #fff; font-size: 18px; text-align: center; line-height: 40px; border-radius: 3px; display: inline-block; margin: 0 auto; }

.main.main_goods .search-wrap { padding-left: 100px; position: relative; min-height: 45px; }
.main.main_goods .search-wrap:first-child { }
.main.main_goods .search-wrap.pb40 { }
.main.main_goods .search-wrap .type { background-color: #5685ef; width: 85px; position: absolute; left: 0; line-height: 45px; /*background: url(../images/industry-type-btn.png) no-repeat; background-size: 85px 47px;*/ text-align: center; font-size: 20px; color: #fff; border: 1px solid #5685ef; }
.main.main_goods .search-wrap .items { overflow: hidden; }
.main.main_goods .search-wrap .items .item { min-width: 85px; float: left; line-height: 45px; margin-right: 10px; /*background: url(../images/industry-type-btn.png) no-repeat; background-size: 100% 100%;*/ text-align: center; font-size: 16px; color: #898989; cursor: pointer; position: relative; margin-bottom: 8px; }
.main.main_goods .search-wrap .items .item a { font-size: 16px; color: #898989; line-height: 45px; display: block; }
.main.main_goods .search-wrap .items .item.active { color: #5685ef; border: 1px solid #5685ef; }
.main.main_goods .search-wrap .items .item.active a { color: #5685ef; }
.main.main_goods .search-wrap .items .item:hover { border: 1px solid #bbb; }
.main.main_goods .search-wrap .items .item.selected { /*background: url(../images/add-btn.jpg) no-repeat;*/ background-size: 100% 100%; text-align: left; padding-right: 30px; box-sizing: border-box; }
.main.main_goods .search-wrap .items .item .close-btn { width: 10px; /* margin-left: 10px; */ color: #999; font-size: 20px; position: absolute; right: 10px; top: 0; /* line-height: 18px; */ line-height: 46px; margin-left: 10px; }
.main.main_goods .search-wrap .items .item:hover .close-btn { color: #5685ef; }
.main.main_goods .search-wrap .items .btn_search { color: #5685ef; }
.main .news { display: flex; flex-wrap: wrap; width: 1200px; margin: 20px auto; }

.download_main .search-wrap { display: flex; justify-content: space-between; align-items: center; height: 80px; padding: 0 30px; background: #f2f2f2;font-size: 30px; color: #555;font-weight:lighter; }
.download_main .search-wrap .search-input { position: relative; width: 420px; height: 40px; background: #fff; border: 1px solid #c6c6c7;font-size:14px;  }
.download_main .search-wrap .search-input input { width: 280px; line-height: 36px; margin: 0 10px; border: none; outline: none; }
.download_main .search-wrap .search-input img { position: absolute; width: 25px; top: 8px; right: 15px; }

.download_main .searchTag { display: flex; flex-wrap: wrap; margin-top: 20px; }
.download_main .searchTag li { height: 35px; line-height: 35px; margin: 0 80px 10px 0; color: #161616; font-size: 15px; }
.download_main .searchTag li.active { color: #178dfb; border-bottom: 1px solid #178dfb; }
.download_main .searchTag1 { display: flex; align-items: center; padding: 0 20px; height: 60px; margin-top: 10px; background: #f6f6f6; }
.download_main .searchTag1 li { margin-right: 70px; font-size: 14px; color: #161616; }
.download_main .searchTag1 li.active { color: #00a1e9; }
.download_main .main .resultText { font-size: 15px; color: #656565; line-height: 85px; padding-left: 20px; }
.download_main table { width: 1200px; background: #fff; border-spacing: 0; }
.download_main table td { border-bottom: 1px solid #d9d9d9; color: #555; font-size: 16px;height:50px; }
.download_main table td a { color: #178dfb;font-size: 16px; }
.download_main table td .title { display: inline-block; margin-left: 0; line-height: 25px; font-size: 18px; }
.download_main table td .title p { margin-top: 0; }
.download_main table td .subTitle { margin-bottom: 10px; font-size: 12px; color: #9a9a9a; }
.download_main input[type="checkbox"] {vertical-align:middle;}
.download_main .file-icon {  display: inline-block;vertical-align:middle; }
.download_main .downloadBtn { width: 200px; height: 70px; line-height: 70px; margin-top: 30px; text-align: center; font-size: 30px; color: #fff; border: none; background: #5685ef; border-radius: 2px; cursor: pointer; }
.download_main .downloadBtn:hover { background-color: #3170ff; }
.download_main .main .pagination { display: flex; justify-content: center; margin-top: 10px; font-size: 18px; color: #178dfb; }
.download_main .main .pagination li { width: 35px; height: 30px; line-height: 30px; margin-right: 30px; text-align: center; }
.download_main .main .pagination li.active { background: #178dfb; color: #fff; }
.download_main .video { display: flex; justify-content: space-between; margin-bottom: 40px; overflow: hidden; }
.download_main .video .video-left { width: 52%; float: left; }
.download_main .video .video-left img { width: 100%; }
.download_main .video .video-right { width: 42%; float: right; font-size: 14px; color: #555; }
.download_main .video .video-right .title { font-size: 36px; color: #222; }
.download_main .video .video-right .subTitle { line-height: 50px; font-size: 14px; color: #aaa; }
.download_main .video .video-right .subTitle span { margin-right: 40px; }
.download_main .video .video-right .video-desc { min-height: 100px; font-size: 20px; color: #666; line-height: 2; font-weight: lighter; }
.download_main .video .video-right .btn-line .btn { min-width: 100px; height: 40px; line-height: 40px; text-align: center; background-color: #5685ef; color: #fff; font-size: 18px; border-radius: 2px; }
.download_main .video .video-right .btn-line .btn:hover { background-color: #3170ff; }

.download_main #tb_files tr td.download { width: 80px; }
.download_main #tb_files tr td.size { width:120px; }
.download_main #tb_files tr td.date { width: 150px; }


.main .nav { color: #9FA0A0; font-size: 16px;padding:28px 0; }
.main .nav span { color: #5685ef; }
.main .main-wrap { display: flex; justify-content: space-between; margin-top: 0;background-color: #f2f2f2;}
.main .main-wrap ul.menu { flex: 0 0 200px;background-color:#212530;padding:30px 0; }
.main .main-wrap ul.menu li { position: relative; height: 60px; line-height: 45px; color: #969696; font-size: 22px;padding-left:25px; }
.main .main-wrap ul.menu li a { font-size: 20px; color: #969696;padding-left:15px; }
.main .main-wrap ul.menu li a:hover { color: #fff;display:inline-block;padding:0 15px;background-color:#5685ef;line-height:45px; }
.main .main-wrap ul.menu li.active { color: #5685ef; }
.main .main-wrap ul.menu li.active a { color: #fff;display:inline-block;padding:0 15px;background-color:#5685ef;line-height:45px; border-radius:3px; }
.main .main-wrap ul.menu li .tag { position: absolute; top: 15px; right: 75px; min-width: 15px; height: 15px; line-height: 15px; border-radius: 50%; background: #5685ef; color: #fff; font-size: 12px; text-align: center; }

.main .main-wrap .cont { flex: 0 0 970px; }
.main .main-wrap .cont .inner { padding: 40px 45px 30px; position: relative; }
.main .main-wrap .cont .inner .search { display: flex; justify-content: space-between; margin-bottom: 10px;}
.main .main-wrap .cont .inner .search .all { min-width: 132px; height: 45px; line-height: 45px; background-color:#212530;color: #fff; font-size: 20px; text-align: center; cursor: pointer;border-radius:2px;padding:0 10px ;  }
.main .main-wrap .cont .inner .search .all a {color: #fff; font-size: 20px;display:block;padding:0 15px; line-height: 45px;}
.main .main-wrap .cont .inner .search .search-wrap { position: relative; width: 418px; height: 40px; margin-left: 5px;border:1px solid #cfcfcf; }
.main .main-wrap .cont .inner .search .search-wrap input { width: 200px; height: 40px; padding: 0 10px; background: none; border: none; outline: none; }
.main .main-wrap .cont .inner .search .search-wrap img { position: absolute; width: 24px; height: 24px; right: 8px; top: 8px; }
.main .main-wrap .cont .inner .search .layui-progress-wrapper { position: absolute; right: 20px; top: 40px; width: 76%; }
.main .main-wrap .cont .inner table { width: 100%;  text-align: left; font-size: 14px; border-spacing: 0; }
.main .main-wrap .cont .inner table th { line-height: 35px; color: #231815; border-bottom: 1px solid #ccc; }
.main .main-wrap .cont .inner table td { line-height: 35px; border-bottom: 1px solid #d4d1d1; }
/*.main .main-wrap .cont .inner .pagination { display: flex; justify-content: center; margin-top: 30px; }
.main .main-wrap .cont .inner .pagination li { width: 18px; height: 18px; line-height: 18px; margin: 0 30px 0 0; font-size: 14px; color: #3D3A39; background: none; text-align: center; }
.main .main-wrap .cont .inner .pagination li a { font-size: 14px; color: #3D3A39; line-height: 18px; }
.main .main-wrap .cont .inner .pagination li.active { background: #0396C2; border-radius: 10px; color: #fff; }
.main .main-wrap .cont .inner .pagination li.active a { color: #fff; }*/
.main .main-wrap .cont .inner .approve-btn { width: 132px; height: 30px; background: url(../images/approve-btn.jpg) no-repeat; background-size: 132px 30px; }


.main.main_news {padding-top:20px; }
.main.main_news .searchText {line-height: 45px; color: #666; font-size: 14px; border-bottom: 1px solid #B4B4B5; }
.main.main_news .searchText a { color: #666;font-size: 14px;}
.main.main_news .searchText a:hover { color:#1796BF;}
.main.main_news .searchCont { display: flex; justify-content: space-between; padding-top: 10px;padding-bottom: 20px; }
.main.main_news .searchCont .newsList { flex: 0 0 900px; /*width:78%;*/ }
.main.main_news .searchCont .news { display: flex; justify-content: space-between; flex-wrap: wrap; width: 900px; margin: 0; }
.main.main_news .searchCont .newsList .pagination { display: flex; justify-content: center; line-height: 40px; color: #9E9F9F; font-size: 21px; }
.main.main_news .searchCont .newsList .pagination li { margin-right: 45px; }
.main.main_news .searchCont .relatedNews { flex: 0 0 265px; /*width:20%;*/ margin-top: 20px; color: #1796BF; font-size: 21px; }
.main.main_news .searchCont .relatedNews ul { font-size: 14px; color: #B4B4B5; }
.main.main_news .searchCont .relatedNews ul li {padding:10px 0 ;border-bottom:1px dotted #bbb; }
.main.main_news .searchCont .relatedNews ul li a{line-height:1.3;}


/*图文*/
.newsPhoto { padding-top: 10px; }
.newsPhoto ul { overflow: hidden; }
.newsPhoto li { width: 32%; margin-right: 2%; padding-bottom: 20%; float: left; margin-bottom: 25px; position: relative; }
.newsPhoto li.mr0 { margin-right: 0px; }
.newsPhoto li:nth-child(3n) { margin-right: 0px; }
.newsPhoto li a { display: block; }
.newsPhoto li a.img { width: 100%; height: 100%; overflow: hidden; background-color: #fff; position: absolute; top: 0; }
.newsPhoto li a.img img { width: 100%; min-height: 100%; }
.newsPhoto li .title { background-color: rgba(0,0,0,0.4); height: 50px; text-align: center; line-height: 50px; font-size: 14px; color: #fff; position: absolute; bottom: 0; left: 0; width: 100%; overflow: hidden; display: block; }
.newsPhoto li .title { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.newsPhoto li:hover a.title { }
.newsPhoto li a.title:hover { }

/*图文*/
.newsPhoto_s li { width: 300px; margin-right: 20px; height: 280px; float: left; margin-bottom: 25px; position: relative; }
.newsPhoto_s li.mr0 { margin-right: 0px; }
.newsPhoto_s li a { display: block; }
.newsPhoto_s li a.img { width: 100%; height: 280px; overflow: hidden; background-color: #fff; }
.newsPhoto_s li a.img img { width: 100%; height: 300px; }
.newsPhoto_s li a.title { background-color: rgba(0,0,0,0.4); height: 40px; text-align: center; line-height: 40px; font-size: 12px; color: #fff; position: absolute; bottom: 0; left: 0; width: 100%; overflow: hidden; }
.newsPhoto_s li a.title { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.newsPhoto_s li:hover a.title { color: #fff; background-color: #379be9; }
.newsPhoto_s li a.title:hover { }

.feedback_table { width: 1060px; margin: 30px auto; }
.feedback_table .tbox { width: 298px; border: 1px solid #ddd; height: 48px; padding: 0 10px; line-height: 48px; font-size: 15px; background-position: 282px center; background-repeat: no-repeat; float: left; }
.feedback_table .tbox.username { background-image: url(../images/ico_username.jpg); margin-right: 50px; }
.feedback_table .tbox.tel { background-image: url(../images/ico_tel3.jpg); }
.feedback_table .tbox.email { background-image: url(../images/ico_email2.jpg); float: right; margin-right: 0; }
.feedback_table .tarea { width: 1038px; height: 150px; padding: 10px 10px; border: 1px solid #ddd; background-image: url(../images/ico_mess.jpg); background-position: 1024px 10px; background-repeat: no-repeat; margin-top: 20px; font-size: 15px; font-family: Micosoft Yahei; }
.feedback_table .btn { width: 300px; height: 50px; border: none; background-color: #848484; color: #fff; text-align: center; outline: none; line-height: 50px; font-size: 16px; }
.feedback_table .btn.on { background-color: #00a1e8; }

/*分页*/
.pagination { display: flex; justify-content: center; margin-top: 10px; font-size: 20px; color: #9FA0A0; }
.pagination li { margin-right: 12px; font-size: 20px; color: #fff; cursor: pointer; background-color: #404040; padding: 0 10px; border-radius: 2px; line-height: 40px; }
.pagination li a { font-size: 20px; color: #fff; line-height: 40px; }
.pagination li.active { background-color: #5685ef; }
.pagination li.active a { color: #fff; }


.field-validation-error { color: #f00; font-size: 12px; margin-right: 10px; }

.file-icon i, .fileicon-bt, .fileicon-zip, .fileicon-video, .fileicon-dws, .fileicon-code, .fileicon-txt, .fileicon-pdf, .fileicon-doc, .fileicon-ppt, .fileicon-xls, .fileicon-vsd, .fileicon-pic, .fileicon-mmap, .fileicon-xmind, .fileicon-mm, .fileicon-mp3, .icon-play-music, .default-small, .dir-multi-small, .dir-multi-middle, .dir-small, .dir-cang-small, .dir-app-small, .dir-apps-small, .dir-backup-small, .dir-share-middle, .dir-phone-small, .fileicon-sys-s-exe, .fileicon-sys-s-apk, .fileicon-psd, .fileicon-sys-s-key, .fileicon-ai { background-image: url(../images/icons.png); background-repeat: no-repeat; display: inline-block; width: 26px; height: 26px; vertical-align: middle; margin-right: 5px; }
.file-icon i { background-position: -596px -102px; }
i.dir-small { background-position: -594px -862px; }
i.fileicon-zip { background-position: -596px -1664px; }
i.fileicon-doc { background-position: -596px -170px; }
i.fileicon-ai { background-position: -596px -1220px; }
i.fileicon-video { background-position: -596px -1630px; }
i.fileicon-bt { background-position: -596px 0px; }
i.fileicon-txt { background-position: -596px -102px; }
i.fileicon-pdf { background-position: -596px -136px; }
i.fileicon-ppt { background-position: -596px -204px; }
i.fileicon-xls { background-position: -596px -238px; }
i.fileicon-pic { background-position: -596px -306px; }
i.fileicon-mp3 { background-position: -596px -442px; }
i.fileicon-psd { background-position: -596px -1152px; }

@media screen and (max-width:1600px) {
    .banner .d3 { font-size: 32px; }
    .banner .d3 .cont .title { font-size: 60px; }
}

.layui-progress-wrapper { height: 10px; width: 100%; z-index: 99; }


@media screen and (max-width:1600px) {
}