@font-face {

    font-family: 'robotothin';

    src: url("Roboto-Thin-webfont.eot");

    src: url("Roboto-Thin-webfont.eot-#iefix") format('embedded-opentype'),

         url("Roboto-Thin-webfont.woff2") format('woff2'),

         url("Roboto-Thin-webfont.woff") format('woff'),

         url("Roboto-Thin-webfont.ttf") format('truetype'),

         url("Roboto-Thin-webfont.svg#robotothin") format('svg');

	font-family: 'robotolight';

    src: url("Roboto-Light-webfont.eot");

    src: url("Roboto-Light-webfont.eot-#iefix") format('embedded-opentype'),

         url("Roboto-Light-webfont.woff2") format('woff2'),

         url("Roboto-Light-webfont.woff") format('woff'),

         url("Roboto-Light-webfont.ttf") format('truetype'),

         url("Roboto-Light-webfont.svg#robotolight") format('svg');

    font-weight: normal;

    font-style: normal;



}



html,body{margin:0 auto;padding:0;width:100%;height:100%; min-width:1200px;max-width:2160px;font-family:"robotolight","robotothin","Roboto";font-size:0.95em; line-height:1em;background-color:#f9f9f9;color:#595757;}

body.hidden{overflow:hidden;}

*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;}

table{border-collapse:collapse;}

a img{border:0px;}

address, caption, cite, code, dfn, em, th, var{font-style:normal;font-weight:normal;}

li{list-style:none;}

caption, th {text-align:left;}

h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;}

input, button, textarea, select {font-family:inherit;font-size:12px;vertical-align:middle;}

a{font-size:11px;outline:none;text-decoration:none;color:#555;margin:0;padding:0;}

a:hover{color:#000;}

.clear{	font-size: 0px;line-height:0px;margin:0px;padding:0px;height:0px;clear:both;visibility:hidden;}

.fl{float:left;}

.fr{float:right;}

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

/*.clearfix {display: inline-table;}*/

/*  index bigImage scroll  */

.fader{ position:relative;overflow:hidden;padding-top:50%;}

.fader .slide{position:absolute;top:0;z-index:1;width:100%;height:100%;opacity:0}

.fader .slide .slidecontent {position:absolute;top:50%;width:100%;margin-top:-150px;text-align:center;}

.fader .slide .slidecontent h1 {text-shadow:0 0 10px rgba(0,0,0,0.5);font-weight:bold;font-size:40px; margin-bottom:20px;text-transform:capitalize; color:#fff;}

.fader .slide .slidecontent .text{font-size:1.1em; width:45%;margin:0 auto; color:#fff;}

.fader .slide .slidecontent .headersur {font-size:30px;text-shadow:0 0 10px rgba(0,0,0,0.5);color:#f0f0f0;font-style:italic;display:block;}

.fader .slide .slidecontent .button a{margin:20px auto;height:2em;line-height:2em;color:#fff;font-size:1.4em;display:inline-block;width:160px;border-radius:8px;border:1px solid #fff; text-align:center;}

.fader .slide .slidecontent .button a:hover{border:1px solid #000; color:#000;}

.fader img{width:100%}

.fader img,.fader img.slide{height:auto}

.fader .next,.fader .prev{position:absolute;top:50%;left:0;z-index:4;margin-top:-25px;width:50px;height:5pc;color:#fff;text-align:center;font-size:75pt;line-height:55px;opacity:.7;cursor:pointer;transition:all .15s}

.fader .next:hover,.fader .prev:hover{opacity:1}

.fader .next{right:0;left:auto}

.fader .pager_list{position:absolute;bottom:0;z-index:4;padding:0;width:100%;height:40px;text-align:center;line-height:40px}

.fader .pager_list li{display:inline-block;margin:0 7px;width:70px;height:4px;border-radius:12px;background:#898989;text-indent:-9999px;cursor:pointer;transition:all .15s}

.fader .pager_list li.active,.fader .pager_list li:hover{background:#000;opacity:1}



/* fangda xiaoguo */

.fdOuter{position:relative;width:100%;height:100%;min-width:1200px; max-width:2160px;}

.imgOuter{width:100%; height:100%; position:absolute;overflow:hidden;}

.fdOuter .bImg{width:100%; height:100%;position:absolute;}



.pageAd{position:relative; width:100%; height:80%;min-width:1200px; max-width:2160px;}

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

	.pageAd{height:40%;}

	.fdOuter{height:60%;}

}

.imgOuter{width:100%; height:100%; position:absolute;overflow:hidden;}

.pageAd .bImg{width:100%; height:100%;position:absolute;}

.pageAdInner { width:40%;position:absolute;top:35%; left:30%;color:#fff;text-align:center;}

.pageAdInner div {margin-bottom:2%; font-size:1.1em; line-height:1.2em;}

.pageAdInner div.pageAdTitle{text-shadow:0 0 15px rgba(0,0,0,0.5);font-weight:bold;font-size:3em; text-transform:uppercase;}

.pageAdInner .readBnt {margin:0 auto;height:1.8em;line-height:1.8em;color:#fff;font-size:1.3em;display:inline-block;width:20%;filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;border-radius:8px;text-align:center; border:1px solid #fff;}

.pageAdInner .readBnt:hover{border:1px solid #ccc; color:#ccc;}







/*header part*/

#top{position:fixed;top:0;width:100%; padding-top:10px;min-width:1200px; max-width:2160px;border-top:5px solid #000;z-index:9998; background:url("../images/topMenubg_touming.png")/*tpa=http://www.trendwoo.com/images/topMenubg_touming.png*/ left top repeat;}

.header{position:relative;width:88%;height:55px;margin:0 auto;z-index:9999;}

.header .logo{float:left;}

.header .topnav{height:50px; width:80%;text-align: right;}

.header .topnav li{/*float:left;*/display:inline;margin-right:10px;}

.header .topnav li.contactus{line-height:37px;}

.header .topnav li a{color:#A4A4A4;}

.header .topLink{width:100%;}

.header .topLink a{padding:1px 10px;color:#fff;text-transform:capitalize;border-radius:8px; font-size:12px;}

.header .topLink a:hover{background-color:#000;color:#fff;}

.header .mainnav{margin-top:10px;width:100%;z-index:9998;}

.header .mainnav li{/*float:right;*/}

.header .mainnav li a{/*display: block;*/color:#fff;font-size:0.9em; font-weight:bold;position:relative;margin-left:25px;}

/*.header .mainnav li a:hover,.header .mainnav li a.current{color: #000;}*/

/* simpageAd*/



/* product nav */

#top .nav_propic{width:100%;margin:0 auto;display:none;z-index:99999; background-color:#f7f7f7;filter:alpha(opacity=90);-moz-opacity:0.9;opacity:0.9;}

#top .nav_propic a{float:left;display:inline;padding:0 5px;text-align:center; margin-bottom:5px; margin-right:10px;text-decoration:none;}

#top .nav_propic a:hover{text-decoration:none;background:none;}

#top .nav_propic a img{width:80px;height:80px;}

#top .nav_propic a span{display:block; font-size:1.1em; color:#000;}

#top .inner{margin:0 auto; padding-top:8px;padding-bottom:5px;width:88%;z-index:99999;}

#top .inner .topTitle{padding:8px 0 3px 6px; font-weight:bold;margin-bottom:6px;border-bottom:1px solid #dedede;font-size:0.9em;color:#000;}

.picShow{visibility:hidden;width:100%;height:100%;overflow:hidden;position:relative;z-index:6;}



/* page two cols layout */

.pageOuter{position:relative;max-width:3000px;}

.simPage{margin:0 auto; padding-top:50px;margin-bottom:30px;width:90%;min-width:1200px; max-width:1800px;}

.left-col{width:80%;float:left;padding-right:4%;padding-bottom:60px;text-transform:capitalize;word-break:break-all;}

.left-col .Title{font-size:30px;font-weight:bold; padding:15px 0; margin-bottom:10px; text-indent:5px; color:#000;border-bottom:2px solid #000;}

.left-col .inner{padding:0 10px; line-height:1.4em; margin-bottom:80px;}

.left-col .inner .vList li{border-bottom:1px dashed #999; padding-bottom:10px;}

.left-col .inner h4{font-size:1.4em;font-weight:800;color:#000; padding-top:30px;padding-bottom:5px; margin-bottom:5px;border-bottom:1px solid #f3f3f3;}

.left-col .inner .textImg{width:100%; height:auto; padding:5px 0;}

.left-col .inner .readMore{float:right; font-size:0.9em;padding:2px 10px; margin-right:20px;margin-bottom:10px;border-radius:10px; background-color:#66ccff; color:#fff;}

.left-col .inner .readMore:hover{background-color:#000;}



.right-col{width:15%;float:right;}



/* subMenu */

.subMenu{width:100%;height:70px;position:absolute;top:-70px;left:0;background:url("../images/submenuGg.png") left top repeat;z-index:990;}

.fixsubMenu{position:fixed; top:0; left:0; }

.subMenuList{}

.subMenuList .subMenuItem{float:left;height:70px;line-height:75px;width:25%;border-left:1px solid #333;}

.subMenuList .subMenuItem:last-child {border-right:1px solid #333;}

.subMenuList .subMenuItem a{display:block;height:100%;width:100%;color:#FFF;font-size:1em;text-align:center;}

.subMenuList .subMenuItem a:hover{background-color:#000;}

.subMenuList .subMenuItem a.select{background-color:#000;}



/* pin */

.pin {position: absolute;top: -49px;right: -87px;}

.note-container {margin-top: 10px;}

.note{display:block;width:100%;background:url("../images/promenu.jpg")/*tpa=http://www.trendwoo.com/images/promenu.jpg*/ left top repeat;text-decoration:none;box-shadow: 2px 2px 4px rgba(33,33,33,.7);

}

.note h3 {line-height:1;padding:10px 15px;font-size:1.2em;text-transform:capitalize; background-color:#E1DFE0; color:#595757;border-top:1px solid #f3f3f3;border-bottom:1px solid #ccc;}

.note a{display:block;padding:8px 16px; border-top:1px solid #f3f3f3;border-bottom:1px solid #ccc;color:#898989; font-size:1em;text-transform:capitalize;}

.note a:hover{color:#00ADEF;}

/* footer */

#footer {width:100%;min-width:1200px; max-width:2160px;}

.top {background:url("../images/bgFooter.png")/*tpa=http://www.trendwoo.com/images/bgFooter.png*/ no-repeat scroll center center / 2500px 200px rgba(0,0,0,0);height:160px;width:100%;}

.top2 {background:url("../images/bgFooter2.png")/*tpa=http://www.trendwoo.com/images/bgFooter.png*/ no-repeat scroll center center / 2500px 200px rgba(0,0,0,0);height:160px;width:100%;}

.top3 {background:url("../images/bgFooter3.png")/*tpa=http://www.trendwoo.com/images/bgFooter.png*/ no-repeat scroll center center / 3000px 200px rgba(0,0,0,0);height:200px;width:100%;}

.top0 {background:url("../images/bgFooter4.png")/*tpa=http://www.trendwoo.com/images/bgFooter.png*/ no-repeat scroll center center / 3000px 200px rgba(0,0,0,0);height:200px;width:100%;}



.block100 {float:left;margin:20px 0 0;text-align:center;width:100%;}

.bottom {padding:50px 0 10px;width:100%; height:100%;margin:0 auto;max-width:2160px;background-color:#252429;}

.bottom a {clear:both;float:left;}

.bottom .title {width:100%; margin-bottom:8px;color:#fff;font-size:1em;font-weight:500;text-transform:uppercase;}

.bottom .links {width:100%;}

.bottom .links a {color:#dedede;font-size:0.8em;margin-bottom:6px;transition: all 0.1s ease-in-out 0s;}

.bottom .links a:hover { text-decoration:underline; color:#fff;}

.bottom .line{color:#dedede;font-size:0.8em;line-height:1.3em;}

.bottomLink {width:85%; margin:0 auto; min-width:1200px; max-width:2160px;}

.bottomLink > div {float:left;width:20.5%; padding:0 2%;}

.bottomLink .footerLanguage {position:relative; width:16%;cursor:pointer;}

.bottomLink .footerLanguage .title{font-size:0.7em; text-transform:capitalize; color:#f3f3f3; position:relative;}

.bottomLink .footerLanguage .fa-globe {float:left; padding-right:4px; margin-top:-5px;}

.bottomLink .footerLanguage .fa-caret-up{display:none;position:absolute;top:10px;left:90px;color:#fff;}

.bottomLink .footerLanguage .languageList{display:none;width:60%;position:absolute; top:30px;background-color:#fff;border-radius:8px; overflow:hidden;}

.bottomLink .footerLanguage .languageList a{display:block; width:100%; margin:0; padding:0; padding:5px 10px; color:#666; font-size:0.8em;}

.bottomLink .footerLanguage .languageList a:hover{background-color:#c9caca; text-decoration:none; color:#fff; color:252429;}

.bottomLink .footerLanguage .languageList img{margin-right:5px;}





.footerSocial {width:200px; margin:0 auto; margin-top:50px;}

.footerSocial .title {color:#fff;margin-bottom:5px; text-align:center;}

.footerSocial .title img{width:180px;}

.footerSocial .buttons {width:140px;height:32px;text-align:center; margin:0 auto;}

.footerSocial a{width:22px;height:22px;clear:none;display:inline-block;margin:4px 6px 0 0; color:#fff;border-radius:22px; text-align:center;}

.footerSocial a:hover{margin:0 6px 4px 0;}



.bottomInfo{width:820px; margin:0 auto; margin-bottom:20px;color:#dedede; font-size:0.6em; line-height:1.3em;text-align:center;}











/*--technology-left--*/

.blog-poast-info {

    border-top: 1px solid #aeaeae;

    padding: 1em 0;

    text-align: left;

}

.blog-poast-info ul li {

    display:inline-table;

    margin-right: 1em;

}

.blog-poast-info ul li{

    color: #000;

    font-size:0.8125em;

    vertical-align:middle;

}

.blog-poast-info li i {

    font-size:1.5em;

    color: #aeaeae;

    margin-right: 0.3em;

    margin-top: 0px;

    vertical-align:middle;

}

i.glyphicon.glyphicon-comment {

    vertical-align: middle;

}

.blog-poast-info ul li a {

    color:#000;

    transition: 0.5s all;

    -webkit-transition: 0.5s all;

    -moz-transition: 0.5s all;

    -o-transition: 0.5s all;

    vertical-align:middle;

}

.blog-poast-info ul li a:hover{

    text-decoration:none;

}

.blog-poast-info ul li a:hover {

    color:#fa4b2a;

}

.blog-section {

    padding: 4em 0;

    position: relative;

}

.tc-ch h3 a,.wthree h3 a {

    color: #fa4b2a;

    font-weight: 600;

}

.tc-ch h3 a:hover, .wthree h3 a:hover {

    color: #000000;

}

.tc-ch p,.wthree p {

    color: #777;

    font-size: 0.875em;

    line-height: 1.8em;

    margin: 1em 0;

}

.tc-ch h3,.wthree h3  {

    margin: 0.5em 0 0;

    font-size:1.5em;

}

.wthree h3  {

    margin:0;

}

.wthree {

    margin-bottom: 2em;

    background: #fff;

    padding: 2em 2em;

}

.insta li {

    display: inline-block;

    width: 30%;

    margin: 1%;

}

.w3ls-left {

    padding: 0;

}

.tc-ch {

    background: #fff;

    padding: 2em 2em;

    margin-bottom: 1em;

}

.bht1 a{

    background: #fa4b2a;

    padding: 0.3em 1.8em;

    display:inline-block;

    color: #fff;

}

.bht1 a:hover{

    background: #000;

}

.bht1 {

    float: left;

    padding-top: 1em;

}

.tc-ch h6,.wthree h6  {

    font-size: 1em;

    color: #303030;

    font-weight: 600;

    margin-top: 1em;

}

.tc-ch h6 a,.wthree h6 a {

    color: #fa4b2a;

}

.wthree-left {

    padding: 0;

}

.soci {

    float: right;

    padding-top: 1em;

}

.soci li {

    display: inline-block;

}

.soci ul li{

    list-style-type:none;

    display:inline-block;

    margin:0 2px;

    overflow:hidden;

    height:32px;

}

.soci  ul li a{

    width: 32px;

    height: 32px;

    display: inline-block;

    border: 1px solid #d2d1d1;

}

.soci  ul li a.fb{

    background: url(../images/social.png) no-repeat -48px -7px;

}

.soci  ul li a.twit{

    background: url(../images/social.png) no-repeat -7px -7px;

}

/*--technology-left--*/

/*--technology-right--*/

.blog-grid-left {

    float: left;

    width: 36%;

}

.blog-grid-right {

    float: left;

     width: 100%; 

    margin-left: 0.5em;

}

.tech-btm p {

    margin: 1em 0;

    font-size: 0.875em;

    color: #777;

    line-height:1.8em;

}

.tech-btm h4 {

    font-size: 1.5em;

    color: #fa4b2a;

    font-weight: 700;

    margin-bottom: 1em;

}

.insta h4 {

    font-size: 1.5em;

    color: #fa4b2a;

    font-weight: 700;

    margin-bottom: 1em;

}

.insta {

    margin-top: 2em;

}

.tech-btm h5 {

    font-size: 1em;

    line-height: 1.6em;

    font-weight: 700;

}

.blog-grid-right h5 a {

    color: #4A4747;

}

.blog-grid-right h5 a:hover{

    color: #fa4b2a;

}

.blo-top {

    border-bottom: 1px solid #aeaeae;

}

.tech-btm {

    padding: 2em 2em;

    background: #fff;

}

.btn1 {

    padding: 6px 12px;

    background: #fa4b2a;

    font-size: 14px;

    color: #fff;

    border: none;

    border-radius: 0px;

}

.btn1:hover{

    background: #000000;

    color: #fff;

}

.technology-right{

    width:30%

}

.technology-right-1 {

    width: 30%;

}

.technology-left{

    width:70%;

    padding:0;

}

.blog-grids {

    border-bottom: 1px dotted #aeaeae;

    /*padding: 1.3em 0;*/

}

/*--technology-right--*/

.search-1 {

    border: 1px solid #000;

    margin: 0px 0px 2em 0;

}

.search-1 input[type="search"] {

    border: none;

    outline: none;

    padding: 5px 10px;

    font-size: 14px;

    color: #000;

    background:none;

    width:82%;

}

.search-1 form input[type="submit"] {

    background: url(../images/key2.png) no-repeat 13px 9px;

    width: 40px;

    height: 32px;

    border: none;

    margin: 0 0 0 0px;

    padding: 0;

    border-left: 1px solid #000;

    border-right: none;

    border-bottom: none;

    border-top: none;

    outline: none;

}



/*单行*/

.ellipsis{

    white-space: nowrap;

    text-overflow: ellipsis;

    -webkit-text-overflow: ellipsis;

    -moz-text-overflow: ellipsis;

    overflow: hidden;

}

.hidden{ display: none;}



.content .right .download{height: 120px;overflow: hidden;}

video{max-width: 100%;}