﻿.pop-alert .pop-dialog{ width: 500px; height: 350px; background-color: #fff; z-index: 1;}
.pop-alert .btnWarp{ padding: 8px 20px;}
.pop-alert .btnWarp button{ line-height: 1; padding: 8px 20px; margin: 0 10px;}


.pop-video{}
.pop-video .pop-dialog{ width: 842px; height: 536px; z-index: 1;}
	

.scaleimg{ overflow: hidden;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}
.scaleimg img{ width: 100%; height: auto;
	-webkit-transition: transform .5s;
	transition: transform .5s;
}
.scaleimg:hover img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
	

.t_head{}
.t_head .h1{}
.t_head .h2{}
.t_head .h3{}
.t_head .p{}
.t_head .link{}


.scroll-tab{ position:relative; margin: 1rem auto; padding: 0.1rem; width: 6rem; border: 1px solid; overflow:hidden;}
.scroll-tab li{ display:inline-block; margin:0 0.1rem; padding:0 0.1rem; background-color: #909090; border-bottom:2px solid transparent; font-size: 0.3rem;}
.scroll-tab li.cur{ border-color:#DB6E10;}


.process{}
.process ul{ overflow:hidden; padding:10px;}
.process ul li{ float:left; height:20px; color:#FFF; line-height:20px; padding:0 25px 0 10px; position:relative;}
.process ul li:nth-child(1){ background-color:red;}
.process ul li:nth-child(2){ background-color:green;}
.process ul li:nth-child(3){ background-color:blue;}
.process ul li:after{ border-left:15px solid #aeaeae; border-top:10px solid transparent; border-bottom:10px solid transparent; width:0; height:0; content:''; position:absolute; right:0; top:0;}
.process ul li:nth-child(1):after{ border-left-color:red; border-top-color:green; border-bottom-color:green;}
.process ul li:nth-child(2):after{ border-left-color:green; border-top-color:blue; border-bottom-color:blue;}
.process ul li:nth-child(3):after{ border-left-color:blue; border-top-color:#FFF; border-bottom-color:#FFF;}

.bdmap{ height: 1000px;}
.bdmapinfo{ position: fixed; left: 0; top: 0; width: 300px; visibility: hidden; z-index: -9999;}

.video{ height: 500px;}

.tit .ch{ font-family: "Sour"; min-height: 1.5em; }


.article{ padding: 90px 0;}
.article-title{ margin-bottom: 20px; text-align:center;}
.article-title .tit{ font-family: "Sour"; }
.article-title .h24{ margin-bottom: 20px; font-size:24px;}
.article-title .info{ color:#707070; padding-top: 15px;}
.article-title .info span{ margin: 0 15px; font-size: 16px; font-family: "Avian";}
.article-cont{ margin-bottom: 30px; }
.article-cont .p{ margin-bottom: 20px; color: #707070; }
.article-cont .h18{ color: #333; }
.article-cont img{ max-width: 100%; height: auto !important;}
.article-paging{ overflow: hidden; padding:20px 0; border-top: 1px solid #eee; line-height: 26px;}
.article-paging .prev, .article-paging .next{ position: relative; width:40%; white-space:nowrap; overflow:hidden; font-size: 16px; text-overflow:ellipsis;}
.article-paging .prev{ float: left; padding-left: 40px;}
.article-paging .next{ float: right; padding-right: 40px; text-align: right;}
.article-paging .prev:before, .article-paging .next:before{ position: absolute; width:24px; border:1px solid #e2e2e2; border-radius: 50%; font-size:16px; text-align: center; line-height: 1.5;
	font-family: "xfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}
.article-paging .prev:before{ content:"\e831"; left: 0;}
.article-paging .next:before{ content:"\e832"; right: 0;}
.article-paging a:hover{ color: #e95504;}
.article-paging .prev:hover::before,.article-paging .next:hover::before{ background: #e95504; border-color: #e95504; color: #fff; }
.article .share-mod{ padding: 30px 0; }
.article .video{ width: 805px; height: 453px; margin: 0 auto 45px; position: relative; }
.article .video .vimg{ position: relative; width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; z-index: 9; }
.article .video .vimg img{ width: 100%; height: 100%; }
.article .video .vimg .play{ content: ""; width: 78px; height: 78px; background: url(../image/play.png) no-repeat center; position: absolute;
top: 0; bottom: 0; left: 0; right: 0; margin: auto; z-index: 11; cursor: pointer; }
.article .video video{ width: 100%; height: 100%; }
.article .down{ padding: 25px 0; }
.article .down .li{ float: left; margin-right: 55px; padding-left: 28px; background: url(../image/down.png) no-repeat center left; }
.article .video iframe{ width: 100% !important;  }




.result{ padding:60px 0; }
.result .key{ color:#e95504; }
.result .h24{ font-size:24px; }
.result .h24 span{ margin-left: 30px; font-size:18px; color:#707070; }
.result .list{ margin-bottom: 50px; }
.result .list-item{ padding:30px 0; border-bottom:1px solid #d1d1d1; }  
.result .list .h18{ font-size:18px; margin-bottom: 15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.result .list .p{ color:#707070; }
.result .list a:hover{ opacity: 0.8;}


.sitemap{ padding:60px 0; }
.sitemap dl{ padding: 20px 0; border-bottom: 1px solid #eee;}
.sitemap dt{ font-size: 16px; }
.sitemap dd{ margin-top: 20px; padding-left: 4em; word-break: keep-all;}
.sitemap dd a{ margin-right: 20px;}
.sitemap a:hover{ color: #e95504;}

.tab{ text-align: center; }
.tab .inner{ display: inline-block; }
.tab .inner .li{ cursor: pointer; font-size: 24px; position: relative; padding: 10px; margin: 0 10px; float: left; font-family: "Sour"; }
.tab .inner .li:after{ content: ""; width: 100%; height: 3px; background: #e95504; position: absolute; bottom: 0; left: 0; display: none; }
.tab .inner .li.cur{ color: #e95504;  }
.tab .inner .li.cur:after{ display: block; }

.tit .ch{ font-size: 36px; min-height: 1.5em; }
.tit .en{ font-size: 40px; font-family: "Avian"; color: #707070; text-transform: Capitalize; }

.index .x-wrap,.hheader .x-wrap{ width: 1250px; }
.hheader{ background: transparent; position: fixed; top: 0; left: 0; right: 0; color: #fff; }
.abxheader.hheader{ position: absolute; }
.hheader .logo{ position: relative; width: 164px; }
.hheader .logo img{ width: 100%; height: auto; }
.hheader .logo .c{ position: absolute; top: 0; left: 0; display: none; }
.index_container{ padding-top: 0 !important; }
.index{ color: #fff; }
.index .section{ width: 100%; height: 100%; position: relative; background-size: 100% 100% !important; }
.index .section:after{ content: ""; display: block; clear: both; }
.index .section .mask{ position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.4); top: 0; left: 0; right: 0; }
.index .x-footer{ background: transparent; position: absolute; bottom: 0; left: 0; right: 0; z-index: 999; }
.hheader .share-box .icon-add:after{ background: url(../image/wicon2.png) no-repeat center; background-size: auto 100% !important; }
.hheader .tele{ background: url(../image/wicon1.png) no-repeat left center; background-size: auto 100% !important; }
.index .sec1 .li{ width: 100%; position: relative; background-size: 100% 100% !important; }
.index .sec1 .li .text{ position: absolute; top: 50%; left: 0; right: 0; margin-top: -52px; text-align: center; }
.index .sec1 .li .text .ch{ font-size: 40px; font-family: "Sour"; }
.index .sec1 .li .text .en{ font-size: 30px; font-family: "Avian"; text-transform: capitalize; }
.index .sec1 .slick-dots li{ background: #fff; }
.index .sec1 .slick-dots li.slick-active{ background: #ff5705; }
.index .sec2 .li{ width: 33.33%; height: 100%; float: left; background: rgba(0,0,0,.4); position: relative; display: table; }
.index .sec2 .li:after{ content: ""; width: 1px; height: 100%; background: rgba(255,255,255,.4); position: absolute; left: 0; top: 0; }
.index .sec2 .li .inner{ display: table-cell; vertical-align: middle; }
.index .sec2 .li .icon{ width: 74px; height: 67px; margin: 0 auto; }
.index .sec2 .li .icon img{ width: 100%; height: auto; }
.index .sec2 .li .p{ font-size: 24px; text-align: center; font-family: "Sour"; }
.index .sec3 .con{ height: 100%; }
.index .sec3 .tit{ display: none; }
.index .sec3 .li{ width: 16.66%; float: left; height: 100%; background: rgba(0,0,0,.4); position: relative; z-index: 9; }

.index .sec3 .li .t1{ position: absolute; top: 25%; right: 40px; font-size: 24px; opacity: .5; writing-mode: tb-rl; -webkit-writing-mode: tb-rl; text-transform: capitalize; line-height: 1; }
.index .sec3 .li .t2{ font-family: "Sour"; position: absolute; width: 30px; top: 25%; right: 72px; font-size: 30px; line-height: 1; writing-mode: tb-rl; -webkit-writing-mode: tb-rl; }
.index .sec3 .li .t2 .t2img{ margin-top: 14px; display: inline-block; position: relative; right: 8px; }
.index .sec3 .li .t3{ position: absolute; top: 25%; right: 120px; height: 337px; writing-mode: tb-rl; -webkit-writing-mode: tb-rl; line-height: 1.7; opacity: 0; }
.index .sec3 .li .img{ display: none; opacity: 0; width: 170px; height: 170px; position: absolute; left: 0; right: 0; bottom: 10%; margin: auto; }
.index .sec3 .li .img img{ width: 100%; height: 100%; }
.index .sec3 .li .img .round{ opacity: 0; display: block; width: 100%; height: 100%; border: 1px solid rgba(255,255,255,.5); border-radius: 50%; position: absolute;
top: 0; left: 0; }
.index .sec3 .li .img .round:before,.index .sec3 .li .img .round:after{ content: ""; border: 1px solid; border-radius: 50%; position: absolute; }
.index .sec3 .li .img .round:before{ width: 220px; height: 220px; border-color: rgba(255,255,255,.3); top: -24px; left: -24px; }
.index .sec3 .li .img .round:after{ width: 268px; height: 268px; border-color: rgba(255,255,255,.1); top: -48px; left: -48px; }
.index .sec4 .con{ padding-top: 173px; }
.index .sec4 .map{ width: 720px; height: 582px; float: left; position: relative; }
.index .sec4 .map img{ width: 100%; height: auto; }
.index .sec4 .map .layer{ background: transparent !important; width: 100%; height: 100%; position: absolute; }
.index .sec4 .map .phone{ display: none; }
.index .sec4 .map .point{ width: 22px; height: 24px; position: absolute; background: url(../image/hmpw_03.png) no-repeat center; }
.index .sec4 .map .p1{ top: 88px; right: 119px; }
.index .sec4 .map .p2{ top: 132px; right: 99px; }
.index .sec4 .map .p3{ top: 162px; right: 136px; }
.index .sec4 .map .p4{ top: 181px; right: 189px; }
.index .sec4 .map .p5{ top: 268px; right: 186px; }
.index .sec4 .map .p6{ top: 299px; right: 294px; }
.index .sec4 .map .p7{ top: 299px; right: 376px; }
.index .sec4 .map .p8{ top: 268px; left: 242px; }
.index .sec4 .map .p9{ top: 347px; right: 146px; }
.index .sec4 .map .p10{ top: 332px; right: 242px; }
.index .sec4 .map .p11{ bottom: 198px; left: 326px; }
.index .sec4 .map .p12{ bottom: 178px; right: 199px; }
.index .sec4 .map .p13{ bottom: 171px; right: 251px; }
.index .sec4 .map .p14{ bottom: 150px; right: 323px; }
.index .sec4 .map .p15{ bottom: 116px; left: 298px; }
.index .sec4 .map .p16{ bottom: 150px; right: 164px; }
.index .sec4 .map .p17{ bottom: 117px; right: 214px; }
.index .sec4 .map .p18{ bottom: 103px; right: 279px; }
.index .sec4 .map .point:hover{ background-image: url(../image/hmpo_03.png); }

.index .sec4 .x-wrap{ height: auto; }
.index .sec4 .text{ margin-left: 795px; padding-top: 130px; }
.index .sec4 .text .t{ font-size: 36px; padding-bottom: 30px; font-family: "Sour"; }
.index .sec4 .text .li{ margin-bottom: 35px; }
.index .sec4 .text .lt{ font-size: 24px; padding-bottom: 8px; }
.index .sec4 .text .lt img{ margin-right: 15px; }
.index .sec4 .numbox .child{ float: left; margin-right: 27px; }
.index .sec4 .numbox .rn{ padding-top: 5px; font-size: 50px; line-height: 1; font-family: "Avian"; }
.index .sec5 .box{ position: relative; z-index: 9; }
.index .sec5 .tit{ text-align: center; }
.index .sec5 .tit .more{ padding-top: 10px; display: block; }
.index .sec5 .con{ text-align: center; width: 1250px; margin: 0 auto; padding-top: 70px; }
.index .sec5 .con .inner{ display: inline-block; }
.index .sec5 .con .li{ float: left; width: 330px; height: 498px; text-align: left; padding: 0 0 0 30px; position: relative; }
.index .sec5 .con .li+.li{ margin-left: 74px; }
.index .sec5 .con .li:after{ content: ""; width: 1px; height: 100%; background: rgba(255,255,255,.2); position: absolute; top: 0; left: 0; }
.index .sec5 .con .li .time{ font-size: 24px; font-family: "Avian"; line-height: 1; }
.index .sec5 .con .li .time span{ display: block; font-size: 90px; }
.index .sec5 .con .li .lt{ font-size: 18px; padding: 25px 0 15px; }
.index .sec5 .con .li .a{ padding-top: 20px; display: block; }

.news{ padding: 100px 0; }
.news .con{ padding-top: 30px; }
.news .con .li{ width: 400px; float: left; margin-bottom: 30px; margin-right: 15px; }
.news .con .li:nth-child(3n){ margin-right: 0; }
.news .con .li .img{ width: 100%; height: 225px; overflow: hidden; position: relative; }
.news .con .li .img.video:after{ content: ""; width: 78px; height: 78px; background: url(../image/play.png) no-repeat center; position: absolute;
top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
.news .con .li .img img{ width: 100%; height: auto; }
.news .con .li .textbox{ border: 1px solid #dfdfdf; padding: 25px 0; border-top: none; text-align: center; position: relative; }
.news .con .li .textbox:before{ content: ""; width: 80%; height: 1px; background: #fff; position: absolute; bottom: -1px; left: 0; right: 0; margin: auto; }
.news .con .li .textbox .lt{ font-size: 18px; }
.news .con .li .textbox .ltime{ font-family: "Avian"; font-size: 16px; padding-top: 10px; }
.news .con .child{ display: none; }

.car{ padding: 100px 0 110px; }
.car .select-mod .select-opts{ max-height: 200px; }
.car .tab .select-mod{ float: left; margin: 0 17px; font-size: 24px; }
.car .tab .select-mod .select-bar:before{ border: none; border-bottom: 3px solid #dfdfdf; }
.car .tab .select-mod .select-btn{ height: auto; }
.car .tab .placeholder{ color: #333; font-family: "Sour"; }
.car .tab .select-mod .select-btn:after{ font-size: 16px; }
.car .tab .select-mod:hover .placeholder{ color: #e95504; }
.car .tab .select-mod:hover .select-bar:before{ border-color: #e95504; }
.car .tab .select-mod:hover .select-btn:after{ color: #e95504; }
.car .tab .select-mod.cur .select-val{ color: #e95504; }
.car .tab .select-mod.cur .select-bar:before{ border-color: #e95504; }
.car .tab .select-mod.cur .select-btn:after{ color: #e95504; }
.car .tab .select-mod .select-item{ font-size: 16px; }
.car .con{ padding-top: 40px; }
.car .con .li{ width: 396px; float: left; margin: 0 20px 40px 0; cursor: pointer; }
.car .con .li:nth-child(3n){ margin-right: 0; }
.car .con .li .img{ width: 100%; height: 255px; overflow: hidden; margin-bottom: 20px; position: relative; }
.car .con .li .img img{ width: 100%; height: auto; }
.car .con .li .img .h{ position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; }
.car .con .li:hover .img .h{ opacity: 1; visibility: visible; position: static; }
.car .con .li:hover .img .nh{ display: none; }
.car .con .li .name{ font-size: 16px; }
.car .con .li .price{ margin-top: 10px; }
.car .con .li .price .s,.car .con .li .price .y{ float: left; font-family: "Microsoft YaHei UI"; color: #707070; }
.car .con .li .price .s span,.car .con .li .price .y span{ font-size: 24px; font-family: "Avian"; margin-left: 12px; }
.car .con .li .price .y{ color: #e95504; margin-left: 50px; }
.carpop{ opacity: 0; visibility: hidden; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.6); z-index: -1; }
.carpop.show{ z-index: 9999; opacity: 1; visibility: visible; }
.carpop .pclose{ display: block; width: 30px; height: 30px; cursor: pointer; background: url(../image/pclose_03.png) no-repeat center; position: absolute;
top: 30px; right: 20px; }
.carpop .con{ width: 1150px; height: 677px; padding: 70px 40px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; 
background: #fff; box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; }
.carpop .l{ width: 596px; padding-top: 145px; float: left; }
.carpop .l .img{ width: 100%; height: 268px; }
.carpop .l .img img{ width: 100%; height: auto; }
.carpop .l .ptele{ font-size: 48px; line-height: 1; font-family: "avignon"; text-align: center; padding-top: 110px; }
.carpop .l .slick-arrow{ width: 38px; height: 38px; border: 1px solid #e3e3e3; border-radius: 50%; background: transparent; bottom: -64px; top: auto; }
.carpop .l .slick-prev{ left: 235px; }
.carpop .l .slick-next{ right: 235px; }
.carpop .l .slick-arrow:after{ font-size: 25px; color: #c5c5c5; }
.carpop .l .slick-prev:after{ content: "\e831"; }
.carpop .l .slick-next:after{ content: "\e832"; }
.carpop .l .slick-arrow:hover{ background: #e95504; border-color: #e95504; }
.carpop .l .slick-arrow:hover::after{ color: #fff; }
.carpop .r{ width: 513px; float: right; }
.carpop .rt{ font-size: 30px; line-height: 1.3; }
.carpop .rt span{ font-family: "Avian"; text-transform: uppercase; margin: 0 17px; }
.carpop .rcon{ background: #fafafa; margin: 35px 0 15px; padding: 40px; }
.carpop .rtab{ padding-bottom: 25px; border-bottom: 1px solid #dfdfdf; }
.carpop .rtab .li{ width: 124px; line-height: 47px; border: 1px solid #dfdfdf; border-radius: 6px; float: left; text-align: center; 
font-size: 18px; cursor: pointer; }
.carpop .rtab .li.cur{ background: #e95504; border-color: #e95504; color: #fff; }
.carpop .rtab .li+.li{ margin-left: 27px; }
.carpop .childbox{ padding-top: 5px; }
.carpop .childbox .child{ display: none; }
.carpop .childbox .cli{ line-height: 45px; }
.carpop .childbox .cll{ float: left; color: #707070; padding-left: 25px; position: relative; }
.carpop .childbox .cll:after{ content: ""; width: 6px; height: 6px; border: 2px solid #ea5d11; border-radius: 50%; position: absolute; left: 0;
top: 0; bottom: 0; margin: auto; box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; }
.carpop .childbox .clr{ float: right; color: #e95504; font-size: 24px; font-family: "Avian"; }
.carpop .childbox .clr span{ font-family: "微软雅黑"; font-size: 16px; }
.carpop .r .information .li{ line-height: 55px; border-bottom: 1px solid #f0f0f0; }
.carpop .r .information .li .il{ box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; padding-left: 45px; width: 70px; float: left; background-size: auto 100%; }
.carpop .r .information .li .name{ background: url(../image/picon1_03.png) no-repeat left center; }
.carpop .r .information .li .num{ background: url(../image/picon2_03.png) no-repeat left center; }
.carpop .r .information .li .city{ background: url(../image/picon3_03.png) no-repeat left center; }
.carpop .r .information .li .ir{ margin-left: 115px; }
.carpop .ir .select-mod .select-bar:before{ border: none; }
.carpop .ir .select-mod .select-btn{ height: auto; padding: 0; }
.carpop .ir .select-mod .select-btn:after{ height: auto; color: #e0e0e0; }
.carpop .r .ibtn{ width: 176px; line-height: 49px; border-radius: 6px; text-align: center; margin: 40px auto 0; color: #fff; background: #e95504; 
font-size: 18px; }
.carpop .r .ibtn a{ width: 100%; height: 100%; display: block; }

.recruitment .banner{ height: 894px; background-size: cover !important; position: relative; color: #fff; }
.recruitment .banner .img{ position: absolute; top: 0; left: 0; }
.recruitment .banner .img,.recruitment .banner .img .li{ width: 100%; height: 100%; }
.recruitment .banner .img .li{ display: none; background-size: 100% 100% !important; }
.recruitment .banner .tabbox{ position: absolute; left: 0; right: 0; top: 50%; text-align: center; margin-top: -98px; }
.recruitment .banner .con{ padding-top: 35px; }
.recruitment .banner .con .item{ display: none; }
.recruitment .banner .con .item .p1{ font-size: 36px; font-family: "Sour"; padding-bottom: 10px; }
.recruitment .banner .con .item .p1 span{ margin: 0 18px }
.recruitment .banner .con .item .p2{ font-size: 24px;  }

.recruitment .tit .en{ color: #707070; }
.recruitment .tit{ text-align: center; }
.recruitment .page-mod{ padding-top: 50px; }
.recruitment .page-mod .page-box{ width: auto; background: transparent; }
.recruitment .page-mod .prev a,.recruitment .page-mod .next a{ background: transparent; }
.recruitment .page-mod .prev a:hover,.recruitment .page-mod .next a:hover{ background: #e95504; }
.recruitment .page-mod .prev,.recruitment .page-mod .next{ position: static; }
.recruitment .page-mod:after{ display: none; }


.recruitment .soc1{ padding: 140px 0; }
.recruitment .soc1 .tit{ text-align: left; }
.recruitment .soc1 .left{ float: left; width: 486px; height: 733px; color: #fff; background-size: cover !important; }
.recruitment .soc1 .left .inner{ padding: 60px; }
.recruitment .soc1 .left .tit .en{ color: #fff; }
.recruitment .soc1 .left .con{ padding-top: 20px; }
.recruitment .soc1 .left .con .li{ width: 48%; margin-right: 2%; float: left; margin-bottom: 10px; }
.recruitment .soc1 .left .con .li .lt{ font-size: 18px; }
.recruitment .soc1 .right{ margin-left: 486px; }
.recruitment .soc1 .right .img{ width: 100%; }
.recruitment .soc1 .right .img img{ width: 100%; height: auto; }
.recruitment .soc1 .right .text{ padding: 110px 60px 0; }
.recruitment .soc1 .right .text .p{ color: #707070; padding-top: 20px; }

.recruitment .soc2{ padding: 130px 0 140px; background: url(../image/pointback_02.jpg); }
.recruitment .soc3{ padding: 140px 0; }
.recruitment .job .tablebox{ padding-top: 30px; }
.recruitment .job .tablebox table{ width: 100%; }
.recruitment .job .tablebox thead{ line-height: 60px; background: #dfdfdf; font-size: 18px; }
.recruitment .job .tablebox thead th{ font-weight: normal; }
.recruitment .job .tablebox tbody tr{ text-align: center; line-height: 55px; border-bottom: 1px solid #dfdfdf; }
.recruitment .job .tablebox tbody tr:hover{ border-bottom-color: #e95504; }
.recruitment .job .tablebox tbody tr:hover a{ color: #e95504; }
.recruitment .job .tablebox tbody td:first-child,.recruitment .job .tablebox tbody td.more{ font-family: "sour"; }


.recruitment .morer{ position: relative; color: #fff; }
.recruitment .morer .img{ width: 100%; height: 360px; background-size: cover !important; }
.recruitment .morer .con{ position: absolute; left: 0; right: 0; top: 50%; margin-top: -64px; text-align: center; }
.recruitment .morer .con .p{ font-size: 36px; padding-bottom: 35px; font-family: "Sour"; }
.recruitment .morer .con .btns .inner{ display: inline-block; }
.recruitment .morer .con .btns .a{ display: inline-block; width: 152px; line-height: 45px; border: 2px solid #fff; border-radius: 6px;
font-size: 16px; margin: 0 15px; }
.recruitment .morer .con .btns .a:hover{ background: #e95504; border-color: #e95504; }


.recruitment .cam1{ padding: 130px 0 160px; }
.recruitment .cam1 .p{ width: 835px; margin: 15px auto 35px; text-align: center; }
.recruitment .cam1 .con{ position: relative; }
.recruitment .cam1 .con .img{ width: 821px; height: 469px; }
.recruitment .cam1 .con .img img{ width: 100%; height: auto; }
.recruitment .cam1 .con .tbox{ text-align: center; position: absolute; right: 0; top: 160px; width: 607px; padding: 55px 15px; background: #fff; }
.recruitment .cam1 .con .tbox .ttit{ font-size: 24px; font-family: "Sour"; }
.recruitment .cam1 .con .tbox .libox{ padding-top: 30px; }
.recruitment .cam1 .con .tbox .li{ float: left; width: 20%; margin: 0 2.5% 35px; color: #707070; }
.recruitment .cam1 .con .tbox .li .num{ font-size: 50px; line-height: 1; font-family: "Avian"; }
.recruitment .cam1 .con .tbox .li .lp{ font-size: 16px; padding-top: 5px; }
.recruitment .cam2{ padding: 130px 0 140px; background: url(../image/pointback_02.jpg); }
.recruitment .cam3{ padding: 130px 0 220px; }
.recruitment .cam3 .con{ padding-top: 30px; height: 543px; }
.recruitment .cam3 .con .imgbox,.recruitment .cam3 .con .imgbox .slick-list{ height: 100%; }
.recruitment .cam3 .imgbox .img{ width: 382px !important; height: 427px; position: relative; top:0; left:0 }
.recruitment .cam3 .imgbox .img img{ width: 100%; height: auto; }
.recruitment .cam3 .imgbox .img .p{ position: absolute; left: 0; right: 0; bottom: 20px; text-align: center; color: #fff; }
.recruitment .cam3 .imgbox .slick-slide{ position: relative; opacity: 0; transition:all 0.3s; -webkit-transition:all 0.3s; }
.recruitment .cam3 .imgbox .slick-active{ opacity: 1; }
.cam3 .imgbox .slick-active.t57{ z-index: 9; }
.cam3 .imgbox .slick-active.t0{ z-index: 8; }
.cam3 .imgbox .slick-active.t59{ z-index: 7; }
.cam3 .imgbox .slick-active.t16{ z-index: 6; }
.cam3 .imgbox .slick-active.t57 .img{ left: 0; top: 57px; }
.cam3 .imgbox .slick-active.t0 .img{ left: -35px; top: 0; }
.cam3 .imgbox .slick-active.t59 .img{ left: -2px; top: 59px; }
.cam3 .imgbox .slick-active.t16 .img{ left: -74px; top: 116px; }
.cam3 .imgbox .slick-arrow{ width: 38px; height: 38px; border: 1px solid #e1e1e1; border-radius: 50%; color: #c5c5c5; background: transparent;
top: 543px; bottom: auto; overflow: visible; }
.cam3 .imgbox .slick-arrow:after{ font-size: 25px; }
.cam3 .imgbox .slick-prev:after{ content: "\e831"; }
.cam3 .imgbox .slick-next:after{ content: "\e832"; }
.cam3 .imgbox .slick-prev{ left: 536px; top: 583px; }
.cam3 .imgbox .slick-next{ right: 564px; }
.cam3 .imgbox .slick-arrow:hover{ border-color: #e95504; background: #e95504; color: #fff; }
.cam3 .imgbox .slick-arrow:before{ content: ""; width: 360px; height: 1px; background: #dfdfdf; position: absolute; top: 0; bottom: 0; margin: auto; }
.cam3 .imgbox .slick-prev:before{ left: 50px; }
.cam3 .imgbox .slick-next:before{ right: 50px; }

.recruitment .cam4{ padding: 70px 0; }

.recruitment .cam5{ position: relative; }
.recruitment .cam5 .l{ width: 50%; background: url(../image/pointback_02.jpg); padding: 90px 0 75px; }
.recruitment .cam5 .l .con{ float: right; width: 520px; margin-right: 95px; }
.recruitment .cam5 .l .tit{ text-align: left; }
.recruitment .cam5 .l .libox{ padding: 20px 0 100px; border-bottom: 1px solid #dfdfdf; }
.recruitment .cam5 .l .libox .li{ padding: 0; line-height: 36px; font-size: 16px; }
.recruitment .cam5 .l .libox .li:after{ content: ""; clear: both; display: block; }
.recruitment .cam5 .l .libox .li span{ display: block; width: 33.33%; float: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.recruitment .cam5 .l .libox .li .ll{ width: 34.33%; }
.recruitment .cam5 .l .libox .li .m{ text-align: center; }
.recruitment .cam5 .l .libox .li .lr{ width: 32.33%; text-align: right; }
.recruitment .cam5 .l .ctele{ padding-top: 45px; }
.recruitment .cam5 .l .ctele .p1{ font-size: 18px; }
.recruitment .cam5 .l .ctele .num{ font-size: 48px; line-height: 1; font-family: "avignon"; font-weight: bolder; padding-bottom: 10px; }
.recruitment .cam5 .r{ width: 50%; padding-bottom: 30%; position: absolute; right: 0; bottom: 0; }
.recruitment .cam5 .r img{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.recruitment .cam5 .slick-arrow{ background: transparent; width: 38px; height: 38px; border: 1px solid #e0e0df; border-radius: 50%;
top: auto; bottom: 40px; color: #c5c5c5; }
.recruitment .cam5 .slick-arrow:hover{ background: #e95504; border-color: #e95504; color: #fff; }
.recruitment .cam5 .slick-arrow:after{ font-size: 25px; }
.recruitment .cam5 .slick-prev:after{ content: "\e833"; }
.recruitment .cam5 .slick-next:after{ content: "\e834"; }
.recruitment .cam5 .slick-prev{ left: 205px; }
.recruitment .cam5 .slick-next{ right: 205px; }

.recruitment .rcon{ position: relative; }
.recruitment .rcon .item{ position: absolute; width: 100%; top: -100000px; left: 0; opacity: 0; visibility: hidden; z-index: -1; }
.recruitment .rcon .item.cur{ position: static; opacity: 1; visibility: visible; }

.cooperation .banner{ width: 100%; height: 894px; background-size: cover !important; display: table; color: #fff; }
.cooperation .banner .text{ display: table-cell; vertical-align: middle; text-align: center; }
.cooperation .banner .text .p{ font-size: 24px; padding-top: 10px; }
.cooperation .banner .tit .en{ color: #fff; }
.cooperation .coo1{ text-align: right; padding: 130px 0 135px; }
.cooperation .coo1 .tit,.cooperation .coo1 .li{ display: inline-block; text-align: right; }
.cooperation .coo1 .li{ color: #fff; height: 264px; position: relative; margin-bottom: 15px; }
.cooperation .coo1 .li img{ width: 100%; height: auto; }
.cooperation .coo1 .li .tbox{ position: absolute; right: 30px; bottom: 30px; }
.cooperation .coo1 .li .tbox .bp{ font-size: 24px; }
.cooperation .coo1 .tit{ width: 325px; position: relative; top: 60px; right: 60px; }
.cooperation .coo1 .tit .en{ line-height: 1.25; }
.cooperation .coo1 .l1{ width: 579px; }
.cooperation .coo1 .l2{ width: 446px; }
.cooperation .coo1 .l3{ width: 412px; }
.cooperation .coo1 .l4{ width: 297px; }
.cooperation .coo1 .l5{ width: 550px; }
.cooperation .coo1 .l2,.cooperation .coo1 .l3,.cooperation .coo1 .l4{ margin-left: 12px; }

.cooperation .coo2{ padding: 130px 0; background: url(../image/pointback_02.jpg); }
.cooperation .coo2 .con{ padding-top: 25px; }
.cooperation .coo2 .con .li{ float: left; }
.cooperation .coo2 .con .li .p{ font-size: 24px; padding-top: 24px; }
.cooperation .coo2 .con .li img{ width: 100%; height: auto; }
.cooperation .coo2 .con .li .img{ height: 343px; }
.cooperation .coo2 .con .li:first-child .img{ width: 601px; }
.cooperation .coo2 .con .li:last-child .img{ width: 572px; }
.cooperation .coo2 .con .li:last-child{ margin: -123px 0 0 56px; }

.cooperation .coo3{ color: #fff; height: 500px; text-align: center; position: relative; background-size: cover !important; }
.cooperation .coo3 .tit .en{ color: #fff; }
.cooperation .coo3 .num{ font-size: 64px; line-height: 1; font-family: "avignon"; }
.cooperation .coo3 .con{ position: absolute; left: 0; right: 0; top: 50%; margin-top: -85px; }

.about .banner{ height: 894px; background-size: cover !important; position: relative; color: #fff; }
.about .banner .x-wrap{ height: 894px; display: table; }
.about .banner .text{ display: table-cell; vertical-align: middle; width: 650px; }
.about .banner .tit .en{ color: #fff; }
.about .banner .tit{ padding-bottom: 30px; }
.about .banner .p{ padding-bottom: 20px; }
.about .ab0ph{ display: none; }
.about .ab1{ padding: 60px 0 120px; }
.about .ab1 .tit.ab1t{ text-align: center; padding-bottom: 50px; }
.about .ab1 img{ width: 100%; height: auto; }
.about .ab1 .tit{ padding-bottom: 25px; }
.about .ab1 .p{ color: #707070; padding-bottom: 20px; }
.about .ab11{ padding-top: 12%; }
.about .ab11 .img{ width: 570px; height: 457px; float: left; }
.about .ab11 .tbox{ margin-left: 630px;  }
.about .ab12{ padding-top: 45px; position: relative; }
.about .ab12 .tit .ch,.about .ab11 .tit .ch{ font-size: 30px; }
.about .ab12 .tit .en,.about .ab11 .tit .en{ font-size: 32px; }
.about .ab12 .tbox{ width: 556px; }
.about .ab12 .img{ width: 50%; padding-bottom: 14%; position: absolute; right: 0; top: 0; }
.about .ab12 .img img{ position: absolute; top: 0; left: 0; }
.about .ab2{ background: url(../image/pointback_02.jpg); padding: 255px 0 140px; position: relative; }
.about .ab2 .imgbox{ width: 75%;  }
.about .ab2 .imgbox .slick-track{ padding: 20px 0; }
.about .ab2 .imgbox .img{ width: 96% !important; height: auto; position: relative; }
.about .ab2 .imgbox .img img{ width: 100%; height: auto; }
.about .ab2 .imgbox .img .t{ position: absolute; left: 30px; bottom: 25px; color: #fff; }
.about .ab2 .imgbox .img .t .name{ font-size: 18px; }
.about .ab2 .x-wrap{ position: absolute; top: 0; left: 0; right: 0; margin: auto; }
.about .ab2 .tit{ position: absolute; top: 110px; right: 0; left: 0; text-align: center; }
.about .ab2 .slick-nav{ font-size: 80px; position: relative; font-family: "Avian"; line-height: 1; display: inline-block; position: absolute; right: 50px; bottom: 165px; }
.about .ab2 .slick-nav span{ font-size: 40px; }
.about .ab2 .slick-arrow{ overflow: visible; width: 34px; height: 34px; background: transparent; top: 30px; bottom: 0; }
.about .ab2 .slick-arrow:after{ width: 100%; height: 100%; font-size: 0.4em; color: #c5c5c5; position: absolute; top: 0; left: 0; }
.about .ab2 .slick-prev:after{ content: "\e831"; }
.about .ab2 .slick-next:after{ content: "\e832"; }
.about .ab2 .slick-next:before{ content: ""; width: 1px; height: 14px; background: #d5d5d5; position: absolute; top: 0; bottom: 0; left: -16px; margin: auto; }
.about .ab2 .slick-arrow:hover::after{ color: #e95504; }
.about .ab2 .slick-prev{ left: -51px; }
.about .ab2 .slick-next{ right: -51px; }
.about .ab2 .imgbox .slick-arrow{ opacity: 0; visibility: hidden; }
.about .ab3{ height: auto; padding: 190px 0 180px; overflow: hidden; background-size: cover !important; color: #fff; position: relative; }
.about .ab3 .back{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,.2); }
.about .ab3 .back .li{ position: absolute; top: 0; width: 1px; height: 100%; background: rgba(255,255,255,.2); }
.about .ab3 .back .li:nth-child(1){ left: 20%; }
.about .ab3 .back .li:nth-child(2){ left: 40%; }
.about .ab3 .back .li:nth-child(3){ left: 60%; }
.about .ab3 .back .li:nth-child(4){ left: 80%; }
.about .ab3 .tit{ text-align: center; }
.about .ab3 .tit .en{ color: #fff; }
.about .ab3 .con{ padding-top: 90px; }
.about .ab3 .con .li{ width: 31.33%; margin: 0 1%; float: left; text-align: center; position: relative; }
.about .ab3 .con .li:after,.about .ab3 .con .li:before{ content: ""; width: 1px; height: 500%; background: rgba(255,255,255,.2); 
position: absolute; top: -270%; }
.about .ab3 .con .li:nth-child(1)::before{ left: -3.4%; }
.about .ab3 .con .li:nth-child(1)::after,.about .ab3 .con .li:nth-child(3)::after{ display: none; }
.about .ab3 .con .li:nth-child(2)::before{ left: -3.4%; }
.about .ab3 .con .li:nth-child(2)::after{ right: -3.4%; }
.about .ab3 .con .li:nth-child(3)::before{ right: -3.4%; }

.about .ab3 .con .li .icon{ width: 55px; margin: 0 auto 20px; }
.about .ab3 .con .li .icon img{ width: 100%; height: auto; }
.about .ab3 .con .li .lt{ font-size: 28px; padding-bottom: 5px; }
.about .ab3 .con .li .lp{ font-size: 18px; }
.about .ab3 .con .li .lp span{ display: block; }

.rpop{ position: fixed; display: none; width: 100%; height: 100%; background: rgba(0,0,0,0.6); top: 0; left: 0; z-index: 9999; }
.rpop .rpcon{ width: 926px; height: 615px; background: #fff; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
.rpop .rpcon .close{ width: 30px; height: 30px; cursor: pointer; background: url(../image/pclose_03.png) no-repeat center; position: absolute; top: 32px; right: 30px; }
.rpop .rpcon .inner{ padding: 60px 70px 50px; }
.rpop .rpcon .rtit{ font-size: 30px; font-family: "Sour"; padding-bottom: 19px; }
.rpop .rpcon .rpbox{ height: 360px; }
.rpop .rpcon .rpbox .li{ padding-bottom: 22px; }
.rpop .rpcon .rpbox .li .lt{ font-size: 18px; padding-bottom: 5px; }
.rpop .rpcon .rpbox .li .lp{ color: #999; line-height: 1.7; }
.rpop .rpcon .rpbottom{ padding-top: 30px; }
.rpop .rpcon .rpbottom .mail,.rpop .rpcon .rpbottom .rpbtn{ float: left; }
.rpop .rpcon .rpbottom .mail{ line-height: 40px; margin-right: 55px; }
.rpop .rpcon .rpbottom .mail a{ color: #e95504; }
.rpop .rpcon .rpbottom .rpbtn{ margin: 0 10px; width: 129px; line-height: 37px; border: 2px solid #dcdcdc; border-radius: 5px; text-align: center; }
.rpop .rpcon .rpbottom .rpbtn a{ display: block; }
.rpop .rpcon .rpbottom .rpbtn:hover{ background: #e95504; border-color: #e95504; color: #fff; }

.contact{ padding: 110px 0 120px; }
.contact .tit{ text-align: center; padding: 0 0 20px; }
.contact .con .l{ width: 780px; height: 566px; float: left; }
.contact .con .r{ margin-left: 780px; height: 566px; background: url(../image/crback_03.jpg); position: relative; }
.contact .con .r .inner{ padding: 68px; position: relative; z-index: 9; }
.contact .con .r .icon{ width: 176px; height: 146px; z-index: 1; position: absolute; right: 50px; bottom: 50px; background: url(../image/cicon2_03.png) no-repeat center; }
.contact .con .r .rt{ font-family: "sour"; margin-bottom: 15px; padding-left: 50px; font-size: 28px; background: url(../image/civon1_03.png) no-repeat center left; }
.contact .con .r .p{ line-height: 1.5; }
.mapt{ padding-bottom: 5px; font-size: 15px; color: #ff5705; }
.mapp:after{ content: ""; clear: ; display: ; }
.mapp span{ display: block; }
.mapp .ml{ float: left; }
.mapp .mr{ margin-left: 45px;}






@media screen and (max-width:1366px){
	.index .sec3 .li .img{ width: 120px; height: 120px; }
	.index .sec3 .li .img .round:before{ width: 154px; height: 154px; top: -17px; left: -17px; }
	.index .sec3 .li .img .round:after{ width: 188px; height: 188px; top: -34px; left: -34px;}
	.index .sec4 .con{ padding-top: 30px; }
	.carpop .con{ height: 580px; padding: 20px; }
	.carpop .pclose{ top: 10px; right: 10px; }
	.carpop .rcon{ margin: 15px 0; padding: 15px; }
	.carpop .r .ibtn{ margin-top: 20px; }
	.index .sec5 .con .li{ height: 300px; }
	.index .sec5 .con{ padding-top: 30px; }
	.cooperation .banner,.recruitment .banner,.about .banner,.about .banner .x-wrap{ height: 768px; }
}



@media screen and (min-width:1230px){
	.index .sec2 .li .inner{ transition: all 1.5s; -webkit-transition: all 1.5s; transform: translateY(80px); -webkit-transform: translateY(80px); opacity: 0; }
	.index .sec2 .li:nth-child(2) .inner{ transition-delay: 0.5s; -webkit-transition-delay: 0.5s; }
	.index .sec2 .li:nth-child(3) .inner{ transition-delay: 0.8s; -webkit-transition-delay: 0.8s; }
	.index .sec2.active .li .inner{ transform: translateY(0); -webkit-transform: translateY(0); opacity: 1; }
	.index .sec2 .li .icon,.index .sec2 .li .p{ transition: all 0.5s; -webkit-transition: all 0.5s; }
	.index .sec2 .li:hover .icon,.index .sec2 .li:hover .p{ transform: translateY(-10px); -webkit-transform: translateY(-10px); }
	.index .sec3 .li{ transition: all 0.8s; -webkit-transition: all 0.8s; }
	.index .sec3 .li:hover{ background: rgba(0,0,0,.55); }
	.index .sec3 .li .t2 img{ transition: all 0.3s; -webkit-transition: all 0.3s; }
	.index .sec3 .li:hover .t2 img{ opacity: 0; }
	.index .sec3 .li .t3{ transform: translateY(-80px); -webkit-transform: translateY(-80px); transition: all 0.5s; -webkit-transition: all 0.5s; }
	.index .sec3 .li:hover .t3{ opacity: 1;transform: translateY(0px); -webkit-transform: translateY(0px); }
	.index .sec3 .li .img{ transition: all 0.3s; -webkit-transition: all 0.3s; }
	.index .sec3 .li:hover .img{ opacity: 1; }
	.index .sec3 .li .img .round{ transition-delay: 0.8s; -webkit-transition-delay: 0.8s;}
	.index .sec3 .li .img .round:before{ transition-delay: 0.8s; -webkit-transition-delay: 0.8s;}
	.index .sec3 .li .img .round:after{ transition-delay: 0.8s; -webkit-transition-delay: 0.8s;}
	.index .sec3 .li:hover .round{ animation: show 2s infinite; -webkit-animation: show 2s infinite; }
	.index .sec3 .li:hover .round:before{ animation-delay: show 1s infinite; -webkit-animation-delay: show 1s infinite;}
	.index .sec3 .li:hover .round:after{ animation-delay: show 1s infinite; -webkit-animation-delay: show 1s infinite;}
	@keyframes show{
		0%{opacity: 0;}
		100%{opacity: 1;}
	}
	.recruitment .cam3 .imgbox .img{ transition: all 1s; -webkit-transition: all 1s; }
	
	.index .sec3 .li{ opacity: 0; transform: translateX(-50px); -webkit-transform: translateX(-50px); transition: all 1.8s; -webkit-transition: all 1.8s; }
	.index .sec3 .li:nth-child(2){ transition-delay: 0.5s; -webkit-transition-delay: 0.5s; }
	.index .sec3 .li:nth-child(3){ transition-delay: 0.5s; -webkit-transition-delay: 0.5s; }
	.index .sec3 .li:nth-child(4){ transition-delay: 0.5s; -webkit-transition-delay: 0.5s; }
	.index .sec3 .li:nth-child(5){ transition-delay: 0.5s; -webkit-transition-delay: 0.5s; }
	.index .sec3 .li:nth-child(6){ transition-delay: 0.5s; -webkit-transition-delay: 0.5s; }
	.index .sec3.active .li{ transform: translateX(0); -webkit-transform: translateX(0); opacity: 1; }
	
	.index .sec5 .con .li{ opacity: 0; transform: translateY(80px); -webkit-transform: translateY(80px); transition: all 1.8s; -webkit-transition: all 1.8s; }
	.index .sec5 .con .li:nth-child(2){ transition-delay: 0.8s; -webkit-transition-delay: 0.8s; }
	.index .sec5 .con .li:nth-child(3){ transition-delay: 0.8s; -webkit-transition-delay: 0.8s; }
	.index .sec5.active .con .li{ opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); }
	
	.recruitment .soc1 .left,.recruitment .soc1 .right{ transition: all 1.2s; -webkit-transition: all 1.2s;
	opacity: 0; }
	.recruitment .soc1 .left{ transform: translateX(-80px); -webkit-transform: translateX(-80px); }
	.recruitment .soc1 .right{ transform: translateX(80px); -webkit-transform: translateX(80px); }
	.recruitment .soc1.on .left{ transform: translateX(0px); -webkit-transform: translateX(0px); opacity: 1; }
	.recruitment .soc1.on .right{ transform: translateX(0px); -webkit-transform: translateX(0px); opacity: 1; }
	
	.recruitment .cam1 .con .img,.recruitment .cam1 .con .tbox{transition: all 1.2s; -webkit-transition: all 1.2s;opacity: 0;}
	.recruitment .cam1 .con .img{ transform: translateX(-80px); -webkit-transform: translateX(-80px); }
	.recruitment .cam1 .con .tbox{ transform: translateX(80px); -webkit-transform: translateX(80px); }
	.recruitment .cam1 .con.on .img{ transform: translateX(0px); -webkit-transform: translateX(0px); opacity: 1; }
	.recruitment .cam1 .con.on .tbox{ transform: translateX(0px); -webkit-transform: translateX(0px); opacity: 1; }
	
	.news .con .li .img img{ transition: all 0.8s; -webkit-transition: all 0.8s; }
	.news .con .li:hover img{ transform: scale(1.05); -webkit-transform: scale(1.05); }
	.news .con .li:hover .textbox{ color: #e95504; border-color: #e95504; }
	
	
	
	.recruitment .cam1 .con .img{transition: all 1.5s; -webkit-transition: all 1.5s;}
	.recruitment .cam3 .imgbox .slick-slide:hover{ z-index: 9; }
	.recruitment .cam3 .imgbox .slick-slide:hover .img{ transform: scale(1.05); -webkit-transform: scale(1.05); }
	
	.cooperation .coo1 .li{ transition: all 1.2s; -webkit-transition: all 1.2s; opacity: 0; }
	.cooperation .coo1 .l1{ transform: translateX(-50px); -webkit-transform: translateX(-50px); }
	.cooperation .coo1 .l2{ transform: translateX(50px); -webkit-transform: translateX(50px); transition-delay: 0.8s; -webkit-transition-delay: 0.8s;}
	.cooperation .coo1 .l3{ transform: translateX(50px); -webkit-transform: translateX(50px); transition-delay: 0.8s; -webkit-transition-delay: 0.8s; }
	.cooperation .coo1 .l4{ transform: translateX(-50px); -webkit-transform: translateX(-50px); transition-delay: 0.8s; -webkit-transition-delay: 0.8s; }
	.cooperation .coo1 .zs{ transform: translateX(50px); -webkit-transform: translateX(50px); transition-delay: 0.8s; -webkit-transition-delay: 0.8s; }
	.cooperation .coo1 .l5{ transform: translateX(-50px); -webkit-transform: translateX(-50px); transition-delay: 0.8s; -webkit-transition-delay: 0.8s; }
	.cooperation .coo1.on .li{ opacity: 1; transform: translateX(0); -webkit-transform: translateX(0); }
	
	.recruitment .cam5 .l,.recruitment .cam5 .r{ transition: all 1.2s; -webkit-transition: all 1.2s; opacity: 0; }
	.recruitment .cam5 .l{ transform: translateX(-50px); -webkit-transform: translateX(-50px); }
	.recruitment .cam5 .r{ transform: translateX(50px); -webkit-transform: translateX(50px); }
	.recruitment .cam5.on .l,.recruitment .cam5.on .r{ transform: translateX(0); -webkit-transform: translateX(0); opacity: 1; }
	
	.about .ab2 .imgbox .img{ transition: all 0.5s; -webkit-transition: all 0.5s; }
	.about .ab2 .imgbox .img:hover{ transform: scale(1.05); -webkit-transform: scale(1.05); }
	

}

@media screen and (min-width: 751px) and (max-width: 1229px){
	
}

@media screen and (min-width: 751px){
	.focus .item{ height: 600px;}
	
}
.section{ height:985px; }
@media screen and (max-width: 750px){
	.pop-alert .pop-dialog{ width: 7rem; height: 5rem;}
	

	.article{ padding:0.8rem 0; }
	.article-title{ margin-bottom: 0.4rem;}
	.article-title .h24{ font-size:0.36rem; margin-bottom: 0.2rem; }
	.article-title .info span{ margin:0 0.1rem; }
	.article-cont{ margin-bottom: 0.3rem; }
	.article-cont .p{ margin-bottom: 0.2rem; }
	.article-paging{ padding:0.3rem 0; line-height:1.5; }
	.article-paging .prev{ margin-bottom: 0.2rem;}
	.article-paging .prev, .article-paging .next{ float: none; font-size: 0.28rem; padding:0 0 0 0.5rem; width: 100%; text-align: left; }
	.article-paging .prev:before, .article-paging .next:before{ right:auto; left:0; width:0.42rem; height:0.42rem; font-size: 0.28rem; }
	
	.article .share-mod{ padding: 0.5rem 0;}
	.article .share-box .share-item{ width: 0.6rem; font-size: 0.4rem;}
	.article .video iframe{ height: 4rem !important; }


	.result{ padding:0.8rem 0; }
	.result .h24{ font-size:0.36rem; }
	.result .h24 span{ margin-left: 0.3rem; font-size:0.3rem; }
	.result .list{ margin-bottom: 0.5rem; }
	.result .list-item{ padding:0.4rem 0; }
	.result .list .h18{ font-size:0.3rem; margin-bottom: 0.2rem; }


	.sitemap{ padding:0.4rem 0; }
	.sitemap dl{ padding: 0.3rem 0;}
	.sitemap dt{ font-size: 0.32rem; }
	.sitemap dd{ margin-top: 0.2rem; }
	.sitemap dd a{ margin-right: 0.2rem;}
	
	.tab .inner .li{ font-size: 0.36rem; padding: 0.2rem; margin: 0 0.3rem; font-family: "微软雅黑"; }
	.page-mod:after{ display: none; }
	.page-modm:after{ display: none; }
	.tit { text-align: center; }
	.tit .ch{ font-size: 0.4rem; min-height: auto; font-family: "微软雅黑"; }
	.tit .en{ font-size: 0.5rem; }
	
	.news,.car{ padding: 0.8rem 0; }
	.news .con .li{ width: 100%; margin-right: 0; }
	.news .con .li .img{ height: auto; }
	.news .con .li .textbox{ padding: 0.4rem 0; }
	.news .con .li .textbox .lt{ font-size: 0.3rem; }
	.news .con .li .textbox .ltime{ font-size: 0.2rem; padding-top: 0.2rem; }
	
	.cooperation{ padding-top: 0.92rem; }
	.cooperation .banner{ height: 4rem; }
	.cooperation .banner .text .p{ font-size: 0.36rem; }
	.cooperation .coo1{ padding: 0.8rem 0; }
	.cooperation .coo1 .tit{ width: 100%; position: static; padding-bottom: 0.5rem; text-align: center; }
	.cooperation .coo1 .li{ height: 3.2rem; width: 100%; overflow: hidden; margin-bottom: 0.1rem; }
	.cooperation .coo1 .li .tbox{ bottom: 0.3rem; right: 0.2rem; }  
	.cooperation .coo1 .li .tbox .bp{ font-size: 0.36rem; }
	.cooperation .coo1 .l2, .cooperation .coo1 .l3, .cooperation .coo1 .l4{ margin-left: 0 }
	.cooperation .coo1 .li.zs{ display: none; }
	.cooperation .coo2{ padding: 0.8rem 0; }
	.cooperation .coo2 .con .li{ float: none; }
	.cooperation .coo2 .con .li .img{ height: auto; }
	.cooperation .coo2 .con .li:first-child{ margin-bottom: 0.5rem; }
	.cooperation .coo2 .con .li:last-child{ margin: 0; }
	.cooperation .coo2 .con .li:first-child .img,.cooperation .coo2 .con .li:last-child .img{ width: 100%; }
	.cooperation .coo2 .con .li .p{ font-size: 0.36rem; padding-top: 0.3rem; }
	.cooperation .coo3{ height: 4rem; }
	.cooperation .coo3 .num{ font-size: 0.6rem; }
	.cooperation .coo3 .con{ margin-top: -1.2rem; }
	
	.about .banner,.about .banner .x-wrap{ height: 4rem; }
	.about .banner .text{ padding-top: 1.6rem; width: 100%; }
	.about .banner .p{ display: none; }
	.about .banner .tit{ padding-bottom: 0; }
	.about .ab0ph{ display: block; padding: 0.8rem 0.25rem 0; }
	.about .ab0ph .p{ padding-bottom: 0.2rem; }
	.about .ab1{ padding: 0.8rem 0; }
	.about .ab11 .img{ width: 100%; height: auto; float: none; }
	.about .ab11 .tbox{ margin-left: 0; padding-top: 0.5rem; }
	.about .ab1 .tit{ text-align: left; padding-bottom: 0.1rem; }
	.about .ab12 .tit .ch, .about .ab11 .tit .ch{ font-size: 0.32rem; }
	.about .ab12 .tit .en, .about .ab11 .tit .en{ font-size: 0.4rem; }
	.about .ab11{ padding-top: 0.5rem; }
	.about .ab12{ padding-top: 0; }
	.about .ab12 .tbox{ width: 100%; padding-top: 4.3rem; }
	.about .ab12 .img{ width: 93.4%; left: 0; margin: auto; padding-bottom: 0; }
	.about .ab12 .img img{ position: static; }
	.about .ab2{ padding: 0.8rem 0 1.5rem; }
	.about .ab2 .tit,.about .ab2 .x-wrap{ position: static; text-align: center; }
	.about .ab2 .imgbox{ width: 100%; }
	.about .ab2 .imgbox .img{ width: 90% !important; display: block !important; height: auto; margin: 0 auto; }
	.about .ab2 .imgbox .img .t{ left: 0.2rem; bottom: 0.3rem; }
	.about .ab2 .slick-dots{ bottom: -0.5rem; }
	.about .ab2 .tit{ padding-bottom: 0.3rem; }
	.about .ab3{ height: auto; padding: 0.8rem 0; }
	.about .ab3 .back .li{ display: none; }
	.about .ab3 .con{ padding-top: 0.5rem; }
	.about .ab3 .con .li{ float: none; width: 100%; margin: 0 0 0.7rem;  }
	.about .ab3 .con .li .icon{ width: ; height: auto; margin-bottom: 0.3rem; display: none;}
	.about .ab3 .con .li .lt{ font-size: 0.42rem; }
	.about .ab3 .con .li .lp{ font-size: 0.3rem; }
	.about .ab3 .con .li .lp span{ display: block; }
	
	.recruitment{ padding-top:0.92rem; }
	.recruitment .banner{ height: 3rem; }
	.recruitment .banner .tabbox{ margin-top: -1.2rem; }
	.recruitment .banner .con{ padding-top: 0.2rem; }
	.recruitment .banner .con .item .p1,.recruitment .banner .con .item .p2{ font-size: 0.3rem; }
	.recruitment .soc1{ padding: 0.8rem 0; }
	.recruitment .soc1 .left{ width: 100%; height: 8rem; float: none; }
	.recruitment .soc1 .left .inner{ padding: 0.5rem; }
	.recruitment .soc1 .left .con .li .lt{ font-size: 0.3rem; font-family: "sour"; }
	.recruitment .soc1 .right{ margin-left: 0; margin-top: 0.5rem; }
	.recruitment .soc1 .right .text{ padding: 0.5rem 0; }
	.recruitment .soc1 .right .text .p{ padding-top: 0.2rem; }
	.recruitment .soc2{ padding: 0.8rem 0; }
	.recruitment .job .tablebox{ padding-top: 0.2rem; }
	.recruitment .job .tablebox thead{ display: none; }
	.recruitment .job .tablebox td{ display: block; width: 70%; margin-left: 30%; position: relative; }
	.recruitment .job .tablebox td:first-child,.recruitment .job .tablebox td:first-child:after{ font-family: "sour"; }
	.recruitment .job .tablebox td.more{ font-family: "sour"; }
	.recruitment .job .tablebox tbody tr{ line-height: 2.5; margin-bottom: 0.5rem; display: block; }
	.recruitment .page-mod{ padding-top: 0.5rem; }
	.recruitment .soc3{ padding: 0.8rem 0; }
	.recruitment .morer .img{ height: 4rem; }
	.recruitment .morer .con .p{ font-size: 0.36rem; width: 65%; margin: 0 auto; }
	.recruitment .morer .con .btns .a{ font-size: 0.28rem; width: 2rem; line-height: 2.5; margin: 0 0.1rem; }
	.recruitment .cam1{ padding: 0.8rem 0; }
	.recruitment .cam1 .p{ width: 100%; margin: 0.5rem 0; }
	.recruitment .cam1 .con .img{ width: 100%; height: auto; }
	.recruitment .cam1 .con .tbox{ position: static; width: 100%; padding: 0.5rem 0 0; }
	.recruitment .cam1 .con .tbox .libox{ padding-top: 0.3rem; }
	.recruitment .cam1 .con .tbox .li .lp{ font-size: 0.28rem; }
	.recruitment .cam1 .con .tbox .li .num{ font-size: 0.5rem; }
	.recruitment .cam1 .con .tbox .li{ margin-bottom: 0.5rem; }
	.recruitment .cam2,.recruitment .cam3{ padding: 0.8rem 0; }
	.recruitment .cam3 .con{ height: auto; padding: 0.5rem 0 1rem; }
	.recruitment .cam3 .imgbox .img{ width: 90% !important; height: auto; margin: 0 auto; display: block !important; position: static !important; }
	.recruitment .cam3 .imgbox .img .p{ bottom: 0.2rem; }
	.recruitment .cam3 .slick-dots{ bottom: -0.8rem; }
	.recruitment .cam5 .l{ width: 100%; padding: 0.8rem 0.25rem; }
	.recruitment .cam5 .l .con{ width: 100%; margin-right: 0; }
	.recruitment .cam5 .r{ display: none; }
	.recruitment .cam5 .l .libox{ padding: 0.5rem 0 2rem; border: none; }
	.recruitment .cam5 .l .libox .li{ line-height: 1.5; padding: 0.1rem 0; border-bottom: 1px solid #dfdfdf; }
	.recruitment .cam5 .l .libox .li span{ display: block; width: 100%; float: none; overflow: visible; text-overflow: clip; white-space: normal; }
	.recruitment .cam5 .l .libox .li .m,.recruitment .cam5 .l .libox .li .lr{ text-align: left }
	.recruitment .cam5 .l .libox .li .ll{ width: 100%; }
	.recruitment .cam5 .l .libox .li .lr{ width: 100%; }
	.recruitment .cam5 .l .ctele{ padding-top: 0.5rem; }
	.recruitment .cam5 .l .ctele .num{ font-size: 0.48rem; }
	.recruitment .banner .con .item .p1 span{ margin: 0 0.2rem; font-family: "微软雅黑"; }
	
	.index .x-wrap, .hheader .x-wrap{ width: 100%; padding: 0 0.25rem; }
	.hheader{ color: #333; background: #fff; position: absolute; }
	.index .sec1 .li .text .ch{ font-size: 0.4rem; font-family: "微软雅黑"; }
	.index .sec1 .li .text .en{ font-size: 0.34rem; }
	.index .sec2 .li{ float: none; height: 33.34%; width: 100%; }
	.index .sec2 .li .p{ font-size: 0.3rem; line-height: 1.3; font-family: "微软雅黑"; }
	.index .sec2 .li:after{ width: 100%; height: 1px;  }
	.index .sec3 .tit .ch{ font-family: "微软雅黑"; }
	.index .sec3 .fp-tableCell{ background-color: rgba(0,0,0,.4); }
	.index .sec3 .tit{ display: block; padding-bottom: 0.3rem; }
	.index .sec3 .con{ height: auto; }
	.index .sec3 .li{  width: 50%; background: transparent; padding-bottom: 0.2rem; }
	
	
	.index .sec3 .li .t1{ position: static; font-size: 0.36rem; writing-mode: lr-tb; padding: 0.3rem 0.2rem; display: none; }
	.index .sec3 .li .t2{ font-family: "微软雅黑"; position: static; width: auto; text-align: center; font-size: 0.3rem; writing-mode: lr-tb; padding: 1.5rem 0.2rem 0; }
	.index .sec3 .li .t2 img{ position: static; height: 100%; width: auto; margin-left: 0.3rem; }
	.index .sec3 .li .t3{ display: none; }
	.index .sec3 .li .img{ display: block; top: 0; right: 0; left: 0; opacity: 1; width: 1.8rem; height: auto; }
	.index .sec3 .li .img img{ height: auto; }
	.index .sec4 .con{ padding-top: 2.5rem; }
	.index .sec4 .map{ width: 60%; margin: 0 auto; height: auto; float: none; display: none; }
	.index .sec4 .map .phone{ display: block; }
	.index .sec4 .map .pc,.index .sec4 .map .point{ display: none; }
	.index .sec4 .text{ margin-left: 0; padding-top: 0.2rem; }
	.index .sec4 .text .t{ font-size: 0.36rem; padding-bottom: 0.3rem; font-family: "微软雅黑"; }
	.index .sec4 .text .li{ margin-bottom: 0.3rem; }
	.index .sec4 .text .lt{ font-size: 0.3rem; }
	.index .sec4 .numbox .num{ font-size: 0.6rem; }
	.index .sec5 .box{ padding-top: 0; }
	.index .sec5 .con{ padding-top: 0; width: 100%; }
	.index .sec5 .con .inner{ width: 100%; display: block; padding: 0 0.25rem; }
	.index .sec5 .con .li{ float: none; width: 100%; height: auto; padding: 0.2rem 0; margin-bottom: 0.3rem; border-bottom: 1px solid rgba(255,255,255,.2); }
	.index .sec5 .con .li+.li{ margin-left: 0; }
	.index .sec5 .con .li:after{ display: none; }
	.index .sec5 .con .li .time{ font-size: 0.3rem; }
	.index .sec5 .con .li .time span{ font-size: 0.6rem; }
	.index .sec5 .con .li .lt{ padding: 0.2rem 0 0; }
	.index .sec5 .con .li .lp{  display: none;}
	.index .sec5 .con .li .a{ padding-top: 0.1rem; }
	.index .sec5 .con .li:nth-child(3){ display: none; }
	
	.about .ab2 .slick-nav{ display: none; }
	.about .ab2 .slick-dots li.slick-active,.recruitment .cam3 .slick-dots li.slick-active{ background: #e95504; }
	.article-cont img{ margin: 0.1rem 0; }
	.menu-open .logo .c{ display: block; position: static; }
	.menu-open .logo .w{ display: none; }
	.hheader .logo{ width: 2.4rem; }
	.hheader .logo .c{ position: static; display: block; }
	.hheader .logo .w{ display: none; }
	.menu-open.hheader .share-box .icon-add:after{ background-image: url(../image/bicon2.png); }
	.oheader .menu-btn .line,.oheader .menu-btn .line:before,.oheader .menu-btn .line:after{ color: #333; }
	.x-header .tele{ background-image: none; background-size: auto 65% !important; padding: 0;}
	.x-header .tele a{ display: block; width: 0.72rem; height: 0.72rem; margin: 0; background: url(../image/bicon1.png) no-repeat center; background-size: auto 65% !important; }
	.index .sec1 .li,.index .section{ background-size: auto 100% !important; }
	.index .sec4 .numbox .rn{ font-size: 0.7rem; }
	
	.rpop .rpcon{ width: 90%; height: 11rem; }
	.rpop .rpcon .inner{ padding: 0.5rem 0.2rem; }
	.rpop .rpcon .close{ width: 0.4rem; height: 0.4rem; background-size: cover !important; top: 0.2rem; right: 0.2rem; }
	.rpop .rpcon .rtit{ font-size: 0.4rem; padding-bottom: 0.3rem; }
	.rpop .rpcon .rpbox .li .lt{ font-size: 0.3rem; }
	.rpop .rpcon .rpbox .li .lp{ line-height: 1.5; }
	.rpop .rpcon .rpbox{ height: 7rem; }
	.rpop .rpcon .rpbottom{ padding-top: 0.3rem; }
	.rpop .rpcon .rpbottom .mail{ width: 100%; margin-right: 0; text-align: center; }
	
	.index .sec3 .li .t2 .t2img{ display: none; }
	.about .ab3 .con .li:after, .about .ab3 .con .li:before{ display: none; }
	.about .ab1 .tit.ab1t{ display: block; padding-bottom: 0.5rem; }
	.index .sec2 .li .icon{ width: 0.8rem; height: auto; }
	.article-title .tit{ font-family: "微软雅黑"; }
	.contact{ padding: 0.8rem 0; }
	.contact .con .l{ width: 100%; height: 6rem; float: none; }
	.contact .con .r{ margin-left: 0; height: auto; }
	.contact .con .r .inner{ padding: 0.5rem 0.2rem; }
	.contact .con .r .icon{ width: 1.7rem; height: 1.4rem; right: 0.2rem; bottom: 0.2rem; background-size: cover !important; }
	.contact .con .r .rt{ font-size: 0.36rem; margin-bottom: 0.2rem; background-size: auto 100% !important; padding-left: 0.7rem; }
	
	.article .video{ width: 100%; height: 4rem; }
	.article .down .li{ margin-right: 0; width: 100%; line-height: 1.8; }
	
	#myalert .myalert{ margin: 0 !important; transform: translate(-50%,-50%); }
	
	
}