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{margin: 0;padding: 0;font-weight: lighter;}
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{ font-size: 14px; width: 100%; line-height: 186%; background-color: #FFF; color:#000; 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:#000; text-decoration:none; outline:none !important;}
a:hover{color:#ff7e11; text-decoration:none;} a:focus{outline:thin dotted;} a:hover,a:active{outline:0;}
a, a:hover, a:focus { text-decoration: none; }

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

/* Sections Header One Sta */
.section-header-one h3 {  font-size: 22px;  color: #313131;  text-transform: uppercase;  text-align: center;  font-weight: 700;  position: relative;  padding-bottom: 15px;  }
    .section-header-one h3::before {  content: '';  position: absolute;  display: block;  width: 120px;  height: 1px;  background: #ddd;  bottom: 1px;  left: calc(50% - 60px);  }
    .section-header-one h3::after {  content: '';  position: absolute;  display: block;  width: 40px;  height: 3px;  background: #ff7e11;  bottom: 0;  left: calc(50% - 20px);  }
    .section-header-one p {  text-align: center;  margin-top: 5px;  padding-bottom: 15px;  color: #666;  }
/* Sections Header One End */

/* Section Header Two Star */
.section-header-two { margin: 0; padding: 0;  display: block;  color: #1c1c1c;  text-align: center;}
    .section-header-two em { font-size: 22px;  font-weight: 700;}
    .section-header-two i { display: block;  width: 38px;  height: 3px;  line-height: 3px;  background: #ff7e11;  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 { margin: 0; padding: 0;  display: block;  color: #FFF;  text-align: center;}
    .section-header-three em { font-size: 22px;  font-weight: 700;}
    .section-header-three i { display: block;  width: 38px;  height: 3px;  line-height: 3px;  background: #FFF;  margin: 10px auto;}
    .section-header-three span { text-transform: uppercase; display: block; font-size: 22px; font-weight: lighter;}
/* Section Header Three End */


/* Sections Header Four Sta */
.section-header-four h3 {  font-size: 22px;  color: #FFF;  text-transform: uppercase;  text-align: center;  font-weight: 700;  position: relative;  padding-bottom: 15px;  }
    .section-header-four h3::before {  content: '';  position: absolute;  display: block;  width: 120px;  height: 1px;  background: #FFF;  bottom: 1px;  left: calc(50% - 60px);  }
    .section-header-four h3::after {  content: '';  position: absolute;  display: block;  width: 40px;  height: 3px;  background: #ff7e11;  bottom: 0;  left: calc(50% - 20px);  }
    .section-header-four p {  text-align: center;  margin-top: 5px;  padding-bottom: 15px;  color: #FAFAFA;  }
/* Sections Header Four End */

/* Sections Header Five Sta */
.section-header-five h3 {  font-size: 24px; color: #313131;  text-transform: uppercase;  text-align: center;  font-weight: 700;  position: relative;  padding-bottom: 15px;  }
    .section-header-five h3::before {  content: '';  position: absolute;  display: block;  width: 600px;  height: 1px;  background: #ff7e11;  bottom: 1px;  left: calc(50% - 300px);  }
    .section-header-five h3::after {  content: '';  position: absolute;  display: block;  width: 60px;  height: 5px;  background: #ff7e11;  bottom: -1px;  left: calc(50% - 30px);  }
    .section-header-five p { font-size: 28px; color: #ff7e11; font-weight: normal; text-align: center; margin: 5px 0 10px 0;}
/* Sections Header Five End */



#header-pc { width: 100%; margin: 0 auto; position: absolute; left: 0px; top: 0px; z-index: 100;}
#header-mobile { display: none;}

#index-banner { position: relative;}
#nav-mobile { display: none;}

/* Toper Star */
#toper { width: 100%; display: block; height: 42px; line-height: 42px; color: #FFF; background: rgba(0, 0, 0, 0.35); }
    #toper a { color: #FFF;}
    #toper .welcomes { float: left;}
    #toper .welcomes .ico-imgs { margin: 0 10px 0 0;}

    #toper .links { float: right;}
    #toper .links label { margin: 0 5px;}
    #toper .links label.first { margin: 0 5px 0 2px;}
    #toper .links .weixins { display: inline-block;}
    #toper .links .weixins a { cursor:pointer; }
    #toper .links .weixins .qr-code { z-index: 9999999999999; display: none; position: absolute; padding: 2px 4px 0;  background: #FFF;  border: 2px solid #FFF;  border-radius: 6px;  width: 114px;  text-align: center;  margin-left: -32px;  }
    #toper .links .weixins .qr-code img { max-width: 100%;}
    #toper .links .weixins .qr-code span {  position: absolute;  left: 0px;  top: -10px;  width: 112px;  height: 20px;  line-height: 20px;  text-align: center;  font-size: 12px;  color: #FFF; }
    #toper .links .weixins .qr-code i { font-style: normal; margin: 0px; padding: 0px; width: 100%; height: 14px; line-height:14px; text-align: center; font-weight: 500; font-size:13px; color: #000;}
/* Toper End */


/* Header Star */
#heaer { padding: 5px 0 15px 0; background: rgba(0, 0, 0, 0.35); }
    .header img { max-width: 100%;}
    .header .logoer { float: left; margin: 0 0 0 0; width: 65%; text-align: left;}
    .header .hotliner { float: right; width: 35%; text-align: right;}
    .header .hotliner img { height: 68px;}
/* Header End */


/* Menuer Star */
#menuer { display: block; width: 100%; z-index: 1000; background: rgba(0, 0, 0, 0.35); }
    .menuer { margin: 0 auto; width: 100%;}
    .menuer li { display: block; float: left; position: relative; width: 139.555555px; font-size: 16px; font-weight: lighter; line-height: 38px; text-align: center; }
    .menuer li>a { display: block; color: #FFF;}
    .menuer li.menu:hover,.menuer li.active { background: #ff7e11; -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s;  -ms-transition: all .3s;  transition: all .3s;}
    .menuer li.menu:hover>a,.menuer li.menu.active>a { color: #FFF;}
    .menuer li.active>a { color: #FFF;}
    .menuer>li:nth-child(2n) { width: 10px; color: #FFF; font-size: 12px;}

    .menuer .dropmenu { background-color: rgba(0,0,0,0.65); border-bottom: solid 2px #ff7e11; position:absolute; overflow:hidden; width: 100%; z-index:999; top:38px; left: 0px; display:block; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; color:#000; opacity: 1; visibility:hidden; -webkit-transform:translateY(30px); transform:translateY(30px); -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s;  -ms-transition: all .3s;  transition: all .3s;}

    .menuer li.hov .dropmenu { opacity:1; color: #FFF; visibility:visible; -webkit-transform:translateY(0); transform:translateY(0);}
    .menuer .dropmenu>ul>li { font-size: 14px;  line-height: 32px; color: #000;}
    .menuer .dropmenu>ul>li>a { color: #FFF;}
    .menuer .dropmenu>ul>li:hover>a { background: #ff7e11;}
/* Menuer End */


/* Search Condition Star */
#search-condition { padding: 12px 0 8px 0; background-color: #FFF; border-bottom: solid 1px #f2f2f2;}
    .search-condition { }
    .search-condition .search-condition-titles { width: 13%; float: left; text-align: left;}
    .search-condition .search-condition-titles>h2 { color: #333; font-weight: bold; font-size: 18px;}
    .search-condition .search-condition-titles>p { text-transform: uppercase; color: #333; font-size: 12px; line-height: 14px; margin-top: 2px;}

    .search-condition .search-condition-inputs { width: 62%; float: left; }
    .search-condition .search-condition-inputs>input,.search-condition .search-condition-inputs>select { -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px;}


    .search-condition .search-condition-inputs>.keywords { width: 60%; vertical-align: top;}
    .search-condition .search-condition-inputs>.categorys { width: 20%;}
    .search-condition .search-condition-inputs>.types { width: 15%;}

    .search-condition .search-condition-btns { width: 25%; float: right; text-align: right; }
    .search-condition .search-condition-btns>button { width: 45%; -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px;}
    .search-condition .search-condition-btns>.btn-warning { background-color: #ff7e11; border-color: #ff7e11;}
    .search-condition .search-condition-btns>.btn-default { background-color: #FFF; color: #666;}
/* Search Condition End */

/* Product Center Star */
#product-center { padding: 40px 0 20px 0; background-color: #f2f2f2;}
    #product-center .container { padding-right: 5px;}
    .product-center { text-align: left; }
    .product-center .lefts { float: left; width: 20%; padding: 0px 0px 0px 0px; background: url("../img/categoy-body-bg.jpg"); overflow: hidden; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
    .product-center .lefts .titles { margin: 0 auto; font-size: 24px;  font-weight: 700;  color: #ff7e11; /*background-color: #000000;*/ background-image: url("../img/titles-bg.jpg"); background-size: 100%; padding: 22px 15px 20px 15px;  text-align: center;}
    .product-center .lefts .titles span { display: block; text-transform: uppercase; font-size: 14px; font-weight: 700; margin: 15px 0 0 0;}
    .product-center .lefts ul { margin: 10px auto 10px auto;}
    .product-center .lefts ul li { line-height: 33px; padding: 0 15px; transition: 0.3s;}
    .product-center .lefts ul li a { display: block;}

    .product-center .lefts ul li i { float: right; margin: 9px 0 0 0;}
    .product-center .lefts ul li:hover { background-color: #ff7e11;}
    .product-center .lefts ul li:hover a { color: #FFF;}

    .product-center .lefts .ends { display: block; background-color: #4a4947; padding: 20px 0 20px 0; color: #FFF; text-align: center;}
    .product-center .lefts .ends h1 { display: block; font-size: 16px; margin: 0 0 10px 0;  font-weight: 300;  line-height: 180%;}
    .product-center .lefts .ends h2 { display: block; font-size: 18px; font-weight: 700;}
    .product-center .lefts .ends .contacts { display: block; font-size: 16px;  font-weight: 700;  margin: 10px 0 0 0;}

    .product-center .rights { float: right; width: 79%;}
    .product-center .rights .products { margin: 0 auto 0 auto;}
    .product-center .rights .products .items { float: left; width: 25%; padding: 0 10px; margin: 0 0 20px 0;}

    .product-center .rights .products .items .wraps { transition: 0.3s; }
    .product-center .rights .products .items .wraps:hover { box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.16);  }

    .product-center .rights .products .items .wraps figure { overflow: hidden; position: relative; background-color: #FFF; border-radius: 4px 4px 0 0;  margin: 0 auto; }
    .product-center .rights .products .items .wraps figure img { max-width: 100%;}
    .product-center .rights .products .items .wraps figure:hover img { filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity:0.9; opacity: 0.9;  transition: 0.3s;  }

    .product-center .rights .products .items .wraps .names { background: #fff; -webkit-line-clamp: 1; text-align: center; padding: 0 0 5px 0; border-radius: 0 0 3px 3px;  }
    .product-center .rights .products .items .wraps .names h4 { font-size: 14px; -webkit-line-clamp: 1; line-height: 150%; font-weight:lighter;}
    .product-center .rights .products .items .wraps .names h4 a { color: #595758; }
    .product-center .rights .products .items .wraps .names h4 a:hover { color: #2c90c5;  }
/* Product Center End */



/* Agency Brand Star */
#project-case { padding: 30px 0 30px 0; background: url("../img/project-case-bg.jpg") center no-repeat;}
    .project-case { background-color: #FFF; padding: 0 20px; margin: 15px 0 0 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
    .project-case ul li { width: 50%; float: left; padding-bottom: 30px; padding-top: 30px; border-bottom: solid 1px #ececec; text-align: left;}
    .project-case ul li .lefts { float: left; width: 38%;}
    .project-case ul li .lefts img { max-width: 100%;}
    .project-case ul li .rights { float: right; width: 60%; color: #666; }
    .project-case ul li .rights h1 {  font-size: 20px; margin: 0px 0 15px 0;}
    .project-case ul li .rights p { font-size: 13px;}
/* Agency Brand End */


/* About Us Star */
#about-us { padding: 30px 0;}
    .about-us { text-align: left; position: relative; margin: 30px 0 0 0;}
    .about-us .lefts { padding-left: 67px; padding-bottom: 50px; width: 65%; background: #0e6eb8;}
    .about-us .lefts .titles { padding-top: 56px; padding-bottom: 28px; font-size: 25px;  color: #fff;  font-weight: normal;}
    .about-us .lefts .titles span { margin-left: 8px;  font-size: 16px; text-transform: uppercase; color: #f7cd12;}

    .about-us .lefts .intros { width: 80%;  font-size: 14px;  line-height: 26px; color: #FFF; padding-bottom: 32px;}
    .about-us .lefts .mores { display: block;  width: 140px;  font-size: 14px;  color: #fff;  border: 1px solid #0d78cb; line-height: 36px; text-align: center;}
    .about-us .lefts .mores:hover{ color: #0e6eb8; background: #f6f6f6; }

    .about-us .rights { position: absolute;  top: 40px; right: 0;}
/* About Us End */

/* Service Process Star */
#service-process { padding: 30px 0; display: block;}
    .service-process { margin: 10px auto 0 auto; text-align: center; width: 100%;}


    #process-list { width:1200px; margin: 35px auto 0 auto;}
        #process-list ul { background: url("../img/process-bg.jpg") no-repeat left 114px; height: 330px; overflow: hidden; padding-left:100px; padding-right:100px;}
        #process-list li { margin: 0px 47px 67px 7px; width: 104px; height: 114px; overflow: hidden; float: left; display: inline; position: relative;  }
        #process-list li img{ border:0px;}
        #process-list li a { background: url("../img/process-default.jpg") no-repeat; cursor: pointer; width: 104px; height: 114px; display: inline-block;  }
        #process-list li span { left: 0px; width: 104px; text-align: center; bottom: 24px; color: rgb(255, 255, 255); font-size: 14px; display: block; position: absolute;  }
        #process-list li a:hover { background: url("../img/process-select.jpg") no-repeat; text-decoration: none;  }
        #process-list .cur a { background: url("../img/process-select.jpg") no-repeat; text-decoration: none;  }
        #process-list .nones { margin-right: 0px;  }
        #process-list .downs { margin: 0px 46px 0px 93px; }
/* Service Process End */


/* Agency Brand Star */
#agency-brand { padding: 30px 0 10px 0; background: url("../img/agent-bg.jpg") center no-repeat;}
    .agency-brand { margin: 30px 0 0 0;}
    .agency-brand .container { padding: 0px;}
    .agency-brand ul li { float: left; width: 20%; text-align: center; margin: 0 0 30px 0;}
    .agency-brand ul li .items { background: #FFF; transition: all .3s; cursor: pointer; margin: 0 15px; padding: 50px 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 2px 12px rgba(255, 255, 255, 0.1); -moz-box-shadow: 0px 2px 12px rgba(255, 255, 255, 0.1); box-shadow: 0px 2px 12px rgba(255, 255, 255, 0.1); behavior: url(ie-css3.htc);}
    .agency-brand ul li .items:hover { transform: translate(0, -10px); transition: all .3s; -webkit-box-shadow: 0px 2px 12px rgba(255, 255, 255, 0.5); -moz-box-shadow: 0px 2px 12px rgba(255, 255, 255, 0.5); box-shadow: 0px 2px 12px rgba(255, 255, 255, 0.5); behavior: url(ie-css3.htc);}
    .agency-brand ul li img { max-width: 100%;}
/* Agency Brand End */


/* Information Center Star */
#information-center { padding: 50px 0 30px 0;}
    .information-center { margin: 50px 0 0 0;}
    .information-center .container { padding-left: 0px; padding-right: 0px;}
    .information-center .container>ul>li { float: left; width: 33.333333%; text-align: left; }
    .information-center .container>ul>li>.items { margin: 0 15px; transition: all .3s; background-color: #f9f9f9; padding: 30px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
    .information-center .container>ul>li>.items:hover { transform: translate(0, -10px); 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);}
    .information-center .container>ul>li>.items .imgs { padding: 15px 0; border-bottom: dotted 1px #eeedea;}
    .information-center .container>ul>li>.items .imgs img { max-width: 100%;}
    .information-center .container>ul>li>.items .imgs h1 { font-size: 18px; color: #333; margin: 15px 0 0 0;}

    .information-center .container>ul>li>.items .titles { font-size: 18px; color: #666; font-weight: lighter;}
    .information-center .container>ul>li>.items .titles .mores { float: right; font-size: 12px; color: #ff7e11;}
    .information-center .container>ul>li>.items .lists { margin: 5px 0;}
    .information-center .container>ul>li>.items .lists li { height: 32px; line-height: 32px; overflow: hidden;}
    .information-center .container>ul>li>.items .lists li span { margin-right: 5px;}
/* Information Center End */

/* Mores Center Sta */
.mores-center { margin: 20px auto 0 auto; text-align: center;}
    .mores-center a { text-transform: uppercase; display: block;  width: 200px; padding: 8px 0 8px 0;  text-align: center;  font-size: 16px;  color: #fff;  margin: 0 auto;  background: #ff7e11; border: 1px solid #ff7e11; -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: #ff7e11; background: #fff; transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s;}
/* Mores Center End */


/* Footer Star */
#footer { background: url("../img/foot-bg.png") top center repeat-x #131a1e; overflow: hidden;}
    .footer { margin: 30px 0 0 0; color: #FFF;}
    .footer .menu { float: left; width: 70%; text-align: left;}
    .footer .menu dl { float: left; width: 25%; }
    .footer .menu dl dt { font-weight: 700; font-size: 14px; margin: 0 0 10px 0;}
    .footer .menu dl dt img { max-width: 20px; margin: 0 5px 0 0; vertical-align: middle;}
    .footer .menu dl dd { padding: 3px 0 3px 23px;}
    .footer .menu dl dd a { color: #FFF;}
    .footer .menu dl dd a:hover { text-decoration: underline;}
    .footer .message { float: right; width: 30%; margin: -3px 0 0 0; text-align: left;}

    .contact-1{font-size: 14px; color: #FFF; font-weight: 700;}
    .contact-1 span{color: #bfbfbf; font-size: 13px; font-weight: lighter; text-transform: uppercase;}
    .contact-2{font-size: 13px; color: #c7c7c7; margin-top: 10px;}
    .con-right{padding-left: 8%;}
    .am-form-field{background: #FFF; color: #000; line-height: 30px; height: 30px; border: 1px solid #525252; border-radius: 8px;margin-top: 6px; font-size: 13px; width: 48%; outline: none;}
    .am-area-height{height: 80px; width: 100%;}
    .form-sub{font-size: 13px; background: #da251c; color: #FFF;line-height: 40px; width: 80%;}

    .contact-form input::-webkit-input-placeholder, .contact-form textarea::-webkit-input-placeholder {
        /* WebKit browsers */
        color: #707070;font-size: 13px;
    }
    .contact-form input:-moz-placeholder,.contact-form textarea:-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
        color: #707070; font-size: 13px;
    }
    .contact-form input::-moz-placeholder,.contact-form textarea::-moz-placeholder {
        /* Mozilla Firefox 19+ */
        color: #707070;  font-size: 13px;
    }
    .contact-form input:-ms-input-placeholder,.contact-form textarea:-ms-input-placeholder {
        /* Internet Explorer 10+ */
        color: #707070;  font-size: 13px;
    }
    #foot-order-btn { margin-top: 10px; width: 100%; background: #0e6eb8; border-color: #0e6eb8;}


    .footerLinks { margin: 15px 0 20px 0; text-align: left; padding: 5px 15px; -moz-border-radius:6px; color: #FFF; -webkit-border-radius:6px; border-radius:6px; background-color: #000;}
    .footerLinks>a { color: #FFF; margin: 0 10px;}
    .footerLinks>a:first-child { margin: 0 10px 0 0;}
    .footerLinks>a:hover { text-decoration: underline;}

/* Footer End */


/* Copyrighter Star */
#copyrighter { padding: 20px 0;}
    .copyrighter { text-align: center;}
/* Copyrighter End */

.index-maps { width: 100%; margin: 0 0 30px 0; overflow: hidden; border: solid 1px #e4e4e4; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}
/*
.index-maps img{display:inline !important;max-width:inherit !important;}
 */

/* Bottom Menus Star */
#bottom-menus { display: none; }
/* Bottom Menus End */

/* Frame Map Start */
.frame-map { position: relative; overflow: hidden; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border: solid 1px #EEE;}
.frame-map img { max-width: 100%;}
.frame-map .floating { text-align: left; position: absolute; left: 20px; top: 20px; background: rgba(255,255,255,0.9); border: solid 1px #EEE; color: #333; padding: 20px; overflow: hidden; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.frame-map .floating dl dt { font-weight: 700; margin-bottom: 10px;}
.frame-map .floating dl dd .details { display: inline-block; margin-top: 8px; overflow: hidden; padding: 5px 10px; color: #60cbff; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; border: solid 1px #60cbff; transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s;  -o-transition: all 0.6s;}
.frame-map .floating dl dd .details:hover { color: #FFF; background: #60cbff;}
/* Frame Map End */

@media (max-width: 992px) {
    #header-pc { display: none;}
    #header-mobile { display: block; background-color: #FFF; z-index: 9999; padding: 8px 0; width: 100%; position: fixed;}

    #index-banner { position: relative; padding: 68px 0 0 0;}

    /* Header Mobile Star */
    .logoer-mobile { float: left; width: 80%; text-align: left;}
    .logoer-mobile img { max-height: 52px;}
    .menuer-mobile { float: right; width: 20%; text-align: right;}
    .menuer-mobile .toggle { margin-top: 1px;}
    .menuer-mobile .toggle:hover span, .menuer-mobile .toggle:hover span::before, .menuer-mobile .toggle:hover span::after { background: #999999; -moz-border-radius:1px; -webkit-border-radius:1px; border-radius:1px;}
    .hc-nav-trigger { right: 15px;}
    .mobile-header .toggle span, .menuer-mobile .toggle span::before, .menuer-mobile .toggle span::after { background-color: #999999;}
    .hc-nav-trigger span, .hc-nav-trigger span::before, .hc-nav-trigger span::after { background-color: #999999; -moz-border-radius:1px; -webkit-border-radius:1px; border-radius:1px;}
    .hc-offcanvas-nav .nav-container, .hc-offcanvas-nav .nav-wrapper, .hc-offcanvas-nav ul { background-color: #FFF;}
    .hc-offcanvas-nav h2 { color: #333; padding: 12px 17px; font-weight: 700; border-bottom: 1px solid #036eb8; text-align: left;}
    .hc-offcanvas-nav h2 img { height: 60px;}
    .hc-offcanvas-nav ul:first-of-type:not(:first-child)>li:first-child:not(.nav-back):not(.nav-close)>a { border-top: 1px solid #eaeaea;}
    .hc-offcanvas-nav ul:first-of-type:not(:first-child)>li:first-child:not(.nav-back):not(.nav-close)>a i { margin-right: 10px; color: #c3c3c3;}
    .hc-offcanvas-nav li.nav-close a, .hc-offcanvas-nav li.nav-back a { background: #036eb8; color:#FFF; border-top: 1px solid #036eb8; border-bottom: 1px solid #036eb8;}
    .hc-offcanvas-nav li.nav-close a:hover, .hc-offcanvas-nav li.nav-back a:hover { background: #036eb8;}
    .hc-offcanvas-nav a { border-bottom: 1px solid #eaeaea; color: #333;}
    .hc-offcanvas-nav:not(.touch-device) a:hover { background: #2d2f2e;}
    .hc-offcanvas-nav a[href]:not([href="#"])>span.nav-next { border-left: 1px solid #eaeaea;}
    .hc-offcanvas-nav span.nav-next::before, .hc-offcanvas-nav li.nav-back span::before { border-top: 2px solid #eaeaea;  border-left: 2px solid #eaeaea;}
    .hc-offcanvas-nav.nav-levels-overlap ul li i { margin-right: 10px; color: #c3c3c3;}
    /* Header Mobile End */


    /* Search Condition Star */
    #search-condition { padding: 8px 0 5px 0;}
    .search-condition { }
    .search-condition .search-condition-titles { width: 100%; float: none; margin-bottom: 10px;}
    .search-condition .search-condition-titles>h2 { color: #313131; font-weight: bold; font-size: 18px;}
    .search-condition .search-condition-titles>p { text-transform: uppercase; color: #999; font-size: 12px; line-height: 14px; margin-top: 2px;}

    .search-condition .search-condition-inputs { width: 62%; float: left; }
    .search-condition .search-condition-inputs>input,.search-condition .search-condition-inputs>select { -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px;}


    .search-condition .search-condition-inputs>.keywords { width: 100%; vertical-align: top;}
    .search-condition .search-condition-inputs>.categorys { width: 20%; display: none;}
    .search-condition .search-condition-inputs>.types { width: 15%; display: none;}

    .search-condition .search-condition-btns { width: 38%; float: right; text-align: right; }
    .search-condition .search-condition-btns>button { width: 80%; -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px;}
    .search-condition .search-condition-btns>.btn-warning { }
    .search-condition .search-condition-btns>.btn-default { background-color: #FFF; color: #666; display: none;}
    /* Search Condition End */

    /* Product Center Star */
    #product-center { padding: 20px 0 20px 0; background-color: #f2f2f2;}
        #product-center .container { padding-right: 10px;}
        .product-center { text-align: left; }
        .product-center .lefts { float: left; width: 48%; padding: 0px 0px 0px 0px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
        .product-center .lefts .titles { margin: 0 auto; font-size: 24px;  font-weight: 700; padding: 10px 15px 10px 15px;  text-align: center;}
        .product-center .lefts .titles span { display: block; text-transform: uppercase; font-size: 14px; margin: 5px 0 0 0;}
        .product-center .lefts ul { margin: 0px auto 5px auto;}
        .product-center .lefts ul li { line-height: 37px; padding: 0 15px; transition: 0.3s;}
        .product-center .lefts ul li a { display: block;}

        .product-center .lefts ul li i { float: right; margin: 9px 0 0 0;}
        .product-center .lefts ul li:hover { background-color: #ff7e11;}
        .product-center .lefts ul li:hover a { color: #FFF;}

        .product-center .lefts .ends { display: none;}

        .product-center .rights { float: right; width: 51%;}
        .product-center .rights .products { margin: 0 auto 0 auto;}
        .product-center .rights .products .items { float: left; width: 50%; padding: 0 5px; margin: 0 0 14px 0;}

        .product-center .rights .products .items .wraps { transition: 0.3s; }
        .product-center .rights .products .items .wraps:hover { box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.16);  }

        .product-center .rights .products .items .wraps figure { overflow: hidden; position: relative; background-color: #FFF; border-radius: 4px 4px 0 0;  margin: 0 auto; }
        .product-center .rights .products .items .wraps figure img { max-width: 100%;}
        .product-center .rights .products .items .wraps figure:hover img { filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity:0.9; opacity: 0.9;  transition: 0.3s;  }

        .product-center .rights .products .items .wraps .names { background: #fff; overflow: hidden; height: 22px; text-align: center; padding: 0 0 5px 0; border-radius: 0 0 3px 3px;  }
        .product-center .rights .products .items .wraps .names h4 { font-size: 14px; line-height: 150%; font-weight:lighter;}
        .product-center .rights .products .items .wraps .names h4 a { color: #595758; }
        .product-center .rights .products .items .wraps .names h4 a:hover { color: #2c90c5;  }
    /* Product Center End */

    /* Agency Brand Star */
    #project-case { padding: 30px 0 30px 0; background: url("../img/project-case-bg.jpg") center no-repeat; background-size: auto 100%;}
        .project-case { background-color: #FFF; padding: 0 20px; margin: 15px 0 0 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
        .project-case ul li { width: 100%; float: left; padding-bottom: 10px; padding-top: 10px; border-bottom: solid 1px #ececec; text-align: left;}
        .project-case ul li .lefts { float: none; width: 100%;}
        .project-case ul li .lefts img { width: 100%;}
        .project-case ul li .rights { float: none; width: 100%; color: #666; }
        .project-case ul li .rights h1 {  font-size: 20px; margin: 5px 0 5px 0;}
        .project-case ul li .rights p { font-size: 13px;}
    /* Agency Brand End */

    /* About Us Star */
    #about-us { padding: 30px 0 0 0;}
        #about-us .container { padding: 0px;}
        .about-us { text-align: left; position: static; margin: 30px 0 0 0;}
        .about-us .lefts { padding-left: 0px; padding-bottom: 20px; width: 100%; background: #0e6eb8;}
        .about-us .lefts .titles { padding: 20px 10px 10px 10px; font-size: 25px;  color: #fff;  font-weight: normal;}
        .about-us .lefts .titles span { margin-left: 8px;  font-size: 16px; text-transform: uppercase; color: #f7cd12;}

        .about-us .lefts .intros { width: 100%;  font-size: 14px;  line-height: 26px; color: #FFF; padding: 0px 10px 32px 10px;}
        .about-us .lefts .mores { margin: 0 10px; display: block;  width: 140px;  font-size: 14px;  color: #fff;  border: 1px solid #0d78cb; line-height: 36px; text-align: center;}
        .about-us .lefts .mores:hover{ color: #0e6eb8; background: #f6f6f6; }

        .about-us .rights { position: static;  top: 0px; right: 0;}
        .about-us .rights img { max-width: 100%;}
    /* About Us End */

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

    /* Agency Brand Star */
    #agency-brand { padding: 30px 0 10px 0; background: url("../img/agent-bg.jpg") center no-repeat; background-size: auto 100%;}
        .agency-brand { margin: 30px 0 0 0;}
        .agency-brand .container { padding: 0px;}
        .agency-brand ul li { float: left; width: 50%; text-align: center; margin: 0 0 30px 0;}
        .agency-brand ul li .items { background: #FFF; transition: all .3s; cursor: pointer; margin: 0 15px; padding: 50px 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 2px 12px rgba(255, 255, 255, 0.1); -moz-box-shadow: 0px 2px 12px rgba(255, 255, 255, 0.1); box-shadow: 0px 2px 12px rgba(255, 255, 255, 0.1); behavior: url(ie-css3.htc);}
        .agency-brand ul li .items:hover { transform: translate(0, -10px); transition: all .3s; -webkit-box-shadow: 0px 2px 12px rgba(255, 255, 255, 0.5); -moz-box-shadow: 0px 2px 12px rgba(255, 255, 255, 0.5); box-shadow: 0px 2px 12px rgba(255, 255, 255, 0.5); behavior: url(ie-css3.htc);}
        .agency-brand ul li img { max-width: 100%;}
    /* Agency Brand End */

    /* Information Center Star */
    #information-center { padding: 50px 0;}
    .information-center { margin: 50px 0 0 0;}
    .information-center .container { padding-left: 0px; padding-right: 0px;}
    .information-center .container>ul>li { float: none; width: 100%; text-align: left; }
    .information-center .container>ul>li>.items { margin: 0 15px; transition: all .3s; background-color: #f9f9f9; padding: 30px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
    .information-center .container>ul>li>.items:hover { transform: translate(0, -10px); 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);}
    .information-center .container>ul>li>.items .imgs { padding: 15px 0; border-bottom: dotted 1px #eeedea;}
    .information-center .container>ul>li>.items .imgs img { max-width: 100%;}
    .information-center .container>ul>li>.items .imgs h1 { font-size: 18px; color: #333; margin: 15px 0 0 0;}

    .information-center .container>ul>li>.items .titles { font-size: 18px; color: #666; font-weight: lighter;}
    .information-center .container>ul>li>.items .titles .mores { float: right; font-size: 12px; color: #ff7e11;}
    .information-center .container>ul>li>.items .lists { margin: 5px 0;}
    .information-center .container>ul>li>.items .lists li { height: 32px; line-height: 32px; overflow: hidden;}
    .information-center .container>ul>li>.items .lists li span { margin-right: 5px;}
    /* Information Center End */


    /* Footer Star */
    #footer { background: url("../img/foot-bg.png") top center repeat-x #131a1e; overflow: hidden;}
    .footer { margin: 30px 0 0 0; color: #FFF;}
    .footer .menu { float: none; width: 100%; text-align: left;}
    .footer .menu dl { float: left; width: 50%; margin: 0 0 15px 0;}
    .footer .menu dl dt { font-weight: 700; font-size: 14px; margin: 0 0 10px 0;}
    .footer .menu dl dt img { max-width: 20px; margin: 0 5px 0 0; vertical-align: middle;}
    .footer .menu dl dd { padding: 3px 0 3px 23px;}
    .footer .menu dl dd a { color: #FFF;}
    .footer .menu dl dd a:hover { text-decoration: underline;}
    .footer .message { float: none; width: 100%; margin: -3px 0 0 0; text-align: left;}

    .contact-1{font-size: 14px; color: #FFF; font-weight: 700;}
    .contact-1 span{color: #bfbfbf; font-size: 13px; font-weight: lighter; text-transform: uppercase;}
    .contact-2{font-size: 13px; color: #c7c7c7; margin-top: 10px;}
    .con-right{padding-left: 8%;}
    .am-form-field{background: #FFF; color: #000; line-height: 30px; height: 30px; border: 1px solid #525252; border-radius: 8px;margin-top: 6px; font-size: 13px; width: 48%; outline: none;}
    .am-area-height{height: 80px; width: 100%;}
    .form-sub{font-size: 13px; background: #da251c; color: #FFF;line-height: 40px; width: 80%;}

    .contact-form input::-webkit-input-placeholder, .contact-form textarea::-webkit-input-placeholder {
        /* WebKit browsers */
        color: #707070;font-size: 13px;
    }
    .contact-form input:-moz-placeholder,.contact-form textarea:-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
        color: #707070; font-size: 13px;
    }
    .contact-form input::-moz-placeholder,.contact-form textarea::-moz-placeholder {
        /* Mozilla Firefox 19+ */
        color: #707070;  font-size: 13px;
    }
    .contact-form input:-ms-input-placeholder,.contact-form textarea:-ms-input-placeholder {
        /* Internet Explorer 10+ */
        color: #707070;  font-size: 13px;
    }


    .footerLinks { margin: 15px 0 20px 0; text-align: left; padding: 5px 15px; -moz-border-radius:6px; color: #FFF; -webkit-border-radius:6px; border-radius:6px; background-color: #000;}
    .footerLinks>a { color: #FFF; margin: 0 10px;}
    .footerLinks>a:first-child { margin: 0 10px 0 0;}
    .footerLinks>a:hover { text-decoration: underline;}

    /* Footer End */


    /* Bottom Menus Star */
    #bottom-menus {
        display: block;
        box-shadow:0 -1px 10px rgba(0,0,0,0.1);
        background-color:#0e6fb8;
        background-image:-webkit-linear-gradient(top,#00aef3,#0e6fb8);
        background-image:-o-linear-gradient(top,#00aef3,#0e6fb8);
        background-image:-ms-linear-gradient(top,#00aef3,#0e6fb8);
        background-image:linear-gradient(top,#00aef3,#0e6fb8);
        background-repeat: repeat-x;
        width: 100%;
        position: fixed;
        bottom: 0;
        z-index: 999999;
        padding: 10px 0;
    }
    #bottom-menus ul li {
        float: left;
        width: 50%;
        border-right: solid 1px #dbdbdb;
        text-align: center;
        color: #FFF;
        font-size: 18px;
        font-weight: 700;
    }
    #bottom-menus ul li a { color: #FFF;}
    #bottom-menus ul li img { height: 22px; margin: 0 6px 0 0;}
    #bottom-menus ul li:last-child{
        border-right: none;
    }
    /* Bottom Menus End */

    /* Frame Map Start */
    .frame-map .floating { left: 10px; top: 10px; padding: 10px;}
    .frame-map .floating dl dt { margin-bottom: 5px;}
    /* Frame Map End */
}

@media (min-width: 992px) {
    /* Menuer Star */
    #menuer { display: block; width: 100%; z-index: 999999999;}
    .menuer { margin: 0 auto; width: 100%;}
    .menuer li { display: block; float: left; position: relative; width: 95.555555px; font-size: 14px; font-weight: 700; text-align: center; }
    .menuer li>a { display: block; }
    .menuer li.menu:hover,.menuer li.active { background: #ff7e11; -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s;  -ms-transition: all .3s;  transition: all .3s;}
    .menuer li.menu:hover>a,.menuer li.menu.active>a { color: #FFF;}
    .menuer li.active>a { color: #FFF;}
    .menuer>li:nth-child(2n) { width: 10px; color: #FFF; font-size: 12px; font-weight: normal;}

    .menuer .dropmenu { background-color: rgba(0,0,0,0.65); border-bottom: solid 2px #ff7e11; position:absolute; overflow:hidden; width: 100%; z-index:999; left: 0px; display:block; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; color:#000; opacity: 1; visibility:hidden; -webkit-transform:translateY(30px); transform:translateY(30px); -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s;  -ms-transition: all .3s;  transition: all .3s;}

    .menuer li.hov .dropmenu { opacity:1; color: #FFF; visibility:visible; -webkit-transform:translateY(0); transform:translateY(0);}
    .menuer .dropmenu>ul>li { font-size: 12px;  line-height: 32px; color: #000;}
    .menuer .dropmenu>ul>li>a { color: #FFF; font-weight: normal;}
    .menuer .dropmenu>ul>li:hover>a { background: #ff7e11;}
    /* Menuer End */

    #service-process { display: none;}

    /* Product Center Star */
    #product-center { padding: 40px 0 20px 0; background-color: #f2f2f2;}
    #product-center .container { padding-right: 5px;}
    .product-center { text-align: left; }
    .product-center .lefts { float: left; width: 20%; padding: 0px 0px 0px 0px; overflow: hidden; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
    .product-center .lefts .titles { margin: 0 auto; font-size: 24px;  font-weight: 700;  padding: 22px 15px 20px 15px;  text-align: center;}
    .product-center .lefts .titles span { display: block; text-transform: uppercase; font-size: 14px; margin: 20px 0 0 0;}
    .product-center .lefts ul { margin: 10px auto 10px auto;}
    .product-center .lefts ul li { line-height: 31px; padding: 0 15px; transition: 0.3s;}
    .product-center .lefts ul li a { display: block;}

    .product-center .lefts ul li i { float: right; margin: 9px 0 0 0;}
    .product-center .lefts ul li:hover { background-color: #ff7e11;}
    .product-center .lefts ul li:hover a { color: #FFF;}

    .product-center .lefts .ends { display: none;}

    .product-center .rights { float: right; width: 79%;}
    .product-center .rights .products { margin: 0 auto 0 auto;}
    .product-center .rights .products .items { float: left; width: 25%; padding: 0 10px; margin: 0 0 20px 0;}

    .product-center .rights .products .items .wraps { transition: 0.3s; }
    .product-center .rights .products .items .wraps:hover { box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.16);  }

    .product-center .rights .products .items .wraps figure { overflow: hidden; position: relative; background-color: #FFF; border-radius: 4px 4px 0 0;  margin: 0 auto; }
    .product-center .rights .products .items .wraps figure img { max-width: 100%;}
    .product-center .rights .products .items .wraps figure:hover img { filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity:0.9; opacity: 0.9;  transition: 0.3s;  }

    .product-center .rights .products .items .wraps .names { background: #fff;  text-align: center; padding: 0 0 5px 0; border-radius: 0 0 3px 3px;  }
    .product-center .rights .products .items .wraps .names h4 { font-size: 14px; line-height: 150%; font-weight:lighter;}
    .product-center .rights .products .items .wraps .names h4 a { color: #595758; }
    .product-center .rights .products .items .wraps .names h4 a:hover { color: #2c90c5;  }
    /* Product Center End */
}

@media (min-width: 1200px) {
    /* Menuer Star */
    #menuer { display: block; width: 100%; z-index: 999999999;}
    .menuer { margin: 0 auto; width: 100%;}
    .menuer li { display: block; float: left; position: relative; width: 117.777777px; font-size: 16px; font-weight: 700; text-align: center; }
    .menuer li>a { display: block; }
    .menuer li.menu:hover,.menuer li.active { background: #ff7e11; -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s;  -ms-transition: all .3s;  transition: all .3s;}
    .menuer li.menu:hover>a,.menuer li.menu.active>a { color: #FFF;}
    .menuer li.active>a { color: #FFF;}
    .menuer>li:nth-child(2n) { width: 10px; color: #FFF; font-size: 12px; font-weight: normal;}

    .menuer .dropmenu { background-color: rgba(0,0,0,0.65); border-bottom: solid 2px #ff7e11; position:absolute; overflow:hidden; width: 100%; z-index:999; left: 0px; display:block; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; color:#000; opacity: 1; visibility:hidden; -webkit-transform:translateY(30px); transform:translateY(30px); -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s;  -ms-transition: all .3s;  transition: all .3s;}

    .menuer li.hov .dropmenu { opacity:1; color: #FFF; visibility:visible; -webkit-transform:translateY(0); transform:translateY(0);}
    .menuer .dropmenu>ul>li { font-size: 14px;  line-height: 32px; color: #000;}
    .menuer .dropmenu>ul>li>a { color: #FFF; font-weight: normal;}
    .menuer .dropmenu>ul>li:hover>a { background: #ff7e11;}
    /* Menuer End */
	
	#service-process { display: block;}

    /* Product Center Star */
    #product-center { padding: 40px 0 20px 0; background-color: #f2f2f2;}
    #product-center .container { padding-right: 5px;}
    .product-center { text-align: left; }
    .product-center .lefts { float: left; width: 20%; padding: 0px 0px 0px 0px; overflow: hidden; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
    .product-center .lefts .titles { margin: 0 auto; font-size: 24px;  font-weight: 700;  padding: 22px 15px 20px 15px;  text-align: center;}
    .product-center .lefts .titles span { display: block; text-transform: uppercase; font-size: 14px; margin: 15px 0 0 0;}
    .product-center .lefts ul { margin: 10px auto 10px auto;}
    .product-center .lefts ul li { line-height: 33px; padding: 0 15px; transition: 0.3s;}
    .product-center .lefts ul li a { display: block;}

    .product-center .lefts ul li i { float: right; margin: 9px 0 0 0;}
    .product-center .lefts ul li:hover { background-color: #ff7e11;}
    .product-center .lefts ul li:hover a { color: #FFF;}

    .product-center .lefts .ends { display: block; background-color: #4a4947; padding: 15px 0 15px 0; color: #FFF; text-align: center;}
    .product-center .lefts .ends h1 { display: none;}
    .product-center .lefts .ends h2 { display: none;}
    .product-center .lefts .ends .contacts { font-size: 16px;  font-weight: 700;  margin: 10px 0 0 0;}

    .product-center .rights { float: right; width: 79%;}
    .product-center .rights .products { margin: 0 auto 0 auto;}
    .product-center .rights .products .items { float: left; width: 25%; padding: 0 10px; margin: 0 0 20px 0;}

    .product-center .rights .products .items .wraps { transition: 0.3s; }
    .product-center .rights .products .items .wraps:hover { box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.16);  }

    .product-center .rights .products .items .wraps figure { overflow: hidden; position: relative; background-color: #FFF; border-radius: 4px 4px 0 0;  margin: 0 auto; }
    .product-center .rights .products .items .wraps figure img { max-width: 100%;}
    .product-center .rights .products .items .wraps figure:hover img { filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity:0.9; opacity: 0.9;  transition: 0.3s;  }

    .product-center .rights .products .items .wraps .names { background: #fff;  text-align: center; padding: 0 0 5px 0; border-radius: 0 0 3px 3px;  }
    .product-center .rights .products .items .wraps .names h4 { font-size: 14px; line-height: 150%; font-weight:lighter;}
    .product-center .rights .products .items .wraps .names h4 a { color: #595758; }
    .product-center .rights .products .items .wraps .names h4 a:hover { color: #2c90c5;  }
    /* Product Center End */
}

@media (min-width: 1366px) {
    /* Menuer Star */
    #menuer { display: block; width: 100%; z-index: 999999999;}
    .menuer { margin: 0 auto; width: 100%;}
    .menuer li { display: block; float: left; position: relative; width: 124.444444px; font-size: 17px; font-weight: 700; text-align: center; }
    .menuer li>a { display: block; }
    .menuer li.menu:hover,.menuer li.active { background: #ff7e11; -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s;  -ms-transition: all .3s;  transition: all .3s;}
    .menuer li.menu:hover>a,.menuer li.menu.active>a { color: #FFF;}
    .menuer li.active>a { color: #FFF;}
    .menuer>li:nth-child(2n) { width: 10px; color: #FFF; font-size: 12px; font-weight: normal;}

    .menuer .dropmenu { background-color: rgba(0,0,0,0.65); border-bottom: solid 2px #ff7e11; position:absolute; overflow:hidden; width: 100%; z-index:999; left: 0px; display:block; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; color:#000; opacity: 1; visibility:hidden; -webkit-transform:translateY(30px); transform:translateY(30px); -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s;  -ms-transition: all .3s;  transition: all .3s;}

    .menuer li.hov .dropmenu { opacity:1; color: #FFF; visibility:visible; -webkit-transform:translateY(0); transform:translateY(0);}
    .menuer .dropmenu>ul>li { font-size: 14px;  line-height: 32px; color: #000;}
    .menuer .dropmenu>ul>li>a { color: #FFF; font-weight: normal;}
    .menuer .dropmenu>ul>li:hover>a { background: #ff7e11;}
    /* Menuer End */
	
	#service-process { display: block;}

    /* Product Center Star */
    #product-center { padding: 40px 0 20px 0; background-color: #f2f2f2;}
    #product-center .container { padding-right: 5px;}
    .product-center { text-align: left; }
    .product-center .lefts { float: left; width: 20%; padding: 0px 0px 0px 0px; overflow: hidden; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
    .product-center .lefts .titles { margin: 0 auto; font-size: 24px;  font-weight: 700; padding: 22px 15px 20px 15px;  text-align: center;}
    .product-center .lefts .titles span { display: block; text-transform: uppercase; font-size: 14px; margin: 15px 0 0 0;}
    .product-center .lefts ul { margin: 10px auto 10px auto;}
    .product-center .lefts ul li { line-height: 33px; padding: 0 15px; transition: 0.3s;}
    .product-center .lefts ul li a { display: block;}

    .product-center .lefts ul li i { float: right; margin: 9px 0 0 0;}
    .product-center .lefts ul li:hover { background-color: #ff7e11;}
    .product-center .lefts ul li:hover a { color: #FFF;}

    .product-center .lefts .ends { display: block; background-color: #4a4947; padding: 22px 0 25px 0; color: #FFF; text-align: center;}
    .product-center .lefts .ends h1 { display: none;}
    .product-center .lefts .ends h2 { font-size: 18px; font-weight: 700;}
    .product-center .lefts .ends .contacts { font-size: 16px;  font-weight: 700;  margin: 10px 0 0 0;}

    .product-center .rights { float: right; width: 79%;}
    .product-center .rights .products { margin: 0 auto 0 auto;}
    .product-center .rights .products .items { float: left; width: 25%; padding: 0 10px; margin: 0 0 20px 0;}

    .product-center .rights .products .items .wraps { transition: 0.3s; }
    .product-center .rights .products .items .wraps:hover { box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.16);  }

    .product-center .rights .products .items .wraps figure { overflow: hidden; position: relative; background-color: #FFF; border-radius: 4px 4px 0 0;  margin: 0 auto; }
    .product-center .rights .products .items .wraps figure img { max-width: 100%;}
    .product-center .rights .products .items .wraps figure:hover img { filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity:0.9; opacity: 0.9;  transition: 0.3s;  }

    .product-center .rights .products .items .wraps .names { background: #fff;  text-align: center; padding: 0 0 5px 0; border-radius: 0 0 3px 3px;  }
    .product-center .rights .products .items .wraps .names h4 { font-size: 14px; line-height: 150%; font-weight:lighter;}
    .product-center .rights .products .items .wraps .names h4 a { color: #595758; }
    .product-center .rights .products .items .wraps .names h4 a:hover { color: #2c90c5;  }
    /* Product Center End */

}

@media (min-width: 1500px) {
    /* Menuer Star */
    #menuer { display: block; width: 100%; z-index: 999999999;}
    .menuer { margin: 0 auto; width: 100%;}
    .menuer li { display: block; float: left; position: relative; width: 139.555555px; font-size: 17px; font-weight: 700; text-align: center; }
    .menuer li>a { display: block;}
    .menuer li.menu:hover,.menuer li.active { background: #ff7e11; -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s;  -ms-transition: all .3s;  transition: all .3s;}
    .menuer li.menu:hover>a,.menuer li.menu.active>a { color: #FFF;}
    .menuer li.active>a { color: #FFF;}
    .menuer>li:nth-child(2n) { width: 10px; color: #FFF; font-size: 12px; font-weight: normal;}

    .menuer .dropmenu { background-color: rgba(0,0,0,0.65); border-bottom: solid 2px #ff7e11; position:absolute; overflow:hidden; width: 100%; z-index:999; left: 0px; display:block; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; color:#000; opacity: 1; visibility:hidden; -webkit-transform:translateY(30px); transform:translateY(30px); -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s;  -ms-transition: all .3s;  transition: all .3s;}

    .menuer li.hov .dropmenu { opacity:1; color: #FFF; visibility:visible; -webkit-transform:translateY(0); transform:translateY(0);}
    .menuer .dropmenu>ul>li { font-size: 14px;  line-height: 32px; color: #000;}
    .menuer .dropmenu>ul>li>a { color: #FFF; font-weight: normal;}
    .menuer .dropmenu>ul>li:hover>a { background: #ff7e11;}
    /* Menuer End */
	
	#service-process { display: block;}

    /* Product Center Star */
    #product-center { padding: 40px 0 20px 0; background-color: #f2f2f2;}
    #product-center .container { padding-right: 5px;}
    .product-center { text-align: left; }
    .product-center .lefts { float: left; width: 20%; padding: 0px 0px 0px 0px; overflow: hidden; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
    .product-center .lefts .titles { margin: 0 auto; font-size: 24px;  font-weight: 700;  padding: 22px 15px 20px 15px;  text-align: center;}
    .product-center .lefts .titles span { display: block; text-transform: uppercase; font-size: 14px; margin: 15px 0 0 0;}
    .product-center .lefts ul { margin: 10px auto 10px auto;}
    .product-center .lefts ul li { line-height: 33px; padding: 0 15px; transition: 0.3s;}
    .product-center .lefts ul li a { display: block;}

    .product-center .lefts ul li i { float: right; margin: 9px 0 0 0;}
    .product-center .lefts ul li:hover { background-color: #ff7e11;}
    .product-center .lefts ul li:hover a { color: #FFF;}

    .product-center .lefts .ends { display: block; background-color: #4a4947; padding: 20px 0 20px 0; color: #FFF; text-align: center;}
    .product-center .lefts .ends h1 { display: block; font-size: 16px; margin: 0 0 10px 0;  font-weight: 300;  line-height: 180%;}
    .product-center .lefts .ends h2 { display: block; font-size: 18px; font-weight: 700;}
    .product-center .lefts .ends .contacts { display: block; font-size: 16px;  font-weight: 700;  margin: 10px 0 0 0;}

    .product-center .rights { float: right; width: 79%;}
    .product-center .rights .products { margin: 0 auto 0 auto;}
    .product-center .rights .products .items { float: left; width: 25%; padding: 0 10px; margin: 0 0 20px 0;}

    .product-center .rights .products .items .wraps { transition: 0.3s; }
    .product-center .rights .products .items .wraps:hover { box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.16);  }

    .product-center .rights .products .items .wraps figure { overflow: hidden; position: relative; background-color: #FFF; border-radius: 4px 4px 0 0;  margin: 0 auto; }
    .product-center .rights .products .items .wraps figure img { max-width: 100%;}
    .product-center .rights .products .items .wraps figure:hover img { filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity:0.9; opacity: 0.9;  transition: 0.3s;  }

    .product-center .rights .products .items .wraps .names { background: #fff;  text-align: center; padding: 0 0 5px 0; border-radius: 0 0 3px 3px;  }
    .product-center .rights .products .items .wraps .names h4 { font-size: 14px; line-height: 150%; font-weight:lighter;}
    .product-center .rights .products .items .wraps .names h4 a { color: #595758; }
    .product-center .rights .products .items .wraps .names h4 a:hover { color: #2c90c5;  }
    /* Product Center End */
}