@font-face {
    font-family: "Bebas";
    src: url("../font/BEBAS___-webfont.woff.ttf") format('opentype');
    font-weight: normal;
    font-style: normal
}
@font-face {
	font-family: 'Conv_DINCondensedC';
	src: url('');
	src: local('☺'), url('../font/DINCondensedC.woff') format('woff'), url('../font/DINCondensedC.ttf') format('truetype'), url('') format('svg');
	font-weight: normal;
	font-style: normal;
}
body{font-family:"Open Sans",Arial,sans-serif;background: #FFF;height: 100%;position: relative;}
input[type="text"] {-webkit-appearance:none;}
textarea {-webkit-appearance:none;}
h1,h2,h3,h4,h5,h6,figure {font-weight:400;}
::-webkit-selection {color:#fff;background:#1EBAC5;}
::-moz-selection {color:#fff;background:#1EBAC5;}
::selection {color:#fff;background:#1EBAC5;}
.text-lowercase {text-transform:lowercase;}
.text-uppercase,.initialism {text-transform:uppercase;}
.text-capitalize {text-transform:capitalize;}
a {color:#666;text-decoration:none}
a:focus,a:hover {color:#1EBAC5;transition:none}
a.text-gray:hover{color:#F32278}
p {margin:0}
dl,dd,ul,li {margin:0;padding:0;list-style:none}
.none{display: none;}
.block{display: inline-block;}
.overflow{overflow:hidden}

.fixed {z-index:9999;}
.Bebas {font-family:"Bebas";}
.DINCondensedC{font-family: 'Conv_DINCondensedC';}




.container-layout{max-width:1380px;}
.container-wrap{max-width:820px;margi`1n:0 auto;display:block;padding:0 10px}
.container-wrap:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden}


.faqbar-r {margin-left:0px;}
.faqbar-l {margin-right:80px}

.sidebar-l {margin-right:20px}
.sidebar-r {margin-left:10px;}

.sidebar-r .download-title {line-height:56px;background:#3B3E4C;}
.sidebar-r .download-info {padding:0 30px 30px 30px;}
.sidebar-r .download-info h3 {font-size:16px;color:#444172}


.bg-main {background:#21CFDB}
.bg-gray {background:#f8f8f8}
.bg-blue-2{background:#E4F5FF}
.bg-blue-3{background:#D9E4FA}
.bg-solution{background:#F8F8F8 url(../image/bg-solution.png) no-repeat right bottom;}
.button-blue{
border-radius: 26px;
background: linear-gradient(-45deg,#32b6ff,#4276ff);
-webkit-box-shadow: 0 2px 8px 0 rgba(82,94,102,.15);
box-shadow: 0 2px 8px 0 rgba(82,94,102,.15);}

.padding-small{padding:10px;}
.padding-middle{padding:20px;}
.padding-big {padding:30px;}
.padding-large {padding:50px;}
.padding-large-left{padding-left:50px}
.padding-large-right{padding-right:50px}

.blank {height:10px;line-height:10px;clear:both;font-size:0;}
.blank-small {height:20px;line-height:20px;clear:both;font-size:0;}
.blank-middle {height:50px;line-height:50px;clear:both;font-size:0;}
.blank-big {height:80px;line-height:80px;clear:both;font-size:0;}
.blank-large{height:100px;line-height:100px;clear:both;font-size:0;}

.line-small {margin-left:-1px;margin-right:-1px}
.line-small .x1,.line-small .x2,.line-small .x3,.line-small .x4,.line-small .x5,.line-small .x6,.line-small .x7,.line-small .x8,.line-small .x9,.line-small .x10,.line-small .x11,.line-small .x12,.line-small .xl1,.line-small .xl2,.line-small .xl3,.line-small .xl4,.line-small .xl5,.line-small .xl6,.line-small .xl7,.line-small .xl8,.line-small .xl9,.line-small .xl10,.line-small .xl11,.line-small .xl12,.line-small .xs1,.line-small .xs2,.line-small .xs3,.line-small .xs4,.line-small .xs5,.line-small .xs6,.line-small .xs7,.line-small .xs8,.line-small .xs9,.line-small .xs10,.line-small .xs11,.line-small .xs12,.line-small .xm1,.line-small .xm2,.line-small .xm3,.line-small .xm4,.line-small .xm5,.line-small .xm6,.line-small .xm7,.line-small .xm8,.line-small .xm9,.line-small .xm10,.line-small .xm11,.line-small .xm12,.line-small .xb1,.line-small .xb2,.line-small .xb3,.line-small .xb4,.line-small .xb5,.line-small .xb6,.line-small .xb7,.line-small .xb8,.line-small .xb9,.line-small .xb10,.line-small .xb11,.line-small .xb12 {position:relative;min-height:1px;padding-right:1px;padding-left:0px}
.line-large {margin-left:-15px;margin-right:-15px}
.line-large .x1,.line-large .x2,.line-large .x3,.line-large .x4,.line-large .x5,.line-large .x6,.line-large .x7,.line-large .x8,.line-large .x9,.line-large .x10,.line-large .x11,.line-large .x12,.line-large .xl1,.line-large .xl2,.line-large .xl3,.line-large .xl4,.line-large .xl5,.line-large .xl6,.line-large .xl7,.line-large .xl8,.line-large .xl9,.line-large .xl10,.line-large .xl11,.line-large .xl12,.line-large .xs1,.line-large .xs2,.line-large .xs3,.line-large .xs4,.line-large .xs5,.line-large .xs6,.line-large .xs7,.line-large .xs8,.line-large .xs9,.line-large .xs10,.line-large .xs11,.line-large .xs12,.line-large .xm1,.line-large .xm2,.line-large .xm3,.line-large .xm4,.line-large .xm5,.line-large .xm6,.line-large .xm7,.line-large .xm8,.line-large .xm9,.line-large .xm10,.line-large .xm11,.line-large .xm12,.line-large .xb1,.line-large .xb2,.line-large .xb3,.line-large .xb4,.line-large .xb5,.line-large .xb6,.line-large .xb7,.line-large .xb8,.line-large .xb9,.line-large .xb10,.line-large .xb11,.line-large .xb12 {position:relative;min-height:1px;padding-right:15px;padding-left:15px}


.zoomimg{display:block;width:100%;height:0;overflow:hidden;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;position:relative;}
.zoom-pro {padding-bottom:63%;}
.zoom-news {padding-bottom:63%;}
.zoom-honour {padding-bottom:150%;}



.slides-li {width:100%;float:left;margin-right:-100%;position:relative;display:block;z-index:1;}
.slides-li .slidestext{overflow:hidden;margin-top:18%;}
.slides-li .slidestext h2{font-size:64px;line-height:54px;font-weight:600;color:#fff;margin:0 0 20px 0;}
.slides-li .slidestext p{font-size:30px;line-height:42px}
.slides-li .slidestext .button{max-width:200px;padding:15px 0px;background: linear-gradient(-45deg,#10C2BA,#147FCB);}
.slides-li strong{text-indent: -2000px;font-size: 0;}
.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus {outline:none;}
.slides,.flex-control-nav,.flex-direction-nav {margin:0;padding:0;list-style:none;}

.flexslider {margin:0;padding:0;position:relative;}
.flexslider .slides > li {-webkit-backface-visibility:hidden;height:600px;}
.flexslider .slides li .overlay {position:absolute;top:35%;left:0;right:0;bottom:0;}
.flexslider .slides li a {display:block;height:100%;}
.flexslider .slides img {width:100%;display:block;}
.flex-pauseplay span {text-transform:capitalize;}
.slides:after {content:"\0020";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
html[xmlns] .slides {display:block;}
* html .slides {height:1%;}
.no-js .slides > li:first-child {display:block;}

.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{background-color:rgba(255,255,255,.6);display:inline-block;cursor:pointer;width:6px;height:6px;border-radius:10px;text-indent:-2000px;-webkit-transition: all ease .5s;-o-transition: all ease .5s;transition: all ease .5s;}
.flex-control-nav .flex-active{background:#FFF;width:20px;-webkit-transition: all ease .5s;-o-transition: all ease .5s;transition: all ease .5s;}

.flex-direction-nav {position:absolute;z-index:3;width:100%;top:50%;display:none}
.flex-direction-nav li a {display:block;width:50px;height:96px;overflow:hidden;cursor:pointer;position:absolute;margin-top:-48px;text-indent:-999em}
.flex-direction-nav li a.flex-prev {left:3%;background:url(404.png) 0 0 no-repeat;border:1px solid #0000ff}
.flex-direction-nav li a.flex-next {right:3%;background:url(404.png) 0 0 no-repeat;border:1px solid #0000ff}
.flex-direction-nav li a.flex-next:hover {background:url(404.png) 0 -96px no-repeat;border:1px solid #0000ff}
.flex-direction-nav li a.flex-prev:hover {background:url(404.png) 0 -96px no-repeat;}



.banner-top {position:relative;background-repeat:no-repeat;background-position:center center;background-size:cover;margin:0;padding:0;}
.banner-top .banner-info {position:absolute;top:50%;margin-top:-40px;left:0;right:0;z-index:3}
.banner-top .banner-info h2 {letter-spacing:1px;font-size:46px;font-weight:600;position:relative;margin-bottom:20px;margin-top:-20px;padding-left:20px}

.banner-top .banner-info h3 {letter-spacing:1px;font-size:42px;font-weight:600;position:relative;margin-bottom:20px}
.banner-top .banner-info h3:before {left:50%;margin-left:-15px;bottom:-10px;width:30px;height:3px;background:#FFF;content:'';display:block;position:absolute;}
.banner-top .banner-info p{font-size:42px;line-height:50px}
.banner-top i{width:84px;height:84px;line-height:84px;margin-left: -42px;bottom:-42px;background:#0A6CD9;z-index:1;font-size:48px;border-radius:50%;text-align:center;position: absolute;left: 50%;-webkit-transition:.5s;transition:.5s;}
.banner-top i:hover{background:#0A6CD9;-webkit-transition:.5s;transition:.5s;}


.banner-small{height:300px}
.banner-middle{height:420px}
.banner-big{height:500px}
.banner-large{min-height: calc(100vh - 0px)}


.banner-search .form-group {max-width:510px;margin:0 auto;}
.banner-search .input {padding:0 15px 0 20px;color:#999;border-radius:30px 0 0 30px;height:60px;background:#FBFBFC;box-shadow:none}
.banner-search .input-group .addbtn {padding:3px;text-align:center;background:#FBFBFC;border-radius:0 30px 30px 0;}
.banner-search .button {height:54px;width:54px;border-radius:30px;background:#1EBAC5;}

.subscription {padding:50px 0}
.subscription .label{font-size:16px;margin-right:10px}
.subscription .input {padding:0 15px 0 15px;color:#999;border-radius:5px;height:50px;background:#FBFBFC;box-shadow:none;border:none}
.subscription .button{height:50px;}



.bread-style2 {line-height:60px;height:60px;font-size:0;}
.bread-style2 i{font-size:14px;color:#999}
.bread-style2 a{color:#999;font-size:14px;display:inline-block;}
.bread-style2 a:hover{color:#1EBAC5}
.bread-style2 a:after {content:"";padding:0 10px;background:url(../image/bread-style1.png) no-repeat center 50%;}
.bread-style2 a:last-child:after {content:"";background:none;}



.bread-style1 {line-height:60px;height:60px;font-size:0;}
.bread-style1 i{font-size:14px;color:#999}
.bread-style1 a{color:#999;font-size:14px;display:inline-block;}
.bread-style1 a:hover{color:#1EBAC5}
.bread-style1 a:after {content:"";padding:0 10px;background:url(../image/bread-style1.png) no-repeat center 50%;}
.bread-style1 a:last-child:after {content:"";background:none;}




.owl-carousel .owl-dots {position:absolute;top:50%;padding:0;text-align:left;width:20px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
.owl-carousel .owl-dots .owl-dot {display:inline-block;position:relative;vertical-align:middle;}
.owl-carousel .owl-dots .owl-dot span {border-radius:50%;background:#d3d3d3;display:inline-block;text-align:center;-webkit-transition:all ease .5s;-o-transition:all ease .5s;transition:all ease .5s;}
.owl-carousel .owl-dots .owl-dot.active span {background:#10C2BA;border-color:#10C2BA;height:20px;border-radius:10px;}


.owl-carousel.dot-right-style .owl-dots {position:absolute;top:-45px;right:0;left:auto;padding:0;text-align:right;display:inline-block;width:100%;}
.owl-carousel.dot-right-style .owl-dots .owl-dot span {width:7px;height:7px;margin:0 5px;}
.owl-carousel.dot-right-style .owl-dots .owl-dot.active span {width:20px;}


.owl-carousel.dot-center-style .owl-dots {position:relative;top:30px;padding:0;text-align:center;vertical-align:middle;display:inline-block;width:100%;}
.owl-carousel.dot-center-style .owl-dots .owl-dot span {width:7px;height:7px;margin:0 5px;}
.owl-carousel.dot-center-style .owl-dots .owl-dot.active span {width:20px;}


.owl-carousel .owl-nav i {font-size:20px;color:#fff;}
.owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next {width:48px;height:48px;line-height:50px;-webkit-transition:all ease 500ms;-o-transition:all ease 500ms;transition:all ease 500ms;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);top:50%;position:absolute;background:#10C2BA;text-align:center;border-radius:50%;opacity:0;}
.owl-carousel .owl-nav .owl-prev {background:#10C2BA;left:-24px;right:auto;}
.owl-carousel .owl-nav .owl-next {right:-24px;}


.owl-carousel.arrow-style .owl-nav i {font-size:18px;color:#fff;}
.owl-carousel.arrow-style .owl-nav .owl-prev,.owl-carousel.arrow-style .owl-nav .owl-next {width:24px;height:24px;line-height:24px;-webkit-transition:all ease 500ms;-o-transition:all ease 500ms;transition:all ease 500ms;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);top:50%;position:absolute;background:#10C2BA;text-align:center;border-radius:50%;opacity:0;}
.owl-carousel.arrow-style .owl-nav .owl-prev {background:#10C2BA;left:-12px;right:auto;}
.owl-carousel.arrow-style .owl-nav .owl-next {right:-12px;}



.content {font-size:16px}
.content .padding-large{padding:50px}
.content hr {margin:10px 0;height:1px;}
.content h1 {font-size:32px;font-weight:600;line-height:42px;margin:0 0 10px 0;}
.content h2 {font-size:24px;font-weight:600;line-height:28px;margin:0 0 10px 0;}
.content h3 {font-size:20px;font-weight:600;line-height:24px;margin:0 0 10px 0;}
.content h4 {font-size:48px;font-weight:600;line-height:52px;margin:0 0 10px 0;}
.content strong {font-size:18px;margin:10px 0}

.content table {margin:20px 0;}
.content table th{background:#DAF0FD;color:#FFF;border:1px solid #fff}
.content table tr.ue-table-interlace-color-single{background:#DAF0FD;}
.content p {font-size:16px;line-height:28px;margin-bottom:10px;}
.content img {margin:0;max-width:100%}
.content a{text-decoration: none;border-bottom: 0px solid #1EBAC5;color: #1EBAC5;}
.content a:hover{color:#1EBAC5;border-bottom: 0px solid #1EBAC5;}
.content .text-right {text-align:right}

.content ul.list-paddingleft-2 {padding:0}
.content ul li {padding:0 0 5px 20px;position:relative;font-size:16px;}
.content ul li p {line-height:24px}
.content ul li:before {content:'';position:absolute;top:9px;left:0px;background:#1EBAC5;width:8px;height:8px;border-radius:50%;}

.content ol {border-left:2px solid #1EBAC5;padding:0}
.content ol.list-paddingleft-2 {position:relative;}
.content ol li {padding:0 0 10px 20px;position:relative;font-size:14px;}
.content ol li p {line-height:24px}
.content ol li:before {content:'';position:absolute;top:6px;left:-7px;background:#1EBAC5;width:12px;height:12px;border:2px solid #fff;border-radius:50%;}
.content ol li:hover:before {content:'';position:absolute;top:7px;left:-8px;background:#1EBAC5;width:14px;height:14px;border:2px solid #fff;border-radius:50%;}



.tag{display:inline-block;transition:0.3s;}
.tag.padding-small{padding:3px 8px;}
.tag.padding{padding:5px 12px;}
.tag.bg-none{padding:0;}

.tag.bg-black{background-color:rgba(0,0,0,.3);}


.product-description .padding-large{padding:30px 0 0 30px}
.product-description .padding-large-top{padding:0}
.product-description p{font-size:14px;line-height:24px}



.product-overview .tab-head {border-radius:0;font-size:0;-webkit-text-size-adjust:none;width:100%;border-bottom:1px solid #EFEFEF}
.product-overview .tab .tab-nav li {display:inline-block;width:15%;}

.product-overview .tab .tab-nav li a {margin-bottom:-1px;color:#666;padding:24px 0;display:block;line-height:24px;border:0;border-radius:0;font-size:20px;text-align:center;}
.product-overview .tab .tab-nav .active {border-radius:0px;}
.product-overview .tab .tab-nav .active a {cursor:default;color:#333;background:#FFF;border-bottom:3px solid #1EBAC5;}
.product-overview .tab .tab-nav li a,.product-overview .tab .tab-nav .active a:focus {outline:none;}
.product-overview .tab .tab-body {padding:0;border-radius:0;border-top:solid 0px #ddd;}



#zoomimg{cursor:pointer;display:block}
.pro-thumb .item img{border:1px solid #ebebeb}
.pro-thumb .item:hover img{border:1px solid #1EBAC5}
.pro-thumb:hover .owl-nav .owl-prev,.pro-thumb:hover .owl-nav .owl-next {opacity: 1;}


.half-background{position:relative;overflow:hidden;}
.half-background .img-fluid{position: absolute;left: 50%;right:0;top:0;bottom:0;background-repeat:no-repeat;background-position:center center;background-size:cover;}
.half-background .padding-big{padding:50px 50px 50px 0}

.half-ico .media {display:block;margin-bottom:30px;}
.half-ico .media-body {padding:0 0 0 10px}
.half-ico .media-body strong {margin:0 0 10px 0}






.tab-normal .tab-head {border-radius:0;font-size:0;-webkit-text-size-adjust:none;width:100%;}
.tab-normal .tab .tab-nav li {display:inline-block;width:auto;text-align:center}
.tab-normal .tab .tab-nav li a {background:#fff;color:#666;border-radius:30px;padding:0px 30px;height:50px;line-height:50px;margin:0 10px;display:block;border:0;font-size:16px;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);}
.tab-normal .tab .tab-nav .active a {cursor:default;color:#fff;border-bottom:0px solid #FD3C6B;background:#1EBAC5;}
.tab-normal .tab .tab-nav .active{background:none}
.tab-normal .tab .tab-nav .active a:hover {color:#FFF}
.tab-normal .tab .tab-nav li a:focus {outline:none;}
.tab-normal .tab .tab-nav li a:hover {color:#333}
.tab-normal .tab .tab-body {padding:0;border-radius:0;border-top:0px solid #ff0000}

.list-third .margin-oll{margin-top:0}
.list-third .title h2 a{font-size:36px;line-height:28px;}


.list-cross dl {overflow:hidden;}
.list-cross dl.margin-big-bottom{margin-bottom:30px}
.list-cross dl dt {display:block;width:50%;font-weight:normal;}
.list-cross dl dd {display:block;width:50%;overflow:hidden}

.list-cross dl:nth-child(2n+0) dt {float:right;}
.list-cross dl:nth-child(2n+1) dt {float:left}
.list-cross dl:nth-child(2n+0) dt .padding-big{padding:50px 0 50px 50px}
.list-cross dl:nth-child(2n+1) dt .padding-big{padding:50px 50px 50px 0}
.list-cross dl:nth-child(2n+0) dd {float:left}
.list-cross dl:nth-child(2n+1) dd {float:right}
.list-cross dl:nth-child(2n+1) dd img {float:right}





.list-post-top .media-img {position:relative;overflow:hidden;margin-bottom:20px}
.list-post-top .media-img:after {background:linear-gradient(to bottom,rgba(0,0,0,0) 6%,rgba(0,0,0,0.8) 94%);position:absolute;top:0;left:0;z-index:1;content:"";width:100%;height:100%;transition:0.5s;}
.list-post-top .media-img:hover:after {background:linear-gradient(to bottom,rgba(0,0,0,0.3) 6%,rgba(0,0,0,0.9) 94%);;-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s;}
.list-post-top .media-img .post-overlay {width:100%;height:100%;position:absolute;bottom:0;top:0;left:0;right:0;z-index:2;opacity:0;filter(alpha=0)}
.list-post-top .media-img .post-title {bottom:20px;left:0;position:absolute;color:#fff;text-transform:uppercase;z-index:3;transition:0.5s;padding:0 20px;}
.list-post-top .media-img:hover .post-title {bottom:40px;}
.list-post-top .media-img .post-title h3 a {color:#fff;font-size:18px;font-weight:600;display:block;}
.list-post-top .media-img .post-title a.bg-tag{background:#4ca80b;;color:#FFF;padding:2px 8px;font-size:12px;display:inline-block;}



.list-post-time .media{margin:0 0 10px 0;}
.list-post-time .date-list{padding:0 20px;margin:20px 0;border-right:1px solid #efefef;}
.list-post-time .media .f-day{font-size:48px;color:#10C2BA;margin-top:5px}
.list-post-time .media .f-year{font-size:18px;color:#666;}
.list-post-time .media hr{width:20px;height:2px;margin-top:15px;background:#82CC37}
.list-post-time .media .media-body{padding:12px}
.list-post-time .media .media-body strong a{color:#10C2BA;font-size:16px;font-weight:600;line-height:30px;}
.list-post-time .media .media-body p{line-height:24px;color:#666;font-size:14px}
.list-post-time:hover .media .media-body strong a,.list-post-time:hover .media .f-day,.list-post-time:hover .media .f-year,.list-post-time:hover .media .media-body p{color:#fff;transition: all 0.3s;}
.list-post-time:hover .media{background:#10C2BA;}
.list-post-time:hover .media hr{background:#fff}

.list-post-time .media .media-body p.text-white,.list-post-time .media .f-day.text-white,.list-post-time .media .f-year.text-white{color:#fff;}
.list-post-time .media .media-body strong a.text-white{color:#fff}
.list-post-time .media hr.bg-white{background:#fff}



.list-features dl.margin-big-bottom{margin-bottom:30px}
.list-features dl.margin-bottom{margin-bottom:10px}
.list-features dl dt {display:block;width:50%;font-weight:normal;}
.list-features dl dd {display:block;width:50%;}
.list-features dl .bg{background:#f8f8f8}

.list-features dl:nth-child(2n+0) dt {float:right;}
.list-features dl:nth-child(2n+0) dt .padding-large{padding:50px;}
.list-features dl:nth-child(2n+1) dt {float:left}
.list-features dl:nth-child(2n+1) dt .padding-large{padding:50px}
.list-features dl:nth-child(2n+0) dd {float:left}
.list-features dl:nth-child(2n+1) dd {float:right}
.list-features dl dt .button-big{padding:10px 30px}
.list-features dl dt .media-inline .media{margin-top:0px;margin-bottom:10px;margin-right:30px}
.list-features dl dt .media-inline .media img{width:36px}

.list-solution .margin-big-bottom{margin-bottom:30px}
.list-solution .padding{padding:30px 140px 30px 50px;}
.list-solution .media-inline{min-height:60px;}
.list-solution .media-inline .media{margin-top:0px;margin-bottom:10px;margin-right:30px}
.list-solution .media-inline .media img{width:32px}
.list-solution .radius-img{border-bottom-right-radius:5px;border-top-right-radius:5px;}
.list-solution .button{box-shadow:0 3px 8px 0px rgba(0,0,0,.06);line-height:24px;color:#666}
.list-solution .button:hover{background: linear-gradient(-45deg,#32b6ff,#4276ff);color:#fff}

.ico-y .media {display:block;top:0;transition:all .2s;position:relative;padding:50px 30px;box-shadow:0 15px 36px 4px rgba(0,0,0,.09);}
.ico-y .media i{font-size:32px;}
.ico-y .media:hover {transition:all 0.5s;top:-10px}
.ico-y .media:hover .media-body strong a,.ico-y .media:hover .media-body p {color:#1EBAC5}
.ico-y .media-body {padding:10px 20px}
.ico-y .media-body strong {margin:10px 0 20px 0}
.ico-y .media-body strong a {font-size:18px;color:#333;font-weight:600;}

.service{padding:0;margin:0 0 30px 0;box-shadow:0 15px 36px 4px rgba(0,0,0,.09);}
.service .media{padding:40px}
.service .media-body strong{color:#666;padding:20px 0;font-weight:600;position:relative;margin-bottom:20px}
.service .media-body strong:before {content:'';display:block;position:absolute;width:20px;height:2px;bottom:0px;left:50%;margin-left:-10px;background-color:rgba(30,186,197,1)}
.service .media-body p{color:#999;}

.press-service{padding:30px 20px 10px 20px}
.press-service h2{font-size:24px;margin-bottom:20px}
.press-service p{line-height:30px;font-size:16px}


.ico-service{padding:10px 10px 30px 10px}
.ico-service .v-line{border-right:1px solid #f4f4f4;margin:10px 0}
.ico-service .v-line:last-child{border-right:0}
.ico-service .media {display:block;}
.ico-service .media-body {padding:0px}
.ico-service .media-body strong {font-size:18px;margin:10px 0 8px 0;position:relative;font-weight:600}





.teach-video{position: relative;background-repeat:no-repeat;background-position:center center;background-size:cover;margin:0;padding:0;background-attachment: fixed}
.teach-video-content{height: calc(50vh - 0px);background-color:rgba(22,28,63,0.8);}
.teach-video-content h2 {position:relative;font-size:36px;line-height:48px;letter-spacing:0px;text-transform:uppercase;padding-bottom:0px;margin:0 auto 50px auto;}
.teach-video-content h2:before {content:'';display:block;position:absolute;width:40px;height:3px;bottom:-10px;left:0;background:#1EBAC5;}
.teach-video-content .padding-large{padding:70px 0 50px 50px}

.teach-video-play{height: calc(50vh - 0px)}
.teach-video-play a {
	z-index:0;
	font-size: 14px;
	color: #0f0e4d;
	height: 80px;
	width: 80px;
	text-align: center;
	line-height: 80px;
	background: #1EBAC5;
	border-radius: 50%;
	display: block;
	position: absolute;
	left:80%;
	margin-left:-40px;
	top:50%;
	margin-top:-40px
}
.teach-video-play a::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    height: 90px;
    width: 90px;
    background: rgba(255, 255, 255, 0.479);
    z-index: -1;
    border-radius: 50%;
    animation: pulse-border 1500ms ease-out infinite;
}

@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
	opacity: 1;
	}
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
	opacity: 0;
	}
}


.mynav{ width:100%;border-bottom:1px solid #eee;background:#fff}
.mynav .nav-inline li a{line-height:68px;height:68px;padding:0 30px;font-size:16px;color:#666}
.mynav .nav-inline li.active,.mynav .nav-inline li.cur{background: linear-gradient(-45deg,#32b6ff,#4276ff)}
.mynav .nav .active a,.mynav .nav .cur a{color:#fff;font-weight:normal}
.mynav .nav-menu .drop-menu{min-width:100%;}
.mynav .nav-menu .drop-menu li a{color:#666;line-height:46px;height:46px}
.mynav .nav-menu .drop-menu li a.active{color:#0F6FDA;background:#f8f8f8}

.menu-h li {position:relative;display:block;float:left}
.menu-h li a{height:69px;line-height:69px;color:#666;display:block;padding:0 30px;font-size:16px}
.menu-h li a.active,.menu-h li a.cur{background: linear-gradient(-45deg,#4276ff,#32b6ff);color:#fff}
.menu-h li.focusa {background: linear-gradient(-45deg,#4276ff,#32b6ff); }
.menu-h li.focusa a{color:#fff}
.menu-h li ul {z-index:99;position:absolute;top:69px;left:0;background:#fff;min-width:200px;display:none;border-bottom-left-radius:5px;border-bottom-right-radius:5px;box-shadow:0 6px 5px 3px rgba(0,0,0,0.06); }
.menu-h li ul li{display:block;width:100%;text-align:left;}
.menu-h li ul li.focusa {background:none;}
.menu-h li ul li.children a{display:block;color:#666;line-height:46px;height:46px;}
.menu-h li ul li.children a.active,.menu-h li ul li.children a:hover{background:#f9f9f9;color:#0F6FDA}
.menu-h li ul li.children:last-child a:hover{border-bottom-left-radius:5px;border-bottom-right-radius:5px;}



.cat-nav{ width:100%; height:70px; line-height:70px;background:#fff}
.cat-menu-h-style2 .ul-list li {display:inline-block;position:relative;margin:0 10px;border-radius: 25px;}
.cat-menu-h-style2 .ul-list li a {background: linear-gradient(-45deg,#4276ff,#32b6ff);color:#FFF;padding:0 30px;height:50px;line-height:50px;display:block;font-size:16px;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;}
.cat-menu-h-style2 .ul-list li a:hover{background: linear-gradient(-45deg,#1EBAC5,#0AD4D9);color:#FFF;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;}
.cat-menu-h-style2 .ul-list li a.cur{border-radius: 0px;background:#0000ff;box-shadow: 0 2px 8px 0 rgba(82,94,102,.15);color:#FFF}
.cat-menu-h-style2 .ul-list li:hover .ol-list {display:block;}
.cat-menu-h-style2 .ul-list li a.active{background:#0000ff}




.subnavbox h2 {line-height:60px;height:60px;position:relative;font-size:20px;padding:0 0 0 20px;}

.subnavbox .current {display:block;}
.subnavbox .cur-bg{background:#fff;padding:10px 0;}
.subnavbox ul {display:none;}
.subnavbox ul li a{display:block;line-height:36px;font-size:14px;color:#999;padding-left:20px;}
.subnavbox ul li a:hover {color:#FF6D33;}

.subnavbox ul li a.active {color:#FF6D33;}
.suboneNav{border-bottom:solid 1px #0BECF1;background:#0AD4D9 url(../image/ico_jia.png) no-repeat;background-position:95% 50%;cursor:pointer;font-size:16px;color:#fff;line-height:54px;padding-left:20px;}
.suboneNav:last-child{border-bottom:0;border-bottom-left-radius:4px;border-bottom-right-radius:4px} 


.currentdt {background-image:url(../image/ico_jian.png);}



.cat-menu-h-style4 .menu-h h3{display:none}
.cat-menu-h-style4 .cat-tree h2 {line-height:60px;height:60px;position:relative;font-size:20px;padding:0 0 0 20px;border-top-left-radius:8px;border-top-right-radius:8px}
.cat-menu-h-style4 .cat-tree h2:before {content:'';display:block;position:absolute;width:5px;height:20px;top:20px;background:#1EBAC5;left:0} 
.cat-menu-h-style4 .cat-tree ul{background:#FFF;padding:5px 0;border-bottom-left-radius:8px;border-bottom-right-radius:8px}
.cat-menu-h-style4 .cat-tree ul li{padding:8px 20px 10px 20px;border-bottom:1px solid #f4f4f4}
.cat-menu-h-style4 .cat-tree ul li i{margin-top:15px}
.cat-menu-h-style4 .cat-tree ul li:last-child{border-bottom:none;border-bottom-left-radius:8px;border-bottom-right-radius:8px}
.cat-menu-h-style4 .cat-tree ul li a{color:#666}
.cat-menu-h-style4 .cat-tree ul li a.first{display:block;line-height:40px;height:40px;font-size:16px}
.cat-menu-h-style4 .cat-tree ul li ul{padding:0px;}
.cat-menu-h-style4 .cat-tree ul li ul li{padding:3px 0 0 0;border-bottom:none;width:50%;float:left}
.cat-menu-h-style4 .cat-tree ul li ul li a{display:block;line-height:26px;font-size:14px}
.cat-menu-h-style4 .cat-tree ul li a:hover,.cat-menu-h-style4 .cat-tree ul li ul li a.active,.cat-menu-h-style4 .cat-tree ul li a.active{color: #1EBAC5;}






.list-post-time .media{margin:0 0 10px 0;}
.list-post-time .date-list{padding:0 20px;margin:20px 0;border-right:1px solid #efefef;}
.list-post-time .media .f-day{font-size:48px;color:#10C2BA;margin-top:5px}
.list-post-time .media .f-year{font-size:18px;color:#666;}
.list-post-time .media hr{width:20px;height:2px;margin-top:15px;background:#82CC37}
.list-post-time .media .media-body{padding:12px}
.list-post-time .media .media-body strong a{color:#10C2BA;font-size:16px;font-weight:600;line-height:30px;}
.list-post-time .media .media-body p{line-height:24px;color:#666;font-size:14px}
.list-post-time:hover .media .media-body strong a,.list-post-time:hover .media .f-day,.list-post-time:hover .media .f-year,.list-post-time:hover .media .media-body p{color:#fff;transition: all 0.3s;}
.list-post-time:hover .media{background:#10C2BA;}
.list-post-time:hover .media hr{background:#fff}


.trade-box-item {position:relative;height:500px;background-repeat:no-repeat;background-position:center center;background-size:cover;}
.trade-box-item:before {content:"";position:absolute;width:100%;height:100%;left:0;top:0;background-color:rgba(0,0,0,.6);transition:all .4s cubic-bezier(.4,0,.2,1)}
.trade-box-item a {position:absolute;width:100%;height:100%;left:0;top:0}
.trade-box-item .item-logo {position:relative;margin-top:110px;transition:all .5s cubic-bezier(.5,0,.2,1)}
.trade-box-item .button{position:relative;background:#1EBAC5;color:#FFF;margin-top:10px}

.item-title {font-size:36px;font-weight:600;padding:20px 0;position:relative}
.item-title:before {content:"";position:relative;display:block;width:20px;border-bottom:2px solid #fff;margin:0 auto 20px;transition:all .4s cubic-bezier(.4,0,.2,1)}

.item-text {width:60%;position:relative;transition:all .5s cubic-bezier(.5,0,.2,1);opacity:0;margin:10px auto 0 auto}
.item-text p {font-size:18px;margin-bottom:5px}

.trade-box-item:hover .button{background:#fff;color:#333;margin-top:100px}
.trade-box-item:hover .item-text {display:block;opacity:1;margin-top:-150px}
.trade-box-item:hover:before {background-color:rgba(34,45,101,.9)}
.trade-box-item:hover .item-logo {margin-top:80px}
.trade-box-item:hover .item-title:before {opacity:0;margin-bottom:0}



.list-post-x .media {border-bottom:1px solid #EFEFEF;padding-bottom:15px;margin-bottom:20px;}
.list-post-x .media:last-child{border-bottom:0px solid #EFEFEF;padding-bottom:0px;margin-bottom:0px;}
.list-post-x .media .thumb-md{max-width:100px;overflow:hidden;}
.list-post-x .media.media-x .float-left {margin-right:15px}
.list-post-x .media img {transform:scale(1);transition: all .3s ease-out;}
.list-post-x .media:hover img {transition: all .3s ease-out;transform:scale(1.1);}
.list-post-x .media-body {text-align:left;padding:0;}
.list-post-x .media-body h3 {line-height:24px;overflow:hidden;}
.list-post-x .media-body h3 a {color:#333;}
.list-post-x .media-body p {color:#666;line-height:24px}


.list-top-h .info {padding:50px;margin-left:-30px;margin-top:30px}
.list-top-h .info h2 {margin:10px 0 20px 0}
.list-top-h .info h2 a{font-size:24px;font-weight:600}

.home-about-bg{background-repeat:no-repeat;background-position:center 50%;background-size:cover}
.home-about{padding:60px;overflow:hidden}
.home-about h2{position:relative;font-size:24px;font-weight:600;margin-bottom:30px;word-break:break-all}
.home-about h2:before {content:'';display:block;position:absolute;background:#FFF;width:30px;height:2px;top:-10px;left:0;}
.home-about p{line-height:26px;font-size:14px;}


.list-product .media {-webkit-transition:.3s;transition:.3s;margin-bottom:20px;padding:30px;}
.list-product .media:hover {-webkit-transition:.3s;transition:.3s;box-shadow:0 5px 20px 5px rgba(0,0,0,.05);}
.list-product .media-body {padding:10px 0}
.list-product .media-body h2 {max-height:48px;min-height:48px;margin-top:10px;line-height:24px;overflow:hidden;}
.list-product .media-body h2 a {font-size:16px;color:#333;}
.list-product .media-body p {color:#666;line-height:26px;font-size:14px}
.list-product ul li {padding:5px 0 5px 15px;position:relative;font-size:14px;color:#939393}
.list-product ul li:before {content:'';position:absolute;top:13px;left:0px;background:#1EBAC5;width:5px;height:5px;border-radius:50%;}
.list-product .button {margin-top:20px;height:38px;width:100px;line-height:20px;background:#F7F9FA;color:#667289;border:1px solid #eee}
.list-product .media:hover .button {background:#2684FE;color:#FFF;border:1px solid #2684FE}
.list-product .media:hover .media-body h2 a {color:#1EBAC5;}
.list-product .media:hover .media-body p {color:#484848}


.list-post-zoomimg .media {-webkit-transition:.5s;transition:.5s;margin-bottom:30px;}
.list-post-zoomimg .media:hover {-webkit-transition:.5s;transition:.5s;box-shadow: 0 30px 50px rgba(229, 229, 229, 0.8);}
.list-post-zoomimg .media-body {text-align:left;padding:30px}
.list-post-zoomimg .media-body h2 {height:64px;line-height:32px;margin:15px 0;overflow:hidden;}
.list-post-zoomimg .media-body h2 a {font-size: 24px;font-weight:600;color: #333;}
.list-post-zoomimg .media-body h3 a{font-size:24px;color: #333;margin-bottom:20px;line-height:26px;overflow:hidden;display:block}

.list-post-zoomimg .media-body p {color:#666;min-height:64px;}
.list-post-zoomimg .media-body p.time {font-size:14px;color:#999;margin-bottom:15px;}
.list-post-zoomimg .button {margin-top:20px;height:38px;width:100px;line-height:20px;background:#f8f8f8;color:#666;border:1px solid #eee}
.list-post-zoomimg .media:hover .button {background:#1EBAC5;color:#FFF;border:1px solid #1EBAC5}
.list-post-zoomimg .media .media-body a.more {color:#1EBAC5;border-bottom:2px solid #1EBAC5;padding-bottom:2px}
.list-post-zoomimg .media:hover .media-body a.more {color:#1EBAC5;border-bottom:0px solid #1EBAC5}
.list-post-zoomimg .media .zoomimg:after {position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0);-webkit-transition:.5s;transition:.5s;}
.list-post-zoomimg .media:hover .zoomimg:after {position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.2);-webkit-transition:.5s;transition:.5s;}


.wall {display:block;position:relative;min-height:1px;margin-left:-15px;margin-right:-15px}
.wall-column {display:block;position:relative;width:33.333333333%;float:left;box-sizing:border-box;}
.wall-box {display:block;margin:0px 15px 30px 15px;padding:0px;}
.wall-box .media-img {position:relative;overflow:hidden;transition:0.3s;top:0;left:0}
.wall-box .media-img:hover{top:-5px;left:-5px;transition:0.3s;}

.wall-box .media-img:after {position:absolute;top:0;left:0;z-index:1;content:"";width:100%;height:100%;transition:0.3s;}
.wall-box .media-img:hover:after {background:rgba(0,0,0,0.6);-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;}
.wall-box .media-img .imagelink {width:100%;height:100%;position:absolute;bottom:0;top:0;left:0;right:0;z-index:2;opacity:0;filter(alpha=0)}
.wall-box .media-img h2 {padding:0 20px;text-align:center;opacity:0;top:40%;left:0;right:0;position:absolute;color:#fff;text-transform:uppercase;z-index:3;transition:0.3s;}
.wall-box .media-img:hover h2 {opacity:1;}
.wall-box .media-img h2 a {color:#fff;font-size:14px}



.carousel-news .media {position:relative;-webkit-transition:.5s;transition:.5s;border-radius:0px;}
.carousel-news .media-body {text-align:left;padding:20px 0px 0px 0px}
.carousel-news .media-body h2 {min-height:50px;line-height:24px;}
.carousel-news .media-body h2 a {font-size:18px;color:#333;font-weight:600}
.carousel-news .media-body p.time {font-size:14px;color:#999;margin-bottom:15px;}
.carousel-news .media:hover .media-body h2 a {color:#1EBAC5;}
.carousel-news .media .zoomimg::after {position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0);-webkit-transition:.5s;transition:.5s;}
.carousel-news .media:hover .zoomimg::after {position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.2);-webkit-transition:.5s;transition:.5s;}

.carousel-news:hover .owl-nav .owl-prev,.carousel-news:hover .owl-nav .owl-next {opacity: 1;}
.carousel-news .owl-nav .owl-prev,.carousel-news .owl-nav .owl-next {top:35%}



.carousel-pro .media {position:relative;-webkit-transition:.5s;transition:.5s;border-radius:8px;padding:0;}
.carousel-pro .media:hover {-webkit-transition:.5s;transition:.5s;box-shadow:0px 5px 15px 0px rgba(0,0,0,.075);}
.carousel-pro .media-body {padding:30px}
.carousel-pro .media-body h2 {line-height:24px;margin-bottom:20px}
.carousel-pro .media-body h2 a {font-size:18px;color:#333;font-weight:600}
.carousel-pro .media-body p{font-size:14px;margin-bottom:30px;line-height:24px}
.carousel-pro .button {background-color:#147FCB;transition: all .5s ease;box-shadow: 3px 5px 12px 0px rgba(39,39,39,0.26);}
.carousel-pro .media:hover .button{color:#FFF;background-color:#126BB1;transition: all .5s ease;}



.carousel-pro:hover .owl-nav .owl-prev,.carousel-pro:hover .owl-nav .owl-next {opacity: 1;}
.carousel-pro .owl-nav .owl-prev,.carousel-pro .owl-nav .owl-next {top:30%}



.honour:hover .owl-nav .owl-prev,.honour:hover .owl-nav .owl-next {opacity: 1;}
.honour .media {-webkit-transition:.5s;transition:.5s;}
.honour .media-body {text-align:center;padding:10px}
.honour .media-body h2 a {line-height:24px;font-size:16px;color:#333;}
.honour .media:hover .media-body h2 a {color:#1EBAC5;}
.honour .media:hover .media-body p {color:#666}





.history{position:relative;margin:0;padding:0;}
.history:after{position:absolute; content:"";background-color:rgba(255,255,255,0.4);height:1px; width:100%;left:0;right:0;top:50%;margin-top:-1px}
.history .item{padding:0 20px;}
.history .item p{padding-top:10px;font-size:14px;}
.history .item h2{font-family: "Conv_DINCondensedC";font-size:64px;position:relative;margin-bottom:40px;}
.history .item:hover h2{color:#fff}
.history .item h2:after{position:absolute; content:""; background-color:rgba(255,255,255,0.8); height:8px; width:8px;border-radius:50%;bottom:-30px;left:0;right:0;text-align:center; margin:0 auto;}
.history .item:hover h2:after{position:absolute; content:"";height:10px; background-color:rgba(255,255,255,1);width:10px;bottom:-31px;z-index:3}
.history .owl-nav .owl-prev,.history .owl-nav .owl-next {opacity: 1;z-index:2}
.history .owl-nav .owl-prev {background:none;left:-24px;right:auto;}
.history .owl-nav .owl-next {background:none;right:-24px;}
.history .owl-nav i {font-size:48px;color:#fff;opacity:0.6}
.history .owl-nav i:hover{opacity:1}



.image-link {display:block;width:100%;height:100%;position:absolute;z-index:1;}
.overlay-content {padding:20px 20px 18px;position:absolute;bottom:0;z-index:3;color:#FFF}
.photo-overaly {position:relative;overflow:hidden;border-radius:5px;min-height:450px;background-position:center center;background-size:cover;-webkit-transition:all ease .4s;-o-transition:all ease .4s;transition:all ease .4s;}
.photo-overaly::after {position:absolute;content:'';width:100%;height:100%;left:0;top:0;border-radius:5px;background:-webkit-gradient(linear,left top,left bottom,color-stop(50%,transparent),to(rgba(0,0,0,0.8)));background:-webkit-linear-gradient(top,transparent 50%,rgba(0,0,0,0.8) 100%);background:-o-linear-gradient(top,transparent 50%,rgba(0,0,0,0.8) 100%);background:linear-gradient(to bottom,transparent 50%,rgba(0,0,0,0.8) 100%);-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;}
.photo-overaly:hover {background-position:35%;}
.photo-overaly.images-h {min-height:550px;}
.photo-overaly:hover::after {background-color:rgba(0,0,0,0.2);}


.transing-slide-style{z-index:0}
.transing-slide-style:hover .owl-nav .owl-prev,.transing-slide-style:hover .owl-nav .owl-next {opacity:1;}





.pagination li {margin:5px;font-size:16px;border:none;border-radius:5px;background:#fff;}
.pagination li a {border-radius:5px;color:#666;padding:12px 16px;border:2px solid #DCDCDC;}
.pagination li i {font-weight:bold;font-size:18px;padding:0 2px}
.pagination li.active a,.pagination li a:hover {border-radius:5px;background:#1EBAC5;color:#fff;border:2px solid #1EBAC5;}


  
.sidebar-l .contact {padding:10px 20px}
.sidebar-l .contact .media {padding:0;margin:12px 0;padding:0 0 12px 0;}
.sidebar-l .contact .media span{width:28px;height:28px;line-height:28px;}
.sidebar-l .contact .media i {font-size:14px;line-height:28px;}
.sidebar-l .contact .media .media-body {padding:0 0 0 5px;}
.sidebar-l .contact .media .media-body a,.sidebar-l .contact .media .media-body p{line-height:24px;color:#666;font-size:16px}
 
.baidu-map {width:100%;height:500px;}

 
.guestbook h2{font-size:24px;font-weight:600}
.guestbook .padding{padding:50px;}
.guestbook .form-group {padding-bottom:20px}
.guestbook .input{font-size:16px;padding:0 12px;height:50px;line-height:50px;border:0;width:100%;display:block;-webkit-appearance:none;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s;background:#fff;box-shadow:0 0px 0px rgba(0,0,0,0.0) inset;}
.guestbook .textarea {padding:12px;line-height:24px;width:100%;font-size:16px;background:#fff;border:0;}
.guestbook .label {padding-bottom:10px;display:block;line-height:24px;}
.guestbook .label label {font-weight:400;}
.guestbook .field {font-size:16px}
.guestbook select {border-radius:2px;font-size:16px;height:42px;line-height:40px;border:1px solid #ddd;appearance:none;-moz-appearance:none;-webkit-appearance:none;background:#F3F3F3 url(404.png) no-repeat right center;padding-right:30px;padding-left:10px;color:#667289;}
.guestbook .form-tips .guestbook .input-help ul {border:solid 0px #ddd;background:#fff;padding:5px 10px;box-shadow:0 0 0 #fff;border-radius:0 0 4px 4px;width:150px;min-width:150px;width:auto;_width:150px;color:#EE3333;font-size:12px}

.guestbook .input::-webkit-input-placeholder, .guestbook .textarea::-webkit-input-placeholder {color: #666;font-size: 16px;}
.guestbook .input:-moz-placeholder, .guestbook .textarea:-moz-placeholder {color: #666;font-size: 16px;}
.guestbook .input::-moz-placeholder, .guestbook .textarea::-moz-placeholder {color: #666;font-size: 16px;}
.guestbook .input:-ms-input-placeholder, .guestbook .textarea:-ms-input-placeholder {color: #666;font-size: 16px;}

.guestbook .contact{padding:50px;}
.guestbook .contact hr {height:1px;background:#1EBAC8;margin:1px 0 0 0;padding:0}
.guestbook .contact .media {margin:23px 0 0 0;padding:0;}
.guestbook .contact .media span{width:28px;height:28px;line-height:42px;}
.guestbook .contact .media i {font-size:24px;}
.guestbook .contact .media .media-body {padding:0 0 0 10px;margin-top:0px;}
.guestbook .contact .media .media-body a,.guestbook .contact .media .media-body p{color:#fff;}



.social-button span{display:block;width:32px;height:32px;margin-right:10px;float:left;cursor:pointer;overflow:hidden;opacity:1}
.social-button span:hover{opacity:0.8}




.title-block-style1 h2 {position:relative;font-size:32px;font-weight:600;text-transform:uppercase;margin-bottom:10px}
.title-block-style1 h3 {position:relative;font-size:24px;font-weight:600;text-transform:uppercase;}
.title-block-style1 h2:before,.title-block-style1 h3:before {content:'';display:block;position:absolute;width:30px;height:3px;bottom:-10px;background:#10C2BA;left:0}


.title-block-style2{position:relative;z-index:2;}
.title-block-style2 h2,.title-block-style2 h3{position:relative;font-size:32px;font-weight:600;text-transform:uppercase;margin:0 auto 15px auto;}
.title-block-style2 h2:before {content:'';display:block;position:absolute;width:30px;height:3px;bottom:-10px;left:50%;margin-left:-15px;background:#fff;}
.title-block-style2 h3:before {content:'';display:block;position:absolute;width:30px;height:3px;bottom:-10px;left:50%;margin-left:-15px;background:#10C2BA;}
.title-block-style2 p {line-height:28px;font-size:16px;}

.title-block-style3{position:relative;z-index:2;}
.title-block-style3 h2 {position:relative;font-size:30px;text-transform:uppercase;margin:0 auto 50px auto;}
.title-block-style3 h2:before {content:'';display:block;position:absolute;width:40px;height:3px;bottom:-10px;left:50%;margin-left:-20px;background:#FFF;}
.title-block-style3 p {line-height:26px;font-size:18px;}


.title-block-style4 h2 {line-height:28px;color:#333;position:relative;font-size:20px;letter-spacing:0;padding-left:20px;margin-bottom:10px;}
.title-block-style4 h2:before {content:'';display:block;position:absolute;width:5px;height:20px;top:5px;background:#1EBAC5;left:0}



.about-introduce .padding-large-right{padding-right:50px;}
.about-introduce p{font-size:16px;line-height:28px}
.about-introduce h1{font-size:30px;font-weight:600;margin-bottom:30px}
.about-introduce .pic{background:url(404.png) no-repeat scroll center center / cover;}

.about-video{position: relative;background-repeat:no-repeat;background-position:center center;background-size:cover;margin:0;padding:0;background-attachment: fixed}
.about-video .button {border-radius:50%;text-align:center;background:#1EBAC5;width:48px;height:48px;line-height:32px;position:absolute;right:-24px;top:160px}


.vision-background{background-image:linear-gradient(224deg,#2150c8,#712291);background-repeat:no-repeat;background-position:center 50%;background-size:cover}
.about-vision{padding:60px 80px;overflow:hidden}
.about-vision h1{position:relative;font-size:36px;font-weight:600;margin:20px 0;word-break:break-all}
.about-vision h1:before {content:'';display:block;position:absolute;background:#FFF;width:20px;height:3px;bottom:-10px;left:0;} 
.about-vision h2{position:relative;font-size:24px;font-weight:600;margin:20px 0;word-break:break-all}
.about-vision p{line-height:32px;font-size:18px;}



.about-data{position:relative;z-index:9;padding:30px 0;margin-top:-50px;background:#fff;border-radius:8px;box-shadow:0px 10px 20px rgba(0,0,0,.04);}
.about-data .v-line{border-right:1px solid #eee;}
.about-data .v-line:last-child{border-right:0}

.about-data-style3 i{font-style:normal;}
.about-data-style3 .media{position:relative;margin-top:10px}
.about-data-style3 .counter{font-size:48px;line-height:60px;}
.about-data-style3 span{font-weight:normal;font-size:48px;}
.about-data-style3 p{line-height:20px;}

.about-data-style2 {padding:30px 0 0 0;position:relative;}
.about-data-style2 .media-body {font-size:14px;color:#666;}

.about-data-style1 .media {margin:0;padding:20px 0;transition:all .2s;position:relative;z-index:3}
.about-data-style1 .media-body {padding:0;}
.about-data-style1 .media-body strong {margin:20px 0 0 0;font-size:36px;line-height:38px;position:relative;}
.about-data-style1 .media-body strong .badge{position:absolute;right:18px;top:-8px;font-weight:normal;cursor:pointer;font-size:16px;background:none}
.about-data-style1 .media-body p {text-align:center;font-size:18px;line-height:24px}


.list-post-text {padding:0px}
.list-post-text li {padding:10px 0;line-height:20px}
.list-post-text li a {display:block;}
.list-post-text li.dot a {padding-left:15px;position:relative}
.list-post-text li.dot:hover a:before {background:#1EBAC5;}
.list-post-text li.dot a:before {content:'';position:absolute;left:-2px;background:#ccc;width:6px;height:6px;top:7px;border-radius:50%}






.support-tab .tab-head {border-radius:0;font-size:0;-webkit-text-size-adjust:none;width:100%;background:#FFF}
.support-tab .tab .tab-nav li {display:inline-block;width:20%;}
.support-tab .tab .tab-nav li a {color:#333;padding:18px 0;display:block;line-height:22px;border:0;border-radius:0;font-size:18px;text-align:center;background:#FFF;border-bottom:1px solid #f6f6f6}
.support-tab .tab .tab-nav li:last-child a {margin-right:0px}
.support-tab .tab .tab-nav .active {border-radius:0 0;}
.support-tab .tab .tab-nav .active a {cursor:default;color:#fff;background:#1EBAC5;border-bottom:1px solid #1EBAC5;}
.support-tab .tab .tab-nav li a,.tab .tab-nav .active a:focus {outline:none;}
.support-tab .tab .tab-body {padding:0;border-radius:0 0 0 0;border-top:1px solid #f6f6f6}


.support-download {padding:30px 40px;}
.support-download li {line-height:42px;display:block;font-size:16px}
.support-download li a {font-size:16px}
.support-download li i {opacity:0;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;}
.support-download li.default a {padding-left:20px;position:relative}
.support-download li.default a:before {content:'';position:absolute;left:0px;background:#ebebeb;width:8px;height:8px;top:6px;border-radius:50%}
.support-download li:hover a {color:#1EBAC5}
.support-download li:hover i {opacity:1;}
.support-download li.default:hover a:before {background:#1EBAC5;}

.list-case-text .padding-big{padding:30px}
.list-case-text h2{line-height:36px;font-size:18px;font-weight:600}
.list-case-text li{font-size:16px;color:#666}
.list-case-text li.dot{padding-left:18px;position:relative}
.list-case-text li.dot:hover a:before {background:#1EBAC5;}
.list-case-text li.dot:before {content:'';position:absolute;left:0px;background:#21CFDB;width:6px;height:6px;top:18px;border-radius:50%}



.list-download li {display:block;line-height:28px;padding:20px 30px;background:#FFF;margin-bottom:15px;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;}
.list-download li a {font-size:16px;color:#333;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;}
.list-download li span{color:#999}
.list-download li:hover{background:#1EBAC5;color:#FFF;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;}
.list-download li:hover a,.list-download li:hover span{color:#FFF}
.list-download li:hover i {opacity:1;color:#FFF}
.list-download li.dot:hover a:before {background:#fff;}
.list-download li i {opacity:0;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;}
.list-download li.dot a {padding-left:20px;position:relative}
.list-download li.dot a:before {content:'';position:absolute;left:0px;background:#ebebeb;width:9px;height:9px;top:6px;border-radius:50%}


.collapse {width:100%;box-shadow:0px 0px 0px rgba(0,0,0,.04);margin-bottom:10px;background:#FFF;}
.collapse .arrow {float:right;width:16px;height:16px;overflow:hidden;background:url(../image/ico_jia.png) no-repeat;display:inline-block;border:0px}
.collapse .icon-jia {background-position:0 0;}
.collapse .icon-jian {background:url(../image/ico_jian.png) no-repeat;}
.collapse .head {font-size:16px;height:60px;line-height:60px;padding-left:20px;cursor:pointer;overflow:hidden;font-weight:500}
.collapse .head i {margin:21px 30px 0 0;}
.collapse .cbody {padding:30px 20px;display:block;font-size:16px;color:#333;}
.collapse .cbody p {padding:0;line-height:28px}



.process-style2 {position:relative;padding:50px 30px;box-shadow:0 8px 25px 0 rgba(0,0,0,0.1);border-radius:5px}
.process-style2:before {content:'';display:block;position:absolute;height:1px;top:45%;left:100px;right:100px;background:#EFEFEF;}
.process-style2 li {position:relative;float:left;width:20%;display:block}
.process-style2 li .icon {position:relative;margin:0 auto;}
.process-style2 li .text {position:relative;align-items:center;white-space:nowrap;color:#666;font-size:18px}
.process-style2 li .text i {-webkit-transform:rotate(180deg);transform:rotate(180deg);transition:all .23s linear}
.process-style2 li .tips {box-shadow:0 5px 10px 0 rgba(0,0,0,0.1);position:absolute;visibility:hidden;left:0;margin:10px 0 0;padding:15px;background:#fff;border-radius:5px;box-sizing:border-box;color:#999;font-size:14px;line-height:26px;text-align:left;font-weight:400;opacity:0;transition:visibility 0s,opacity .23s linear;}
.process-style2 li .tips:after {content:" ";position:absolute;top:0;left:50%;margin:-9px 0 0 -9px;width:18px;height:10px;background-image:url(404.png);background-position:50%;background-size:cover;background-repeat:no-repeat}
.process-style2 li:hover .text i{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
.process-style2 li:hover .tips {visibility:visible;opacity:1}


.contact-join{padding:100px 0;}
.contact-join .title{position:relative;z-index:1}
.contact-join a.button {display:inline-block;margin:10px;position:relative;top:0;padding:12px 50px;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;}
.contact-join a.button:hover {background:#FF1B36;color:#fff;top:-4px;text-decoration:none;}
.contact-join a.button:hover:after {background:rgba(255,255,255,0.2);}

.bg-overlay:after {position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);}





.contact-callout{position: relative;padding:50px 0;}
.contact-callout:after {
	content:'';
	position:absolute;
	width:100%;
	right:0;
	top:0;
	bottom:0;
    display: block;
    color: #fff;
	background-color:#5b0069;
	background-image: -moz-linear-gradient(to right,#5b0069 0%,#10aeef 100%);
	background-image: -o-linear-gradient(to right,#5b0069 0%,#10aeef 100%);
	background-image: -webkit-linear-gradient(to right,#5b0069 0%,#10aeef 100%);
	background-image: linear-gradient(to right,#5b0069 0%,#10aeef 100%);
}

.pro-gradient{
background: linear-gradient(48deg,#440084 21%,#960442 100%) !important;
background-color: rgba(0, 0, 0, 0);
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-attachment: scroll;
background-image: linear-gradient(48deg,rgb(68, 0, 132) 21%,rgb(150, 4, 66) 100%);
background-size: auto;
background-origin: padding-box;
background-clip: border-box;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#440084',endColorstr='#960442',GradientType=1);
}


.contact-callout a.button {z-index:1;display:inline-block;position:relative;top:0;padding:0px 60px;height:50px;line-height:50px;font-size:18px;background:#FFF;border-radius:60px;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;transition:all 0.4s;}

.contact-callout a.button:hover {top:-4px;text-decoration:none;background:#1EBAC5;color:#fff;box-shadow:0px 18px 36px 0px rgba(14,104,166,0.25);}
.contact-callout a.button:hover:after {background:rgba(255,255,255,0.2);}



.text-fill{
background: -webkit-linear-gradient(left, #432a77, #a9448b);
background: -o-linear-gradient(right, #432a77, #a9448b);
background: -moz-linear-gradient(right, #432a77, #a9448b);
background: linear-gradient(to right,#432a77,#a9448b);
background-clip: border-box;
-webkit-background-clip: text;
-webkit-text-fill-color:transparent;
}

.giant-heading {
    position: relative;
    display: inline-block;
    background-image: -webkit-gradient(linear,left top,90deg,color-stop(0%,#8a44e6),color-stop(50%,#099bec),color-stop(94%,#06dbd5));
    background-image: -moz-linear-gradient(90deg,#8a44e6 0%,#099bec 50%,#06dbd5 94%);
    background-image: -webkit-linear-gradient(90deg,#8a44e6 0%,#099bec 50%,#06dbd5 94%);
    background-image: -o-linear-gradient(90deg,#8a44e6 0%,#099bec 50%,#06dbd5 94%);
    background-image: -ms-linear-gradient(90deg,#8a44e6 0%,#099bec 50%,#06dbd5 94%);
    background-image: linear-gradient(90deg,#8a44e6 0%,#099bec 50%,#06dbd5 94%);
	-webkit-background-clip: text;
	-webkit-text-fill-color:transparent;
}

.pic-x .media{height:auto;overflow:hidden;margin-bottom:30px}
.pic-x .media:hover{-webkit-box-shadow:0 0px 15px rgba(0,0,0,.075); box-shadow:0 0px 15px rgba(0,0,0,.05)}
.pic-x .media-body {padding:30px 20px}
.pic-x .media-body strong a{font-size:24px;font-weight:600;color:#1EBAC5}
.pic-x .media-body li a{line-height:32px;font-size:16px}
.pic-x .media:hover li a{color:#1EBAC5}
.pic-x .media img{width:280px;}


.partners-style1 .list-ul {border-right:1px solid #FF8A00;border-top:1px solid #EFEFEF;border-collapse:collapse;}
.partners-style1 .list-ul .list-li {overflow:hidden;border-left:1px solid #EFEFEF;border-bottom:1px solid #EFEFEF;border-right:1px solid #EFEFEF;border-top:1px solid transparent;margin-left:-1px}
.partners-style1 .list-ul .list-li:hover {border:1px solid #21CFDB;z-index:2;position:relative;}
.partners-style1 .list-ul .list-li img {padding:5px;margin:0 auto;}



.dialog {width:480px;border:0 solid #ddd;margin:0 auto;border-radius:0;box-shadow:0 0px 20px rgba(0,0,0,0.3);}
.dialog.qrcode{width:360px}
.dialog .dialog-head {border-radius:0;font-size:18px;border-bottom:0;background:#FFF;color:#000}
.dialog .dialog-head .close {float:right;line-height:24px}
.dialog .dialog-body {padding:20px 40px 40px 40px;}
.dialog-body h3 {font-size:24px;font-weight:300;color:#333;margin-bottom:10px}
.dialog-body .form-group {padding-bottom:20px}
.dialog-body .input {height:48px;line-height:24px;padding:0 12px;border:1px solid #ddd;width:100%;display:block;border-radius:0px;-webkit-appearance:none;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s;box-shadow:0 0px 0px rgba(0,0,0,0.0) inset;background:transparent;}
.dialog-body .textarea {padding:10px 12px;line-height:24px;width:100%;background:transparent;border:1px solid #ddd;}
.dialog-body .label {padding-bottom:10px;display:block;line-height:24px;}
.dialog-body .label label {font-weight:400;}
.dialog-body select {padding:0 30px 0 8px;font-size:16px;color:#ADADAD;border-radius:0px;height:48px;line-height:46px;border:solid 1px #ddd;appearance:none;-moz-appearance:none;-webkit-appearance:none;background:url(404.png) no-repeat right center;}
.dialog-body .form-tips .dialog-body .input-help ul {border:solid 0px #ddd;background:#fff;padding:5px 10px;box-shadow:0 0 0 #fff;border-radius:0 0 4px 4px;width:150px;min-width:150px;width:auto;_width:150px;color:#EE3333;font-size:12px}
.dialog-body .input::-webkit-input-placeholder, .dialog-body .textarea::-webkit-input-placeholder {color: #666;font-size: 16px;}
.dialog-body .input:-moz-placeholder, .dialog-body .textarea:-moz-placeholder {color: #666;font-size: 16px;}
.dialog-body .input::-moz-placeholder, .dialog-body .textarea::-moz-placeholder {color: #666;font-size: 16px;}
.dialog-body .input:-ms-input-placeholder, .dialog-body .textarea:-ms-input-placeholder {color: #666;font-size: 16px;}


.partner-form{padding:30px;}
.partner-form .form-group {padding-bottom:20px}
.partner-form .input {border-radius:5px;height:48px;line-height:24px;padding:0 12px;border:1px solid #ddd;width:100%;display:block;-webkit-appearance:none;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s;box-shadow:0 0px 0px rgba(0,0,0,0.0) inset;background:transparent;background:#FFF}
.partner-form .textarea {border-radius:5px;padding:10px 12px;line-height:24px;width:100%;background:#fff;border:1px solid #ddd;}




footer .footer-style-1{color:#666;padding:80px 0 0 0;background:#2E3033}

footer .footer-style-1 h3 {font-size:18px;font-weight:500;color:#fff;font-weight:700}

footer .footer-style-1 ul li.block {float:left;}
footer .footer-style-1 ul li.block-1 {width:25%}
footer .footer-style-1 ul li.block-2 {width:25%}
footer .footer-style-1 ul li.block-3 {width:38%}
footer .footer-style-1 ul li.block-4 {width:12%;}
footer .footer-style-1 ul li ul {margin-top:30px;}
footer .footer-style-1 ul li ul li a {line-height:32px;font-size:16px;color:#999}
footer .footer-style-1 ul li ul li a:hover {color:#1EBAC5;}
footer .footer-style-1 .qr img{margin-top:40px;width:100%}
footer .footer-style-1 .copyright {margin-top:70px;padding:15px 0;color:#ccc;}
footer .footer-style-1 .copyright a {color:#ccc}

footer .contact {margin-top:30px;}
footer .contact .media {padding:0;margin:12px 0;padding:0 0 12px 0;}
footer .contact .media span{width:24px;height:24px;}
footer .contact .media i {font-size:16px;line-height:26px;}
footer .contact .media .media-body {padding:0 0 0 5px;}
footer .contact .media .media-body a,footer .contact .media .media-body p{line-height:24px;color:#ccc;font-size:16px}



.kefu-style-1{position:fixed;width:48px;right:0;top:50%;z-index:999;}
.kefu-style-1 ul li{width:48px;line-height:48px;color:#999;border:1px solid #E8E8E8;border-bottom:0;float:left;position:relative;transition:all .3s;cursor:pointer}
.kefu-style-1 ul li:hover{background:#1EBAC5;color:#fff;border:0}
.kefu-style-1 ul li:hover a{color:#fff}
.kefu-style-1 ul li.sidewx .wxBox.son{left:-180px;width:180px;padding-top:180px;border:1px solid #E8E8E8;display:none;text-align:center;position:absolute;top:0;background-repeat:no-repeat;background-position:center center;}
.kefu-style-1 ul li.sidetel .telBox.son{left:-180px;width:180px;display:none;color:#fff;text-align:left;position:absolute;top:0px;}
.kefu-style-1 ul li.sidetel .telBox .media {margin:8px 0;padding:0 0 2px 15px;}
.kefu-style-1 ul li.sidetel .telBox .media span{width:36px;height:28px;line-height:44px;}
.kefu-style-1 ul li.sidetel .telBox .media i {font-size:24px;}
.kefu-style-1 ul li.sidetel .telBox .media .media-body {padding:0;margin:0px;}
.kefu-style-1 ul li.gotop{background:#1EBAC5;color:#fff;border:0}
.kefu-style-1 ul li.gotop:hover{opacity:.8;filter:Alpha(opacity=80);z-index:0}
.kefu-style-1 ul li:hover .son{display:block!important;animation:fadein 1s}
@keyframes fadein{from{opacity:0}to{opacity:1}}


@media screen and (max-width:1440px) {
.container-layout {max-width:1200px;}
.blank-middle {height:30px;line-height:30px;}
.blank-big {height:50px;line-height:50px;}
.blank-large {height:80px;line-height:80px;clear:both;font-size:0;}
.padding-large{padding:40px;}

.banner-top i{width:64px;height:64px;line-height:64px;margin-left: -32px;bottom:-32px;font-size:40px;}
.banner-big{height:400px}
.banner-middle{height:380px}

.slides-li .slidestext{margin-top:13%;}
.slides-li .slidestext h2{font-size:58px;margin:0;}
.slides-li .slidestext p{font-size:32px;}
.slides-li .slidestext .button{max-width:220px;padding:12px 0}
.flexslider .slides > li {height:500px;}

.teach-video-content{height: calc(50vh - 0px);}
.teach-video-content h2 {font-size:28px;line-height:38px;margin:0 auto 40px auto;}
.teach-video-content .padding-large{padding:50px 0 40px 40px}

.list-features dl:nth-child(2n+1) dt .padding-large{padding:40px}

.about-data-style3 .counter{font-size:36px;line-height:42px;}
.about-data-style3 span{font-size:36px;}

}

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

.container-layout {max-width:100%;}
.sidebar-l,.margin-inside-l,.faqbar-l {margin:0;width:100%}
.sidebar-r,.margin-inside-r,.faqbar-r {margin:20px auto 0 auto;width:100%}
.line-large {margin-left:-10px;margin-right:-10px}
.line-large .x1,.line-large .x2,.line-large .x3,.line-large .x4,.line-large .x5,.line-large .x6,.line-large .x7,.line-large .x8,.line-large .x9,.line-large .x10,.line-large .x11,.line-large .x12,.line-large .xl1,.line-large .xl2,.line-large .xl3,.line-large .xl4,.line-large .xl5,.line-large .xl6,.line-large .xl7,.line-large .xl8,.line-large .xl9,.line-large .xl10,.line-large .xl11,.line-large .xl12,.line-large .xs1,.line-large .xs2,.line-large .xs3,.line-large .xs4,.line-large .xs5,.line-large .xs6,.line-large .xs7,.line-large .xs8,.line-large .xs9,.line-large .xs10,.line-large .xs11,.line-large .xs12,.line-large .xm1,.line-large .xm2,.line-large .xm3,.line-large .xm4,.line-large .xm5,.line-large .xm6,.line-large .xm7,.line-large .xm8,.line-large .xm9,.line-large .xm10,.line-large .xm11,.line-large .xm12,.line-large .xb1,.line-large .xb2,.line-large .xb3,.line-large .xb4,.line-large .xb5,.line-large .xb6,.line-large .xb7,.line-large .xb8,.line-large .xb9,.line-large .xb10,.line-large .xb11,.line-large .xb12 {position:relative;min-height:1px;padding-right:10px;padding-left:10px}

.padding-large{padding-left:20px}
.padding-large-left{padding-left:20px}
.padding-large-right{padding-right:20px}

.slides-li .slidestext{margin-top:32%;}
.slides-li .slidestext h2{font-size:42px;line-height:32px;margin:0 0 20px 0;}
.slides-li .slidestext p{font-size:24px;line-height:28px}
.slides-li .slidestext .button{max-width:200px;padding:13px 0}
.flexslider .slides > li {height:300px;}

.banner-top .banner-info {position:absolute;top:50%;margin-top:-40px;left:0;right:0;z-index:3}
.banner-top .banner-info h2 {font-size:30px;margin-bottom:20px;margin-top:-20px}
.banner-top .banner-info h3 {font-size:30px;margin-bottom:20px}
.banner-top .banner-info p{font-size:30px;line-height:36px}

.half-background .img-fluid{position: relative;left:0;}
.half-background .padding-big{padding:20px 10px}

.about-data-style3 .counter{font-size:32px;line-height:40px;}
.about-data-style3 span{font-size:32px;}

.about-introduce .padding-large-right{padding:10px;}
.about-introduce h1{font-size:24px;margin-bottom:20px}

.about-vision{padding:20px;}
.about-vision h1{font-size:28px;line-height:36px;}
.about-vision h2{font-size:20px;line-height:32px;margin-bottom:20px;}

.about-data-style1 .media-body strong {margin:10px 0 0 0;font-size:30px;line-height:32px;}
.about-data-style1 .media-body strong .badge{left:98px;top:-9px;}

.history{margin:20px 0 0 0}
.history:after{margin-top:-5px}
.history .item h2{font-size:48px;margin-bottom:30px;}
.history .item h2:after{bottom:-18px;}
.history .item p{font-size:16px}
.history .item:hover h2:after{bottom:-19px;}
.history .owl-nav .owl-prev {background:none;left:-20px;}
.history .owl-nav .owl-next {background:none;right:-20px;}
.history .owl-nav i {font-size:32px;}

.menu-h li {position:relative;float:none}
.menu-h li ul {width:100%;}

.mynav{border-bottom:0px solid #eee}
.mynav .nav-inline li a{line-height:50px;height:50px;padding:0 30px;font-size:16px;color:#333}
.mynav .nav-menu ul{min-width:100%;box-shadow: 0 5px 15px -8px rgba(0,0,0,.175);}
.mynav .nav-menu .drop-menu li a{color:#666;line-height:42px;height:42px}




.list-post-time .date-list{padding:0 20px;margin:20px 0;}
.list-post-time .media .f-day{font-size:36px;}
.list-post-time .media .f-year{font-size:18px;}
.list-post-time .media .media-body strong a{font-size:16px;line-height:28px;}


.list-cross dl dt,.list-cross dl dd {width:100%;}
.list-cross dl:nth-child(2n+0) dt .padding-large,.list-cross dl:nth-child(2n+1) dt .padding-large{padding:20px}

.list-features dl dt,.list-features dl dd {width:100%;}
.list-features dl:nth-child(2n+0) dt .padding-large,.list-features dl:nth-child(2n+1) dt .padding-large{padding:20px}


.list-post-zoomimg .media {margin-bottom:10px;}
.list-post-zoomimg .media-body {padding:10px}
.list-post-zoomimg .media-body h2 {min-height:62px;line-height:20px;}
.list-post-zoomimg .media-body h2 a {font-size:18px;}

.list-top-h .info {padding:30px 20px;margin-left:0px;margin-top:0px}
.list-top-h .info h2 a{font-size:18px;}

.content .padding-large{padding-left:20px}

.service{margin:0 0 10px 0;}
.service .media{padding:20px}

.home-about{padding:20px}
.home-about h2{position:relative;font-size:20px;margin-bottom:20px;}
.home-about p{line-height:24px;font-size:16px;}

footer .footer-style-1 {padding:0;}
footer .footer-style-1 ul {padding-left:10px}
footer .footer-style-1 ul li.block {float:none;}
footer .footer-style-1 ul li.block-1,footer .footer-style-1 ul li.block-2,footer .footer-style-1 ul li.block-3,footer .footer-style-1 ul li.block-4,footer .footer-style-1 ul li.block-5,footer .footer-style-1 ul li.block-6 {width:100%}
footer .footer-style-1 .copyright {margin-top:0px;padding:20px;font-size:16px;text-align:center}
footer .footer-style-1 .qr{width:120px;text-align:center;margin:10px auto 20px auto}
}


@media screen and (max-width:760px) {
.line-big {margin-left:-5px;margin-right:-5px}
.line-big .x1,.line-big .x2,.line-big .x3,.line-big .x4,.line-big .x5,.line-big .x6,.line-big .x7,.line-big .x8,.line-big .x9,.line-big .x10,.line-big .x11,.line-big .x12,.line-big .xl1,.line-big .xl2,.line-big .xl3,.line-big .xl4,.line-big .xl5,.line-big .xl6,.line-big .xl7,.line-big .xl8,.line-big .xl9,.line-big .xl10,.line-big .xl11,.line-big .xl12,.line-big .xs1,.line-big .xs2,.line-big .xs3,.line-big .xs4,.line-big .xs5,.line-big .xs6,.line-big .xs7,.line-big .xs8,.line-big .xs9,.line-big .xs10,.line-big .xs11,.line-big .xs12,.line-big .xm1,.line-big .xm2,.line-big .xm3,.line-big .xm4,.line-big .xm5,.line-big .xm6,.line-big .xm7,.line-big .xm8,.line-big .xm9,.line-big .xm10,.line-big .xm11,.line-big .xm12,.line-big .xb1,.line-big .xb2,.line-big .xb3,.line-big .xb4,.line-big .xb5,.line-big .xb6,.line-big .xb7,.line-big .xb8,.line-big .xb9,.line-big .xb10,.line-big .xb11,.line-big .xb12 {position:relative;min-height:1px;padding-right:5px;padding-left:5px}

.line-large {margin-left:-5px;margin-right:-5px}
.line-large .x1,.line-large .x2,.line-large .x3,.line-large .x4,.line-large .x5,.line-large .x6,.line-large .x7,.line-large .x8,.line-large .x9,.line-large .x10,.line-large .x11,.line-large .x12,.line-large .xl1,.line-large .xl2,.line-large .xl3,.line-large .xl4,.line-large .xl5,.line-large .xl6,.line-large .xl7,.line-large .xl8,.line-large .xl9,.line-large .xl10,.line-large .xl11,.line-large .xl12,.line-large .xs1,.line-large .xs2,.line-large .xs3,.line-large .xs4,.line-large .xs5,.line-large .xs6,.line-large .xs7,.line-large .xs8,.line-large .xs9,.line-large .xs10,.line-large .xs11,.line-large .xs12,.line-large .xm1,.line-large .xm2,.line-large .xm3,.line-large .xm4,.line-large .xm5,.line-large .xm6,.line-large .xm7,.line-large .xm8,.line-large .xm9,.line-large .xm10,.line-large .xm11,.line-large .xm12,.line-large .xb1,.line-large .xb2,.line-large .xb3,.line-large .xb4,.line-large .xb5,.line-large .xb6,.line-large .xb7,.line-large .xb8,.line-large .xb9,.line-large .xb10,.line-large .xb11,.line-large .xb12 {position:relative;min-height:1px;padding-right:5px;padding-left:5px}

.blank-small,.blank-middle,.blank-big{height:10px;line-height:10px;}
.blank-large {height:30px;line-height:30px;}

.flex-control-nav {bottom:0px;}
.flexslider .slides > li {height:220px;}

.banner-top i{width:48px;height:48px;line-height:48px;margin-left: -24px;bottom:-24px;font-size:36px;}
.banner-big,.banner-middle{height:220px}

.teach-video-content{height: calc(40vh - 0px);}
.teach-video-content h2 {font-size:24px;line-height:36px;margin:0 auto 40px auto;}
.teach-video-content .padding-large{padding:30px 20px}
.teach-video-play{height: calc(35vh - 0px)}
.teach-video-play a {left:50%;margin-left:-40px;top:50%;margin-top:-40px}

.about-data-style1 .media {padding:0;margin:20px 0;}
.about-data-style1 .media-body strong {font-size:28px;line-height:30px;}
.about-data-style1 .media-body strong .badge{left:110px;top:-8px;}
.about-data-style1 .media-body p {font-size:18px;line-height:22px}

.title-block-style1 h2 {font-size:20px;margin:20px auto;}
.title-block-style2 h2,.title-block-style2 h3 {font-size:24px;margin:20px auto;}
.title-block-style3 h2 {font-size:20px;margin:24px auto;}

.cat-menu-h-style2 .ul-list > li {display:block;float:left;width:28%;margin:10px;height:48px;line-height:48px;}
.cat-menu-h-style2 .ul-list > li > a{padding:0 10px}

.carousel-pro{margin-bottom:30px}
.carousel-pro .media {padding:10px;}
.carousel-pro .media-body {padding:0px}
.carousel-pro .media-body h2 {margin-bottom:10px;line-height:20px;}
.carousel-pro .media-body h2 a {font-size:16px;}

.list-product .media {margin-bottom:10px;padding:10px;}
.list-product .media-body {padding:10px 0}
.list-product .media-body h2 {min-height:44px;max-height:44px;margin-top:0px;line-height:22px;}

.contact-callout a.button {padding:0px 30px;font-size:18px;height:48px;line-height:48px;}



.guestbook .contact {padding:30px 20px}
.guestbook .content p{line-height:20px}
.guestbook .contact h2,.dialog-body h3 {font-size:20px;}
.guestbook .contact .media {margin:5px 0;padding:0 0 5px 0;}






.product-description .padding-large{padding:20px 10px}
.product-description .padding-large-top{padding:0}
.product-overview .tab .tab-nav li {display:inline-block;width:48%;}
.product-overview .tab .tab-nav li a {padding:15px 0;font-size:18px;}


.padding-large{padding:20px 10px;}
.content h1 {font-size:24px;line-height:28px;margin-bottom:10px;}
.content h2 {font-size:20px;line-height:24px;margin-bottom:10px;}
.content h3 {font-size:18px;line-height:22px;margin-bottom:10px;}
.content h4 {font-size:24px;line-height:28px;margin-bottom:10px;}


.support-tab .tab .tab-nav li{width:33.3%}
.support-download {padding:10px 10px 20px 10px;}

.sidebar-l .contact {padding:10px}

.list-download li {line-height:26px;padding:8px 15px;}
.list-download li a {display:block;}
.list-download li.dot a:before {top:10px;}

.collapse .head {height:56px;line-height:56px;padding-left:10px;}
.collapse .head i {margin:23px 10px 0 0;}
.collapse .content{padding:20px 10px}

.list-third .margin-oll{margin-top:20px}


.list-features dl.margin-big-bottom{margin-bottom:10px}
.list-cross dl:nth-child(2n+0) dt .padding-large,.list-cross dl:nth-child(2n+1) dt .padding-large{padding:20px}
.list-features dl:nth-child(2n+0) dt .padding-large,.list-features dl:nth-child(2n+1) dt .padding-large{padding:20px 10px}


.kefu-style-1{width:32px;}
.kefu-style-1 ul li{width:32px;line-height:32px;}


.wall {margin-left:-5px;margin-right:-5px}
.wall-column {width:50%;}
.wall-box {margin:0 5px 10px 5px;}
.wall-box .media-img:hover{top:-5px;left:-5px;}

.padding-small,.padding-middle{padding:10px;}
.padding-big,.padding-large {padding:30px 20px;}

.carousel-news .media-body {padding:10px 0px 0px 0px}
.carousel-news .media-body h2 {min-height:40px;line-height:20px;}
.carousel-news .media-body h2 a{font-weight:400}

.list-post-x-zoom dl dd {padding:10px;}
.list-post-x-zoom dl dd h2 a {line-height:28px;font-size:20px;height:60px;}
.list-post-x-zoom .margin-large-bottom {margin-bottom:10px}


.tab-normal .tab .tab-nav li{width:100%}
.tab-normal .tab .tab-nav li a {padding:0px 30px;height:48px;line-height:48px;margin:0 0 10px 0;}



.trade-box-item {height:320px;border-top:1px solid #f8f8f8}
.trade-box-item .item-logo {margin-top:40px;}
.trade-box-item .button{margin-top:5px}
.item-title {font-size:28px;padding:10px 0}
.item-title:before {margin:0 auto 10px;}
.trade-box-item:hover .button{margin-top:20px}
.trade-box-item:hover .item-logo {margin-top:20px}


.pic-x .media{margin-bottom:20px}
.pic-x .media-body strong a{font-size:18px;}
.pic-x .media-body li a{font-size:16px}
.pic-x .media img{width:100px;}

.dialog {width:100%;}
.dialog .dialog-body {padding:20px 20px 30px 20px;}
.dialog-body .form-group{padding-bottom:10px}

.process-style2 {padding:20px 0px;}
.process-style2 li {width:50%;margin-bottom:20px}
.process-style2:before {display:none;}

}