.mobile_header { width: 100%; height: 6rem; position: fixed; padding: 1.5rem 1.5rem; background-color: #FFFFFF; z-index: 100 }
.mobile_header .logo { float: left; height: 3rem; max-width: 50%; }
.mobile_header .logo img { height: 3rem; max-width: 100%; }
.mobile_header .mcall { float: right; display: inline-block; width: 3rem; height: 3rem; padding: 0.5rem; margin-right: 1em; overflow: hidden; }
.mobile_header .menu_icon { float: right; display: inline-block; width: 3rem; height: 3rem; padding: 0.5rem; background: url(../images/menu_icon.png) no-repeat; background-size: contain; background-origin: content-box; border: 1px solid #E0E0E0; border-radius: 0.2rem; overflow: hidden; }
.mobile_header .menu { display: none; position: absolute; top: 6rem; left: 0; width: 100%; height: auto; padding: 1.5rem; z-index: 99; background-color: #333333; box-shadow: 0 0 0.2rem rgba(0,0,0,0.2); }
.mobile_header .menu li { width: 100%; padding: 1rem 1.5rem; border-bottom: 0.1rem solid #222; }
.mobile_header .menu li a { display: block; width: 100%; height: 100%; font-size: 1.4rem; color: #FFFFFF; }



#willesPlay{
    height: 600px;
}

@media (min-width:1600px) {
.container { margin: 0 auto; width: 1420px; }
    #willesPlay{
        height: 600px;
    }
}
.wrap { margin: 0 auto; width: 65%; }
.ses { color: #bfa550 }
.header { width: 100%; height: 120px; background-color: #FFFFFF; }
.top-bar { width: 100%; height: 30px; background: #2c2c2c }
.columns { float: right; margin-left: 10px; }
.phone-qq { padding: 0; }
.phone-qq a { display: inline-block; margin-right: 20px; line-height: 30px; color: #a2a1a1; }
.phone-qq i { margin-right: 1px; }
.phone-qq strong { font-size: 1em; color: #bfa550; font-style: normal; }
.icon-phone { padding: 3px 15px; background: url(../images/phone.png) center no-repeat; }
.icon-QQ { padding: 3px 15px; background: url(../images/qq.png) center no-repeat; }
.column { padding: 15px 0; /*height: 90px;*/ }
.header .logo { float: left; height: 60px; width: 210px; width: auto; }
.header .logo img { height: 60px; width: 202px; }
.header .nav { float: right; margin-top: 7px; }
.header .nav ul { height: 60px; line-height: 60px; width: 100%; overflow: hidden; }
.header .nav ul li { float: left; margin-left: 10px; }
.header .nav ul li a { color: #646464; font-size: 1.315em; line-height: 120%; display: block; height: 100%; padding: 10px 20px; }
.header .nav ul li a:hover { border-bottom: 3px solid #d9b76b; color: #d9b76b; }
.header .nav ul .on a { border-bottom: 3px solid #d9b76b; color: #d9b76b; }
.links { line-height: 22px; margin: 10px 0 20px; }
.links span, .links a { font-size: 14px; color: #CCCCCC; padding-right: 10px; }
.links a:hover, .links a:active, .links a:focus { color: #FFFFFF; }
.footer { background-color: #2c2c2c; padding: 15px 0; }
.footer .footer_ewm { padding-left: 0; }
.footer .footer_ewm img { max-width: 100%; }
.footer .footer_contact { padding: 0; }
.footer .footer_contact li { font-size:1em; line-height: 24px; color: #CCCCCC; }
.footer .footer_nav { width: 100%; padding: 0; overflow: hidden; text-align: center; margin-bottom: .8em; }
.footer .footer_nav li { float: left; height: 14px; line-height: 14px; overflow: hidden; }
.footer .footer_nav li a { padding-right: 10px; font-size:1em; color: #CCCCCC; }
.footer .footer_nav li + li { padding-left: 10px; border-left: 1px solid #CCCCCC; }
.footer p { width: 100%; margin-bottom: 10px; overflow: hidden; color: #cccccc; }
.footer p a { font-size:1em; color: #CCCCCC; }
.page_top { width: 100%; }
.page_top a { display: block; width: 100%; }
.page_top a img { width: 100%; height: auto; }
.page_nav_box { width: 100%; margin: 20px 0 30px; }
.page_nav_box .page_pos { text-align: right; font-size: 14px; color: #646464; line-height: 46px; }
.page_nav_box .page_pos span { padding-left: 18px; background: url(../images/pos.png) no-repeat left center; }
.page_nav_box .page_pos a { font-size: 14px; color: #646464; }
.page_nav_box .page_pos a:last-child { font-weight: bold; }
.sub_nav ul li { height: 46px; line-height: 46px; white-space: nowrap; -webkit-tap-highlight-color: rgba(0,0,0,0.3); overflow: hidden; background-color: #DDDDDD; }
.sub_nav ul li a { display: block; padding: 0 20px; font-size: 16px; color: #646464; }
.sub_nav ul li.on { color: #FFFFFF; background-color: #E8A651; }
.sub_nav ul li.on a { color: #FFFFFF; }
.page_left { padding-left: 0; margin-bottom: 20px; overflow: hidden; }
.page_right { margin-bottom: 20px; padding-right: 0; overflow: hidden; }
.page_content { padding: 20px; background-color: #FFFFFF; }
.mod_pagination { display: block; width: 100%; overflow: hidden; text-align: right; }
.mod_pagination li { display: inline-block; }
.mod_pagination li a, .mod_pagination li span { color: #646464; }
.slideBox { position: relative; width: 100%; overflow: hidden; }
.slideBox .bd { width: 100%; height: 100%; }
.slideBox .bd a { display: block; position: relative; width: 100%; padding-bottom: 35%; }
.slideBox .bd a img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.slideBox .hd { width: 100%; position: absolute; bottom: 10px; left: 0; text-align: center; z-index: 2; overflow: hidden; }
.slideBox .hd li { display: inline-block; vertical-align: middle; width: 50px; height: 8px; background-color: #FFFFFF; }
.slideBox .hd li.on { background-color: #d9b76b; }
.slideBox .prev, .slideBox .next { position: absolute; top: 50%; width: 33px; height: 50px; margin-top: -25px; background-repeat: no-repeat; background-size: contain; cursor: pointer; }
.slideBox .prev { left: 5%; background-image: url(../images/banner_arrl.png); }
.slideBox .next { right: 5%; background-image: url(../images/banner_arrr.png); }
.index_section { padding: 6rem 0 4rem; }
.index_section .index_section_hd { font-size: 24px; margin-top: 30px; color: #444444; padding-bottom: 40px; background: url(../images/pattern.png) no-repeat center bottom; }
/*.bg01 { background-color: #f8f3ed; }*/
.column_figure { width: 100%; height: 0; padding-bottom: 55.946%; position: relative; overflow: hidden; }
.column_figure img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.column_content { padding: 1.5rem; background-color: #FFFFFF; border: 1px solid #FFFFFF; border-top: 0; margin-bottom: 2rem; }
.column_content .column_title { font-size: 1.8rem; color: #666666; line-height: 3.5rem; height: 3.5rem; overflow: hidden; }
.column_content .column_con { height: 11rem; margin: 1rem 0; font-size: 1.4rem; line-height: 2.2rem; color: #666666; overflow: hidden; }
.column_content .column_btn { margin-bottom: 0.5rem; }
.column_content .column_btn a { display: inline-block; width: 6rem; height: 6rem; text-align: center; line-height: 6rem; border-radius: 50%; border: 1px dashed #666666; font-size: 1.4rem; color: #666666; }
.column_content .column_btn a:hover { color: #E8A651; text-decoration: none; }
.column_content:hover { border-color: #E8A651; }
/*server*/
.planning { text-align: center; }
.planning .sx { border-right: 1px solid #dbdbdb; margin-bottom: 1.5rem; }
.planning a { display: block; margin-bottom: 15px; padding: 0; color: #3a3a3a; }
.planning a span.img_icon { display: block; width: 90px; height: 90px; margin: 0 auto 14px auto; }
.planning a span.icon1 { background-image: url(../images/icon1.png); background-position: center; background-repeat: no-repeat; }
.planning a span.icon2 { background-image: url(../images/icon2.png); background-position: center; background-repeat: no-repeat; }
.planning a span.icon3 { background-image: url(../images/icon3.png); background-position: center; background-repeat: no-repeat; }
.planning a span.icon4 { background-image: url(../images/icon4.png); background-position: center; background-repeat: no-repeat; }
.planning h3.link_title { display: block; line-height: 24px; font-size: 20px; text-transform: uppercase; font-weight: 500; padding-bottom: 8px; color: #222222; }
.planning a:hover { text-decoration: none; }
.planning p { color: #a09f9f; font-size: 1.4rem; }
/*.adv_img { max-width: 100%; }
.adv_tit { margin-top: 10px; margin-bottom: 20px; font-size: 16px; font-weight: bold; color: #444444; }*/
.i-about { background: url(../images/ab_bg.png) top center no-repeat; text-align: center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center; min-height: 500px; }
.twitter h3 { color: #d9b76b; margin-bottom: 0.8rem; text-transform: uppercase; font-size: 2.2em; font-weight: 300 }
.twitter h4 { color: #999999; text-transform: uppercase; font-size: 1em; font-weight: 100; letter-spacing: 5px; }
.imb i.twt { width: 200px; height: 200px; background: url(../images/imb-logo.png)no-repeat; background-size: 100%; display: inline-block; }
.imb { width: 72%; margin: 2em auto; background: rgba(225,225,225,0.2); display: block; }
.imb dl { overflow: hidden; padding: 2em 3%; }
.imb dl dt, .imb dl dt img { width: 45%; float: right; vertical-align: top; }
.imb dl dd { width: 50%; float: left; overflow: hidden; }
.imb dl dd p { text-align: left; font-size: 14px; text-indent: 2em; color: #d6dcdd; font-size: 1.065em; line-height: 1.8em; margin-bottom: 0.5em; }
.twitter span { height: 4px; width: 10%; background: #d9b76b; display: inline-block; }
.twitter a { color: #d6dcdd; display: block; margin-top: 1em; font-size: 1.2em; }
.twitter a:hover { text-decoration: none; color: #d9b76b; }
.sec-title { padding-bottom: 30px; }
.main_bg { background: #eeeeee; }
.medium { text-align: center; margin: 30px auto }
.medium-btn { color: #d9b76b; font-size: 1.2em; line-height: 2.6em; border: 1px solid #d9b76b; padding: 0.8em 1.8em; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.medium-btn:hover { background: #d9b76b; color: #fff; }
/* start cauresol */
.sec04 { padding: 0px; }
.nbs-flexisel-container { padding: 4% 0; position: relative; max-width: 100%; }
.nbs-flexisel-ul { position: relative; width: 9999px; margin: 0px; padding: 0px; list-style-type: none; text-align: center; }
.nbs-flexisel-inner { overflow: hidden; width: 90%; margin: 0 auto; }
.nbs-flexisel-item { float: left; margin: 0px; padding: 0px; cursor: pointer; position: relative; line-height: 0px; }
.nbs-flexisel-item > img { width: 200px; height: 100px; cursor: pointer; position: relative; margin-top: 10px; margin-bottom: 10px; max-width: 150px; max-height: 71px; }
/*** start cauresol  navigation ***/
.nbs-flexisel-nav-left, .nbs-flexisel-nav-right { width: 30px; height: 55px; margin-top: 4%; position: absolute; cursor: pointer; z-index: 100; }
.nbs-flexisel-nav-left { left: 0px; background: url(../images/img-sprite-lt.png) center no-repeat; }
.nbs-flexisel-nav-right { right: 0px; background: url(../images/img-sprite-rt.png) no-repeat; }
.news_slide_box { margin-top: 22px; position: relative; width: 100%; overflow: hidden; }
.news_slide_box .bd { width: 100%; height: 100%; }
.news_slide_box .bd a { display: block; position: relative; width: 100%; padding-bottom: 75.3%; }
.news_slide_box .bd a img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.news_slide_box .bd a span { display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 4rem; padding: 0 1.5rem; line-height: 4rem; font-size: 1.6rem; color: #FFFFFF; background-color: rgba(252,143,2,0.4); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.news_slide_box .prev, .news_slide_box .next { position: absolute; top: 50%; width: 3rem; height: 10rem; margin-top: -5rem; background-repeat: no-repeat; cursor: pointer; background-color: rgba(84,84,84,0.4); background-position: center center; }
.news_slide_box .prev { left: 0; background-image: url(../images/slide_arrl.png); }
.news_slide_box .next { right: 0; background-image: url(../images/slide_arrr.png); }
.news_list { margin-bottom: 60px; }
.news_list li { margin-top: 22px; overflow: hidden; }
.news_list li .news_pic { padding-left: 0; }
.news_list li .news_pic a { display: block; position: relative; padding-bottom: 65.82%; }
.news_list li .news_pic img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; }
.news_list li .news_tit { display: block; font-size: 16px; color: #323232; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.news_list li .news_tit:hover { color: #E8A651; }
.news_list li .news_time { margin-top: 10px; font-size: 14px; color: #999999; overflow: hidden; }
.news_list li .news_desc { height: 40px; line-height: 20px; font-size: 14px; color: #646464; margin-top: 10px; overflow: hidden; }
.news_list_2 li { margin: 0 0 15px; padding-bottom: 15px; border-bottom: 1px dashed #DDDDDD; }
.article .article_hd { width: 100%; margin-bottom: 10px; }
.article .article_hd h1 { font-size: 18px; color: #323232; line-height: 24px; }
.article .article_hd h6 { font-weight: 400; font-size: 12px; color: #646464; margin-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #E0E0E0; }
.article .article_hd h6 span { padding: 0 5px; }
.article .article_bd img { display: block; margin: 10px auto; max-width: 100%; }
.pagination2 { margin: 20px auto; line-height: 40px; background-color: #EEEEEE; }
.pagination2 .prev, .pagination2 .next { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pagination2 .prev a, .pagination2 .next a { font-size: 14px; color: #646464; }
.pagination2 .prev a:hover, .pagination2 .next a:hover { color: #E8A651; }
.pagination2 .prev { border-right: 1px solid #DDDDDD; }
/*tu*/
.work { position: relative; text-align: center; }
.work-image { display: block; position: relative; max-height: 16rem; overflow: hidden; -webkit-transition: box-shadow 0.2s ease; transition: box-shadow 0.2s ease; }
.work-image img { width: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
.work-image:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); }
.link-overlay { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,0); -webkit-transition: background-color 0.3s ease; transition: background-color 0.3s ease; }
.work-image:hover .link-overlay { background-color: rgba(0,0,0,0.6); background-image: url(../images/video_play.png); background-position: center; background-repeat: no-repeat; background-size: 20% }
.work .w-name { mcolor: #555555; }
.pro_item { margin-top: 30px; }
/*.pro_item .pro_pic { display: block; position: relative; width: 100%; padding-bottom: 63.7%; }
.pro_item .pro_pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }*/
.pro_item .pro_tit { display: block; padding:10px; border: 1px solid rgb(206, 206, 206); border-top: 0; background-color: #eeeeee; font-size: 16px; color: #555555; text-shadow: 0 1px 0 #ffffff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.pro_item .pro_tit:hover { border-color: #dab866; color: #ffffff; background-color: #dab866; text-shadow: none; }
.product_list_2 .pro_item { margin: 0 0 30px; }
.product_list_2 .pro_tit { border-color: #d2d2d2; }
.product_pic { border-right: 1px solid #DDDDDD; }
.product_pic img { max-width: 100%; }
.pro_name { margin: 10px 0; font-size: 22px; color: #323232; }
.pro_attr li { font-size: 14px; color: #898989; line-height: 30px; margin-top: 5px; }
.pro_attr .case_price span { color: #fc3526; }
.pro_attr .case_tag { padding: 0 10px; background-color: #f7f8fa; }
.pro_attr .case_tag span { font-size: 14px; white-space: nowrap; }
.product_infor .product_infor_hd { padding: 5px 20px; margin: 30px 0 20px; font-size: 20px; color: #323232; box-shadow: 0 0 2px rgba(0,0,0,0.4) inset; background-color: #f5f5f5; }
.contact_box .contact_box_t { font-size: 16px; color: #FFFFFF; padding: 0 10px; height: 35px; line-height: 35px; background-color: #E8A651; overflow: hidden; }
.contact_box .contact_box_t span { display: inline-block; vertical-align: top; margin-right: 10px; width: 10px; height: 100%; background-color: #f2f2f2; }
.contact_box .contact_box_b { padding: 10px 10px 11rem; background: #F2F2F2 url(../images/gb_4.png) no-repeat center bottom; background-size: contain; }
.contact_box .contact_box_b li { font-size: 14px; line-height: 24px; color: #333333; margin-bottom: 5px; }
.recruit_name { font-size: 18px; line-height: 30px; color: #2f8fe1; }
.recruit_con_sec { width: 100%; margin-bottom: 10px; }
.recruit_con_sec .sec_tit { padding: 10px 0; line-height: 1.5; font-size: 16px; color: #585858; overflow: hidden; }
.recruit_con_sec .sec_con { width: 100%; overflow: hidden; line-height: 22px; font-size: 14px; padding: 0 10px; }
.recruit_con_sec .sec_con li { float: left; width: 50%; padding-bottom: 5px; color: #646464; overflow: hidden; }
.recruit_con_sec .sec_con li.long { float: none; width: 100%; }
.contact_way ul { padding-top: 20px; }
.contact_way ul li { font-size: 14px; margin-bottom: 15px; color: #323232; }
.contact_way ul li i { display: inline-block; vertical-align: top; width: 20px; height: 20px; background-repeat: no-repeat; background-position: left top; }
.contact_way ul li .contact_adr { background-image: url(../images/icon1.png); }
.contact_way ul li .contact_tel { background-image: url(../images/icon2.png); }
.contact_way ul li .contact_email { background-image: url(../images/icon3.png); }
.message_form { margin: 10px auto 30px; height: auto; overflow: hidden; }
.message_form .form-group { width: 100%; margin-bottom: 10px; }
.message_form .form-group .control-label { margin-bottom: 10px; font-size: 16px; color: #646464; font-weight: 400; }
.message_form .form-group .control-label span { color: #FF0000; }
.message_form .form-group .form-control { border: 1px dashed #b6b6b6; background-color: #EEEEEE; }
.message_form .form-group .form-control.false { border-color: #FF0000; }
.message_form .form-group .beizhu-control { width: 100%; height: 100px; }
.message_form .form-group .submint_btn { margin-top: 20px; display: inline-block; vertical-align: middle; padding: 5px 30px; font-size: 16px; color: #FFFFFF; background-color: #E8A651; cursor: pointer; }
/*------------------------------------------------------
	HEADER STYLES 
--------------------------------------------------------*/
.site-header { position: fixed; top: 0; left: 0; width: 100%; background: white; box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 3px; -moz-box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 3px; -webkit-box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 3px; z-index: 9999; padding: 0; overflow: visible; transition: padding 0.3s ease-in-out; -moz-transition: padding 0.3s ease-in-out; -webkit-transition: padding 0.3s ease-in-out; }
.site-header.site-header-shrink { padding: 0; }
.main-nav { margin-top: 0.525em; }
.main-nav ul li { float: left; display: block; margin-left: 20px; position: relative; }
.main-nav ul li span { display: block; font-size: 12px; color: #CCC; text-align: center }
.main-nav ul li a { color: #646464; font-size: 1.125em; text-transform: uppercase; padding: 5px 15px; display: block; }
.main-nav ul li a:hover { color: #f1f4f5; background: #dab866; }
.main-nav ul li a i { margin-left: 7px; }
.main-nav ul li.active a { color: #f1f4f5; background-color: #dab866; }
.main-nav ul li ul { display: none; top: 100%; left: 0; margin-top: 5px; position: absolute; width: 110px; background-color: #212121; }
.main-nav ul li ul li { margin-left: 0; width: 100%; border-bottom: 1px solid #3d3d3d; }
.main-nav ul li ul li:last-child { border-bottom: none; }
.main-nav ul li ul li a { font-size: 1em; background-color: transparent; color: #929292 !important; }
.main-nav ul li ul li a:hover { background-color: #d9b76b !important; color: #fff !important; border-radius: 0; }
.main-nav ul li ul li:last-child a { border-bottom: none; }
a.menu-toggle-btn { float: right; margin-right: 20px; color: #31373a; font-size: 14px; display: block; }
a.menu-toggle-btn i { font-size: 18px; }
.main_menu li { border-bottom: 1px solid #485156; padding: 10px 0; }
.main_menu li:first-child { padding-top: 0; }
.main_menu li:last-child { border-bottom: none; padding-bottom: 0; }
.main_menu li a { font-size: 14px; font-family: "Raleway", sans-serif; color: #bfbfbf; font-weight: 500; }
.main_menu li ul li { margin-left: 20px; }
.main_menu li ul li:first-child { border-top: 1px solid #485156; padding-top: 8px; margin-top: 10px; }
.main_menu li ul li:before { content: '-'; color: gray; margin-right: 10px; }
.responsive_menu { padding: 20px; background-color: rgba(49, 55, 58, 0.98); display: none; position: relative; z-index: 9999; }
/*banner*/
#portfolio { background-image: url("../images/portfolio.jpg"); }
.parallax { background-attachment: fixed; background-repeat: no-repeat; background-position: center center; background-size: cover; color: #fff; overflow: hidden; }
.parallax-overlay { background-color: rgba(0, 0, 0, 0.65); }
.pageTitle { padding-top: 50px; padding-bottom: 50px; }
.page-title { color: #dab866; margin: 5px 0 0 0; font-size: 30px;/*font-weight: 600;*/ }
.page-location { background-color: rgba(0, 0, 0, 0.4); display: inline-block; font-size: 14px; padding: 7px 12px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.page-location a { color: #ffffff !important }
/*------------------------------------------------------
	Portfolio Styling 
--------------------------------------------------------*/
.portfolio { margin-top: 40px; }
#Grid .mix { display: none; opacity: 0; }
#filters { margin: 40px auto; text-align: center; overflow: hidden }
#filters li { cursor: pointer; margin-right: 10px; display: inline-block; line-height: 35px; text-align: center }
#filters li span { display: block; line-height: 35px; padding: 0 20px; position: relative; color: #3a3a3a; font-size: 14px; letter-spacing: 1px; }
#filters li.active span { background-color: #d9b76b; color: #fff }
#filters li:hover span { background-color: #262626; color: #fff }
/*#filters li:after { content: '/'; color: #c3c3c3; margin-left: 20px; }
#filters li:last-child:after { content: ''; }
#filters li.active { color: #00a8d6; }
.pages { margin: 20px 0 100px 0; }
.pages li { display: inline; margin-right: 10px; }
.pages li a { padding: 10px 12px; background-color: #f1f4f5; color: #31373a; }
.pages li a.active { color: #bfa550; }*/
/**** Isotope Filtering ****/
.isotope-item { z-index: 2; }
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; }
.portfolio-holder .item { margin: 0 1px 40px 1px; }
.portfolio-holder .item img { display: block; width: 100%; height: auto; }
.portfolio-post { overflow: hidden; margin-bottom: 30px; }
.thumb-post { display: block; position: relative; overflow: hidden; }
.thumb-post .overlay { position: absolute; top: 0; left: 0; min-width: 100%; height: 100%; visibility: hidden; opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -ms-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; }
.thumb-post .overlay .overlay-inner {     width: 100%; height: 100%;background: #191919; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; }
.thumb-post:hover .overlay { opacity: 1; visibility: visible; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.portfolio-infos { text-align: center; padding: 4em 2em }
.portfolio-infos a { color: white; }
.portfolio-infos .portfolio-title { margin: 10px 0 0 0; font-weight: 400; font-size: 20px; line-height:1.6; }
.portfolio-infos .meta-category { font-size: 14px; color: white; }
.thumb-post { min-height: 16em; }
.thumb-post img { width: 100%; height: auto; }
/*show*/
.project-single { color: #777777; margin-top: 100px; margin-bottom: 100px; }
.project-single .project-title { font-weight: 600; font-size: 24px; margin: 0 0 35px 0; line-height: 36px; color: #31373a; }
.project-single .subtitle { font-size: 14px; color: #aaaaaa; }
.project-single .description { margin-bottom: 40px; }
.project-single .meta-post li { display: block; margin-bottom: 15px; }
.project-single .meta-post li span { color: #31373a; margin-right: 10px; }
.project-single .meta-post li a { color: #777777; }
.project-single .meta-post li a:hover { color: #00a8d6; }
.project-img { overflow: hidden; }
.project-img img { width: 100%; height: auto; }
/*cus*/
.cus { padding: 0 10px }
.cus .title { font-size: 24px; color: #EC054B; line-height: 100%; padding-bottom: 15px; }
.cus .desc { color: #999; font-size: 1em; padding-bottom: 15px; }
.cus .bd { overflow: hidden; padding: 10px 0; }
.cus .bd li { margin: 0px; float: left; _display: inline; width: 8%; overflow: hidden; text-align: center; margin-right: 2%; margin-bottom: 1rem; }
.cus .bd li img { width: 100%; display: block; border: 2px solid #eee; }

@media (max-width: 768px) {
.cus .bd li { width: 14%; margin-right: 5% }
    #willesPlay{
        height: 300px;
    }
#udesk-feedback-tab1{
    display: none !important;
}

    #udesk-feedback-tab2{
        display: block !important;
    }

}
/*product*/
.title-02 { padding: 2rem 0; text-align: center; }
.title-02 h2 { font-size: 24px; margin-bottom: 10px; }
.title-02 h3 { font-size: 18px; line-height: 1.7; }
.al-nav { text-align: center; }
.al-nav li { display: inline-block; width: 45%; margin: 0 2% 15px; }
.al-nav li a { display: block; font-size: 14px; border-radius: 5px; background: #f1f2f6; color: #dab866; line-height: 40px; padding: 0 20px; }
.al-nav li a:hover, .al-nav li a.dq { background: #dab866; color: #fff; }
.sy-allist { padding: 0 15px; }
.sy-allist li { padding: 0 10px; margin-bottom: 20px; }
.sy-allist li .sy-albox { background: #fff; border: 1px #dbdbdb solid; box-shadow: 0 0 10px rgba(219,219,219,0.5); }
.sy-allist li .sy-albox img { width: 100%; vertical-align: middle }
.sy-allist .sy-albox h3 { padding: 0 10px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px; line-height: 36px; padding-top: 5px; }
.sy-allist .sy-albox p { margin: 0 10px 10px; line-height: 22px; height: 4rem; overflow: hidden; }
.sy-allist li:hover .sy-albox { border-color: #dab866; box-shadow: 0 0 10px rgba(254,248,194,0.5); }
.acvd { padding: 10px 30px; font-size: 14px; line-height: 1.7; }
.acvd img { margin-bottom: 15px; width: 100% }
.al-page { margin-top: 20px; margin-bottom: 10px; border-top: 1px #ddd dashed; padding-top: 15px; line-height: 1.7; }
.al-page li { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 30px; width: 100%; }
/*page*/
.pages { margin: 2em 0 5em 0; text-align: center }
.pages li { display: inline-block; margin-right: 10px; margin-bottom:6px; }
.pages li a { padding: 10px 14px; display:block;background-color: #f1f4f5; color: #31373a; }
.pages li a:hover { background-color: #bfa550 }
.pages li a.active { color: #bfa550; }


.pages a { padding: 10px 14px; background-color: #f1f4f5; color: #31373a;display: inline-block;
    margin-right: 10px;
    margin-bottom: 6px; }
.pages  a:hover { background-color: #bfa550 }
.pages  a.pages_on { color: #bfa550; }

/*archive*/
.arc-posts { margin-top: 6rem }
.archive-wrapper { margin-bottom: 4rem; text-align: justify; }
.archive-wrapper p { color: #777777; margin-bottom: 1.2em; font-size: 14px; line-height: 2rem; }
.archive-wrapper img{ max-width:100%}
.archive-wrapper .archive-title { font-size: 18px; font-weight: 700; margin: 0px 0 20px 0; }
.archive-wrapper h2 { border-left: 5px solid #dab866; font-size: 1.6em; margin-bottom: 1em; padding-left: 0.5em }
.archive-wrapper .slogan { background: #dab866; color: #fff; font-size: 1.4em; line-height: 2em; display: inline-table; padding: 0 3em }
.archive-wrapper .qy { font-size: 1.4em; padding-right: 1.2em; color: #dab866; }
/*.archive-wrapper .archive-list {
  margin-top: 20px;
}
.archive-wrapper .archive-list li {
  line-height: 28px;
}
.archive-wrapper .archive-list li:before {
  content: '-';
  color: #aaaaaa;
  margin-right: 10px;
}*/
/*------------------------------------------------------
	Sidebar Styling 
--------------------------------------------------------*/
.sidebar { margin-top: 6rem; margin-bottom: 6rem; }
.sidebar-widget { margin-bottom: 60px; }
.widget-title { font-size:2rem; font-weight: 500; margin: 0 0 30px 0; }
.last-post { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #dce4e6; }
.last-post .thumb { overflow: hidden; margin-right: 15px; border-radius: 3px; }
.last-post .thumb img { width: 100%; }
.last-post .content { line-height:1.6 }
.last-post .content span { color: #aaaaaa; font-size: 14px;  }
.last-post .content h4 { font-size: 16px; font-weight:500; margin:5px 0; }
.last-post .content h4 a { color: #31373a; }
.last-post .content h4 a:hover { color: #dab866; }




@media (max-width:767px) {
.footer .links { margin-bottom: 10px; }
.footer .footer_nav { margin-top: 10px; }
.page_nav_box { margin-bottom: 10px; }
.page_nav_box .page_pos { text-align: left; }
.page_left, .page_right { padding: 0; }
.mod_pagination { text-align: center; }
.slideBox .hd { bottom: 0; }
.slideBox .hd li { height: 5px; }
.news_list li .news_tit { margin-top: 10px; }
.news_list li > div { padding: 0; }
.pagination2 .prev { border-right: none; }
.product_list .pro_item .pro_tit { font-size: 14px; }
.product_list_2 .pro_item { padding: 0 5px; }
.product_pic { margin-bottom: 30px; border-right: none; }
.recruit_con_sec .sec_con li { float: none; width: 100%; }
.pageTitle { text-align: center; }
.pageTitle .text-right { text-align: center; }
.page-location { display: inline-block; margin-top: 30px; }
.project-img { margin-bottom: 40px; display: block; }
.m-widget { position: relative; margin-top: 5em }
.project-single { margin-top: 50px; }
.arc-posts { margin-top: 50px; }
.sidebar { margin-top: 50px; }
.sy-allist li { width: 100%; }
.work-image img{ min-height:auto;}
.imb { width: 100%; }
.imb dl dt img, .imb dl dt { width: 100%; height: auto; }
.imb dl dd { width: 100%; height: auto; margin-top: 20px; }
}

@media (min-width: 768px) {
.first-widget { position: relative; margin-top: 8.5em; }
.al-nav li { width: auto; margin: 0 10px 3rem; }
.al-nav li a { padding: 0 35px; }
    #willesPlay{
        height: 400px;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
.main-nav ul li a { font-size: 14px }
.visible-md { display: block!important; }
    #willesPlay{
        height: 400px;
    }
}