body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,
form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}
caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{display: block;margin: 0;padding: 0;}
body,button,input,select,textarea{font:12px/1.5 Microsoft YaHei;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
address,cite,dfn,em,var{font-style:normal;}
code,kbd,pre,samp{font-family:courier,courier,monospace;}
li{list-style:none;}
a,a:hover,a:link,a:visited,a:active{text-decoration:none;}
img{border:0;}
button,input,select,textarea{font-size:100%;outline: none}
table{border-collapse:collapse;border-spacing:0;}
div{box-sizing: border-box;}
body{
    font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;;
}
*,*::before,*::after{box-sizing:border-box;}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.clr{
    display:block;
    clear:both
}
body{
    background:#ffffff;
    min-width:1100px;
}
@-webkit-keyframes kurukuru{
    0%{-webkit-transform:rotate(0);transform:rotate(0)}
    100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes kurukuru{
    0%{-webkit-transform:rotate(0);transform:rotate(0)}
    100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
.center{
    width:1100px;
    margin:auto;
}
video{
    display: none!important
}
.index-6 video{
    display: block!important
}
.js-1 video{
    display: block!important
}
/*首页*/
header{
    z-index: 9;
    position: relative; 
}
header .header{
    width:100%; 
    -webkit-box-shadow: 0px -1px 4px 0px 
        rgba(85, 85, 85, 0.57);  
    -moz-box-shadow: 0px -1px 4px 0px 
        rgba(85, 85, 85, 0.57);  
    box-shadow: 0px -1px 4px 0px 
        rgba(85, 85, 85, 0.57); 
    z-index: 99;
    position: relative !important;
}
header .header-in{
    width:1100px;
    height:100px; 
    margin:0 auto;
    display: flex;
}
header .header-in .logo{
    margin:25px 80px 0 0;
    width:275px;
}
header .header-in .logo p:nth-child(2){
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #000000;
    width:220px;
    float: right;
    line-height: 26px;
}
header .header-in .logo p span{
    font-size: 11px;
    display: inline-block;
}
header .header-in ul{
    width:740px;
    display: flex;
    justify-content: space-between;
}
header .header-in ul li{
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #555555;
    line-height: 100px;
    height: 100px;
    cursor: pointer;
    box-sizing: border-box;

} 
header .header-in ul li:hover{
    background: url(../images/index/icon1.png) no-repeat center 70px;
    border-bottom: 2px solid #ef7c1a;
}
#nav1:hover .nav{
     display:block !important;
}
#nav1:hover .nav1{
    display:block !important;
}
header .header-in ul li a{
     color: #555555;
}
header .nav{
    width:100%;
    height: 120px;
    background-color: #fff;
    position: absolute;
    top:100px;
    z-index: 9;
    display: none;
}
header .nav .nav1{
    width:1100px;
    height: 120px;
    margin:auto;
    display: flex;
    justify-content: space-between;
}
header .nav .nav2,header .nav .nav3,header .nav .nav5{
    width:700px;
    height: 120px;
    margin:auto;
    display: flex;
    justify-content: space-between;
}
header .nav .nav5{
	width:380px;
}

header .nav .nav4{
    width:900px;
    height: 120px;
    margin:auto;
    display: flex;
    justify-content: space-between;
}
#nav1:hover .index-loop{
   width:50%;
}
header .nav a{
    display: block;
    color: #555555;
    text-align: center;
}
header .nav a:hover{
    color: #ef7c1a;
}
header .nav a .icon{
    display: block;
    font-size: 36px;
    margin-top: 22px
}
header .nav a span{
    display: block;
    font-size: 14px;
}
.index-loop{
    width:100%;
    z-index: 1
}

/*企业介绍*/
.index-3{
    width: 100%;
    position: relative;
    height:470px;
}
.index-3:before{
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;content:"";
    display:inline-block;
    vertical-align:middle;
    background-color:#f3f4f5;
    top:-4px;
    left:0;
    position:absolute;
    height:100%;width:58%;
    z-index: -1
}
.index-3 .index-3-in{
    width:1100px;
    margin: 0 auto;
    display: flex;
}
.index-3 .index-3-in div{
    width:400px;
    color: #555555;
    padding-top: 80px;
}
.index-3 .index-3-in h6,.index-6 .index-6-in h6{
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ef4c1a;
    line-height: 26px
}
.index-3 .index-3-in h1,.index-6 .index-6-in h1{
    font-size: 34px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;   
    line-height: 70px;
    margin-bottom: 30px;
}
.index-3 .index-3-in p,.index-6 .index-6-in p{
    font-size: 16px;
    line-height: 26px
}
/*.index-3 .index-3-in div a,.index-6 .index-6-in div a{
    display: block;
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 40px;
    width: 200px;
    height: 40px;
    margin-top: 30px;
    background-image: linear-gradient(90deg, 
        #ff3209 14%, 
        #ef7a1b 100%), 
    linear-gradient(
        #282828, 
        #282828);
    background-blend-mode: normal, 
        normal;
}*/
.index-3 .index-3-in img{
   margin-top: 130px;
   margin-left: 110px;
}
.index-4{
    width: 100%;
    position: relative;
    height:410px;
    background-color:#f3f4f5;
    margin-top: 183px;
}
.index-4 .index-4-in{
    width:1100px;
    margin: 0 auto;
}
.index-4 .index-4-in .index-4-title{
    width:1100px;
    margin: 0 auto;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 20px;
}
.index-4 .index-4-in .index-4-title p:first-child{
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ef4c1a;
    line-height: 30px;
    
}
.index-4 .index-4-in .index-4-title h1{
    font-size: 34px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #555555;
    line-height: 60px;
}
.index-4 .index-4-in .index-4-title p:last-child{
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #555555;
    line-height: 20px;
}
.map{
    width:1100px;
}
.index-4-map{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:24px;position:relative}
.top-global--map__namelist{font-size:12px;font-weight:400;line-height:1;font-family:"Roboto Condensed",sans-serif;position:absolute;left:0;top:0;height:100%;width:100%}
.top-global--map__nameitem{color:#ef4c1a;letter-spacing:2.5px;position:absolute;z-index:9}
.top-global--map__nameitem:hover:after{-webkit-animation:kurukuru 2100ms linear infinite;animation:kurukuru 2100ms linear infinite;z-index:999}
.top-global--map__nameitem:before{background-repeat:no-repeat;background-position:center;background-size:cover;content:"";display:inline-block;vertical-align:middle;position:absolute}
.top-global--map__nameitem:after{background-repeat:no-repeat;background-position:center;background-size:cover;content:"";display:inline-block;vertical-align:middle;background-image:url(../images/index/line-circle.svg);height:28px;width:28px;position:absolute}
.top-global--map__nameitem.namePO{left:241px;top:-26px}
.top-global--map__nameitem.namePO:before{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2011%2037%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m406%201907v36h-1v-37h11v1z%22%20fill%3D%22%23ef7c1a%22%20fill-rule%3D%22evenodd%22%20transform%3D%22translate(-405%20-1906)%22%2F%3E%3C%2Fsvg%3E");left:-17px;top:5px;height:37px;width:11px}
.top-global--map__nameitem.namePO:after{bottom:-67px;left:-31px}
.top-global--map__nameitem.nameTH{letter-spacing:1.8px;right:420px;top:1px}
.top-global--map__nameitem.nameTH:before{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2010%2094%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m426%201955v-93h-9v-1h10v94z%22%20fill%3D%22%23ef7c1a%22%20fill-rule%3D%22evenodd%22%20transform%3D%22translate(-417%20-1861)%22%2F%3E%3C%2Fsvg%3E");right:-17px;top:5px;height:94px;width:10px}
.top-global--map__nameitem.nameTH:after{bottom:-136px;right:-30px}
.top-global--map__nameitem.nameCH{right:318px;top:-3px}
.top-global--map__nameitem.nameCH:before{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2011%2063%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m436%201883v62h-1v-63h11v1z%22%20fill%3D%22%23ef7c1a%22%20fill-rule%3D%22evenodd%22%20transform%3D%22translate(-435%20-1882)%22%2F%3E%3C%2Fsvg%3E");left:-17px;top:5px;height:63px;width:11px}
.top-global--map__nameitem.nameCH:after{bottom:-101px;left:-31px}
.top-global--map__nameitem.namePH{right:165px;top:120px}
.top-global--map__nameitem.namePH:before{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2061%2017%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m467%201921v16h-1v-17h61v1z%22%20fill%3D%22%23ef7c1a%22%20fill-rule%3D%22evenodd%22%20transform%3D%22translate(-466%20-1920)%22%2F%3E%3C%2Fsvg%3E");left:-60px;top:4px;height:14px;width:51px}
.top-global--map__nameitem.namePH:after{bottom:-40px;left:-73px}
.top-global--map__nameitem.nameJA{right:243px;top:25px}
.top-global--map__nameitem.nameJA:before{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2011%2058%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m453%201895v57h-1v-58h11v1z%22%20fill%3D%22%23ef7c1a%22%20fill-rule%3D%22evenodd%22%20transform%3D%22translate(-452%20-1894)%22%2F%3E%3C%2Fsvg%3E");left:-17px;top:5px;height:48px;width:9px}
.top-global--map__nameitem.nameJA:after{bottom:-75px;left:-31px}
.map-more{
    width:100%;
    text-align: center;
    margin-top: -35px;
    z-index: 2;
}
.map-more a{
    display: block;
    width: 200px;
    height: 40px;
    border: solid 1px #ef7c1a;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ef7c1a;
    text-align: center;line-height: 40px;
    z-index:3;
    position: absolute;
    margin-left: 455px;
}

.index-5{
   text-align: center;
   margin-top: 190px;
}
.index-5 h4{
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ef4c1a;
}
.index-5 h2{
    font-size: 34px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #555;
    line-height: 55px
}
.index-5 p{
    font-size: 16px;
    line-height: 24px;
    color: #555;
}
.index-5 .cy-more{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top: 70px;}
.index-5 .cy-more a{
    display: block;
    width:365px;
    height:370px;
    position: relative;
}
.index-5 .cy-more a p{
    position: absolute;
    bottom:15px;
    left:20px;
    z-index: 1;
    font-size: 16px;
    color: #fff
}
.index-5 .cy-more a span{
   position: absolute;
    bottom:40px;
    left:20px;
    z-index: 1;
    font-size: 26px;
    color: #fff;
    opacity: 0
}
.index-5 .hover-gradation{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative}
.index-5 .hover-gradation img{width:365px;height:370px;}
.index-5 .hover-gradation:before,.hover-gradation:after{background-repeat:no-repeat;background-position:center;background-size:cover;content:"";display:inline-block;vertical-align:middle;position:absolute;opacity:0}
.index-5 .hover-gradation:before{background-image:-webkit-gradient(linear, left top, right top, from(#ff3209), to(#ef7a1b));background-image:linear-gradient(90deg, #ff3209 14%, #ef7a1b 100%);-webkit-transition:opacity 350ms cubic-bezier(0.165, 0.84, 0.44, 1),width 350ms cubic-bezier(0.165, 0.84, 0.44, 1);transition:opacity 350ms cubic-bezier(0.165, 0.84, 0.44, 1),width 350ms cubic-bezier(0.165, 0.84, 0.44, 1);left:0;top:0;height:100%;width:0}
.index-5 .hover-gradation:after{font-size:16px;font-weight:400;line-height:1;content:"MORE";color:#fff;font-family:"Roboto Condensed",sans-serif;letter-spacing:5px;margin-top:-2px;margin-left:2px;left:calc(50% - 24px);top:calc(50% - 6px);-webkit-transition:opacity 300ms cubic-bezier(0.165, 0.84, 0.44, 1);transition:opacity 300ms cubic-bezier(0.165, 0.84, 0.44, 1)}
.index-5 .hover-gradation:hover:before{opacity:.8;width:100%}
.index-5 .hover-gradation:hover:after{opacity:1;-webkit-transition-delay:200ms;transition-delay:200ms}
.index-5 .hover-gradation.cy-1:hover span{opacity:1;-webkit-transform:translate(-5px, 0);transform:translate(-5px, 0);-webkit-transform:translate(0);transform:translate(0);-webkit-transition-delay:200ms;transition-delay:200ms}
.index-5 .hover-gradation.cy-2:hover span{opacity:1;-webkit-transform:translate(-5px, 0);transform:translate(-5px, 0);-webkit-transform:translate(0);transform:translate(0);-webkit-transition-delay:200ms;transition-delay:200ms}
.index-5 .hover-gradation.cy-3:hover span{opacity:1;-webkit-transform:translate(-5px, 0);transform:translate(-5px, 0);-webkit-transform:translate(0);transform:translate(0);-webkit-transition-delay:200ms;transition-delay:200ms}
.index-5 .hover-gradation.cy-4:hover span{opacity:1;-webkit-transform:translate(-5px, 0);transform:translate(-5px, 0);-webkit-transform:translate(0);transform:translate(0);-webkit-transition-delay:200ms;transition-delay:200ms}



.index-6{
    width: 100%;
    position: relative;
    height:500px;
    margin-top: 120px;
}
.index-6:before{
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;content:"";
    display:inline-block;
    vertical-align:middle;
    background-color:#f3f4f5;
    top:0;
    right:0;
    position:absolute;
    height:100%;width:58%;
    z-index: -1
}
.index-6 .index-6-in{
    width:1100px;
    margin: 0 auto;
    display: flex;
    position: relative;
}
.index-6 .index-6-in .play{
    position: absolute;
    top:90px;
    left:247px;
    font-size: 93px;
    color: #fff;
    z-index: 99;
    cursor: pointer;
}
.index-6 video{
    width:600px;height: 400px;
    margin-top: -50px;
}
.index-6 .index-6-in div{
    width:410px;
    color: #555555;
    padding-top: 80px;
    margin-left:100px 
}
.index-7{
    margin-top: 70px;
    text-align: center;
}
.index-7 h6{
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ef4c1a;
    line-height: 30px;
}
.index-7 h1{
    font-size: 34px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #555555;
    line-height: 60px;
    margin-bottom: 30px
}
.index-7 .new-title{
    display: flex;
    width: 1100px;
    height: 36px;
    background-color: #f3f4f5;
    justify-content: space-between;
}
.index-7 .new-title li{
    width:33.3%;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ef7c1a;
    line-height: 36px;
}
.index-7 .new-content{
    display: flex;
    width: 1100px;
    justify-content: space-between;
}
.index-7 .new-content li{
    width:354px;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ef7c1a;
    line-height: 36px;
}
.index-7 .new-content li div{
    height:84px;
    border-bottom:dashed 2px #dadada;
    text-align: left;
}
.index-7 .new-content li div p{
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ef7c1a;
    line-height: 20px;
    padding-top: 20px;

}
.index-7 .new-content li div a{
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #333333;
    line-height: 40px
}
.index-7 .new-content li div a:hover{
    text-decoration: underline;
    color: #ef7c1a
}
.index-7 .new-more{
    display: block;
    width: 200px;
    height: 40px;
    border: solid 1px #ef7c1a;
    margin:50px auto 130px;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ef7c1a;
    line-height: 40px;
}


.index-8{
    width:100%;
    height: 300px;
    background-image: linear-gradient(150deg, 
        #ff7d1e 0%, 
        #ff7800 100%);
}
.index-8 .index-8-in{
    width:1100px;
    margin:auto;
    text-align: center;
    display: flex;
}
.index-8 .index-8-in .index-8-left{
    width:550px;
}
.index-8 .index-8-in .index-8-left h1{
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #f3f4f5;
    padding-top: 80px;
    padding-bottom: 20px
}
.index-8 .index-8-in .index-8-left p{
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #f3f4f5;
    line-height: 30px;
}
.index-8 .index-8-in .index-8-left a{
    display: inline-block;
    width: 140px;
    height: 40px;
    border:solid 1px  #ffffff;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #fff;
    line-height: 40px;
    margin-top: 20px
}
.index-8 .index-8-in .index-8-left a:hover{
    background-color: #ffffff;

    color: #ef7c1a;
}
.index-8 .index-8-in .index-8-right{
    width:550px;
    text-align: left;
}
.index-8 .index-8-in .index-8-right h5{
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #f3f4f5;
    padding-top: 110px;
    padding-left: 155px;
}
.index-8 .index-8-in .index-8-right h1{
    font-size: 34px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #f3f4f5;
    line-height: 60px;
    padding-left: 100px;
}
.index-9{
    height:260px;
    display: flex;
}
.index-9 .index-9-left{
    width:480px;
    box-sizing: border-box;
    padding-left: 90px;
    padding-top: 70px
}
.index-9 .index-9-left h1{
    font-size: 34px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #555555;
    line-height: 60px
}
.index-9 .index-9-left h5{
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ef4c1a;
    padding-left: 20px
}
.index-9 .index-9-right{
    width:620px;
    display: flex;
    margin-top: 80px
}
.index-9 .index-9-right li:first-child h1{
    width:200px;
   font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #555555;
    line-height: 30px
}
.index-9 .index-9-right li:nth-child(2){
    width: 1px;
    height: 100px;
    background-color: #282828;

}
.index-9 .index-9-right li:nth-child(3) p{
    padding-left: 50px; 
    margin-top: -3px;  
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #555555;
    margin-bottom: 20px

}

footer{
    width:100%;
    height:460px;
    background-color: #555555;
    position: relative;
    z-index: 1
}
footer .line-footer{
    width:100%;
    height:460px;
    position: absolute;
    top:0;
    left:0;
    z-index: 2
}
footer .line-footer .line{
    width:1100px;
    height: inherit;
    margin: 0 auto;
    position: relative;
} 
footer .line-footer .line span{
    background-color: rgba(255,255,255,0.1);
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 1px;
}
footer .line-footer .line span:nth-of-type(1) {
    left: 0;
}
footer .line-footer .line span:nth-of-type(2) {
    left: 449px;
}
footer .line-footer .line span:nth-of-type(3) {
    left: 899px;
}
footer .line-footer .line span:nth-of-type(4) {
    left: 929px;
}

footer .footer-in{
    width:1100px;
    height:410px;
    margin: auto;
    z-index: 9;
    display: flex;
    position: relative;
}
footer .footer-in li{
    width:450px;
}
footer .footer-in li:last-child{
    width:200px;
}
footer .footer-in li p:nth-of-type(1){
    padding-top: 40px;
    font-size: 16px;
    color: #ffffff;
    line-height: 30px;
}
footer .footer-in li p:nth-of-type(2){
    font-size: 14px;
    color: #ef7c1a;
    line-height: 20px;
    padding-bottom: 20px
}
footer .footer-in li a{
    display: block;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 34px;
    letter-spacing: 0px;
    color: #ffffff;
    opacity: 0.8;
}
footer .footer-in li a:hover{
    text-decoration: underline;
}
footer .footer-in li a:before{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-color: #ef7c1a;
    margin-right: 10px;
    height: 1px;
    width: 5px;
}
footer .footer-in li p:nth-of-type(3) a{
    font-size: 16px;
    color: #ffffff;
    line-height: 40px;
    opacity: 1;
    padding-top: 16px
    
}
footer .footer-in li p:nth-of-type(3) a:before{
    width: 0px;
    margin-right: 0px;
}
footer .footer-in li p:nth-of-type(4) a{
    font-size: 16px;
    color: #ffffff;
    line-height: 40px;
    opacity: 1
}
footer .footer-in li p:nth-of-type(4) a:before{
    width: 0px;
    margin-right: 0px;
}
footer .foot{
    width:100%;
    height:50px;
    background-color: #272626;
    z-index: 9;
    position: relative;
}
footer .foot .foot-in{
    width:1100px;
    margin:auto;
    display: flex;
    justify-content: space-between;
}
footer .foot .foot-in p{
    font-size: 12px;
    line-height: 48px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ffffff;
    opacity: 0.5
}
/*回到顶部*/
.go-top {width: 50px;height: 50px;background-color: #ef7c1a;position: fixed;right: 0;bottom: 100px;cursor: pointer;z-index: 99999;}
.go-top:hover {background-color: #c16211;}
.go-top.hide {opacity: 0;pointer-events: none;}
.fixed1{ position: fixed;  top: 0px; z-index: 10000;float:none !important; }
.more{
    display: block;
    width: 200px;
    height: 40px;
    border: solid 1px #ef7c1a;
    margin:50px auto 130px;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ef7c1a;
    line-height: 40px;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    -webkit-transition: color 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: color 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
    z-index: 9;
}
.more-new{
    margin:0 0 0 20px;
    
}
.more1{
    margin:40px auto 0px;
}
.more:after{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-image: -webkit-gradient(linear, left top, right top, from(#ff3209), to(#ef7a1b));
    background-image: linear-gradient(90deg, #ff3209 14%, #ef7a1b 100%);
    position: absolute;
    left: 0px;
    top: 0;
    -webkit-transition: width 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: width 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
    height: 100%;
    width: 0%;
    z-index: -1
}
.more:hover:after{width:100%}
.more:hover{color: #fff}
.more-small{
    display: block;
    width: 140px;
    height: 40px;
    border: solid 1px #ef7c1a;
    margin-top: 22px;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ef7c1a;
    line-height: 40px;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    -webkit-transition: color 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: color 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
    z-index: 9;
}
.more-small:after{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-image: -webkit-gradient(linear, left top, right top, from(#ff3209), to(#ef7a1b));
    background-image: linear-gradient(90deg, #ff3209 14%, #ef7a1b 100%);
    position: absolute;
    left: 0px;
    top: 0;
    -webkit-transition: width 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: width 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
    height: 100%;
    width: 0%;
    z-index: -1
}
.more-small:hover:after{width:100%}
.more-small:hover{color: #fff}
.fixed{
    position: fixed;
    top:70px;
    right: calc(50% - (1100px/2))
}

/*关于创美*/
/*1*/
.bg-img{
    height:300px;
    background-image: url(../images/gy/bg-img.png);
    background-position: center;
    background-repeat: no-repeat;
    color: #fff;
    /*margin-bottom: -70px;*/
    overflow: hidden;
    position: relative;
}
.bg-img h1{
    width:1100px;
    margin:195px auto 0;
    font-size: 30px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: 0px;
    color: #ffffff;
}
.gy-main,.cp-main,.qy-main{
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: calc(50% - (1100px/2));
    position: relative;
    width: calc(1100px + (50% - (1100px/2) ));
    height:100%;
}
.gy-main .gy-left,.cp-main .cp-left,.qy-main .qy-left{
    width:820px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding:30px 40px 0 0;
    height:100%;
}
.gy-main .gy-left h1,.zp-left h1,.left-title h1,.sb-1 h1,.js-left h1{
    font-size: 30px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: 0px;
    color: #000000;
    margin-bottom: 50px
}

.gy-main .gy-left h1:before,.zp-left h1:before,.left-title h1:before,.sb-1 h1:before,.js-left h1:before{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-color: #ef7c1a;
    margin-top: -1px;
    margin-right: 23px;
    height: 50px;
    width: 3px;
}
.gy-main .gy-left .sz-1,.gy-main .gy-left .sz-2{
    position: relative;
    height:630px;
}
.gy-main .gy-left .sz-1 img{
  width:460px;
  height:510px;
}
.gy-main .gy-left .sz-2 img{
  width:460px;
  height:524px;
  position: absolute;
  right: 0;
  top:0;
}
.gy-main .gy-left .sz-1 .jy-1{
    width: 404px;
    height: 465px;
    box-shadow: 0px 0px 5px 0px 
        rgba(85, 85, 85, 0.5);
    position: absolute;
    right: 0;
    top:100px;
    background-color: #fff;
    padding:20px 20px;

}
.gy-main .gy-left .sz-1 .jy-1 h4{
    width: 170px;
    height: 40px;
    background-color: #ef7c1a;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 40px;
    letter-spacing: 0px;
    color: #ffffff;
    text-align: center;
    position: absolute;
    left: 0;
    top:-40px;
}
.gy-main .gy-left .sz-1 .jy-1 p:nth-of-type(1),.gy-main .gy-left .sz-2 .jy-2 p:nth-of-type(1){
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 26px;
    letter-spacing: 0px;
    color: #ef7c1a;
    margin-bottom: 40px
}
.gy-main .gy-left .sz-2 .jy-2 p:nth-of-type(1){
    margin-bottom: 20px
}
.gy-main .gy-left .sz-1 .jy-1 p:nth-of-type(2),.gy-main .gy-left .sz-2 .jy-2 p:nth-of-type(2){
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 26px;
    letter-spacing: 0px;
    color: #555;
}
.gy-main .gy-left .sz-2 .jy-2{
    width: 433px;
    height: 224px;
    background-color: #ffffff;
    box-shadow: 0px 0px 5px 0px 
        rgba(85, 85, 85, 0.5);
    position: absolute;
    left: 0;
    top:100px;
    padding:30px 20px;

}
.gy-main .gy-left .sz-2 .jy-2 h4{
    width: 230px;
    height: 40px;
    background-color: #ef7c1a;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 40px;
    letter-spacing: 0px;
    color: #ffffff;
    text-align: center;
    position: absolute;
    right: 0;
    top:-40px;
}
.aside{
    width:280px;
    z-index: 99
}
.aside h2{
    font-size: 15px;
    line-height: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #555555;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 23px;
    height: 70px;
}
.aside h2 span{
    font-size: 12px;
    line-height: 1;
    color: #ef7c1a;
    margin-left: 17px;
}
.aside ul{
    border: solid 1px #cacaca;
}
.aside ul li{
    background: #fafbfb;
    border-bottom: 1px solid #e7e7e7;
    position: relative;
}
.aside ul li:before{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-image: -webkit-gradient(linear, left top, right top, from(#ef7c1a), to(#ef7c1a));
    background-image: linear-gradient(90deg, #ef7c1a 0%, #ef7c1a 100%);
    position: absolute;
    left: -1px;
    top: 0;
    height: 0%;
    -webkit-transition: height 200ms;
    transition: height 200ms;
    width: 2px;
    z-index: 999;
}
.aside ul li:hover:before{
    height: 100%
}

.aside ul li a{
    font-size: 15px;
    font-weight: 400;
    font-family: MicrosoftYaHei;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #555;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 30px;
    line-height: 69px;
    position: relative;
    -webkit-transition: color 200ms;
    transition: color 200ms;
    height: 100%;
    width: 100%;
}

.aside ul li:hover a{
    color: #ef7c1a
}
.aside ul li a .icon{
    padding-left: 20px;
}
.aside ul li a:after{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    content: "";
    display: inline-block;
    vertical-align: middle;
    border-style: solid;
    border-width: 0 2px 2px 0;
    vertical-align: middle;
    height: 9px;
    width: 9px;
    border-color: #555;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    right: 30px;
    top: calc(50% - 4px);
}
.aside ul li a:hover:after{
    border-color: #ef7c1a;
}
.aside ul li.aside-active{
    background-color: #f9f1e9
}

/*2*/
.gy-2{
    margin-bottom: 90px
}
.gy-2 p{
    text-indent: 20px;
    width:780px;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #555555;
}
.gy-2 p span{
    color: #ef7c1a; 
}
.gy-2 .img{
    width: 780px;
    height: 300px;
    margin:20px 0;
    display: flex;
    display: flex;
    justify-content: space-between;
}
.gy-2 .img img{
   width:380px;
   height:300px;
}


/*3*/
.gy-3{
    width: 780px;
    /*height: 840px;*/
    border: solid 1px #d7d7d7;
    margin-bottom: 40px;
}
.gy-3 p{
    line-height: 28px;
    border-bottom: solid 1px #d7d7d7;
    font-size: 14px;
    color: #555;
    display: flex;
    justify-content: space-between;
}
.gy-3 p:last-child{
    line-height: 28px;
    font-size: 14px;
    color: #555;
    border-bottom:none;
}
.gy-3 p span:first-child{
    /*display: inline-block;*/
    display: table-cell;
    width:90px;
    background-color: #f3f4f5;
    text-align: center;
    border-right: solid 1px #d7d7d7;
}
.gy-3 p span:last-child{
    display:block;

    /*height: 55px;*/
    width:684px;
    padding:0 35px;

}

/*4*/
.gy-4{
    margin-bottom: 60px;
}

/*5*/
.gy-5-in{
    width:780px;
    min-height: 390px;
    position: relative;
    margin-bottom: 20px;
	padding-bottom:20px;
	    background-color: #f3f4f5;
}
.gy-5-in img{
    width:780px;
    height: 270px;
}
.gy-5-in  .title{
    min-width: 160px;
    padding:5px 30px;
    background-color: #dd8841;
    /*opacity: 0.8;*/
    position: absolute;
    top:35px;
    left:0;
    font-size: 18px;
    color: #fff
}
.gy-5-in  .title .icon{
    font-size: 20px;
    margin-right: 10px
}
.gy-5-in .content{
    width:780px;
    min-height:120px;
    background-color: #f3f4f5;
    box-sizing: border-box;
    padding:0 20px 15px;
    margin-top: -4px;
}
.gy-5-in .content p:first-child{
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 60px;
    letter-spacing: 0px;
    color: #555555;
}
.gy-5-in .content p:not(:first-child){
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 22px;
    letter-spacing: 0px;
    color: #555555;
}

/*6*/
.gy-6 p{
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ef7c1a;
    margin-bottom: 10px
}
.gy-6 .gy-6-img{
    width:780px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 30px
}
.gy-6 .gy-6-img .img-out{
    width:240px;
    height:100px;
    text-align:center;
    border:1px solid #dddddd;
    background:#fff;
    margin-bottom: 30px;
}
.gy-6 .gy-6-img .img-out p{
     width:240px;
    height:100px;
    line-height: 100px;
}
.gy-6 .gy-6-img .img-out p:before{
    content:"."; 
    margin-left:-5px; font-size:10px; 
    visibility:hidden; 
}
.gy-6 .gy-6-img .img-out p img{
     *margin-top:expression((100 - this.height )/2); /* CSS表达式用来兼容IE6/IE7 */
    vertical-align:middle;

}


/*联系我们*/
.lx-first{
    width:100%;
    height: 310px;
    background-color: #f3f4f5
}
.lx-first .lx-first-in{
    width:1100px;
    margin: auto
}
.lx-first .lx-first-in h4{
    text-align: center;
    font-size: 14px;
    color: #ef4c1a;
    padding-top: 35px;
}
.lx-first .lx-first-in h1{
    text-align: center;
    font-size: 30px;
    color: #333333;
    font-weight: normal;
    font-stretch: normal;
    padding-bottom: 20px
}
.lx-first .lx-first-in p{
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #555555;
}
.lx-second{
    width:620px;
    height:664px;
    margin:auto;
    text-align: center;
}
.lx-second h4{
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ef4c1a;
    padding-top: 25px;
    line-height: 20px;

}
.lx-second h1{
    font-size: 30px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #555555;

}
.lx-second form{
    width:100%;
    margin-top: 40px
}

.lx-second form p{
    line-height: 40px;
    margin-bottom: 20px;
}
.lx-second form p span{
    display: inline-block;
    width:250px;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 0px;
    color: #555;
    text-align: left;
}
.lx-second form p span.last{
    display: inline-block;
    height: 90px;
    vertical-align: top
}
.lx-second form p span i{
    color:#ff0000;
}
.lx-second form p input[type="text"]{
    width:370px;
    height: 40px;
    font-size: 16px;
    color: #555;
    padding-left: 5px;
}
.lx-second form p textarea{
    width:370px;
    height: 80px;
    font-size: 16px;
    color: #555;
    padding-left: 5px;
}
.lx-second form p input[type="submit"]{
    width:100px;
    height: 40px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 30px;
    background-color: #ef7c1a;
    border:none;
    margin:15px 0 36px 0;
    cursor: pointer;
}
.lx-third{
    width: 100%;
    height:500px;
}
.BMap_cpyCtrl {
            display: none;
        }
 
        .anchorBL {
            display: none;
}

/*人才招聘*/
.zp-left{
    width:816px;
    float: left;
    margin-bottom: 30px
}
.zp-left h1{margin:50px 0;}
.zp-left .zp-message{
    width: 750px;
    border: solid 1px #dddddd;
    padding:20px;
    margin-bottom: 30px

}

.zp-left .zp-message p{
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0px;
    color: #555555;
}
.zp-left .zp-message p:first-child{
    font-size: 20px;
    color: #333333;
    margin-bottom: 10px;
}
.zp-right{
    width:280px;
    float: left;
}
.zp-right img{
    width: 200px;
    height: 200px;
    margin:144px 0 10px 0;
}
.zp-right h4{

    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ffffff;
    background-color: #f77c1a;
    padding:4px 10px;
    margin-left: 50px;
    margin-bottom: 50px
}
.zp-right p{
    width:208px;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #555555;
    line-height: 30px;
    text-align: center;
}


/* 不能少 */
.fenye { text-align: center;  margin-top: 15px;}
.fenye .current {width: 30px; height: 78px; background: #eb5b01;padding: 5px 10px;  line-height: 78px;margin: 10px 5px; color: #fff; float: none;}
.fenye a { width: 30px; height: 78px;padding: 5px 10px; border: 1px solid #ccc;line-height: 78px;margin: 10px;}


/* banner */
#full-screen-slider { width:100%; height:705px; float:left; position:relative;    z-index: 0;}
#slides { display:block; width:100%; height:705px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:50%; top:655px; z-index:9900;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:36px; height:12px; float:left; margin-left:15px; background:#FFF }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#0092CE;}