@charset "utf-8";
*{margin: 0;padding: 0;font-family:"微软雅黑";font-size: 14px;}
body{;-webkit-text-size-adjust: 100%;font-size: 14px;}
input,select,button,textarea{ border:none; border:none; outline:none;}
a,u{text-decoration:none;cursor: pointer;color:#666666;}
.logo a:hover{ opacity:1}
ol,ul,li {list-style: none;}
img{border: none;line-height: 1}
table{border-collapse:collapse;border-spacing:0; font:inherit;}
input,select,textarea{outline:none}
textarea{resize:none}
input,select,textarea{outline:none}
textarea{resize:none}
i,em,h1,h2,h3,h4,h5,h6{ font-style:normal; font-weight:normal}

a:hover{color: #0061b0;}

.clearfix { *zoom:1;/*IE/7/6*/}
.clearfix:before, .clearfix:after {content: "";display: table;}
.clearfix:after {clear: both;}

.section{ width: 1200px; margin: 0 auto;}
.section2{ width: 1280px; margin: 0 auto;}

.right{float: right;}
.left{float: left;}

.img2 {display: inline-block;}
.f14{font-size: 14px;color:#888888;}
.f16{font-size: 16px;color: #666666;}
.f24{font-size: 24px;color: #333333;}
.f44{font-size: 44px;color: #333333;}
.f45{font-size: 40px;color: #333333;}

.f14_fff{font-size: 14px;color: #FFFFFF;line-height: 30px;font-weight: normal;}
.f44_fff {font-size: 44px;color: #FFFFFF;padding-bottom: 30px;line-height:30px;font-weight: normal;}
.f44_333{font-size: 44px;color: #333333;padding-bottom: 30px;line-height:30px;font-weight: normal;}
.f14_666{font-size: 14px;color: #666666;}
.ff14_999{font-size: 14px;color: #999999;}

/*pro字体*/
.ff14_pro666{font-size: 14px;color: #666666;line-height: 30px;font-weight: normal;}
.ff14_pro333{font-size: 14px;color: #333333;line-height: 30px;font-weight: normal;
    overflow: hidden;}


.home_box{text-align: center;  overflow: hidden;}
/*arrow*/
.arrow{z-index: 999;width: 86px;line-height: 86px;text-align:center;position: fixed; opacity: 0.5; bottom: 20%;right: 2%;background-color: #a9a9a9;display: none }
.arrow:hover{opacity: 1;background-color: #0061b0;}
.arrow img{display: inline-block;  vertical-align: middle;}
/*移动bannerslide*/
.swiper-container{display: none;}
/*nav*/
.header{position:relative;width: 100%;box-shadow: 0 10px 10px #ebebeb;
    height: 95px;
}
.header-box .logo{float: left;/*width: 174px;*/height: 40px;
    padding-top: 27px;}
.header-box .logo a{display: block;}
.header-box .nav{float: right;height: 40px;line-height: 40px;}

.m_nav { height: 40px; float: right;/* width: 700px; */line-height: 40px;}
#tit_seaech{
    border: 1px solid #bf9c46;
    border-radius: 5px;
    height: 35px;
    margin-top: 27px;
}

/*.nav .slide {position: absolute;z-index: 999; top: 78px;left: 10%; width: 100%;padding: 20px 20px 40px 20px;;background-color: #fff;text-align: center;border-bottom: 1px solid #eee;box-shadow: 1px 2px 4px #eee;}*/
.nav .slide {position: absolute;z-index: 999; top: 94px;left: 0;
    height: 60px; width: 100%;/*padding: 40px 0;*/background: url("/Public/Images/home/phpcms/zh-cn/dhbj.png");text-align: center;border-bottom: 1px solid #eee;box-shadow: 1px 2px 4px #eee; op}
.slide_content{/*width: 1024px;*/margin: 0 auto;display: inline-block;}
.nav .slide_content ul li{/*width: 100px;*/height: 60px;
    line-height: 60px; float: left; text-align: center;font-size: 12px;color: #848484;/*background: url("/Public/Images/home/phpcms/zh-cn/footer-line.png") no-repeat 100% 0;*/}
.nav .slide_content .li_border{background: none;}
.nav .slide_content p{ margin: 0;line-height: 6px;}
.slide{display: none;}
.slide .active{transition: all ease-in .25s;  -webkit-transition: all ease-in .25s;}

.bot_line{display: none;  width: 100%;height: 2px; background: url("/Public/Images/home/phpcms/zh-cn/slip.png") no-repeat center center;position: absolute;bottom: 0;/*left: 40%;*/}


.nav ul li{/*position:relative;*/float: left;/*width: 86px;width: 100px;*/padding: 0 15px; text-align: center; font-size: 14px;color: #222222;
    line-height: 92px;}
.nav ul li a{  color:#333333;font-weight: bold;
    height:100%;
    display: block;
}
.nav ul li a:hover{color: #bf9c46;
    border-bottom:2px solid #bf9c46;}
.nav ul li.active a{color: #bf9c46;}

.nav ul li .slide_content li a{
    color: #333333;
}
.nav ul li .slide_content li a:hover,.nav ul li .slide_content li.on a{
    color: #bf9c46;
}

div#slide0{ left: -17%; padding-right: 20%}
div#slide1{ left: -10%; padding-right: 15%;}
div#slide2{ left: -3%; padding-right: 15%;}
div#slide3{ left: -1%; padding-left: 3%;}
div#slide4 {left: -7%;padding-right: 6%;}
div#slide5 {left: 0;padding-left: 11.5%;}
div#slide6 { left: 0; padding-left: 16%;}


/*搜索栏*/
.search img{  float: right;}
input.s_search{width: 20px;height: 20px;  border: none;background: url("/Public/Images/home/phpcms/zh-cn/search.png") no-repeat center right;cursor: pointer;}
input.s_btn {width: 600px;height: 20px;border: 1px solid #ddd;display: none;background-color: #fff;}
.search span{display:none;position:absolute;right:2px;top:10px;width:20px;height:20px;background: url("/Public/Images/home/phpcms/zh-cn/i_close.png") no-repeat center center;  float: right;}

.sea_btn{ float: right;width: 30px; cursor: pointer; height: 40px;border: none; background: url("/Public/Images/home/phpcms/zh-cn/search.png") no-repeat center;}
#tit_seaech .user_search{width: 190px; text-indent: 10px;  height: 26px;
    float: left;
    margin: 5px 0;
    border-right:1px solid #bf9c46;}
.m_nav span{display:none;/*position:absolute;right:2px;top:10px;*/width:20px;height:40px;background: url("/Public/Images/home/phpcms/zh-cn/i_close.png") no-repeat center center;  float: right;}

.m_nav{display: none;}


.search.nav_bar.hide_980.zz {display: none;}
.search.nav_bar.hide_980.zz input.s_search{width: 600px;}
/*banner*/
.banner{width: 100%;height:650px;}
/*.banner{position:relative;}*/
.baner{ width:100%; position:relative; overflow:hidden;}
.baner_box{ width:1024px;  margin: 0 auto;}
.n_banner{ width:1920px; overflow:hidden; display:block;  margin-left: -448px;}
.n_banner ul li{list-style: none;}
.atlas { width:999999px;}
.atlas li{ float:left;}
.atlas li img{ display:block;}
.n_banner .num{ position:absolute; width:100%; height:20px; bottom:5%; left:0; text-align:center;/* z-index:5;*/}
.n_banner .num a{width: 20px; height: 20px;/*width:12px; height:12px;*/ display:inline-block;/* border: 1px solid #fff;border-radius:10px;*/ margin:0 5px;
    background: url("/Public/Images/home/phpcms/zh-cn/icon_dot.png") no-repeat center center;}
.n_banner .num a.on{width: 20px; height: 20px; background: url("/Public/Images/home/phpcms/zh-cn/icon_dot2.png") no-repeat center center;}

.m-navwrap{display: none;}

#inner_ban .n_baner{ height:auto;}
#inner_ban .n_baner img{ width:100%; height:auto; max-width:1920px; display:block;}

.baner{ width:100%; position:relative; overflow:hidden;}
.baner_box{ width:1024px; margin:0 auto;}
.n_baner{ width:1920px; margin:0 -460px; overflow:hidden; display:block; position:relative;}
.atlas { width:999999px;}
.atlas li{ float:left;}
.atlas li img{ display:block;}
.n_baner .num{ position:absolute; width:100%; height:12px; bottom:5%; left:0; text-align:center; z-index:1;}
.n_baner .num a{ width:12px; height:12px; display:inline-block; border:1px solid #fff;border-radius:10px; margin:0 5px;}
.n_baner .num a.on{ background:#fff}
/*content*/
.content{display: table;width: 100%; height: auto;margin: 3px 0;}
.content ul li{position:relative;width:25%;*width:24%;text-align:center;height: auto;float: left;overflow: hidden;/*border-right: 3px solid #fff;*/}
.content ul li a{display: block;height: auto;/*border-right: 2px solid #ffffff;    border-top: 4px solid #ffffff;*/overflow: hidden;}
/*.content ul li a img{width:100%;}*/
.content .pro4 a{border-right: none;}
.pro_tit{position: absolute;top:18%;left: 5%;text-align:left;}
.pro_tit h3{font-size: 18px;color: #333;font-weight: normal;    margin: 12px 0;    text-align: center;}
.pro_tit p{ /*width: 225px;*/width:204px;top:0;font-size: 12px;line-height: 22px;color: #7e7e7e;    text-align: center;}
.content li.pro4 .pro_tit{top:20%;left: 10%;}
.content li.pro4 .pro_tit h3{color: #304d70;font-size: 20px;}
.content li.pro4 .pro_tit h3 i{font-style:normal;width:8px;height:8px;    padding: 16px 16px 0 0;background: url("/Public/Images/home/phpcms/zh-cn/a1.png") no-repeat right center;}
.content li.pro4 .pro_tit h3 span{width: 8px;height: 8px;padding: 0 16px 16px 0;background: url("/Public/Images/home/phpcms/zh-cn/a2.png") no-repeat right center;}
.content li.pro4 .pro_tit p{font-size: 14px;color: #304d70;}


/*2016 6 30*/
.content ul li.pro1 a,.content ul li.pro2 a,.content ul li.pro3 a{border-right: 3px solid #fff;}
.position{background: url("/Public/Images/home/phpcms/zh-cn/home.png") no-repeat left;padding-left: 35px;}
.tips{color:red;}

/*about */
.com_profile,.company.section.f14,.honor,.talent.section.f14,.introduce{text-align:center;/*margin-top: 38px;*/height: auto;display: table;/*margin-bottom: 136px;*/}/*join*/
.com_profile.company.section.f14 {padding: 78px 0 0 0;}
.com_profile_box ,.talent_box{padding-bottom: 102px;text-align: center;}
.com_profile .tit,.company .tit,.talent_box .tit,.introduce .tit,.market .tit,.advantage .tit,.process .tit,.honor .tit
,.talent_box.rent_bot.quality .talent .tit.f45
{display: inline-block;height: 88px;background: url("/Public/Images/home/phpcms/zh-cn/icon_line.png") no-repeat center bottom;    margin-bottom: 64px;}
.event .tit{
    padding-bottom: 50px;
    display: block;
}
.com_profile p{line-height: 30px;text-indent: 30px;text-align: left;}
.talent_box.rent_bot.quality .talent.section.f14{text-align: left;}
div#person_talent,div#recruitment_information{padding: 78px 0 0 0;}

.company ul li{float: left;width: 24.3333%;/*background-color: #00b7f1;*/}
.company ul li p{font-size: 30px;color: #333333;}
.company hr {display: inline-block;width: 146px;color: #d9d9d9;margin: 40px 0 20px 0;}
.company ul li a {display: block;text-align: center;line-height: 44px;    cursor: default;}
.company ul li a .icon {width: 146px;height: 146px;overflow: hidden;margin: 0 auto;border: 1px solid #aaa;border-radius: 50%; padding: 20px;/*background: #f0f0f0;*/position: relative;}
.company ul li a span{display: block; height: 80px;margin-bottom: 44px;transition: all ease-in .25s;-webkit-transition: all ease-in .25s;-moz-transition: all ease-in .25s; -ms-transition: all ease-in .25s;
    -o-transition: all ease-in .25s;}
/*.company ul li a:hover{ color:#d02928;}
.company ul li a:hover span.on{ margin-top:-120px;}
.company ul li a:hover .icon{ background:#0864ad;}*/

/*rent*/
.quality_icon.rent{  width: 30%;}
.quality_icon.rent ul li{ width: 50%;*width: 43%;
    float: left;/* width: 20%; padding: 0 15%;*/}

.talent_box.rent_p .talent p{background: none;padding: 0;}
.rent_f20{font-size: 20px;font-weight: bold;color: #444;}
.talent_box.rent_p .talent .rent_f14{font-size: 14px;color: #666666;font-weight: bold;}

/*talent_box rent_bot*/
.talent_box.rent_bot .talent h3,.talent_box.rent_bot .talent h4,.talent_box.rent_bot .talent h5{text-align: left;  background-image: none;color: #6f6f6f;font-weight: normal;}
.talent_box.rent_bot .talent h3{font-weight:bold;font-size: 16px;color: #333333;}
.talent_box.rent_bot .talent h4{font-weight:bold;margin: 30px 0;line-height: 26px;color: #6f6f6f;font-weight: normal;}
.talent_box.rent_bot .talent h4 .bot_f14{font-weight: bold;color: #333333;}
.talent_box.rent_bot .talent .bot_f14{font-size: 14px;color: #333333;}
/*.talent_box.rent_bot .talent h5{font-size: 14px;color: #666666;}*/
.talent_box.rent_bot .talent h5{font-size: 14px;color: #666666;}
/*.talent_box.rent_bot .talent h5 span{color: #6f6f6f;}*/
.talent_box.rent_bot .talent p{color: #6f6f6f; background: none;text-align: left; padding: 0;}
.talent_box.rent_bot.quality p.tit.f45{font-size: 44px;color: #333333;}


/*about-亚都品牌荣誉*/
.honor{width:100%;height:912px;background: url("/Public/Images/home/phpcms/zh-cn/bg_honor.jpg") no-repeat center center;}
.honor .tit{padding-top: 160px;}
.honor_content{position: relative;  width: 1028px;height: 380px;background: url("/Public/Images/home/phpcms/zh-cn/bg_honor2.png") no-repeat 0 0;background-size: 100%;}
.honor_box{position: absolute;  top: 35%; left: 6%;overflow: auto; width: 400px;    height: 120px; font-size: 14px; color: #fff;text-align: left; line-height: 24px;}
.honor_box p{float: none;background: url("/Public/Images/home/phpcms/zh-cn/icon_honor.png") no-repeat 0 0;  text-indent: 30px;  line-height: 30px;}

/*.honor_content .honor_right ul li a:hover{color: #1bac4a;}*/

/*about-亚都大事记*/
.event{text-align: center; padding-top: 78px;   /*margin-top: 78px;*/height: auto;display: table;width: 100%;padding-bottom:100px;}
.event_box{position:relative;background: url("/Public/Images/home/phpcms/zh-cn/event.jpg") no-repeat center center;height: 760px;}
.event_box h5{  font-size: 18px;color: #64637a;}
.event_box span{font-size: 14px;color: #666;}
.event_box ul li{width: 210px;text-align: left;}
.event_box ul li.h4{text-align: right;}
.event_box ul li.h11{text-align: right;}
li.h1 {position: absolute;top: 0;right: 22%;}
li.h2 {position: absolute;top: 13%;left: 33%;}
li.h3 {position: absolute;top: 20%;left: 58%;}
li.h4 {position: absolute;top: 34%;left: 4%;}
li.h5 {position: absolute;top: 46%;left: 33%;}
li.h6 {position: absolute;top: 32%;left: 62%;}
li.h7 {position: absolute;top: 60%;left: 62%}
li.h8 {position: absolute;top: 60%;left: 38%;}
li.h9 {position: absolute;top: 58%;left: 4%;}
li.h10 {position:absolute;top: 74%;left: 55%;}
li.h11 {position: absolute;top: 86%;left: 28%;}



/*join*/
.talent_box.rent_bot h5,.talent p{display: block;font-size: 14px;height: auto;padding-top: 26px;line-height: 30px;background: url("/Public/Images/home/phpcms/zh-cn/icon_line_person.png") no-repeat top center;)}
.talent p span{    display: inline-block;margin: 10px 0 0 0;font-size: 20px;color: #333333;}
.talent i{display: inline-block;width: 1088px;font-style: normal;/*background: url("/Public/Images/home/phpcms/zh-cn/icon_line_two.png") no-repeat center center;*/}

/*join_招聘信息*/
.recruitment {text-align: center;/*padding-top: 78px;*/height: auto;display: table;width: 100%;}
.recruitment .table_list{width:100%;padding:60px 0;border-collapse: collapse;/*border: 1px solid #ddd;*//*background: #fff;*/text-align: center;  border-collapse: collapse;}
.recruitment .table_list p{padding-top: 0; text-indent: 0;padding: 0 6%;}
.recruitment .table_list table{width: 100%;text-indent: 64px;}
.recruitment .table_list table tr,th,td{border-bottom:1px solid #eee;line-height: 60px;text-align: left;}
.recruitment .table_list table tr .on{color: #0061b0;background: url("/Public/Images/home/phpcms/zh-cn/icon_add2.png") no-repeat 98%  center;}
.recruitment .table_list table th{font-size:18px;border-top: 4px solid #eee;background: url("/Public/Images/home/phpcms/zh-cn/icon_post.png") no-repeat 36px center;}
.table_list td.table_left {text-align: right;padding-right: 24px;}
.recruitment .table_list table td{background: url("/Public/Images/home/phpcms/zh-cn/icon_add.png") no-repeat 98%  center;cursor: pointer;}
/*.recruitment .table_list table td .table_on{background: url("/Public/Images/home/phpcms/zh-cn/icon_add2.png") no-repeat right  center;}*/
.offer {cursor: pointer;float: right;width: 124px; height: 40px;background-color: #0061b0; color: #fff; line-height: 40px;display: inline-block;margin:20px 0; text-indent: 20px;margin-right: 2%;}
.offer img{display: inline-block;margin: 0 auto;vertical-align: middle;}
td.table_hidden{background: none;}
.s_table{display: none;}
.join_tit {font-weight: bold;padding-left: 6.5%; /* display: inline-block;*/line-height: 30px;    padding-top: 28px;}
.join_tit p{background-image: none;}
.join_tit span{font-weight: normal;}
.recruitment .table_list .s_table td{background-image: none;}
/*表单*/
.apply{width: 780px;height: 640px;background-color: #FFFFFF;  margin: 4% auto 0 auto;  position: relative;}
#user_form p{width: 76%;height: 34px;  margin: 6px auto;padding-bottom: 7px; line-height: 34px;font-size: 14px;  position: relative;}
.btn_box {display: inline-block;padding-top: 20px;  padding-left: 26%;}
.btn_box input{margin: 0 10px 0 0;}
#user_form .resume_resume textarea{width:70%;height: 560px;height: 154px;  margin: 0 auto;padding-bottom: 7px; overflow-y: scroll; line-height: 34px;  position: relative;}
#user_form p .resume_resume{}
#user_form p label{font-size: 14px;color: #666666;width: 18%; float: left; height: 34px; display: block;}
#user_form p .sex_lable{width: 30px;text-align: center;}
#user_form p input,#user_form p textarea{width: 60%;float: left; height: 34px;line-height: 34px; border: 1px solid #bbb;   padding: 0 2%; color: #999;}
#user_form p .sex{width: 20px;}
#user_form p img{display: inline-block;/*float: right;*/padding-left: 2px;}
form#user_form { padding: 60px 0;text-align: left;}
.btn_box .btn_submit,.btn_box .btn_reset{width: 124px;height: 44px;font-size:14px;border:none;background-color: #136dc1;color: #FFFFFF;}
.btn_box .btn_reset{background-color: #333333;}
.apply .tit i { width: 34px; height: 34px;background: url(/Public/Images/home/phpcms/zh-cn/icon_close_zoom.png) no-repeat center top;display: block;position: absolute; right: 10px;top: 10px; cursor: pointer;}

.zoom {width: 100%;height: 100%;position: fixed;z-index: 6;background: url(/Public/Images/home/phpcms/zh-cn/bj_black.png) repeat; display: none;}
.input_div .tips {right: 16%; top: 20%;}
.tips { /* display: none; float: right;*/ position: absolute; right: 22%; top: 0; font-weight: bold;}
/*案例弹出*/
.zoom_case {display:none;width: 100%;height: 100%;position: fixed;z-index: 6;background: url(/Public/Images/home/phpcms/zh-cn/bg_case.png) repeat; display: none;}
.zoom_case .n_zoom {background: #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.zoom_case .n_zoom span.pre {background: url(/Public/Images/home/phpcms/zh-cn/tooll.png) no-repeat center; left: 0;left: -30%;}
.zoom_case .n_zoom span.next {background: url(/Public/Images/home/phpcms/zh-cn/toolr.png) no-repeat center;right: 0;right: -30%;}
.zoom_case .n_zoom span { position: absolute; width: 68px;height: 68px;display: block;cursor: pointer; top: 35%;}
.zoom_case .n_zoom .show_img {display:table-cell;vertical-align:middle;/*width:715px;height:500px;*/text-align: center; line-height: 24px;font-size: 14px; font-size: 1.2rem; font-weight: 700;color: #333;}
.zoom_case .n_zoom .show_img img{margin: 0 auto;}
.zoom_case .n_zoom .show_img .tit{font-size: 16px;color: #9f9f9f;font-weight: normal;    padding: 15px 0;}
.zoom_case .n_zoom .show_img .tit p{float: left;}
.zoom_case .n_zoom .show_img .tit span{    float: none; position: static;text-align: center;height: auto; width: 100%;}
.close_window{background: url(/Public/Images/home/phpcms/zh-cn/close_case.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);cursor: pointer;display: block;height: 68px;position: fixed;right: -30%;top: -30%;width: 68px;}

/*case*/

.case{display: inline-block;/*background-color: #1bac4a;*/width: 100%;height: auto;}
.position,.position a{padding: 30px 0;color: #9c9c9c;font-size: 14px;text-indent: 30px;}
.position a:hover{color:#0061b0; }
.case_block a {  display: inline-block;  margin: 0 20px 40px 0;padding: 18px 40px;background-color: #f0f0f0;color: #6a6a6a;font-size: 14px;}
.case_block a:hover,.case_block .active{background-color: #000000;color: #FFFFFF;}



.case ul li{display:inline-block;overflow:hidden;text-align:center;font-size: 14px;float:left;width: 327px;height:264px;background-color: #f4f4f4;margin:0 1%;margin-bottom: 2%;}
.case ul li span{display: inline-block;    margin: 20px 0;}
.case .left{float: left;margin-left: 0;}
.case .right{float: right;margin-right: 0;}
.case2{display: none;}
.case ul li a{display: block;height: 206px;overflow:hidden;}
/*.case ul li:hover{box-shadow: 1px 1px 1px 1px #eeeeee;}*/
/*.case ul li a:hover img{width: 327px;height: 264px; transform:scale(1.5); -moz-transform:scale(1.5); -ms-transform:scale(1.5); -o-transform:scale(1.5); -webkit-transform:scale(1.5);}*/
.case ul li a img{width: 327px;height: 264px;transition:ease-in all .5s; -moz-transition:ease-in all .5s;-ms-transition:ease-in all .5s; -o-transition:ease-in all .5s; -webkit-transition:ease-in all .5s;}
.case ul li a img:hover{transform:scale(1.5); -moz-transform:scale(1.5); -ms-transform:scale(1.5); -o-transform:scale(1.5); -webkit-transform:scale(1.5);}

.case_page{text-align:right;padding: 26px 20px;}
.case_page a{display: inline-block;  padding: 5px 10px;border: 1px solid #eee;}
.case_page a:hover{background-color: #1bac4a;color: #FFFFFF;}
.case_page p{display: inline-block; margin-left: 8px;}


/*news_develop*/

.news{text-align: center; /* display: table;*/}
p.news_icon{display: inline-block;background: url("/Public/Images/home/phpcms/zh-cn/icon_news.jpg") no-repeat right  center;padding-top: 84px;margin: 0 60px;}
p.news_bg{display: inline-block;background: url("/Public/Images/home/phpcms/zh-cn/news.jpg") no-repeat right  center;padding-top: 84px;margin: 0 60px 60px 60px;}


.news_box {/*width: 100%;height: auto;*/display: inline-block;}
.news_box ul li{float: left;width: 327px;text-align: left;color: #898989; font-size: 12px;margin-bottom: 64px;}
.news_box ul li a h4{color: #333;font-size: 14px;}
.news_box ul li p{margin: 6px 0;}
.news_box ul li a img{margin-bottom: 10px;}
/*.news_box ul li a img:hover{transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); -webkit-transform:scale(1.1);overflow: hidden;}*/

.news_box .li_news_left{margin-left: 0;}
.news_box .li_news_left a img{width: 322px;height: 194px;}
.news_box .li_news_right{margin-right: 0;}

.news_box ul li span{display: inline-block;color: #898989;font-size: 12px;}
.news_box ul li h2{font-size: 14px;color:#333333; }
.news_box ul li:nth-child(3n){margin-right:0;padding:0; }
.news_box ul li a{display: inline-block;color: #898989;font-size: 12px;    line-height: 20px;}

.news_tit {width: 100%;display: inline-block;text-align: left;line-height: 22px;padding: 0 4%;margin-top: 24px;}

.news_box .detail{    padding: 100px 0;}
.news_box.detail span{display: inline-block;font-weight: bold;color: #333333;font-size: 12px;margin: 20px 0;}
/*新闻中心详情*/
.news_detail{text-align: center;text-indent: 30px;}
.news_detail h2{  margin: 48px 0 18px 0;}
.news_detail p{width:100%;/*height:488px;*/height:auto;color: #666666;font-size: 14px;line-height: 24px;text-align: left; /*border-top: 1px solid #eee;border-bottom: 1px solid #eee;*/}
.news_detail_tit{border-bottom: 1px solid #eee;margin: 30px 0;padding: 0 0 30px 0;}

.news_detail .news_page a{display: inline-block;text-align: left;line-height: 20px;}
.news_page a.page_btn{display: inline-block;font-size:14px;float: right;padding: 9px 30px;border: 1px solid #eee;text-align: center;}
.news_page a.page_btn:hover{border: 1px solid #0063b1;}
.news_page {display: table;width: 100%;margin: 30px 0;padding: 30px 0 0 0;border-top:1px solid #eee;}
.news_page span{display: inline-block;float: left;}
.news_detail_box {padding: 0 14px;}
.news_detail img{display: inline-block;}
/*新闻中心_公司新闻*/
/*.news_company {padding-bottom: 60px;border-bottom: 1px solid #eee;}*/
.news_company .company_left{width: 40%;float: left;  display: table;}
.news_company .company_left .company_left_box img{display: inline-block;width: 100%;}
.company_left_box a{display: table;}

.news_company .company_right{float: right;width: 50%;text-align: left;  font-size: 12px;color: #898989;  line-height: 24px;}

span.news_time {color: #898989;font-weight: normal;text-align: right;display: inline-block;float: right;display: table;background: url("/Public/Images/home/phpcms/zh-cn/icon_w.png") no-repeat center left;width: 100px; height: 5px;  }

.news_com_page {width: 100%;line-height: 50px;background-color: #f0f0f0;text-align: center;margin-bottom: 40px;}
.news_com_page a{display: inline-block;padding: 4px 13px;line-height: 20px;}
.news_com_page a:hover{color: #FFFFFF;background-color: #1bac4a;}

.company_right span{display: inline-block; text-indent: 20px;background: url("/Public/Images/home/phpcms/zh-cn/icon_w.png") no-repeat left center;}
.company_right h2{font-size: 16px;color: #333333;}

.news_more{width: 100%;/*height: 30px;line-height: 30px;*/padding:5px 0;background-color: #f0f0f0;display: inline-block;font-size: 12px;color: #333;text-align: center;  margin-top: 60px;}
/*新闻中心_公司新闻_列表*/
.news_content{margin: 60px 0 0 0;}
.news_content .news_picture{ float: left;/*width: 20%;display: inline-block;*/}
.news_content ul li{width: 100%;border-top: 1px solid #eee;padding: 34px 0;background: #FFFFFF;}

.news_content .news_picture a{display: table;width: 12%;}


.news_content .news_title{float: right;display: table;width: 78%;line-height: 24px;}
.news_title h2{color: #333;font-size: 14px;}


/*联系我们*/
.contact.section {/*margin: 100px 0 150px 0;*/margin-top: 100px;margin-bottom: 150px;}
.contact_left{float: left;font-size: 14px;line-height: 26px;}
.contact_left h3{font-weight: normal;padding-bottom: 16px;}
.contact_left a{font-size: 18px;}

.contact_right{float: right;color: #8a8a8a;}
.txt_right{float: right;margin:40px 0 0 40px;line-height: 26px;}
.contact_right h2{  font-size: 14px;}
.contact_right span{}
.img_left{float: left;}
#dituContent{width:100%;height:450px;border:#ccc solid 1px;}
/*品质服务*/

/*共用quality_tit}*/
.quality_tit.section {text-align: center; margin-top: 78px;}

.quality_tit.section span.f45 {display: inline-block;height: 88px;background: url("/Public/Images/home/phpcms/zh-cn/icon_line.png") no-repeat center bottom;margin-bottom: 64px;}

.quality_icon {width: 40%;padding-top: 38px;}
.quality_icon ul li{
    display: inline-block;/*margin-bottom: 60px;*/width: 25%;*width: 24%;text-align: center;}
.quality_icon ul li a {display: block;text-align: center;line-height: 44px;}
.quality_icon ul li a .icon,.quality_icon ul li a p {height:64px;overflow: hidden;margin: 0 auto;position: relative;}
.quality_icon ul li a span{display: block; height: 64px;margin-bottom: 50px;transition: all ease-in .25s;-webkit-transition: all ease-in .25s;-moz-transition: all ease-in .25s; -ms-transition: all ease-in .25s;
    -o-transition: all ease-in .25s;}
.quality_icon ul li a span img,.quality_icon ul li a img{display: inline-block;}
/*.banner_quality { display: inline-block;}*/
.banner_quality img{display: inline-block;margin: 0 auto;    /*width: 120%; margin-left:-3%;*/width: 100%;}
    /*.quality_icon ul li a p:hover{color: red;}*/
.quality_icon ul li a:hover span.on{ margin-top:-110px;color: blue;}

.quality_icon ul li p{font-size: 14px;color: #666;text-indent: 0;}
.quality_icon ul li p:hover{color: #0061b0;}

.quality_icon ul li a:hover p{color: #0061b0;}


/*品质服务——服务理念*/
.introduce ul li{  width: 47%;margin:0 1%;
    float: left;   line-height: 80px; margin-bottom: 52px;text-align: left;text-indent:20px;
   /* background: url("/Public/Images/home/phpcms/zh-cn/icon_top2.png") no-repeat 96% center;*/}
.introduce ul li h3{font-weight: normal; background: url("/Public/Images/home/phpcms/zh-cn/icon_top2.png") no-repeat 96% center;border: 1px solid #ddd;}
.introduce h3.on{background: url("/Public/Images/home/phpcms/zh-cn/icon_bottom.png") no-repeat 96% center;}
/*.introduce ul li.on{background: url("/Public/Images/home/phpcms/zh-cn/icon_bottom.png") no-repeat 96% 10%;}*/
/*.introduce ul li:nth-child(2n){margin-right: 0;}*/
.introduce ul li span{  display: inline-block; width: 24px; height: 24px; line-height: 24px;text-align: center;float: right;border-radius: 24px;background-color: #eee;/*background: url("/Public/Images/home/phpcms/zh-cn/icon_top.png") no-repeat center right;*/}
/*服务介绍下拉*/
.slide_quality {display:none;border: 1px solid #ddd;border-top:none;padding: 20px 0;height: auto;}
.slide_quality p{border: none;float: none; margin-right: 0;width: 92%; padding: 0 4%; line-height: 22px;/*margin: 6px;*/  /*text-indent: 40px;*/}




/*市场前景*/
div#person_talent, div#recruitment_information,.com_profile.company.section.f14 { padding: 38px 0 0 0;}
.market,.advantage,.process{text-align:center;height: auto;display: table;  padding: 78px 0;/*margin-bottom: 136px;*/}
/*.process.section.f14 { padding: 78px 0 0 0;}*/
.market_box{width: 100%;background-color: #f4f4f4;}
.market ul li{width: 100%; height:auto;line-height: 80px;font-size: 20px;/*background: url("/Public/Images/home/phpcms/zh-cn/icon_add.png") no-repeat 67% center;*/}
.market .tit2{border-bottom: 1px solid #D6D0D0;  background: url("/Public/Images/home/phpcms/zh-cn/icon_add.png") no-repeat 68% center;}
.market p.tit2.on{  color: #0061b0;background: url("/Public/Images/home/phpcms/zh-cn/icon_add2.png") no-repeat 68% center;}
.market .li_last{border-bottom:0;}
.slide_market {display: none; line-height: 30px;text-align: left; font-size: 12px;  padding: 20px 0 0 0;text-indent: 30px;}
.slide_market h2{font-weight: normal;font-size: 20px;text-align: center;}


.merchants_content {display: table;width: 100%;height: auto;}

.advantage_box,.process_box{width: 100%;background-color: #FFFFFF;}
.advantage p{text-align: left;font-size: 14px;  line-height: 34px;color: #535353;}
.advantage p span{display: inline-block;margin-right: 20px;}


/*招商中心_加盟条件*/
.join{width: 100%;height: auto;display: table;background: #cde6f6;}
.join .left{float: left;width: 50%;}
.join .right{width: 45%;float: right;padding: 100px 0 0 0;font-size:34px;  line-height: 30px;background-color: #cde6f6;color: #ffffff;}
.join .right h2{font-size: 40px;font-weight: normal;padding: 0 0 36px 0;    margin: 0 0 26px 0;background: url("/Public/Images/home/phpcms/zh-cn/zs_line.png") no-repeat bottom left;}
.join .right p{color: #fff;font-size:34px;}
.process ul li{width: 17.8%;height: 200px;margin:0 1%;
    float: left;color: #999;font-size: 12px;  border: 1px solid #656161;}
/*.process ul li:first-child{margin-left: 0;}*/
/*.process ul li:last-child{margin-right: 0;}*/

.process .icon_join,.process .icon_status,.process .icon_mes,.process .icon_contract,.process .icon_upload{display: inline-block;width: 76px;height: 76px;margin-top:10px;}
.process .icon_join{background: url("/Public/Images/home/phpcms/zh-cn/icon_join.png") no-repeat top center;}
.process .icon_status{background: url("/Public/Images/home/phpcms/zh-cn/icon_status.png") no-repeat top center;}
.process .icon_mes{background: url("/Public/Images/home/phpcms/zh-cn/icon_mes.png") no-repeat top center;}
.process .icon_contract{background: url("/Public/Images/home/phpcms/zh-cn/icon_contract.png") no-repeat top center;}
.process .icon_upload{background: url("/Public/Images/home/phpcms/zh-cn/icon_upload.png") no-repeat top center;}



.process h3{display: block;font-size: 14px;color: #333;margin: 15px 0;}
.process p{  margin: 0 14px;text-align: left;}
p.enjoy {display: inline-block; width: 96%;margin: 0 5px; text-align: right;margin-top: 60px;  margin-right: 50px;}

/*品质服务——校园售后服务*/
.school_content,.home_content,.commercial_content{display: table;}
.school_content .school_tit ul li{width: 12.5%;}
.school_content .school_tit ul li a,.home_content .home_tit ul li a,.commercial_content .commercial_tit ul li a{display: block;color: #FFFFFF;background-color: #4d4d4d;height: 50px;line-height: 50px;text-align: center;}
.school_content .school_tit ul li a:hover{/*background-color: #afafaf;*/background: url("/Public/Images/home/phpcms/zh-cn/icon_tab.png") no-repeat bottom center; }
.school_tit {display: inline-block;width: 100%;background-color: #4d4d4d;color: #E81C1C;}
.school_content .tab{width: 100%;height: 533px;overflow: hidden;  margin: 20px 0 70px;}
.school_content .tab ul li{float: left;overflow: hidden;}

/*品质服务——家用售后服务*/
.home_content .home_tit{/*width: 33.3333%;*/}

.home_content .home_tit ul li{width: 33.333%;}
.home_content .tab{  display: inline-block;width: 100%;height: 533px;overflow: hidden;  margin: 20px 0 70px;}

.home_content .home_tit ul li a:hover{background-color: #afafaf;/*background: url("/Public/Images/home/phpcms/zh-cn/icon_tab.png") no-repeat bottom center; */}



/*品质服务——商用售后服务*/
.commercial_tit ul li{  width: 14.27999%;}
.commercial_content .tab {  display: inline-block;width: 100%;height: 533px;overflow: hidden;margin: 20px 0 70px;}
.commercial_tit ul li a:hover{background-color: #afafaf;/*background: url("/Public/Images/home/phpcms/zh-cn/icon_tab.png") no-repeat bottom center; */}
/*.talent_box.rent_bot.quality .talent h5 span{display: inline-block;text-indent: 12px;}*/
.talent_box.rent_bot.quality .talent p{display: inline-block;}

/*家用小白*/


.home{}
.pure{margin-top: 132px;/*margin-top: 90px;*/}
.machine{display:inline-block;float: left;}
.pure_txt{display: inline-block;float: right;  margin-top: 125px;}
h2.f44 {display: inline-block;font-size: 44px;font-weight: normal;padding-bottom: 30px;line-height:30px;color: #333;}
.pure_txt p{font-size: 14px;color: #666666;line-height: 30px;text-align: left;}


.device {width: 100%;overflow: hidden;}
.device_txt {display: inline-block;float: left;width: 50%;background-color: #2a2a2a;padding: 249px 0;text-align: center;}
.device_image{display:inline-block;float: right;  width: 50%;}


.smart {display:block;position:relative;ackground-color: #e9e9e8;width: 100%;text-align: center;}
.smart_box{position: absolute;left:15%;top: 34%;text-align: left;}


/*家用小白*/
.water{width: 100%;background-color: #f3f3f3;  text-align: center;  padding-top: 100px;}

.korean{position: relative;text-align: center;padding: 120px 0;}
.korean .img2{padding-top: 70px;}
.korean_left{  display: inline; width: 39%;float: left;text-align: center;position: absolute;  top: 30%;left: 12%;}
.korean_right{/*width: 50%;*/float: right;}
.filter {text-align: center;}
.filter .img2{padding-top: 80px;}

.white_sealing{display: inline-block; width: 100%;overflow: hidden;  background-color: #e8e8e8;}
.white_sealing .left{width:30%;padding-top: 200px;padding-left: 20%;text-align: left;}
.white_sealing .right{width:50%;}
.white_performance {text-align: center; padding:60px 0;}
.performance {position:relative;height: 470px;background-color: #eeeeee;margin: 100px 0;}
.performance img{position: absolute;left: 30%;top: 0;}

.white_save{display: inline-block;    width: 100%; text-align: center;  padding-top: 150px;}
.white_save .right{padding-top: 160px;}
.l1_five_img.white ul li{width: 17%;margin: 0 3%;}
.l1_five_img.white h4{top: 52.5%;left: 23%;*left: 68%;background: none;}
.five_icon.white ul li{width: 23%;background: url("/Public/Images/home/phpcms/zh-cn/icon_circle_five.jpg") no-repeat 50px center;
    *background: url("/Public/Images/home/phpcms/zh-cn/icon_circle1.jpg") no-repeat 130px center;}
.five_icon.white .l1_last{background: url("/Public/Images/home/phpcms/zh-cn/icon_circle_five_011.jpg") no-repeat 50px center;
*background: url("/Public/Images/home/phpcms/zh-cn/icon_circle_five_011.jpg") no-repeat 144px center;}
.five_icon.white h5{text-indent: 74px;*text-indent: 78px;}
.five_icon.white .l1_last h5{text-indent: 72px;*text-indent: 110px;}

/*稳定*/
.stable_top{width: 100%;background-color: #151515;}

.stable_box {display: inline-block;width: 100%;background-color: #212121;}
.stable_box .left{width: 50%;float: left;}
.stable_box .right{display: inline-block;float: right;width: 50%;*width: 47%;text-align: center;padding-top: 200px;*padding: 200px 0;}

.performance .tit{text-align: center;padding: 80px 0;}
.performance .bg{background-color: #eeeeee;height: 470px;}

.material{height: 720px;}
.material .left{display: inline-block;width: 50%;float: left;  margin-top: 100px;}
.material .right{width: 50%;float: right;text-align: right;text-align: center;margin-top: 200px;}

/*五级*/
.five{width: 100%;background-color: #e8edf3;  text-align: center;}
.five h2{padding:96px 0 82px;}
.five_txt {display: inline-block;margin-bottom: 234px;}

.five_txt ul li{float: left;position:relative;width: 20%;height:608px;margin: 0 3%;background: url("/Public/Images/home/phpcms/zh-cn/one.jpg") no-repeat center center;}
.five_txt ul li:nth-child(n) h4{display: inline-block;color: #fefefe;font-size: 14px;position: absolute;bottom: 54%;left: 40%;}
.five_txt ul li:nth-child(2n) h4{display: inline-block;color: #fefefe;font-size: 14px;position: absolute;bottom: 54%;left: 32%;}

.five_txt ul li span{display: inline-block;position: absolute;bottom: 0;  bottom: -47px;left: 0;text-align: left;}
.five_txt ul li:last-child span{display: inline-block;position: absolute;bottom: 0;  bottom: -100px;left: 0;text-align: left;}
.five_txt ul li:first-child{margin-left: 0;}
.five_txt ul li:last-child{margin-right: 0;}


/*技术参数*/
.technology{display:table;text-align: center;}
.technology_box{display: table;width: 100%;/*padding: 0 2%;  */margin-bottom: 50px;margin-top: 64px;}
.technology_box h2{display: table;width: 100%;  padding-bottom: 60px;/* margin: 20px 0;*/}

.technology_box.center {  padding: 0 20%;width: 60%;  margin: 0 0 80px 0;}

.technology_box.center ul li{display: inline-block;width: 100%;/*padding: 0 14%;*/}
.technology_box ul li{ /* display: inline-block;*/width: 33%;margin: 16px 0;}
.technology_box ul li h3{font-size: 16px;color: #666666;font-weight: normal;}
.technology_box ul li p{font-size: 28px;color: #222222;font-weight: normal;background: url("/Public/Images/home/phpcms/zh-cn/icon_line2.png") no-repeat center bottom;padding-bottom: 40px;padding-top: 16px;}
/*相关配件*/
.related{width: 100%;  text-align: center;  padding-bottom: 140px;}
.related h2{  padding: 50px 0;}
.related img{display: inline-block;text-align: center;}

/*家用玲珑_YD-RO50C-02A1型纯水机*/
.yd_box{width: 100%;text-align: center;}
.black_box{/*position:relative;*/width:100%;height: 726px;text-align: center;background-color: #eeeeee;}
.yd_box.ydwater {padding-top: 200px;padding-bottom: 130px;}
.black img{display: inline-block;  padding: 100px 0 10px 0;}
.section.black.cube {padding: 0 0 140px 0;}
.yd_tit{font-size: 44px;color:#080808;font-weight: normal;padding-bottom:30px;line-height: 30px; }
.yd_tit span{
    font-size: 30px;
    line-height: 2;
    color: #666666;
}
.yd_txt{font-size: 14px;color: #888888;/*padding-top: 30px;*/line-height: 30px;/*margin-bottom: 107px;*/}

/*.ydwater{height:584px;background-color: #fff;padding-top: 200px; }*/

.aptitude{background-color: #f3f3f3;}
.yd_aptitude.padding {padding: 60px 0 140px 0;}
.second {background-color: #606072;overflow: hidden;}
.second .yd_tit{color:#bfbfd3;padding-top:80px;line-height: 76px; }
p.yd_txt.purple {color: #bfbfd3;}
.second .yd_txt{padding: 0 0 80px 0;}

.smart_touch{background-color: #fff;text-align: center;color: #333;padding-top: 120px;}
.smart_touch .yd_txt{color:#666;}
.smart_touch img{padding: 60px 0 170px;display: inline-block;}


/*可能没用*/
/*.double_water {height:500px;background-image: url("/Public/Images/home/phpcms/zh-cn/bg_water_double.jpg") no-repeat center center;  background-size: 100%;}*/
.water.double_water{background: url("/Public/Images/home/phpcms/zh-cn/bg_water_double2.jpg") no-repeat 50% 0;height: 700px;background-size: cover;}
.water.double_water {padding-top: 60px;}
.water.double_water .left{padding-left: 7%;}
.double_water .left ul li{float: none;width:120px;height:120px;margin: 20px 0;}
.double_water .left ul li span{display: inline-block;padding-top: 40px;}
.double_water .left .ul{padding-top: 40px;}
.double_water .left .water_li1{background: url("/Public/Images/home/phpcms/zh-cn/pro_barrel.png") no-repeat center center;margin: 50px 0 0 0;}
.double_water .left .water_li2{background: url("/Public/Images/home/phpcms/zh-cn/pro_effluent.png") no-repeat center center;}
.double_water .left .water_li3{background: url("/Public/Images/home/phpcms/zh-cn/pro_pure.png") no-repeat center center;}

.exquisite.double_water{height: 914px;background-color: #f5f5f5;text-align: center;}
.exquisite.double_water .left{ position: absolute;left: 0; background: url("/Public/Images/home/phpcms/zh-cn/two-outlet.jpg") no-repeat 0 0;width: 50%; height: 810px;background-size: 100%;}
.exquisite.double_water .right{width: 30%; position: absolute;right: 20%; -webkit-right: 0%;
    right: 10%!important;/**right: 0%;right: 0% /9;_right: 0%;*/padding-top: 160px;}
.exquisite.double_water .right ul{padding-top: 30px;}
.exquisite.double_water .right ul li{width: 24%;padding: 2% 4%;text-align: center;}
.exquisite.double_water .right ul li img{margin: 0 auto;}
.stabilize_box{background: #0d0d0d;}

.efficient.ll{background: none;overflow: hidden;padding: 100px 0 0 0;    height: auto;}


.safety_device{width:100%;max-width:1920px;height: 500px;background: url("/Public/Images/home/phpcms/zh-cn/bg_safety_device.jpg") no-repeat 0 0;  background-size: 100%;}

.safety_device img{display: inline-block;float: right;  padding-top: 100px;}
.yd_save {padding-left: 30px;padding-top: 200px;float: left;}

/*householdproduct/4.html*/
.efficient {max-width: 1920px;width: 100%;/*height: 638px;padding:160px 0 0 0;*/height: 798px;padding: 200px 0;  text-align: center; background: url("/Public/Images/home/phpcms/zh-cn/bg_water_efficient.jpg") no-repeat center center;   background-size: cover;}
.efficient.water .section{text-align: left;}
.efficient .ya_img {padding-top: 107px; }
.cube_img.water{  background-color: #000000;}
.cube_img.water {padding: 0;}
.white_save.water{padding-top: 0;background-color: #fff;text-align: left;padding-left: 60px;}
.white_save.water .left{padding-top: 200px;}
.white_save.water .right{padding-top: 100px;}

.l1_five_img.water_five .l1_five_4 h4 {top: 49.5%;left: 28%;}
/*.l1_five_img.water_five h4{width: 86px;top: 47%;left: 20%;}*/
.l1_five_img.water_five h4{  left: 20%; *left: 73%;  width: 86px;}
.l1_five_img.water_five li.l1_five_5 h4{top: 55%;left: 16%;*left: 68%;width: 86px}

.stabilize{background-color:#0d0d0d;}

.stabilize{position:relative;height: 526px;text-align: center;background: url("/Public/Images/home/phpcms/zh-cn/exquisite_stabilize.jpg") no-repeat 0 0;/*background-size: 100%; */ overflow: hidden;}
.stabilize_txt {position:absolute;/*padding: 20% 0 2% 38%;*/bottom: 4%;left: 36%;}
.stabilize_img .yd_tit,.stabilize_img .yd_txt{color: #fff; }
.stabilize_img .yd_txt{padding-top: 0px;}
.five_icon.exquisite h5 { text-indent: 96px; }
.five_icon.exquisite .l1_last h5{text-indent: 76px;padding: 0;}
.material_safety {text-align: center;  padding-top: 160px;}
.material_safety img{display: inline-block; padding: 100px 0; }/*householdproduct/4.html*/
.l1_five.exquisite {padding: 0;}
.l1_five_img.exquisite ul li{  width: 19%;}
.l1_five_img.exquisite h4{top: 31%; left: 34%;background: none;}
li.l1_five_4.exquisite h4{  top: 36%; left: 20%;}
li.l1_five_3.exquisite h4{  /* top: 32.5%; */ /* left: 45%; */}
.l1_five_img.exquisite{padding-top: 100px;}

.five_icon.exquisite ul li { width: 25%;background: url("/Public/Images/home/phpcms/zh-cn/icon_circle_five.jpg") no-repeat 70px center;}
.five_icon.exquisite .l1_last{background: url("/Public/Images/home/phpcms/zh-cn/icon_circle1.jpg") no-repeat 52px center;}

.five_level{  max-width: 1920px;height: 1068px;  text-align: center;background: url("/Public/Images/home/phpcms/zh-cn/bg_five.jpg") no-repeat center center;}
.five_level .yd_tit{padding-top: 160px;}

/*家用水立方YD-RO50B-06A型纯水机*/
.yd_pure{text-align:center;  padding: 146px 0 0;}
.yd_pure img{padding-top:100px;}

/*.yd_box.ydwater img{position: absolute;  top: 100%; left: 30%;}*/


.pro2_aptitude{position:relative;max-width: 1920px;height: 250px;background-size: 100%;background:url("/Public/Images/home/phpcms/zh-cn/bg_water_aptitude.gif") no-repeat center center;text-align: left;padding: 300px 0 170px 0;;}
/*.pro2_aptitude h2,h3{position: absolute;bottom: 10%;}*/
.pro2_save{text-align: center;padding-top: 110px;}
.pro2_save img{padding-top: 70px;}

.water_touch{margin: 0 auto;width: 20%;display: inline-block;}
.water_touch ul li{width: 50%;*width: 48%;}
/*.water_touch ul li{width: 20%;margin: 0 15%;}*/

.pro2_smart{height: 588px;background:url("/Public/Images/home/phpcms/zh-cn/water_panel.gif") no-repeat center center;text-align: center;  padding: 150px 0;;}
.pro2_smart img{padding-top: 60px;}
.pro2_smart .yd_tit{color: #ffffff;}
.pro2_smart .yd_txt{color: #999999;}
.home_water_panel{text-align: center;padding: 80px 0 0 0;}
.home_water_panel img{margin: 0 auto;display: inline-block;}
/*.pro2_smart img{padding: 90px 0;}*/
/*.pro2_smart span{padding: 90px 0;}*/

/*<!--商用_YDJY-L1 -->*/
.l1type{text-align: center;  overflow: hidden;}
.l1type .left{float: left;width: 30%;/*padding-left: 10%;*//*padding-left: 160px;*/padding-top: 306px;text-align: left;}
.l1_img{display: inline-block;width:50%;text-align:center;float: right; /* padding-right: 108px; */ padding-top: 90px;}
.l1_img img{display: inline-block;margin: 0 auto;}
.l1_aptitude{background-color: #f0f0f0;    padding: 160px 0 0 0;}
.l1_aptitude .left{float: left;}
.l1_aptitude .l1aptitude_img{float: right;  padding-top: 140px;}

.l1_double{width: 100%;  overflow: hidden;text-align: center;background-color: #676b7e;}
.l1_double .left{float: left;width: 30%;padding-left: 20%;text-align: left;  background-color: #676b7e;  padding-top: 248px; padding-bottom: 218px;}
.l1_double .l1ap_img{float: right;width: 50%;}
.l1_double .l1_img img{width: 100%;}
.l1_double .yd_tit,.l1_double .ff14_pro333{color: #fff;}

.l1_aptitude.white {background-color: #fff;padding-top: 0;}

.l1_acme{background-color: #000;text-align: center;overflow: hidden;}
.l1_acme img{display: inline-block;}
.l1_acme_txt{    width: 26%;text-align: left; padding: 2% 2% 4% 42%;}

.l1_five {text-align: center;  padding: 90px 0;}
.l1_five.sh {padding: 30px 0;}
.l1_five.buket{padding: 0;}
.l1_five .ff14_pro333{line-height: 30px;}
.l1_five_img {display: inline-block;}
.l1_five_img.l1.section,.l1_five_img.l2,.l1_five_img.sun{padding: 100px 0 0 0;}
.l1_five_img ul li{position: relative;width: 14%;*width: 12%;margin: 0 3%;height: 700px;}
.l1_five_img.white ul li{height: 750px;}
.l1_five_img ul li img{  position: absolute;bottom: 0;left:0;}
.l1_five_img h4{position: absolute;  top: 51.5%;left: 24%;*left: 70%;color: #fff;width: 80px;*width:100px;height: 30px;line-height: 30px;text-align: center;background-color: #444444;}
li.l1_five_4 h4{position: absolute;top: 42.5%;left: 33%;*left: 79%;}
li.l1_five_5 h4{position: absolute;  top: 50.5%;left: 15%;*left: 60%;}
.l1_five_img.l1 ul li { height: 680px;
    float: left;}

.five_icon {display: inline-block;  padding-left: 70px;}
.five_icon.sun{text-indent: 58px;}
.five_icon h5{font-weight: normal;  text-align: left;*text-align: center;font-size: 14px;}
.five_icon ul li{width: 18%;float:left;height:54px;background: url("/Public/Images/home/phpcms/zh-cn/icon_circle_five.jpg") no-repeat 34px  center;*background: url("/Public/Images/home/phpcms/zh-cn/icon_circle1.jpg") no-repeat 100px  center;line-height: 52px;}/*commercial_sun*/
.five_icon.sun .l1_last{width: 20%;height:54px;background: url("/Public/Images/home/phpcms/zh-cn/icon_circle1.jpg") no-repeat 106px center;line-height: 52px;}/*commercial_sun*/

.five_icon .l1_last h5{text-indent: 130px;*text-indent: 60px;}
.five_icon ul li img{display: inline-block;  margin-left: 70px;}
li.sun_li4 { margin-left: 8%;}

.five_icon.water_five ul li{width: 20%; *width: 19%;  background: url("/Public/Images/home/phpcms/zh-cn/icon_circle_five.jpg") no-repeat 36px center;
* background: url("/Public/Images/home/phpcms/zh-cn/icon_circle_five_011.jpg") no-repeat 100px center;}
.five_icon.water_five h5{  text-indent: 60px;}
.five_icon.l1 ul li{ width: 20%;*width: 19%;
    float: left; background: url("/Public/Images/home/phpcms/zh-cn/icon_circle_five.jpg") no-repeat 44px center;}/*commercial_l1*/
.five_icon.l1 h5{  text-indent: 70px;*text-indent: 33px;}/*commercial_l1*/
.five_icon.l1 .l1_last{background: url("/Public/Images/home/phpcms/zh-cn/icon_circle_five_011.jpg") no-repeat 44px center;}/*commercial_l1*/
.five_icon.water_five .l1_last{background: url("/Public/Images/home/phpcms/zh-cn/icon_circle_five_011.jpg") no-repeat 44px center;}
.five_icon.water_five .l1_last h5{  text-indent: 70px;*text-indent: -44px;}

/*商用_YDJY-L2*/
.l2type {position:relative;width: 100%;text-align: left;background-color: #000;}
.l2type .left{  padding: 312px 0 290px 80px;}
.l2_aptitude .left{float: left;padding: 286px 0 150px 0;}
.l2_aptitude .l1aptitude_img { float: right;padding: 460px 0 102px 0;}
.l2type .l1_img{position: absolute;top: 0;left: 44%;}

.l2_double{background-color: #dddee0;}
.l2_double .left{width: 50%;float: left;}
.l2_double .left img{width: 100%;}
.l2_double .right{width: 50%;float:right;    padding: 160px 0 250px 0;padding: 130px 0;/*text-indent: 138px;*/}
.l2_double .right .yd_tit,.l2_double .right .ff14_pro333{padding-left: 146px;}

.l2_double2{width: 100%;background-color: #606072;  display: inline-block;  padding-top: 130px;  overflow: hidden;}
.l2_double2 .right{float: right;}
.l2_double2 .left{float: left;padding-top: 140px;}

.l2_child,.l3_child{text-align: center;padding: 106px 0 50px 0;
    overflow: hidden;}
.l2_child ul li{width: 25%;  padding-top: 86px;
    float: left;}
.l2_child_icon{display: inline-block;width: 100%;}
.l2_child_icon img{display: inline-block;}
.l2_child_icon p{padding: 12px 0;font-size: 14px;
    background: none;}
.l2_effluent{background-color: #e9e9e9;text-align: center;  padding-top: 130px;}
.l2_effluent_icon{display: inline-block;*width:1024px;padding: 100px 0;}
.l2_effluent_icon ul li{*width: 30%;}

.l3_child{
    padding-top: 0;
}
.l3_child .yd_tit{
    padding-top: 20px;
}
.l3_child_icon ul li{
    width: 20%;
    padding-top: 86px;
    float: left;
}

.five_icon.l2 ul li{width: 20%;*width: 18%;background: url("/Public/Images/home/phpcms/zh-cn/icon_circle_five.jpg") no-repeat 38px center;
*background: url("/Public/Images/home/phpcms/zh-cn/icon_circle1.jpg") no-repeat 108px center;}/*commercial_l2*/
.five_icon.l2 .l1_last{width: 17%;*width: 26%;background: url("/Public/Images/home/phpcms/zh-cn/icon_circle1.jpg") no-repeat center center;}
.five_icon.l2 .l1_last h5{text-indent: 82px;*text-indent: 0px;}
.five_icon.l2 h5{text-indent: 60px;*text-indent: 82px;}

/*.l2_effluent_icon ul li{width: 30%;}*/
.l2_effluent_icon p{display: inline-block;width:54px;height:54px;line-height: 14px;  padding-top: 40px;background:url("/Public/Images/home/phpcms/zh-cn/icon_circle1.png") no-repeat center center;}
/*商用日出东方YD-RO50A-SH800G*/
.sun{position: relative;  padding-top: 90px;}
.sun .left{position: absolute;}
.sun .right{float: right;  padding: 200px 0 600px;}
.sun.l1_img{}



.sun_aptitude {background-color: #f3f3f3;  overflow: hidden;text-align: center;}
.sun_aptitude .left{padding-top: 200px;text-align: left;}
.sun_aptitude .right{padding-top: 150px;}

.sun_app{padding-top: 156px;}
.sun_app .right{  padding-top: 220px;padding-right: 120px;}
.sun_app .right ul li{margin-right: 24px;text-align: center;  margin-top: 80px;float:left}
.sun_app .right p{margin-top: 24px;}

.cloud{background-color: #323a45;  text-align: center;padding: 70px 0;}
.cloud img{display: inline-block;}
.cloud .img2{display: inline-block;  padding-top: 90px;}
.cloud h2{padding-top: 42px;}

.open ul li{float: left;width: 50%;}
.open {display: inline-block;width: 80%; padding: 0 10%;}

.sun_hot{
    background-color: #f2f2f2;
}
.sun_hot .left{  padding-top: 300px; padding-left: 20px;}
.sun_hot .right{  padding: 80px 0 0;}

.sun_ro{background-color: #fff;text-align: center;  padding: 100px 0 0 0;overflow: hidden;}
.sun_ro img{padding: 100px 0 0 0;}
.sun_water{background-color: #fff;}
.sun_water .left{padding: 210px 0 0 50px;}
.l1_five_img.sun h4{  top: 46%; left: 24%;*top:36%;*left:70%;}
/*.l1_five_img.sun h4{top: 60.5%; left: 35%;}*/
.l1_five_img.sun ul li {width:13%;*width:11%;margin:0 2%;height: 500px;float:left}
.l1_five_img.sun .l1_five_4{width:16%;*width:14%;margin:0 2%}
.l1_five_img.sun .l1_five_4 h4{top: 58%;left: 24%;*left:73%;}
.l1_five_img.sun .l1_five_5 {width:9%;*width:18%;margin:0;}
.l1_five_img.sun .l1_five_5 h4{top: 50%; left: 20%;*left: 62%; width: 60px;}
/*商用魔方YD-RO50E-02A1型纯水机*/
.cube_yd {text-align: center;  padding: 100px 0;}
.cube_yd.cube {padding: 0;}
.cube_drinking {background-color: #f2f2f2; padding-bottom: 40px;}
.cube_drinking .left{padding-top: 190px;}
.cube_ro {padding: 160px 0 150px 0;}
.cube_ro .left ul li{margin-right: 40px;}
.cube_ro .right {padding-top:150px;}

.cube_aptitude{background-color: #292929;  padding-top: 180px;}
.cube_aptitude .left{padding: 150px 0 0 100px;}
.cube_aptitude .right{padding: 0 30px 0 0;    overflow: hidden;}

.cube_water{background-color: #ededed;padding:76px 0;}
.cube_water .right{padding-top: 150px;}
.cube_double {text-align: center;padding-top: 94px;background-color: #fefefe;}

.cube_system{background-color: #e6e6e6;  padding: 130px 0;}
.cube_system .right{  padding-top: 250px;}

.cube_wash {display: inline-block;}
.cube_free{padding-top: 140px;}
.cube_free .left{  padding: 140px 0 0 160px;}

.cube_stabilize {text-align: center; /*padding-top: 140px;*/}
.cube_stabilize .cube_img .l1aptitude_img{float: right;padding: 200px 0;}
.cube_stabilize .cube_img .l1aptitude_img h2,.cube_stabilize .cube_img .l1aptitude_img h3{color: #fff;}
.cube_txt {padding: 120px 0;}
.cube_img {background-color: #262626;overflow: hidden;  text-align: center;}
.cube_img img{margin: 0 auto;}
.l1_five_img.cube ul li{width: 10%;}
.l1_five_img.cube h4{top: 59%;left: 18%;width: 84px;}

.l1_five_img.cube li.l1_five_4 h4{top: 52.5%;left: 30%;}
.l1_five_img.cube li.l1_five_5 h4{top: 59%;left: 18%;}
.five_icon.cube ul li{width: 17%;  background: url("/Public/Images/home/phpcms/zh-cn/icon_circle_five.jpg") no-repeat 30px center;}
.five_icon.cube .li_h5{width: 27%;  background: url("/Public/Images/home/phpcms/zh-cn/icon_circle_five.jpg") no-repeat 96px center;}
.five_icon.cube .li_h5 h5{text-indent: 120px;}
.five_icon.cube .l1_last h5{text-indent: 74px;}
.five_icon.cube h5{  text-indent: 54px;padding:0;font-size: 14px;}
.five_icon.cube{padding-top: 30px;}

.five_icon.cube .l1_last{background: url("/Public/Images/home/phpcms/zh-cn/icon_circle_five_011.jpg") no-repeat 50px center;}
/*家用无桶超人YD-RO50E-04型纯水机*/

.pro3_type {text-align: center;  padding:100px;}
.pro3_type ul li h4{color: #ff4500;font-size: 40px;  font-weight: normal;  border-top: 1px solid #C0BBBB;border-bottom: 1px solid #C0BBBB;padding: 20px 0;margin-bottom: 12px;}
.pro3_type ul li span{color: #333333;font-size: 12px;}
.type_box{  width: 70%;padding: 0 15%;  display: inline-block; margin: 56px 0 80px 0;}
.type_box .left{margin-left: 0;}
.type_box .right{margin-right: 0;}
.type_box ul li{text-align: center;width: 25%;margin: 0 6%;}
.pro3_type .ff14_pro666{line-height: 30px;}


.bucket{  max-width: 1920px;height: auto;  text-align: center; padding-top: 100px;overflow: hidden;background:url("/Public/Images/home/phpcms/zh-cn/bg_super_buket.jpg") center center;}
.bucket_img {margin-top: 60px;padding-left: 140px;}

.third_box{text-align: center;  padding-top: 100px;}
.third img{display: inline-block;}
.third{display: inline-block;  padding-top: 70px;  padding-bottom: 130px;}
.third p{text-align: center;  margin-bottom: 30px;}
.third ul li{  width: 33%;display: inline-block;}

.pro3_touch{background: #f9f9f9;  padding-top: 116px;}
.pro3_touch .section{text-align: left;}
.pro3_touch .right{  float: none; margin-left: 500px;overflow: hidden;padding-top: 100px;}
.white_double { padding: 100px 0;}
.white_double .right{ padding-top: 270px;text-align: left;}

.bimodule {text-align: center;padding-top: 143px;}

.pro3_save{display: inline-block;  width: 100%;  max-width: 1920px;height: 1040px;  text-align: center;background-size: 100%;background:url("/Public/Images/home/phpcms/zh-cn/pro3_save.jpg") center center;}
.pro3_save .txt{padding: 170px 0 0 200px;}

.l1_five_img.super ul li {width: 14%;}
.l1_five_img.super ul li .l1_five_4{width: 10%;}


.l1_five_img.super h4 {position: absolute;  top: 43.5%; left: 21%;width:100px;color: #fff;  background-color: #606060;}
.l1_five_img.super .l1_five_4 h4{top: 45.5%;left: 21%;width: 154px;}
.five_icon.super ul li {width: 20%;  background: url("/Public/Images/home/phpcms/zh-cn/icon_circle_five.jpg") no-repeat 54px center;}/*home_super*/
.five_icon.super .l1_last{ background: url("/Public/Images/home/phpcms/zh-cn/icon_circle_five_011.jpg") no-repeat 78px center;}
.five_icon.super h5{  text-indent: 76px;}
.five_icon.super .l1_last h5{text-indent: 100px;}

.pro3_efficient {background-color: #fff;text-align: center;  padding-top: 100px;}
.efficient_img { text-align: center;display: inline-block;  padding: 100px 0;}

.pro3_five{max-width: 1920px;height: 418px;padding-top: 84px;background:url("/Public/Images/home/phpcms/zh-cn/bg_pro3_five.jpg") center center;}
.pro3_five_img{}
.pro3_five_img {float: left;}
.pro3_five_img img{width:100%;}
.pro3_left {float: right;  width: 50%; }

/*校园YD-RO50A-SH*/
.l1_aptitude.school {background-color: #e1e5ed;}
.l1_acme .school_korea{background-color: #ebebeb;}
.sun_ro.school_silence{background-color: #323a45;overflow: hidden;
    padding-bottom: 100px;}
.sun_ro.school_silence img{
    padding-top: 0;
    margin-bottom: 30px;
}
.l1_five_img.school_five h4{top: 49%;left: 30%;;}
.l1_five_img.school_five .l1_five_4 h4{top: 65%; left: 38%;}
.l1_five_img.school_five .l1_five_5 h4{top: 50.5%;left: 8%;}
.five_icon.school ul li{width:20%;    background: url("/Public/Images/home/phpcms/zh-cn/icon_circle_five.jpg") no-repeat 58px center;}
.five_icon.school h5{text-indent: 82px;}
.five_icon.school .l1_last{background: url("/Public/Images/home/phpcms/zh-cn/icon_circle_five_011.jpg") no-repeat 26px center;}
.five_icon.school .l1_last h5{    text-indent: 50px;}
/*<!--校园 YDYS-02A/03A/04A-->*/
.sun.school_ysys{background-color: #f7f7f7;overflow: hidden;}
.sun.school_ysys .left{width: 50%;text-align: right;}
.sun.school_ysys .right{width: 40%;padding: 160px 0 460px 0;}
.sun_aptitude.school_select{background-color: #FFFFFF;}
.sun_aptitude.school_select .right{width: 67%;}
.cloud.school_water{background-color: #384459;height: 600px;}
.school_water_box{  width: 90%; margin: 0 auto;  padding-top: 100px;}
.school_water_box p{margin: 10px 0;}
.school_water_box ul li{width: 33%;  }
.school_water_box span{display: inline-block;font-size: 18px;color: #FFFFFF;text-align: left;}
.school_water_box span i{font-style: normal;font-size: 14px;}
p.icon_school {padding-left: 56px;}

.l2_child_icon.school_virus {width: 80%;padding: 0 10%;}
.l2_child_icon.school_virus ul li {width: 33.33%;}

.sun_hot.ydys_steel{  background-color: #f1f1f1;}
.sun_hot.ydys_steel .left{ padding-top: 150px;}
.sun_hot.ydys_steel .left h2.yd_tit{line-height: 60px;}
.sun_hot.ydys_steel .left p{color:#8a8888;font-size: 14px; }
.school_open {text-align: center; width: 160px;}
.sun_hot.ydys_steel .left .school_save { font-weight: bold;color: #333333;font-size: 18px;border-bottom: none;}
.sun_hot.ydys_steel .left p {border: 1px solid #333; height: 50px; line-height: 50px;color: #8a8888;font-size: 14px;text-align: center;}

.school_open img {margin: 30px 0;display: inline-block;}

.sun_app.school_switch {padding: 150px 0;}
.sun_app.school_switch  .right {padding-top: 100px;}
.sun_app.school_switch  .right img{padding-top: 60px;}

.sun_hot.school_designer{background-color: #fff;}
.sun_hot.school_designer .left{padding-top: 200px;}
.sun_hot.school_designer .right{    padding: 80px 0 60px;}
/*404页面*/
.containt_page{width:100%;max-width:1920px;height:650px;padding-top:100px;overflow:hidden;margin: 0 auto;background:url("/Public/Images/home/phpcms/zh-cn/404.jpg") center center;  /*background-size: 100%;*/}
.wrong .right p{color: #414242;font-size: 24px;margin-top: 30px;  }
.wrong .right{padding-top: 100px;  width: 500px;}
.wrong .right ul{margin-top: 20px;}
.wrong .right ul li{height: 40px;line-height: 40px;}
.wrong_refresh {width: 30%;text-align: center;display: inline-block;}
.wrong .right ul li {margin-right: 0;width: 50%;}
.wrong .right img{display: inline-block;vertical-align: middle;}
.wrong .right span{padding-top: 10px;}

/*搜索页面*/
.search_box{ margin-top: 70px;border: 1px solid #eee;}
.blue{color: #1171b7;  font-style: normal;}
.search_news {height: 450px;  margin: 40px 34px 40px 10px;}
.search_news ul li{width: 100%;padding: 5px 0 5px 25px;height: 25px;line-height: 25px;border-bottom: 1px dashed #ddd;text-align: left;background: url("/Public/Images/home/phpcms/zh-cn/point.jpg") no-repeat 10px center;}
.search_news span {float: right; margin-right: 10px;}


.search_page {text-align: right; margin-bottom: 50px;padding-right: 10px;}
.search_page a:hover{background-color: #0061b1;color: #fff;}
.pageview {padding: 3px 16px;margin: 0 2px;background-color: #fafafa;border: 1px solid #ddd;color: #333;}
.black{color: #666666;font-size: 20px;}
.search_box span.right.f14{font-weight: normal;}
h4.tit.f16{background:url("/Public/Images/home/phpcms/zh-cn/search_line2.jpg") no-repeat center center;  height: 50px; line-height: 0px;}



/*footer*/
.footer{width: 100%;height: auto;background: #f9f9f9 url("/Public/Images/home/phpcms/zh-cn/bg-footer.jpg") no-repeat center center;border-top: 1px solid #dddddd;}
.footer.bg { background-color: #f9f9f9;}
.footer-box{padding:30px 0;}
.footer-box .left{float: left;}
.footer-box .left .tit{margin-bottom: 10px;  font-weight: bold;font-size: 14px;color: #333333;}
.footer-box .left .tit a{color: #333333;  font-weight: bold;}
.footer-box .left ul li{float: left;width: 98px;line-height: 26px;}
/*.footer-box .left ul li.li_11{width: 140px;}*/
.footer-box .left ul li:last-child{background: url("/Public/Images/home/phpcms/zh-cn/footer-line.png") no-repeat 100% 0;  height: 134px;}
.footer-box .left ul li a:hover{color: #0061b0;}

.footer-hidden a{font-size: 12px;color: #888888;}
.footer-box .right{float: right;line-height: 28px;}
.footer-box .right .icon img{display: inline-block;vertical-align: middle;}
.footer-box .right ul li{}
.hour{display: block;border:0;text-indent: 20px;background: url("/Public/Images/home/phpcms/zh-cn/icon-tel.png") no-repeat left 6px}
.else{display: block;text-indent: 20px;background: url("/Public/Images/home/phpcms/zh-cn/icon-shop.png") no-repeat left 6px}
.pur{border: 1px solid #0061b0;padding: 4px 4px 5px;}
.hour_service{display: inline-block;    border: 1px solid #0061b0;text-indent: 20px;background: url("/Public/Images/home/phpcms/zh-cn/icon_chat.png") no-repeat left 6px;    padding: 0 4px;}

.footer-box .right .tel {font-size: 28px;color: #0061b0;text-indent: 20px;margin: 8px 0;}
/*.footer-box .right span{ border: 1px solid #0061b0;}*/

/*.online*/
.footer-box .right p span{color: #0061b0;border: 1px solid #0061b0;padding: 2px;}

.icon{text-indent: 20px; height: 42px;line-height: 42px;}
.icon a{}
.icon a img{}

.footer-320hidden {display: block;text-align: center;background: #eee;line-height: 20px;}
.copy{font-size: 12px; color: #828282;line-height: 20px;border-top: 1px solid #ddd;padding: 10px 0;}
.copy_left{float: left;    line-height: 35px;}
.copy_right{float: right;}

/*footer End*/
/*后添加的需要隐藏显示的内容*/
.copy_mobile{display: none;}
.footer-320hidden{display: none;}

.window{ background:url(/Public/Images/home/phpcms/zh-cn/bg_case.png) repeat; position:fixed; height:100%; width:100%; /*top:50%; margin-top:-263px;*/ display:none;z-index: 6;}
.window .wclose_btn{ position:absolute;width: 68px; height: 68px;color:#999; background:url(/Public/Images/home/phpcms/zh-cn/close_case.png) no-repeat right center; padding-right:16px; top:2px;    right: 15%;}
.window .wclose_btn:hover{ color:#fff;}
.wbanner {  width: 100%;height:100%;    overflow: hidden;  position: relative;  }
.wbanner .wn_banner { left: 50%;position: absolute;  top:50%;    transform: translate(-50%,-50%);  width: 714px; height:500px;z-index:0;    overflow: hidden; text-align: center;}
.wbanner .bj_r,.wbanner .bj_l{  height: 500px; position: absolute; top: 0;  width: 100%;  z-index: 9; background: url("/Public/Images/home/phpcms/zh-cn/wbanner_bg.png") repeat }
.wbanner .bj_r {  margin-right: -400px;  right: -50%; }
.wbanner .bj_l {  margin-left: -400px;   left: -50%; }
.wbanner  ul li{ float:left; width:750px;}
.wbanner .aw_prev,.wbanner .aw_next{ width:62px; height:62px; display:block; position:absolute; top:50%; margin-top:-22px;z-index:9999; transition:background 0.3s ease}
.wbanner .aw_prev{ background:url(/Public/Images/home/phpcms/zh-cn/tooll.png) no-repeat left bottom; left:15%; }
.wbanner .aw_next{ background:url(/Public/Images/home/phpcms/zh-cn/toolr.png) no-repeat left bottom; right:15%; }
/*.wbanner .aw_next:hover{ background:url(../水与校园_files/zh-cn/toolr.png) no-repeat left top; right:15%; }*/

.wnbanner_box img{width:50%;display: inline-block;}
.black_box_box {overflow: hidden;}

/*726*/
.top-notice{background-color: #2f2f2f;}
.top-notice .topnote-box{width: 1000px; margin: 0 auto;padding: 8px 0;}
.top-notice .topnote-box p{ color: #b8b8b8;background: url("/Public/Images/home/phpcms/zh-cn/tn1.png") no-repeat left center;text-indent: 3em;}
.top-notice .topnote-box p span{margin-left:80px;}
.top-notice .topnote-box p span a{color:#b8b8b8; background: url("/Public/Images/home/phpcms/zh-cn/tn2.png") no-repeat 12px 6px; padding: 6px 15px; padding-left: 35px; border:1px solid #b8b8b8; margin-left:15px;}
.top-notice .topnote-box p span a:hover{ color: #808080;border:1px solid #808080;}
.top-notice .topnote-box .notice {float: left;width:95%;line-height: 24px;}
.top-notice .topnote-box .close{float: right; width:5%;text-align: right;}
.top-notice .topnote-box .close:hover img{transition: all ease-in .5s; -webkit-transition: all ease-in .5s;}
.top-notice .topnote-box .close:hover img{transform:rotate(360deg);
    -ms-transform:rotate(360deg); 	/* IE 9 */
    -moz-transform:rotate(360deg); 	/* Firefox */
    -webkit-transform:rotate(360deg); /* Safari 和 Chrome */
    -o-transform:rotate(360deg);
}




/*平板端*/
@media(max-width:1024px){
    img{
        width: 100%;}
    .header-box .logo{
        padding-top: 0;
    }
    body{
        margin-top: 60px;
    }
    .header{
        height: 60px;
        position: fixed;
        z-index: 999999;
        top: 0;
        background-color: #f5f5f5;
        box-shadow: 0px 0px 0px;
    }
    .f45{font-size: 36px;}

    .copy_mobile{display: none;}
    .swiper-container{display: block;}
    .banner.hidden{display: none;}
    .arrow img{width: auto;}
    .section,.section2 {width: 98%;    padding: 0 1%;margin: 0 auto;}
    .box_box{overflow:hidden; }
    .header{padding: 0;}
    .banner{  width: 100%; height: auto;}
    .content{width: 100%;    padding: 0;height:    auto;/*height: 182px;  margin: 4px 0;*//*background-color: azure;*/}
    .content ul li{width:50%;    margin: 1px 0;/*height: 240px;*/  border-bottom: none;float: left;overflow: hidden;border-right:0;}
    .content ul li.pro1, .content ul li.pro2{/*border-top: 1px solid #ffffff;*/border-top: none;}
    .content ul li.pro3, .content ul li.pro4{border-top: 0px solid #ffffff;}
    .content ul li.pro1 a, .content ul li.pro3 a {border-right: 1px solid #fff;}
    .content ul li.pro2 a{border-right: 0;}
    .content ul li a{    border-top: none;}
    .content ul li.pro2 a{border-right: none;}
    .content ul li.pro4{list-style: none;}
    /*移动bannerslide*/
    .swiper-container {width: 100%;height: 100%;}
    .swiper-scrollbar{display: none;}

    /*menu*/
    .header .header-box{width: 98%;display: table;padding: 10px 0;}
    .n_baner{  margin-left: -448px;}
    .nav_bar{display: none;}
    .m_nav{display: block;}

    /*隐藏的下拉菜单*/
    form#tit_seaech ,.nav{display: none; }
    .m_nav{display: block;}
    .m-navwrap{width: 100%;position: absolute;z-index: 2;display: none;}
    .m-navwrap ul li{width: 100%;font-size:14px;text-indent: 12px;line-height: 40px;background: #666;color: #fff;border-bottom: 1px solid #eee;}
    .m-navwrap ul li.on{background-color: #333;}
    .m-navwrap ul li:last-child{border-bottom: 0;}
    .m-navwrap ul li a{color: #FFFFFF;}
    .li_block a{display: block;}
    .yd_slide{display: none;}
    .m-navwrap .yd_slide ul li{background: #999;text-indent: 24px;}
    /*search*/
    .m_nav.yd {width: 100%;
        display: none;}
    input.sea_btn.yd {width: 6%;}
    .m_nav span{background-image: none;}
    .sea_btn{background: url("/Public/Images/home/phpcms/zh-cn/icon_search.png") no-repeat center right;}
    input.user_search.yd {width: 60%;line-height: 30px; background: none;border: none;color: #fff; font-size: 16px; }
    /*.m_nav{width: 75px;height:40px;display: block;float: right;text-align: center;}*/
    span.m_menu{display: inline-block;width: 75px;height: 40px;/*border-right: 1px solid #fff;*/background: url(/Public/Images/home/phpcms/zh-cn/icon_m_menu.png) no-repeat center;}
    span.m_search{ width: 70px;height: 40px;display: inline-block;background: url(/Public/Images/home/phpcms/zh-cn/search.png) no-repeat center;}
    /*商业产品commercial_sun*/
    .sun .right{width: 50%;}
    .sun_aptitude .left {padding-left: 20px;}
    .sun_app .left{width: 50%;}
    .sun_app .right{width: 42%;padding-right: 0;}
    .cloud img{width: 146px;height: 94px;}
    .cloud .img2{width: 882px;height: 630px;}
    .l2_child.section2 {padding-top: 70px;}
    .l1_five_img.sun h4 {  top: 47%;left: 78%;}
    .l1_five_img.sun li.l1_five_4 h4 {top: 62%;left: 24%;}
    .l1_five_img.sun li.l1_five_5 h4 {  top: 55%; left: 16%;}
    .sun.section.clearfix {padding: 60px 0 100px 0;}
    .five_icon .l1_last{background: url("/Public/Images/home/phpcms/zh-cn/icon_circle1.jpg") no-repeat 128px center;}
    .five_icon .l1_last h5 {text-indent: 150px;}
    .five_icon ul li{background: url("/Public/Images/home/phpcms/zh-cn/icon_circle_five.jpg") no-repeat 47px center;}
    .five_icon.sun .l1_last {background: url("/Public/Images/home/phpcms/zh-cn/icon_circle1.jpg") no-repeat 128px center;}
    .five_icon h5{text-indent: 70px;}
    .l1_five_img.l2.section ul li {height: 600px;}
    .l2_effluent{padding: 60px 0 0 0;}
    .l2_effluent_icon{padding: 60px 0;}
    /*商业产品commercial_l2*/
    .l2_aptitude .left {padding: 30px 0 60px 0;}
    .l2_aptitude .l1aptitude_img {width: 40%; padding: 200px 0 0 0;}
    .l2_double .right{  padding:100px 0 0 0;}
    .l2_double2 .left{width: 48%;margin-left: 2%;}
    .l2_double2 .right {width: 50%;}
    .l2_double2 .right img{width: auto;}
    .l2_child.section {padding-top: 60px;}
    .l2_child ul li {padding: 60px 0;}
    .l2_effluent_icon{width: 100%;}
    .l2_effluent_icon ul li{width: 33.33%;}
    .l1_five_img h4 {top: 54%;left: 20%;}
    li.l1_five_4 h4 {top: 51.5%;left: 21%;}
    li.l1_five_5 h4 {top: 44%;left: 21%;}
    .five_icon.l2 ul li {background: url("/Public/Images/home/phpcms/zh-cn/icon_circle_five.jpg") no-repeat right center;}
    .five_icon.l2 h5 {text-indent: 92px;}
    .related img{width: auto;}
        /*商业产品commercial_l1*/
    .l1_five_img.l1.section ul li{height: 600px;}
    .l1_double .left{padding: 70px 0;  width: 44%;    margin-left: 4%;}
    .l1_aptitude{padding: 30px 0;}
    .l1_aptitude.white{padding: 0;}
    .l1_aptitude.white .l1aptitude_img{padding: 200px 0 60px 0;}
    .l1_aptitude .l1aptitude_img{width: 44%;}
    .l1_acme_txt.section {width: 80%;padding-bottom: 6%;}
    .five_icon.l1 ul li {background: url("/Public/Images/home/phpcms/zh-cn/icon_circle_five.jpg") no-repeat 70px center;}
    .five_icon.l1 h5 {text-indent: 94px;}

    .five_icon.l1 .l1_last {background: url("/Public/Images/home/phpcms/zh-cn/icon_circle_five_011.jpg") no-repeat 70px center; }
    /*家用产品home_cube*/
    .cube_yd {padding: 30px 0;}
    .cube_yd img,.cube_aptitude .right img{width: auto; margin: 0 auto;}
    .cube_aptitude{padding: 0;}
    .cube_aptitude .left {width: 100%;float: none; padding: 70px 0;text-align: center;}
    .cube_aptitude .right {width: 100%;padding: 30px 0 0 0;float: none;}
    .cube_quality img{width: auto;}
    .cube_water .right{width: 40%;}
    .section.cube_double {padding-top: 70px;}
    .cube_system .right {width: 36%;}
    .cube_free .left {width: 100%;text-align: center;padding: 30px 0;float: none;}
    .cube_free .right{width: 100%;}
    .cube_free .right img{width: auto;margin: 0 auto;}
    .cube_free { padding-top: 30px;}
    .cube_txt{padding: 30px 0;}
    .l1_five {padding: 60px 0;}
    .l1_five_img ul li{height: 700px;}/*commercial_l2*/
    .l1_five_img.cube h4 {top: 46%;  left: 5%; width: 90px;}
    .l1_five_img.cube li.l1_five_4 h4 {top: 51.5%;left: 15%;  width: 70px;}
    .l1_five_img.cube li.l1_five_5 h4 {top: 44%;left: 5%;}
    .five_icon.cube ul li {background: url("/Public/Images/home/phpcms/zh-cn/icon_circle_five.jpg") no-repeat 40px center;}
    .five_icon.cube h5 {text-indent: 64px;}
    .five_icon.cube .l1_last {background: url("/Public/Images/home/phpcms/zh-cn/icon_circle_five_011.jpg") no-repeat 70px center;}
    .five_icon.cube .l1_last h5 {text-indent: 94px;}
    .l1_five_img.cube ul li{height: 500px;}
    /*家用产品home_super*/
    .third img{width: auto;}
    .pro3_touch .right{margin-left: 0;}
    .pro3_touch .right img{display: inline-block;margin: 0 auto;}
    .white_double .right{width:40%;}
    .pro3_save .txt {padding: 110px 0 0 0;}
    .pro3_type{padding: 100px 0;}
    .pro3_touch .section {width: 96%;text-align: center;padding: 60px 0;}
    .pro3_touch .right{padding: 30px 0 0 0;}
    .pro3_touch{padding: 0;}
    .pro3_efficient{padding: 60px 0 0 0;}
    .efficient_img{padding: 60px 0;}
    .l1_five_img.super ul li{height: 600px;}
    .l1_five_img.super h4{left: 13%;}
    .l1_five_img.super .l1_five_4 h4 {top: 59%;left: 10%; width: 110px;}
    .five_icon.super ul li{background: url("/Public/Images/home/phpcms/zh-cn/icon_circle_five.jpg") no-repeat 70px center;}
    .five_icon.super .l1_last{background: url("/Public/Images/home/phpcms/zh-cn/icon_circle_five_011.jpg") no-repeat 76px center;}
    .five_icon.super h5 {text-indent: 94px;}
    .five_icon.super .l1_last h5{text-indent: 100px;}
    .third_box.section {padding: 60px 0 0 0;}
    /*家用产品home_water*/
    .section.black.cube { padding: 0 0 60px 0;}
    .home_box{padding-top: 70px;}
    .pro2_save.section{padding: 80px 0 0 0;}
    .water_touch.section {width: 40%;}
    .pro2_save.section img,.pro2_smart img,.cube_img.water img,.filter img,.performance img,.quality_icon ul li a span img, .quality_icon ul li a img{width: auto;}/*img*/
    .water.double_water,.efficient{display: inline-block;/*height: auto;*/}
    .efficient.water { height: 320px;padding: 80px 0 0 0;}
    .water.double_water .left {padding: 20% 0 0 7%;}
    .double_water .left ul li{float: left;  margin: 40px 14px;}/*bg*/
    .water.double_water{padding-top: 30px;}
    .efficient{padding: 100px 0;}
    .white_save.water{padding-left: 0;}
    .white_save.water .left,.white_save.water .right {width: 50%;}
    .l1_five_img.water_five.section ul li{ height: 630px;}
    .l1_five_img.water_five h4{  width: 82px;  top: 44%;}
    .l1_five_img.water_five li.l1_five_5 h4 {top: 48%;left: 18%;width: 88px;}
    .five_icon.water_five ul li{background: url("/Public/Images/home/phpcms/zh-cn/icon_circle_five.jpg") no-repeat 70px center;}
    .five_icon.water_five h5 {text-indent: 94px;}
    .five_icon.water_five .l1_last  {background: url("/Public/Images/home/phpcms/zh-cn/icon_circle_five_011.jpg") no-repeat 76px center;}
    .five_icon.water_five .l1_last h5 {text-indent: 100px;}
    .pro2_smart img {padding-top: 88px;}
    .pro2_smart{padding: 80px 0;}
    .double_water .left .water_li1{ margin: 40px 14px;}
    /*家用产品home_whiter*/
    .smart_box.section{width: 50%;left: 4%;}
    .stable_box .right{padding-top: 10%;}
    .white_sealing .left {width: 35%;padding-top: 4%;padding-left: 4%;}
    .white_performance{padding-top: 30px;}
    .performance{margin: 50px 0;}
    .performance img{left: 17%;}
    .korean {padding: 78px 0;}
    .l1_five_img.white ul li{height: 750px;}
    .l1_five_img.white h4{background: none;top: 49.5%;left: 25%;}
    .five_icon.white ul li{  background: url("/Public/Images/home/phpcms/zh-cn/icon_circle_five.jpg") no-repeat 92px center;}
    .five_icon.white .l1_last{  background: url("/Public/Images/home/phpcms/zh-cn/icon_circle_five_011.jpg") no-repeat 92px center;}
    .five_icon.white h5,.five_icon.white .l1_last h5 {text-indent: 116px;}
    /*家用产品quality*/
    .quality_icon.section,.position.section {padding: 10px 0;height: 30px;line-height: 30px;text-indent: 34px;}
    .quality .quality_icon.section{
        height: auto;
    }
    .quality_icon ul li{margin: 0 0 0 0;}
    .quality_icon.rent {width: 50%;}
    /*家用产品home_玲珑*/
    .black_box {display: inline-block;}
    .black_box .section.black img {width: auto;}
    .yd_box.ydwater{padding: 100px 0;}
    .aptitude{height: 766px;}
    p.yd_txt.purple,.second .yd_tit{text-align: center;}
    .section.smart_touch {padding: 100px 0 0 0;}
    .section.smart_touch img{width: auto;padding: 60px 0 90px;}
    .exquisite.double_water .left {text-align: center;position: static;display: inline-block; left: 0;
        background: url("/Public/Images/home/phpcms/zh-cn/two-outlet.jpg") no-repeat 0 0;width: 100%; height: 810px; float: none;}
    .exquisite.double_water .right{float: none;position: static;right: 0;width: 100%;text-align: center;padding: 0 0 200px 0;margin: 0 0 160px 0;}
    .exquisite.double_water .right ul li img{width: auto;}
    .exquisite.double_water{height: auto;}
    .yd_save {width:40%;text-align:center;padding-top: 100px;}
    .safety_device{height: 400px;background-size: cover;}
    .efficient.ll{padding: 60px 0 0 0;}
    .material_safety {padding-top: 60px;}
    .material_safety img,.sun_ro img{width: auto;}
    .sun_ro img
    .material_safety img{padding: 100px 0 0 0;}
    .stabilize_txt.section {padding: 380px 0;}
    li.l1_five_3.exquisite h4 {top: 37.5%;left: 30%;}
    .l1_five_img.exquisite h4 {top: 37%;left: 29%;}
    .l1_five_img.exquisite.section li.l1_five_4.exquisite h4{top: 34%;left: 28%;}
    .five_icon.exquisite ul li,.five_icon.exquisite .l1_last{background: url("/Public/Images/home/phpcms/zh-cn/icon_circle_five.jpg") no-repeat 100px center;}
    .five_icon.exquisite .l1_last h5 {text-indent: 124px;}
    .five_icon.exquisite h5 {text-indent: 124px;}
    li.l1_five_4.exquisite{height: 800px;}
    /*校园产品school_YDYS*/
    .sun.school_ysys .right{width: 50%;}
    .sun_aptitude.school_select .left {padding-left: 0;}
    .cloud img,.l2_child_icon img,.school_open img{width: auto;height: auto;}
    p.icon_school{ padding-left: 0;}
    .sun_app.school_switch .right {padding-top: 0;}
    .sun_hot .left{padding: 150px 0 0 20px;}
    /*校园产品school_SH*/
    .l1_aptitude .l1aptitude_img{padding: 100px 0 60px 0;}

    .l1type .left,.l1type .l1_img,.l1_aptitude.school .left,.l1_aptitude.school .l1aptitude_img{width: 100%;float: none;text-align: center;}/*left*/
    .l1type .l1_img img,.l1_aptitude.school .left img{width:auto;margin: 0 auto;}/*img*/
    .l1type .left{padding: 60px 0 0 0;}
    .l1_aptitude.school .l1aptitude_img{width: 100%;}/*school_SH*/
    .l1_five_img.school_five.section ul li{height: 630px;}
    .l1_five_img.school_five h4 {top: 57%;left: 20%;}
    .l1_five_img.school_five .l1_five_4 h4 {top: 71%;left: 21%; }
    .l1_five_img.school_five .l1_five_5 h4 {top: 30.5%;left: 22%;}
    .five_icon.school ul li{    background: url("/Public/Images/home/phpcms/zh-cn/icon_circle_five.jpg") no-repeat 70px center;}
    .five_icon.school h5{    text-indent: 92px;}
    .five_icon.school .l1_last{background: url("/Public/Images/home/phpcms/zh-cn/icon_circle1.jpg") no-repeat center center;}
    .five_icon.school .l1_last h5 {text-indent: 96px;}
    .sun_hot.school_designer .left {width: 44%;text-align: center;}
    .sun_hot.school_designer .right{width: 50%;}
    .sun_hot.school_designer .right img{width: auto;}

    /*case*/
    .case{padding-top: 10px;}
    .case ul li span {margin: 16px 0;}
    .news { padding:30px 5% 0 5%}
    /*联系我们*/
    .contact{width: 100%;}
    .contact_left{padding-left: 3%;}
    .contact_right{  padding-right: 3%;}
    .contact_right img{width: auto;}
    .contact.section {margin: 4% 0;}
    .com_profile .tit, .company .tit, .event .tit, .talent_box .tit, .introduce .tit, .market .tit, .advantage .tit, .process .tit{margin-bottom: 44px;}
    .com_profile_box, .talent_box{padding: 0 5% 60px 5%}
    #dituContent{width:100%;height:300px;border:#ccc solid 1px;}
    .introduce ul li{ width: 48%;line-height: 40px; margin-bottom: 30px;}
    .introduce ul li.on {background: url("/Public/Images/home/phpcms/zh-cn/icon_bottom.png") no-repeat 96% 4%;}
    .slide_quality{padding-top: 10px;}
    /*关于我们*/

    /*加入我们join.html*/
    .talent i{width: 100%;}
    .recruitment .table_list{width: 100%;    padding: 40px 0 40px 0px;}
    .recruitment{padding-top: 0;}
    .com_profile, .company.section.f14, .honor, .talent.section.f14, .introduce{display: inline-block;width: 90%; padding: 0 5%; margin-top: 0px;}
    .btn_box{padding-left: 24%;}
    .honor .tit {padding-top: 38px;}
    .event{padding: 38px 0;}
    .talent_box.rent_bot.quality { padding: 0;}
    .case_block a{margin: 0 20px 20px 0;}
    .case ul li{    width: 32%;}
    .case ul li a img{width: 100%;height: auto;}
    /*招商*/
    .market.section.f14 span.tit.f45,.advantage.section.f14 span.tit.f45 {padding-top: 38px;}
    .advantage p{width: 80%;padding: 0 10%;margin: 0 0 30px 0;}
    .join .left{width: 100%;float: none;}
    .join .right{width: 100%;float: none;padding:40px 0;text-align: center}
    .offer img,#user_form p img{width: auto;}
    .quality {padding: 30px 0 0 0;}
    /*news_company*/
    .news_content .news_picture img{width: auto;}
    .news_content .news_picture {width: 24%;}
    .news_content .news_title{width: 76%;}
    .news_detail img{    width: auto;}
    .news_content {margin: 30px 0 0 0;}
    .honor { height: auto;/*padding: 30px 0 60px 0*/;margin: 60px 0 0 0;}
    /*404*/
    .wrong .right img{width: auto;}
    /*footer*/
    /*.footer-box{display: none;}*/
    .footer{height: auto;}
    .footer-box {display:none;width: 94%;padding: 2% 3%;}
    .footer-320hidden {display: block;}
    .footer-box .right{display: none;}
    .footer-box .left {width: 80%;padding: 0 10%; }
    .footer-box .left ul li {float: left;width: 16%; line-height: 20px;}
    .footer-box .left ul li:last-child{display: none;}
    .footer-box .left .tit{margin-bottom:0;}
    .copy_right{display: none;}
    .copy{display:none;width:75%;text-align: center;}
    .process.section.f14 span.tit.f45{padding-top: 38px;}
/*控制区域在90%以内*/
    .position.section{width: 90%;padding:10px 0;}
    .case_box.section,.news_box_box.section,.contact.section,.news_detail.section{width: 90%;padding: 0 5%;}
    .market.section.f14 {width: 90%;padding: 0 0 60px 0;}
    .news_box .li_news_left a img{width: 100%;}
    /*7.20*/
    .join .right h2{    background: url("/Public/Images/home/phpcms/zh-cn/zs_line.png") no-repeat bottom center;}
    .news_box ul li{width: 32%; margin-right: 1%;}
    .top-notice .topnote-box .close img{width: auto;}


}

/*平板*/
@media (min-width:768px)and (max-width:999px){
    /*@media (max-width:767px) {*/
    .yd_tit{font-size: 36px;}
    .f45,.talent_box.rent_bot.quality p.tit.f45 {font-size: 30px;}
    .hidden_767,.footer-box.section,.copy_left{display: none;}
    .n_baner {margin-left: 0;}
    /*index，html*/
    .n_banner {margin-left: 0;}
    .header {}
    .header .header-box {padding: 10px 0;}
    .footer-320hidden {   display: block; }
    .pro_tit {top: 9%;left: 2%;}
    .pro_tit p{width:210px;}

    /*join*/
    /*7.10*/
    .com_profile .tit, .company .tit, .event .tit, .talent_box .tit, .introduce .tit, .market .tit, .advantage .tit, .process .tit{margin:0;height: 68px;}
    .introduce.section.f14 span.tit.f45,.talent.section.f14 span.tit.f45,.advantage.section.f14 span.tit.f45,.process.section.f14 span.tit.f45{margin: 0 0 44px 0;}
    .com_profile, .company.section.f14, .honor, .talent.section.f14, .introduce{margin-top: 0px;}
    .com_profile.company.section.f14 span.tit.f45,.event span.tit.f45{padding: 34px 0 0 0;}
    .com_profile p,.event_box.section{margin: 20px 0 0 0;}
    .company.section.f14 span.tit.f45{margin: 0 0 40px 0;}
    .com_profile_box, .talent_box { padding-bottom: 0;}
    div#person_talent, div#recruitment_information, .com_profile.company.section.f14{padding: 0;}
    .honor{margin: 60px 0 0 0; padding: 34px 0 0 0;}
    .honor .tit{padding: 0;margin-bottom: 34px;}
    .news_content .news_picture {width: 22%;}
    .news_content .news_picture img { width: 100%;}
    .news_content .news_picture a{width: 100%;}
    .market.section.f14 span.tit.f45, .advantage.section.f14 span.tit.f45,.process.section.f14 span.tit.f45 {padding-top: 0;}
    .market.section.f14,.advantage.section.f14,.process.section.f14,.talent.section.f14{ padding: 34px 0 0 0;}
    .join .right h2{font-size: 30px;margin: 0 0 30px 0;}
    p.enjoy{margin: 30px 30px 30px 0;}
    .l1_five_img.l2.section ul li,.l1_five_img.l1.section ul li {height: 400px;}
    .related img {width: 100%;}
    .l1_aptitude .left{width: 100%;text-align: center;}
    .l1_aptitude .left img{width: auto;    margin: 0 auto;}
    .l1_aptitude.white .l1aptitude_img {padding: 30px 0 60px 0;}
    .technology_box.center{    margin: 0 0 30px 0;}
    .pro3_type {padding: 100px 0 60px 0;}
    .bucket {padding: 100px 0 30px 0;}
    .home_water_panel {padding: 30px 0 0 0;}
    .efficient.water{height: 220px;}
    .white_save.water .left {padding-top: 30px;}
    .l1_five{padding: 0;}
    .l1_five_img.water_five.section ul li { height: 500px;}
    .yd_aptitude.padding {padding: 30px 0 30px 0;}
    .material_safety img{width: 100%;padding: 100px 0 30px 0}
    .sun_hot.ydys_steel .left,.sun_hot.school_designer .left {padding-top:60px;}
    .sun_app.school_switch .right{width: 50%;}

    div#recruitment_information .talent.section.f14 .tit.f45{display: inline-block;margin-top: 34px;}
    .recruitment .table_list table th{background: url("/Public/Images/home/phpcms/zh-cn/icon_post.png") no-repeat 14px center;}
    .recruitment .table_list table{    text-indent: 40px;}
    .recruitment .table_list table td.table_on {background: url("/Public/Images/home/phpcms/zh-cn/icon_add.png") no-repeat 98% center;}
    .copy_mobile{display: block;text-align: center;padding: 10px 0;}



    .banner{  width: 100%; height: auto;}
    /*.header-box .logo{width: 150px;}*/
    .footer-box .left{width: 98%;}
    .footer-box .left ul li {float: left; width: 16%;line-height: 20px;}
    .copy_right{display: none;}
    .copy {display: none;}
    /*商业产品commercial_sun*/
    .sun .right {width: 100%;text-align: center;padding: 0;}
    .sun .left {position: static;float: none;    }
    .sun_aptitude .left {float: none;}
    .sun_aptitude .right {float: none;    padding-top: 60px; }
    .sun_aptitude .right img{width: 526px;height: 702px;display: inline-block; }
    .sun_app.section2.clearfix {padding: 70px 0 0 0;}
    .sun_app .right{padding-top: 120px;}
    .sun_app .right ul li{display: none;}
    .cloud .img2{width: 100%;}
    .sun_hot .left {padding: 30px 0 0 0; width: 100%;float: none;text-align: center;}
    .l1_five.sh {padding: 30px 0;}
    .l1_five_img.school_five h4{left: 13%;}
    .sun_hot .right {padding-top: 30px; float: none;   }

    .l1_five_img.sun ul li{height: 300px;}
    .l1_five_img.sun h4 {top: 50%;left: 15%;width: 70px;}
    .l1_five_img.sun li.l1_five_4 h4 {top: 62%;left: 19%;}
    .l1_five_img.sun li.l1_five_5 h4{width: 48px;}
    .five_icon ul li{width: 16%;background: url("/Public/Images/home/phpcms/zh-cn/icon_circle_five_011.jpg") no-repeat 47px center;}
    li.sun_li4 { margin-left: 8%;}
    .five_icon .l1_last {background: url("/Public/Images/home/phpcms/zh-cn/icon_circle1.jpg") no-repeat center right;}
    li.sun_li4 { margin-left: 14%;}
    .five_icon .l1_last h5 {text-indent: 120px;}
    /*商业产品commercial_l2*/
    .l2_double .right .yd_tit, .l2_double .right .ff14_pro333 {padding-left: 30px;}
    .l2type .left {width: 50%;padding: 312px 0 290px 20px;}
    .l1_img img{width:auto;}
    .l2type .l1_img {left: 24%;}
    .l2_aptitude .left {width: 50%;padding: 50% 0 0 0;}
    .l2_aptitude .l1aptitude_img {width: 40%;padding: 68% 0 0 0;}
    .l2_double .right {width: 46%; padding: 43px 0 0 0;}
    .l2_effluent{padding: 60px 0 0 0;}
    .l2_effluent_icon{padding: 60px 0;}
    .l1_five_img ul li {height: 614px;}
    .l1_five_img h4 {top: 62%;left: 10%;}
    li.l1_five_4 h4 {top: 54.5%;left: 14%;}
    li.l1_five_5 h4 {top: 55%;left: 13%;}
    .five_icon.l2 ul li{background: url("/Public/Images/home/phpcms/zh-cn/icon_circle_five_011.jpg") no-repeat 40px center;}
    .five_icon.l2 h5 ,.five_icon.l2 .l1_last h5{text-indent: 66px;}
    .l1_five_img.l2 h4{top:30%;}

    .case ul li{height: 194px;}

    /*商业产品commercial_l1*/

    .l1_aptitude .left { float: none;width: 100%;}
    .l1_aptitude .l1aptitude_img {width: 100%;float: none;text-align: center;padding: 30px 0;}
    .l1_double .left {width: 100%;float: none;padding: 30px 0;    text-align: center;}
    .l1_double .l1ap_img {float: none; width: 100%;}
    .l1_aptitude .left{width: 100%;float: none;}
    .l1_acme_txt.section {width: 100%;padding-bottom: 0;text-align: center; padding: 30px 0;}
    .five_icon.l1 ul li{  background: url("/Public/Images/home/phpcms/zh-cn/icon_circle_five_011.jpg") no-repeat 50px center;}
    .five_icon.l1 ul li{width: 20%;}
    .five_icon.l1 h5 { text-indent: 74px;}
    .five_icon.l1 .l1_last {background: url("/Public/Images/home/phpcms/zh-cn/icon_circle_five_011.jpg") no-repeat 47px center;}
    .l1_five_img.l1 ul li {height: 400px;}
    .l1_five_img.l1 h4 {top: 38%;}
    .cube_stabilize .cube_img .left{float: none;}
    .cube_stabilize .cube_img .l1aptitude_img {float: none;padding: 30px 0 60px;}


    /*家用产品home_cube*/
    .l1_five_img.cube ul li {height: 400px;}
    .cube_drinking .left {padding: 70px 0;width: 100%;text-align: center; float: none; }
    .cube_drinking .right{float: none;}
    .cube_yd h2{padding: 70px 0 0 0;}
    .cube_yd p{padding: 30px 0;}
    .cube_ro {padding: 70px 0;}
    .cube_system{ padding: 70px 0;}
    .cube_ro .left,.cube_water .left,.cube_system .left, .white_double .left,.white_save .left,.sun_aptitude.school_select .left,
    .sun.school_ysys .left,.sun_hot.school_designer .left,.white_save.water .left
    {float: none;display: inline-block;  width: 100%;text-align: center;}/*left*/
    .cube_ro .left ul li {margin: 0;width: 50%;}
    .cube_ro .left img,.cube_water .left img,.cube_system .left img,.white_double .left img,.sun_aptitude.school_select .right img,
    .sun.school_ysys .left img,.white_save.water .right img{width: auto;height:auto;margin: 0 auto;}/*img*/
    .cube_ro .right,.cube_water .right,.cube_system .right,.white_double .right,.white_save .right,.sun.school_ysys .right,.sun_aptitude.school_select .right
    ,.sun_hot.school_designer .right,.white_save.water .right
    {float: none;width: 100%;text-align: center;  padding: 30px 0;}/*right*/
    .l1_five_img ul li {height: 346px;}/*五级滤芯*/
    .l1_five_img.cube h4{width: 68px;top: 56%;}
    .l1_five_img.cube li.l1_five_4 h4 {top: 51.5%;left: 12%;width: 56px;}
    .l1_five_img.cube li.l1_five_5 h4 {top: 50%;}
    .five_icon.cube ul li {background: url("/Public/Images/home/phpcms/zh-cn/icon_circle_five_011.jpg") no-repeat 28px center;}
    .five_icon.cube .li_h5{background: url("/Public/Images/home/phpcms/zh-cn/icon_circle_five_011.jpg") no-repeat 70px center;}
    .five_icon.cube h5 {text-indent: 50px;}
    .five_icon.cube .li_h5 h5 {text-indent: 90px;}
    .five_icon.cube .l1_last {background: url("/Public/Images/home/phpcms/zh-cn/icon_circle_five_011.jpg") no-repeat 48px center;}
    .five_icon.cube .l1_last h5 {text-indent: 74px;}
    .five_icon.water_five .l1_last h5 {text-indent: 0;}


    li.l1_five_4.exquisite{height: 600px;}
    .l1_five_img.exquisite ul li {height: 600px;}
    .five_icon.exquisite ul li,.five_icon.exquisite .l1_last{background: url("/Public/Images/home/phpcms/zh-cn/icon_circle1.jpg") no-repeat center center;}
    .five_icon.exquisite h5,.five_icon.exquisite .l1_last h5{text-indent: 90px;}
    .l1_five_img.exquisite h4 {top: 44.5%;left: 24%;}
    li.l1_five_3.exquisite h4 {top: 44.5%;left: 22%;}
    .l1_five_img.exquisite.section li.l1_five_4.exquisite h4 {top: 33%;left: 24%;}
    /*家用产品home_super*/
    .bucket{height: auto;padding: 100px 0;}
    .third p img{width: auto;}

    .third img{width: 100%;}
    .third,.white_double{padding: 60px 0;}
    .l1_five_img.super ul li{height: 460px;}
    .l1_five_img.super h4 {left: 13%;top:60%;width: 76px;}
    .l1_five_img.super .l1_five_4 h4{width: 82px;top:66%;}
    .five_icon.super ul li,.five_icon.super .l1_last{background: url("/Public/Images/home/phpcms/zh-cn/icon_circle_five_011.jpg") no-repeat 46px center;}
    .five_icon.super h5,.five_icon.super .l1_last h5 {text-indent: 68px;}
    .technology_box ul li p{font-size: 20px;}
    .bucket{padding-top: 0;background: none;}

    /*家用产品home_water*/
    .double_water .left .water_li1,.double_water .left .water_li2,.double_water .left .water_li3{display: none;}
    .water.double_water,.efficient {height:400px;padding: 30px 0 50px 0;}
    .l1_five_img.water_five h4 {width: 62px;top: 56%;  left: 20%;}
    .l1_five_img.water_five li.l1_five_5 h4 {top: 61%;left: 18%;width: 66px;}
    .five_icon.water_five ul li,.five_icon.water_five li.l1_last{width:20%;background: url("/Public/Images/home/phpcms/zh-cn/icon_circle_five_011.jpg") no-repeat center center;}
    .five_icon.water_five h5{text-indent: 0;text-align: center;}
    .pro2_smart img {padding-top: 60px;}
    /*家用产品home_whiter*/
    .machine{float: none;}
    .pure_txt{float: none;padding: 30px 0 60px 0;}
    .performance img {left: 7%;}
    /*.l1_five_img.white ul li {height: 550px;}*/
    .l1_five_img.white h4 {top: 49%;left: 26%;}
    .five_icon.white ul li,.five_icon.white .l1_last {background: url("/Public/Images/home/phpcms/zh-cn/icon_circle_five_011.jpg") no-repeat 60px center;}
    .five_icon.white ul li {width: 25%;}
    .five_icon.white h5, .five_icon.white .l1_last h5,.five_icon.white .l1_last {text-indent: 84px;}
    .l1_five_img.white ul li { width: 23%;margin: 0 1%;}
    /*家用产品玲珑*/
    .aptitude {padding: 0 0 60px 0;height: auto;}
    .second .yd_tit {padding-top: 60px;line-height: 60px;}
    .section.smart_touch{padding: 60px 0 0 0; }
    .exquisite.double_water .left{display: none;}
    .exquisite.double_water .right{    padding: 60px 0 200px 0;}
    .exquisite.double_water .right ul li{width: 25%;}
    .safety_device{    background: url("/Public/Images/home/phpcms/zh-cn/bg_safety_device.jpg") no-repeat center center;background-size: cover;}
    /*校园产品school_YDYS*/
    .sun_aptitude .left{padding: 60px 0 0px 0;text-align: center;}
    .school_water_box{width: 100%;}
    .school_open img{margin: 0 auto;}
    .school_open{display: inline-block; margin: 30px 0 0 0;}
    .sun_hot.ydys_steel .right{text-align: center;}
    .sun_hot.ydys_steel .right img,.sun_hot.school_designer .right img{width: auto;    margin: 0 auto;}
    .l1_five_img.school_five.section ul li{height: 500px;}
    .l1_five_img.school_five .l1_five_5 h4 {left: 11%;}
    .l1_five_img.school_five .l1_five_4 h4 {top: 71%;left: 11%;}

    /*校园产品school_YDYS*/
    /*case*/
    .case ul li a{height: 150px;}
    .case ul li span {font-size: 12px;margin: 12px 0;}
    /*join*/
    .offer{display: block;margin: 0 auto;}
    .apply .tit i{right: 40px;}
    /*关于我们*/
    .event {padding-top: 0;}
    .honor_content{position: relative;}


    .honor_box{width: 40%;top: 23%;height: 120px;}
    li.h1 {position: absolute;top: 0;right: 10%;}
    li.h2 {position: absolute;top: 13%;left: 25%;}
    li.h3 {left: 62%;}
    li.h4 {top: 25%;left: 13%;}
    li.h5 {top: 46%;left: 25%;}
    li.h9 {top: 70%;}
    li.h11 {left: 20%;}
    .process ul li{width: 17.7%;}
    .event_box ul li.h4{text-align: left;}
    /*404*/
    .wrong .left{display: none;}
    .wrong .right{width: 100%;text-align: center;}

    /*footer*/
    .footer-hidden {display: none;}
    .footer-320hidden{display: block;}
    /*7.20*/
    .news_box ul li{width: 48%;    margin-right: 2%;    text-align: center;}
    .news_detail_box{text-align: left;}
    .top-notice .topnote-box{width: 100%;}
    .top-notice .topnote-box p span{margin-left: 20px;}
}

/*手机*/
@media (max-width:767px){
    .yd_tit,.f44_333{font-size: 36px;}
    .f45,.talent_box.rent_bot.quality p.tit.f45 {font-size: 24px;}
    .f44_fff {font-size: 36px;}
    .n_baner { margin-left: 0;}
    /*index，html*/
    .copy {display: none;}
    .n_banner {margin-left: -80px;}
    /*.header {}*/
    .header .header-box {padding: 10px 0;}
    .footer-box {display: none;}
    .footer-320hidden {display: block; }
    .pro_tit {top: 12%;left: 2%;}
    .content li.pro4 .pro_tit {top: 15%;left: 16%;}
    /*下拉菜单移动端*/
    .nav_bar {display: none;}
    .arrow {width: 60px;height:60px;line-height:60px;}

    /*商用commercial_sun*/
    .sun {position: static;}
    .sun .left {position: static; width: 100%;float: none;}
    .sun .right {width: 100%; text-align: center; padding: 30px 0;}
    .sun_aptitude .left {padding: 30px 0 0 0; width: 100%;float: none;    text-align: center;}
    .sun_aptitude .right {width: 100%;padding-top: 30px;float: none;}
    .sun_aptitude .right img,.l1_aptitude .left img{width: auto;margin: 0 auto;}/*img*/
    .sun_app .right ul li{display: none;}
    .sun_app .right {width: 48%;padding-top: 100px;}
    .sun_app .right .yd_tit{font-size: 36px;}
    .cloud .img2 {width: 100%;height: auto;}
    .l1_five {text-align: center;  padding: 90px 0;}
    .l1_five.sh {padding: 30px 0;}
    .l1_five.buket{padding: 0;}
    .l1_five .ff14_pro333{line-height: 30px;}
    .l1_five_img {display: inline-block;}
    .l1_five_img.l1.section,.l1_five_img.l2,.l1_five_img.sun{padding: 100px 0 0 0;}
    .l1_five_img ul li{position: relative;width: 14%;*width: 12%;margin: 0 3%;height: 700px;}
    .l1_five_img.white ul li{height: 750px;}
    .l1_five_img ul li img{  position: absolute;bottom: 0;left:0;}
    .l1_five_img h4{position: absolute;  top: 51.5%;left: 24%;*left: 70%;color: #fff;width: 80px;*width:100px;height: 30px;line-height: 30px;text-align: center;background-color: #444444;}
    li.l1_five_4 h4{position: absolute;top: 42.5%;left: 33%;*left: 79%;}
    li.l1_five_5 h4{position: absolute;  top: 50.5%;left: 15%;*left: 60%;}
    .l1_five_img.l1 ul li { height: 680px;}

    .five_icon {display: inline-block;  padding-left: 70px;}
    .five_icon.sun{text-indent: 58px;}
    .five_icon h5{font-weight: normal;  text-align: left;*text-align: center;font-size: 14px;}
    .five_icon ul li{width: 18%;height:54px;background: url("/Public/Images/home/phpcms/zh-cn/icon_circle_five.jpg") no-repeat 34px  center;*background: url("/Public/Images/home/phpcms/zh-cn/icon_circle1.jpg") no-repeat 100px  center;line-height: 52px;}/*commercial_sun*/
    .five_icon.sun .l1_last{width: 20%;height:54px;background: url("/Public/Images/home/phpcms/zh-cn/icon_circle1.jpg") no-repeat 106px center;line-height: 52px;}/*commercial_sun*/

    .five_icon .l1_last h5{text-indent: 130px;*text-indent: 60px;}
    .five_icon ul li img{display: inline-block;  margin-left: 70px;}
    li.sun_li4 { margin-left: 8%;}

    .five_icon.water_five ul li{width: 20%; *width: 19%;  background: url("/Public/Images/home/phpcms/zh-cn/icon_circle_five.jpg") no-repeat 36px center;
        * background: url("/Public/Images/home/phpcms/zh-cn/icon_circle_five_011.jpg") no-repeat 100px center;}
    .five_icon.water_five h5{  text-indent: 60px;}
    .five_icon.l1 ul li{ width: 20%;*width: 19%; background: url("/Public/Images/home/phpcms/zh-cn/icon_circle_five.jpg") no-repeat 44px center;}/*commercial_l1*/
    .five_icon.l1 h5{  text-indent: 70px;*text-indent: 33px;}/*commercial_l1*/
    .five_icon.l1 .l1_last{background: url("/Public/Images/home/phpcms/zh-cn/icon_circle_five_011.jpg") no-repeat 44px center;}/*commercial_l1*/
    .five_icon.water_five .l1_last{background: url("/Public/Images/home/phpcms/zh-cn/icon_circle_five_011.jpg") no-repeat 44px center;}
    .five_icon.water_five .l1_last h5{  text-indent: 70px;*text-indent: -44px;}

    /*7.10*/

    .cloud img{padding: 30px 0 0;}
    .related img {width: 100%;}
    .l1_aptitude.white .l1aptitude_img {padding: 60px 0;}
    .third{padding: 70px 0;}
    .water_touch.section{padding: 30px 0 0 0;}
    .pro2_smart img{padding: 0;}
    .cube_quality img{width: 100%;}
    .safety_device{background: url("/Public/Images/home/phpcms/zh-cn/bg_safety_device.jpg") no-repeat center center;background-size: cover;}
    .stabilize{background: url("/Public/Images/home/phpcms/zh-cn/exquisite_stabilize.jpg") no-repeat 50% 0;}
    .stabilize_txt.section {position: absolute;bottom: 0;left: 0; padding: 0 0 6% 0;}
    .material_safety img,.sun_app.school_switch.section2.clearfix img{width: auto;}
    .sun_hot.school_designer .left{padding: 60px 0 0 0;}
    .sun_ro.school_silence img.img2{width: auto;}
    .case ul li{ height: auto;}
    .process.section.f14{margin: 0 0 30px 0;}
    .case ul li span{margin: 10px 0;}
    .case ul li a{height: 158px;}
    .news_content .news_picture a {display: inline-block; width: 90%;}
    .news_content .news_picture img { width: 100%;}

    .sun_hot .left {width: 100%; padding:30px 0 0 0;float: none; text-align: center;}
    .sun_hot .right {padding-top: 30px; width: 100%;float: none;}
    .five_icon.section,.l1_five_img.sun.section{display: none;}
    .sun_app.section2.clearfix {padding: 30px 0 0 0;}
    /*商用commercial_l2*/
    .l2type .l1_img { position: absolute;top: 0;left: 24%;}
    .l2type .l1_img img{width: auto;}
    .l2_aptitude .left {width: 100%;float: none;padding:350px 0 0 0;overflow: hidden;}
    .l2_aptitude .l1aptitude_img {width: 100%;padding: 30px 0;text-align: center;}
    .l2_double .left {width: 98%;float: none;padding: 0 1%;}
    .l2_double .right {width: 98%;padding: 30px 0;text-align: center;margin: 0 auto;float: none;}
    .l1_five_img h4 {top: 67%;left: 9%;}
    li.l1_five_4 h4 {top: 64.5%;left: 12%;width: 76px;}
    li.l1_five_5 h4 {top: 61%;left: 10%;}
    /*商用commercial_l1*/
    .l1type .left { width: 100%;float: none; padding: 70px 0 0 0;}
    .l1_img {width: 100%;float: none;overflow: hidden;padding: 30px 0;}
    .l1_img img{margin: 0 auto;  width: auto;}
    .l1_aptitude .left {float: none; width: 100%;}
    .l1_aptitude .l1aptitude_img {width: 100%;text-align: center; padding: 30px 0;}
    .l1_double .left {padding: 30px 0;width: 100%;float: none;text-align: center;}
    .l1_double .l1ap_img {float: none;width: 100%;}
    .l1_five_img{display: none;}
    .l1_acme_txt.section {width: 100%;padding-bottom: 0;text-align: center; padding: 30px 0;}
    .l1_five_img.l1 ul li { height: 400px; }
    .l1_five_img.l1 h4 {top: 38%;}

    /*家用产品home_cube*/
    .cube_yd,.cube_system{padding: 30px 0;}

    .cube_drinking .left {padding: 30px 0;width: 100%;text-align: center; float: none; }
    .cube_drinking .right{float: none;}
    .cube_ro {padding: 70px 0;}
    .cube_ro .left,.cube_water .left,.cube_system .left,.white_double .left,.white_save .left
    ，.sun.school_ysys .left,.sun.school_ysys .left,.l1_aptitude.school .left,.l1type.section .l1_img,.sun_hot.school_designer .left
    ,.white_save.water .left,.white_save .left{float: none;display: inline-block;  width: 100%;text-align: center;}/*left*/
    .cube_ro .left ul li {margin: 0;width: 50%;}
    .cube_ro .left img,.cube_water .left img,.cube_system .left img,.white_double .left img
    ,.cube_img.water img,.white_save .left,.sun.school_ysys .left img,.l1_aptitude.school .left img,.sun_app.school_switch .right img
    ,.white_save.water .right img
    {width: auto;margin: 0 auto;}/*img*/
    .cube_ro .right,.cube_water .right,.cube_system .right,.white_double .right,.white_save .right,.sun.school_ysys .right,.sun_aptitude.school_select .right
    ,.sun_hot.ydys_steel .right,.sun_hot.school_designer .right,.l1_aptitude.school .l1aptitude_img,.sun_app.school_switch .right,.white_save.water .right
    ,.white_save .right
    {float: none;width: 100%;text-align: center;  padding: 30px 0;}/*right*/
    .l1_five_img ul li {height: 346px;}/*五级滤芯*/
    .l1_five_img.cube h4{width: 68px;}
    .l1_five_img.cube li.l1_five_4 h4 {top: 51.5%;left: 12%;width: 56px;}
    .l1_five_img.cube li.l1_five_5 h4 {top: 50%;}
    .five_icon.cube ul li {background: url("/Public/Images/home/phpcms/zh-cn/icon_circle_five_011.jpg") no-repeat 28px center;}
    .five_icon.cube .li_h5{background: url("/Public/Images/home/phpcms/zh-cn/icon_circle_five_011.jpg") no-repeat 70px center;}
    .five_icon.cube h5 {text-indent: 52px;}
    .five_icon.cube .li_h5 h5 {text-indent: 96px;}
    .five_icon.cube .l1_last {background: url("/Public/Images/home/phpcms/zh-cn/icon_circle_five_011.jpg") no-repeat 48px center;}
    .five_icon.cube .l1_last h5 {text-indent: 74px;}
    /*家用产品home_super*/
    .third p img{width: auto;}
    .third img{width: 100%;}

    .technology_box ul li p{font-size: 16px;padding-bottom: 20px;padding-top: 8px;}
    .technology_box{margin: 64px 0 0 0;}
    .bucket{padding-top: 0;background: none;}
    /*家用产品home_water*/
    .double_water .left .water_li1,.double_water .left .water_li2,.double_water .left .water_li3{display: none;}
    .water.double_water {padding: 0;height: 260px;}
    .water.double_water .left{margin-left: 3%;padding: 50px 0;}
    .white_save.water .left {padding-top: 30px;}
    /*家用产品home_whiter*/
    .machine{float: none;}
    .pure_txt{float: none;padding: 30px 0 60px 0;}
    .performance img {left: 7%;}
    .l1_five_img.white h4 {top: 62%;left: 19%;}
    .five_icon.white ul li,.five_icon.white .l1_last {background: url("/Public/Images/home/phpcms/zh-cn/icon_circle_five_011.jpg") no-repeat 60px center;}
    .five_icon.white h5, .five_icon.white .l1_last h5,.five_icon.white .l1_last {text-indent: 84px;}
    .smart_box.section{left: 4%;}
    .korean{padding: 60px 0;}
    .white_sealing .left{padding-left: 4%;}
    /*校园产品school_YDYS*/
    .sun.school_ysys .left{text-align: center;}
    .sun_aptitude.school_select .right img{width: 100%;}
    .school_water_box{width: 100%;}
    .school_water_box span{text-align: center;}
    .school_open {display: inline-block;}
    .sun_hot.ydys_steel .right img,.sun_hot.school_designer .right img{width: auto;margin: 0 auto;}/*img*/
    .sun_app.school_switch .left{display: none;}
    .l2_child_icon.school_virus ul li {width: 31%;padding: 0 1%;}
    .sun_hot.ydys_steel .left{padding: 30px 0 0 0;}
    .sun_app.school_switch .right img{width: 100%;}
    /*校园产品school_SH*/
    .l1type.section .l1_img img,.l1_aptitude.school .left img{width: auto;}


    /*jion.html*/
    .com_profile_box, .talent_box {padding-bottom: 40px;overflow-x: hidden;}
    .com_profile .tit, .company .tit, .event .tit, .talent_box .tit, .introduce .tit, .market .tit, .advantage .tit, .process .tit {margin-top: 10px;}
    .com_profile .tit, .company .tit, .event .tit, .talent_box .tit, .introduce .tit, .market .tit, .advantage .tit, .process .tit {height: 58px;}
    .com_profile .tit, .company .tit, .event .tit, .talent_box .tit, .introduce .tit, .market .tit, .advantage .tit, .process .tit {margin-bottom: 24px;}
    .talent p span{font-size: 16px;}
    .recruitment .table_list {padding: 20px 0 40px 0px;}
    /*merchants.html*/
    .process ul li {width: 17.7%;height: 220px;}
    /*join*/
    .honor_box{width: 40%;top: 23%;}
    .event_box{background: none;}
    .event_box ul li{position:static;width: 90%;padding: 0 4%;margin: 4px 0;line-height: 30px;border-bottom: 1px solid #eee;}
    .recruitment .table_list table td{background: url("/Public/Images/home/phpcms/zh-cn/icon_add.png") no-repeat 96% center;}
    .recruitment .table_list table tr .on {background: url("/Public/Images/home/phpcms/zh-cn/icon_add2.png") no-repeat 96% center;}
    .offer {display: block;margin: 10px auto;}
    .apply .tit i{right: 3%;}
    .apply{width: 90%;}
    form#user_form{    padding: 24px 0;margin: 2px auto;height: 30px;line-height: 30px;}
    #user_form p{width: 80%;}
    .recruitment .table_list table th{background: url("/Public/Images/home/phpcms/zh-cn/icon_post.png") no-repeat left center;}
    .recruitment .table_list table{text-indent: 20px;}
    /*news_company*/
    .news_company .company_right{width: 56%;}
    .news_more{margin: 20px 0;}
    .news_content {margin: 0px 0 0 0;}

    /*404*/
    .wrong .left{display: none;}
    .wrong .right{text-align: center;width: 100%;}

    .footer-box .left{width: 98%;}
    .footer-box .left ul li {float: left; width: 16%;line-height: 20px;}
    .event_box ul li.h4,.event_box ul li.h11{text-align:left;}

/**/
    .about{ width:100%;overflow: hidden;}
    #dituContent{height: 206px;}
    .about.introudce {width: 100%;}
    .about.introudce img{width: 100%;margin: 0;}
    .about img{width: 160%;margin-left: -30%;}

/*7.20*/
    .cube_stabilize .cube_img .left{float: none;}
    .cube_stabilize .cube_img .l1aptitude_img {float: none;padding: 30px 0 60px;}
/*7.20*/
    .news_box ul li{width: 48%;margin-right: 2%;    text-align: center;}
    .news_detail_box{text-align: left;}
    .top-notice .topnote-box{width: 100%;}
    .top-notice .topnote-box p span {margin-left: 0;}
}

/*手机480*/

/*手机*/
@media (max-width:480px) {
    .introduce ul li{
        width: 100%;
    }
    .f45 {font-size: 20px;}
    h2.f44{font-size: 26px;}
    .yd_tit,.f44_fff {font-size: 26px;}
    .f14_fff{line-height: 24px;}
    .f44_333{font-size: 26px;}
    .arrow{width: 40px;height: 40px;line-height: 40px;}
    .arrow img {width: 50%;}
    /*?index*/
    .content ul li {margin: 1px 0;}
    .header-box .logo {float: left;}
    .content ul li{width: 100%;}
    .footer-320hidden {display: block;}
    .content ul li,.content ul li a{height: auto;}
    input.sea_btn.yd{width: 12%;}
    .m-navwrap ul li .yd_slide ul li {background-color: #999;text-indent: 24px;}
    .n_banner {margin-left: -100px;}
    .pro_tit p{width: 170px;}
    /*jion.html*/
    .recruitment .table_list table th{text-indent: 30px;}
    .offer{margin: 5% 30%;}
    .news_page a.page_btn{float: none;padding: 8px 20px;}
    .news_detail{text-indent:0;}
    .com_profile_box, .talent_box {padding: 0 5% 0 5%;}
    .talent p span{font-size: 14px;}
    .recruitment .table_list table tr, th, td {line-height: 40px;}
    /*移动bannerslide*/
    .content li.pro4 .pro_tit {top: 20%;left: 2%;}
    /*关于我们*/
    .company ul li {width: 31%;margin: 0 1%;}
    .company ul li a .icon{  width: 50px;height: 50px;}
    .company hr{width: 90%;  margin:4% 1%;}
    .company ul li p {font-size: 16px;}
    .contact_left h3{padding-bottom: 6px;}
    /*商用产品commercial_sun*/
    .sun_app .left {width: 100%; float: none;}
    .sun_app .right {width: 100%;padding: 30px 0;text-align: center;float: none;}
    .sun_water .left { width: 100%; float: none;text-align: center;}
    .sun_water .right{float: none;}
    .sun_app .right .yd_tit{font-size: 26px;}

    /*商用产品commercial_l2*/
    .l2_double .right .yd_tit, .l2_double .right .ff14_pro333 {padding-left: 0;}
    .l2type{position: static;}
    .l2type .left {width: 100%;padding: 0;text-align: center;float: none;}
    .l2type .l1_img {width: 100%;position: static;text-align: center;top: 0;left: 0;padding: 0;float: none;}
    .l2type .l1_img img {width: 100%;  padding: 30px 0 0 0;}
    .l2_aptitude .left{padding: 0;}
    .l2_double2{padding: 30px 0 0 0;}
    .l2_double2 .left {width: 100%;margin-left: 0;float: none;padding: 30px 0 60px 0;text-align: center;}
    .l2_double2 .right { width: 100%; float: none;}

    .l1_five_img{display: none;}
    .l1_five{padding: 60px 0 0 0;}
    /*商用产品commercial_l1*/

    /*家用产品home_cube*/
    .technology,.technology_box{display: inline-block;}
    .cube_ro .left img, .cube_water .left img, .cube_system .left img,.cube_free .right img,.bucket_img img,.white_double .left img
    ,.pro2_save.section img,.pro2_smart img,.cube_stabilize .cube_img .water img, .filter img
    {width: 70%;margin: 0 auto;}/*img*/
    .cube_yd{padding: 0;}
    .black img {padding-top: 30px;}
    .cube_yd p{text-indent: 20px;text-align: left;padding: 0 0 30px 0;}
    .cube_ro {padding: 70px 0 30px 0;}
    .cube_water {padding-top: 70px;}
    .section.cube_double p{text-align: left;  width: 90%; padding-left: 5%;}
    .cube_system {padding: 70px 0 0 0;}
    .technology_box ul li {width: 31.33%;margin: 8px 1%;}
    .technology_box ul li p {font-size: 20px;padding-bottom: 18px;padding-top: 10px;}
    .technology_box{margin: 0;    padding: 30px 0 0 0;}
    .technology_box h2 {width: 100%;padding: 20px 0 20px;}
    .related h2 {padding: 30px 0;}
    .sun.section.clearfix {padding: 60px 0 30px 0;}
    .sun_aptitude .right img,.sun_ro img,.l2_double2 .right img,.sun_aptitude .right img, .l1_aptitude .left img{width: 80%;margin: 0 auto;}/*img*/

    .section.black.cube {padding: 0 0 0px 0;}
    .yd_aptitude.padding{padding:60px 0;}
    /*家用产品home_super*/
    .type_box {width: 90%; padding: 0 5%;margin: 60px 0 30px 0;}
    .type_box ul li{  width: 28%; margin: 0 4%;}
    .pro3_type ul li h4{font-size: 24px;}
    .pro3_type ul li h4{padding: 10px 0;}
    .bucket{padding-top: 0;background: none;}
    .bucket.tit {padding: 30px 0 0 0;}
    .bucket_img{padding-left: 0;}
    .third ul li{width: 100%;}
    .white_double .left{width: 100%;text-align: center;}
    .home_box {padding-top: 30px;}
    .pro3_type {padding: 30px 0 0 0;}
    .third {padding: 30px 0;padding-bottom: 0;}
    .white_double {padding: 30px 0;}
    .pro3_save{height: 300px;}
    .pro3_save .txt {padding: 30px 0;}
    .efficient_img{padding: 30px 0;}
    /*家用产品home_water*/
    .pro2_aptitude {padding: 60px 0 0 0;background: url("/Public/Images/home/phpcms/zh-cn/bg_water_aptitude2.png") no-repeat 78% 38%;text-align: center;height: 400px;}
    .pro2_smart{padding: 30px 0;}
    .water_touch.section{width: 60%;}
    .water_touch.section img,.pro2_smart img{padding-top: 30px;}
    .water.double_water {height: 400px;background: url("/Public/Images/home/phpcms/zh-cn/bg_water_double2_small.jpg") no-repeat 0 0;background-size: cover;}
    .efficient.water {height: 400px;padding: 60px 0 0 0;background-size: cover;}
    .water.double_water .left{float: none;text-align: right;}
    .efficient{background: url("/Public/Images/home/phpcms/zh-cn/bg_water_efficient_small.jpg") no-repeat center center;  background-size: 100%; padding: 0;text-align: center;}
    .cube_stabilize .cube_img.water img{width: 100%;}
    .home_water_panel{display: none;}
    .pro2_smart {padding: 60px 0;background: #010101;height: auto;}
    .white_save.water .left{float: none;width: 100%;text-align: center;padding: 30px 0;}/*left*/
    .stable_box .left{float: none;width: 100%;text-align: center;padding: 60px 0 0 0;}
    .white_save.water .right{float: none;width: 100%;padding: 60px 0;}/*right*/
    .white_sealing .right{float: none;width: 130%;padding: 0;overflow: hidden;}
    .white_performance {padding: 60px 0;}
    .performance{height: 450px;  margin: 60px 0 0 0;}
    .performance img {width: 80%;    top: 15%;}
    .white_save{padding: 0;}
    .water{padding: 30px 0 0 0;}
    .white_save.water .right img{width: 100%;}
    /*家用产品home_white*/
    .pure_txt{margin: 0;}
    .smart_box.section {width: 100%;}
   /* .korean,.korean .img2{padding: 60px 0;}*/
    .technology_box.center{margin: 0;}
    /*家用产品 玲珑*/
    .black_box .section.black img {width: 70%;padding: 60px 0 0 0;}
    .black_box{height: auto;}
    .yd_box.ydwater { padding: 60px 0;}
    .aptitude {height: auto;padding: 0 0 30px 0;}
    .second .yd_txt{padding: 30px 0;}
    .second .yd_tit {padding-top: 60px;line-height: 36px;}
    .smart_touch .yd_txt {padding-top: 0px;}
    span.news_time{    width: 120px;}
    .yd_txt{line-height: 22px;}
    .section.smart_touch {padding: 60px 0 0 0;}
    .section.smart_touch img {width: 70%;  padding:60px 0;}
    .exquisite.double_water .left{display: none;}
    .exquisite.double_water .right{padding:60px 0 280px 0;}
    .exquisite.double_water .right ul li{width: 42%;}
    .safety_device{background: url("/Public/Images/home/phpcms/zh-cn/bg_safety_device.jpg") no-repeat 70% 10%;}
    .safety_device .yd_save{width: 100%;text-align: center;padding: 60px 0 0 0;}
    .efficient .ya_img {padding: 60px 0;}
    .efficient.ll{}
    .stabilize{background: none;height: auto;}
    .material_safety img { padding: 30px 0 0 0;width: 100%;}
    .material_safety img, .sun_app.school_switch.section2.clearfix img {width: 100%;}
    .stabilize_txt.section {padding: 60px 0;}
    /*校园产品school_YDYS*/
    .cloud.school_water{height: 500px;}
    .sun_hot.school_designer .left,.sun.school_ysys .left {padding-top: 60px;}
    .cloud{padding: 30px 0; }
    .sun,.school_water_box {padding: 30px 0;}
    .sun.school_ysys .left {width: 70%;display: block;margin: 0 auto;}
    .sun.school_ysys .left img,.l2_child_icon img{margin: 0 auto;width: 100%;}
    .l2_child_icon.school_virus {width: 100%;padding: 0;}
    .sun_hot.ydys_steel .left.sun_app.school_switch {padding-top: 30px;}
    .sun_hot.ydys_steel .right img{width: 100%;}
    .sun_app.school_switch .left{display: none;}
    .sun_app.school_switch{padding: 30px 0;}
    .sun_hot.school_designer .right img{width: 70%;}

    .l2_child_icon{margin: 20px 0;padding: 0 0 30px 0;}
    .l2_child_icon ul li{width: 30%;padding: 2% 10%;}
    /*校园产品school_SH*/
     .l1_aptitude.school .left img{width: 70%;}
    .l1type .left,.sun_ro,.sun_ro img{padding: 60px 0 0 0;}
    /*品质服务quality.html*/

    .com_profile, .company.section.f14, .honor, .talent.section.f14, .introduce {display: inline-block;margin-top: 10px;}
    .news_more {margin: 0;}
    /*.banner_quality{display: none;}*/
    .quality_icon ul li{margin:0;    height: 100px;}
    .introduce{margin: 0;}
    .introduce ul li{  margin-bottom: 10px;  line-height: 40px;}
    .slide_quality{  padding:10px  0;}
    .introduce .slide_quality ul li{line-height: 10px;margin: 8px 0;}
    .introduce ul li.on{background: url("/Public/Images/home/phpcms/zh-cn/icon_bottom.png") no-repeat 94% 3%;}
    .quality_icon ul li p{font-size: 10px;}
    .quality_icon ul li a .icon, .quality_icon ul li a p{height: 50px;font-size: 14px;}
    .talent_box.rent_bot .talent h3{font-size: 14px;line-height: 24px;}
    .talent_box.rent_bot h5, .talent p{padding-top: 10px;}
    .quality_icon.section{width: 100%;}
    .talent_box.rent_bot h5, .talent p{font-size: 12px;}
    .talent_box.rent_bot h5, .talent p{line-height: 22px;}
    .quality_icon.section, .position.section{    padding: 0;display: inline;}
    .quality_icon.rent.section {padding: 0px 0 60px 0; display: inline-block;}
    .position.section{display: inline-block;text-indent: 40px;    padding: 10px 0 0 0;}
    .quality {padding: 30px 0;}
    .talent_box.rent_bot.quality {padding: 0px 0 0 0;}
    .talent_box.rent_bot .talent.section.f14{padding: 0;margin: 0;}
    /*关于我们*/
    .honor,.honor_content{background: none;height: auto;}
    .honor{width:90%;padding: 10px 5% 0px 5%;}
    .honor .tit {padding-top:0px;}
    .honor_box { top: 10%;width: 90%;padding: 5%;background: #6facbd;position: static;left: 0; height: 130px;}
    .news{padding: 30px 0 0 0;}
    .news_detail img{width:100%;display: block;}
    .news_company {padding: 10px 0 0 0;}

    /*招商*/

    .market.section.f14 span.tit.f45, .advantage.section.f14 span.tit.f45{padding-top: 10px;}
    .market.section.f14 span.tit.f45{padding:10px 0 0 0;}
    .merchants {padding: 0 0 30px 0;}
    .apply{height: 96%;}
    .advantage p {width: 100%;padding: 0;line-height: 24px;}
    .join .left{display: none;}
    .join .right{width: 90%;padding: 30px 5%;}
    .process ul li{width: 47%;    margin:1%;}
    .com_profile .tit, .company .tit, .event .tit, .talent_box .tit, .introduce .tit, .market .tit, .advantage .tit, .process .tit, .honor .tit, .talent_box.rent_bot.quality .talent .tit.f45{height: 58px;}
    .honor .tit{margin-bottom:30px;}
    .event{  padding: 10px 0;}
    .market .tit2{background: url("/Public/Images/home/phpcms/zh-cn/icon_add.png") no-repeat 86% center;}
    .market p.tit2.on {background: url("/Public/Images/home/phpcms/zh-cn/icon_add2.png") no-repeat 86% center;}
    /*join*/
    .join .right h2{font-size: 20px;  margin: 0 0 34px 0;}
    .process.section.f14 span.tit.f45 {padding-top: 10px;}
    .market ul li{line-height: 40px;font-size: 14px;}
    .slide_market h2{font-size: 14px;}
    .slide_market{line-height: 20px;padding: 10px 0;}
    .market_box{width: 90%;padding: 0 5% 20px 5%;}
    .merchants_content{width: 100%;overflow-x: hidden;}
    .merchants_content img{width: 170%; margin-left: -60%;}
    .join_tit{width: 90%;}
    form#user_form {padding: 45px 0;}
    #user_form .resume_resume textarea {width: 90%;}
    #user_form p {width: 90%; }
    #user_form p label{width: 30%;}
    #user_form p input, #user_form p textarea{width: 55%;}
    .tips{left: 32%;}
    .btn_box .btn_submit, .btn_box .btn_reset{display: inline-block;}
    .btn_box{width: 100%;margin: 0 auto;text-align: center;padding-left: 0; }
    #user_form .resume_resume textarea{height: 80px;}
    .btn_box .btn_submit, .btn_box .btn_reset{width: 100px; height: 30px;}
    /*news_company*/
    .news_company .company_left { width: 100%;float: none;display: table;padding: 20px 0 0 0;}
    .news_com_page{line-height: 30px;}
    .news_box ul li a{line-height: 14px;}
    .news_box.detail span{margin: 10px 0;}

    .news_company .company_right {width: 100%;float: none;margin: 10px 0;}
    .company_right h2{font-size: 14px;}
    .news_content .news_title {width: 100%;float: none;display: inline-block;margin: 10px 0;}
    .news_detail p img{width: 100%;    display: block;}
    /*.news_content .news_title span.news_time{display: inline-block;}*/
    .news_content ul li{padding: 20px 0;}
    .news_box ul li{width: 100%;padding: 20px 0;}
    .news_box .li_news_left{    padding:10px 0;}
    .news_detail h2 {margin: 30px 0 18px 0;}
    .f24{font-size: 20px;}
    .case ul li {height: 140px;}
    .news_content .news_picture {width: 100%; text-align: center;}
    .news_content .news_picture img {width: auto; margin: 0 auto; }
    /*case*/
    .case_block a{width: 22%;    padding: 10px 0px;margin:0 1%;text-align: center;}
    .case .right{float: none;}
    .case ul li,.case .left,.case .right{width: 48%;margin:1%;}
    .case ul li a{height: 100px;}
    /*contact_us.html*/
    #dituContent {height: 170px;}
    .contact_left,.contact_right {width: 98%;padding: 0 1%;float: none;}
    .txt_right {float: right;margin: 10px 0 0 0;line-height: 26px;width: 50%;}
    .contact_right{margin: 4px 0;}
    /*404*/
    .containt_page{padding: 30px 0;background-image: none;height: auto;}
    .wrong .left{display: none;}
    .wrong .right{text-align: center;width: 100%;padding: 0;}
    .wrong .right img{width: 50%;}
    .wrong .right p{font-size: 16px;}
    .wrong_refresh{padding: 0 0 30px 0;}
    .wrong .right .wrong_refresh img{width: auto;}
    .wrong .right ul li{width: 40%;}
    /*search*/
    .search_news{height: auto;}
    .search_page_center{text-align: center;}
    .search_news ul li{height: auto;    background: url("/Public/Images/home/phpcms/zh-cn/point.jpg") no-repeat 10px 16px;}
    .search_news span {float: none;margin-right: 10px;}
    .black {display: inline-block;margin: 0 0 30px 0;}
    .black img{width: 100%;}
    .cube_aptitude .right img{width: 100%;}
    .search_box span.right.f14{display:inline-block ;margin: 10px 0;}
    a.pageview.hidden{display: none;}
    .pageview {padding: 4px 6px;}
    .search_page { text-align: right;margin: 20px 0;padding-right: 0;display: inline-block;}
    #user_form p img{float: none;margin: 0 8px;}
    /*7.10*/

    div#person_talent, div#recruitment_information, .com_profile.company.section.f14 {padding: 0px 0 0 0;}
    .com_profile.company.section.f14{padding: 10px 0 0 0;}
    .talent_box.rent_p .talent.section.f14{margin-top: 0;}
    .material_safety {padding-top: 0;}
    /*图片变为80%*/
    .sun_aptitude .left,.sun_app.section2.clearfix,.l2_child.section2,.sun_water .left,.l2type,.l2_effluent,.l1_aptitude .left,.machine,.korean .img2,.white_sealing .left,.white_double .left
    ,.yd_pure img,.pro2_save.section,.cube_yd.cube,.l1_five.exquisite,.sun_aptitude.school_select .right,.sun_hot.ydys_steel .left,.sun_hot.ydys_steel .right,.sun_hot .left{padding: 60px 0 0 0;}/*padding*/
    .yd_pure.section2{padding: 30px 0 0 0;}/*padding_30*/
    .l2_aptitude .l1aptitude_img,.l2_double .right,.l1_aptitude .l1aptitude_img,.l1_double .left,.korean,.sun.school_ysys .right{padding: 60px 0;}

    .sun_app .right,.l1_acme_txt.section,.cube_drinking .left,.cube_system .right,.l2_effluent_icon,.cube_txt,.l1_aptitude.school .l1aptitude_img{padding: 60px 0;}
    .cube_img img{width: 200%; margin-left: -54%;}
    .cube_ro .right{padding: 40px 0 30px 0;}
    .section.cube_double img{width: 120%;}
    .stable_box .right{width:80%;margin: 0 auto;padding: 30px 0 60px 0;float: none;text-align: center;}
    .white_sealing .left{width:80%;margin: 0 auto;padding: 60px 0 60px 0;float: none;text-align: center;}
    .sun_aptitude .right,.sun_app .left,.cloud .img2,.sun_water .right,.l2_double2 .right,.l1type.section .l1_img img,.machine,
    .third img,.efficient_img,.cube_aptitude .right,.section.black.cube,.yd_aptitude.section,.sun_hot.ydys_steel .right img{width:70%;margin: 0 auto;}/*img*/
    .l1_acme img{width: 120%;}
    .smart_image{}
    .smart_image img{width: 180%;margin-left: -42%;}
    .pro3_touch .right img{width:150%;}
    .technology_box ul li h3{    font-size: 14px;}
    .technology_box ul li p{font-size: 12px;}
    .sun_aptitude .left h3.ff14_pro333,h3.f14_fff,h3.ff14_pro333,h2.yd_tit,.pure_txt p,h3.ff14_pro666,p.yd_txt{width: 100%;margin: 0 auto; text-align: center;}/*字体*/
    .cloud .img2{padding: 60px 0;}
    .quality_icon ul li a span img, .quality_icon ul li a img{width: 50%;}
    .about.introudce{width: 100%;overflow-x: hidden}
    .company ul li a span{width: 200%;margin-left: -50%;margin-top: -50%;}
    .about.introudce img{width: 150%;margin-left: -26%;;}
    .news_box ul li p{line-height: 20px;}
    .news_box ul li a h4{line-height: 22px;}
    .about img{width: 236%;margin-left: -76%;}
    .merchants_top img{width: 150%;margin-left: -32%;}
    .about,.merchants_top  {width: 100%;overflow-x: hidden;}
    .case_block {padding: 30px 0 0 0;}
    .position, .position a{display: none;}
    .event_box,.contact.section,.news_box_box.section,.news_detail.section,div#recruitment_information,div#person_talent,.case_box.section,.introduce.section.f14
    ,.talent_box.rent_bot.quality,.advantage_box, .process_box{width: 90%;padding: 0 5%;}
    .position.section{display: none;}
    .quality_icon.rent.section ul li a span img, .quality_icon.rent.section ul li a img{width: 25%;}


    /*footer*/
    .copy {display: none;}
    /*7.20add*/
    .cube_stabilize .cube_img .l1aptitude_img {float: none;padding: 10px 0 30px;}
    .cube_stabilize .cube_img .left img { width: 70%;margin: 0 auto;}
    .news_box ul li{margin-bottom: 0;}
    /*7.30_add*/
    .top-notice .topnote-box .notice{width: 92%;}
    .top-notice .topnote-box .close{width: 7%;}
    .top-notice {/*width: 98%;padding: 0 1%;*/width: 100%;}
    .top-notice .topnote-box p{    background: url("/Public/Images/home/phpcms/zh-cn/tn1.png") no-repeat left top;}
    .top-notice .topnote-box p span{    margin-left: 0;}
    .top-notice .topnote-box p span a{padding: 4px 6px 4px 30px;background: url("/Public/Images/home/phpcms/zh-cn/tn2.png") no-repeat 5px 0px;}



}




/*8-29 新增*/
.wp{
    width: 1200px;
    margin: auto;
    overflow: hidden;
}
.xz_header{
    height: 90px;
    line-height: 90px;
    box-shadow: 0 10px 10px #ebebeb;
}
.xz_header .logo{
    width: 240px;
    height: 90px;
    line-height: 90px;
    float: left;
}
.xz_header .logo img{
    padding-top: 20px;
}
.xz_header .nav ul li{
    width: auto;
    padding: 0 15px;
}
.xz_header .nav ul li a{
    width: 100%;
    height: 100%;
    display: block;
}
.xz_header div#slide1{
    left: -13%;
}
.xz_header .nav .slide{
    top: 90px;
    padding: 0;
    height: 60px;
    line-height: 60px;
    background-color: #FAFEFD;
    opacity: .8;
}
.nav .slide_content ul li{
    height: 60px;
}
.one-time .slick-prev,.one-time .slick-next{
    display: none !important;
}
.slick-dots {
    position: absolute;
    bottom: 20px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.slick-dots{
    position: absolute;
    bottom: 20px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.banner .slick-dots{
    *left: 45%;
    /**margin-left:*/
}
.xz_banner img{
    width: 100%;
}
.slick-dots li{
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    background: url("/Public/Images/home/phpcms/zh-cn/xzimages/dots.png") no-repeat 0px top;
    cursor: pointer;
    _display:inline;
    _zoom:1;
    float: none;
    *float:left;
}
.slick-dots li button{
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li.slick-active {
    background: url("/Public/Images/home/phpcms/zh-cn/xzimages/dots.png") no-repeat -30px top;
}
.one-time .por{
    height: 650px;
    position: relative;
}
.one-time .por img{
    width: 100%;
}

.one-time .poa{
    position: absolute;
    width: 1200px;
    height: 360px;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.one-time .poa .left,.one-time .poa .right{
    width: 50%;
    height: 100%;
}
.one-time .poa .left h3{
    font-size: 36px;
    color: #bf9c46;
    font-weight: bold;
    padding: 30px 0 25px;
}
.one-time .poa .left p{
    font-size: 18px;
    color: #bf9c46;
    line-height: 2;
    width: 80%;
    margin-bottom: 30px;
}
.one-time .poa .left a{
    border: 1px solid #bf9c46;
    color: #bf9c46;
    padding: 3px 25px 3px 10px;
    border-radius: 5px;
}
.one-time .banner1.poa .left a{
    background: url("/Public/Images/home/phpcms/zh-cn/xzimages/more1.png") no-repeat 90%;
}
.one-time .banner1.poa .left a:hover{
    color: #ffffff;
    background: #bf9c46 url("/Public/Images/home/phpcms/zh-cn/xzimages/more2.png") no-repeat 90%;
}
.one-time .banner2.poa .left a{
    background: url("/Public/Images/home/phpcms/zh-cn/xzimages/more2.png") no-repeat 90%;
}
.one-time .banner2.poa .left a:hover{
    color: #32c1e0;
    background: #ffffff url("/Public/Images/home/phpcms/zh-cn/xzimages/more3.png") no-repeat 90%;
}



.one-time .poa .right img{
    height: 100%;
    width: auto;
    clear: both;
    display: block;
    margin: auto;
}
.one-time .poa.banner2 .left h3,
.one-time .poa.banner2 .left p,
.one-time .poa.banner2 .left a{
    color: #ffffff;
}
.one-time .poa.banner2 .left a{
    border-color: #ffffff;
}
.one-time .poa.banner3 .top,.one-time .poa.banner3 .bottom{
    width: 70%;
    margin: auto;
}
.one-time .poa.banner3 .top{
    border-bottom: 1px solid #bf9c46;
    padding-bottom: 30px;
}
.one-time .poa.banner3 .top img{
    width: 90%;
    height: auto;
    clear: both;
    display: block;
    margin: auto;
}
.one-time .poa.banner3 .bottom{
    position: relative;
}
.one-time .poa.banner3 .bottom a{
    position: absolute;
    right: 5%;
    bottom: 5%;
    border: 1px solid #bf9c46;
    color: #bf9c46;
    padding: 3px 25px 3px 10px;
    border-radius: 5px;
}
.one-time .banner3.poa .bottom a{
    background: url("/Public/Images/home/phpcms/zh-cn/xzimages/more1.png") no-repeat 90%;
}
.one-time .banner3.poa .bottom a:hover{
    color: #ffffff;
    background: #bf9c46 url("/Public/Images/home/phpcms/zh-cn/xzimages/more2.png") no-repeat 90%;
}
.one-time .poa.banner3 .bottom ul{
    padding-top: 40px;
    width: 90%;
    margin: auto;
    overflow: hidden;
}
.one-time .poa.banner3 .bottom ul li{
    line-height: 2;
    width: 100%;
    color: #bf9c46;
}

ul.news{
    margin-top: 60px;
    margin-bottom: 40px;
    overflow: hidden;
}
ul.news li{
    width: 23%;
    margin-right: 32px;
    float: left;
    position: relative;
    cursor: pointer;
    overflow: hidden;
}
ul.news li:last-child{
    margin: 0;
}
ul.news li .pro_img img{
    width: 100%;
    height: 190px;
}
ul.news li .pro_shadow{
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: -209px;
    transition: all 0.6s;
    -moz-transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
    background-color: #527690;
}
ul.news li .pro_shadow h4,ul.news li .pro_shadow span{
    width: 90%;
    margin: auto;
    color: #ffffff;
    font-size: 16px;
    padding-top: 25%;
}
ul.news li:hover .pro_shadow{
    bottom: 0;
    background: url("/Public/Images/home/phpcms/zh-cn/xzimages/new_bj.png");
    opacity: 1;
    filter: Alpha(opacity=1);
}
.xz_footer{
    background-color: #f9f9f9;
    overflow: hidden;
}
.xz_footer .left,.xz_footer .right{
    padding: 35px 0 45px;
}
.xz_footer .left{
    float: left;
}
.xz_footer .left dl{
    float: left;
    margin-right: 50px;
}
.xz_footer .left dl dt{
    font-size: 16px;
    color: #333333;
    font-weight: bold;
    padding-bottom: 15px;
}
.xz_footer .left dl dd a{
    font-size: 12px;
}
.xz_footer .left dl dd a:hover{
    color: #bf9c46;
}
.xz_footer .right{
    float: right;
    margin-top: 35px;
    padding: 0 0 0 60px;
    border-left: 1px solid #dddddd;
}
.xz_footer .right h3{
    font-size: 28px;
    color: #bf9c46;
    font-weight: bold;
    padding: 5px 0 10px;
    margin-left: 20px;
}
.xz_footer .right span.tel{
    color: #888888;
    font-size: 16px;
    padding-left: 20px;
    background: url(/Public/Images/home/phpcms/zh-cn/xzimages/phone.png) no-repeat left;
}
.xz_footer .right span.follow{
    color: #888888;
    font-size: 16px;
    padding-left: 20px;
    background: url(/Public/Images/home/phpcms/zh-cn/xzimages/follow.png) no-repeat left;
}
.guanz{
    margin-top: 10px;
    margin-left: 20px;
}
.guanz li{
    float: left;
    position: relative;
    margin-right: 15px;
    cursor: pointer;
}
.guanz li.d_weixin{
    width: 26px;
    height: 31px;
    background: url("/Public/Images/home/phpcms/zh-cn/xzimages/wx.png") no-repeat left;
}
.guanz li.d_weibo{
    width: 26px;
    height: 31px;
    background: url("/Public/Images/home/phpcms/zh-cn/xzimages/wb.png") no-repeat left;
}
.guanz li.d_weixin:hover{
    background: url("/Public/Images/home/phpcms/zh-cn/xzimages/wx.png") no-repeat right;
    transition: all .6s;
}
.guanz li.d_weibo:hover{
    background: url("/Public/Images/home/phpcms/zh-cn/xzimages/wb.png") no-repeat right;
    transition: all .6s;
}
.guanz li a{
    position: absolute;
    bottom:30px;
    left : -44px;
    display: none;
    padding: 0 8px 8px 0;
    background: url("/Public/Images/home/phpcms/zh-cn/xzimages/guanz_abj.png") no-repeat center;
}
.guanz li.d_weixin:hover a,
.guanz li.d_weibo:hover a{
    display: block;
    transition: all .6s;
}
.xz_footer .section{
    width: 100%;
}
.intro{
    overflow: hidden;
    padding-top: 60px;
    padding-bottom: 40px;
    border-bottom: 2px solid #bf9c46;
}
.intro .left{
    width: 35%;
}
.intro .left img{
    width: 300px;
    height: 200px;
    clear: both;
    display: block;
    margin: auto;
}
.intro .right{
    width: 65%;
}
.intro .right h3{
    color: #666666;
    font-weight: bold;
    font-size: 18px;
    padding-bottom: 20px;
}
.intro .right_l{
    width: 34%;
    float: left;
    border-right: 1px solid #dddddd;
}
.intro .right_r{
    width: 60%;
    float: right;
}
.intro .right_l span,.intro .right_r span{
    display: block;
    padding-left: 30px;
    line-height: 2;
}
.intro span.a1{
    background: url("/Public/Images/home/phpcms/zh-cn/xzimages/span_ico.png") no-repeat left 7px;
}
.intro span.a2{
    background: url("/Public/Images/home/phpcms/zh-cn/xzimages/span_ico.png") no-repeat left -22px;
}
.intro span.a3{
    background: url("/Public/Images/home/phpcms/zh-cn/xzimages/span_ico.png") no-repeat left -50px;
}
.intro span.a4{
    color: #bf9c46;
    background: url("/Public/Images/home/phpcms/zh-cn/xzimages/span_ico.png") no-repeat left -78px;
}
.intro span.a5{
    background: url("/Public/Images/home/phpcms/zh-cn/xzimages/span_ico.png") no-repeat left -107px;
}
.con_part{
    width: 80%;
    margin: auto;
    padding-bottom: 50px;
}
.con_part h3{
    text-align: center;
    font-size: 30px;
    color: #333333;
    padding: 25px 0;
}
.con_part .nr{
    width: auto;
}
.con_part .nr p{
    font-size: 14px;
    color: #666666;
    line-height: 1.5;
    text-indent: 2em;
    padding-bottom: 20px;
}
.con_part .nr p img,.con_part .nr img{
    clear: both;
    display: block;
    margin: auto;
}
.con_part .nr_b{
    margin-bottom: 25px;
}
.con_part .nr_b h3{
    text-align: left;
    font-size: 18px;
    color: #404040;
    border-left: 4px solid #bf9c46;
    padding: 0 0 0 10px;
    margin: 10px 0;
}
.con_part .nr_b p{
    font-size: 14px;
    color: #666666;
    text-indent: 2em;
}
.con_part .nr_b .nr_img img{
    margin: auto;
    padding: 0 16px;
}
.con_part_b{
    padding: 20px 0;
    border-top: 1px dashed #dddddd;
    overflow: hidden;
}
.con_part_b .part_l{
    float: left;
}
.con_part_b .part_l h4,
.con_part_b .part_l a{
    /*display: block;*/
    line-height: 2;
    font-size: 16px;
    color: #666666;
}
.con_part_b .part_r{
    float: right;
}
.con_part_b .part_r a{
    padding-right: 30px;
    background: url(/Public/Images/home/phpcms/zh-cn/xzimages/fanhui.png) no-repeat right;
}
.con_part_b .part_r .jiathis_style_32x32{
    overflow: hidden;
    padding-bottom: 15px;
}
.con_part_b .part_r .jiathis_style_32x32 a{
    background: none;
    padding: 0;
}
.jiathis_style_32x32  .jtico.jtico_cqq{
    height: 20px !important;
    width: 20px !important;
    padding: 0 4px !important;
    background: url(/Public/Images/home/phpcms/zh-cn/xzimages/fenxiang.png) no-repeat 6px 0 !important;
}
.jiathis_style_32x32  .jtico.jtico_weixin{
    height: 20px !important;
    width: 20px !important;
    padding: 0 4px !important;
    background: url(/Public/Images/home/phpcms/zh-cn/xzimages/fenxiang.png) no-repeat -24px 0 !important;
}
.jiathis_style_32x32  .jtico.jtico_tsina{
    height: 20px !important;
    width: 20px !important;
    padding: 0 4px !important;
    background: url(/Public/Images/home/phpcms/zh-cn/xzimages/fenxiang.png) no-repeat -50px 0 !important;
}
.jiathis_style_32x32  .jtico.jtico_cqq:hover{
    background: url(/Public/Images/home/phpcms/zh-cn/xzimages/fenxiang.png) no-repeat 6px -21px !important;
}
.jiathis_style_32x32  .jtico.jtico_weixin:hover{
    background: url(/Public/Images/home/phpcms/zh-cn/xzimages/fenxiang.png) no-repeat -24px -21px !important;
}
.jiathis_style_32x32  .jtico.jtico_tsina:hover{
    background: url(/Public/Images/home/phpcms/zh-cn/xzimages/fenxiang.png) no-repeat -50px -21px !important;
}

.com_pro{
    overflow: hidden;
    padding-bottom: 50px;
    border-bottom: 1px dashed #dddddd;
}
.com_pro h3{
    padding: 50px 0;
    background: url(/Public/Images/home/phpcms/zh-cn/xzimages/h3_bj.jpg) repeat-x center;
}
.com_pro h3 span{
    margin: auto;
    width: 240px;
    background-color: #fff;
    display: block;
    text-align: center;
    font-size: 40px;
    color: #333333;
}
.com_pro .com_l{
    width: 50%;
    float: left;
    height: 320px;
}
.com_pro .com_r{
    width: 50%;
    height: 320px;
    float: right;
}

.com_pro .com_l .o_Video{
    padding: 0 70px 20px 0;
    background: url(/Public/Images/home/phpcms/zh-cn/xzimages/video_bj.png) no-repeat bottom left;
}

.com_pro .com_l video{
    width: 550px;
    height: 300px;
}
.v_ie8{
    display: none;
}
.com_pro .com_r h4{
    font-size: 18px;
    font-weight: bold;
    color: #bf9c46;
    padding-left: 10px;
    border-left: 3px solid #bf9c46;
}
.txt_nr{
    margin: 40px 0 20px;
    height: 210px;
    /*overflow-y: auto;*/
    box-sizing: border-box;
    overflow: auto;
}
.txt_nr .mCSB_scrollTools .mCSB_draggerRail{
    background-color: #aaa;
}
.txt_nr p{
    font-size: 14px;
    line-height: 2;
    padding-bottom: 14px;
    text-indent: 2em;
    color: #333333;
}
.brand{
    overflow: hidden;
    padding-bottom: 30px;
}
.brand h3{
    font-size: 40px;
    color: #333333;
    text-align: center;
    padding: 50px 0 30px;
}
.brand ul{
    overflow: hidden;
    padding-bottom: 20px;
    background: url("/Public/Images/home/phpcms/zh-cn/xzimages/brandul_bj.png") repeat-x bottom;
}
.brand ul li{
    float: left;
    padding: 0 17px;
}
.brand_honor{
    background-color: #6facbd;
    /*padding: 40px 0;*/
    height: 300px;
    overflow: hidden;
}
.brand_honor .left{
    width: 55%;
    height: 100%;
    float: left;
    padding: 40px 0;
}
.left_auto{
    width: 80%;
    margin: auto;
}
.auto_img img{
    clear: both;
    display: block;
    margin: auto;
}
.brand_honor .left .slick-prev,
.brand_honor .left .slick-next
{
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    /*margin-top: -45px;*/
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    z-index: 1;
}
.brand_honor .left .slick-prev{
    left: -40px;
    width:15px;
    height:25px;
    background:url("/Public/Images/home/phpcms/zh-cn/xzimages/ad_ctr.png") no-repeat 0 0;
    transition: ease-in all .35s;
    -moz-transition: ease-in all .35s;
    -ms-transition: ease-in all .35s;
    -o-transition: ease-in all .35s;
    -webkit-transition: ease-in all .35s;
}
.brand_honor .left .slick-next{
    right: -40px;
    width:15px;
    height:25px;
    background:url("/Public/Images/home/phpcms/zh-cn/xzimages/ad_ctr.png") no-repeat -15px 0;
    transition: ease-in all .35s;
    -moz-transition: ease-in all .35s;
    -ms-transition: ease-in all .35s;
    -o-transition: ease-in all .35s;
    -webkit-transition: ease-in all .35s;
}
.brand_honor .left .slick-prev:hover{
    opacity: .7;
    transition: all .6s;
}
.brand_honor .left .slick-next:hover{
    opacity: .7;
    transition: all .6s;
}

.brand_honor .right{
    padding: 40px 0;
    width: 40%;
    float: right;
}
.brand_honor .right{
    position: relative;
}
.brand_honor .right .ul_bj{
    /*padding-top: 40%;*/
    height: 190px;
    width: 100%;
    box-sizing: border-box;
    overflow: auto;
    background: url("/Public/Images/home/phpcms/zh-cn/xzimages/brand_honor_bj.png") no-repeat;
}
.brand_honor .right ul{
    position: absolute;
    height: 140px;
    width: 400px;
    overflow-x: hidden;
    top: 23%;
    left: 5%;
}
.brand_honor .right ul li{
    width: 90%;
    padding-left: 30px;
    line-height: 35px;
    color: #ffffff;
    background: url("/Public/Images/home/phpcms/zh-cn/xzimages/icon_honor.png") no-repeat left;
}

.sutra_nr{
    overflow: hidden;
    padding-bottom: 20px;
}
.sutra h3{
    margin: 50px 0 10px;
    background: url(/Public/Images/home/phpcms/zh-cn/xzimages/h3_bj.jpg) repeat-x center;
    text-align: center;
}
.sutra h3 span{
    font-size: 40px;
    background-color: #fff;
    padding: 0 50px;
    margin: auto;
}

.sutra_nav{
    text-align: center;
    padding: 26px 20px;
}
.sutra_nav a{
    display: inline-block;
    padding: 5px 10px;
    border: 1px solid #bf9c46;
    border-radius: 6px;
    margin: 0 5px;
    width:110px;
}
.sutra_nav a:hover,.sutra_nav a.on{
    background-color: #bf9c46;
    color: #FFFFFF;
}
.sutra_nr .left,.sutra_nr .right{
    width: 50%;
    float: left;
}
#featured-area {
    height: 320px;
    width: 550px;
}
.roundabout-holder {
    list-style: none;
    width: 350px;
    height: 300px;
    margin: 0px auto;
}
.roundabout-moveable-item {
    font-size: 12px!important;
    height: 270px;
    width: 400px;
    cursor: pointer;
    box-shadow: 0 5px 10px #666;
}
.roundabout-moveable-item img {
    height: 100%;
    width: 100%;
    background-color: #FFFFFF;
    margin: 0;
}
.roundabout-in-focus {
    cursor: auto;
}
.roundabout-in-focus:hover {
    -webkit-box-shadow: 0px 0px 20px #787878;
    -moz-box-shadow: 0px 0px 20px #787878;
    background: #f9f9f9;
}
.roundabout-holder span {
    display: none;
}
.roundabout-in-focus:hover span {
    display: inline;
    position: absolute;
    bottom: 5px;
    right: 5px;
    padding: 8px 20px;
    background: #f9f9f9;
    color: #3366cc;
    z-index: 999;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topLeft: 5px;
    border-left: 1px solid #aaaaaa;
    border-top: 1px solid #aaaaaa;
}
.roundabout a:active, .roundabout a:focus, .roundabout a:visited {
    outline: none;
    text-decoration: none;
}
.roundabout li {
    margin: 0
}
.sutra_nr .right h4{
    padding-left: 10px;
    border-left: 3px solid #bf9c46;
    font-size: 24px;
    color: #333333;
    margin: 15px 0;
}
.sutra_txt{
    line-height: 2;
    text-indent: 2em;
}
.sutra_txt p{
    padding-bottom: 14px;
    font-size: 14px;
    color: #666666;
}
.sutra_ul{
    overflow: hidden;
    padding: 45px 0;
    border-top: 1px dashed #dddddd;
}
.sutra_ul ul{
    overflow: hidden;
}
.sutra_ul li{
    width: 48%;
    padding: 25px 0;
    border: 1px solid #dddddd;
    margin-bottom: 15px;
}
.sutra_ul li:hover{
    border-color: #bf9c46;
}
.sutra_ul li.su_ul_l{
    float: left;
}
.sutra_ul li.su_ul_r{
    float: right;
}
.sutra_ul .li_l{
    width: 54%;
    float: left;
    padding-left: 10px;
}
.sutra_ul .li_l img{
    width: 300px;
    height: 200px;
}
.sutra_ul .li_r{
    width: 40%;
    padding: 0 20px 0 0 ;
    float: right;
}
.sutra_ul .li_r h5{
    font-size: 18px;
    font-weight: bold;
    color: #666666;
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 1px solid #dddddd;
}
.sutra_ul .li_r p{
    font-size: 14px;
    color: #666666;
    line-height: 2;
}
.sutra_ul .li_r span{
    padding-left: 20px;
    background: url(/Public/Images/home/phpcms/zh-cn/xzimages/span_ico.png) no-repeat left -83px;
    color: #bf9c46;
}

.sutra_page{
    text-align: center;
    padding: 26px 20px;
}
.sutra_page a{
    display: inline-block;
    padding: 5px 10px;
    border: 1px solid #bf9c46;
    border-radius: 6px;
    margin: 0 5px;
}
.sutra_page a:hover,.sutra_page a.on{
    background-color: #bf9c46;
    color: #FFFFFF;
}

.m-page {
    clear: both;
    width: 100%;
    height: 40px;
    border: 1px solid #f3f3f3;
    border-left: none;
    line-height: 40px;
    font-size: 14px;
    display: none;
}
.body-m .m-page{display: block;}
.m-page a{
    float: left;
    width: 33.333333%;
    text-align: center;
    background: #f3f3f3;
    height: 100%;
}

.m-page .num{
    background: url(/Public/Images/home/phpcms/zh-cn/xzimages/icon_m_page.png) no-repeat 80% center;
}
.m-page-pop{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 0;
    background-color: #fff;
    overflow: auto;
    z-index: 999;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.m-page-pop a{
    display: block;
    height: 40px;
    line-height: 40px;
    text-align: left;
    border-bottom: 1px solid #ddd;
    padding: 0 40px;
    font-size: 14px;
    color: #888;
}
.show-page .m-page-pop{
    height: 100%;
    padding-top: 60px;
}

.coffee_nr{
    text-align: center;
    border-top: 1px dashed #dddddd;
    padding: 30px 0;
    overflow: hidden;
}
.cofe{
    text-align: left;
    line-height: 2;
    text-indent: 2em;
    border-top: 0;
}
.coffee_nr h3{
    font-size: 40px;
    color: #333333;
    padding-bottom: 20px;
}
.coffee_nr p{
    line-height: 2;
    color: #666666;
}
.liebiao{
    padding-top: 30px;
    overflow: hidden;
}
.coffee_nr span{
    width: 48%;
    float: left;
    margin: 11px;
    font-size: 16px;
    color: #666666;
    padding: 10px 0;
    border-radius: 10px;
    border: 1px solid #dddddd;
}
.coffee_nr  li{
    width: 33.33%;
    float: left;
    padding: 50px 0;
    text-align: center;
}
.coffee_nr  li h4{
    font-size: 18px;
    color: #333333;
    padding: 20px 0;
}
.coffee_nr  li span{
    width: 100%;
    border: 0;
    padding: 0;
    margin: 0;
    font-size: 14px;
    color: #666666;
}
.backstage{
    background-color: #eeeeee;
    overflow: hidden;
    padding-top: 50px;
}
.backstage .bata_l,.backstage .bata_r{
    float: left;
}
.backstage .bata_l{
    width: 35%;
    font-size: 0;
}
.backstage .bata_r{
    width: 65%;
}
.backstage .bata_l img{
    width: 415px;
    height: 340px;
    font-size: 0;
}
.backstage .bata_r h3{
    margin: auto;
    text-align: center;
    font-size: 40px;
}
.backstage .bata_r ul{
    width: 33.2%;
    float: left;
    margin-top: 25px;
}
.backstage .bata_r ul li{
    padding-left: 30%;
    line-height: 2;
    color: #666666;
}
.backstage .bata_r ul li.bt{
    font-size: 18px;
    color: #333333;
    padding-bottom: 20px;
}
.backstage .bata_r ul.border_lr{
    border-left: 1px dashed #b3b3b3;
    border-right: 1px dashed #b3b3b3;
}
.ppp{
    overflow: hidden;
    text-align: center;
    padding: 50px 0;
}
.ppp p{
    line-height: 2;
    color: #666666;
}
.ppp h3{
    font-size: 40px;
    color: #333333;
    padding-bottom: 30px;
}
.ppp .pp_por{
    margin-top: 40px;
    padding-bottom: 50px;
    position: relative;
}
.ppp .pp_por img{
    clear: both;
    display: block;
    margin:auto;
}
.ppp .pp_poa{
    text-align: left;
    position: absolute;
}
.ppp .pp_poa h4{
    font-size: 24px;
    color: #333333;
    padding-left: 15px;
    margin-bottom: 10px;
    border-left: 3px solid #bf9c46;
}
.ppp .pp_poa p{
    padding-left: 20px;
}
.p1{
    top: 60px;
    right: 20%;
    top: 4%;
}
.p2{
    bottom: 0;
    left: 26%;
}
.p3{
    bottom: -15px;
    right: 18%;
}
.ppp.pt{
    border-top: 1px dashed #dbdbdb;
}
.ppp.pt ul{
    width: 80%;
    overflow: hidden;
    margin: auto;
}
.ppp.pt ul li{
    float: left;
}
.ppp.pt ul li.pt_bj{
    width: 500px;
    text-align: center;
    background: url("/Public/Images/home/phpcms/zh-cn/xzimages/yuan.png") repeat-x left center;
}
.ppp.pt ul li p{
    margin: auto;
    width: 230px;
    height: 230px;
    border-radius: 50%;
    background-color: #deab95;
    position: relative;
}
.ppp.pt ul li em{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 130px;
    height: 120px;
    color: #ffffff;
    font-size: 16px;
}

/*9月2日新增*/
 .wisdom{
     overflow: hidden;
     padding: 50px 0;
 }
.wisdom_l,.wisdom_r{
    width: 50%;
    float: left;
}
.wisdom_l{
    width: 48%;
}
.wisdom_l h3{
    font-size: 40px;
    color: #333333;
    padding: 20% 0 10px;
}
.wisdom_l span{
    width: 40px;
    height: 3px;
    background-color: #333333;
    display: block;
    margin-bottom: 30px;
}
.wisdom_l p{
    line-height: 2;
    color: #666666;
}
.wisdom_r img{
    clear: both;
    display: block;
    margin: auto;
}
.wisdom .wisdom_ul{
    overflow: hidden;
    border-top: 1px dashed #dddddd;
    border-bottom: 1px dashed #dddddd;
}
.wisdom .wisdom_ul li{
    text-align: center;
    width: 33.33%;
    float: left;
    padding: 80px 0;
}
.wisdom .wisdom_ul li h4{
    font-size: 24px;
    color: #333333;
    padding: 10px 0 15px;
}
.wisdom .wisdom_ul li p{
    font-size: 16px;
    color: #666666;
    line-height: 2;
}
.wisdom .wisdom_ul li span{
    color: #2e85ca;
    font-weight: bold;
    font-size: 16px;
}
.wisdom_b{
    padding: 30px 0 0;
    background-color: #eeeeee;
    overflow: hidden;
}
.wisdom_bl,
.wisdom_br{
    width: 50%;
    float: left;
}
.wisdom_bl img{
    clear: both;
    display: block;
    margin: auto;

}
.wisdom_br{
    padding-top: 10%;
}
.wisdom_br p{
    line-height: 2;
    font-size: 16px;
    color: #666666;
}

.nr{width: 1200px;margin: auto;}
.nr h3{font-size: 45px;color:#333;line-height: 90px;}
.nr span{font-size: 14px;color: #999;line-height: 24px;}
.nr ul li{float: left;}
.nr ul li span{width: 100%;display:block;text-align: center;line-height: 24px;}
.nr .left,.nr .right{width: 50%;float: left;}


.ddkf{padding:50px 0;overflow: hidden;}
.ddkf .nr .left img{margin: auto;clear: both;display: block;}
.ddkf .nr .right h3{padding-top: 80px;text-align: left;}
.ddkf .nr .right span{text-align: left;display:block}
.ddkf .nr .right ul{padding-top: 50px;}
.ddkf .nr .right ul li{margin-right: 30px;}
.ddkf .nr .right ul li span{font-size: 18px;line-height: 36px;color: #666;
    text-align: center;}

.zdym{background-color: #f0f0f0;text-align: center;padding:50px 0;overflow: hidden;}
.zdym ul{padding: 50px 0;}
.zdym ul li{width: 33.33%;}
.zdym ul li img{margin: auto;}
.zdym ul li span{font-size: 16px;color:#666;padding-top: 30px;}

.dzkw{background: url(/Public/Images/home/phpcms/zh-cn/dzkw_bj.jpg) no-repeat center; background-position: 50% 50%;padding: 65px 0;overflow: hidden;}
.dzkw h3{color: #fff}
.dzkw ul{padding: 50px 0 80px;width: 50%;}
.dzkw ul li{width: 25%;height: 150px;}
.dzkw ul li img{float: left;}
.dzkw ul li span{color: #fff;font-size: 14px;float: left;width: 15%;line-height: 18px;padding-top: 10px;}

.smzf{background-color: #f0f0f0;padding: 50px 0;text-align: center;overflow: hidden;}
.smzf ul{padding: 50px 0;}
.smzf ul li{width: 33.33%;}
.smzf ul li img{margin: auto;}
.smzf ul li span{width: 45%;margin: auto;text-align: left;padding-left:25px;}
.smzf ul li span.bz_1{background: url(/Public/Images/home/phpcms/zh-cn/smbz_1.png) no-repeat left 2px;}
.smzf ul li span.bz_2{background: url(/Public/Images/home/phpcms/zh-cn/smbz_2.png) no-repeat left 2px;}
.smzf ul li span.bz_3{background: url(/Public/Images/home/phpcms/zh-cn/smbz_3.png) no-repeat left 2px;}

.wlw{background: url(/Public/Images/home/phpcms/zh-cn/wlw_bj.jpg) no-repeat center; background-position: 50% 50%;text-align: center;padding: 50px 0;overflow: hidden;}
.wlw h3,.wlw span{color:#fff}
.wlw ul{padding: 50px 0 0;width: 80%;margin: auto;}
.wlw ul li{width: 33.33%;}
.wlw ul li img{margin: auto;}
.wlw ul li span{padding-top: 30px;}

.tb{width: 100%;}
.tb img{width: 100%;}
@media (max-width: 1024px){
    .nr{width: 98%;}
    .sutra_page{
        display: none;
    }
    .m-page{
        display: block;
    }
    .xiugai2017{
        text-align: center;
    }
    .xiugai2017 .left{
        float: left !important;
        width: 100% ;
        display: inline-block;
    }
    .xiugai2017 .right{
        float: right !important;
        width: 100%;
        display: inline-block;
    }
    .xiugai2017 .left img,
    .xiugai2017 .right img{
        width: auto !important;
    }
    
    .xiugai2017 .l1_aptitude .l1aptitude_img{
        float: left;
        width: 100%;
    }
    .xiugai2017 .l1_double .left{
        width: 100% !important;
        text-align: center;
    }
    .xiugai2017 .l1_double .l1ap_img{
        display: inline-block;
        width: 100%;
    }
    .xiugai2017 .l1_double .l1ap_img img{
        width: auto !important;
        padding-top: 0 !important;
    }
    .xiugai2017 .l1_aptitude.white .l1aptitude_img{
        padding-top: 60px;
    }
    .xiugai2017 .l1_acme .yd_tit{
        padding-top: 0 !important;
    }
}

@media (max-width: 768px){
    .dzkw ul{width: 100%;}
    .dzkw ul li span{width: 10%;}
}
@media (max-width: 640px){
    .ddkf .nr .right ul li{margin-right: 10px;}
    .zdym ul li img{width: 100%;}
    .xiugai2017 img,
    .xiugai2017 .l1_double .l1ap_img img,
    .xiugai2017 .left img,
    .xiugai2017 .right img{
        width: 100% !important;
    }
}
@media (max-width: 480px){
    .nr{text-align: center;}
    .nr h3{font-size: 32px;line-height: 64px;}
    .nr .left,.nr .right{width: 100%;float: left;}
    .ddkf .nr .right ul li{width: 33.33%;margin-right: 0;}
    .zdym ul li{width: 100%;margin-bottom: 30px;}
    .zdym ul li span{padding-top: 10px;}
    .zdym ul li img{width: auto;}
    .dzkw{padding: 0;}
    .dzkw ul li{width: 33.33%;}
    .dzkw ul li img{margin-left: 10px;}
    .smzf ul li{width: 100%;margin-bottom: 30px;}

}
@media (max-width: 375px){
    .nr h3{font-size: 30px;line-height: 60px;}
    .dzkw ul li span{width: 100%;}
    .wlw ul li img{width: 90%;}
    .smzf ul{padding-bottom: 0;}
    .dzkw ul li img{width: 90%;margin-left: 6px;}
}

/*9-2*/
.lease{
    padding: 50px 0;
    border-bottom: 1px dashed #dddddd;
}
.lease.bn{
    border: none;
}
.lease h3{
    font-size: 40px;
    text-align: center;
    padding-bottom: 40px;
}
.lease_por{
    position: relative;
    overflow: hidden;
}
.lease_por img{
    display: block;
    margin: auto;
    clear: both;
}
.lease .lease_txt{
    padding-left: 15px;
    border-left: 3px solid #6fc5d7;
    position: absolute;
    right: 7%;
    bottom: 10%;
    font-size: 14px;
    line-height: 2;
    color: #666666;
    width: 220px;
}
.lease .lease_txt p{
    padding: 7px 0;
}
.lease_por span{
    float: right;
    margin-right: 7%;
    color: #666666;
    font-size: 14px;
    padding-top: 30px;
}

.lease ul{
    overflow: hidden;
    width: 90%;
    margin: auto;
    background: url("/Public/Images/home/phpcms/zh-cn/xzimages/black_x.jpg") repeat-x center 99px;
}
.lease ul li{
    float: left;
    width: 25%;
}
.lease ul li h4{
    text-align: center;
    color: #ffffff;
    padding: 90px 0;
    margin-bottom: 15px;
    background: url("/Public/Images/home/phpcms/zh-cn/xzimages/lease2.png") no-repeat center;
}
.lease ul li h4.big_y{
    background: url("/Public/Images/home/phpcms/zh-cn/xzimages/lease3.png") no-repeat center;
}
.lease ul li p{
    width: 95%;
    margin: auto;
    line-height: 2;
    color: #666666;
}

.lease_nr{
    width: 80%;
    margin: auto;
    overflow: hidden;
    background-color: #eeeeee;
}
.lease_nr.img_r{
    background-color: #ffffff;
}
.lease_nr .img,.lease_nr .img img{
    font-size: 0;
}
.lease_nr .img{
    float: left;
}
.img_r .img{
    float: right;
}
.lease_nr .nr_txt{
    width: 555px;
    margin: auto;
    padding-top: 20px;
}
.lease_nr .nr_txt h4{
    font-family: 'Arial';
    font-size: 48px;
    font-weight: bold;
    color: #666666;
    line-height: 1.2;
}
.lease_nr .nr_txt span{
    font-size: 18px;
    color: #333333;
    padding-bottom: 5px;
    display: block;
}
.lease_nr .nr_txt p{
    font-size: 14px;
    color: #333333;
}

.lease_b{
    background-image: url("/Public/Images/home/phpcms/zh-cn/xzimages/lease_coop.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}
.lease_b h4,.lease_b li{
    color: #ffffff;
}
.lease_b h4{
    font-size: 24px;
    padding: 40px 0;
}
.lease_b ul{
    overflow: hidden;
    padding-bottom: 40px;
}
.lease_b ul li{
    line-height: 2;
    padding-left: 15px;
    width: 48%;
    float: left;
    background: url("/Public/Images/home/phpcms/zh-cn/xzimages/white_y.png") no-repeat left;
}
.bot_pattern{
    overflow: hidden;
    padding: 50px 0;
}
.bot_pattern h3{
    font-size: 40px;
    text-align: center;
    padding-bottom: 30px;
    color: #333333;
}
.bot_pattern.pt{
    border-top: 1px dashed #dddddd;
}
.bot_pattern ul{
    width: 50%;
    margin: auto;
    padding: 15px 0 40px;
    overflow: hidden;
}
.bot_pattern ul li{
    float: left;
    width: 33.33%;
    text-align: center;
    color: #333333;
}
.bot_pattern ul li img{
    padding-bottom: 15px;
}
.bot_pattern_nr p{
    text-indent: 2em;
    line-height: 2;
    color: #666666;
    font-size: 16px;
}
.bot_pattern_l{
    width: 440px;
    float: left;
    background: url("/Public/Images/home/phpcms/zh-cn/xzimages/bot_ico7.png") no-repeat 370px 35px;
}
.bot_pattern_r{
    width: 320px;
    float: left;
}
.bot_pattern_con{
    width: 440px;
    margin: auto;
    float: left;
    background: url("/Public/Images/home/phpcms/zh-cn/xzimages/bot_ico7.png") no-repeat 370px 35px;
}
.bot_pattern .tp{
    width: 245px;
    padding: 35px 20px;
    /*margin: auto;*/
    margin-left: 30px;
    border-radius: 15px;
    background-color: #63caa4;
    overflow: hidden;
}
.tp_txt{
    float: right;
    width: 130px;
    color: #ffffff;
}
.tp_txt h4{
    font-size: 16px;
    padding-bottom: 5px;
}
.tp_txt span{
    width: 30px;
    height: 2px;
    background-color: #fff;
    display: block;
    margin-bottom: 10px;
}
.tp_txt p{
    line-height: 1.5;
    font-size: 12px;
}
.bot_pattern_txt{
    width: 270px;
    margin-left: 30px;
    padding-top: 15px;
    /*margin: auto;*/
}
.bot_pattern_txt p{
    line-height: 1.8;
    color: #666666;
    font-size: 14px;
    padding-left: 15px;
    background: url("/Public/Images/home/phpcms/zh-cn/xzimages/heiyuan.png") no-repeat left 11px;
}

.pc_hide{
    display: none;
}
.m_hide{
    display: block;
}

.l3_child_icon ul{
    overflow: hidden;
    padding-top: 30px;
}
.l3_child_icon ul li{
    width: 200px;
    height: 200px;
    border: 1px solid #dddddd;
    padding-top: 0;
    margin: 19px;
    border-radius: 10px;
}
.l3_child_icon ul li h5{
    padding: 15px 0;
    background-color: #999999;
    color: #ffffff;
    border-radius: 10px 10px 0 0;
}
.l3_child_icon ul li p{
    background: none;
    padding-top: 10px;
    text-align: left;
    width: 90%;
    margin: auto;
    line-height: 1.8;
}
.cs_tp{
    width: 35%;
}
.cs_tp img{
    padding-top: 0;
}
.cs{
    width: 65%;
    float: right;
}
.cs .ff14_pro333{
    padding-bottom: 20px;
}
.cs .yd_tit{
    text-align: left;
}
.cs span{
    width: 50%;
    float: left;
    display: block;
    text-align: left;
}
.cs label.sxdx,
.cs label.wxcc{
    width: 70px;
    display: block;
    height: 10px;
    float: left;
}

.cs p{
    padding-top: 100px;
    width: 100%;
    display: block;
    overflow: hidden;
}

/*9-4自适应*/
@media(max-width:1024px){
    .pc_hide{
        display: block;
    }
    .m_hide{
        display: none;
    }
    .wp,
    .one-time .poa{
        width: 100%;
    }
    .wp{
        width: 95%;
        margin: auto;
    }
    .m-navwrap{
        top: 60px;
        height: 450px;
        overflow-x: hidden;
    }
    .one-time .poa .left{
        padding-left: 20px;
        margin-right: -20px;
    }
    .one-time .por{
        height: 525px;
    }
    ul.news li{
        margin-right: 23px;
    }
    .xz_footer .section{
        text-align: center;
        padding: 15px 0;
    }
    .bot_pattern ul li img,
    .bot_pattern .tp img{
        width: auto;
    }
    .bot_pattern_l,
    .bot_pattern_con,
    .bot_pattern_r{
        width: 333px;
    }
    .ppp .pp_por img{
        width: auto;
    }
    .p1{
        right: 15%;
    }
    .p3{
        right: 14%;
    }
    .ppp.pt ul li.pt_bj{
        width: 335px;
    }
    .lease_por img{
        width: auto;
    }
    .lease .lease_txt{
        right: 0;
    }
    .lease_nr .img{
        margin-right: 15px;
    }
    .lease_nr.img_r .img{
        margin: 0;
    }
    .lease_b{
        padding: 0 50px;
    }
    .coffee_nr span{
        width: 47.5%;
    }
    .coffee_nr  li img{
        width: auto;
    }
    .backstage .bata_l img{
        width: 100%;
        height: auto;
        clear: both;
        display: block;
        margin: auto;
    }
    .sutra_nr .right{
        width: 40%;
        float: right;
    }
    .sutra_ul .li_l{
        width: 50%;
    }
    .sutra_ul .li_l img{
        width: 100%;
        height: 155px;
    }
    .com_pro .com_l video{
        padding: 0;
        width: 90%;
    }
    .brand ul li{
        width: 23.95%;
        padding: 0;
        margin: 0 5px;
    }
    .auto_img{
        padding: 5px;
    }
}

@media (max-width:768px){
    .one-time .por{
        height: 410px;
    }
    .one-time .poa .left h3{
        font-size: 28px;
    }
    .one-time .poa .left p{
        font-size: 14px;
    }
    .one-time .poa .right img{
        width: 80%;
        height: auto;
    }
    .one-time .poa.banner3 .top{
        padding-top: 30px;
    }
    .one-time .poa.banner3 .bottom ul{
        padding-top: 30px;
    }
    .one-time .poa.banner3 .bottom a{
        bottom: -30%;
    }
    ul.news{
        margin-top: 10px;
        padding: 0;
    }
    ul.news li{
        margin-right: 18px;
    }
    ul.news li .pro_img img{
        height: 130px;
    }
    ul.news li .pro_shadow h4, ul.news li .pro_shadow span{
        font-size: 14px;
    }
    .bot_pattern_l, .bot_pattern_con, .bot_pattern_r{
        width: 50%;
        background: none;
    }
    .bot_pattern .tp,
    .bot_pattern_txt{
        margin-left: 45px;
    }
    .p1{
        right: 3%;
    }
    .p2{
        left: 13%;
    }
    .p3{
        right: 0;
    }
    .ppp.pt ul{
        width: 100%;
    }
    .ppp.pt ul li.pt_bj{
        width: 345px;
    }
    .lease_b ul li{
        width: 100%;
    }
    .ppp.pt ul li p{
        width: 190px;
        height: 190px;
    }
    .lease_por img{
        width: 100%;
    }
    .lease .lease_txt{
        width: 100%;
        right: 0;
        bottom: 25px;
    }
    .lease_por span{
        float: left;
        padding-top: 50px;
        margin: 0;
    }
    .lease ul{
        background: none;
    }
    .lease ul li{
        width: 50%;
        height: 350px;
    }
    .lease .lease_txt p{
        padding: 0;
        line-height: 1.5;
    }
    .lease_nr{
        width: 90%;
    }
    .lease_nr .img{
        margin-right: 15px;
    }
    .lease_nr.img_r .img{
        margin: 0;
    }
    .lease_b{
        padding: 0 10px;
    }
    .coffee_nr span{
        width: 46.5%;
    }
    .coffee_nr  li{
        padding: 50px 15px;
        width: 29%;
    }
    .backstage .bata_r ul{
        width: 32%;
    }
    .backstage .bata_r ul li{
        padding-left: 10%;
    }
    .sutra_nr .left, .sutra_nr .right{
        width: 100%;
    }
    .sutra_ul li{
        width: 99%;
    }
    #featured-area{
        width: 100%;
    }
    .sutra_ul .li_l img{
        height: auto;
    }
    .intro .right{
        width: 55%;
    }
    .intro .right_l,
    .intro .right_r{
        width: 49.5%;
    }
    .brand ul li{
        width: 23.5%;
    }
    .wisdom .wisdom_ul li img{
        width: auto;
    }
}
@media (max-width:640px){
    .one-time .poa .left p{
        width: 95%;
    }
    .lease ul li{
        height: auto;
    }
    .one-time .poa.banner3 .top, .one-time .poa.banner3 .bottom{
        width: 85%;
    }
    .one-time .por{
        height: 330px;
        padding-top: 30px;
    }
    .one-time .poa .left, .one-time .poa .right{
        padding-top: 40px;
    }
    ul.news{
        margin-bottom: 20px;
    }
    ul.news li{
        width: 50%;
        margin: 0 0 20px 0;
    }
    ul.news li a{
        height: 100%;
        display: block;
        padding: 0 10px;
    }
    ul.news li .pro_img img{
        height: 170px;
    }
    .bot_pattern .tp,
    .bot_pattern_txt{
        margin-left: 10px;
    }
    .bot_pattern ul{
        width: 100%;
    }
    .ppp .pp_por{
        margin-top: 0;
        padding-bottom: 100px;
    }
    .ppp .pp_por img{
        width: 100%;
    }
    /*.p1{

        top: 0;
        bottom: 0;
        right: 0;
        left: 0;

    }
    .p2{
        left: 13%;
    }
    .p3{
        right: 0;
    }*/
    .ppp.pt ul li.pt_bj{
        width: 33.33%;
        background: none;
    }
    .ppp.pt ul li{
        width: 33.33%;
    }
    .coffee_nr span{
        width: 45.5%;
    }
    .coffee_nr  li{
        width: 28%;
    }
    .com_pro .com_l,
    .com_pro .com_r,
    .com_pro .com_l video{
        width: 100%;
    }
    .brand ul li{
        width: 47.5%;
    }
    .brand ul li img{
        width: 100%;
        margin: 0;
    }
    .brand_honor{
        height: auto;
    }
    .brand_honor .left,
    .brand_honor .right{
        width: 100%;
    }
    .wisdom_l h3{
        padding-top: 10px;
    }
    .wisdom_l, .wisdom_r,
    .wisdom_bl, .wisdom_br{
        width: 100%;
    }
    .wisdom .wisdom_ul li{
        width: 100%;
        padding: 20px 0;
    }
    .brand_honor .right ul{
        width: 95%;
    }
}
@media (max-width:480px){
    .one-time .por{
        height: 220px;
    }
    .one-time .poa{
        width: 90%;
    }
    .lease_nr .img img{
        width: 100%;
    }
    .backstage .bata_r ul li p{
        width: 50%;
        float: left;
    }
    .one-time .poa .left{
        width: 100%;
        padding: 0;
        margin: auto;
        padding-top: 80px;
    }
    .one-time .poa .right{
        display: none;
    }
    .one-time .poa .left h3{
        font-size: 20px;
        padding: 0;
    }
    .one-time .poa .left p{
        font-size: 12px;
        margin-bottom: 10px;
    }
    .one-time .poa.banner3 .bottom ul{
        width: 100%;
    }
    .one-time .poa.banner3 .top{
        padding-top: 80px;
        padding-bottom: 10px;
    }
    .one-time .poa.banner3 .top, .one-time .poa.banner3 .bottom{
        width: 100%;
    }
    .one-time .poa.banner3 .bottom ul{
        padding-top: 10px;
    }
    .one-time .poa.banner3 .bottom ul li{
        font-size: 12px;
        width: 100%;
        display: block;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .one-time .poa.banner3 .bottom a{
        bottom: -40%;
    }
    .bot_pattern_l, .bot_pattern_con, .bot_pattern_r{
        width: 100%;
    }
    .bot_pattern .tp{
        width: 80%;
        margin: 0 auto;
    }
    .bot_pattern_txt{
        width: 100%;
        margin: 0 auto;
    }
    .ppp .pp_por{
        padding-top: 100px;
    }
    .p1{
        top:0;
    }
    .p2{
        left: 0;
    }
    .ppp.pt ul li.pt_bj{
        width: 100%;
        background: none;
    }
    .ppp.pt ul li{
        width: 100%;
        margin-bottom: 10px;
    }
    .lease_por span{
        padding-top: 80px;
    }
    .lease .lease_txt{
        bottom: 40px;
    }
    .lease ul li{
        width: 100%;
    }
    .lease_nr,
    .lease_nr .img,
    .lease_nr .nr_txt{
        width: 100%;
    }
    .lease_nr .nr_txt{
        padding: 10px 0;
        float: left;
    }
    .coffee_nr span{
        width: 95%;
        margin: 10px auto;
    }
    .coffee_nr  li{
        width: 100%;
        padding: 20px 0;
    }
    .backstage .bata_l,
    .backstage .bata_r,
    .backstage .bata_r ul{
        width: 100%;
    }
    .backstage .bata_r ul.border_lr{
        border:none;
    }
    .roundabout-holder, #featured-area{
        display: none;
    }
    .sutra_nav a{
        display: block;
        margin: 5px auto;
    }
    .sutra_ul .li_l,
    .sutra_ul .li_r{
        float: none;
        width: 95%;
        margin: auto;
        padding: 0;
    }
    .intro .left,
    .intro .right{
        width: 100%;
    }
    .con_part{
        width: 100%;
    }
    .l3_child_icon ul li{
        width: 40%;
    }
    .ppp .pp_poa p{
        padding-left: 0;
    }
    .pt h3,
    .bot_pattern h3,
    .ppp h3,
    .lease h3,
    .coffee_nr h3,
    .backstage .bata_r h3,
    .wisdom_l h3,
    .sutra h3 span,
    .com_pro h3 span,
    .brand h3,
    .event .tit,
    .corpo_cu .corpo_nr h3,
    .contact_info_nr h3{
        font-size: 28px;
    }
    .event .tit{
        padding-bottom: 0;
    }
    .ppp .pp_poa h4{
        font-size: 20px;
    }
    .ppp .pp_poa p{
        font-size: 12px;
    }
}

@media (max-width:640px){
    .cs_tp,
    .cs{
        width: 100%;
    }
    .com_pro .com_l .o_Video{
        width: 100%;
        padding: 0;
    }
    .com_pro .com_l video,
    .com_pro .com_l{
        height: auto;
    }
}
@media (max-width:375px){
    .brand ul li{
        margin: 0 2px;
    }
    ul.news li{
        width: 100%;
    }
}
@media (max-width:320px){
    .l3_child_icon ul li{
        margin: 14px;
    }
}

.ie8 ul.news li{
    margin-right: 24px;
}
.corpo_cu{
    width: 100%;
    overflow: hidden;
    padding: 50px 0;
    background: url("/Public/Images/home/phpcms/zh-cn/xzimages/bcorpo_cu_bj.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}
.corpo_cu .corpo_nr h3{
    text-align: center;
    color: #ffffff;
}
.corpo_cu .corpo_nr ul{
    width: 100%;
    padding: 50px 0;
    text-align: center;
}
.corpo_cu .corpo_nr ul li{
    width: 24%;
    display: inline-block;
}
.corpo_cu .corpo_nr ul li h4{
    padding: 6px 0 20px;
    font-size: 24px;
    color: #333333;
}
.corpo_cu .corpo_nr ul li p{
    font-size: 16px;
    color: #666666;
    line-height: 1.8;
}
.contact_info{
    padding: 50px 0;
}
.contact_info_nr h3{
    text-align: center;
    padding-bottom: 50px;
}
.contact_info_nr .left,
.contact_info_nr .right{
    width: 50%;
}
.contact_info_nr .left .txt{
    padding-right: 80px;
}
.contact_info_nr .left .txt h4{
    font-size: 24px;
    color: #333333;
    padding-bottom: 8px;
}
.contact_info_nr .left .txt p{
    font-size: 14px;
    color: #666666;
    line-height: 1.8;
}
.contact_info_nr .didh{
    padding: 15px 0;
}
.contact_info_nr .didh span{
    width: 100%;
    display: block;
    padding-left: 30px;
    color: #666666;
    line-height: 1.8;
}
.contact_info_nr .left ul{
    overflow: hidden;
}
.contact_info_nr .left li{
    float: left;
    margin-right: 30px;
}
.contact_info_nr .left li span{
    display: block;
    text-align: center;
    padding-left: 20px;
}
.contact_info_nr .left span.address{
    background: url("/Public/Images/home/phpcms/zh-cn/xzimages/contact_info_ico.png") no-repeat left -5px;
}
.contact_info_nr .left span.tel{
    background: url("/Public/Images/home/phpcms/zh-cn/xzimages/contact_info_ico.png") no-repeat left -72px;
}
.contact_info_nr .left span.weixin{
    background: url("/Public/Images/home/phpcms/zh-cn/xzimages/contact_info_ico.png") no-repeat 24px -138px;
}
.contact_info_nr .left span.weibo{
    background: url("/Public/Images/home/phpcms/zh-cn/xzimages/contact_info_ico.png") no-repeat 24px -198px;
}

@media (max-width:1024px){
    .corpo_cu .corpo_nr ul li img,
    .corpo_cu .corpo_nr #platform .top img{
        width: auto !important;
    }
}
@media (max-width:768px){
    .corpo_cu{
        margin-top: 50px;
    }
    .contact_info_nr .left .txt{
        padding-right: 25px;
    }
}@media (max-width:480px){
    .corpo_cu .corpo_nr ul li{
        width: 49%;
    }
    .contact_info_nr .left, .contact_info_nr .right{
        width: 100%;
    }
    .contact_info_nr .left{
        padding-bottom: 30px;
    }
    .contact_info_nr .left .txt{
        padding-right: 0;
    }
    .contact_info_nr .left ul{
        text-align: center;
    }
    .contact_info_nr .left li{
        float: none;
        display: inline-block;
    }
}
@media (max-width:1440px){
    div#slide0{
        left: -22%;
        padding-right: 22%;
    }
    div#slide1{
        left: -14%;
        padding-right: 14%;
    }
    div#slide2{
        left: -7%;
        padding-right: 7%;
    }
    div#slide5{
        left: 65px;
        padding-left: 20%;
        margin-left: -8%;
    }
    div#slide6{
        left: 75px;
        padding-left: 22%;
        margin-left: -6%;
    }
}