@media screen and (max-width:980px){*{box-sizing:border-box;}
.arrow-down{display:none;}
.container{width:auto;padding:0 20px;}
.header{width:auto;padding:0 20px;}
.sub-menu ul li{margin-left:15px !important;}
#services-box{width:auto;display:block;margin-bottom:20px;padding:20px;float:none;border-left:0px none #fff;}
.banner-bg{padding:49px 0;}
.contact-banner h3{font-size:20px;padding-bottom:30px;}
.contact-banner a.contact-button{width:auto;padding:10px 20px;margin-top:0;font-size:15px;}
.news-box{width:auto;display:block;margin-bottom:30px;float:none;margin-right:0px;}
.home .last{float:none !important;}
.more{margin:30px auto 10px auto;display:block;}
.testimonial-box{width:auto;display:block;margin-bottom:30px;margin-right:0;}
.testimonial-box img{min-width:100%;height:100%;}
.testimonial-post{width:auto;}
#some-facts{margin:0;}
#some-facts li{display:block;margin:0 auto 30px;}
.skill{width:auto;float:none;margin-bottom:50px;}
.team-members{width:auto;float:none;}
.team-col{width:auto;display:block;float:none;margin-left:0;}
.team-col img{min-width:100%;height:100%;}
.signup-newsletter{padding:20px;}
.newsletter{width:auto;float:none;background:none;border-bottom:#1d1d1d solid 1px;padding-bottom:20px;margin-bottom:20px;}
.newsletter-form{width:auto;float:none;padding-right:0;}
.newsletter-form input[type="text"], .newsletter-form input[type="email"]{width:100%;float:none;margin:0 0 10px 0;}
.newsletter-form input[type="submit"]{width:100%;}
.sicons{width:auto;}
.footer, .copyright{width:auto;padding:0 20px;}
.footer-col-1, .footer-col-2{width:auto;float:none;margin-right:0;}
.footer-col-3{width:auto;float:none;}
.copyright-txt, .design-by{text-align:center;float:none;}
.copyright-wrapper{padding:15px 0px 20px;}
.copyright-txt img{width:auto;height:12px;margin-right:5px;}
.copyright-txt span{font-size:11px;display:block;padding-top:10px;}
.one_half{width:100% !important;}
.message-thumb{width:100%;height:inherit !important}
.photobooth .filter-gallery{width:auto;}
.photobooth .gallery ul li{width:100%;}
.toggle{display:block;}
.toggle a{color:#ffffff;background:url(../images/mobile_nav_right.png) no-repeat center center #191a58;background-size:auto 42px;font-size:16px;width:30px;height:30px;float:right;margin-top:10px;overflow:hidden;}
.language{width:36px;height:36px;margin-top:10px;margin-right:10px;}
.language.active{overflow:inherit;height:auto;z-index:111}
.language.active ul{height:auto;width:36px;}
.language ul li a{padding-top:9px;font-size:13px;}
.language ul li{float:none;}
.language ul li.en .alert{left:auto;top:72px;right:-26px;}
.language ul li.cn .alert{left:auto;top:106px;right:-26px;}
.language ul li .alert span{background-position:130px 7px;}
.content-area{width:auto;margin:0 20px;padding:50px 0;}
.site-main{width:auto;margin:0;padding:0;float:none;}
.nav{display:none;}
.nav ul{background:#fff;color:#000;width:100%;}
.header .header-inner .logo h1{height:45px;line-height:45px;}
.header{border-bottom:1px solid #eee;height:50px}
.header .header-inner{width:100%;}
.header .header-inner .logo{margin-top:0px;}
.header .header-inner .nav{float:none;margin:0;position:absolute;overflow-x:hidden;z-index:100;top:45px;width:100%;left:0px;padding-right:0px;border-bottom:1px solid #ccc;}
.header .header-inner .nav ul{float:none !important;}
.header .header-inner .nav ul li{display:block;float:none;text-align:center;}
.header .header-inner .nav > div > ul > li{border-top:1px #cccccc solid;}
.header .header-inner .nav ul li a{padding:10px 10px !important;display:block;color:#3e3e3e;}
.header .header-inner .nav ul li a.parent.active{font-weight:bold;}
.header .header-inner .nav ul li a.parent.active + .sub-menu-area{display:block;}
.nav ul li a:hover{font-weight:bold;}
.nav ul li ul li a{padding-left:10px;}
.nav ul li ul li ul li a{padding-left:20px;}
.sub-menu-area{display:none;}
.header .header-inner .nav ul li.current-menu-parent .sub-menu-area{display:block;background-color:#EEEEEE;border-bottom:0px none #EEEEEE}
.header .header-inner .nav ul li .sub-menu-area ul{background-color:#EEEEEE;border-top:1px solid #ccc;}
.header .header-inner .nav ul li .sub-menu-area ul li a{font-size:14px;}
a.current_page_item{font-weight:bold}
#supersized, #supersized li img{top:0 !important;}
#slider{height:380px;}
#slider.nivoSlider img{height:100% !important;width:100% !important;object-fit:contain;}
#slider .top-bar a{font-size:14px;padding:8px 20px;margin-top:0;width:auto;}
.slider-inner{width:100%;position:static;}
.top-bar{width:auto;padding:23px 20px 23px;margin:0px 20px;top:auto;bottom:30px;line-height:24px;font-size:14px;}
.top-bar h1{text-transform:uppercase;font-size:29px;line-height:34px;padding-bottom:25px;}
.top-bar p{color:#ffffff;font-weight:normal;font-size:16px;margin:0 0 7px 0;line-height:24px;text-align:center;display:none;}
.top-bar a, .contact-banner a{font:700 15px 'Roboto', sans-serif;padding:10px 40px;margin-top:0;text-transform:uppercase;display:inline-block;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;-o-border-radius:4px;-ms-border-radius:4px;color:#ffffff;}
.nivo-directionNav a{z-index:99 !important;top:40% !important;}
a.arrow-down, #slider .top-bar p{display:none;}
#prevslide, #nextslide{top:0;}
.client_banner .client{display:block;text-align:center;margin:0 auto 10px !important;width:270px;}
.social-icons{margin:0;padding:0;text-align:center;}
.icon{width:58px;height:58px;border-radius:30px;-moz-border-radius:30px;-o-border-radius:30px;-webkit-border-radius:30px;display:inline-block;margin:0 7px 7px;background-repeat:no-repeat;background-position:center center;transition:0.6s;-moz-transition:0.6s;-webkit-transition:0.6s;-o-transition:0.6s;}
.facebook{background-image:url(../images/social-icons/fb-icon.png);}
.twitt{background-image:url(../images/social-icons/twitt-icon.png);}
.gplus{background-image:url(../images/social-icons/gplus-icon.png);}
.linked{background-image:url(../images/social-icons/linkedin-icon.png);}
.pinterest{background-image:url(../images/social-icons/pinterest-icon.png);}
.youtube{background-image:url(../images/social-icons/y-tube-icon.png);}
.vimeo{background-image:url(../images/social-icons/vimeo-icon.png);}
.rss{background-image:url(../images/social-icons/rss-icon.png);}
.instagram{background-image:url(../images/social-icons/instagram-icon.png);}
.tumblr{background-image:url(../images/social-icons/tumblr-icon.png);}
.flickr{background-image:url(../images/social-icons/flickr-icon.png);}
.yahoo{background-image:url(../images/social-icons/yahoo-icon.png);}
.dribble{background-image:url(../images/social-icons/dribble-icon.png);}
.kick{background-image:url(../images/social-icons/kickstarter-icon.png);}
.stumble{background-image:url(../images/social-icons/stumbleupon-icon.png);}
.zerply{background-image:url(../images/social-icons/zerply-icon.png);}
.sound{background-image:url(../images/social-icons/soundcloud-icon.png);}
.path{background-image:url(../images/social-icons/path-icon.png);}
.klout{background-image:url(../images/social-icons/klout-icon.png);}
.behance{background-image:url(../images/social-icons/behance-icon.png);}
.envato{background-image:url(../images/social-icons/envato-icon.png);}
.codepen{background-image:url(../images/social-icons/codepen-icon.png);}
.vine{background-image:url(../images/social-icons/vine-icon.png);}
.technorati{background-image:url(../images/social-icons/technorati-icon.png);}
.github{background-image:url(../images/social-icons/github-icon.png);}
.foursquare{background-image:url(../images/social-icons/foursquare-icon.png);}
.five{background-image:url(../images/social-icons/fivehundred-icon.png);}
.speaker{background-image:url(../images/social-icons/speakerdeck-icon.png);}
.wordpress{background-image:url(../images/social-icons/wordpress-icon.png);}
.yelp{background-image:url(../images/social-icons/yelp-icon.png);}
#sidebar{width:auto;margin:60px 0 0;padding:0;float:none;}
input.search-field, .post-password-form input[type="password"]{width:80%;}
section h2{font:bold 40px 'Arial',sans-serif;padding:0px 0px 15px;}
section h2 span{font-size:35px;line-height:115%;}
section{padding:30px 0px 40px;}
section.title{padding:30px 0px 40px;}
section.site_infomation{padding:23px 0px 20px;}
.home section{padding:35px 0px 40px;}
.home section h2{padding-bottom:10px;}
#services-box{margin-bottom:0px;padding-bottom:10px;}
#services-box h2{padding:15px 0px 15px;}
.home .latest-news h2{padding-top:5px;}
.news-content{height:auto;background-position:94% 90%;}
.news{padding-bottom:15px;}
.client_banner .client img{height:auto;width:auto;text-align:center;display:block;margin:0 auto;}
.partner > div{display:block;}
.our-team{padding:0px;}
.team-desc{float:none;width:auto;padding:71px 30px 0px;background-position:35px 30px;background-size:28px 25px;}
.team-interview{float:none;width:auto;margin:0px;background-size:auto 195px;padding-top:38px;padding-bottom:83px;padding-left:20%;}
.team-selection{padding-top:15px}
.team-interview .btn-movie{background-size:45px 45px;font-size:14px;padding-top:52px;width:116px;}
.team-interview .btn-movie a{line-height:23px;font-size:14px;}
.partner > div.list > div.item{padding-left:0px;word-break:keep-all;}
.partner div.item strong{position:relative;left:auto;top:auto;}
.site_bg{padding:0px 0px 258px 0px;height:auto;background-position:center bottom;width:100%;}
.site_tmall{padding-top:0px;padding-bottom:0px;}
.site_tmall .info{float:none;width:100%;margin-bottom:40px;}
.site_tmall .info dl{text-align:left;}
.progress{padding:0px;margin-top:14px;}
.progress ol{width:auto;margin:0 auto;}
.progress ol li.circle{font-weight:normal;}
.progress ol li.line{display:table-row;background-image:none;line-height:67px;padding-top:0px;position:relative;height:auto}
.progress ol li.line:before{content:"";position:absolute;width:67px;height:67px;z-index:-1;background:url('../images/custom/bg_arrow.png') center center no-repeat;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);background-size:55px auto;left:50%;margin-left:-34px;}
.progress ol li.box{padding:20px 0px;}
.pinknsale_system ol li{height:auto}
.pinknsale_system ol li .pinknsale_area{width:auto;height:auto}
.pinknsale_system ol li.line{width:auto;height:30px;}
.pinknsale_system.progress ol li.line::before{height:30px;background-size:55px auto;width:30px;margin-left:-16px;}
.pinknsale_system ol li .pinknsale_area ul{margin:0 auto;padding-top:0px;}
.pinknsale_system ol li.line_right{height:67px;}
.pinknsale_system.progress ol li.line.line_right::before{height:67px;background-size:55px auto;width:67px;margin-left:-34px;}
.pinknsale_system .summary{margin:0 auto;width:240px}
.client li.last{margin-left:0px;margin-right:0.84%}
.client li{width:48%;padding:18px;}
.contact .info{width:100%;float:none;}
.contact dl{background-position:center top;padding-left:30px;padding-top:0px;padding-bottom:30px;margin-left:0px}
.contact dl.mail{background-image:none}
.contact dl.call{background-image:none}
.contact dl.tel{background-image:none}
.contact .information{margin-top:25px;}
.contact.tmall{padding-top:30px}
.contact.tmall .information dl.tel{background-position:center 20%;padding-bottom:0px;}
.contact.tmall dl dd.image{display:none;}
.contact.tmall dl dt.important{padding-bottom:0px;}
.contact.tmall .information dl.tel dd{padding:10px 20px 10px 0px;}
.contact.tmall .information dl.tel dd.important{padding-bottom:0px;}
.contact.pinknsale .information{margin-top:0px;padding:25px 0px;}
.contact.pinknsale .information > .information{padding:0px 30px 0px;border-top:0px solid #ddd;line-height:26px;}
.contact.pinknsale .information a.btn_white.first{margin-right:0px;}
.contact.pinknsale .information a{width:80%;}
.contact.operating .bg_gray{padding:25px 30px;}
.contact.operating a.btn_white.first{margin-right:0px;}
.contact.operating a{width:80%;}
.contact.operating .info{background-image:none;width:auto;padding:25px 0px 0px 0px;}
.contact.operating dl{padding-left:30px;padding-top:0px;padding-bottom:0px;margin-left:0px}
.contact.operating .info.last{padding-bottom:25px}
.marketing{margin-top:40px;}
.marketing .info{float:none;width:100%;margin-bottom:40px;}
.marketing.operating .info{width:auto;background-position:center bottom;padding-bottom:60px;background-image:none}
.marketing.operating .info:after{content:"";position:absolute;width:66px;height:90px;z-index:-1;background:url('../images/custom/icon_arrow_right.png') center center no-repeat;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);left:50%;margin-left:-33px;}
.marketing.operating .info.last:after{background-image:none;display:none}
.marketing.ip .info{width:100%}
.marketing.pinknsale_guide .info{width:100%}
.operating_guide .summary .info{float:none;width:100%;margin-bottom:40px;}
.service_spec > div{width:50%;margin-bottom:40px;}
.customize_list{padding-top:60px;}
.customize_list > div{display:block;width:100%;padding-bottom:20px;}
.customize_list > dl{display:block;width:100%;padding-left:0px}
.ceo_message{background-position:right bottom;background-size:60%;padding-bottom:300px;}
.ceo_message .ceo_sign{text-align:left}
.table .row{display:block;}
.table .table-cell{padding:15px 0px;display:block;width:100%;word-break:keep-all;}
.structure .row{padding:15px 0px;}
.structure .table-cell{width:100%;padding:10px 0px 10px 20px;}
.structure .table-cell.cell-lg{width:100%;}
.structure .table-cell.title{padding-left:20px;}
.history .row{padding:15px 0px;}
.history .table-cell.title{padding-left:20px;width:100%;padding-bottom:0px;}
.history .table-cell{padding:10px 0px 10px 20px;}
.environment .table-cell{padding:0px 0px 15px 0px;}
.environment .table-cell.title{padding:15px 0px 5px 45px;background-size:auto 24px;background-position:5px 15px;line-height:24px;font-size:14px;background-color:#fff;width:auto;}
.environment .table-cell dd{padding:0px 0px 0px 45px;line-height:24px;font-size:14px}
.ci{background-size:100%;padding-bottom:100px;background-position:center bottom;background-size:auto 90px;}
.ci-slogan .slogan .description{float:none;width:100%;}
.ci-slogan .slogan .slogan-text{float:none;width:100%;margin-top:23px;}
.ci-slogan .slogan .slogan-text div{font-size:28px;padding:20px 10px;text-align:center;}
form.search-form{position:relative;top:auto;bottom:auto;}
.culture dl{width:100%;float:none;background-position:center top;height:auto;}
.culture dl dt{padding:184px 0px 0px 0px;text-align:center;}
.culture dl dd{padding:20px 0px 0px;text-align:center;}
.recruitment.right_people dl{float:none;width:100%;}
.recruitment.right_people dl dt{height:154px;margin:0 auto;}
.recruitment.right_people dl dd{padding:20px 0px 40px;}
.recruitment.right_people dl.right_people_05{width:100%;}
.recruitment_step.table .row .table-cell{width:100%;border-left:0px solid #fff;}
.recruitment.recruitment_part .table .row{clear:both;}
.recruitment.recruitment_part .table .row.table-header .table-cell.title{width:25%;float:left;}
.recruitment.recruitment_part .table .row.table-header .table-cell.title.title-m{width:75%;}
.recruitment.recruitment_part .table .row.table-header .table-cell.title.title-m:last-child{display:none}
.recruitment.recruitment_part .table .row.table-header .table-cell.title.collection{display:none}
.recruitment.recruitment_part .table .row .table-cell.title{width:25%;float:left;font-size:14px;}
.recruitment.recruitment_part .table .row .table-cell{width:75%;float:left;text-align:center;}
.recruitment.recruitment_part .table .row .table-cell:nth-child(2){display:none;}
.recruitment.recruitment_part .table .row .table-cell.collection{display:none;}
.recruitment.recruitment_part .table .row .table-cell dd{font-size:13px;text-align:left;padding-left:10px;}
.bg_gray_m{display:none;}
.recruitment_way > div{width:100%;float:none;padding-left:0px;padding-bottom:40px;}
.recruitment_way dl{padding-top:130px;padding-left:0px;background-position:center top;}
.recruitment_way dl dt{text-align:center;}
.recruitment_way dl dd{text-align:center;}
.location h4{padding:40px 0px 20px;font-weight:bold;}
.location .map{float:none;width:100%;height:200px;margin-bottom:20px;}
.location .map iframe{width:100%;height:100%;}
.location .address{float:none;width:100%;margin-bottom:60px;}
.location .address dl{padding-bottom:0px;}
.location .address dd{white-space:normal}
.location .address span{display:none;}
.article-list table thead tr td.article-list-title{text-align:center;}
.article-list-user{display:none;}
.article-list-date{display:none;}
.article-list-view{display:none;}
.article-detail .detail-attr{top:auto;bottom:27px;}
.popup-content{padding:15px;max-height:300px}
.popup-content li, .popup-content p, .popup-content li p{font-size:12px;line-height:23px;}
.popup-content table tr td a{line-height:18px;font-size:12px;}
.popup-content table tr th,.popup-content table tr td{line-height:18px;font-size:12px;}
#ceo-message-div iframe{width:300px;height:auto;}
}
@media screen and (max-width:340px){
	.container{padding:0px 12px;} 
	.top-bar{ display:none !important;}
}

@media screen and (max-width:768px){
	.top-bar{display:none !important;}
}
@media screen and (max-width:2000px) and (min-width:1600px){
	.top-bar{top:400px !important;}
}
@media screen and (max-width:1599px) and (min-width:1200px){
        .top-bar{top:250px !important;}
}

@media screen and (max-width:979px) and (min-width:768px){
.top-bar{display:none !important;}
#services-box{float:left;width:49%;margin-top:60px;}
#services-box:nth-child(odd){border-left:1px solid #ccc;}
.team-interview{padding-left:60%;}
.partner > div.title{padding-bottom:0px;background-position:left 15px;}
.marketing.pinknsale_guide .info{float:left;width:50%;}
.marketing.pinknsale_guide dl{padding-right:40px}
.marketing.pinknsale_guide dl dd{padding-bottom:20px;}
.marketing.pinknsale .info{width:33.33%;float:left;position:relative;}
.client li{width:32.4%;}
.operating_guide .summary .info{float:left;width:50%;min-height:140px;}
.contact.operating a{width:45%;}
.contact.operating a.btn_white.first{margin-right:10px;}
.contact.operating .info{width:50%;float:left;}
.ceo_message{background-size:280px;}
.culture dl{float:left;width:50%;min-height:320px;}
.location .map{height:400px;}
.location .map iframe{height:400px}
.popup-content{max-height:500px;}
#ceo-message-div iframe{width:700px;height:auto;}
}
@media screen and (max-width:980px) and (min-width:980px){.header .header-inner, .container, .copyright, .footer{width:auto;padding:0 20px;box-sizing:border-box;}
a.contact-button{width:auto;}
.client_banner .client{display:inherit !important;float:left !important;margin:0 2.4% 10px 0 !important;width:17.7% !important;}
.client_banner .last{margin-right:0 !important;}
.contact-button{margin-top:30px;}
.arrow-down{bottom:80px;}
.services-box{width:24.80%;display:inline-block;margin-bottom:20px;padding:20px;}
.services-box h2{font-size:22px;}
.services-box .read-more{width:52%;}
.message-thumb{width:auto;}
.news-box{width:23%;display:inline-block;margin-bottom:30px;}
.news img{margin:0;}
.testimonial-box{width:48%;display:block;margin-bottom:30px;}
.testimonial-post{width:65%;}
#some-facts{width:82%;margin:auto;}
#some-facts li{display:inline-block;margin:0 13px;}
.skill{width:48%;float:left;margin-bottom:50px;}
.team-members{width:48%;float:right;}
.team-col{width:42%;float:left;margin:0 0 40px 35px;}
.team-col img{min-width:100%;height:100%;}
#signup-newsletter{padding:0;}
.newsletter{width:37%;float:left;background:url(../images/sepretor-arrow.png) no-repeat top right;border-bottom:none;padding:2% 0 2.3% 2%;margin-bottom:0;text-align:left;}
.newsletter h2{text-align:left;}
.contact-banner h3{font-size:28px;padding-bottom:30px;}
.newsletter-form{width:60%;float:right;padding-right:0;}
.newsletter-form input[type="text"], .newsletter-form input[type="email"]{width:35%;float:left;}
.newsletter-form input[type="submit"]{width:auto;}
.sicons{width:68%;margin:auto;}
.footer-col-1{margin:0 45px 50px 0;}
.footer-col-1 h2{font-size:20px;}
.footer-col-3 h2{font-size:28px;}
.top-bar{top:50px;}
#services-box{min-height:360px;}
}