@media only screen and (max-width:767px){header nav {display: none}}
@charset "utf-8";
/* Overall and normalize */

html,button,input,select,textarea{color:#222}
html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
::-moz-selection{background:#b3d4fc;text-shadow:none}
::selection{background:#b3d4fc;text-shadow:none}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none;height:0}
[hidden]{display:none}
hr{margin: 20px 0;border: 0;border-top: 1px solid #eeeeee;border-bottom: 1px solid #ffffff;-moz-box-sizing:content-box;box-sizing:content-box;}
audio,canvas,img,video{vertical-align:middle}
fieldset{border:0;margin:0;padding:0}
textarea{resize:vertical}
.browsehappy{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}
img{width:auto\9;height:auto;max-width:100%;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic}
p{margin:0 0 10px}
a:focus{outline:none;}
a:active,a:hover{outline:none;}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
blockquote{margin:1em 40px}
dfn{font-style:italic}
mark{background:#ff0;color:#000}
pre{margin:1em 0}
code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
q{quotes:none}
q:before,q:after{content:'';content:none}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
dl,menu,ol,ul{margin:1em 0}
dd{margin:0 0 0 40px}
menu,ol,ul{padding:0 0 0 40px}
nav ul,nav ol{list-style:none;list-style-image:none}
svg:not(:root){overflow:hidden}
figure{margin:0}
form{margin:0}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0;white-space:normal;*margin-left:-7px}
button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}
button,input{line-height:normal}
button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}
button[disabled],html input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}
.clearfix{*zoom:1}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}
.clearfix:after{clear:both}
/* Base styles */
.text-left{text-align:left}
.text-right{text-align:right}
.text-center{text-align:center}
.fb_iframe_widget,.fb_iframe_widget span,.fb_iframe_widget span iframe[style]{width:100% !important} /*for facebook like box 100% width*/
iframe {width:100% !important}
.video-container {position: relative;padding-bottom: 56.25%;padding-top: 30px; height: 0; overflow: hidden;}  /*for youtube 100% width style*/
.video-container iframe,.video-container object,.video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}  /*for youtube 100% width style*/
.pull-right{float:right}
.pull-left{float:left}
.hidden{display: none !important;visibility: hidden !important;}
.hidden-desktop{display: none !important;}
.google-maps img{max-width:none}
.google-maps{width:100%;height:100%;border:1px solid #DDD}  /*for google map style*/
.text-cut{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} /*for text the word cut*/
.circle{-webkit-border-radius:500px;-moz-border-radius:500px;border-radius:500px}  /*for circle border style*/
.rounded{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px} /*for rounded border style*/
.enter-content {word-break: break-word;} /*for Text line breaks*/
.inline-block-fix {display:inline-block;zoom: 1;*display: inline;} /*for fix ie*/
/* Grid setting */
.grid-container {padding-left: 0px;padding-right: 0px; max-width:1100px}
.grid-5, .mobile-grid-5, .grid-10, .mobile-grid-10, .grid-15, .mobile-grid-15, .grid-20, .mobile-grid-20, .grid-25, .mobile-grid-25, .grid-30, .mobile-grid-30, .grid-35, .mobile-grid-35, .grid-40, .mobile-grid-40, .grid-45, .mobile-grid-45, .grid-50, .mobile-grid-50, .grid-55, .mobile-grid-55, .grid-60, .mobile-grid-60, .grid-65, .mobile-grid-65, .grid-70, .mobile-grid-70, .grid-75, .mobile-grid-75, .grid-80, .mobile-grid-80, .grid-85, .mobile-grid-85, .grid-90, .mobile-grid-90, .grid-95, .mobile-grid-95, .grid-100, .mobile-grid-100, .grid-33, .mobile-grid-33, .grid-66, .mobile-grid-66 {
padding-left: 10px;padding-right: 10px;}
.grid-parent {padding-left: 0;padding-right: 0;}
.grid-parent-left {padding-left:0}
.grid-parent-right {padding-right:0}
/* Format setting */
h1,.h1,h2,.h2,h3,.h3,h4,.h4 {font-family:"Microsoft YaHei UI","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;line-height:120%;font-weight:normal; margin:0; padding:0}
h1,.h1{font-size:36px}
h2,.h2{font-size:30px}
h3,.h3{font-size:24px}
h4,.h4{font-size:18px}
h5,.h5{font-size:14px}
h6,.h6{font-size:12px}
/* Author's custom styles */
body{margin:0;font-family:"Microsoft YaHei UI","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;font-size:14px;line-height:20px; overflow-x: hidden;}
body { color:#000}
a{color:#000;text-decoration:none}
a:hover {color:#888888;text-decoration:underline}
a:active {color:#888888;text-decoration:underline}
.mean-container .mean-bar {background:#623e95;}
.mean-container .mean-nav {background:#623e95;}
header { border-bottom-color:#623e95}
ul.share li a {color: #FFF; font-size: 20px;}
header nav > ul > li > a:hover {color:#623e95;}
header nav > ul > li.active > a {color:#623e95;}
footer {border-top-color:#623e95}
.list-layout-01 .date {background:#623e95;}
.pagination ul>li>a:hover,.pagination ul>li>a:focus,.pagination ul>.active>a,.pagination ul>.active>span{background:#623e95}
.pagination ul>.active>a,.pagination ul>.active>span{background:#623e95}
textarea:focus,input[type="text"]:focus,input[type="password"]:focus {border-color:#623e95;}
.btn-style { background-color: #623e95; border:1px solid #623e95;}
.btn-style:hover, .btn-style:focus { background-color:#623e95; border:1px solid #623e95;}
.owl-theme .owl-nav [class*=owl-]:hover{background:#623e95!important;}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot span:hover{background:#623e95!important}
.tooltipster-default {background:#623e95}
.tooltipster-float {background:#4dc247}
.image-style { margin:5px; position: relative; }
.image-style:before {position:absolute;left: -5px; right: -5px; top:-5px; bottom: -5px; background:#FFF;border:1px solid #DDD; content:'';z-index: 0;}
.image-style a { position: relative; z-index: 1; }
.image-style.active:before{ border-color:#623e95;}
.bx-wrapper .bx-controls-direction a {background-color:#623e95!important;}

.warpper { background:#FFF; max-width:1100px; padding:0 48px; margin:auto}
header { padding:0 0 20px 0; box-shadow: 0 0 10px rgba(0,0,0,0.2); position: fixed; top: 0; left: 0; width: 100%; z-index: 2; background-color: #fff;}
header .topbar {margin-bottom: 20px; background-color: #F7F7F7;}
header .topbar ul { list-style: none; margin:0; padding:0; }
header .topbar li {display:inline-block;zoom: 1;*display: inline; margin:0 10px;  }
header .logo img { max-width:100%; max-height:500px;}
header nav{ margin-top: 20px;}
header nav ul { list-style:none; margin:0; padding:0}
header nav i.caret { opacity: 0.6 }
header nav > ul > li {display:inline-block;zoom: 1;*display: inline; position:relative; margin-left: 20px;}
header nav > ul > li > a { font-size:18px; display: block;font-weight: bold; color: #666666; line-height: 18px}
header nav > ul > li > a:hover { text-decoration:none;-o-transition: color 0.25s ease-in;-webkit-transition: color 0.25s ease-in;-moz-transition: color 0.25s ease-in;transition: color 0.25s ease-in;}
header nav > ul > li.active > a .caret,header nav > ul > li > a:hover .caret{ border-top-color: #623e95 !important;}
header nav > ul > li .dropdown-menu{ border-left: 0px;border-top: 0px;border-right: 0px; box-shadow: 0 0 10px rgba(0,0,0,0.2); border-bottom: 3px solid #623e95; padding: 20px; width: 200px; left: 50%; margin-left: -120px;}
header nav > ul > li .dropdown-menu > li,header nav > ul > li .dropdown-menu > li:hover a{ background-color: rgba(0,0,0,0) !important; position: relative;}
header nav > ul > li .dropdown-menu > li > a{ position:relative; z-index: 1;}
header nav > ul > li .dropdown-menu > li > a:active,header nav > ul > li .dropdown-menu > li > a:focus,header nav > ul > li .dropdown-menu > li > a:hover{ color: #623e95 !important;}
header nav > ul > li .dropdown-menu > li::after{content:"";display: block; width: 0%; height: 2px; background-color: #623e95;-webkit-transition-duration: 0.3s;transition-duration: 0.3s; position:absolute; bottom: 0; left: 0;}
header nav > ul > li .dropdown-menu > li:hover::after{ width: 100%;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
header nav > ul > li .dropdown-menu > li::before{ content: ""; display:block;width: 0;height: 0;border-style: solid;border-width: 5px 0 5px 10px;border-color: transparent transparent transparent #623e95; position: absolute; left: 0; top: 50%; margin-top: -5px; opacity: 0;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
header nav > ul > li .dropdown-menu > li:hover::before,header nav > ul > li .dropdown-menu > li.active::before{ opacity: 1;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
header nav > ul > li .dropdown-menu > li a:hover,header nav > ul > li .dropdown-menu > li.active a:hover,header nav > ul > li .dropdown-menu > li.active a{ color: #623e95;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
header nav > ul > li.open .dropdown-menu{animation:fadeIn 0.6s 1;-webkit-animation:fadeIn 0.6s 1;}
header nav > ul > li .dropdown-menu > li.dropdown-submenu:hover a{ color: #623e95;}
header .search-bar { margin:-4px 0 0 20px!important; display: inline-block;}
header .search-bar input{ border-radius: 5px 0 0 5px; max-width: 160px; padding: 3px 10px;}
header .search-bar input[type="text"]:focus{border-color: #c8d800;}
header .search-bar .btn{ background-color: #FFF !important;color:#CCC; border-color: #CCC !important; box-shadow: 0px !important; border-radius: 0 5px 5px 0; padding: 3px 10px;}

.topbar_language,.top-phone{ line-height: 36px;}
.top-phone{ display: inline-block; margin-left: 20px;}
.top_link{  text-align: center; margin:-10px 0; display: inline-block;}
.top_link > li{ margin:0 !important;}
.top_link > li > a{ color: #fff; text-decoration: none;background-color: #623e95; color: #fff; display: block; line-height: 36px; padding: 0 10px;}
.top_link > li > a:hover{ opacity: 0.8;}
.top_link.phone-show{ margin: 0; padding: 0; display: none;}
.language{ display: inline-block; border-radius: 5px; background-color: #e72431; color: #fff; position: relative; margin-right: 10px;}
.language > ul{ margin: 0; padding: 0;}
.language > ul > li{ display: inline-block;}
.language > ul > li > a{ color: #fff;text-decoration: none; padding: 11px; display: block;}
.language .caret{ border-top-color: #fff !important;}
.language .dropdown-menu{ top: 112%;border:0px; box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.language > ul > li.open .dropdown-menu{animation:fadeIn 0.6s 1;-webkit-animation:fadeIn 0.6s 1;}
.language .dropdown-menu>li>a:hover,.language .dropdown-menu>li>a:focus,.language .dropdown-submenu:hover>a,.language .dropdown-submenu:focus>a {background-color:#e72431}
.language .dropdown-menu>.active>a,.language .dropdown-menu>.active>a:hover,.language .dropdown-menu>.active>a:focus{background-color:#e72431;}
.phone-language{ display: inline-block;}
.phone-language ul{ margin: 0; padding: 0;}
.phone-language ul li{ display: inline-block; margin: 0;}
.phone-language ul li a{ display:block; padding: 5px; background-color: #e72431; color: #fff; text-decoration: none; border-radius: 5px; font-size:12px;}
.login{ display: inline-block;color: #fff; text-decoration: none;}
.login a{ color: #fff; display: block; padding: 11px; background-color: #623e95; text-decoration: none; border-radius: 5px;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.login a:hover{ background-color: #4a297a;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.image-description { position: absolute;left: 50%;bottom: 50%; text-align:left; padding:5px 8px;color:#FFF; margin-left: -408px; width: 816px; text-align: center;line-height: 48px; font-size: 16px;}
.image-description h3 { font-size: 48px;}


.banner-more{position: absolute; top: 20%; }

.banner-more .zi1{ display:block;font-size:24px; color:#000; font-weight:400px;}
.banner-more .zi2{ display:block;font-size:20px; color:#D21F24; font-weight:400px;margin-top:20px;}
.banner-more .zi3 a{display:block;color:#FFF; font-weight:400px; display:block;height:50px; font-size:20px; line-height:50px; text-align:center;margin-top:20px;background-image:url(../img/indexwt.png);width:210px;}
.banner-more .zi3 a:hover{text-decoration:none}

.banner-more1{position: absolute; font-size:20px; color:#D21F24; font-weight:400px; top: 27%; }
.banner-more2{position: absolute; font-size:20px;  top: 34%;  background-image:url(../img/indexwt.png); width:210px; }
.banner-more2 a{color:#FFF; font-weight:400px; display:block;height:50px; line-height:50px; text-align:center;}
.bannerleft1{left: 60%;}
.bannerleft2{left: 30%;}


.owl-item.active .image-description{animation:fadeInRight 1s ease 0s 1 normal;-webkit-animation:fadeInRight 1s ease 0s 1 normal;}
.owl-item.active .banner-more .zi1{animation:fadeInLeft 1s ease 0s 1 normal;-webkit-animation:fadeInLeft 1s ease 0s 1 normal;}
.owl-item.active .banner-more .zi2{animation:fadeInLeft 2s ease 0s 1 normal;-webkit-animation:fadeInLeft 1s ease 0s 1 normal;}
.owl-item.active .banner-more .zi3{animation:fadeInLeft 3s ease 0s 1 normal;-webkit-animation:fadeInLeft 1s ease 0s 1 normal;}


#slideshow .owl-dots{ position: absolute; bottom: 10px; z-index: 1; width: 100%;}
#slideshow .owl-dots .owl-dot > span{ background-color: rgba(255,255,255,0) !important; border: 2px solid #fff;}
#slideshow .owl-dots .owl-dot.active > span,#slideshow .owl-dots .owl-dot > span:hover{ background-color: #fff !important;}
#slideshow .owl-nav { margin: 0 !important;}
#slideshow .owl-nav > div{ position: absolute; top: 50%; margin-top: -25px; padding: 0; margin: 0; font-size: 0px; background-position: center center; background-repeat: no-repeat; background-color: rgba(0,0,0,0) !important; display: block; width: 50px; height: 50px;}
#slideshow .owl-nav > div:hover{ opacity: 0.8;}
#slideshow .owl-nav > div.owl-prev{ background-image: url("../img/slideshow-left.png") !important; left: 30px;}
#slideshow .owl-nav > div.owl-next{ background-image: url("../img/slideshow-right.png") !important; right: 30px;}
.tab_content .index-title{ display: none;}
.tabs{ margin: 0; padding: 0; text-align: center;}
.tabs > li{ display: inline-block;}
.tabs > li > a{ text-decoration: none; display: block; padding:20px; color: #fff; font-size: 18px; font-weight: bold;position: relative;background-color: #c8d801}
.tabs > li.active > a,.tabs > li > a:hover,.tabs > li > a:active {background-color: #FFF; color: #000;}
.index-tabs-box{ box-shadow: 0 0 20px rgba(0,0,0,0.15); margin: 50px 0; border-radius: 5px;overflow: hidden;}
.tab_content .content{ padding: 30px;}
.list-more a{ padding: 20px;text-align: center; display: block; border-top: 1px solid #dddddd; text-decoration: none;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.list-more a:hover{ background-color: #623e95;color:#fff;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.tab_content:nth-child(1) .list-more a:hover{ background-color: #c8d800;}
.tab_content:nth-child(2) .list-more a:hover{ background-color: #623e95;}
.tab_content:nth-child(3) .list-more a:hover{ background-color: #e72431;}

.list-tabs{ margin: 0; padding: 0;}
.list-tabs > li{margin-bottom: 5px; list-style-type: none;}
.list-tabs > li > a{ display: block; padding: 10px 25px; border: 1px solid #ddd; color: #000;-webkit-transition-duration: 0.3s;transition-duration: 0.3s; position: relative;}
.list-tabs > li.active > a{ color: #fff !important; background-color: #623e95; border-color: #623e95;}
.list-tabs > li > a::after{ content: ""; display: block; position: absolute; left: 10px; top: 15px;width: 0;height: 0;border-style: solid;border-width: 4px 0 4px 8px;border-color: transparent transparent transparent #888;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.list-tabs > li > a:hover{border-color: #623e95; color: #623e95;-webkit-transition-duration: 0.3s;transition-duration: 0.3s; text-decoration: none;}
.list-tabs > li > a:hover::after{  border-color:transparent transparent transparent #623e95;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.list-tabs > li.active > a::after{ border-color:transparent transparent transparent #fff;}

/*index-list-cover*/
.index-list .cover-box{ position:relative;}
.index-list .cover-box::after{content: ""; display:block; width: 0; height: 2px; background-color: #e72431; position:absolute; left: 0; top: 0;-webkit-transition-duration: 0.3s;transition-duration: 0.3s; }
.index-list:hover .cover-box::after{ width: 100%;}

.index-list .cover-box::before{content: ""; display:block; width: 0; height: 2px; background-color: #e72431; position:absolute; right: 0; bottom: 0;-webkit-transition-duration: 0.3s;transition-duration: 0.3s; }
.index-list:hover .cover-box::before{ width: 100%;}

.index-list .cover-box .cover::after{content: ""; display:block; width: 2px; height: 0; background-color: #e72431; position:absolute; left: 0; bottom: 0;-webkit-transition-duration: 0.3s;transition-duration: 0.3s; }
.index-list:hover .cover-box .cover::after{height: 100%;}

.index-list .cover-box .cover::before{content: ""; display:block; width: 2px; height: 0; background-color: #e72431; position:absolute; right: 0; top: 0;-webkit-transition-duration: 0.3s;transition-duration: 0.3s; }
.index-list:hover .cover-box .cover::before{height: 100%;}
/*index-list-cover-end*/

/*list-cover*/
.list-box .title a{ font-size: 18px; line-height: 18px; font-weight: bold;}
.list-box .cover-box .cover{ opacity: 1 !important;margin-bottom: 20px !important;}
.list-box .cover-box.list-num2 .cover{ max-height:432px;}
.list-box .cover-box.list-num3 .cover{ max-height:284px;}
.list-box .cover-box.list-num4 .cover{ max-height:208px;}
.list-box .cover-box.list-num5 .cover{ max-height:164px;}
.list-box .cover-box{ position:relative;}
.list-box .cover-box::after{content: ""; display:block; width: 0; height: 2px; background-color: #623e95; position:absolute; left: 0; top: 0;-webkit-transition-duration: 0.3s;transition-duration: 0.3s; }
.list-box:hover .cover-box::after{ width: 100%;}

.list-box .cover-box::before{content: ""; display:block; width: 0; height: 2px; background-color: #623e95; position:absolute; right: 0; bottom: 0;-webkit-transition-duration: 0.3s;transition-duration: 0.3s; }
.list-box:hover .cover-box::before{ width: 100%;}

.list-box .cover-box .cover::after{content: ""; display:block; width: 2px; height: 0; background-color: #623e95; position:absolute; left: 0; bottom: 0;-webkit-transition-duration: 0.3s;transition-duration: 0.3s; }
.list-box:hover .cover-box .cover::after{height: 100%;}

.list-box .cover-box .cover::before{content: ""; display:block; width: 2px; height: 0; background-color: #623e95; position:absolute; right: 0; top: 0;-webkit-transition-duration: 0.3s;transition-duration: 0.3s; }
.list-box:hover .cover-box .cover::before{height: 100%;}
/*list-cover-end*/
.cover-border{ border: 1px solid #ddd; padding: 5px; border-radius: 5px;}

.index-list .cover{ height: 185px !important; margin-bottom: 10px !important; opacity: 1 !important;}
.index-list .list-title { margin-bottom: 10px; }
.index-list .list-title a{ font-size: 18px; font-weight: bold;color: #000;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; text-decoration: none;}
.index-list .details{ color: #666666; margin-bottom: 10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; min-height: 38px;}
.index-list .more a{ font-size:16px; color: #623e95;}

.index-individual-bg{ padding: 50px 0; background-position: center center; background-repeat: no-repeat; background-size: cover; background-image: url("../img/index-individual-bg.png");}
.index-individual-bg .index-title > span{color: #fff;}
.index-title > span{font-size: 32px; display: block; text-align: center;margin: auto;color: #000; line-height: 32px; margin-bottom: 50px;}
.index-individual-bg .owl-dots .owl-dot > span{ background-color: rgba(255,255,255,0) !important; border: 2px solid #fff;}
.index-individual-bg .owl-dots .owl-dot.active > span,.index-individual-bg .owl-dots .owl-dot > span:hover{ background-color: #fff !important;}
.index-slider-box{ box-shadow: 0 0 20px rgba(0,0,0,0.15); background-color: #fff; margin: 10px;}
.index-slider-box .cover{ overflow: hidden;}
.index-slider-box .cover img{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transition:All 0.4s ease-in-out !important; -webkit-transition:All 0.4s ease-in-out !important; -moz-transition:All 0.4s ease-in-out !important; -o-transition:All 0.4s ease-in-out !important;}
.index-slider-box:hover .cover img{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out;}
.index-slider-box .title{ padding: 20px;font-size: 18px; font-weight: bold; line-height: 32px;}
.index-slider-box .title img{ width: auto !important; display: inline-block !important; margin-right: 10px; position: relative; top: -3px;}
.index-slider-box .more{ border-top: 1px solid #dddddd; color: #623e95; position: relative;}
.index-slider-box .more a{ position: relative; z-index: 1; font-size: 16px; display: block; padding:12px 20px;text-decoration: none;}
.index-slider-box .more::after{content:"";display: block; width: 0%; height: 3px; background-color: #623e95;-webkit-transition-duration: 0.3s;transition-duration: 0.3s; position:absolute; bottom: 0; left: 0;}
.index-slider-box:hover .more::after{ width: 100%;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.index-enterprise{ padding: 50px 0;}
.index-enterprise .owl-dots .owl-dot > span{ background-color: rgba(255,255,255,0) !important; border: 2px solid #623e95;}
.index-enterprise .owl-dots .owl-dot.active > span,.index-enterprise .owl-dots .owl-dot > span:hover{ background-color: #623e95 !important;}
.page-title{ padding: 38px 0; background-color: #623e95; color: #fff;width: 100vw;position: relative;left: 50%;margin: 0px -50vw;}
.footer-page{ margin: 0; padding: 0; display: inline-block;}
.footer-page li{ display: inline-block; margin:0 10px;}
.footer-page li a{ line-height: 23px;}

footer { padding:50px 0 0 0; background-color: #1f1f1f; color: #999999;}
footer a{color: #999999;}
footer .copyright { color:#999999; margin: 0 20px 0 0; line-height: 23px; display: inline-block;}
footer .created { font-size:12px; color:#999999; display: none;}
footer .footer-msg{ background-color: #303030; padding: 20px 0; margin-top: 50px;}
footer .footer-title{ font-size: 18px;color:#fff; font-weight:bold; margin-bottom: 20px;}
footer .footer-left{ padding-right: 10px;}
footer .footer-center{ padding: 0 10px;}
footer .footer-right{ padding-left: 10px;}

/* list style */
.list-layout { margin-left:-10px; margin-right:-10px;}
.list-layout .title {font-size:15px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; }
.list-layout .cover { margin-bottom:10px; background:#F2F2F2; width:100%}
.list-layout .date { color:#888}
.list-layout .details {color:#666}

.list-layout-01 { position:relative; padding-left:75px; min-height: 68px;}
.list-layout-01 .title { font-size: 20px; line-height: 20px; }
.list-layout-01 .date {text-align:center; width:60px; position:absolute; left:0; top:0; padding:10px 0; color:#FFF}
.list-layout-01 .month { font-size:24px; margin-bottom:5px;}
.list-layout-01 .year { font-size:14px;}
.list-layout-01 .cover {text-align:center}

.list-layout-06 .cover-border { width:180px;margin-left:15px;}
.list-layout-06 .cover{ margin-bottom: 0 !important;}
.list-layout-06 .title { font-size: 20px; line-height: 20px; }
.list-layout-06 .body {display:block;overflow: hidden;*overflow: visible;zoom: 1}

.list-layout-07 .cover-border { width:180px;margin-right:15px;}
.list-layout-07 .cover{ margin-bottom: 0 !important;}
.list-layout-07 .title { font-size: 20px; line-height: 20px; }
.list-layout-07 .body {display:block;overflow: hidden;*overflow: visible;zoom: 1}

.list-layout-08 .title { font-size: 20px; line-height: 20px; }
.list-layout-08 .date { font-size:14px; color:#888;}

.list-layout-09 .cover{ margin-bottom: 0 !important;}
.list-layout-09 .title { font-size: 20px; line-height: 20px; }
.list-layout-09 .date { font-size:14px; color:#888;}

.list-layout-10 .cover{ margin-bottom: 0 !important;}
.list-layout-10 .title { font-size: 20px; line-height: 20px; }
.list-layout-10 .date { font-size:14px; color:#888;}

.list-layout-11 .cover-border { width:180px;margin-right:15px;}
.list-layout-11 .cover{ margin-bottom: 0 !important;}
.list-layout-11 .title { font-size: 20px; line-height: 20px; }
.list-layout-11 .body {display:block;overflow: hidden;*overflow: visible;zoom: 1}

/* list style end */

.form-inline { margin-left:-10px; margin-right:-10px;}
.form-inline label { display:block}
.form-inline .grid-100 { margin-bottom:10px;}

ul.slideshow { list-style:none; margin:0; padding:0}
a.imgresize { display:block}
.google-maps { height:180px;}

.go-top{position:fixed;bottom:30px;right:30px;text-decoration:none;color:#999999;font-size:28px;padding:5px 10px;display:none;filter:Alpha(Opacity=80);opacity:.8; z-index:9999;border: 2px solid #999999;}
.go-top:hover{color:#999999;text-decoration:none;filter:Alpha(Opacity=100);opacity:1}
.search-box { background:#F7F7F7; border:1px solid #DDD;}
ul.search-list { list-style:none; margin:0; padding:0}
ul.search-list li { border-bottom:1px dashed #DDD; padding:8px 0;}

.gallery-wall { margin-left:-10px; margin-right:-10px;}
.gallery-wall a { display:block; height:150px;}
.gallery-wall .photo-style {display: block;margin-bottom:20px; }

div.pull-right-gallery { width:40%; padding-left:20px;}
div.pull-left-gallery { width:40%; padding-right:20px;}

ul.share { list-style:none; padding:0; margin: 0;}
ul.share li { display:inline-block;zoom: 1;*display: inline; }
ul.share li a { padding:0 10px; margin:1px; display: block;}
ul.share li a:hover {filter: Alpha(Opacity=80);opacity: 0.8;}

.float_button {position: fixed;right: 30px;top: 80px;}
a.float_whatsapp,a.float_whatsapp:hover,a.float_wechat,a.float_wechat:hover {
  color: #FFFFFF;
  display: block;
  font-size: 2em;
  height: 50px;
  width: 50px;
  text-align: center;
  line-height: 50px;
    border-radius: 50px;
    box-shadow: 0 0px 7px rgba(0,0,0,0.3);
    padding: 2px;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    z-index: 100; outline: none;margin-bottom: 10px;}
a.float_whatsapp {background-color: #4dc247;}
a.float_wechat {background-color: #4dc247;}
/*ken-add*/
.full-width{width: 100vw;position: relative;left: 50%;margin: 0px -50vw;}
.text-linecut{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}

nav > ul > li > ul.dropdown-menu { min-height:200px;padding-left: 250px!important;margin-left: -270px!important;margin-top: 10px; background-image: url(../img/dropdown_cover.png); background-repeat: no-repeat;background-position: top left}
nav > ul > li:nth-child(2) > ul.dropdown-menu {background-image: url(../img/dropdown_cover_1.jpg);}
nav > ul > li:nth-child(3) > ul.dropdown-menu {background-image: url(../img/dropdown_cover_2.jpg);}
nav > ul > li:nth-child(4) > ul.dropdown-menu {background-image: url(../img/dropdown_cover_3.jpg);}
nav > ul > li:nth-child(6) > ul.dropdown-menu {background-image: url(../img/dropdown_cover_4.jpg);}
nav > ul > li:nth-child(7) > ul.dropdown-menu {background-image: url(../img/dropdown_cover_5.jpg);}

/* content table display styles */
.enter-content p {line-height: 150%; margin: 5px 0;word-break: break-word !important;}
.enter-content h1,.enter-content h2,.enter-content h3,.enter-content h4,.enter-content h5,.enter-content h6 {line-height:150%;font-weight:bold; margin:0.5em 0; padding:0}
.enter-content h1{font-size:2em;}
.enter-content h2{font-size:1.5em;}
.enter-content h3{font-size:1.17em;}
.enter-content h4{font-size:1em;}
.enter-content h5{font-size:.83em;}
.enter-content h6{font-size:.67em;}
article.enter-content table { max-width:100%!important;border-color:#DDD}
.enter-content table th { font-weight: bold; }
.enter-content table td,.enter-content table th { padding: 9px 10px; text-align: left; }
/* responsive layout styles */
@media only screen and (max-width:940px){
.warpper { padding:0 20px;}
}
@media only screen and (max-width:767px){
.hidden-desktop{display: block !important;}
.hidden-phone{display: none !important;}
.text-left,.text-right{text-align:center}
.grid-parent-left {padding-left:10px}
.grid-parent-right {padding-right:10px}
.enter-content img{max-width:100% !important;height:auto !important} /*for img set style width and height unable responsive*/
.enter-content table { margin-bottom: 0; }
.enter-content div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden;}
.enter-content div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; }	
.enter-content table td, .enter-content  table th { position: relative; white-space: nowrap; overflow: hidden; }
header .search-bar { margin:0 0 20px 0 !important; display:block;}
.warpper { padding:0 15px;}
.form-inline .grid-50 { margin-bottom:10px;}
.google-maps { height:120px;}
.list-layout-01 { padding-left:60px;}
.list-layout-01 .date {width:50px; padding:8px 0;}
.list-layout-06 .cover,.list-layout-07 .cover,.list-layout-11 .cover { width:auto;}
div.pull-right-gallery { width:100%;}
.float_button {position: fixed;right: 30px;top: 40%;}
footer{ padding: 20px 0 0 0;}
footer .footer-msg{ margin-top: 20px;}
footer .copyright {line-height: 18px; margin-bottom: 20px;}
footer .footer-left,footer .footer-center{ margin-bottom: 20px;}
footer .footer-left,footer .footer-center,footer .footer-right{ padding: 0 20px;}
.image-description{ width: 290px; margin-left: -153px; margin-bottom: -50px; line-height: 16px;}
.image-description h3 {font-size: 20px; margin-bottom: 10px; font-weight: bolder;}
.image-description p {font-size: 14px;min-height: 48px;}

.phone-language{ display: inline-block !important;}
.logo img{ max-width: 100%; margin: 0 0 0 20px;}
.index-list .cover{ height: 150px !important;}
.index-tabs-box{ margin:0 30px 30px 30px;}
.index-individual-bg,.index-enterprise{ padding: 30px 30px;}
.index-title > span{ margin-bottom: 30px;}
.index-list{ margin-bottom: 10px;}
#slideshow .owl-dots{ position: relative; bottom: auto; margin-top: 10px;}
#slideshow .owl-dots .owl-dot > span{ background-color: rgba(255,255,255,0) !important; border: 2px solid #623e95;}
#slideshow .owl-dots .owl-dot.active > span,#slideshow .owl-dots .owl-dot > span:hover{ background-color: #623e95 !important;}
#slideshow .owl-nav > div{ width: 25px; height: 25px; background-size: 25px !important; top: 45%;}
#slideshow .owl-nav > div.owl-prev{left: 10px;}
#slideshow .owl-nav > div.owl-next{right: 10px;}
.tabs > li > a{ font-size: 14px;}
.page-title{ padding: 15px 0;}
.login{ display:block; margin-top: 10px}
.login a{ display: inline-block; padding:5px 15px;font-size: 12px;}
.mean-container a.meanmenu-reveal{ top: -105px !important; right: 20px !important;}
.index-list:nth-child(2),.index-list:nth-child(3){ display: none;}
.mean-container .mean-nav{ margin-top: 0 !important;}
nav > ul > li > ul.dropdown-menu{ min-height: auto; padding: 0 !important; margin:0 !important; background-image: none !important;}
.topbar{ padding: 0 10px;}
header .topbar li{ margin: 0 3px;}
.index-content-1,
.index-content-2,
.index-content-3{margin:0 30px 30px 30px;box-shadow:5px 5px 20px rgba(0,0,0,0.12);border-radius: 30px; overflow: hidden;}
.index-content-1 .content,
.index-content-2 .content,
.index-content-3 .content{ padding: 20px;}
.index-content-1 .index-title,
.index-content-2 .index-title,
.index-content-3 .index-title{margin:-20px -20px 20px -20px !important; background-color: #c8d801;}
.index-content-1 .index-title > span,
.index-content-2 .index-title > span,
.index-content-3 .index-title > span{ padding: 15px; color: #fff;font-size: 24px; font-weight: bold; line-height: 24px; margin: 0;}
.index-content-1 .list-more a,
.index-content-2 .list-more a,
.index-content-3 .list-more a{padding: 15px;font-size: 16px;}
.index-content-1 .details,
.index-content-2 .details,
.index-content-3 .details,
.index-content-1 .more,
.index-content-2 .more,
.index-content-3 .more{display: none;}
header .logo img { max-width:40%;}
header { padding: 0;}
body{ padding-top: 153px;}
.banner-more{ font-size: 14px;bottom:30px;}
.top_link.phone-show{ display: block; padding: 0 20px;text-align: right; background-color: #c8d801; margin-top: 20px;}
.top_link.phone-show li{ display: inline-block;}
}