@charset "UTF-8";
html,body{width: 100%;overflow: auto;margin: 0;padding: 0;}
div,p,img,ul,input,button,p,h1,h2,h3,h4,h5,header{margin: 0;padding: 0;}
embed{display: block;height: 0;width: 0;overflow: hidden;}
ul{list-style: none;}
a{text-decoration: none;color: #1B1B1B;text-overflow:ellipsis;}
a:hover{text-decoration: none;}
html{-webkit-tap-highlight-color:transparent;height:100%;min-width: 1356px;}
body{width: 100%;color: #1B1B1B;margin: 0;padding: 0;font-family: 'Microsoft Yahei';min-width: 1356px;}
.layout{width: 100%;overflow: auto;margin: 0 auto;margin-top: 120px;}
::-webkit-scrollbar{width: 10px;}
::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -webkit-border-radius: 0px;border-radius: 0px;}
::-webkit-scrollbar-thumb{-webkit-border-radius: 10px;border-radius: 10px;background: rgba(225,225,225,0.4); -webkit-box-shadow: inset 0 0 6px rgba(3,3,3,0.3); }
::-webkit-scrollbar-thumb:window-inactive{background: rgba(3,3,3,0.4);}
header{width: 100%;position: fixed;top: 0;left: 0;background: #FFF;overflow: hidden;z-index: 10;min-width: 1356px;}
header .header_box{width: 90%;height: 100%;overflow: hidden;margin: 0 auto;position: relative;}
header .header_box .logo{width: 220px;float: left;overflow: hidden;}
header .header_box .logo img{display: block;width: 100%;overflow: hidden;}
header .header_box .navs{color: #8C8A8B;width: 70%;text-align: center;overflow: hidden;position: absolute;bottom: 0;left: 220px;}
header .header_box .navs li{width: 20%;float: left;overflow: hidden;line-height: 30px;}
header .header_box .navs li:hover{font-weight: bolder;}
header .header_box .navs li.active{font-weight: bolder;}
header .header_box .navs li img{display: block;height: 100%;margin: 0 auto;overflow: hidden;}
.index_cates{display: none;}
.what_we_do{width: 70%;margin: 40px auto;overflow: hidden;}
.what_we_do .title{width: 30%;margin: 0 auto;overflow: hidden;margin-bottom: 40px;}
.what_we_do .title img{width: 100%;overflow: hidden;display: block;}
.what_we_do .box{width: 100%;}
.what_we_do .box a{display: block;width: 21.5%;float: left;position: relative;overflow: hidden;margin-right: 4%;}
.what_we_do .box a:nth-child(4){margin-right: 0;}
.what_we_do .box a:nth-child(5){margin-left: 12.75%;margin-top: -3%;}
.what_we_do .box a:nth-child(6){margin-top: -3%;}
.what_we_do .box a:nth-child(7){margin-top: -3%;}
.what_we_do .box li img{display: block;width: 100%;transition: .1s transform;transform: translateZ(0);}
.what_we_do .box li:hover > img{transform: scale(1.02,1.02);transition: .8s transform;}
.new_works{width: 60%;margin: 0 auto;margin-top: 100px;overflow: hidden;margin-left: 22%;}
.new_works .title{width: 30%;margin: 0 auto;overflow: hidden;margin-bottom: 40px;}
.new_works .title img{width: 100%;overflow: hidden;display: block;}
.new_works .works_box{width: 100%;overflow: hidden;}
.new_works .works_box tr{width: 100%;}
.new_works .works_box tr td{margin: 0;padding: 0;border-right: #FFF solid 10px;border-bottom: #FFF solid 10px;overflow: hidden;position: relative;}
.new_works .works_box tr td .cover{width: 100%;height: 100%;position: absolute;overflow: hidden;background: rgba(0,0,0,.8);z-index: 1;display: none;}
.new_works .works_box tr td .cover .content{width: 60%;text-align: center;overflow: hidden;margin: 0 auto;margin-top: 20%;color: #FFF;}
.new_works .works_box tr td .cover .content.mid{margin-top: 40%;}
.new_works .works_box tr td .cover .content hr{width: 0;overflow: hidden;border: none;border-bottom: #FFF solid 2px;}
.new_works .works_box tr td .cover .content .c_title{font-size: 22px;line-height: 40px;height: 40px;overflow: hidden;}
.new_works .works_box tr td .cover .content .c_title span{display: block;margin-top: -40px;}
.new_works .works_box tr td .cover .content .c_sub_title{font-size: 12px;line-height: 30px;height: 30px;overflow: hidden;letter-spacing: 8px;}
.new_works .works_box tr td .cover .content .c_sub_title span{display: block;margin-top: 30px;margin-left: 8px;}
.new_works .works_box tr td img{width: 100%;display: block;overflow: hidden;margin: 0;padding: 0;height: 70%;transition: .1s transform;transform: translateZ(0);}
.new_works .works_box tr td a:hover > img{transform: scale(1.5,1.5);transition: 8s transform;}
.new_works2{display: none;}
.find_more{margin: 0 auto;overflow: hidden;width: 200px;margin-top: 60px;}
.find_more img{display: block;width: 100%;overflow: hidden;}
.why_choose_us{width: 100%;overflow: hidden;margin-top: 100px;}
.why_choose_us .title{width: 22%;overflow: hidden;margin: 0 auto;margin-bottom: 40px;}
.why_choose_us .title img{display: block;width: 100%;overflow: hidden;}
.why_choose_us .choose_box{width: 60%;overflow: hidden;margin: 0 auto;padding: 60px 0;}
.why_choose_us .choose_box .choose_item{float: left;width: 50%;overflow: hidden;cursor: pointer;}
.why_choose_us .choose_box .choose_item img{display: block;width: 60%;overflow: hidden;margin: 0 auto;opacity: 0.3;}
.why_choose_us .choose_box .choose_item.choose_500{width: 45%;}
.why_choose_us .choose_box .choose_item.choose_7000{width: 40%;margin-top: 80px;float: right;margin-right: 50px;}
.why_choose_us .choose_box .choose_item.choose_10{width: 35%;margin-left: 25%;margin-top: 20px;}
.why_choose_us .choose_box .choose_item.choose_60{width: 20%;float: right;margin-top: 40px;margin-right: 30px;}
.why_choose_us .choose_box .choose_item:hover > img{opacity: 1;}
.why_choose_us .choose_box .choose_item.active > img{opacity: 1;}
.why_choose_us .chooses{width: 100%;overflow: hidden;background: #EEEEEE;padding: 0;position: relative;}
.why_choose_us .chooses li.item{width: 100%;overflow: hidden;position: relative;top: 0;left: -100%;display: none;padding: 40px 0;}
.why_choose_us .chooses li.item .close{position: absolute;right: 20px;top: 20px;color: #CCC;cursor: pointer;}
.why_choose_us .chooses li.item .close img{display: block;width: 60%;overflow: hidden;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.why_choose_us .chooses li.item .companys_next{width: 80px;position: absolute;top: 38%;right: 10%;cursor: pointer;}
.why_choose_us .chooses li.item .companys_next img{width: 60%;height: 120px;overflow: hidden;}
.why_choose_us .chooses li.item .companys_next:hover > img{transform: scale(1.25,1.25);transition: .4s transform;}
.why_choose_us .chooses li.item .close:hover > img{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transition: .4s transform;}
.why_choose_us .chooses li .case_box{width: 60%;overflow: hidden;margin: 0 auto;}
.why_choose_us .chooses li .case_box .company_img_box{width: 1000%;overflow: hidden;}
.why_choose_us .chooses li .case_box .company_img_box .company_img_item{width: 10%;overflow: hidden;float: left;}
.why_choose_us .chooses li .case_box .case_item{width: 10.1%;margin-right: 1%;float: left;margin-bottom: 1%;overflow: hidden;}
.why_choose_us .chooses li .case_box .case_item img{width: 100%;overflow: hidden;display: block;}
.why_choose_us .chooses li .case_box .case_item:hover > img{transform: scale(1.25,1.25);transition: .4s transform;}
.why_choose_us .chooses li .case_box .case_title{width: 35%;margin: 20px auto;overflow: hidden;}
.why_choose_us .chooses li .case_box .case_title img{width: 100%;display: block;overflow: hidden;}
.why_choose_us .chooses li .case_box.members .case_item:hover > img{transform: scale(1.25,1.25);transition: .6s transform;}
.why_choose_us .chooses li .his_top{width: 60%;overflow: hidden;border-bottom: #DADEE3 solid 1px;margin: 0 auto;}
.why_choose_us .chooses li .his_top li{width: 16.6%;float: left;overflow: hidden;min-height: 10px;padding-bottom: 20px;}
.why_choose_us .chooses li .his_top li img{width: 100%;display: block;overflow: hidden;}
.why_choose_us .chooses li .his_bottom{width: 60%;overflow: hidden;margin: 0 auto;}
.why_choose_us .chooses li .his_bottom li{width: 16.6%;float: left;overflow: hidden;min-height: 10px;padding-top: 20px;}
.why_choose_us .chooses li .his_bottom li img{width: 100%;display: block;overflow: hidden;}
.why_choose_us .chooses li .points{width: 60%;margin: 0 auto;}
.why_choose_us .chooses li .points .points_item{width: 16.6%;float: left;}
.why_choose_us .chooses li .points .points_item span{display: block;width: 20px;height: 20px;background: #9FA0A0;border-radius: 50%;margin: 0 auto;margin-top: -10px;}
footer{width: 100%;overflow: hidden;}
footer .location{width: 100%;overflow: hidden;}
footer .footer{width: 100%;height: 200px;overflow: hidden;background: url(../images/footer_bg.jpg) no-repeat center center;background-size: 100% 100%;color: #f0efef;position: relative;}
footer .footer .left_box{width: 18%;position: absolute;left: 3%;top: 80px;overflow: hidden;font-size: 90%;}
footer .footer .footer_box{width: 72%;float: right;margin-top: 65px;font-size: 12px;}
footer .footer .footer_box p{display: block;line-height: 25px;}
footer .footer .footer_box p a{color: #fff;}
footer .footer .footer_box .addr{width: 25%;float: left;overflow: hidden;}
footer .footer .footer_box .addr .title{width: 70%;overflow: hidden;}
footer .footer .footer_box .addr p{line-height: 25px;}
footer .footer .footer_box .qqs{width: 25%;float: left;margin-left: 10%;overflow: hidden;}
footer .footer .footer_box .qqs p{line-height: 25px;}
footer .footer .footer_box .con{width: 25%;float: left;}
.case_main{width: 90%;margin: 25px auto;margin-left: 5%;position: relative;}
.case_nav_box{width: 220px;overflow: hidden;position: fixed;left: 5%;top: 135px;z-index: 20;}
.case_nav_box .case_navs{width: 100%;overflow: hidden;margin-bottom: 15px;}
.case_nav_box .case_navs .nav_box{width: 100%;overflow: hidden;font-size: 12px;display: none;}
.case_nav_box .case_navs .nav_box li{width: 88%;padding: 10px 6%;overflow: hidden;font-size: 12px;cursor: pointer;}
.case_nav_box .case_navs .nav_box a{display: block;width: 100%;overflow: hidden;background: #F3F3F3;}
.case_nav_box .case_navs .nav_box a:nth-child(2n){background: #E5E3E4;}
.case_nav_box .case_navs .nav_box li .nav_name{font-size: 16px;}
.case_nav_box .case_navs .nav_box li .nav_memo{color: #999;}
.case_nav_box .case_navs .nav_box a:hover{background: #6A6A6A;color: #FFF;}
.case_nav_box .case_navs .nav_box a:hover > li > .nav_memo{color: #DDD;}
.case_nav_box .case_navs .nav_box a.active{background: #6A6A6A;color: #FFF;}
.case_nav_box .case_navs .nav_box a.active > li > .nav_memo{color: #DDD;}
.case_nav_box .case_navs_in .nav_in_box{width: 100%;overflow: hidden;font-size: 12px;display: none;}
.case_nav_box .case_navs_in .nav_in_box li{width: 50%;overflow: hidden;background: #F3F3F3;line-height: 40px;text-align: center;float: left;cursor: pointer;}
.case_nav_box .case_navs_in .nav_in_box li:nth-child(2),.case_nav_box .case_navs_in .nav_in_box li:nth-child(3),.case_nav_box .case_navs_in .nav_in_box li:nth-child(6),.case_nav_box .case_navs_in .nav_in_box li:nth-child(7),.case_nav_box .case_navs_in .nav_in_box li:nth-child(10),.case_nav_box .case_navs_in .nav_in_box li:nth-child(11),.case_nav_box .case_navs_in .nav_in_box li:nth-child(14),.case_nav_box .case_navs_in .nav_in_box li:nth-child(15),.case_nav_box .case_navs_in .nav_in_box li:nth-child(18),.case_nav_box .case_navs_in .nav_in_box li:nth-child(19),.case_nav_box .case_navs_in .nav_in_box li:nth-child(22){background: #E5E3E4;}
.case_nav_box .case_navs_in .nav_in_box li:hover{background: #6a6a6a;color: #FFF;}
.case_nav_box .case_navs_in{width: 100%;overflow: hidden;}
.case_nav_box .title{width: 100%;line-height: 60px;text-align: center;color: #FFF;background: #C8000B;cursor: default;}
.case_main .cat_title{width: 82%;overflow: hidden;float: right;color: #999999;font-size: 120%;padding-bottom: 10px;}
.case_main .cat_title span{display: block;overflow: hidden;width: 20%;float: left;}
.case_main .cat_title a{display: block;overflow: hidden;float: right;font-size: 12px;color: #999999;}
.case_main .cat_title a:hover{text-decoration: underline;}
.list_case_box{width: 82%;float: right;}
.list_case_box li{width: 19.2%;float: left;margin-right: 1%;overflow: hidden;margin-bottom: 2%;margin-top: 10px;position: relative;border: none;}
.list_case_box li:nth-child(5n){margin-right: 0;}
.list_case_box li .case_img{width: 92%;overflow: hidden;margin: 4%;}
.list_case_box li img{width: 100%;overflow: hidden;display: block;}
.list_case_box li:hover > a > .case_img > img{transform: rotateY(360deg) scale(1.3,1.3) ;transition: 0.8s transform;}
.list_case_box li:hover{box-shadow: rgba(0,0,0,0.5) 0px 0px 15px;-moz-box-shadow: rgba(0,0,0,0.5) 0px 0px 15px;-webkit-box-shadow: rgba(0,0,0,0.5) 0px 0px 15px;border: none;}
.list_case_box li .case_info{width: 92%;padding: 20px 0;margin: 0 auto;border-bottom: #e8e8e8 solid 1px;margin-bottom: 15px;}
.list_case_box li .case_info span.case_name{
	font-size: 16px;
	margin-left: 4%;
	text-overflow: ellipsis;
	white-space:nowrap;
}
.list_case_box li .case_info span.case_cate{font-size: 12px;color: #999999;margin-left: 20px;}
.list_case_box li .cover{position: absolute;z-index: 2;width: 100%;height: 100%;left: 0;top: 0;overflow: hidden;background: rgba(0,0,0,.8);color: #FFF;display: none;}
.list_case_box li .cover .content{width: 70%;text-align: center;overflow: hidden;margin: 0 auto;margin-top: 20%;color: #FFF;}
.list_case_box li .cover .content.mid{margin-top: 32%;}
.list_case_box li .cover .content hr{width: 0;overflow: hidden;border: none;border-bottom: #FFF solid 2px;}
.list_case_box li .cover .content .c_title{font-size: 20px;line-height: 40px;height: 40px;overflow: hidden;}
.list_case_box li .cover .content .c_title span{display: block;margin-top: -40px;}
.list_case_box li .cover .content .c_sub_title{font-size: 12px;line-height: 30px;height: 30px;overflow: hidden;letter-spacing: 8px;}
.list_case_box li .cover .content .c_sub_title span{display: block;margin-top: 30px;margin-left: 8px;}
.list_case_box2{width: 82%;float: right;}
.list_case_box2 li{width: 19.2%;float: left;margin-right: 1%;overflow: hidden;margin-bottom: 2%;margin-top: 10px;position: relative;border: none;}
.list_case_box2 li:nth-child(5n){margin-right: 0;}
.list_case_box2 li .case_img{width: 92%;overflow: hidden;margin: 4%;}
.list_case_box2 li img{width: 100%;overflow: hidden;display: block;}
.list_case_box2 li:hover > a > .case_img > img{transform: rotateY(360deg) scale(1.3,1.3) ;transition: 0.8s transform;}
.list_case_box2 li:hover{box-shadow: rgba(0,0,0,0.5) 0px 0px 15px;-moz-box-shadow: rgba(0,0,0,0.5) 0px 0px 15px;-webkit-box-shadow: rgba(0,0,0,0.5) 0px 0px 15px;border: none;}
.list_case_box2 li .case_info{width: 92%;padding: 20px 0;margin: 0 auto;border-bottom: #e8e8e8 solid 1px;margin-bottom: 15px;}
.list_case_box2 li .case_info span.case_name{font-size: 16px;margin-left: 4%;}
.list_case_box2 li .case_info span.case_cate{font-size: 12px;color: #999999;margin-left: 20px;}
.list_case_box2 li .cover{position: absolute;z-index: 2;width: 100%;height: 100%;left: 0;top: 0;overflow: hidden;background: rgba(0,0,0,.8);color: #FFF;display: none;}
.list_case_box2 li .cover .content{width: 70%;text-align: center;overflow: hidden;margin: 0 auto;margin-top: 20%;color: #FFF;}
.list_case_box2 li .cover .content.mid{margin-top: 15%;}
.list_case_box2 li .cover .content hr{width: 0;overflow: hidden;border: none;border-bottom: #FFF solid 2px;}
.list_case_box2 li .cover .content .c_title{font-size: 120%;line-height: 40px;height: 40px;overflow: hidden;}
.list_case_box2 li .cover .content .c_title span{display: block;margin-top: -40px;}
.list_case_box2 li .cover .content .c_sub_title{font-size: 12px;line-height: 30px;height: 30px;overflow: hidden;letter-spacing: 8px;}
.list_case_box2 li .cover .content .c_sub_title span{display: block;margin-top: 30px;margin-left: 8px;}

.re_add{width: 100%;overflow: hidden;}
.re_add .re_add_item{width: 100%;overflow: hidden;position: relative;background: rgba(247,247,247,1);}
.re_add .re_add_item img{width: 100%;display: block;overflow: hidden;}
.re_add .re_add_item .recruit_add_box{width: 35%;position: absolute;left: 59%;top: 35%;display: none;}
.re_add .re_add_item .recruit_add_box:nth-child(2){display: block;}
.re_add .re_add_item .recruit_add_box a{display: block;width: 100%;font-size: 100%;color: #999;margin-bottom: 4%;cursor: pointer;}
.re_add .re_add_item .recruit_add_box a.from_left{margin-left: -100%;}
.re_add .re_add_item .recruit_add_box a.from_right{margin-left: 100%;}
.re_add .re_add_item .recruit_add_box a span{color: #CCC;}
.re_add .re_add_item .recruit_add_box a:hover{color: #1B1B1B;transform: scale(1.15,1.15);transition: .5s transform;}
.re_add .re_add_item .recruit_add_box a:hover > span{color: #999;}
.re_add .re_add_item .recruit_add_box a.active{color: #1B1B1B;transform: scale(1.15,1.15);transition: 1s transform;}
.re_add .re_add_item .recruit_add_box a.active > span{color: #999;}
.re_add .re_add_item .next_re{width: 30%;position: relative;left: 54%;margin-top: -1%;overflow: hidden;margin-bottom: 30px;}
.re_add .re_add_item .next_re img{width: 20%;display: block;overflow: hidden;margin: 0 auto;height: 30px;opacity: 0.2;}
.re_add .re_add_item .next_re img:hover{opacity: 1}
.recruit_main{width: 100%;overflow: hidden;}
.recruit_main table{width: 100%;overflow: hidden;}
.recruit_main table tr{width: 100%;overflow: hidden;}
.recruit_main table tr td{width: 20%;overflow: hidden;position: relative;}
/*.recruit_main table tr td.mid{width: 40%;}*/
.recruit_main table tr td img{width: 100%;overflow: hidden;display: block;}
.recruit_main table tr td:hover > img{transform: scale(1.15,1.15);transition: 3s transform;}
.recruit_main table tr td:hover > img.p{transform: scale(1,1);transition: .3s transform;}
.recruit_main table tr td .point{width: 60%;height: 70%;overflow: hidden;position: absolute;top: 20%;right: 0;cursor: pointer;}
.job_main{width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 100;overflow: hidden;display: none;}
.job_main .job_click{background: rgba(0,0,0,.8);width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.job_main .job_box{width: 30%;height: 90%;position: absolute;left: 22%;top: 5%;overflow: auto;background: #FFF;}
.job_main .job_box span.close_job{background: url(../images/re/close_job.png) no-repeat center center;background-size: 100% 100%;width: 15px;height: 15px;position: absolute;right: 5%;top: 2%;}
.job_main .job_box .job_detail{width: 84%;margin: 8% auto;overflow: hidden;}
.job_main .job_box .job_detail .job_title{width: 100%;overflow: hidden;color: #868686;font-size: 16px;}
.job_main .job_box .job_detail .job_title p{font-size: 22px;color: #EC3258;padding-bottom: 10px;}
.job_main .job_box .job_detail .job_memo{margin: 0 auto;width: 100%;overflow: hidden;font-size: 12px;margin-top: 15%;line-height: 25px;color: #868686;}
.job_main .job_box .job_detail .button{width: 100%;margin-top: 60px;overflow: hidden;}
.job_main .job_box .job_detail .button button{width: 80%;overflow: hidden;line-height: 50px;background: #E6002E;color: #FFF;font-size: 17px;margin: 0 auto;border: none;outline: none;display: block;font-family: 'Microsoft Yahei';letter-spacing: 1px;}
.job_main .job_box .job_detail .job_email{width: 100%;overflow: hidden;margin-top: 60px;text-align: center;font-size: 13px;margin-bottom: 40px;}
.job_main .job_box .job_detail .job_email span{color: #E6002E;font-weight: bold;}

.ads_box{width: 100%;overflow: hidden;position: relative;}
.ads_box .ad_left{width: 5%;position: absolute;left: 0;top: 0;height: 100%;overflow: hidden;}
.ads_box .ad_right{width: 5%;position: absolute;right: 0;top: 0;height: 100%;overflow: hidden;}
.ads_box .ad_right img,.ads_box .ad_left img{width: 30%;display: block;overflow: hidden;opacity:0.3;filter:alpha(opacity=30);margin: 280% auto;cursor: pointer;}
.ads_box .ad_left:hover >img,.ads_box .ad_right:hover >img{opacity:0.7;filter:alpha(opacity=70);}
.ads_box ul{width: 1000%;overflow: hidden;}
.ads_box ul li{width: 10%;overflow: hidden;float: left;}
.ads_box ul li img{display: block;overflow: hidden;width: 100%;}
.ads_box .btts{width: auto;overflow: hidden;position: absolute;left: 47%;bottom: 30px;}
.ads_box .btts span{display: block;float: left;width: 10px;height: 10px;border-radius: 50%;background: rgba(255,255,255,.7);margin: 0 5px;cursor: pointer;}
.ads_box .btts span.active{background: rgba(200,0,11,.7);}
.about_case{width: 100%;overflow: hidden;float: right;}
.about_case img{width: 20%;overflow: hidden;display: block;margin: 40px auto;}

.detail_box{width: 82%;overflow: hidden;float: right;margin-right: 10%;}
.detail_box .detail_title{width: 100%;overflow: hidden;margin-bottom: 15px;}
.detail_box .detail_title a{display: block;float: left;font-size: 80%;overflow: hidden;color: #999999;}
.detail_box .detail_title a:hover{text-decoration: underline;}
.detail_box .detail_item{float: left;position: relative;}
.detail_box .detail_item img{display: block;width: 100%;overflow: hidden;z-index: 1;position: relative;}
.detail_box .detail_item input[type=file]{display: none;}
.detail_box .detail_item video{display: block;width: 100%;height: 100%;overflow: hidden;position: absolute;left: 0;top: 0;z-index: 0;}
.detail_box .big{width: 100%;overflow: hidden;background: #CCC;}
.detail_box .mid_half{width: 50%;overflow: hidden;background: #ddd;}
.detail_box .mid_half_1{width: 48.75%;overflow: hidden;}
.detail_box .mid_half_2{width: 51.25%;overflow: hidden;}
.detail_box .mid_half:nth-child(2n){background: #777;}
.detail_box .mid_swipe{width: 50%;overflow: hidden;position: relative;height: 100%;}
.detail_box .mid_swipe .swipe_box{width: 1000%;overflow: hidden;position: relative;left: 0;top: 0;}
.detail_box .mid_swipe .swipe_box img{display: block;width: 10%;overflow: hidden;float: left;margin: 0;padding: 0;}
.detail_box .mid_swipe .bts{width: auto;overflow: hidden;position: absolute;left: 47%;bottom: 30px;}
.detail_box .mid_swipe .bts span{display: block;float: left;width: 10px;height: 10px;border-radius: 50%;background: rgba(225,225,225,.7);margin: 0 5px;cursor: pointer;}
.detail_box .mid_swipe .bts span.active{background: rgba(200,0,11,.7);}
.detail_box .mid_big{width: 60.6%;overflow: hidden;background: #aaa;}
.detail_box .mid_small_2{width: 39.4%;overflow: hidden;background: #bbb;}
.detail_box .mid_mid{width: 53.5%;overflow: hidden;background: #999;}
.detail_box .mid_small{width: 46.5%;overflow: hidden;background: #888;}
.xf{width: 80px;overflow: hidden;position: fixed;right: 5px;bottom: 8%;z-index: 500;}
.xf .xf_item{height: 80px;width: 100%;overflow: hidden;background: #C8000B;margin-bottom: 5px;}
.xf .xf_item img{width: 80%;display: block;overflow: hidden;margin: 10% auto;}
.xf .xf_item:nth-child(4) img{width: 60%;margin: 20% auto;}
.xf .xf_item:nth-child(4){display: none;}
	/*ins#qiao-icon-wrap{top: 45%;}*/
#newBridge .icon-right-center{top: 34%;right: 5px;}
#LXB_CONTAINER{right: 5px;}
.about_item{
	width: 100%;
	overflow: hidden;
}
.about_item .about_title{
	width: 100%;
	overflow: hidden;
}
.about_item .about_title img{
	width: 100%;
	overflow: hidden;
	display: block;
}
.about_item .about_main{
	width: 100%;
	overflow: hidden;
}
.about_item .about_main .introduce{
	width: 64%;
	overflow: hidden;
	margin: 50px auto;
	font-size: 100%;
}
.about_item .about_main .introduce p{
	display: block;
	width: 100%;
	margin-bottom: 15px;
	line-height: 25px;
	font-size: 90%;
	color: #999;
}
.about_item .about_main .introduce p span{
	color: #C8000B;
	font-weight: bold;
	font-size: 120%;
}
.about_item .about_main .introduce .title{
	font-size: 200%;
	margin-bottom: 40px;
	color: #C8000B;
	font-weight: bold;
	line-height: 40px;
}
.about_item .about_main img{
	width: 100%;
	display: block;
	overflow: hidden;
}
.bottom{
	width: 96%;
	overflow: hidden;
	padding: 15px 2%;
	background: #333333;
	font-size: 12px;
	text-align: center;
}
.bottom a{
	margin-right: 15px;
	color: #ffffff;
}
.contact_main{
	width: 67%;
	overflow: hidden;
	margin: 30px auto;
}
.contact_main .contact_title{
	width: 100%;
	overflow: hidden;
	font-size: 220%;
	font-weight: bold;
	color: #C8000B;
	margin-bottom: 60px;
}
.contact_main .contact_title:nth-child(3){
	font-size: 180%;
}
.contact_main .contact_detail{
	width: 100%;
	overflow: hidden;
	margin-bottom: 50px;
}
.contact_main .contact_detail .contact_left{
	width: 51%;
	float: left;
	overflow: hidden;
}
.contact_main .contact_detail .contact_left .contact_item{
	width: 100%;
	overflow: hidden;
	margin-bottom: 20px;
	color: #777777;
	font-size: 130%;
}
.contact_main .contact_detail .contact_left .contact_item .contact_img{
	width: 30px;
	overflow: hidden;
	float: left;
}
.contact_main .contact_detail .contact_left .contact_title{
	font-size: 180%;
}
.contact_main .contact_detail .contact_left .contact_item .contact_img img{
	width: 100%;
	overflow: hidden;
	display: block;
}
.contact_main .contact_detail .contact_left .contact_item .contact_memo{
	float: left;
	margin-left: 15px;
}
.contact_main .contact_detail .contact_right{
	width: 47%;
	float: right;
	overflow: hidden;
}
.contact_main .contact_detail .contact_right .contact_qq{
	width: 20%;
	float: left;
	overflow: hidden;
}
.contact_main .contact_detail .contact_right .contact_qq img{
	display: block;
	width: 100%;
	overflow: hidden;
}
.contact_main .contact_detail .contact_right .right{
	float: left;
	overflow: hidden;
	margin-left: 5%;
}
.contact_main .contact_detail .contact_right .right .qq_item{
	width: 100%;
	overflow: hidden;
	margin-bottom: 20px;
	font-size: 130%;
	color: #777777;
}
.contact_main .contact_detail .contact_right .ewm{
	width: 30%;
	overflow: hidden;
	float: left;
}
.contact_main .contact_detail .contact_right .ewm img{
	width: 100%;
	overflow: hidden;
	display: block;
}
.news_box{
	width: 60%;
	overflow: hidden;
	margin: 60px 0;
	margin-left: 22%;
}
.news_box .news_item{
	width: 48%;
	overflow: hidden;
	float: left;
	margin-right: 4%;
}
.news_box .news_item:nth-child(2){
	margin-right: 0;
}
.news_box .news_item .title{
	width: 70%;
	overflow: hidden;
	margin: 0 auto;
}
.news_box .news_item .title img{
	width: 90%;
	overflow: hidden;
	display: block;
	margin: 0 auto;
}
.news_box .news_item ul{
	width: 100%;
	overflow: hidden;
	margin-top: 30px;
}
.news_box .news_item ul li{
	width: 100%;
	overflow: hidden;
	padding: 10px 0;
	border-bottom: #f2f2f2 dotted 2px;
	font-size: 90%;
}
.news_box .news_item ul li a:hover{
	color: #C8000B;
	font-weight: bold;
}
.news_box .news_item ul li:last-child{
	border-bottom: none;
}
.news_box .news_item ul li.getMore{
	text-align: center;
}
.news_box .news_item ul li.getMore a{
	color: #999999;
}
.news_box .news_item ul li .new_title{
	width: 80%;
	float: left;
	overflow: hidden;
}
.news_box .news_item ul li .new_title a{
	display: block;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space:nowrap;
}
.news_box .news_item ul li.getMore a:hover{
	font-weight: normal;
	text-decoration: underline;
}
.news_box .news_item ul li .new_time{
	width: 20%;
	float: right;
	overflow: hidden;
	text-align: right;
	color: #cccccc;
	font-size: 90%;
}
.new_main{
	width: 60%;
	overflow: hidden;
	margin-left: 20%;
	padding: 30px 0;
}
.new_main .news_detail{
	width: 100%;
	overflow: hidden;
}
.new_main .news_detail .news_title{
	width: 100%;
	overflow: hidden;
	font-size: 150%;
	text-align: center;
	padding: 40px 0;
}
.new_main .news_detail .news_time{
	text-align: right;
	color: #cccccc;
	width: 100%;
	overflow: hidden;
	padding-bottom: 30px;
	font-size: 90%;
}
.new_main .news_detail .detail_main{
	line-height: 30px;
	font-size: 90%;
}
.new_main .news_detail .detail_main a{
	text-decoration: underline;
	color: blue;
}

.swiper-container{
	width: 100%;
	position: relative;
	zoom: 1;
}
.swiper-container .swiper-wrapper{
	width: 100%;
}
.swiper-container .swiper-wrapper .swiper-slide{
	width: 100%;
	position: relative;
}
.swiper-container .swiper-wrapper .swiper-slide img{
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
}
.swiper-container .swiper-wrapper .swiper-slide .title.active{
	display: block;
}
ul.newsList{
	width: 60%;
	overflow: hidden;
	margin: 30px auto;
}
ul.newsList li{
	width: 96%;
	overflow: hidden;
	border-bottom: #f2f2f2 dotted 2px;
	font-size: 90%;
	position: relative;
	cursor: pointer;
	padding: 10px 2%;
}
ul.newsList li:hover{
	background: #efefef;
}
ul.newsList li a{
	color: #333333;
}
ul.newsList li:last-child{
	border-bottom: none;
}
ul.newsList li .new_title{
	width: 100%;
	overflow: hidden;
}
ul.newsList li .new_des{
	width: 100%;
	overflow: hidden;
	color: #cccccc;
	margin-top: 5px;
}
ul.newsList li .new_time{
	position: absolute;
	right: 2%;
	top: 0;
	color: #cccccc;
	font-size: 90%;
	line-height: 40px;
}

.maxing-menu-box{
	width: 80%;
	margin: 0;
	padding: 2% 10%;
	overflow: hidden;
}
.maxing-menu-box ul.maxing-menus{
	width: 96%;
	overflow: hidden;
	margin: 0 auto;
	padding: 30px 2%;
}
.maxing-menu-box ul.maxing-menus li{
	width: 12.5%;
	overflow: hidden;
	float: left;
	margin: 0 auto;
	margin-right: 2%;
	padding: 20px 0;
	border-radius: 10px;
}
.maxing-menu-box ul.maxing-menus li:last-child{
	margin-right: 0;
}
.maxing-menu-box ul.maxing-menus li .menu-img-box{
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	margin-bottom: 20px;
}
.maxing-menu-box ul.maxing-menus li .menu-img-box img{
	display: block;
	width: 70%;
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
}
.maxing-menu-box ul.maxing-menus li .menu-title-box{
	width: 100%;
	overflow: hidden;
	text-align: center;
	font-size: 120%;
	color: #a09c9c;
}
.maxing-menu-box ul.maxing-menus li:hover{
	transform: scale(1.02,1.02);
	transition: 0.5s transform;
	background: #f2f2f2;
	box-shadow: rgba(0,0,0,0.2) 5px 5px 15px;
	-moz-box-shadow: rgba(0,0,0,0.2) 5px 5px 15px;
	-webkit-box-shadow: rgba(0,0,0,0.2) 5px 5px 15px;
}
.maxing-menu-box ul.maxing-menus li:hover > a .menu-title-box{
	font-weight: bold;
	color: #E60012;
}
.maxing-main{
	width: 100%;
	overflow: hidden;
}
.maxing-main table{
	width: 100%;
	overflow: hidden;
}
.maxing-main table tr{
	width: 100%;
	overflow: hidden;
}
.maxing-main table tr td{
	overflow: hidden;
}
.maxing-main table tr td img{
	width: 100%;
	overflow: hidden;
	display: block;
}
.maxing-main table tr td:hover > img{
	transform: scale(1.05,1.05);
	transition: 1.5s transform;
}

ul.articleList{
	width: 80%;
	margin: 30px auto;
}
ul.articleList li{
	width: 96%;
	/*border-bottom: #f2f2f2 dotted 2px;*/
	background: #fefefe;
	font-size: 90%;
	position: relative;
	cursor: pointer;
	padding: 10px 2%;
}
ul.articleList li a{
	color: #333333;
}
ul.articleList a:nth-child(odd) > li{
	background: #f2f2f2;
}
ul.articleList a:hover > li{
	background: #ddd;
	transform: scale(1.02,1.02);
	transition: .2s transform;
}
ul.articleList li .new_title{
	width: 100%;
	overflow: hidden;
}
ul.articleList li .new_des{
	width: 100%;
	overflow: hidden;
	color: #cccccc;
	margin-top: 5px;
}
ul.articleList li .new_time{
	position: absolute;
	right: 2%;
	top: 0;
	color: #cccccc;
	font-size: 90%;
	line-height: 40px;
}

.article_main{
	width: 80%;
	overflow: hidden;
	margin: 0 auto;
	padding: 0 0 5% 0;
}
.article_main .news_detail{
	width: 100%;
	overflow: hidden;
}
.article_main .news_detail .news_title{
	width: 100%;
	overflow: hidden;
	font-size: 150%;
	text-align: center;
	padding: 0 0 2% 0;
}
.article_main .news_detail .news_time{
	text-align: right;
	color: #cccccc;
	width: 100%;
	overflow: hidden;
	padding-bottom: 30px;
	font-size: 90%;
}
.article_main .news_detail .detail_main{
	line-height: 30px;
	font-size: 90%;
}
.article_main .news_detail .detail_main img{
	width: 100%;
	display: block;
	overflow: hidden;
}
.com_imp{
	width: 60%;
	overflow: hidden;
	padding: 30px 20%;
	background: url(../images/cmp_info_bg.jpg) no-repeat center center;
	background-size: 100% 100%;
	color: #fff;
	margin: 30px auto;
}
.com_imp .title{
	width: 40%;
	overflow: hidden;
	margin: 0 auto;
}
.com_imp .title img{
	display: block;
	width: 100%;
	overflow: hidden;
}
.com_imp .com_imp_detail{
	width: 92%;
	overflow: hidden;
	margin: 10px auto;
	line-height: 40px;
	font-size: 100%;
	text-align: center;
	letter-spacing: 1px;
}
.com_imp .com_imp_detail a{
	color: #fff;
}
.com_imp .com_imp_detail a:hover{
	text-decoration: underline;
}
.com_imp ul.cmp_info_ul{
	width: 80%;
	overflow: hidden;
	margin: 30px auto;
}
.com_imp ul.cmp_info_ul li{
	float: left;
}
.com_imp ul.cmp_info_ul li:nth-child(even){
	width: 14%;
	overflow: hidden;
}
.com_imp ul.cmp_info_ul li:nth-child(odd){
	width: 24%;
	overflow: hidden;
}
.com_imp ul.cmp_info_ul li img{
	display: block;
	width: 90%;
	overflow: hidden;
	margin: 0 auto;
}
.com_imp ul.cmp_info_ul li:nth-child(even) img{
	width: 40%;
	margin-top: 55%;
}