@font-face {
    font-family: 'robotothin';
    src: url('Roboto-Thin-webfont.eot');
    src: url('Roboto-Thin-webfont.eot#iefix') format('embedded-opentype'),
         url('Roboto-Thin-webfont1.woff2') format('woff2'),
         url('Roboto-Thin-webfont2.woff') format('woff'),
         url('Roboto-Thin-webfont3.ttf') format('truetype'),
         url('Roboto-Thin-webfont4.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-webfont3.ttf') format('truetype'),
         url('Roboto-Light-webfont4.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;

}
.tl{ text-align:left}
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:#19A1DD;}
.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  */
.slidecontent{
    position: absolute;
    top: 50%;
    width: 25%;
    line-height: 35px;
    margin-top: -150px;
    text-align: center;
}
.slidecontent h1{
    text-shadow: 0 0 10px rgba(0,0,0,0.5);
    font-size: 40px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: #fff;
}
.slidecontent .texts{
    font-size:20px;
    width: 45%;
    margin: 0 auto;
    color: #fff;
}
.bd{
    overflow: hidden;
}
.slidecontent .button a{
    margin: 20px auto;
    height: 2em;
    line-height: 2em;
    color: #fff;
    font-size: 18px;
    display: inline-block;
    padding: 0px 10px;
    border-radius: 8px;
    border: 1px solid #fff;
    text-align: center;
}
.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:#19a1dd;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 #19a1dd; color:#19a1dd;}

/*header part*/
#top{position:fixed;top:0;width:100%; padding-top:6px;min-width:1200px; max-width:2160px;border-top:5px solid #19A1DD;z-index:9998; background:url(../pcimg/images/topMenubg_touming.png) left top repeat;}
.header{position:relative;width:1200px;height:55px;margin:0 auto;z-index:9999;}
.header .logo{float:left;}
.header .topnav{height:50px; width:89%;}
.header .topnav li{
    display: inline;
    position: relative;
    padding-right: 19px;}
.header .topnav li.contactus{line-height:37px;}
.header .topnav li a{color:#A4A4A4;}
.header .topLink{width:100%;}
.header .topLink a{float:right;padding:1px 10px;color:#fff;text-transform:capitalize;font-size:12px;}
.header .topLink a:hover{background-color:#19a1dd;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;
    padding-right: 7px;
    float: left;
}
.header .mainnav li a:hover,.header .mainnav li a.current{color: #19a1dd;}
/* simpageAd*/

/* product nav */
#top .nav_propic{width:100%;margin:0 auto;display:none;z-index:99999; background-color:#fff;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:#19a1dd;}
.picShow{visibility:hidden;width:100%;height:100%;overflow:hidden;position:relative;z-index:6;}

/* page two cols layout */
.pageOuter{position:relative;max-width:2160px;}
.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;}
.left-col .Title{font-size:30px;font-weight:bold; padding:15px 0; margin-bottom:10px; text-indent:5px; color:#2497CA;border-bottom:2px solid #2497CA;}
.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:#595757; 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:#2497CA;}

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

/* subMenu */
.subMenu{width:100%;height:70px;position:absolute;top:-70px;left:0;background:url(../pcimg/images/submenuGg.png) left top repeat;z-index:9999;}
.fixsubMenu{position:fixed; top:0; left:0; }
.subMenuList{
    width: 100%;
    float: left;
}
.subMenuList .subMenuItem{float:left;height:70px;width:33%;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:#19a1dd;}
.subMenuList .subMenuItem a.select{background-color:#19a1dd;}

/* pin */
.pin {position: absolute;top: -49px;right: -87px;}
.note-container {margin-top: 10px;}
.note{display:block;width:100%;background:url(../images/promenu.jpg) left top repeat;text-decoration:none;box-shadow: 2px 2px 4px rgba(33,33,33,.7);
}
.note h3 {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; float: left;}
.top {background:url(../images/bgFooter.png) no-repeat scroll center center / 2500px 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:url(../../pcimg/images/bottom13.png)no-repeat}
.bottom a {clear:both;float:left;}
.bottom .title {width:100%; margin-bottom:8px;color:#fff;font-size:1em;font-weight:500;text-transform:uppercase;font-size: 18px;}
.bottom .links {width:100%;}
.bottom .links a {color:#fff;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;line-height: 20px;}
.bottomLink > div {float:left;width:16%; 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:#19a1dd;}
.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;}