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,hgroup,menu,nav,section,summary,time,mark,audio,video{ list-style: none; margin: 0;padding: 0;font-weight: lighter; border: none;}
input,select,textarea{margin: 0;padding: 0;border: none;}
input,select{vertical-align: middle}
ul,ol{list-style: none}
ul,ol,li,dl,dt,dd,pre,form,fieldset,img,div{ list-style: none; margin: 0px; padding: 0px; border: none; }
img{ vertical-align: middle; border-style: none; max-width: 100%;}
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{ background: #FFF; font-size: 14px; width: 100%; line-height: 186%; color:#666; font-family:"PingFang SC","Microsoft YaHei", "HanHei SC","Helvetica Neue",Helvetica,Arial,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; }

html,body, div, ul, ol, li, p{margin: 0;padding: 0;line-height: 2em;}
img{border: 0}
.clear:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0}
.clear{zoom: 1}

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

@font-face {
    font-family:'Geometric415BT-BlackA'; src:url("../fonts/Geometric415BT-BlackA.eot");src:url("../fonts/Geometric415BT-BlackA.eot?#iefix") format("embedded-opentype"),url("../fonts/Geometric415BT-BlackA.woff") format("woff"),url("../fonts/Geometric415BT-BlackA.ttf") format("truetype"),url("../fonts/Geometric415BT-BlackA.svg#YourWebFontName") format("svg");
}

@font-face {
    font-family:'museo-light'; src:url("../fonts/museo-light.eot");src:url("../fonts/museo-light.eot?#iefix") format("embedded-opentype"),url("../fonts/museo-light.woff") format("woff"),url("../fonts/museo-light.ttf") format("truetype"),url("../fonts/museo-light.svg#YourWebFontName") format("svg");
}

.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);}

@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);-ms-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);-ms-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);-ms-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);-ms-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}}

/* Section One Header Star */
.section-one-header { width:100%; height:auto; text-align:center; overflow:hidden;}
    .section-one-header h3 { font-size:30px; font-weight:normal; line-height:50px;}
    .section-one-header i { display:inline-block; width:auto; font-style:lighter; text-transform:uppercase; font-size: 16px;}
    .section-one-header i:before { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #c3c3c3; content:'------------';  margin-right:20px; }
    .section-one-header i:after { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #c3c3c3; content:'------------';  margin-left:20px;  }
/* Section One Header End */

/* Section Two Header Star */
.section-two-header { width:100%; height:auto; text-align:center; overflow:hidden;}
    .section-two-header h3 { text-transform: uppercase; font-size:30px; font-weight:lighter; line-height:50px;}
/* Section Two Header End */

/* Section Two Header Star */
.section-three-header { width:100%; height:auto; text-align:center; overflow:hidden;}
    .section-three-header h3 { text-transform: uppercase; font-weight:lighter; font-size:22px; line-height:50px;}
/* Section Two Header End */



/* Header Star */
#header { width: 100%; z-index: 999; background-color: rgba(255,255,255,0.9); margin: 0 auto; position: fixed; padding: 20px 25px 20px 45px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(204,204,204,.6); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(204,204,204,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(204,204,204,.6); behavior: url(ie-css3.htc);}
    #header .logoer { float: left;}
    #header .logoer img { max-height: 30px; margin-top: 0;}
    #header .logoer:hover img { -webkit-animation: flipInX 1s .01s linear both; animation: flipInX 1s .01s linear both;}
    #header .menuer { float: right;}
    #header .menuer ul { display: block;}
    #header .menuer ul li { float: left; padding: 0 20px; text-align: center;}
    #header .menuer ul li em { display: block; line-height: 1;}
    #header .menuer ul li em.ens { text-transform: uppercase; margin: 13px 0 0 0;}
    #header .menuer ul li em.cns { font-size: 18px; font-weight:lighter;}
    #header .menuer ul li.active a { color: #FF0000;}
    #header .menuer ul li a:hover { color: #FF0000;}

    #header .menuer .mobiles { cursor: pointer; display: none;}
/* Header End */

.mobiles-menu { display: none;}

/* About Intro Star */
#about-intro { display: block; padding: 50px 0; background-color: #f8f8f8;}
    #about-intro .about-intro { text-align: left; margin: 10px auto 0 auto; width: 55%; font-size: 18px;}

#mobile-about-intro { display: none;}
/* About Intro Star */

/* For You Star */
#for-you { padding: 50px 0; background-color: #FFF;}
    .for-you { width:55%; margin:30px auto 0 auto; text-align:center; line-height:32px;}
    .for-you h1{ font-size:18px; margin:10px 0; font-weight: lighter; /*color:#333; font-weight: 700; */}

    .for-you-ico { width:100%; margin:0 auto; padding:20px 0;}
    .for-you-ico ul li { float: left; width: 33.333333%; text-align: center;}
    .for-you-ico a { display:block;}
    .for-you-ico .a1{ background:url('../img/serviceConIco1.png') top center no-repeat;}
    .for-you-ico .a2{ background:url('../img/serviceConIco2.png') top center no-repeat;}
    .for-you-ico .a3{ background:url('../img/serviceConIco3.png') top center no-repeat;}
    .for-you-ico .a1:hover{ background:url('../img/serviceConIco1Hov.png') top center no-repeat;}
    .for-you-ico .a2:hover{ background:url('../img/serviceConIco2Hov.png') top center no-repeat;}
    .for-you-ico .a3:hover{ background:url('../img/serviceConIco3Hov.png') top center no-repeat;}
    .for-you-ico span { height:110px; margin:5px; background:url('../img/serviceConIcoLine.png') center repeat-x; display:block;}
    .for-you-ico h3{ font-weight: 700; padding-top:130px; font-size:22px;}
    .for-you-ico p { font-size:15px; color:#b1b1b1; font-family:'Geometric415BT-BlackA';}
/* For You End */

.lazy{background: url("../img/loading.gif") 50% 50% no-repeat}

.tran{ -webkit-transition: all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; -ms-transition:all .3s ease; transition:all .3s ease; }
.imgbig{-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;display: block !important}
    .imgbig:hover{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1)}



/* Case List Star */
#case-list { width: 95%; margin: 0 auto 50px auto; position: relative; z-index: 10; background-color: #FFF;}

    #case-list ul li { width: 33.333333%; float: left; position: relative; overflow: hidden; display: block;}
    #case-list ul li img { width: 100%;height: auto;display: block;}
    #case-list ul li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1)}
    #case-list .case-summary{display: none;width: 100%;height: 100%;background: url(../img/black.png) repeat;top: 0;left: 0;position: absolute; padding: 5%}
    #case-list .case-summary p{color: #f9f9f9;position: absolute;left: 0;font-size: 20px}
    #case-list .case-summary span{font-size: 24px}
    #case-list .case-summary .p1{top: 0}
    #case-list .case-summary .p2{bottom: 0;font-size: 16px}

    #case-list .case-more { text-transform: uppercase; -moz-border-radius: 3px;  -webkit-border-radius: 3px;  border-radius: 3px; display: block; width: 266px; height: 40px; margin: 50px auto 0 auto; border: 1px solid #959595; text-align: center; line-height: 40px}
    #case-list .case-more i { font-size: 18px; margin-left: 10px;}
/* Case List End */


/* Our Customer Star */
#our-customer { padding: 50px 0;}
    .our-customer { width:55%; margin:30px auto 0 auto; text-align:center; line-height:32px;}
    .our-customer h1{ font-size:18px; color:#333; font-weight: 700; margin:10px 0;}

    .customer-list { width:100%; padding:0; height:auto; overflow:hidden; }
    .customer-list ul{ height:auto; overflow:hidden; margin-left: 15px;}
    .customer-list li { float:left; width: 8.333333%; padding:15px 15px 0 0; }
    .customer-list li img { max-width: 100%; -webkit-filter: grayscale(100%);  -moz-filter: grayscale(100%);  -ms-filter: grayscale(100%);  -o-filter: grayscale(100%);  filter: grayscale(100%);  filter: gray;  }
    .customer-list li img:hover{  -webkit-filter: grayscale(0);  -moz-filter: grayscale(0);  -ms-filter: grayscale(0);  -o-filter: grayscale(0);  filter: grayscale(0);  filter: none;  }
/* Our Customer End */


/* Service Process Star */
#service-process { padding: 50px 0; background-color: #f8f8f8;}
    .service-process { text-align: center; margin: 30px auto 0 auto;}
    .service-process img { max-width: 100%;}
/* Service Process End */


/* Contact Us Star */
#contact-us { padding: 50px 0;}
    .contact-us { margin: 30px auto 0 auto;}
    .contact-us ul { width: 100%; height:auto; overflow:hidden; margin: 0 auto;}
    .contact-us ul li{float:left; color:#666; padding: 0px 0 0 40px;  font-size:14px; position:relative; background-position:10px 7px; background-repeat:no-repeat; }
    .contact-us ul li b { font-size:16px;  color:#333;  }
    .contact-us ul li.email {  width:33.333333%;  background-image:url('../img/email.png');  }
    .contact-us ul li.tel {  width:33.333333%;  background-image:url('../img/phone.png');  }
    .contact-us ul li.address { width:33.333333%;  background-image:url('../img/address.png');  }
    .contact-us ul li.weixin {  width:100%;  padding:0;  text-align:center;  }
    .contact-us ul li.weixin img {  width:120px;  height:120px;  }


#mobile-contact-us { display: none;}
/* Contact Us End */


/* Back Top Star */
.back-top { display: block; color:#5f6061; font-size: 32px; position: fixed;  right: 5px;  bottom: 15%;  opacity: .33;  z-index: 99;  }
    .back-top:hover{ color:#5f6061; opacity: 1;}
/* Back Top End */

/* Copyrighter Star */
#copyrighter { padding: 30px 0; width: 100%;  height: auto; text-align: center;  line-height: 30px;  background: #f1f1f1;  color: #8B8B8B;  border-top: 1px solid #ddd;  overflow: hidden;}
/* Copyrighter End */

@media (max-width: 992px) {

    /* Section One Header Star */
    .section-one-header { width:100%; height:auto; text-align:center; overflow:hidden;}
    .section-one-header h3 { font-size:20px; font-weight: 700; line-height:30px; color: #333; }
    .section-one-header i { font-size: 12px; display:inline-block; width:auto; font-style:normal; text-transform:uppercase; color:#999; }
    .section-one-header i:before { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; content:'------------';  margin-right:10px; }
    .section-one-header i:after { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; content:'------------';  margin-left:10px;  }
    /* Section One Header End */

    /* Section Two Header Star */
    .section-two-header { width:100%; height:auto; text-align:center; overflow:hidden;}
    .section-two-header h3 { text-transform: uppercase; font-size:20px; line-height:30px; color: #333; }
    /* Section Two Header End */

    /* Section Two Header Star */
    .section-three-header { width:100%; height:auto; text-align:center; overflow:hidden;}
    .section-three-header h3 { text-transform: uppercase; font-weight: 700; font-size:18px; line-height:22px; color: #333; }
    /* Section Two Header End */


    /* Header Star */
    #header { width: 100%; z-index: 999; background-color: transparent; margin: 0 auto; position: fixed; padding: 5px 10px 5px 10px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; behavior: url(ie-css3.htc);}
    #header .logoer { float: left;}
    #header .logoer img { max-height: 20px;}
    #header .logoer:hover img { -webkit-animation: flipInX 1s .01s linear both; animation: flipInX 1s .01s linear both;}
    #header .menuer { float: right;}
    #header .menuer ul { display: none;}
    #header .menuer ul li { float: left; padding: 0 20px; text-align: center;}
    #header .menuer ul li em { display: block;}
    #header .menuer ul li em.ens { text-transform: uppercase;}
    #header .menuer ul li em.cns { font-size: 18px;}
    #header .menuer ul li.active a { color: #FF0000;}

    #header .menuer .mobiles { cursor: pointer; display: block; margin-top: 6px;}
    #header .menuer .mobiles span {  width: 23px;  height: 2px;  background-color: #000;  display: block;  margin: 4px auto;  -webkit-transition: all .3s ease-in-out;  -o-transition: all .3s ease-in-out;  transition: all .3s ease-in-out; -moz-border-radius: 3px;  -webkit-border-radius: 3px;  border-radius: 3px; }


    /* Header End */


    #ruihe-banner { z-index: 1;
        position: relative;}

    .banner-box {
        width: 100vw;
        overflow: hidden;
        position: fixed;
        z-index: 0;
        top: 0;
        height: 100%!important;
        background-color: grey;
    }


    /* For You Star */
    #for-you { padding: 20px 0; background-color: #FFF; display: none;}
    .for-you { width:100%; margin:10px auto 0 auto; text-align:center; line-height:32px;}

    .for-you-ico { width:100%; margin:0 auto; padding:20px 0;}
    .for-you-ico ul li { float: left; width: 33.333333%; text-align: center;}
    .for-you-ico a { display:block;}
    .for-you-ico .a1{ background:url('../img/serviceConIco1.png') top center no-repeat; background-size: 80%;}
    .for-you-ico .a2{ background:url('../img/serviceConIco2.png') top center no-repeat; background-size: 80%;}
    .for-you-ico .a3{ background:url('../img/serviceConIco3.png') top center no-repeat; background-size: 80%;}
    .for-you-ico .a1:hover{ background:url('../img/serviceConIco1Hov.png') top center no-repeat; background-size: 80%;}
    .for-you-ico .a2:hover{ background:url('../img/serviceConIco2Hov.png') top center no-repeat; background-size: 80%;}
    .for-you-ico .a3:hover{ background:url('../img/serviceConIco3Hov.png') top center no-repeat; background-size: 80%;}
    .for-you-ico span { height:110px; margin:5px; background:url('../img/serviceConIcoLine.png') center repeat-x; display:block;}
    .for-you-ico h3{ font-weight: 700; padding-top:100px; font-size:17px;}
    .for-you-ico p { font-size:12px; color:#b1b1b1;}
    /* For You End */

    /* Case List Star */
    #case-list { width: 100%; margin: 0 auto 0px auto; position: relative; z-index: 10; background-color: #FFF;}

    #case-list ul li { width: 100%; float: none; position: relative; overflow: hidden; display: block;}
    #case-list ul li img { width: 100%;height: auto;display: block;}
    #case-list ul li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1)}
    #case-list .case-summary{display: none;width: 100%;height: 100%;background: url(../img/black.png) repeat;top: 0;left: 0;position: absolute; padding: 5%}
    #case-list .case-summary p{color: #f9f9f9;position: absolute;left: 0;font-size: 20px}
    #case-list .case-summary span{font-size: 24px}
    #case-list .case-summary .p1{top: 0}
    #case-list .case-summary .p2{bottom: 0;font-size: 16px}

    #case-list .case-more { display: none; text-transform: uppercase; -moz-border-radius: 3px;  -webkit-border-radius: 3px;  border-radius: 3px; width: 266px; height: 40px; margin: 50px auto 0 auto; border: 1px solid #959595; text-align: center; line-height: 40px}
    #case-list .case-more i { font-size: 18px; margin-left: 10px;}
    /* Case List End */

    /* Our Customer Star */
    #our-customer { padding: 10px 0; display: none;}
    .our-customer { width:100%; margin:30px auto 0 auto; text-align:center; line-height:32px;}
    .our-customer h1{ font-size:18px; color:#333; font-weight: 700; margin:10px 0;}

    .customer-list { width:100%; padding:0; height:auto; overflow:hidden; }
    .customer-list ul{ height:auto; overflow:hidden; margin-left: 5px;}
    .customer-list li { float:left; width: 33.333333%; padding:5px 5px 0 0; }
    .customer-list li img { max-width: 100%; -webkit-filter: grayscale(100%);  -moz-filter: grayscale(100%);  -ms-filter: grayscale(100%);  -o-filter: grayscale(100%);  filter: grayscale(100%);  filter: gray;  }
    .customer-list li img:hover{  -webkit-filter: grayscale(0);  -moz-filter: grayscale(0);  -ms-filter: grayscale(0);  -o-filter: grayscale(0);  filter: grayscale(0);  filter: none;  }
    /* Our Customer End */

    /* About Intro Star */
    #about-intro { display: none;}

    #mobile-about-intro { display: block; position: relative; z-index: 20; padding: 50px 0; background-color: #f8f8f8;}
    #mobile-about-intro .about-mobile { padding: 10px 0 0 0;}
    #mobile-about-intro .about-mobile h1 { font-size: 16px; color: #5f6061; margin-bottom: 15px; line-height: 165%;}
    /* About Intro Star */



    /* Service Process Star */
    #service-process { display: none;}
    /* Service Process End */

    /* Contact Us Star */
    #contact-us { display: none;}


    #mobile-contact-us{ display: block; z-index: 20; padding: 50px 0; width: 100%; background:#fff; position: relative; }
    #mobile-contact-us .box { width: 100%; padding:0px 30px;}
    #mobile-contact-us .box li{ margin-bottom: 25px;}
    #mobile-contact-us .box li h3{ font-size: 15px; color: #2d2d2d; font-weight: 700; margin-bottom:15px; text-transform: capitalize; }
    #mobile-contact-us .box li p { font-size: 15px;  font-weight: normal; color: #aaaaaa;}
    #mobile-contact-us .box li a { color: #aaaaaa;}


    /* Contact Us End */

    /* Copyrighter Star */
    #copyrighter { display: none;}
    /* Copyrighter End */



    .mobiles-header { padding: 20px;}
    .mobiles-header .logoer { float: left;}
    .mobiles-header .logoer img { max-height: 16px;}

    .mobiles-header .closes { display: block; float: right;}
    .mobiles-header .closes i { font-size: 32px; font-weight: lighter; transition: all .5s ease; z-index: 9999; color: #5f6061;}
    .mobiles-header .closes:hover i { transform: rotate(180deg)}



    .mobiles-menu { display: block; z-index: 999; position: fixed; width: 100%;height: 100%; top: 0; left: 0;background: rgba(255, 255, 255, 1); display: none}
    .mobiles-menu ul { margin: 30px auto 0 auto; width: 100%; text-align: center; position: absolute;}
    .mobiles-menu ul li { text-align: center;}
    .mobiles-menu ul a {display: block; overflow: hidden; margin: 12px 0;}
    .mobiles-menu ul span {display: block; font-size: 38px; line-height: 50px; text-transform: capitalize; color: #000}

    .mobiles-menu ul span.cns { padding-bottom: 2px; display: none;}
    .mobiles-menu ul span.ens { font-family: museo-light; font-weight: lighter;}

    .mobiles-menu .menu-phone { display: none; position: absolute;left: 0; bottom: 2% ; width: 100%; font-size: 14px; color: #5f6061; text-align: center;}

}

@media (min-width: 992px) {
    /* Header Star */
    #header { width: 100%; z-index: 999; background-color: rgba(255,255,255,0.9); margin: 0 auto; position: fixed; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(204,204,204,.6); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(204,204,204,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(204,204,204,.6); behavior: url(ie-css3.htc);}
    #header .logoer { float: left;}
    #header .logoer:hover img { -webkit-animation: flipInX 1s .01s linear both; animation: flipInX 1s .01s linear both;}
    #header .menuer { float: right;}
    #header .menuer ul { display: block;}
    #header .menuer ul li { float: left; padding: 0 10px; text-align: center;}
    #header .menuer ul li em { display: block;}
    #header .menuer ul li em.ens { text-transform: uppercase; }
    #header .menuer ul li em.cns { font-size: 17px;}
    #header .menuer ul li.active a { color: #FF0000;}

    #header .menuer .mobiles { cursor: pointer; display: none;}
    /* Header End */

    /* About Intro Star */
    #about-intro { padding: 30px 0; background-color: #f8f8f8;}
    .about-intro { text-align: center; margin: 10px auto 0 auto;}

    .about-mobile { display: none;}
    /* About Intro Star */

    /* For You Star */
    #for-you { padding: 30px 0; background-color: #FFF;}
    .for-you { width:100%; margin:30px auto 0 auto; text-align:center; line-height:32px;}

    .for-you-ico { width:100%; margin:0 auto; padding:20px 0;}
    .for-you-ico ul li { float: left; width: 33.333333%; text-align: center;}
    .for-you-ico a { display:block;}
    .for-you-ico .a1{ background:url('../img/serviceConIco1.png') top center no-repeat;}
    .for-you-ico .a2{ background:url('../img/serviceConIco2.png') top center no-repeat;}
    .for-you-ico .a3{ background:url('../img/serviceConIco3.png') top center no-repeat;}
    .for-you-ico .a1:hover{ background:url('../img/serviceConIco1Hov.png') top center no-repeat;}
    .for-you-ico .a2:hover{ background:url('../img/serviceConIco2Hov.png') top center no-repeat;}
    .for-you-ico .a3:hover{ background:url('../img/serviceConIco3Hov.png') top center no-repeat;}
    .for-you-ico span { height:110px; margin:5px; background:url('../img/serviceConIcoLine.png') center repeat-x; display:block;}
    .for-you-ico h3{ font-weight: 700; padding-top:130px; font-size:22px;}
    .for-you-ico p { font-size:15px; color:#b1b1b1;}
    /* For You End */

    /* Our Customer Star */
    #our-customer { padding: 30px 0; }
    .our-customer { width:100%; margin:30px auto 0 auto; text-align:center; line-height:32px;}
    .our-customer h1{ font-size:18px; color:#333; font-weight: 700; margin:10px 0;}

    .customer-list { width:100%; padding:0; height:auto; overflow:hidden; }
    .customer-list ul{ height:auto; overflow:hidden; margin-left: 5px;}
    .customer-list li { float:left; width: 12.500000%; padding:5px 5px 0 0; }
    .customer-list li img { max-width: 100%; -webkit-filter: grayscale(100%);  -moz-filter: grayscale(100%);  -ms-filter: grayscale(100%);  -o-filter: grayscale(100%);  filter: grayscale(100%);  filter: gray;  }
    .customer-list li img:hover{  -webkit-filter: grayscale(0);  -moz-filter: grayscale(0);  -ms-filter: grayscale(0);  -o-filter: grayscale(0);  filter: grayscale(0);  filter: none;  }
    /* Our Customer End */

}

@media (min-width: 1200px) {
    /* Header Star */
    #header { width: 100%; z-index: 999; background-color: rgba(255,255,255,0.9); margin: 0 auto; position: fixed; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(204,204,204,.6); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(204,204,204,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(204,204,204,.6); behavior: url(ie-css3.htc);}
    #header .logoer { float: left;}
    #header .logoer:hover img { -webkit-animation: flipInX 1s .01s linear both; animation: flipInX 1s .01s linear both;}
    #header .menuer { float: right;}
    #header .menuer ul { display: block;}
    #header .menuer ul li { float: left; padding: 0 20px; text-align: center;}
    #header .menuer ul li em { display: block;}
    #header .menuer ul li em.ens { text-transform: uppercase;}
    #header .menuer ul li em.cns { font-size: 18px;}
    #header .menuer ul li.active a { color: #FF0000;}

    #header .menuer .mobiles { cursor: pointer; display: none;}
    /* Header End */

    /* About Intro Star */
    #about-intro { padding: 50px 0; background-color: #f8f8f8;}
    .about-intro { text-align: center; margin: 10px auto 0 auto;}

    .about-mobile { display: none;}
    /* About Intro Star */

    /* For You Star */
    #for-you { padding: 50px 0; background-color: #FFF;}
    .for-you { width:55%; margin:30px auto 0 auto; text-align:center; line-height:32px;}

    .for-you-ico { width:100%; margin:0 auto; padding:20px 0;}
    .for-you-ico ul li { float: left; width: 33.333333%; text-align: center;}
    .for-you-ico a { display:block;}
    .for-you-ico .a1{ background:url('../img/serviceConIco1.png') top center no-repeat;}
    .for-you-ico .a2{ background:url('../img/serviceConIco2.png') top center no-repeat;}
    .for-you-ico .a3{ background:url('../img/serviceConIco3.png') top center no-repeat;}
    .for-you-ico .a1:hover{ background:url('../img/serviceConIco1Hov.png') top center no-repeat;}
    .for-you-ico .a2:hover{ background:url('../img/serviceConIco2Hov.png') top center no-repeat;}
    .for-you-ico .a3:hover{ background:url('../img/serviceConIco3Hov.png') top center no-repeat;}
    .for-you-ico span { height:110px; margin:5px; background:url('../img/serviceConIcoLine.png') center repeat-x; display:block;}
    .for-you-ico h3{ font-weight: 700; padding-top:130px; font-size:22px;}
    .for-you-ico p { font-size:15px; color:#b1b1b1;}
    /* For You End */

    /* Our Customer Star */
    #our-customer { padding: 50px 0; }
    .our-customer { width:55%; margin:30px auto 0 auto; text-align:center; line-height:32px;}
    .our-customer h1{ font-size:18px; color:#333; font-weight: 700; margin:10px 0;}

    .customer-list { width:100%; padding:0; height:auto; overflow:hidden; }
    .customer-list ul{ height:auto; overflow:hidden; margin-left: 15px;}
    .customer-list li { float:left; width: 8.333333%; padding:15px 15px 0 0; }
    .customer-list li img { max-width: 100%; -webkit-filter: grayscale(100%);  -moz-filter: grayscale(100%);  -ms-filter: grayscale(100%);  -o-filter: grayscale(100%);  filter: grayscale(100%);  filter: gray;  }
    .customer-list li img:hover{  -webkit-filter: grayscale(0);  -moz-filter: grayscale(0);  -ms-filter: grayscale(0);  -o-filter: grayscale(0);  filter: grayscale(0);  filter: none;  }
    /* Our Customer End */

}

@media (min-width: 1366px) {
    /* Header Star */
    #header { width: 100%; z-index: 999; background-color: rgba(255,255,255,0.9); margin: 0 auto; position: fixed; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(204,204,204,.6); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(204,204,204,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(204,204,204,.6); behavior: url(ie-css3.htc);}
    #header .logoer { float: left;}
    #header .logoer:hover img { -webkit-animation: flipInX 1s .01s linear both; animation: flipInX 1s .01s linear both;}
    #header .menuer { float: right;}
    #header .menuer ul { display: block;}
    #header .menuer ul li { float: left; padding: 0 20px; text-align: center;}
    #header .menuer ul li em { display: block;}
    #header .menuer ul li em.ens { text-transform: uppercase;}
    #header .menuer ul li em.cns { font-size: 18px;}
    #header .menuer ul li.active a { color: #FF0000;}

    #header .menuer .mobiles { cursor: pointer; display: none;}
    /* Header End */

    /* About Intro Star */
    #about-intro { padding: 50px 0; background-color: #f8f8f8;}
    .about-intro { text-align: center; margin: 10px auto 0 auto;}

    .about-mobile { display: none;}
    /* About Intro Star */

    /* For You Star */
    #for-you { padding: 50px 0; background-color: #FFF;}
    .for-you { width:55%; margin:30px auto 0 auto; text-align:center; line-height:32px;}

    .for-you-ico { width:100%; margin:0 auto; padding:20px 0;}
    .for-you-ico ul li { float: left; width: 33.333333%; text-align: center;}
    .for-you-ico a { display:block;}
    .for-you-ico .a1{ background:url('../img/serviceConIco1.png') top center no-repeat;}
    .for-you-ico .a2{ background:url('../img/serviceConIco2.png') top center no-repeat;}
    .for-you-ico .a3{ background:url('../img/serviceConIco3.png') top center no-repeat;}
    .for-you-ico .a1:hover{ background:url('../img/serviceConIco1Hov.png') top center no-repeat;}
    .for-you-ico .a2:hover{ background:url('../img/serviceConIco2Hov.png') top center no-repeat;}
    .for-you-ico .a3:hover{ background:url('../img/serviceConIco3Hov.png') top center no-repeat;}
    .for-you-ico span { height:110px; margin:5px; background:url('../img/serviceConIcoLine.png') center repeat-x; display:block;}
    .for-you-ico h3{ font-weight: 700; padding-top:130px; font-size:22px;}
    .for-you-ico p { font-size:15px; color:#b1b1b1;}
    /* For You End */

    /* Our Customer Star */
    #our-customer { padding: 50px 0; }
    .our-customer { width:55%; margin:30px auto 0 auto; text-align:center; line-height:32px;}
    .our-customer h1{ font-size:18px; color:#333; font-weight: 700; margin:10px 0;}

    .customer-list { width:100%; padding:0; height:auto; overflow:hidden; }
    .customer-list ul{ height:auto; overflow:hidden; margin-left: 15px;}
    .customer-list li { float:left; width: 8.333333%; padding:15px 15px 0 0; }
    .customer-list li img { max-width: 100%; -webkit-filter: grayscale(100%);  -moz-filter: grayscale(100%);  -ms-filter: grayscale(100%);  -o-filter: grayscale(100%);  filter: grayscale(100%);  filter: gray;  }
    .customer-list li img:hover{  -webkit-filter: grayscale(0);  -moz-filter: grayscale(0);  -ms-filter: grayscale(0);  -o-filter: grayscale(0);  filter: grayscale(0);  filter: none;  }
    /* Our Customer End */

}

@media (min-width: 1500px) {
    /* Header Star */
    #header { width: 100%; z-index: 999; background-color: rgba(255,255,255,0.9); margin: 0 auto; position: fixed; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(204,204,204,.6); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(204,204,204,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(204,204,204,.6); behavior: url(ie-css3.htc);}
    #header .logoer { float: left;}
    #header .logoer:hover img { -webkit-animation: flipInX 1s .01s linear both; animation: flipInX 1s .01s linear both;}
    #header .menuer { float: right;}
    #header .menuer ul { display: block;}
    #header .menuer ul li { float: left; padding: 0 20px; text-align: center;}
    #header .menuer ul li em { display: block;}
    #header .menuer ul li em.ens { text-transform: uppercase;}
    #header .menuer ul li em.cns { font-size: 18px;}
    #header .menuer ul li.active a { color: #FF0000;}

    #header .menuer .mobiles { cursor: pointer; display: none;}
    /* Header End */

    /* About Intro Star */
    #about-intro { padding: 50px 0; background-color: #f8f8f8;}
    .about-intro { text-align: center; margin: 10px auto 0 auto;}

    .about-mobile { display: none;}
    /* About Intro Star */

    /* For You Star */
    #for-you { padding: 50px 0; background-color: #FFF;}
    .for-you { width:55%; margin:30px auto 0 auto; text-align:center; line-height:32px;}

    .for-you-ico { width:100%; margin:0 auto; padding:20px 0;}
    .for-you-ico ul li { float: left; width: 33.333333%; text-align: center;}
    .for-you-ico a { display:block;}
    .for-you-ico .a1{ background:url('../img/serviceConIco1.png') top center no-repeat;}
    .for-you-ico .a2{ background:url('../img/serviceConIco2.png') top center no-repeat;}
    .for-you-ico .a3{ background:url('../img/serviceConIco3.png') top center no-repeat;}
    .for-you-ico .a1:hover{ background:url('../img/serviceConIco1Hov.png') top center no-repeat;}
    .for-you-ico .a2:hover{ background:url('../img/serviceConIco2Hov.png') top center no-repeat;}
    .for-you-ico .a3:hover{ background:url('../img/serviceConIco3Hov.png') top center no-repeat;}
    .for-you-ico span { height:110px; margin:5px; background:url('../img/serviceConIcoLine.png') center repeat-x; display:block;}
    .for-you-ico h3{ font-weight: 700; padding-top:130px; font-size:22px;}
    .for-you-ico p { font-size:15px; color:#b1b1b1;}
    /* For You End */

    /* Our Customer Star */
    #our-customer { padding: 50px 0; }
    .our-customer { width:55%; margin:30px auto 0 auto; text-align:center; line-height:32px;}
    .our-customer h1{ font-size:18px; color:#333; font-weight: 700; margin:10px 0;}

    .customer-list { width:100%; padding:0; height:auto; overflow:hidden; }
    .customer-list ul{ height:auto; overflow:hidden; margin-left: 15px;}
    .customer-list li { float:left; width: 8.333333%; padding:15px 15px 0 0; }
    .customer-list li img { max-width: 100%; -webkit-filter: grayscale(100%);  -moz-filter: grayscale(100%);  -ms-filter: grayscale(100%);  -o-filter: grayscale(100%);  filter: grayscale(100%);  filter: gray;  }
    .customer-list li img:hover{  -webkit-filter: grayscale(0);  -moz-filter: grayscale(0);  -ms-filter: grayscale(0);  -o-filter: grayscale(0);  filter: grayscale(0);  filter: none;  }
    /* Our Customer End */

}

@media (min-width: 1920px) {
    /* Header Star */
    #header { width: 100%; z-index: 999; background-color: rgba(255,255,255,0.9); margin: 0 auto; position: fixed; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(204,204,204,.6); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(204,204,204,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(204,204,204,.6); behavior: url(ie-css3.htc);}
    #header .logoer { float: left;}
    #header .logoer:hover img { -webkit-animation: flipInX 1s .01s linear both; animation: flipInX 1s .01s linear both;}
    #header .menuer { float: right;}
    #header .menuer ul { display: block;}
    #header .menuer ul li { float: left; padding: 0 20px; text-align: center;}
    #header .menuer ul li em { display: block;}
    #header .menuer ul li em.ens { text-transform: uppercase;}
    #header .menuer ul li em.cns { font-size: 18px;}
    #header .menuer ul li.active a { color: #FF0000;}

    #header .menuer .mobiles { cursor: pointer; display: none;}
    /* Header End */

    /* About Intro Star */
    #about-intro { padding: 50px 0; background-color: #f8f8f8;}
    .about-intro { text-align: center; margin: 10px auto 0 auto;}

    .about-mobile { display: none;}
    /* About Intro Star */

    /* For You Star */
    #for-you { padding: 50px 0; background-color: #FFF;}
    .for-you { width:55%; margin:30px auto 0 auto; text-align:center; line-height:32px;}

    .for-you-ico { width:100%; margin:0 auto; padding:20px 0;}
    .for-you-ico ul li { float: left; width: 33.333333%; text-align: center;}
    .for-you-ico a { display:block;}
    .for-you-ico .a1{ background:url('../img/serviceConIco1.png') top center no-repeat;}
    .for-you-ico .a2{ background:url('../img/serviceConIco2.png') top center no-repeat;}
    .for-you-ico .a3{ background:url('../img/serviceConIco3.png') top center no-repeat;}
    .for-you-ico .a1:hover{ background:url('../img/serviceConIco1Hov.png') top center no-repeat;}
    .for-you-ico .a2:hover{ background:url('../img/serviceConIco2Hov.png') top center no-repeat;}
    .for-you-ico .a3:hover{ background:url('../img/serviceConIco3Hov.png') top center no-repeat;}
    .for-you-ico span { height:110px; margin:5px; background:url('../img/serviceConIcoLine.png') center repeat-x; display:block;}
    .for-you-ico h3{ font-weight: 700; padding-top:130px; font-size:22px;}
    .for-you-ico p { font-size:15px; color:#b1b1b1;}
    /* For You End */

    /* Our Customer Star */
    #our-customer { padding: 50px 0; }
    .our-customer { width:55%; margin:30px auto 0 auto; text-align:center; line-height:32px;}
    .our-customer h1{ font-size:18px; color:#333; font-weight: 700; margin:10px 0;}

    .customer-list { width:100%; padding:0; height:auto; overflow:hidden; }
    .customer-list ul{ height:auto; overflow:hidden; margin-left: 15px;}
    .customer-list li { float:left; width: 8.333333%; padding:15px 15px 0 0; }
    .customer-list li img { max-width: 100%; -webkit-filter: grayscale(100%);  -moz-filter: grayscale(100%);  -ms-filter: grayscale(100%);  -o-filter: grayscale(100%);  filter: grayscale(100%);  filter: gray;  }
    .customer-list li img:hover{  -webkit-filter: grayscale(0);  -moz-filter: grayscale(0);  -ms-filter: grayscale(0);  -o-filter: grayscale(0);  filter: grayscale(0);  filter: none;  }
    /* Our Customer End */

}