html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,
ins,kbd,q,samp,small,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,footer,header,menu,nav,section,summary,time,mark,audio,video{margin: 0;padding: 0;font-weight: normal;}
input,select,textarea{margin: 0;padding: 0}
input,select{vertical-align: middle}
ul,ol{list-style: none}
ul,ol,li,dl,dt,dd,pre,form,fieldset,img,div{ margin: 0px; padding: 0px; border: none; }
img{ vertical-align: middle; border-style: none;}
textarea{resize: none}
a{text-decoration: none}
em{font-style: normal}
html{font-size: 100%;-webkit-text-size-adjust: 100%;-moz-text-size-adjust: 100%;-ms-text-size-adjust: 100%;text-size-adjust: 100%}
*,*::after,*::before{-webkit-box-sizing: border-box; box-sizing: border-box; }
.clear{clear: both}
.clearfix,.w{zoom: 1}
.clearfix:after,.w:after{content: ".";display: block;overflow: hidden;height: 0;clear: both;visibility: hidden}
.fl{float: left}
.fr{float: right}
html,body{ width: 100%; line-height: 186%; font-size: 13px; background: #FFF fixed; color:#595757; font-weight: lighter; font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif; letter-spacing: 1px;}
*{ moz-user-select: -moz-none;  -moz-user-select: none;  -o-user-select:none;  -khtml-user-select:none;  -webkit-user-select:none;  -ms-user-select:none;  user-select:none; }

/* links */
a{color:#333; text-decoration:none; outline:none !important;}
a:hover{color:#00a95f; text-decoration:none;} a:focus{outline:thin dotted;} a:hover,a:active{outline:0;}
a, a:hover, a:focus { text-decoration: none; }

@font-face {
    font-family: 'exotic-bold';
    src: url('../fonts/exotic350bt-demibold-webfont.eot');
    src: url('../fonts/exotic350bt-demibold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/exotic350bt-demibold-webfont.woff2') format('woff2'),
    url('../fonts/exotic350bt-demibold-webfont.woff') format('woff'),
    url('../fonts/exotic350bt-demibold-webfont.ttf') format('truetype'),
    url('../fonts/exotic350bt-demibold-webfont.svg#exotic_350_demi-bold') format('svg');
    font-weight: normal;
    font-style: normal;

}

.filletBox { -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); behavior: url(ie-css3.htc);}
.filletBlack { -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.2); behavior: url(ie-css3.htc);}

.ts-padding { padding: 0 4%;}

/* Sections Header One Star */
.section-header-one h3 {  font-size: 13px; color: #888;  text-transform: uppercase;  text-align: center;  font-weight: lighter;  position: relative;  padding-bottom: 15px; margin: 0 0 10px 0;}
    .section-header-one h3::before {  content: '';  position: absolute;  display: block;  width: 600px;  height: 1px;  background: #f4f4f4;  bottom: 1px;  left: calc(50% - 300px);}
    .section-header-one h3::after {  content: '';  position: absolute;  display: block;  width: 60px;  height: 5px;  background: #00a95f;  bottom: -1px;  left: calc(50% - 30px); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
    .section-header-one p { font-size: 22px; color: #222; letter-spacing: 5px; font-weight: 700; text-align: center; margin: 5px 0 10px 0;}
/* Sections Header One End */

/* Section Header Two Star */
.section-header-two { margin: 0; padding: 0; display: block; color: #FFF; text-align: center;}
    .section-header-two em { font-size: 22px; font-weight: 700; letter-spacing: 5px;}
    .section-header-two i { display: block; width: 38px; height: 3px; line-height: 3px; background: #FFF; margin: 10px auto;}
    .section-header-two span { text-transform: uppercase; display: block; font-size: 22px; font-weight: lighter;}
/* Section Header Two End */

/* Section Header Three Star */
.section-header-three h2 { font-size: 22px; color: #333; letter-spacing: 5px; text-transform: uppercase; text-align: center; font-weight: 700; position: relative; padding-bottom: 15px;  }
    .section-header-three h2::before { content: ''; position: absolute; display: block; width: 120px; height: 1px; background: #ddd; bottom: 1px; left: calc(50% - 60px); }
    .section-header-three h2::after { content: '';  position: absolute; display: block; width: 40px; height: 3px; background: #18d26e; bottom: 0; left: calc(50% - 20px);  }
    .section-header-three p { font-size:13px; text-align: center; padding-bottom: 30px; padding-top: 5px; color: #888; }
/* Section Header Three End */


/* Header Star */
header { z-index: 999; padding: 20px 4%; height: 90px; position: fixed; width:100%; font-size: 1.5rem; background-color: #fff;  -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); behavior: url(ie-css3.htc);}
    header.rolling { background: none; box-shadow: none; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease;}
    header .logoer { float: left;}
    header .logoer img { max-height: 100%;}
    header .menuer { float: right;}
    header .menuer ul li { float: left; padding: 0 0 0 60px; height: 50px; line-height: 50px;}
    header .menuer ul li a { position: relative; display: block; color: #464646; font-size: 16px;}
    header.rolling .menuer ul li a { color: #FFF;}
    header .menuer ul li:hover a { color: #00a95f;}
    header .menuer ul li a:before{ content: ""; width: 0%; height: 1px; background: #00a95f; position: absolute; left: 0; bottom: 8px; -webkit-transition: all .32s ease-in-out 0s;  -moz-transition: all .32s ease-in-out 0s;  -o-transition: all .32s ease-in-out 0s;  transition: all .32s ease-in-out 0s;}
    header .menuer ul li:hover a:before { width: 100%; visibility: visible;}
/* Header End */


/* Header Blank Star */
#header-blank { width: 100%; height: 120px;}
/* Header Blank End */

/* Ts Video Star */
#ts-video { position: relative; width: 100%; overflow: hidden;}
    #ts-video .slogans {position: absolute; top: 50%; z-index: 9; color: #fff; width: 100%; text-align: center; transform: translateY(-50%);}
    #ts-video .slogans h2 {font-size: 75px;line-height: 75px;margin-bottom: 28px;font-weight: bold;}
    #ts-video .slogans h3 {font-size: 51px;line-height: 51px;margin-bottom: 29px;font-weight: bold;}
    #ts-video .slogans p {font-size: 26px;line-height: 26px;}
/* Ts Video End */


/* Ts Items Star */
#ts-items { padding: 60px 2%;}
    .ts-items { }
    .ts-items ul li { float: left; width: 16.666666%; text-align: center; padding: 0 2%; cursor: pointer;}
    .ts-items ul li .icos { height: 80px; vertical-align: middle;  -webkit-transform: translateZ(0);  transform: translateZ(0);  box-shadow: 0 0 1px rgba(0, 0, 0, 0);  -webkit-backface-visibility: hidden;  backface-visibility: hidden;  -moz-osx-font-smoothing: grayscale;  -webkit-transform-origin: 0 100%;  transform-origin: 0 100%;}
    .ts-items ul li .icos i { vertical-align: middle; font-size: 42px; line-height: 80px;}
    .ts-items ul li h6 { font-size: 18px; font-weight: 500; margin: 5px 0 10px 0;}
    .ts-items ul li p { color:#898989; font-size: 12px;}
    .ts-items ul li:hover .icos i { -webkit-animation-name: ts-wobble;  animation-name: ts-wobble;  -webkit-animation-duration: 1s;  animation-duration: 1s;  -webkit-animation-timing-function: ease-in-out;  animation-timing-function: ease-in-out;  -webkit-animation-iteration-count: 1;  animation-iteration-count: 1;}
/* Ts Items End */

/* Our Services Star */
#our-services { background: url("../img/our-services.jpg") center no-repeat #FFF/* fixed*/; width: 100%; padding: 100px 0;}
    .our-services ul.advantage { margin: 50px 0 0 0;}
    .our-services ul.advantage li { float: left; width: 20%; text-align: center; color: #FFF; cursor: pointer;}
    .our-services ul.advantage li .icos { height: 80px; vertical-align: middle;}
    .our-services ul.advantage li .icos i { vertical-align: middle; font-size: 42px; line-height: 80px; -moz-transition: all 1.2s; -webkit-transition: all 1.2s; -o-transition: all 1.2s;}
    .our-services ul.advantage li h6 { font-size: 32px; font-weight: 700; margin: 0 0 20px 0; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s;}
    .our-services ul.advantage li p { color:#e1e1e1; font-size: 12px;}
    .our-services ul.advantage li:hover .icos i { transform: translate3d(0,-10px,0) rotateY(180deg);  -ms-transform: translate3d(0,-10px,0) rotateY(180deg);  -moz-transform: translate3d(0,-10px,0) rotateY(180deg);  -webkit-transform: translate3d(0,-10px,0) rotateY(180deg);  -o-transform: translate3d(0,-10px,0) rotateY(180deg);}
    .our-services ul.advantage li:hover h6 { color:#00a95f;}
/* Our Services End */



/* Ts Cases Star */
#ts-cases { padding: 60px 3% 50px 3%;}
    .ts-cases { margin: 30px 0;}
    .ts-cases img { max-width: 100%;}
    .ts-cases ul.lists { }
    .ts-cases ul.lists li { float: left; width: 25%; text-align: center;}
    .ts-cases ul.lists li .boxs { margin: 0 5% 5% 5%; padding: 0 0 20px 0; border-bottom: solid 3px #dadada; -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s;  -ms-transition: all .3s;  transition: all .3s; -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); behavior: url(ie-css3.htc);}
    .ts-cases ul.lists li .boxs .imgs { position: relative; overflow: hidden;}
    .ts-cases ul.lists li .boxs .imgs .infos { position: absolute; left: 0; bottom: -100%; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.75); -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;}

    .ts-cases ul.lists li .boxs .imgs .infos .bq { }
    .ts-cases ul.lists li .boxs .imgs .infos .bq label.website{ background: url("../img/website-ico.png") no-repeat center;}
    .ts-cases ul.lists li .boxs .imgs .infos .bq label.wechat{ background: url("../img/wechat-ico.png") no-repeat center;}
    .ts-cases ul.lists li .boxs .imgs .infos .bq label.app{ background: url("../img/app-ico.png") no-repeat center;}
    .ts-cases ul.lists li .boxs .imgs .infos .bq label.game{ background: url("../img/game-ico.png") no-repeat center;}
    .ts-cases ul.lists li .boxs .imgs .infos .bq label.h5{ background: url("../img/h5-ico.png") no-repeat center;}
    .ts-cases ul.lists li .boxs .imgs .infos .bq label.sem{ background: url("../img/sem-ico.png") no-repeat center;}
    .ts-cases ul.lists li .boxs .imgs .infos .bq label.seo{ background: url("../img/seo-ico.png") no-repeat center;}
    .ts-cases ul.lists li .boxs .imgs .infos .bq label.small{ background: url("../img/small-ico.png") no-repeat center;}
    .ts-cases ul.lists li .boxs .imgs .infos .bq label.toutiao{ background: url("../img/toutiao-ico.png") no-repeat center;}
    .ts-cases ul.lists li .boxs .imgs .infos .bq label.video{ background: url("../img/video-ico.png") no-repeat center;}
    .ts-cases ul.lists li .boxs .imgs .infos .bq label.weibo{ background: url("../img/weibo-ico.png") no-repeat center;}
    .ts-cases ul.lists li .boxs .imgs .infos .bq label.zhibo{ background: url("../img/zhibo-ico.png") no-repeat center;}

    .ts-cases ul.lists li .boxs .imgs .infos .bq label { cursor: pointer; display: inline-block; width: 24px; line-height: 24px; height: 24px; font-size: 0; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity: 1; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s; vertical-align: middle; margin-top: 5px; margin-left: 3px; margin-right: 3px; overflow: hidden;}
    .ts-cases ul.lists li .boxs .imgs .infos .bq label span{width: 5em; display: block; opacity: 0;}
    .ts-cases ul.lists li .boxs .imgs .infos .bq label:hover{width:5em; background: #fff !important; opacity: 1; font-size: 12px; border-radius: 3px; color: #000000;}
    .ts-cases ul.lists li .boxs .imgs .infos .bq label:hover span{ filter:alpha(opacity=100);  -moz-opacity:1; -khtml-opacity:1; opacity: 1;}


    .ts-cases ul.lists li .boxs h5.names { margin: 20px 0 5px 0; font-size: 18px;}
    .ts-cases ul.lists li .boxs p.intros { color: #898989; font-size: 12px;}
    .ts-cases ul.lists li .boxs:hover { border-bottom: solid 3px #00a95f; -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.45); -moz-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.45); box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.45); behavior: url(ie-css3.htc);}
    .ts-cases ul.lists li .boxs:hover .imgs .infos { bottom:0;}

/* Ts Cases End */

/* Ts Infos End */
#ts-infos { padding: 50px 3%; background-color: #f7f7f7;}

    .ts-infos { }
    ul.image-lists li { float: left; width: 50%;}
    ul.image-lists li .items { position:relative; margin: 0 2% 25px 2%; border-left: solid 1px #FFF; border-right: solid 1px #FFF; background: #fff; padding: 20px 15px; overflow: hidden; -webkit-transition: all .32s ease-in-out 0s; -moz-transition: all .32s ease-in-out 0s; -o-transition: all .32s ease-in-out 0s; transition: all .32s ease-in-out 0s;}
    ul.image-lists li .items img { max-width: 100%; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
    ul.image-lists li .items a { display: block;}
    ul.image-lists li .items em.imgs { float: left; width: 20%;}
    ul.image-lists li .items .infos { float: left; width: 65%; padding: 0 0 0 20px;}

    ul.image-lists li .items h3.titles { color: #5f544e; font-size: 16px; overflow: hidden; -webkit-transition: all .288s ease 0s; -moz-transition: all .288s ease 0s; -o-transition: all .288s ease 0s; transition: all .288s ease 0s; font-weight: 600; }
    ul.image-lists li .items p.intros { font-size: 12px; margin: 10px 0 0 0; color: #898989;}
    ul.image-lists li .items span.times { float: right; position: relative; text-align: right; border-bottom: 1px solid #d8d8d8; font-family: 'exotic-bold'; color: #81756e; padding-bottom: 30px;}
    ul.image-lists li .items span.times strong { display: block; font-size: 36px; line-height: 100%;  -webkit-transition: all .288s ease 0s;  -moz-transition: all .288s ease 0s;  -o-transition: all .288s ease 0s;  transition: all .288s ease 0s;}
    ul.image-lists li .items span.times em { display: block; text-align: right;  font-size: 16px;  line-height: 100%;  margin-top: 10px;  -webkit-transition: all .288s ease 0s;  -moz-transition: all .288s ease 0s;  -o-transition: all .288s ease 0s;  transition: all .288s ease 0s;}

    ul.image-lists li .items span.times:before { content: ""; width: 0%; height: 1px; background: #00a95f; position: absolute; left: 0; bottom: -1px; -webkit-transition: all .32s ease-in-out 0s;  -moz-transition: all .32s ease-in-out 0s;  -o-transition: all .32s ease-in-out 0s; transition: all .32s ease-in-out 0s;}

    ul.image-lists li .items:hover span.times:before { width: 100%; visibility: visible;}

    ul.image-lists li .items:hover { -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.15); box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.15); behavior: url(ie-css3.htc); -webkit-transition: all .12s ease-in-out .1s; -moz-transition: all .12s ease-in-out .1s; -o-transition: all .12s ease-in-out .1s; transition: all .12s ease-in-out .1s;}

    /**
    ul.image-lists li .items:before{content:'';display: block;height: 1px;position: absolute;right: 0; top: 0px;width:0;background: #00a95f;transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;}
    ul.image-lists li .items:hover:before{ width:100%;}
    ul.image-lists li .items:after{content:'';display: block;height: 1px;position: absolute;right: 0; bottom: 0px;width:0;background: #00a95f;transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;}
    ul.image-lists li .items:hover:after{ width:100%;}
    ul.image-lists li .items:hover { border-left-color: #00a95f; border-right-color: #00a95f;}
    */
/* Ts Infos End */



/* Mores Center Star */
.mores-center { margin: 0 auto; text-align: center;}
    .mores-center a { display: block; font-weight: lighter; width: 200px; padding: 8px 0;  text-align: center;  font-size: 15px;  color: #fff;  margin: 0 auto;  background: #333; border: 1px solid #333; -moz-border-radius: 26px; -webkit-border-radius: 26px; border-radius: 26px; transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s;}
    .mores-center a:hover { color: #333; background: #fff; transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s;}
/* Mores Center End */



/* Ts Links Star */
#ts-links { padding: 20px 4%; text-align: left;}
    #ts-links h1 { font-size: 1.6em; margin-bottom: 10px;}
    #ts-links span { margin: 0 10px;}
/* Ts Links End */

/* Ts Contacts Star */
#ts-contacts { padding: 10px 4%; text-align: left; background-color: #222; color: #FFF; font-weight: lighter;}
    #ts-contacts a { color: #FFF;}
    #ts-contacts a:hover { text-decoration: underline;}
    #ts-contacts span { float: right;}
    #ts-contacts span>label { color: #373737; margin-left: 8px; margin-right: 8px; font-family: simsun;}
/* Ts Contacts End */


/* Footer Star */
footer { padding: 10px 4%; text-align: left; background-color: #FFF;}
    footer span { float: right;}
    footer .infos { margin-top: 8px;}
/* Footer End */

/* Ts Wobble Star */
@-webkit-keyframes ts-wobble {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg);
    }

    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg);
    }

    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg);
    }

    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg);
    }

    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg);
    }

    100% {
        -webkit-transform: skew(0);
        transform: skew(0);
    }
}
@keyframes ts-wobble {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg);
    }

    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg);
    }

    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg);
    }

    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg);
    }

    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg);
    }

    100% {
        -webkit-transform: skew(0);
        transform: skew(0);
    }
}
/* Ts Wobble End */

/* Move Star */
@keyframes move {
    0% {
        left: 0;
        top: 0px;
    }
    100% {
        left: 300px;
        top: 0px;
    }
}
/* Move End */
@media screen and (max-width: 1920px){

}

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

}

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

}

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

}

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

}

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

}

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

}