@charset "UTF-8";

html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; touch-callout: none; cursor: pointer; }

body, form, img, ul, ol, li, dl, dt, dd, p, tr, td, strong, span, pre { margin: 0; padding: 0; border: 0; background-repeat: no-repeat; }

h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; font-weight: normal; }

body, button, input, select, textarea { font-size: 14px; line-height: 24px; color: #333; font-family: tahoma, arial, 'Microsoft YaHei','Hiragino Sans GB', sans-serif; }

ul, li { list-style: none;	 }

img { border: 0px; max-width: 100%; }

table { border-collapse: collapse; border-spacing: 0; }

*, :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-repeat: no-repeat; }

article, aside, footer, header, nav, section { display: block; }

a { background-color: transparent; -webkit-text-decoration-skip: objects; text-decoration: none; color: #333; outline: none; cursor: pointer; }

a:hover { background-repeat: no-repeat; text-decoration: none; }

a, input[type="button"], button, label, input[type="submit"] { cursor: pointer; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

audio, video { display: inline-block; }

[type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

input, textarea, select { font-family: Arial, 'Microsoft YaHei', 'Hiragino Sans GB', Times, serif; outline: none; }

input[type="text"], input[type="password"], input[type="button"], input[type="submit"], select, textarea { outline-style: none; -webkit-appearance: none; resize: none; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }

input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset !important; }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.clearfix { *zoom: 1; }

.clear { clear: both; line-height: 0; height: 0; font-size: 0; }

.fl { float: left; }

.fr { float: right; }

.show { display: block !important; }

.hide { display: none !important; }

.z-transition { -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; }

.z-css3 { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.commonweb { padding: 0px 10px; }

.commonwebbox { margin-left: 0px; margin-right: 0px; }

.commonleft { float: none; }

.commonright { float: none; }

.visible-sm, .visible-md, .visible-lg { display: none; }

.hidden-sm, .hidden-md, .hidden-lg { display: block; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; padding-left: 10px; padding-right: 10px; }

.col-xs-12 { width: 100%; }

.col-xs-11 { width: 91.66666667%; }

.col-xs-10 { width: 83.33333333%; }

.col-xs-9 { width: 75%; }

.col-xs-8 { width: 66.66666667%; }

.col-xs-7 { width: 58.33333333%; }

.col-xs-6 { width: 50%; }

.col-xs-5 { width: 41.66666667%; }

.col-xs-4 { width: 33.33333333%; }

.col-xs-3 { width: 25%; }

.col-xs-2 { width: 16.66666667%; }

.col-xs-1 { width: 8.33333333%; }

@media (max-width: 320px) { body { min-width: 320px; } }

@media (min-width: 768px) { .commonweb { padding: 0px 20px; }
  .commonwebbox { margin-left: -10px; margin-right: -10px; }
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; padding-left: 10px; padding-right: 10px; }
  .col-sm-12 { width: 100%; }
  .col-sm-11 { width: 91.66666667%; }
  .col-sm-10 { width: 83.33333333%; }
  .col-sm-9 { width: 75%; }
  .col-sm-8 { width: 66.66666667%; }
  .col-sm-7 { width: 58.33333333%; }
  .col-sm-6 { width: 50%; }
  .col-sm-5 { width: 41.66666667%; }
  .col-sm-4 { width: 33.33333333%; }
  .col-sm-3 { width: 25%; }
  .col-sm-2 { width: 16.66666667%; }
  .col-sm-1 { width: 8.33333333%; }
  .visible-sm { display: block; }
  .hidden-sm { display: none; } }

@media (min-width: 992px) { .commonweb { padding: 0px 40px; }
  .commonwebbox { margin-left: -10px; margin-right: -10px; }
  .commonleft { float: left; }
  .commonright { float: right; }
  .visible-md { display: block; }
  .hidden-md { display: none; }
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; padding-left: 10px; padding-right: 10px; }
  .col-md-12 { width: 100%; }
  .col-md-11 { width: 91.66666667%; }
  .col-md-10 { width: 83.33333333%; }
  .col-md-9 { width: 75%; }
  .col-md-8 { width: 66.66666667%; }
  .col-md-7 { width: 58.33333333%; }
  .col-md-6 { width: 50%; }
  .col-md-5 { width: 41.66666667%; }
  .col-md-4 { width: 33.33333333%; }
  .col-md-3 { width: 25%; }
  .col-md-2 { width: 16.66666667%; }
  .col-md-1 { width: 8.33333333%; } }

@media (min-width: 1200px) { html { cursor: default; }
  .commonleft { float: left; }
  .commonright { float: right; }
  .visible-lg { display: block; }
  .hidden-lg { display: none; }
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; padding-left: 10px; padding-right: 10px; }
  .col-lg-12 { width: 100%; }
  .col-lg-11 { width: 91.66666667%; }
  .col-lg-10 { width: 83.33333333%; }
  .col-lg-9 { width: 75%; }
  .col-lg-8 { width: 66.66666667%; }
  .col-lg-7 { width: 58.33333333%; }
  .col-lg-6 { width: 50%; }
  .col-lg-5 { width: 41.66666667%; }
  .col-lg-4 { width: 33.33333333%; }
  .col-lg-3 { width: 25%; }
  .col-lg-2 { width: 16.66666667%; }
  .col-lg-1 { width: 8.33333333%; } }

@media (min-width: 1460px) { .commonweb { margin: 0px auto; max-width: 1400px; padding: 0; } }

/* layout start*/

@charset "UTF-8";
.content-wrap { width: 100%; overflow: hidden; }

.swiper-pagination-bullet { outline: none; }

.banner .swiper-container, .banner .swiper-wrapper, .banner .swiper-slide { height: 100%; }

.banner a { display: block; height: 100%; }

.banner img { display: block; width: 100%; height: 100%; }

.banner img.pc-banner { display: none; }

.banner .swiper-slide { position: relative; }

.banner .bannerText { display: none; }

.bannerText { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }

.bannerText .commonweb { width: 72.91667%; height: 100%; display: table; }

.bannerText .banner-text { height: 100%; display: inline-block; display: table-cell; vertical-align: middle; }

.bannerText .banner-text h3 { font-size: 18px; color: #ffffff; line-height: 44px; }

.bannerText .banner-text span { font-size: 23px; font-weight: bold; color: #fff; background: none; padding-right: 18px; }

.bannerText .banner-text p { font-size: 14px; color: #666666; line-height: 26px; }

body { padding-top: 42px; }

.header { position: fixed; width: 100%; left: 0; top: 0; z-index: 101; background: #212121; }

.search-area { display: none; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); right: 14%; width: 20px; height: 20px; }

.search-area .search_btn { display: block; background: url(../images/search_bg.png) no-repeat center center; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; background-size: 100% 100%; width: 15px; height: 15px; margin-top: 4px; }

.nav { display: none; position: fixed; top: 62px; left: 0; width: 100%; z-index: 1000; height: 100%; overflow: scroll-y; background: #fff; }

.nav li { line-height: 40px; border-bottom: 1px dashed #000; }

.nav li.cur h3:after { display: block; content: ''; position: absolute; right: 20px; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); width: 40px; height: 40px; background: url(../images/show_bg.png) no-repeat center center; z-index: 999; }

.nav li dl { display: none; }

.nav li dd { padding-left: 30px; }

.nav h3 { position: relative; }

.nav h3.navBar-alone:after { display: none !important; }

.nav h3:after { display: block; content: ''; position: absolute; right: 20px; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); width: 40px; height: 40px; background: url(../images/hide_bg.jpg) no-repeat center center; z-index: 999; }

.nav a { color: #000; display: block; width: 100%; text-indent: 14px; }

.head-main { position: relative; }

.he_searchbox { display: none; }

.logo { padding-top: 6px; padding-bottom: 6px; }

.logo img { width: auto; height: 40px; width: auto; }

/*移动端按钮*/
.mobnav-btn { width: 30px; height: 34px; overflow: hidden; cursor: pointer; z-index: 10; position: absolute; margin-left: 4px; display: inline-block; vertical-align: top; top: 50%; margin-top: -17px; right: 2%; }

.mobnav-btn.g_close span:first-child { -webkit-transform: rotate(45deg); transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); top: 14px; opacity: 1; }

.mobnav-btn.g_close span:last-child { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); top: 14px; opacity: 1; }

.mobnav-btn span { top: 50%; margin-top: 0; }

.mobnav-btn span:first-child { content: ""; top: 8px; left: 0; }

.mobnav-btn span:last-child { content: ""; top: auto; bottom: 7px; left: 0; }

.mobnav-btn span, .mobnav-btn span:first-child, .mobnav-btn span:last-child { left: 0; position: absolute; background: #fff; -webkit-transition: all 0.5s ease; width: 30px; height: 2px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }

.mobnav-btn.g_close span { opacity: 0; }

.banner .bannerPC_bg { display: none; }

.banner span { width: 9px; height: 9px; background: #7c7f87; opacity: 1; }

.banner span.swiper-pagination-bullet-active { width: 12px; height: 12px; background: #fff; }

.prev_btn { width: 38px; height: 38px; background: url(../images/prev_btn.png) no-repeat center; left: 5%; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); position: absolute; z-index: 100; -webkit-transition: 0.3s; -o-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; }

.prev_btn:hover { background: url(../images/pervH_btn.png) no-repeat center; }

.next_btn { width: 38px; height: 38px; background: url(../images/next_btn.png) no-repeat center; right: 5%; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); position: absolute; z-index: 100; -webkit-transition: 0.3s; -o-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; }

.next_btn:hover { background: url(../images/nextH_btn.png) no-repeat center; }

.media { background: #f1f1f1; padding-top: 20px; padding-bottom: 32px; }

.media h3.title { font-size: 20px; color: #2e2e2e; line-height: 50px; text-align: center; font-weight: bold; }

.media p.sm-title { font-size: 14px; color: #666; text-align: center; line-height: 26px; }

.media .media-slideShow { padding-top: 20px; }

.media .media-slideShow .swiper-container { padding-bottom: 36px; }

.media .media-slideShow .swiper-container span { width: 8px; height: 8px; background: #7c7f87; }

.media .media-slideShow .swiper-container span.swiper-pagination-bullet-active { width: 8px; height: 8px; opacity: 1; }

.media .media-slideShow .swiper-slide:hover img { -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03); }

.media .media-slideShow .img { width: 100%; overflow: hidden; }

.media .media-slideShow img { -webkit-transition: 0.3s; -o-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; width: 100%; height: auto; display: block; }

.media .media-slideShow h4 { height: 38px; line-height: 38px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; color: #121212; font-size: 18px; margin-top: 14px; margin-bottom: 10px; }

.media .media-slideShow p { font-size: 14px; color: #7c7f87; display: -webkit-box; height: 40px; line-height: 20px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.media .media-slideShow .text-more { display: block; margin-top: 16px; font-size: 14px; color: #b4b4b4; position: relative; padding-top: 12px; padding-left: 2px; }

.media .media-slideShow .text-more:before { display: block; content: ''; position: absolute; left: 2px; top: 0; background: #202020; width: 56px; height: 5px; }

.link-show { padding-top: 20px; background: #fff; }

.link-tab1 { font-size: 0; overflow: hidden; padding: 0 0px; }

.link-tab1 .tab-list { -webkit-transition: 0.3s all; -o-transition: 0.3s all; -moz-transition: 0.3s all; transition: 0.3s all; margin-bottom: 12px; height: 92px; padding: 0 5px; }

.link-tab1 .tab-list:last-child { margin-right: 0; background: url(../images/list3_bg.png) no-repeat 27.56098% center; }

.link-tab1 .tab-list:last-child:hover { background: url(../images/list3_bg1.png) no-repeat 27.56098% center; }

.link-tab1 .tab-list:nth-child(1) { background: url(../images/list1_bg1.png) no-repeat 27.56098% center; }

.link-tab1 .tab-list:nth-child(1):hover { background: url(../images/list1_bg.png) no-repeat 27.56098% center; }

.link-tab1 .tab-list:nth-child(2) { background: url(../images/list2_bg.png) no-repeat 27.56098% center; }

.link-tab1 .tab-list:nth-child(2):hover { background: url(../images/list2_bg1.png) no-repeat 27.56098% center; }

.link-tab1 .tab-list:hover:after { display: block; }

.link-tab1 .tab-list a { display: block; border: 1px solid #dedede; width: 100%; height: 100%; display: table; }

.link-tab1 .tab-list .text { display: table-cell; vertical-align: middle; text-indent: 140px; }

.link-tab1 .tab-list h3 { font-size: 20px; color: #8c8c8c; line-height: 28px; }

.link-tab1 .tab-list p { font-size: 14px; color: #8c8c8c; line-height: 24px; }

.guest-show { padding-top: 16px; padding-bottom: 32px; }

.guest-show .guest-main { margin: 0 0px; position: relative; padding: 0 43px; }

.guest-show .guest-main .img { text-align: center; }

.guest-show .guest-main a { position: absolute; width: 34px; height: 34px; background: #fff; z-index: 100; -webkit-transition: 0.3s all; -o-transition: 0.3s all; -moz-transition: 0.3s all; transition: 0.3s all; }

.guest-show .guest-main a:hover { background-color: #353535; }

.guest-show .guest-main .guestprev_btn { width: 34px; height: 34px; background-color: #fff; background-image: url(../images/gprev_btn.png); background-repeat: no-repeat; background-position: center; left: 0; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); }

.guest-show .guest-main .guestprev_btn:hover { background-image: url(../images/gprev_btn1.png); }

.guest-show .guest-main .guestnext_btn { background-image: url(../images/gnext_btn.png); background-repeat: no-repeat; background-position: center; background-color: #fff; right: 0; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); }

.guest-show .guest-main .guestnext_btn:hover { background-image: url(../images/gnext_btn1.png); }

.footer { background: #272727; padding-top: 12px; }

.footer .footer-main { padding: 0 0px; }

.footer .footer-top { padding-bottom: 22px; border-bottom: 1px solid #303233; }

.footer .footer-top .top-left { width: 100%; }

.footer .footer-top .footer-nav dl { border-bottom: 1px dashed #fff; }

.footer .footer-top .footer-nav dt { color: #fff; font-size: 14px; color: #f3f3f3; line-height: 34px; }

.footer .footer-top .footer-nav dd { display: none; }

.footer .footer-top .footer-nav dd a { color: #919699; font-size: 12px; line-height: 30px; }

.footer .footer-top .top-right { margin-top: 10px; text-align: center; }

.footer .footer-top .top-right p { font-size: 14px; color: #919699; padding-top: 22px; text-align: center; }

.footer .footer-top .left-bot { padding-top: 12px; overflow: hidden; }

.footer .footer-top .left-bot .footer-logo { float: left; display: none; }

.footer .footer-top .left-bot .footer-link { line-height: 42px; float: left; overflow: hidden; }

.footer .footer-top .left-bot .footer-link a { width: 46%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #fff; float: left; margin-right: 12px; padding-left: 26px; }

.footer .footer-top .left-bot .footer-link a:nth-child(1) { background: url(../images/tel_bg.png) no-repeat left center; }

.footer .footer-top .left-bot .footer-link a:nth-child(2) { background: url(../images/mob_bg.png) no-repeat left center; }

.footer .footer-top .left-bot .footer-link a:nth-child(3) { background: url(../images/email_bg.png) no-repeat left center; }

.footer .footer-bot .bot-left { color: #616466; padding: 22px 0 28px; line-height: 24px; }

.footer .footer-bot .bot-left a { color: #616466; }

.footer .footer-bot .bot-right { font-size: 0; display: flex; align-items: center;}

.footer .footer-bot .bot-right a { display: inline-block; vertical-align: middle; margin-left: 14px; }

.backtop { position: fixed; right: 5%; bottom: 20%; z-index: 999; }

.backtop .back_btn { width: 34px; height: 34px; display: block; background: url(../images/back_bg.png) no-repeat center; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; background-size: 100% 100%; }

.culture { padding-top: 24px; background: #fff; padding-bottom: 30px; overflow: hidden; }

.culture h3.title { font-size: 20px; line-height: 50px; text-align: center; font-weight: bold; }

.culture .tab-navShow { font-size: 0; text-align: center; margin-top: 18px; }

.culture .tab-navShow a { display: inline-block; font-size: 12px; color: #1b1b1b; width: 90px; height: 30px; border: 1px solid #7f828a; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; margin-right: 10px; line-height: 30px; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }

.culture .tab-navShow a:last-child { margin-right: 0; }

.culture .tab-navShow a:hover { background: #000; color: #fff; }

.culture .tab-navShow a.cur { background: #000; color: #fff; }

.culture .culture-main { padding-top: 14px; }

.culture .culture-main .culture-item { padding-bottom: 20px; display: none; }

.culture .culture-main .culture-item:nth-child(1) { display: block; }

.culture .culture-main .culture-item .img-slide { position: relative; width: 100%; overflow: hidden; }

.culture .culture-main .culture-item .img-slide .swiper-slide:hover img { -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03); }

.culture .culture-main .culture-item .img-slide img { display: block; width: 100%; height: auto; -webkit-transition: 0.3s; -o-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; }

.culture .culture-main .culture-item .img-slide .swiper-icon { position: absolute; height: 10px; width: 100%; left: 0; bottom: 20px; }

.culture .culture-main .culture-item .img-slide .swiper-icon span { background: #5d5f61; opacity: 1; margin: 0 7px; outline: none; }

.culture .culture-main .culture-item .img-slide .swiper-icon span.swiper-pagination-bullet-active { background: #fff; }

.culture .culture-main .culture-item .img-slide .Cprev_btn { width: 16px; height: 28px; background: url(../images/showPrev_btn.png) no-repeat center; position: absolute; left: 10px; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); z-index: 1; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; background-size: 100% 100%; }

.culture .culture-main .culture-item .img-slide .Cnext_btn { width: 16px; height: 28px; background: url(../images/showNext_btn.png) no-repeat center; position: absolute; right: 10px; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); z-index: 1; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; background-size: 100% 100%; }

.culture .culture-main .culture-item .img-slide .swiper-slide { position: relative; }

.culture .culture-main .culture-item .img-slide .slide_bg { background: #000; position: absolute; width: 100%; height: 100%; opacity: 0.5; top: 0; left: 0; }

.culture .culture-main .culture-item .img-slide .text-show { position: absolute; width: 100%; height: 100%; left: 0; top: 0; cursor: pointer; }

.culture .culture-main .culture-item .img-slide .text { display: table; width: 100%; height: 100%; }

.culture .culture-main .culture-item .img-slide .text-info { display: table-cell; vertical-align: middle; text-align: center; }

.culture .culture-main .culture-item .img-slide .text-info h3 { font-size: 20px; color: #ffffff; line-height: 40px; padding-bottom: 10px; font-weight: bold; }

.culture .culture-main .culture-item .img-slide .text-info p { line-height: 34px; font-size: 14px; color: #fff; }

.culture .culture-main .culture-item .img-slide .text-info a.look-btn { color: #f0f0f0; font-size: 14px; margin-top: 10px; text-decoration: underline; }

.video { width: 100%; margin-top: 12px; }

.video .video-list { margin-bottom: 5px; overflow: hidden; position: relative; }

.video .video-list:hover .video-bg { display: block; }

.video .video-list .video-bg { position: absolute; left: 0; top: 0;width: 100%; height: 100%; z-index: 1; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }

.video .video-list .video-bg a.video-btn { width: 46px; height: 46px; display: block; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2; }

.video .video-list:hover img { -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03); }

.video .video-list:last-child { margin-bottom: 0; }

.video .video-list img { display: block; -webkit-transition: 0.3s; -o-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; width: 100%; height: auto; }

.geio { padding-top: 20px; background: #e2e3e7; overflow: hidden; padding-bottom: 44px; }

.geio .geio-text { display: none; }

.geio .geio-text h3 { font-size: 17px; color: #2b2b2b; line-height: 45px; font-weight: bold; text-align: center; }

.geio .geio-text p { font-size: 14px; color: #5e5e5e; text-align: center; line-height: 24px; }

.geio .geio-more { margin: 12px auto 0; width: 120px; height: 30px; border: 1px solid #95989e; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; line-height: 30px; text-align: center; font-size: 12px; color: #7c7f87; display: block; -webkit-transition: 0.5s all; -o-transition: 0.5s all; -moz-transition: 0.5s all; transition: 0.5s all; }

.geio .geio-more:hover { background: #000; color: #fff; }

.geio .swiper-slide-active .geio-text { display: block; }

.index-more { margin: 0 auto; width: 120px; height: 30px; border: 1px solid #95989e; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; display: block; line-height: 30px; text-align: center; -webkit-transition: 0.5s all; -o-transition: 0.5s all; -moz-transition: 0.5s all; transition: 0.5s all; }

.index-more:hover { background: #000; color: #fff; }

.honors-sw-hook .swiper-wrapper li { -webkit-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); -moz-transform: scale(0.5); cursor: pointer;}

.honors-sw-hook .swiper-wrapper li.swiper-slide-active { -webkit-transform: scale(1); transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); z-index: 10; }

.honors-wraper { position: relative; padding: 20px 40px; }

.honors-sw-hook { position: relative; overflow: hidden; padding: 20px 0 0; }

.honors-sw-hook .swiper-wrapper li { -webkit-transition: all .7s ease; -o-transition: all .7s ease; -moz-transition: all .7s ease; transition: all .7s ease; width: 20%; -webkit-transition: transform 1.0s; -moz-transition: transform 1.0s; -ms-transition: transform 1.0s; -o-transition: transform 1.0s; text-align: center; }

.honors-sw-hook .swiper-wrapper li.swiper-slide-active { color: #f7931c; }

.honors-sw-hook .swiper-wrapper li img { display: block; width: 100%; }

.swiper-btn { display: block; width: 30px; height: 30px; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); z-index: 99; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }

.honor-prev { -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; left: 0; background: url(../images/g_prevBtn.png) no-repeat center; }

.honor-prev:hover { background: url(../images/g_prevBtn1.png) no-repeat center; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

.honor-next { -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; right: 0; right: 0; background: url(../images/g_nextBtn.png) no-repeat center; }

.honor-next:hover { background: url(../images/g_nextBtn1.png) no-repeat center; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

.header.hasOpacity { background: #fff; }

.probg { position: fixed; top: 0; width: 100%; height: 100%; left: 0; background: #333333; z-index: 998; display: none; }

.product-popup { position: fixed; top: 0; left: 0; z-index: 999; display: none; width: 100%; height: 100%; }

.procut-popbox .honor-item { width: 100%; height: 100%; }

.procut-popbox .honor-item { height: 100%; }

.procut-popbox { width: 90%; background: #333333; padding: 20px 15px; position: fixed; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); word-wrap: break-word; line-height: 28px; z-index: 9; }

.procut-popbox .prodcutpop-swiper { position: relative; overflow: hidden; }

.procut-popbox ul li { width: 100%; font-size: 20px; text-align: center; }

.procut-popbox ul li .dectext { padding-bottom: 22px; line-height: 26px; color: #535353; }

.procut-popbox ul li .prodcut-more a { display: inline-block; line-height: 20px; position: relative; }

.procut-popbox ul li .prodcut-more a:after { content: ""; position: absolute; display: block; width: 100%; height: 1px; background: #929292; bottom: 0px; left: 0; }

.procut-btn { position: fixed; width: 32px; height: 32px; top: 50%; outline: none; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); display: block; cursor: pointer; display: none; z-index: 1000; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }

.procut-left { left: 0px; background: url(../images/prev_btn.png) no-repeat center center; }

.procut-right { right: 0px; background: url(../images/next_btn.png) no-repeat center center; }

.procut-btn:after { content: ""; position: absolute; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; display: block; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.procut-popbox { width: 90%; background: #333333; padding: 20px 15px; height: 100%; position: fixed; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); word-wrap: break-word; line-height: 28px; z-index: 9; }

.procut-popbox .prodcutpop-swiper { position: relative; width: 100%; height: 100%; }

.procut-popbox ul li { width: 100%; font-size: 20px; text-align: center; }

.procut-popbox ul li .dectext { padding-bottom: 22px; line-height: 26px; color: #535353; }

.procut-popbox ul li .prodcut-more a { display: inline-block; line-height: 20px; position: relative; }

.procut-popbox ul li .prodcut-more a:after { content: ""; position: absolute; display: block; width: 100%; height: 1px; background: #929292; bottom: 0px; left: 0; }

.procut-popbox ul li img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-height: 92%; }

.procut-btn { display: block; }

.closebtn1 { width: 35px; height: 35px; position: fixed; display: block; right: 24px; top: 15px; background-image: url(../images/winco04.png); background-position: center center; background-repeat: no-repeat; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; -moz-background-size: 32px auto; -o-background-size: 32px auto; background-size: 32px auto; cursor: pointer; z-index: 99; }

.banner .prev_btn, .banner .next_btn { display: none; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }

.header .logo a { display: block; width: 122px; height: 50px; background: url(../images/logo.png) no-repeat center; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; background-size: 100% 100%; }

.header.hasOpacity .logo a { background: url(../images/logo1.png) no-repeat center; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; background-size: 100% 100%; }

.header.hasOpacity .search-area .search_btn { background: url(../images/search_bg1.png) no-repeat center center; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; background-size: 100% 100%; }

.header.hasOpacity .mobnav-btn span { background: #000; }

.footer .footer-top dt { position: relative; }

.footer .footer-top dt:before { display: block; content: ''; position: absolute; width: 15px; height: 1px; background: #fff; right: 10px; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); }

.footer .footer-top dt:after { display: block; content: ''; position: absolute; width: 1px; height: 15px; background: #fff; right: 17px; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); }

.header .search-box form { height: 100%; }

.header .search-box input { float: left; width: 260px; padding-left: 10px; padding-right: 10px; height: 100%; border-right: 1px solid #fff; }

.header .search-box { position: absolute; display: none; right: 0px; top: 49px; width: 330px; height: 50px; padding-top: 5px; padding-bottom: 5px; z-index: 99999; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.header .search-box .search-box-submit { float: left; width: 40px; height: 100%; background: #fff url(../images/search_bg1.png) no-repeat; background-position: center center; border-left: none; cursor: pointer; }

.videobox { position: relative; }

.videobox .playbtn { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }

.ckplayer-wrapper { display: none; position: fixed; left: 0; top: 0; z-index: 99; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); }

.ckplayer-wrapper .video-popup { position: absolute; left: 50%; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); width: 94%; max-width: 1000px; }

.ckplayer-wrapper .video-popup .closebtn { position: absolute; right: 0; top: 0; width: 25px; height: 25px; background: url(../images/mvclose.png) no-repeat center center; margin: -12px -12px 0 0; z-index: 2; }

.tab-list a { position: relative; }

.tab-list a:after { display: none; content: ''; position: absolute; left: 0px; bottom: 0; height: 5px; background: #353535; width: 100%; -webkit-transition: 0.5s all; -o-transition: 0.5s all; -moz-transition: 0.5s all; transition: 0.5s all; }

.link-tab1 .tab-list .text { text-indent: 42%; }

.video-popup { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }

.language { width: 62px; text-align: center; color: #fff; font-size: 14px; height: 66px; line-height: 66px; position: absolute; right: 110px; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; top: 50%; }

.language:before { display: block; content: ''; width: 16px; height: 16px; background: url(../images/lang_bg1.png) no-repeat center; position: absolute; left: 0; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); }

.language:after { display: block; content: ''; width: 16px; height: 16px; background: url(../images/down_bg2.png) no-repeat center; position: absolute; right: 0; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); }

.language ul { position: absolute; top: 64px; left: 0; background: #fff; width: 70px; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; display: none; }

.language ul li { height: 32px; line-height: 32px; }

.language ul li a { color: #020200; }

.buy_btn { width: 66px; height: 30px; color: #000; font-size: 14px; line-height: 30px; text-align: center; position: absolute; right: 42px; background: #fff; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); }

.header.hasOpacity .language { color: #000; }

.header.hasOpacity .language:before { background: url(../images/lang_bg.png) no-repeat center; }

.header.hasOpacity .language:after { background: url(../images/down_bg1.png) no-repeat center; }

.header.hasOpacity .buy_btn { background: #000; color: #fff; }


@charset "UTF-8";
.newscont11 { position: relative; padding: 20px 0; background-color: #fffaf3; }

.newsdetail11 { background-color: #fffaf3; /*{"title":"内容区背景","type":"color","name":"@newsnrbg","value":"#ffffff"}*/ }

.detailtitle11 { padding-bottom: 10px; }

.detailtitle11 h2 { font-size: 20px; line-height: 30px; color: #333333; /*{"title":"内容标题","type":"color","name":"@texttitle","value":"#333333"}*/ margin-bottom: 10px; }

.detaildate11 { font-size: 16px; color: #333333; /*{"title":"内容日期","type":"color","name":"@textdate","value":"#8e8e8e"}*/ font-family: "宋体"; }

.detailtext11 { padding: 15px 0; border-bottom: 1px solid #d9d9d9; /*{"title":"标题边框","type":"color","name":"@titlebor","value":"#d9d9d9"}*/ border-top: 1px solid #d9d9d9; /*{"title":"标题边框","type":"color","name":"@titlebor","value":"#d9d9d9"}*/ font-size: 14px; line-height: 22px; color: #333333; /*{"title":"标题文本","type":"color","name":"@titlecolor","value":"#333333"}*/ }

.detailtext11 img { display: block; width: auto !important; height: auto !important; max-width: 100%; margin: 0 auto; }

.detailpage11 { padding-top: 15px; color: #666666; /*{"title":"分页文本","type":"color","name":"@pagecolor","value":"#666666"}*/ }

.detailpage11 dd a { display: block; font-size: 14px; line-height: 28px; color: #666666; /*{"title":"分页文本","type":"color","name":"@pagecolor","value":"#666666"}*/ white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.detailback11 { display: block; width: 135px; height: 45px; margin: 15px auto 0; color: #ffffff; /*{"title":"返回列表","type":"color","name":"@backlist","value":"#ffffff"}*/ line-height: 45px; text-align: center; background-color: #f39906; /*{"title":"返回列表背景","type":"color","name":"@backbg","value":"#0068b7"}*/ }

.detailback11:hover { color: #ffffff; /*{"title":"鼠标返回列表文本色","type":"color","name":"@curbacklist","value":"#ffffff"}*/ background-color: #f39906; /*{"title":"鼠标返回列表背景","type":"color","name":"@mousebccolor","value":"#0068b7"}*/ }

.Share11 { display: none; position: absolute; left: 0px; top: 710px; width: 73px; z-index: 50; padding: 55px 0; }

.newsshare11 a { display: block; width: 73px !important; height: 73px !important; margin: 0 0 1px 0 !important; padding: 0 !important; }

.weibolink { background-image: url(../images/news11xw02.jpg) !important; }

.tenngxunlink { background-image: url(../images/news11xw03.jpg) !important; }

.qqlink { background-image: url(../images/news11xw04.jpg) !important; }

.weixinlink { background-image: url(../images/news11xw05.jpg) !important; }

.baidulink { background-image: url(../images/news11xw06.jpg) !important; }

.taolink { background-image: url(../images/news11xw07.jpg) !important; }

.weibolink:hover { background-image: url(../images/news11xw08.jpg) !important; }

.tenngxunlink:hover { background-image: url(../images/news11xw09.jpg) !important; }

.qqlink:hover { background-image: url(../images/news11xw10.jpg) !important; }

.weixinlink:hover { background-image: url(../images/news11xw11.jpg) !important; }

.baidulink:hover { background-image: url(../images/news11xw12.jpg) !important; }

.taolink:hover { background-image: url(../webimages/news11xw13.jpg) !important; }

@media (min-width: 768px) { .newscont11 { padding: 36px 0; }
  .detailtext11 { padding: 30px 0; font-size: 16px; line-height: 26px; }
  .detailpage11 { padding-top: 30px; }
  .detailpage11 dd a { font-size: 16px; line-height: 36px; }
  .detailtitle11 { padding-bottom: 20px; }
  .detailtext11 { padding: 50px 12%; min-height: 510px; font-size: 16px; }
  .Share11 { display: block; }
  .detailpage11 { padding-top: 50px; } }

@media (min-width: 1024px) { .detailback11 { width: 145px; height: 50px; margin: 0; line-height: 50px; }
  .newsdetail11 { padding: 26px 32px; }
  .detailtitle11 { padding: 0 133px 50px 0; }
  .detailtitle11 h2 { font-size: 36px; line-height: 42px; margin-bottom: 35px; }
  .detaildate11 { font-size: 24px; }
  .detailpage11 dd { float: left; max-width: 80%; }
  .detailpage11 dt { float: right; }
  .detailpage11 dd a:hover { color: #f39906; } }

@media (min-width: 768px) { .search-area { right: 8%; }
  .banner .bannerMob_bg { display: none; }
  .banner .bannerPC_bg { display: block; }
  .culture { padding-top: 24px; background: #fff; padding-bottom: 30px; }
  .culture h3.title { font-size: 30px; line-height: 50px; text-align: center; font-weight: bold; }
  .culture .tab-navShow { font-size: 0; text-align: center; margin-top: 18px; }
  .culture .tab-navShow a { display: inline-block; font-size: 12px; color: #1b1b1b; width: 90px; height: 30px; border: 1px solid #7f828a; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; margin-right: 10px; line-height: 30px; }
  .culture .tab-navShow a:last-child { margin-right: 0; }
  .culture .culture-main { padding-top: 24px; }
  .culture .culture-main .culture-item .img-slide { width: 65.85714%; float: left; }
  .video { width: 33.71429%; float: right; margin-top: 0px; }
  .video .video-list { margin-bottom: 6px; }
  .link-tab1 { padding: 0 0px; }
  .link-tab1 .tab-list { margin-bottom: 0px; height: 107px; }
  .link-tab1 .tab-list:last-child { margin-right: 0; background: url(../images/list3_bg.png) no-repeat 7.31707% center; }
  .link-tab1 .tab-list:last-child:hover { background: url(../images/list3_bg1.png) no-repeat 7.31707% center; }
  .link-tab1 .tab-list:nth-child(1) { background: url(../images/list1_bg1.png) no-repeat 7.31707% center; }
  .link-tab1 .tab-list:nth-child(1):hover { background: url(../images/list1_bg.png) no-repeat 7.31707% center; }
  .link-tab1 .tab-list:nth-child(2) { background: url(../images/list2_bg.png) no-repeat 7.31707% center; }
  .link-tab1 .tab-list:nth-child(2):hover { background: url(../images/list2_bg1.png) no-repeat 7.31707% center; }
  .link-tab1 .tab-list a { display: block; width: 100%; height: 100%; display: table; }
  .link-tab1 .tab-list .text { display: table-cell; vertical-align: middle; text-indent: 80px; }
  .link-tab1 .tab-list h3 { font-size: 20px; color: #8c8c8c; line-height: 28px; }
  .link-tab1 .tab-list p { font-size: 14px; color: #8c8c8c; line-height: 24px; }
  .footer .footer-top .footer-nav dl { border-bottom: 1px dashed #fff; }
  .footer .footer-top .footer-nav dt { color: #fff; font-size: 14px; color: #f3f3f3; line-height: 34px; }
  .footer .footer-top .footer-nav dd { display: none; }
  .footer .footer-top .footer-nav dd a { color: #919699; font-size: 12px; line-height: 30px; }
  .footer .footer-top .top-right { margin-top: 10px; text-align: center; }
  .footer .footer-top .top-right p { font-size: 14px; color: #919699; padding-top: 22px; text-align: center; }
  .footer .footer-top .left-bot { padding-top: 12px; overflow: hidden; }
  .footer .footer-top .left-bot .footer-link { margin-left: 36px; width: 88%; padding-left: 10%; float: left; }
  .footer .footer-top .left-bot .footer-link a { width: 30.33%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #fff; float: left; margin-right: 12px; padding-left: 26px; }
  .footer .footer-top .left-bot .footer-link a:nth-child(1) { background: url(../images/tel_bg.png) no-repeat left center; }
  .footer .footer-top .left-bot .footer-link a:nth-child(2) { background: url(../images/mob_bg.png) no-repeat left center; }
  .footer .footer-top .left-bot .footer-link a:nth-child(3) { background: url(../images/email_bg.png) no-repeat left center; }
  .footer .footer-bot .bot-left { color: #616466; padding: 22px 0 28px; line-height: 24px; }
  .footer .footer-bot .bot-left a { color: #616466; }
  .footer .footer-bot .bot-right { font-size: 0; }
  .footer .footer-bot .bot-right a { display: inline-block; vertical-align: middle; margin-left: 14px; }
  .honors-wraper { padding: 0 60px; }
  .swiper-btn { width: 43px; height: 43px; }
  .bannerText .banner-text h3 { font-size: 28px; line-height: 54px; }
  .bannerText .banner-text span { font-size: 33px; }
  .bannerText .banner-text p { font-size: 16px; line-height: 36px; }
  .banner img.pc-banner { display: block; }
  .banner img.mob-banner { display: none; }
  .banner .bannerText { display: block; }
  .honors-sw-hook .swiper-wrapper li { -webkit-transform: scale(0.3); -ms-transform: scale(0.3); -o-transform: scale(0.3); transform: scale(0.3); -moz-transform: scale(0.3); }
  .honors-sw-hook .swiper-wrapper li.swiper-slide-active { -webkit-transform: scale(1); transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); z-index: 10; }
  .procut-btn { width: 58px; height: 58px; }
  .buy_btn { right: 60px; }
  .language { right: 140px; } }

@media (min-width: 1024px) { 

  .language ul{top:73px;}
  body { padding-top: 0; }
  .header { background: none; }
  .mobnav-btn { display: none; }
  .logo { padding-top: 15px; float: left; }
  .nav { display: block; position: static; float: right; width: auto; margin-right: 220px; background: none; }
  .nav li { float: left; border: none; height: 76px; line-height: 76px; }
  .nav li a { color: #ededed; display: block; height: 76px; line-height: 76px; padding: 0 6px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .search-area { right: 0; }
  .header.hasOpacity .nav li a { color: #323232; }
  .search-area .search_btn { margin-top: 0; }
  .banner:hover .prev_btn, .banner:hover .next_btn { display: block; }
  .culture h3.title { font-size: 30px; }
  .footer { padding-top: 22px; }
  .footer .footer-main { padding: 0 10px; }
  .footer .footer-top { padding-bottom: 22px; border-bottom: 1px solid #303233; }
  .footer .footer-top .top-left { width: 85.71429%; float: left; }
  .footer .footer-top .footer-nav dl { float: left; width: 19.5%; border: none; }
  .footer .footer-top .footer-nav dt { padding-bottom: 10px; }
  .footer .footer-top .footer-nav dd { display: block; }
  .footer .footer-top .top-right { float: right; margin-top: 0; }
  .footer .footer-top .left-bot { padding-top: 48px; overflow: hidden; }
  .footer .footer-top .left-bot .footer-link { margin-left: 36px; }
  .footer .footer-top .left-bot .footer-link a { width: auto; color: #fff; float: left; margin-right: 36px; }
  .footer .footer-bot .bot-left { float: left; }
  .footer .footer-bot .bot-right { float: right; padding-top: 20px; }
  .footer .footer-top dt:before { display: none; }
  .footer .footer-top dt:after { display: none; }
  .bannerText .banner-text h3 { font-size: 38px; line-height: 64px; }
  .bannerText .banner-text span { font-size: 43px; }
  .bannerText .banner-text p { font-size: 18px; line-height: 40px; }
  .header .search-box input { float: left; width: 260px; padding-left: 10px; padding-right: 10px; height: 100%; border-right: 1px solid #fff; }
  .header .search-box { position: absolute; display: none; right: -12px; top: 66px; width: 330px; height: 50px; padding-top: 5px; padding-left: 15px; padding-right: 15px; padding-bottom: 5px; z-index: 99999; }
  .header .search-box .search-box-submit { float: left; width: 40px; height: 100%; background: #fff url(../images/search_bg1.png) no-repeat; background-position: center center; border-left: none; cursor: pointer; }
  .geio .swiper-btn { display: none; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }
  .geio:hover .swiper-btn { display: block; }
  .culture .slide-btn { display: none; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }
  .culture .img-slide:hover .slide-btn { display: block; }
  .video .video-list .video-bg { display: none; }
  .video .video-list:hover img { -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03); }
  .video .video-list:last-child { margin-bottom: 0; }
  .video .video-list img { display: block; -webkit-transition: 0.3s; -o-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; }
  .footer .footer-top .left-bot .footer-link { width: 79%; }
  .footer .footer-top .left-bot .footer-logo { display: block; float: left; }
  .tab-list:hover a:after { display: block; }
  .link-tab1 .tab-list .text { text-indent: 140px; }
  .video-popup { display: block; }
  .search-area { display: block; }
  .guest-show .guest-main { padding: 0; }
  .language { height: 66px; line-height: 66px; } }

@media (min-width: 1360px) { .closebtn { right: 16%; top: 3%; } }

@media (min-width: 1440px) { .nav li a { padding: 0 21px; width: auto; text-indent: 0; height: 76px; line-height: 76px; }
  .honors-wraper { margin-top: 45px; }
  .honors-sw-hook { padding: 25px 0; }
  .honors-sw-hook .swiper-wrapper li { -webkit-transform: scale(0.8); -ms-transform: scale(0.2); -o-transform: scale(0.2); transform: scale(0.2); -moz-transform: scale(0.2); margin-right: 25px; }
  .honors-sw-hook .swiper-wrapper li.swiper-slide-active { -webkit-transform: scale(1.1); transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); z-index: 10; }
  .honors-sw-hook .swiper-wrapper li p { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); -moz-transform: scale(1.2); }
  .honors-sw-hook .swiper-wrapper li.swiper-slide-active p { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); -moz-transform: scale(0.9); }
  .honors-sw-hook .swiper-wrapper li.my-slide-left, .honors-sw-hook .swiper-wrapper li.my-slide-right { -webkit-transform: scale(0.2); -ms-transform: scale(0.2); transform: scale(0.2); z-index: 9; -moz-transform: scale(0.2); -o-transform: scale(0.2); opacity: 0.5; }
  .honors-sw-hook .swiper-wrapper li.my-slide-left p, .honors-sw-hook .swiper-wrapper li.my-slide-right p { z-index: 9; }
  .honors-sw-hook .swiper-wrapper li.my-slide-left { right: 2%; }
  .honors-sw-hook .swiper-wrapper li.my-slide-right { left: 2%; }
  .swiper-btn { display: block; }
  .honor-prev { left: -70px; }
  .honor-next { right: -70px; }
  .geio h3.title { font-size: 30px; line-height: 75px; }
  .geio .geio-more { margin: 42px auto 0; }
  .culture { padding-top: 24px; background: #fff; padding-bottom: 30px; }
  .culture h3.title { font-size: 30px; line-height: 50px; text-align: center; font-weight: bold; }
  .culture .tab-navShow { font-size: 0; text-align: center; margin-top: 18px; }
  .culture .tab-navShow a { display: inline-block; font-size: 12px; color: #1b1b1b; width: 90px; height: 30px; border: 1px solid #7f828a; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; margin-right: 10px; line-height: 30px; }
  .culture .tab-navShow a:last-child { margin-right: 0; }
  .culture .culture-main { padding-top: 44px; }
  .culture .culture-main .culture-item { padding-bottom: 46px; display: none; }
  .media { padding-top: 50px; padding-bottom: 62px; }
  .media h3.title { font-size: 30px; margin-bottom: 10px; }
  .media .media-slideShow { padding-top: 40px; }
  .link-show { padding-top: 58px; }
  .link-tab1 { padding: 0 74px; }
  .link-tab1 .tab-list { width: 408px; height: 142px; }
  .link-tab1 .tab-list:last-child { margin-right: 0; background: url(../images/list3_bg.png) no-repeat 27.56098% center; }
  .link-tab1 .tab-list:last-child:hover { background: url(../images/list3_bg1.png) no-repeat 27.56098% center; }
  .link-tab1 .tab-list:nth-child(1) { background: url(../images/list1_bg1.png) no-repeat 27.56098% center; }
  .link-tab1 .tab-list:nth-child(1):hover { background: url(../images/list1_bg.png) no-repeat 27.56098% center; }
  .link-tab1 .tab-list:nth-child(2) { background: url(../images/list2_bg.png) no-repeat 27.56098% center; }
  .link-tab1 .tab-list:nth-child(2):hover { background: url(../images/list2_bg1.png) no-repeat 27.56098% center; }
  .link-tab1 .tab-list .text { text-indent: 180px; }
  .guest-show { padding-top: 36px; padding-bottom: 72px; }
  .guest-show .guest-main { margin: 0 212px; }
  .guest-show .guest-main .guestprev_btn { left: -50px; }
  .guest-show .guest-main .guestnext_btn { right: -50px; }
  .footer { padding-top: 44px; }
  .search-area .search_btn { margin-top: 4px; }
  .bannerText .banner-text h3 { font-size: 56px; line-height: 84px; }
  .bannerText .banner-text span { font-size: 83px; }
  .bannerText .banner-text p { font-size: 20px; line-height: 46px; }
  .geio .geio-text h3 { font-size: 30px; line-height: 58px; }
  .geio .geio-more { margin: 12px auto 0; width: 120px; height: 30px; border: 1px solid #95989e; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; line-height: 30px; text-align: center; font-size: 12px; color: #7c7f87; display: block; }
  .geio .geio-more:hover { background: #000; color: #fff; }
  .closebtn { right: 25%; top: 18%; }
  .procut-left { left: 20%; }
  .procut-right { right: 20%; }
  .language { height: 76px; line-height: 76px; } }






/*made by wyman start*/
html { background-color: #202020; }

body { padding-top: 62px; max-width: 1920px; margin: 0 auto; background-color: #fff; }

.inbody { padding-top: 42px; }

.header.insi-header { background-color: #fff; }

.header.insi-header .logo a { background-image: url(../images/pic02.png); width: 50px; height: 50px; }

.header.insi-header .search-area .search_btn { background-image: url(../images/pic03.png); }

.header.insi-header .mobnav-btn span, .header.insi-header .mobnav-btn span:first-child, .header.insi-header .mobnav-btn span:last-child { background-color: #323232; }

.header.insi-header .nav { top: 62px; }

.inCommonweb.commonweb { max-width: 1400px; }

.pro-top-container { height: 50px; }

.mb10 { margin-bottom: 4px; }

.pro-top-content { background-color: #373737; color: #fff; line-height: 30px; width: 100%; position: fixed; left: 0; top: 62px; z-index: 50; }

.pro-top-content h2 { font-size: 16px; position: relative; padding: 10px 0; }

.pro-top-content h2:after { content: ''; display: block; width: 10px; height: 10px; border-bottom: 2px solid #fff; border-right: 2px solid #fff; position: absolute; top: 50%; right: 5px; margin-top: -8px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.pro-top-content a { color: #fff; width: 15%; display: inline-block; font-size: 14px; text-align: center; padding: 10px 0; }

.pro-top-content .buynow { width: 25%; }

.pro-top-content .buynow span { background-color: #d52529; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: inline-block; width: 90%; }

.pro-top-content p { border-top: 1px solid #999; font-size: 0; }

.pro-price { background-color: #f8f8f8; }

.pro-price img { display: block; float: left; }

.pro-price .buynow { color: #fff; display: inline-block; font-size: 14px; text-align: center; width: 115px; height: 37px; line-height: 37px; background-color: #d52529; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.pro-price dl { float: right; padding-top: 20px; padding-right: 22px; height: 78px; }

.pro-price dt { display: inline-block; vertical-align: middle; }

.pro-price dd { float: right; padding-left: 35px; }

.pro-price dt i { font-style: normal; line-height: 42px; vertical-align: middle; float: left; }

.pro-price dt span { font-size: 24px; font-weight: bold; line-height: 37px; vertical-align: middle; }

.text-red { color: #ce1e22; }

.undis { display: none; }

.pro-app-img { overflow: hidden; position: relative; }

.pro-app-img img { max-width: none; display: block; position: relative; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); height: 150px; }

.pro-app-img .closethis { width: 34px; height: 34px; background: url(../images/pic52.jpg); position: absolute; right: 10px; top: 0; z-index: 1; }

.pro-top-video { margin-top: 10px; padding: 0 10px; overflow: hidden; }

.pro-top-video img { display: block; height: 150px; max-width: none; position: relative; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); height: 150px; }

.pro-top-video a { position: relative; display: block; }

.pro-top-video .video-text { padding-top: 50px; background: url(../images/pic04.png) top center no-repeat; -moz-background-size: 40px; -o-background-size: 40px; background-size: 40px; position: absolute; z-index: 2; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #fff; font-size: 16px; }

.v-tit { text-align: center; padding: 20px 0; }

.v-tit h3 { font-size: 20px; font-weight: bold; color: #272727; }

.v-tit p { color: #666; padding-top: 5px; }

.ovhid { overflow: hidden; }

.video-list { text-align: center; margin-bottom: 35px; }

.video-list ul { margin: 0 -5px; }

.video-list img { display: block; }

.video-list li { padding: 0 5px 10px; }

.video-list li a { position: relative; display: block; }

.video-list li a:after { content: ''; display: block; width: 34px; height: 34px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: url(../images/pic04.png) no-repeat; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; }

.video-list h5 { font-size: 14px; padding-top: 5px; color: #202020; }

.more-btn { width: 100%; background: url(../images/pic07.jpg) repeat-x; text-align: center; color: #fff; line-height: 50px; font-size: 16px; display: block; }

.more-btn:hover { background-repeat: repeat-x; }

.m-img { position: relative; }

.m-img img { width: 100%; display: block; -webkit-transition: 1s; -o-transition: 1s; -moz-transition: 1s; transition: 1s; }

.m-text { position: absolute; z-index: 2; color: #fff; }

.m-text h3 { font-size: 18px; font-weight: bold; padding-bottom: 5px; letter-spacing: 1px; }

.text-center { text-align: center; }

.x-full { width: 100%; }

.x-center { left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.max1400 { width: 100%; height: 100%; max-width: 1400px; padding: 0 10px; position: absolute; left: 50%; top: 0; z-index: 1; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }

.text-right { text-align: right; }

.pad { padding: 0 10px; }

.text-left { text-align: left; }

.single-bd { position: relative; }

.single-bd li .m-text h3, .single-bd li .m-text p { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }

.single-bd li .m-text h3 { -webkit-transition: 1s; -o-transition: 1s; -moz-transition: 1s; transition: 1s; }

.single-bd li .m-text p { -webkit-transition: 1.5s; -o-transition: 1.5s; -moz-transition: 1.5s; transition: 1.5s; }

.single-bd li.cur .m-text h3, .single-bd li.cur .m-text p { opacity: 1; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; }

.pro-nav { font-size: 0; }

.pro-nav a { font-size: 14px; padding: 10px 10px; width: 25%; display: inline-block; vertical-align: top; position: relative; }

.pro-nav a:after { content: ''; width: 1px; height: 15px; border-left: 1px solid #d3d3d3; position: absolute; right: 0; top: 50%; margin-top: -7px; }

.pro-nav a:last-child:after { display: none; }

.single-dot { position: absolute; bottom: 0; left: 0; z-index: 2; text-align: center; vertical-align: middle; height: 15px; }

.single-dot span { width: 9px; height: 9px; background: none; border: 1px solid #fff; opacity: 1; vertical-align: middle; }

.single-dot .swiper-pagination-bullet-active { width: 11px; height: 11px; background: #fff; }

.single-tips { width: 47px; height: 27px; position: absolute; bottom: 70px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); z-index: 10; background: url(../images/pic13.png) no-repeat; display: none; }

.y-top { top: 20px; left: 0; }

.text-black { color: #000;}
.text-white {color: #fff;}
.text-gray { color: #080808;}
@media only screen and (min-width: 701px) {.intro-text {padding-left: 160px; padding-right: 160px;}}
@media only screen and (min-width: 501px) {.intro-text { color: #fff!important; }}
@media only screen and (max-width: 500px) {.intro-text { color: #000!important;} .text-white >h3 {color: #000;} }
.pro-attr { padding-top: 30px; padding-bottom: 40px; }

.pro-attr h3 { font-size: 18px; color: #272727; font-weight: bold; padding-left: 10px; padding-bottom: 20px; }

.pro-attr .thumb { border-top: 1px solid #e5e5e5; }

.pro-attr .thumb p { padding: 8px 0; }

.pro-attr .thumb .clearfix { border-bottom: 1px solid #e5e5e5; }

.pro-attr .thumb .col-md-6 { padding: 0; }

.static { position: static; }

.component .m-text { padding: 20px 10px; }

.component { background: url(../images/pic15.jpg) no-repeat; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

.component .m-text .text-gray { color: #a1a1a1; }

.component-bd { position: relative; padding-bottom: 10px; overflow: hidden; }

.component-bd .text-gray { color: #a1a1a1; }

.component-bd img { max-width: 90%; display: block; margin: 0 auto; }

.ani { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-transition: 1s; -o-transition: 1s; -moz-transition: 1s; transition: 1s; }

.component-bd li.cur .ani { opacity: 1; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; }

.component-dot { width: auto !important; position: relative; display: inline-block; height: 20px; bottom: 0px; vertical-align: top; }

.component-dot span { width: 40px; height: 20px; background: url(../images/pic17.png) left center no-repeat; opacity: 1; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding-right: 20px; position: relative; z-index: 2; vertical-align: top; }

.component-dot span:after { content: ''; display: inline-block; width: 20px; height: 1px; background-color: #d4d4d4; vertical-align: middle; margin-left: 20px; position: absolute; right: 0; top: 50%; }

.component-dot span:last-child { width: 20px; margin-right: 0; }

.component-dot span:last-child:after { display: none; }

.component-dot span.swiper-pagination-bullet-active { background: url(../images/pic18.png) no-repeat; }

.component-prev, .component-next { width: 55px; height: 55px; position: absolute; top: 50%; margin-top: -27px; z-index: 20; }

.component-prev { left: 0; background: url(../images/pic19.png) no-repeat; }

.component-next { right: 0; background: url(../images/pic20.png) no-repeat; }

.component-prev2, .component-next2 { width: 55px; height: 55px; position: absolute; top: 50%; margin-top: -27px; z-index: 20; }

.component-prev2 { left: 0; background: url(../images/pic19.png) no-repeat; }

.component-next2 { right: 0; background: url(../images/pic20.png) no-repeat; }

.swiper-button-prev1 , .swiper-button-next1 { width: 55px; height: 55px; position: absolute; top: 50%; margin-top: -27px; z-index: 20; }

.swiper-button-prev1 { left: 0; background: url(../images/pic19.png) no-repeat; }

.swiper-button-next1 { right: 0; background: url(../images/pic20.png) no-repeat; }

.p-attr { background: url(../images/pic21.jpg) center center no-repeat; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 30px 0; }

.m-center { margin: 0 auto; display: block; }

.p-attr-img { margin-top: 20px; }

.p-attr-img img { max-width: 80%; }

.p-attr-dl { width: 100%; display: table; padding: 20px 10px; }

.p-attr-dl dt { width: 75px; padding-right: 15px; }

.p-attr-dl dt img { width: 59px; display: block; }

.p-attr-dl dt, .p-attr-dl dd { display: table-cell; vertical-align: top; }

.p-attr-dl h4 { font-size: 16px; }

.p-attr-dl p { color: #868686; }

.text-white { color: #fff; }

.appUpload { padding: 20px 0 30px; }

.appUpload img { display: block; }

.appUpload .m-text { padding-top: 20px; }

.appUpload .m-text h3 { color: #494949; }

.appUpload .m-text img { height: 40px; margin-top: 10px; }

.play-list { position: relative; }

.play-list img { display: block; }

.play-list .m-text { padding: 10px 30px; }

.p-video { position: relative; }

.p-video img { display: block; }

.p-video .p-video-text.bgnone { background: none; }

.p-video .n-right { left: auto; right: 5%; }

.p-parameter { padding: 10px 0; }

.p-parameter img { display: block; }

.p-parameter h4 { font-size: 18px; font-weight: bold; }

.p-video-text { position: absolute; left: 5%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

.p-video-text h4 { font-size: 16px; }

.unline { text-decoration: underline; }

.program { position: relative; }

.program img { display: block; }

.program .m-text { padding: 10px 0; }

.program-list-btn { width: 32.888%; height: 100%; position: absolute; z-index: 10; top: 0; right: 0%; display: none; }

.program-list-btn a { width: 100%; display: block; height: 33.333%; overflow: hidden; position: relative; }

.program-list-btn a:after { content: ''; display: block; width:98%; height: 100%; background: rgba(0, 0, 0, 0.6); position: absolute; left: 0; top: 0; z-index: 1; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }

.program-list-btn a span { width: 100%; display: block; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left: 0; z-index: 2; font-size: 18px; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }

.program-list-btn .on span, .program-list-btn .on:after { opacity: 0; }

.program-list-btn .program-list-v-btn:after { background: rgba(0, 0, 0, 0.6) url(../images/pic04.png) center center no-repeat; -moz-background-size: 32px; -o-background-size: 32px; background-size: 32px; }

.program-list-btn img { height: 100%; display: block; }

.app-update { padding: 20px 0; }

.app-update h4 { font-size: 18px; }

.app-update dl { padding-top: 10px; }

.app-update dd, .app-update dt { padding: 10px 0; }

.p-scroll { background: url(../images/pic41.jpg) repeat-x; }

.p-scroll-cont { overflow: hidden; position: relative; }

.p-scroll-bd { padding: 20px 0 10px; }

.p-scroll-bd h4 { font-size: 16px; }

.p-scroll-bd h3 { font-size: 20px; padding-top: 10px; }

.p-scroll-dot { position: static; padding-top: 20px; }

.p-scroll-dot span { width: 9px; height: 9px; opacity: 1; background: none; border: 1px solid #fff; vertical-align: middle; }

.p-scroll-dot span.swiper-pagination-bullet-active { background-color: #fff; width: 12px; height: 12px; }

.p-scroll-prev, .p-scroll-next { width: 30px; height: 40px; position: absolute; top: 50%; -webkit-transform: translateY(-25%); -moz-transform: translateY(-25%); -ms-transform: translateY(-25%); -o-transform: translateY(-25%); transform: translateY(-25%); z-index: 30; }

.p-scroll-prev:after, .p-scroll-next:after { content: ''; display: block; width: 22px; height: 22px; opacity: 0.5; position: absolute; top: 50%; }

.p-scroll-prev { left: 10px; }

.p-scroll-prev:after { border-left: 3px solid #fff; border-bottom: 3px solid #fff; -webkit-transform: rotate(45deg) translateY(-50%); -moz-transform: rotate(45deg) translateY(-50%); -ms-transform: rotate(45deg) translateY(-50%); -o-transform: rotate(45deg) translateY(-50%); transform: rotate(45deg) translateY(-50%); }

.p-scroll-next { right: 10px; }

.p-scroll-next:after { right: 15px; border-top: 3px solid #fff; border-right: 3px solid #fff; -webkit-transform: rotate(45deg) translateY(-50%); -moz-transform: rotate(45deg) translateY(-50%); -ms-transform: rotate(45deg) translateY(-50%); -o-transform: rotate(45deg) translateY(-50%); transform: rotate(45deg) translateY(-50%); }

.p-main { background-color: #030305; padding: 30px 0; }

.p-main h3 { font-size: 24px; line-height: normal; padding-top: 10px; }

.p-main .p-main-cont { color: #fff; padding: 10px 0; }

.p-main-tit { width: 60%; display: block; margin: 0 auto; }

.p-main-color { padding: 10px 0; }

.p-main-color img { display: inline-block; vertical-align: middle; margin-right: 15px; }

.p-main-color a { padding-right: 17px; display: inline-block; }

.p-main-img img { width: 100%; }

.pro-top-content h2 img { display: block; height: 30px; }

@media (max-width: 768px) { .xs-center { width: 100%; left: 0; top: 50%; text-align: center; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } }

@media (min-width: 768px) { .pro-top-container { height: 78px; }
  .pro-top-content { top: 62px; }
  .pro-top-content h2 { display: inline-block; line-height: 58px; padding: 19px 0; vertical-align: middle; }
  .pro-top-content h2 img {  height: 39px; vertical-align: middle; }
  .pro-top-content h2:after { display: none; }
  .pro-top-content p { display: block !important; float: right; }
  .pro-top-content p a { width: auto; padding: 20px 22px; }
  .pro-top-content p .buynow { width: auto; padding-left: 30px; }
  .pro-top-content p .buynow span { width: 115px; height: 37px; line-height: 37px; }
  .pro-app-img img { height: auto; }
  .pro-top-video { padding: 0; margin-top: 30px; }
  .pro-top-video img { width: 100%; height: auto; }
  .pro-top-video .video-text { font-size: 20px; padding-top: 75px; -moz-background-size: auto; -o-background-size: auto; background-size: auto; }
  .video-list { padding-bottom: 20px; }
  .video-list ul { padding-bottom: 20px; }
  .video-list h5 { font-size: 16px; padding-top: 25px; padding-bottom: 15px; }
  .v-tit { padding: 40px 0; }
  .v-tit h3 { font-size: 24px; padding-bottom: 5px; }
  .v-tit p { font-size: 16px; }
  .more-btn { line-height: 65px; }
  .m-text { font-size: 16px; }
  .m-text h3 { font-size: 24px; padding-bottom: 10px; }
  .x-left { left: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
  .x-right { right: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
  .pro-nav a { width: auto; padding: 27px 60px; }
  .y-top { top: 55px; }
  .pro-attr h3 { font-size: 24px; font-weight: normal; }
  .p-attr { padding: 65px 0 35px; }
  .p-attr-thumb { padding-top: 20px; }
  .appUpload { padding-bottom: 0; padding-top: 0; }
  .appUpload .m-text { font-size: 16px; }
  .appUpload .m-text img { margin-top: 25px; }
  .appUpload .table { display: table; width: 100%; }
  .appUpload .table .table-cell { display: table-cell; width: 50%; vertical-align: middle; padding: 0 5%; }
  .play-list { width: 100%; position: absolute; left: 0; top: 0; opacity: 0; -webkit-transition: 1s; -o-transition: 1s; -moz-transition: 1s; transition: 1s; z-index: 2; }
  .play-list img { opacity: 0; -webkit-transition: 1s; -o-transition: 1s; -moz-transition: 1s; transition: 1s; }
  .play-list h3, .play-list p { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-transition: 1s; -o-transition: 1s; -moz-transition: 1s; transition: 1s; }
  .play-list .m-text { position: absolute; top: 10px; }
  .play { position: relative; overflow: hidden; }
  .play-list:first-of-type { display: block; position: relative; opacity: 1; }
  .play-list.on { display: block; opacity: 1; z-index: 4; }
  .play-list.on img { opacity: 1; display: block; }
  .play-list.on h3, .play-list.on p { opacity: 1; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; display: block; }
  .play-list-btn { position: absolute; bottom: 0; left: 0; font-size: 0; z-index: 10; }
  .play-list-btn a { color: #fff; display: inline-block; font-size: 16px; white-space: nowrap; padding: 55px 0 0 0; width: 89px; margin: 0 30px; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }
  .play-list-btn a:first-child { background: url(../images/mode/speed.png) top center no-repeat; background-size: auto 60%;}
  .play-list-btn a:nth-child(2) { background: url(../images/mode/battle.png) top center no-repeat; background-size: auto 60%;}
  .play-list-btn a:nth-child(3) { background: url(../images/mode/hero.png) top center no-repeat; background-size: auto 60%; }
  .play-list-btn a:nth-child(4) { background: url(../images/mode/find.png) top center no-repeat; background-size: auto 60%; }
  .play-list-btn a:nth-child(5) { background: url(../images/mode/duobao.png) top center no-repeat; background-size: auto 60%; }
  .play-list-btn a:nth-child(6) { background: url(../images/mode/AR.png) top center no-repeat; background-size: auto 60%; }
  .play-list-btn a:nth-child(7) { background: url(../images/mode/edu.png) top center no-repeat; background-size: auto 60%; }
  .play-list-btn a:nth-child(8) { background: url(../images/mode/follow.png) top center no-repeat; background-size: auto 60%; }
  .play-list-btn .on { -webkit-transform: translateY(-15px); -moz-transform: translateY(-15px); -ms-transform: translateY(-15px); -o-transform: translateY(-15px); transform: translateY(-15px); }
  .p-video-text { left: 10%; padding-top: 50px; background: url(../images/pic04.png) top center no-repeat; -moz-background-size: 40px; -o-background-size: 40px; background-size: 40px; }
  .p-parameter { padding: 0; position: relative; }
  .p-parameter-text { text-align: left; position: absolute; right: 5%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
  .p-parameter-text h4 { font-size: 24px; padding-bottom: 10px; }
  .app-update { font-size: 18px; }
  .app-update h4 { font-size: 20px; padding-bottom: 5px; }
  .app-update dl, .app-update dd, .app-update dt { display: inline-block; }
  .app-update dd, .app-update dt { padding: 10px 15px; }
  .app-update dd img, .app-update dt img { margin-bottom: 15px; }
  .p-scroll { padding: 35px 0 17px; }
  .p-scroll-bd h4 { font-size: 20px; padding-bottom: 12px; }
  .p-scroll-bd h3 { font-size: 24px; }
  .p-scroll-dot { padding-top: 50px; }
  .pro-app-img .closethis { right: 13.2%; } }

@media (min-width: 992px) { .single-dot { bottom: 30px !important; }
  .single-tips { display: block; }
  .component-hd { position: relative; }
  .component { padding: 30px 0; }
  .component-bd { margin-bottom: 30px; }
  .component-bd .table { display: table; padding: 20px 55px 0; }
  .component-bd .table-cell { width: 50%; display: table-cell; vertical-align: middle; }
  .component-bd .component-dot { margin-top: 70px; }
  .component-dot span { width: 70px; }
  .component-dot span:after { width: 50px; }
  .program-list-btn { display: block; }
  .program-list { width: 100%; position: absolute; left: 0; top: 0; opacity: 0; -webkit-transition: 1s; -o-transition: 1s; -moz-transition: 1s; transition: 1s; z-index: 2; }
  .program-list .m-text { width: auto; color: #fff; position: absolute; z-index: 1; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: left; -webkit-transition: 1s; -o-transition: 1s; -moz-transition: 1s; transition: 1s; }
  .program-list img { opacity: 0; -webkit-transition: 1s; -o-transition: 1s; -moz-transition: 1s; transition: 1s; }
  .program-list:first-of-type { display: block; position: relative; opacity: 1; }
  .program-list.on { opacity: 1; z-index: 4; }
  .program-list.on img { opacity: 1; display: block; }
  .app-update { padding: 55px 0 45px; }
  .p-main { position: relative; padding: 0; }
  .p-main h3 { width: auto; display: inline-block; padding-left: 20px; vertical-align: bottom; }
  .p-main .p-main-cont { width: 50%; padding-top: 20px; }
  .p-main-thumb { width: 100%; height: 100%; position: absolute; left: 0; top: 50px; }
  .p-main-tit { display: inline-block; width: 300px; vertical-align: bottom; } }

@media (min-width: 1024px) { .header.insi-header .nav li a { color: #323232; }
  .pro-top-content { top: 76px; }
  .inbody { padding-top: 0; }
  body { padding-top: 76px; }
  .pro-attr h3 { font-size: 30px; padding-bottom: 65px; padding-top: 25px; }
  .pro-attr { padding-bottom: 75px; }
  .video-list{padding-bottom: 0;}
   }

@media (min-width: 1200px) { .pro-top-video { margin-top: 70px; }
  .v-tit { padding: 60px 0 50px; }
  .v-tit h3 { font-size: 30px; padding-bottom: 12px; }
  .video-list ul { padding-bottom: 45px; }
  .m-text { font-size: 20px; }
  .m-text h3 { font-size: 35px; padding-bottom: 27px; }
  .component { padding-top: 40px; }
  .component .m-text { font-size: 18px; }
  .component li .m-text h3 { font-size: 30px; }
  .component-dot span { width: 150px; }
  .component-dot span:after { width: 135px; }
  .component-bd .table { padding-top: 10px; }
  .component-bd .table img { margin: 0 0 0 10%; }
  .component-bd .table .m-text { padding: 0 90px 0 55px; }
  .lg-fr { float: right; }
  .p-attr-dl { width: 385px; }
  .p-attr-dl h4 { font-size: 20px; padding-bottom: 3px; padding-top: 3px; }
  .p-attr-dl dd { width: 310px; }
  .appUpload .m-text img { height: auto; }
  .play-list-btn { bottom: 33px; }
  .p-video-text { left: 50%; padding-top: 70px; -moz-background-size: auto; -o-background-size: auto; background-size: auto; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
  .p-video-text h4 { font-size: 20px; padding-bottom: 10px; }
  .p-parameter-text { right: 16%; }
  .p-parameter-text h4 { font-size: 35px; padding-bottom: 20px; }
  .p-scroll-prev, .p-scroll-next { -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
  .p-scroll-prev { left: 60px; }
  .p-scroll-next { right: 60px; }
  .p-main-thumb { top: 140px; } }

@media (min-width: 1360px) { .x-right, .x-left { top: 41%; -webkit-transition: .5s; -o-transition: .5s; -moz-transition: .5s; transition: .5s; }
  .component-dot span { width: 215px; }
  .component-dot span:after { width: 195px; }
  .p-attr-thumb { position: relative; padding-bottom: 25px; padding-top: 40px; }
  .p-attr-container { position: absolute; left: 0; top: 65px; }
  .play-list .m-text { top: 10%; }
  .program-list-btn a span { font-size: 24px; }
  .program-list-btn .program-list-v-btn:after { -moz-background-size: auto; -o-background-size: auto; background-size: auto; }
  .p-main-tit { width: auto; }
  .p-main .p-main-cont { padding-top: 25px; padding-bottom: 45px; }
  .p-main-thumb { top: 25%; }
  .p-main-text h3 { font-size: 46px; } }

@media (min-width: 1600px) { .p-main-thumb { top: 30%; } }

/*made by wyman end*/



/*导航下拉效果开始*/
.main-nav li{ position: relative; }
.main-nav .first { position: relative; }
.main-nav .first.hassub::after { content: ''; position: absolute; right: 0; top: 0; width: 40px; height: 40px;
 background: url("../images/barr.png") no-repeat center; -webkit-transition: all ease .3s; -o-transition: all ease .3s; -moz-transition: all ease .3s; transition: all ease .3s; }

.main-nav .first.roll::after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }

.main-nav .subnav { display: none; }

.main-nav .subnav a { padding-left: 20px; text-indent: 0;}



@media (min-width: 1024px){
  .main-nav .first::after { display: none; }
  .main-nav .subnav {padding:10px 0;display: none; position: absolute; left: 50%; top: 76px; 
    -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); 
    -o-transform: translateX(-50%); transform: translateX(-50%); padding-bottom: 10px;
     background:rgba(255,255,255,0.9);   }
  .main-nav li:first-child .subnav a{padding-left:20px;text-align: left;}
  .main-nav .subnav a {  white-space: nowrap; line-height: 36px; height: 36px; color: #000; text-align:center;
    }
  .main-nav .subnav a:hover { color: #cb0000; }
  .main-nav .prdt-dropdown { position: static; }
  .main-nav .full-subnav { display: none; position: absolute; left: 0; top: 60px; z-index: 50; width: 100%; 
    text-align: center; padding: 26px 0 7px; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
  .main-nav .full-subnav a { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; margin: 0 28px; }
  .main-nav .full-subnav a:hover span { color: #cb0000; }
  .main-nav .full-subnav span { display: block; }

}