* {margin:0;padding:0;}
body {text-align:left;color:#222;background:#fff;line-height:1.6;font-family:微软雅黑;font-size:14px;}
a {text-decoration:none;color:black;color:#222}
.md_10 {padding:10px;}
.mt_10 {margin-top:10px;}
.md_lr_15 {padding:0 15px;}
.w_1500 {max-width:1500px;margin:0 auto}
.w_1280 {max-width:1280px;margin:0 auto}
.fl {float:left}
.fr {float:right}
:focus {outline:0 none;}
* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
button,html input[type=button],input[type=reset],input[type=submit] {border-radius:0;}
button,input,select,textarea {border-radius:0;}
i {font-style:normal}
a {text-decoration:none;color:#333;outline:0 none}
a:hover,a:hover {text-decoration:none;color:#b70000}
address,caption,cite,code,dfn,em,th,var {font-style:normal}
ol,ul {list-style:none}
a,abbr,address,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,samp,small,span,sub,sup,table,tbody,td,tfoot,th,thead,tr,ul,var {margin:0;padding:0;border:0;vertical-align:baseline;font-weight:400;}
.clearfix:after {content:"";display:table;clear:both}
.hidden {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.border_b {border-bottom:1px solid #eee;}
::selection {color:#fff;background-color:#000;}
::-moz-selection {color:#fff;background-color:#000;}
.pd_80 {padding:80px 0;}
@media only screen and (max-width:568px) {h1 {font-size:30px;line-height:35px;margin-bottom:15px;}
h2 {font-size:26px;line-height:30px;margin-bottom:15px;}
h3 {font-size:24px;line-height:27px;margin-bottom:15px;}
h4 {font-size:22px;line-height:28px;margin-bottom:15px;letter-spacing:3px;}
h5 {font-size:18px;line-height:24px;margin-bottom:15px;}
h6 {font-size:13px;line-height:20px;margin-bottom:15px;}
}
.clearfix:after {content:"";display:table;clear:both}
.btn-large {font-size:18px;text-align:center;}
.btn-large a {border:1px solid #eee;padding:8px 50px;border-radius:20px;}
.btn-large a:hover {background:#008cee;color:#fff;border:1px solid #006cee;}
@media only screen and (max-width:568px) {.btn-medium a {padding:5px 15px;}
}
img {max-width:100%;height:auto;-ms-interpolation-mode:bicubic;vertical-align:middle;background:#f4f4f4;border-radius:10px;}
.pic_list img {min-height:100px;width:100%}
.pagination {display:block;margin:0}
.pages {text-align:center;}
.pages b,.pages a {background:#fff;padding:0 20px;display:inline-block;max-height:40px;line-height:40px;border-radius:2px;border:1px #ddd solid;margin:0 2px}
.pages a:hover {background:#008cee;color:#fff;border-color:#029a88}
.pages b {background:#008cee;color:#fff;border-color:#029a88}
.pages a b {background:none;padding:0 20px;color:#333;display:inline-block;border:0;}
.pages a b:hover {color:#fff}
[data-backgroundimage] {background-size:cover;background-position:center center;}
.alert {padding:10px 15px;border-radius:0;}
.preview {display:block;}
.preview > img,.video-frame img {width:100%;}
[class*="col-sm"],[class*="col-md"] {margin-bottom:30px;}
a[data-backgroundimage] {width:100%;}
.d-line {width:50px;height:3px;background:#9e9e9e;display:inline-block;position:relative;}
.d-line:before {content:"";position:absolute;width:12px;height:12px;background:#008cee;left:0;top:-4px;}
.d-center:before {left:50%;margin-left:-6px;}
.page-footer {padding:15px 0;text-align:center}
a,a:visited,a:after,a:before,button,ul li,ul li a,ol li,ol li a,li:after,.li:before,h1,h2,h3,h4,h5,h6,button,input,textarea,button:after,button:before,.manu-wrapper ul li ul,.manu-wrapper ul li a .fa,.cover-box>.cover-inner a:after,.manu-wrapper,.right-arrow:after,.mobile-nav-button .icon,.mobile-nav-button .icon:after,.mobile-nav-button .icon:before,.caption,.tittle-info,.caption-wrapper,.tittle-info,.caption-wrapper:before,.image-wrapp,.image-wrapper,.caption-wrapper:after,.project,.project:before,.cloned .project:after,.ex-info-box,.project:after,.owl-prev,.owl-next,.disable:after,.item:after,.masonry,.grid,.wide,.bg-image,.owl-nav>div:before,.do-item,.social-lnk,.do-item:after,.social-link-wrapper,.tittle-info:before {-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
@media only screen and (max-width:1024px) {.manu-wrapper ul li ul,.manu-wrapper ul li ul li ul {-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none;}
}
@keyframes pop {0% {transform:scale(1,1);}
50% {transform:scale(1.1,1.1);}
100% {transform:scale(1,1);}
}
@-webkit-keyframes pop {0% {transform:scale(1,1);}
50% {transform:scale(1.1,1.1);}
100% {transform:scale(1,1);}
}
@-moz-keyframes pop {0% {transform:scale(1,1);}
50% {transform:scale(1.1,1.1);}
100% {transform:scale(1,1);}
}
@keyframes pop2 {0% {transform:scale(1.2,1.2);}
50% {transform:scale(1.1,1.1);}
100% {transform:scale(1.2,1.2);}
}
@-webkit-keyframes pop2 {0% {transform:scale(1.2,1.2);}
50% {transform:scale(1.1,1.1);}
100% {transform:scale(1.2,1.2);}
}
@-moz-keyframes pop2 {0% {transform:scale(1.2,1.2);}
50% {transform:scale(1.1,1.1);}
100% {transform:scale(1.2,1.2);}
}
@-webkit-keyframes imgeffect {0% {opacity:0;}
100% {opacity:1;}
}
@-moz-keyframes imgeffect {0% {opacity:0;}
100% {opacity:1;}
}
@keyframes imgeffect {0% {opacity:0;}
100% {opacity:1;}
}
@-webkit-keyframes mfploader {0% {opacity:1;}
50% {opacity:0;}
}
@-moz-keyframes mfploader {0% {opacity:1;}
50% {opacity:0;}
}
@keyframes load {0% {opacity:1;}
50% {opacity:0;}
}
@-webkit-keyframes fall {0% {text-shadow:0px 0px 0px #444;}
50% {text-shadow:0px 24px 0px #444;}
}
@-moz-keyframes fall {0% {text-shadow:0px 0px 0px #444;}
50% {text-shadow:0px 24px 0px #444;}
}
@keyframes fall {0% {text-shadow:0px 0px 0px #444;}
50% {text-shadow:0px 24px 0px #444;}
}
@-webkit-keyframes load {0% {-webkit-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);}
100% {-webkit-transform:scale(3,1);-ms-transform:scale(3,1);transform:scale(3,1);}
}
@-moz-keyframes load {0% {-webkit-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);}
100% {-webkit-transform:scale(3,1);-ms-transform:scale(3,1);transform:scale(3,1);}
}
@keyframes load {0% {-webkit-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);}
100% {-webkit-transform:scale(3,1);-ms-transform:scale(3,1);transform:scale(3,1);}
}
@-webkit-keyframes fall2 {0% {text-shadow:0px 0px 0px #444;}
50% {text-shadow:-10px -20px 0px transparent;}
}
@-moz-keyframes fall2 {0% {text-shadow:0px 0px 0px #444;}
50% {text-shadow:-10px -20px 0px transparent;}
}
@keyframes fall2 {0% {text-shadow:0px 0px 0px #444;}
50% {text-shadow:-10px -20px 0px transparent;}
}
.page-header {background:#fff;margin:0;padding:0 35px;border-bottom:1px solid #f3f3f3;width:100%;padding-bottom:0;top:0;left:0;z-index: 9;}
.header-out {top:-76px;}
.logo-wrapper {float:left;display:inline-block;line-height:60px;}
.logo-wrapper img {max-height:40px;}
.manu-wrapper {float:right;display:inline-block;}
.manu-wrapper ul {display:inline-block;margin-bottom:0;padding:0;margin:0;}
.manu-wrapper ul li {display:inline-block;padding:0;position:relative;}
.manu-wrapper ul li a .fa {position:absolute;top:25px;right:3px;display:none;}
.manu-wrapper ul li ul {position:absolute;background-color:#fff;left:50%;top:100%;padding:0;margin:0;width:300px;margin-left:-150px;visibility:hidden;opacity:0;z-index:999;border-top:1px solid #f4f4f4;border-left:1px solid #f4f4f4;}
.manu-wrapper ul li ul li {padding:0;margin:0;display:block;position:relative;width:50%;float:left;font-size:16px;border-bottom:1px solid #f4f4f4;border-right:1px solid #f4f4f4;text-align:center;}
.manu-wrapper ul li ul li a {line-height:inherit;display:block;padding:5px 0px;color:#000;}
.manu-wrapper ul li ul li a:hover {background:#f8f8f8;}
.manu-wrapper ul li ul li ul {position:absolute;top:0;left:100%;margin-left:0;visibility:hidden;opacity:0;}
.manu-wrapper>ul>li:nth-last-child(2) ul li ul,.manu-wrapper>ul>li:nth-last-child(3) ul li ul,.manu-wrapper>ul>li:last-child ul li ul {top:0%;left:auto;}
.manu-wrapper > ul > li:last-child>ul {left:0;}
.manu-wrapper ul li:hover>ul {z-index:9999;visibility:visible;opacity:1;}
.manu-wrapper ul li:hover>ul>li>a {padding:13px 28px;}
.manu-wrapper ul li:hover>ul>li.right-arrow:after {right:9px;opacity:1;}
.manu-wrapper ul li a {display:inline-block;padding:0 18px;line-height:65px;color:#000;font-family:'Lato',sans-serif;letter-spacing:1px;font-size:18px;position:relative;z-index:11;}
.manu-wrapper>ul>li>ul li.active>a {text-shadow:0px 0px 0px #008cee;}
.manu-wrapper>ul>li>ul li:hover>a {text-shadow:0px 0px 0px #008cee;}
.manu-wrapper .active a {color:#008cee}
.right-arrow:after {display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-left:8px;}
.arrow-plus:after {content:"\f196";}
.arrow-minus:after {content:"\f147";}
.right-arrow:after {content:"\f105";right:0px;opacity:0;top:16px;z-index:99;font-size:14px;position:absolute;}
.mobile-nav-button {width:40px;height:40px;display:block;right:30px;top:12px;position:absolute;display:none;}
.mobile-nav-button .icon {position:relative;height:2px;display:block;margin-top:20px;width:40px;background:#000;}
.mobile-nav-button .icon:before,.mobile-nav-button .icon:after {position:absolute;content:"";width:100%;background:#000;height:2px;}
.mobile-nav-button .icon:before {top:-10px;}
.mobile-nav-button .icon:after {bottom:-10px;}
.close-btn {position:fixed;}
.close-btn .icon {background:transparent;}
.close-btn .icon:after {-webkit-transform:rotate(42deg);-moz-transform:rotate(42deg);transform:rotate(42deg);bottom:0;}
.close-btn .icon:before {-webkit-transform:rotate(-42deg);-moz-transform:rotate(-42deg);transform:rotate(-42deg);top:0;}
@media only screen and (min-width:1300px) {.page-header {padding:0 70px;}
}
@media only screen and (min-width:991px) and (max-width:1300px) {.page-header {padding:0 40px;}
}
@media only screen and (min-width:1025px) {.manu-wrapper ul li ul {display:block!important;}
.manu-wrapper ul li:last-child a {padding-right:0;}
.manu-wrapper>ul>li:after {content:"";position:absolute;height:8px;border:3px solid;width:90%;opacity:0;left:5%;border-top:none;bottom:18px;z-index:1;color:#008cee}
.manu-wrapper>ul>li:last-child:after,.manu-wrapper>ul>li:last-child.active:after {width:100%;left:8px;}
.manu-wrapper ul li:hover:after,.manu-wrapper ul li.active:after {opacity:1;bottom:12px;}
.manu-wrapper>ul>li:nth-last-child(2) ul li ul,.manu-wrapper>ul>li:nth-last-child(3) ul li ul,.manu-wrapper>ul>li:last-child ul li ul {right:100%;}
}
@media only screen and (max-width:1024px) {.manu-wrapper {float:none;right:-100%;position:fixed;display:inline-block;background:#fff;overflow-x:hidden;overflow-y:auto;padding-top:50px;padding-bottom:50px;height:100%;width:100%;z-index:99999;}
.mobile-nav-button {display:block;z-index:999999;}
.open-menu {right:0;}
.manu-wrapper ul {display:block;}
.manu-wrapper ul li {display:block;text-align:center;}
.manu-wrapper ul>li>a {line-height:54px;}
.manu-wrapper ul li a {display:block;}
.manu-wrapper ul li ul,.manu-wrapper ul li ul li ul {position:relative;visibility:visible;opacity:1;text-align:center;background:#f3f3f3;width:100%;margin-left:0;left:0;}
.manu-wrapper ul li ul li ul {background:#e4e4e4;}
.manu-wrapper ul li ul li a {text-align:center;}
}
@media only screen and (max-width:480px) {.page-header {padding:0 20px;}
.manu-wrapper {width:100%;right:-100%;}
.open-menu {right:0;}
.logo-wrapper {line-height:55px;}
.mobile-nav-button .icon:after {bottom:-8px;}
.mobile-nav-button .icon:before {top:-8px;}
.mobile-nav-button .icon {width:30px;margin-top:14px;margin-left:5px;}
.mobile-nav-button {width:40px;height:30px;right:15px;top:12px;}
.close-btn .icon:before {top:0;}
.close-btn .icon:after {bottom:-1px}
}
.main-wrapper {width:100%;left:0;top:0;min-height:100vh;background:#fff;position:relative;overflow:hidden;/**z-index:999;**/}
.main-wrapper:before,.main-wrapper:after {content:"";clear:both;display:table;}
.main-container {background:#fff;width:100%;left:0;top:0;}
.page-content-wrapper {overflow-x:hidden;display:block;background-size:cover;background-position-x:center;}
.page-content-wrapper p {max-width:750px;margin-left:auto;margin-right:auto;}
.page-content-wrapper> [class*="col-sm"] {margin-bottom:0;}
.transparent-bg-5 {background:rgba(0,0,0,.5);position:relative;height:100%;}
.fixed {position:fixed;}
.absolute {position:absolute;}
.relative {position:relative;}
.fixed-header {margin-top:68px}
@media only screen and (min-width:1800px) {.short-width {padding:0 180px;}
}
@media only screen and (min-width:1300px) {.short-width {padding:0 80px;}
}
@media only screen and (min-width:720px) and (max-width:1300px) {.short-width {padding:0 60px;}
}
@media only screen and (max-width:480px) {.fixed-header {margin-top:50px;}
.main-container.fullscreen-height,.fullscreen-height {height:calc(100vh - 98px);}
}
@media only screen and (max-width:580px) {.pl100,.pl90,.pl80 {padding-left:40px!important;}
}
@media only screen and (max-width:580px) {.pr100,.pr90,.pr80 {padding-right:40px!important;}
}
.tupian_box {margin-top:20px;}
.tupian_box em {text-align: center; color: #666; font-size: 16px; display: block; padding: 10px 0;}
.tupian_box img {max-width:100%;display:block;margin:0 auto;}
.tupian_content {width:100%;max-width:820px;margin:0 auto;line-height:40px;padding-top:10px}
.tupian_content .buzhou_tit {text-align: center; color: #999; font-size: 14px; padding: 10px 0;}
.tupian_content img {display: block;margin: 0 auto;}
.tupian_right {width:380px;float:right;}
.tupian_content h1 {font-size:28px;margin-bottom:0;line-height:36px;font-weight:600;}
.tupian_time {color:#999;}
.tupian_ly {color:#999;text-align:center}
.tupian_ly span {padding:0 6px}
.tupian_miaoshu {line-height:30px;font-size:18px;}
.tupian_miaoshu strong {font-weight: 400;color: #008cee;}
.content {font-size:18px;line-height:30px;}
.content p { font-size: 18px; line-height: 30px; padding-top: 20px;}
.content h3{ font-weight: 600; padding-top:20px;}
.next_box {padding-top:15px;font-size:14px;}
.next_box p {line-height:26px;}
.next_box span {color:#999;}
a.lanmu {display:block;text-align:center;font-size:20px;background:#008cee;color:#fff;margin-top:20px;border-radius:8px;padding:12px 0;line-height:26px;}
.copy_box {padding-top:50px;}
.copydiv {border: none;width: 100%;color: #fff;height: 1px;line-height: 1px;}
.btn {background:#ff8100;text-align:center;color:#fff;display:block;border:none;font-size:20px;padding:12px 0;width:100%;border-radius:8px;}
.shenming {color:#999;padding-top:15px;line-height:22px;}
.tupian_info {}
.tag {padding-top:15px; line-height: 40px;}
.tag a {background:#eee;padding:0px 12px;line-height:30px;border-radius:3px;display:block;float:left;margin:2px;}
.tag a:hover {background:#008cee;color:#fff}
.tag span {font-size:20px;font-weight:600;display:block;padding-bottom:8px;}
.index_h1 {text-align:center;font-size:30px;color:#fff;font-weight:600;margin-bottom:0;}
.index_h2 {text-align:center;font-size:30px;line-height:50px;font-weight:600}
.index_p {color:#f1f1f1;font-size:16px;text-align: center; padding-top: 10px;}
@media only screen and (max-width:1024px) {.tupian_content {width:90%;margin:10px 5% 0 5%;line-height:30px;padding:10px 0;}
.fenlei_nav {padding:0 5px;text-align:left;}
.fenlei_nav li a {font-size:16px;}
form.subscribe input[type="text"] {max-width:90%;}
}
.fenlei_nav {margin-bottom:30px;text-align:center;}
.fenlei_nav span {font-size:18px;display:block;padding:3px 8px;margin:0;color:#999}
.fenlei_nav li {display:inline-block;font-size:18px;}
.fenlei_nav li a {font-size:18px;display:block;padding:3px 10px;}
.fenlei_nav li a:hover {background:#008cee;color:#fff;border-radius:5px;}
.fenlei_nav a.active {background:#008cee;color:#fff;border-radius:5px;}
.str_wrap {overflow:hidden;zoom:1;width:100%;font-size:12px;line-height:16px;position:relative;-moz-user-select:none;-khtml-user-select:none;user-select:none;background:#f8f8f8;white-space:nowrap;height:200px;border-radius:8px;}
.str_wrap.str_active {background:#f1f1f1;}
.str_move {white-space:nowrap;position:absolute;top:0;left:0;cursor:move;}
.str_move_clone {display:inline-block;display:inline;zoom:1;vertical-align:top;position:absolute;left:100%;top:0;}
.str_vertical .str_move_clone {left:0;top:100%;}
.str_down .str_move_clone {left:0;bottom:100%;}
.str_vertical .str_move,.str_down .str_move {white-space:normal;width:100%;}
.str_static .str_move,.no_drag .str_move,.noStop .str_move {cursor:inherit;}
.str_wrap_box {padding:50px}
.str_wrap_box .str_wrap_li {margin-left:20px;margin-bottom:20px;float:left;padding:5px;background:#fff;box-shadow:0 0 4px rgb(0 0 0 / 10%);border-radius:30px;overflow:hidden;}
.str_wrap_box .str_wrap_li .str_wrap_img {float:left;}
.str_wrap_box .str_wrap_li a {font-size:14px;color:#008cee;display:compact;}
.str_wrap_box .str_wrap_li .str_wrap_img img {height:40px;width:40px;border-radius:40px;float:left;}
.str_wrap_box .str_wrap_li .str_wrap_tit {margin-left:10px;font-size:18px;line-height:40px;font-size:14px;float:left;padding-right:10px;}
.sou_box {width:100%;max-width:720px;margin:0 auto; padding: 0 20px; padding-top:30px;}
.sou_input {height:46px;width:75%;padding:0 10px;border:0;background:#f4f4f4;float:left;}
.sou_bnt {height:46px;background:#008cee;width:25%;border:0;float:left;color:#fff;font-size:20px;font-weight:400;}
.border_b {border-bottom:1px solid #eee;}
.title_box {padding:50px 0;text-align:center}
.title_box .title_h1 {font-size:28px;font-weight:600;color:#000}
.title_box strong { color: #b70000;}
.title_box p {font-size:16px;}
.title_box em {color:#b70000;padding:0 5px;font-size:20px;}
.tag_box {padding:15px 0 10px 0;background:#fff;border-bottom:1px solid #eee;line-height:38px;}
.tag_box li {float:left;padding-right:8px;color:#666;line-height:30px;margin-bottom:8px;}
.tag_box li a {display:block;padding:0px 25px;border:1px solid #ededed;background:#fff;border-radius:6px;font-size:14px;}
.tag_box li a:hover {background:#f8f8f8}
.article {display:block;max-width:300px;margin:0 0 16px 0;background:#fff;transition:all 220ms;}
.article:hover {transform:translateY(-5px);transition:all 220ms;}
.article > img {display:block;max-width:100%;margin:0 0 10px 0;border-radius:8px;}
.article .list_txt {padding:5px 10px;}
.article .list_txt .title {font-weight:600;font-size:16px;line-height:22px}
.article .list_txt .time {color:#999;font-size:14px;padding:5px 0;}
.article .list_txt .time span {padding-right:20px;}
.article .list_txt .zt_title {font-weight:600;font-size:20px;line-height:32px;text-align:center}
.wall-column {display:block;position:relative;width:20%;max-width:320px;float:left;padding:0 8px;box-sizing:border-box;}
@media only screen and (max-width:1200px) {.tupian_content {width:100%;max-width:90%;margin:0 5%;line-height:40px;padding-top:10px}
.str_wrap_box {padding:20px}
.str_wrap_box .str_wrap_li {width:100%;float:left;margin-left:0px;}
.tupian_right {width:100%;max-width:90%;margin:0 5%;line-height:0px;padding-top:0px}
.copy_box {padding-top:0px;}
}
.fullscreen-height {height:calc(100vh - 113px);}
.vp-center-outter {display:table;height:100%;width:100%;}
.transparent-bg-9 {background:rgba(255,255,255,0.3);position:relative;height:100%;}
.vp-center-inner {display:table-cell;vertical-align:middle;text-align: center;}
h1.fourty-four-tittle {font-size:280px;color:#000;line-height:290px;}
@media only screen and (max-width:767px) {h1.fourty-four-tittle {font-size:150px;line-height:150px;}
.title_box {padding:20px 0;text-align:center}
.title_box .title_h1 {font-size:28px;font-weight:600;color:#000}
}
@media (max-width:1360px) {.wall-column {width:25%;}
}
@media (max-width:640px) {
.wall-column {width:100%;max-width: 100%;}
.article{ max-width:100%}
.article .list_txt .title {font-weight:600;font-size:16px;line-height:22px}
.article .list_txt .time {color:#999;font-size:12px;padding:5px 0;}
}
#totop {position:fixed;display:none;bottom:40px;cursor:pointer;right:10px;background:#000;height:50px;width:50px;line-height:50px;opacity:0.6;border-radius:50%;text-align:center;padding: 10px;}
#totop i {color:#fff;font-size:24px!important;}
.ad_box {margin-top: 20px;}
p.tupian_tit {text-align: center;padding-bottom: 20px;color: #666;font-size: 14px;}
a.donw_a_bnt {background: #009622;display: block;text-align: center;padding: 10px;font-size: 18px;color: #fff;border-radius: 8px}