@font-face {
    font-family: 'calibribold';
    src: url('../font/calibri_bold-webfont.eot');
    src: url('../font/calibri_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/calibri_bold-webfont.woff') format('woff'),
         url('../font/calibri_bold-webfont.ttf') format('truetype'),
         url('../font/calibri_bold-webfont.svg#calibribold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'calibriregular';
    src: url('../font/calibri-webfont.eot');
    src: url('../font/calibri-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/calibri-webfont.woff') format('woff'),
         url('../font/calibri-webfont.ttf') format('truetype'),
         url('../font/calibri-webfont.svg#calibriregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* Reset CSS
 * --------------------------------------- */
img{border:none;}
*{ margin:0; padding:0; } 
body, th, td, div, span,p, ul, li, input, textarea {font:12px/24px calibribold;color:#5f5f5f;}
a, a:link, a:active, a:visited {-webkit-transition: color 0.25s ease-out;-moz-transition: color 0.25s ease-out;-o-transition: color 0.25s ease-out;transition: color 0.25s ease-out;color: #4354a0;outline: none;text-decoration: none;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;margin:0; padding:0; font-family: 'calibribold';}
a:hover {color: #000;}
table {border-spacing: 0;    }
fieldset,img { border: 0;}
ul li{ list-style:none;}
caption,th {text-align: left;}
q:before,q:after {content:'';}
abbr,acronym { border: 0;}
.clearfix:after{content:"";display:block;height:0;clear:both;}
.clearfix{zoom:1;}
.fl{float:left}
.fr{float:right}
.mt5{ margin-top:5px}
.mt10{ margin-top:10px}
.mt15{ margin-top:15px}
.none{ display:none}

/* Custom CSS
 * --------------------------------------- */
.section{text-align:center;}
#top {width: 100%;height: 65px;background: #fff;border-top:5px solid #4354a0;z-index: 5000;position: fixed;top: 0;right: 0;}
*html {background-image: url(about:blank);background-attachment: fixed;}
#top {position: fixed;top: 0;left: 0;_position: absolute;_top: expression(eval(document.documentElement.scrollTop));}
#topcon {width: 970px;margin: 0 auto;position: relative;}
#logo a{display:block;width: 121px;height:65px;background:url(../images/logo.gif) no-repeat}
#menu {position:absolute;top:15px;right:100px;}
#menu li {float:left; display:block;width: auto; height:35px; line-height:35px;color:#4354a0;margin-right:33px;}
#menu li a{color:#4354a0; padding-bottom:10px;width: auto; font-size:14px}
#menu li a:hover,#menu li a.active{color:#4354a0;border-bottom:1px solid #e8e05a;width: auto; height:40px}
.lang{position:absolute;top:24px;right: 0;color:#b4b4b4; line-height:20px}
.lang a.fb{float:left;width:20px;height:20px;background:url(../images/icon_fb.gif) no-repeat; margin-right:10px;}
.lang a.fb:hover{float:left;width:20px;height:20px;background:url(../images/icon_fb.gif) 0 -20px no-repeat; margin-right:10px;}
.lang a{color:#b4b4b4;font-family:SimHei;}
.lang a:hover{color:#4354a0;}
.lang a.en{ font-family:SimHei;}


.home{ height:100%;background:url(../images/bg_home.gif) left top repeat;position:relative; text-align:center;}
.home-con{ width:970px; margin:0 auto; margin-top:70px; padding-top:6%}
.home-con .title{width:970px;text-align:center;}
.home-con .title h3{width:970px;font-size:38px;font-weight:bold; color:#3f4f94; text-align:center;}
.home-con .title h4{width:970px;font-size:36px;color:#3f4f94; margin-top:10px;text-align:center;}
.home-con .menu{ width:983px; color:#FFF}
.home-con .menu li{ float:left; margin-top:60px;}
.home-img1 a{ display:block;width:239px; height:244px; background:url(../images/home_img1.png) no-repeat;}
.home-img1 a:hover{ width:239px; height:244px;background:url(../images/home_img1_hover.png) no-repeat;}
.home-img2 a{ display:block;width:254px; height:249px; background:url(../images/home_img2.png) no-repeat;}
.home-img2 a:hover{ width:254px; height:249px;background:url(../images/home_img2_hover.png) no-repeat;}
.home-img3 a{ display:block;width:247px; height:248px; background:url(../images/home_img3.png) no-repeat}
.home-img3 a:hover{width:247px; height:248px;background:url(../images/home_img3_hover.png) no-repeat; }
.home-img4 a{ display:block;width:243px; height:251px; background:url(../images/home_img4.png) no-repeat; }
.home-img4 a:hover{width:243px; height:251px;background:url(../images/home_img4_hover.png) no-repeat;}
.home-con .menu p{ color:#FFF; font-size:14px; line-height:22px;}
.home-img1 a .con,.home-img2 a .con,.home-img3 a .con,.home-img4 a .con{display:none;}
.home-img1 a:hover .con{ display:block;padding-top:97px}
.home-img2 a:hover .con{ display:block;padding-top:120px}
.home-img3 a:hover .con{ display:block;padding-top:67px}
.home-img4 a:hover .con{ display:block;padding-top:114px}

.aboutus{ background:url(../images/bg_about.gif) left top repeat; text-align:center;}
.aboutus-con{ width:970px;margin:0 auto;}
.aboutus-con .title{width:970px;text-align:center;margin-top:70px; padding-top:60px}
.aboutus-con .title h3{ margin:0 auto;width:970px;font-size:30px;font-weight:bold; color:#fff; text-align:center;}
.aboutus-con .title hr{  margin:0 auto;text-align:center; height:1px; width:220px; background:#ddd10f; font-size:0; margin:12px auto; border:none;}
.aboutus-con .title h4{ margin:0 auto;width:970px;font-size:18px;color:#f0e63d; margin-top:10px;text-align:center;}
.aboutus-con .title hr.width2{width:130px}
.aboutus-con .title h5{ margin:0 auto;width:770px;font-size:16px;color:#fff; margin-top:10px;text-align:center; line-height:20px; font:16px 'calibriregular';/*text-align:justify;text-justify:inter-ideograph;text-align-last:center;-moz-text-align-last:center;-webkit-text-align-last:center;*/}
.aboutus-con .menu{ width:970px; color:#FFF; margin-top:30px}
.aboutus-con .menu li{ float:left;text-align:center; line-height:278px;}
.aboutus-con .menu .blue a{ display:block;width:414px; height:278px;background:url(../images/ab_blue_circle.png) no-repeat; color:#fff; font-size:22px;}
.aboutus-con .menu .yellow a{ display:block;width:278px; height:278px;background:url(../images/ab_yellow_circle.png) no-repeat; color:#fff; font-size:22px;}
.aboutus .controlArrow.prev {left: 15px;width: 29px;height:32px;background:url(../images/side_arrow_l2.png) no-repeat}
.aboutus .controlArrow.next {right: 15px;width: 29px;height:32px;background:url(../images/side_arrow_r2.png) no-repeat}
.aboutus-img li{ float:left; margin-top:30px}
.aboutus-img1 { display:block;width:278px; height:320px;background:url(../images/ab_co_img1.png) no-repeat; color:#f0e63d; font-size:22px; padding-top:304px;}
.aboutus-img2 { display:block;width:414px; height:320px;background:url(../images/ab_co_img2.png) top center no-repeat; color:#f0e63d; font-size:22px;padding-top:304px;}
.aboutus-img3 { display:block;width:278px; height:320px;background:url(../images/ab_co_img3.png) top center no-repeat; color:#f0e63d; font-size:22px; padding-top:304px;}
.workflow{ margin:0 auto;width:970px; margin-top:30px;}
.workflow .left{ float:left; width:120px; padding-left:120px;}
.workflow .left li{ float:left;width:120px; text-align:center;color:#fff; font-size:16px;}
.workflow .left li.st { height:57px;background:url(../images/ab_wf_01_bg.png) top center no-repeat; padding-top:53px}
.workflow .left li.nd { height:50px;background:url(../images/ab_wf_02_bg.png) top center no-repeat; padding-top:99px}
.workflow .left li.rd  { height:76px;background:url(../images/ab_wf_03_bg.png) top center no-repeat}
.workflow .cen{ float:left; width:490px; height:464px;  background:url(../images/ab_wf_img.png) top center no-repeat}
.workflow .right{ float:left; width:110px; padding-top:52px;}
.workflow .right li{ float:left;width:120px; text-align:center;color:#fff; font-size:16px;}
.workflow .right li.th { height:30px;background:url(../images/ab_wf_04_bg.png) top center no-repeat; padding-top:90px}
.workflow .right li.list{ color:#d4cb2b;  font:16px 'calibriregular';}
.ourfacilities{ margin:0 auto;width:970px; margin-top:30px}
.ourfacilities .bn{margin:0 auto;width:942px; height:322px;background:url(../images/ab_of_img.png) top center no-repeat; margin-top:47px}
.ourfacilities .list{margin:0 auto;width:942px;}
.ourfacilities .list li{ float:left;text-align:center; font-size:22px; color:#f0e63d; margin-top:22px;}
.ourfacilities .list li.a{ width:180px;}
.ourfacilities .list li.b{ width:181px; padding-top:10px}
.ourfacilities .list li.c{ width:218px; padding-top:10px}
.ourfacilities .list li.d{ width:181px; padding-top:10px}
.ourfacilities .list li.e{ width:180px; padding-top:10px}

.tec{ position:relative;}
.tec-st{width:100%; position:relative;}
.tec-st2{width:100%; position:relative;}
.tec-con{width:970px; margin:0 auto;}
.tec-con .title h3{ margin:0 auto;width:970px;font-size:30px; color:#344592; text-align:center;}
.tec-con .title hr{  margin:0 auto;text-align:center; height:1px; width:160px; background:#344592; font-size:0; margin:12px auto; border:none;}
.tec-con .title h4{ margin:0 auto;width:970px;color:#344592; margin-top:10px;text-align:center;  font:18px 'calibriregular';}
.tec-con .title hr.st2{ background:#e8e05a;}
.tec-con .title h4.st2{color:#e8e05a;}
.tec .controlArrow.prev {left: 15px;width: 29px;height:32px;background:url(../images/side_arrow_l2.png) no-repeat; z-index:3}
.tec .controlArrow.next {right: 15px;width: 29px;height:32px;background:url(../images/side_arrow_r2.png) no-repeat; z-index:3}
.tec-st-con{ width:100%; background:#293570;opacity:0.95;filter:alpha(opacity=0.95);*opacity:0.95;filter:alpha(opacity=95); height:304px; margin-top:35px; padding-top:40px;}
.tec-st-con p.t1{ margin:0 auto; width:608px; text-align:center; color:#fff; font:26px 'calibriregular'; margin-top:0}
.tec-st-con p.t2{ margin:0 auto; width:587px; text-align:center; color:#fff; font:18px 'calibriregular'; margin-top:20px}
.tec-st-con2{ width:100%; padding-top:100px;}
.tec-st-con2 li{ float:left;display:inline-table;width:33%; color:#fff; font-size:26px; text-align:center}
.top-con{width:100%;position:absolute;z-index:2;top:0;left:0; margin-top:70px;padding-top:6%}
.bootm-con{width:100%;position:absolute;top:0;left:0;z-index:-1}

.product{ width:100%;}
.pr-con{ height:100%;width:970px; margin:0 auto; position:relative; padding-top:70px;z-index:2;top:0;left:0;}

.product-silde{position:relative;background-size:970px auto;}
.product-img{ width:100%;text-align:center;position:absolute;top:0;left:0;z-index:1}
/*
.product-activesports{background:url(../images/product_activesports.jpg) #f4f4f6 top center no-repeat;background-size:970px auto; position:relative}
.product-ia{background:url(../images/product_ia.jpg) #e2e3e5 top center no-repeat;background-size:970px auto;position:relative}
.product-shapewear{background:url(../images/product_shapewear.jpg) #e4e4e6 top center no-repeat;background-size:970px auto; position:relative}
.product-healthcare{background:url(../images/product_healthcare.jpg) #f9f8fe top center no-repeat; background-size:970px auto; position:relative}
.product-cf{background:url(../images/product_cf.jpg) #e2e3e5 top center no-repeat;background-size:970px auto; position:relative}
.product-accessories{background:url(../images/product_accessories.jpg) #e3e4e6 top center no-repeat; background-size:970px auto;position:relative}
*/
.pr-con .title{ float:left;width:250px; text-align:left; margin-top:3%; }
.pr-con .title h3{ font-size:30px;color:#3f4f94}
.pr-con .title hr{ text-align:left; height:1px; width:150px; background:#ddd10f; font-size:0; margin:12px 0;border:none;}
.pr-con .title h4{ font-size:24px;color:#ddd10f}
.pr-con .title h5{ font:16px 'calibriregular'; color:#3f4f94; margin-top:33px}
.pr-con .title p{ font:16px 'calibriregular'; color:#3f4f94; margin-top:33px}
.pr-more a{margin:0 auto; position:absolute;display:block;width:76px; height:76px; z-index:500; top:auto;background:url(../images/pr_more.png) no-repeat;bottom:7px !important; left:50%; margin-left:-38px;   _top: expression(eval((document.compatMode&&document.compatMode=="CSS1Compat")?documentElement.scrollTop+documentElement.clientHeight-this.clientHeight-1:document.body.scrollTop+document.body.clientHeight-this.clientHeight-1));
_left:expression(documentElement.scrollLeft + "px"); 
 overflow:hidden; }
.pr-menu{ /*display:none;*/ width:984px;margin:0 auto; position:absolute; height:151px;z-index:500; top:auto; bottom:90px !important;  left:50%;   margin-left:-485px;  
 _top: expression(eval((document.compatMode&&document.compatMode=="CSS1Compat")?documentElement.scrollTop+documentElement.clientHeight-this.clientHeight-1:document.body.scrollTop+document.body.clientHeight-this.clientHeight-1));
_left:expression(documentElement.scrollLeft + "px"); overflow:hidden; }
.pr-menu li{ float:left;width:151px; height:151px; text-align:center; line-height:151px; margin-right:13px}
.pr-menu li.blue a{ display:block;width:151px; height:151px; background:url(../images/pr_blue_circle.png) no-repeat; color:#fff; font-size:16px;}
.pr-menu li.blue a:hover{background:url(../images/pr_white_circle.png) no-repeat; color:#e8e05a; font-size:16px;}
.pr-menu li.yellow a{ display:block;width:151px; height:151px; background:url(../images/pr_yellow_circle.png) no-repeat; color:#fff; font-size:16px;}
.pr-menu li.yellow a:hover{background:url(../images/pr_white_circle.png) no-repeat; color:#e8e05a; font-size:16px;}
.pr-menu li.active a{background:url(../images/pr_white_circle.png) no-repeat; color:#e8e05a; font-size:16px;}

.news{ background:url(../images/bg_news.gif);text-align:left;padding-top:160px; overflow:hidden}
.news-con{width:970px; margin:0 auto;}
.news-con .title h3{ margin:0 auto;width:566px;font-size:30px; color:#fff; text-align:center;}
.news-con .title hr{ margin:0 auto;text-align:center; height:1px; width:185px; background:#4354a0; font-size:0; margin:12px auto; border:none;}
.news-con .title h4{ margin:0 auto;width:566px;color:#344592; margin-top:10px;text-align:center; font:18px 'calibriregular';}
.news-list{ margin:0 auto; width:566px; overflow:hidden; margin-top:18px; height:420px;overflow-y:scroll} 
.news-list li{ float:left;width:537px;padding:6px 0 10px 0; border-bottom:1px solid #4c5c98;}
.news-list .title{width:527px;color:#4354a0; font:16px 'calibriregular'; overflow:hidden; padding-bottom:10px;}
.news-list .title span{ float:right;color:#4354a0;  font:16px 'calibriregular';padding-right:10px}
.news-list .img{ float:left; width:190px; height:95px; padding-right:15px;}
.news-list .txt{ float:left;color:#434343;font:16px 'calibriregular';  line-height:18px;}
.news-list .txt a{ color:#434343;text-decoration:underline}
.news-list .txt a:hover{ color:#4354a0;}

.contact{ width:100%;}
.contact-con{width:970px; margin:0 auto;padding-top:90px;padding-bottom:3%;}
.contact-con-blank{height:70px;border-bottom:1px solid #f2f2f2;}
.contact-con .title h3{ margin:0 auto;width:560px;font-size:30px; color:#344592; text-align:center;}
.contact-con .title hr{  margin:0 auto;text-align:center; height:1px; width:160px; background:#e8e05a; font-size:0; margin:12px auto; border:none;}
.contact-con .title h4{ margin:0 auto;width:560px;color:#344592; margin-top:10px;text-align:center;font:14px 'calibriregular'; }
.contact-con .con{margin:0 auto;width:560px; text-align:center; margin-top:15px}
.contact-con .con p.info{color:#4354a0;font-size:16px; margin-top:5px;}
.contact-con .con p.info a{ color:#434343;text-decoration:underline}
.contact-con .con p.info a:hover{ color:#4354a0;}

.contact-con .con p.in{font-size:14px;color:#434343;font:14px 'calibriregular'; height:18px; line-height:18px; padding-left:5px; text-align:left}
.contact-con input{ width:560px; height:30px; line-height:30px; background:#f2f5fe; font:14px 'calibriregular';color:#434343; border:0}
.contact-con textarea{ display:inline-block;width:560px; max-width:560px; min-width:560px;height:120px; max-height:120px; min-height:120px;resize:none; background:#f2f5fe; font-size:14px;font-family: 'calibriregular';color:#434343; border:0}
.contact-con input[type=submit]{display:block;width:560px; height:30px; line-height:30px;background:#4355a1;color:#fff; text-decoration:none;font:16px 'calibriregular'; ; text-align:center; border:0; cursor:pointer}



#fullPage-nav{position: absolute;z-index: 100;margin-top: -32px;top: 50%;opacity: 1;}
#fullPage-nav li{display: block;width: 14px;height: 13px;margin: 7px;}
#fullPage-nav li a{display: block;position: relative;z-index: 1;width: 100%;height: 100%;cursor: pointer;text-decoration: none;}
#fullPage-nav li .active span{background: #333;}
#fullPage-nav span{top: 2px;left: 2px;width: 8px;height: 8px;border: 1px solid #000;background: rgba(0, 0, 0, 0);-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;position: absolute;z-index: 1;}

.error_list li{color:red}