@charset "utf-8";
body { overflow-x:hidden; font-family: arial, sans-serif;font-size: 14px;line-height: 24px;color:#333333;}

html.hidden,
body.hidden { height:100%; overflow:hidden;}
img{max-width:100%;}
.desc{width: 100%;float: left;display: inline-block;}

/* header */
.header { position:fixed; left:0; right:0; top:0; height:93px; z-index:5;box-shadow:3px 3px 0 rgba(0,0,0,0.3);}
.header .utilContainer { position:relative; z-index:3; height:30px; background:#fff; overflow:hidden; padding-right:85px;}
.header .utilContainer .util { float:right;}
.header .utilContainer .util li { float:left; padding-left:25px; line-height:30px; font-family:  arial, sans-serif; font-size:13px; color:#898989;}

.header .gnb-partnersContainer { overflow:hidden;}
.header .gnbContainer .topContainer {position:relative;height: 75px;z-index:3;background: #00070e;}
.header .gnbContainer .logo { float:left; margin-left:80px; line-height:75px; }
.header .gnbContainer .logo a img {width: 110px;margin-bottom: 3px;}
.header .gnbContainer .gnb { float:right;}
.header .gnbContainer .gnb .list { float:left;}
.header .gnbContainer .gnb .list > li {float:left;width: 150px;line-height: 75px;}
.header .gnbContainer .gnb .list > li.last { width:205px; }

.header .gnbContainer .gnb .list > li a {display:inline-block;padding: 0 1px;color:#fffefe;font-size:17px;text-align: center;width: 100%;height: 75px;margin-bottom:3px;line-height: 75px;overflow: hidden;}
.header .gnbContainer .gnb .list > li a:hover {text-decoration:none;text-align: center;width: 100%;height: 75px;margin-bottom:3px;}

.header .gnbContainer .gnb .list > li.hover a,
.header .gnbContainer .gnb .list > li.menu:hover a {background-clip:padding-box; background:#d0141b;}

.header .gnbContainer .gnb .list > li.ls {margin-right:0px;}
.header .gnbContainer .gnb .list > li.ls a {line-height: 75px;padding:0 30px;border:2px solid transparent;}
.header .gnbContainer .gnb .list > li.ls a:hover { border-color:#fff;}
.header .gnbContainer .callMenu { display:none;}


.header.loveStory .utilContainer { background:#efefef;}
.header.loveStory .gnbContainer .topContainer { background:#fff;}
.header.loveStory .gnbContainer .gnb .list > li a { color:#363636;}
.header.loveStory .gnbContainer .gnb .list > li a:hover { text-decoration:none;}
.header.loveStory .gnbContainer .gnb .list > li.hover a,
.header.loveStory .gnbContainer .gnb .list > li.menu:hover a { background:#f1f1f1;}
.header.loveStory .gnbContainer .gnb .list > li.ls a { color:#d0141b;}
.header.loveStory .gnbContainer .gnb .list > li.ls a:hover { border-color:#d0141b;}

.header .subGnbContainer {position:absolute;left:0;right:0;top: 105px;z-index:2;overflow:hidden;background:#282324;}
.header .subGnbContainer .innerContainer {height: 262px;border-bottom: 5px solid #d0141b;background:#282324;overflow:hidden;border-top: 2px solid #d0141b;}
.header .subGnbContainer .util { display:none;}
.header .subGnbContainer .banner { float:left; margin:33px 0 0 80px; width:519px; height:234px; overflow:hidden;}
.header .subGnbContainer .banner .innerFrame { width:100%; height:100%;}
.header .subGnbContainer .banner .innerFrame .item { float:left; width:100%; height:232px;}
.header .subGnbContainer .banner .innerFrame .item img { max-width:100%; border:1px solid #c7cbce;}
.header .subGnbContainer .colWrap { float:right; padding:27px 0 0;}
.header .subGnbContainer .colWrap .col {float:left;width: 152px;height: 182px;padding: 0 0 0 5px;border-right:1px solid #302b2c;}
.header .subGnbContainer .colWrap .col.menu0 { display:none;}
.header .subGnbContainer .colWrap .col.last { width:140px; margin-right:0; border-right-width:0;}
.header .subGnbContainer .colWrap .col .tit { display:none;}
.header .subGnbContainer .colWrap .col .list > li { }
.header .subGnbContainer .colWrap .col .list > li > a {display:block;padding:6px 0 6px 13px;background:url("../images/ico_dot1.png") no-repeat 5px 50%;color: #dadada;font-size: 14px;line-height:1.15;}
.header .subGnbContainer .colWrap .col .list > li > ul {padding: 0px 0 5px 20px;}
.header .subGnbContainer .colWrap .col .list > li > ul > li { padding:3px 0; color:#6d6d6d;}
.header .subGnbContainer .colWrap .col .list > li.hover > a,
.header .subGnbContainer .colWrap .col .list > li:hover > a {background: #201c1d url("../images/ico_dot2.png") no-repeat 4px 50%;color:#d0141b;}


/* footer */
.footer {position:relative;z-index:2;background:#262626;border-top: 10px solid #d0141b;margin-bottom: -20px;}
.footer .innerContainer {position:relative;padding: 40px 0;margin:0 80px;}
.footer .innerContainer:after { content:""; display:block; clear:both;}
.footer .logo { float:left;}
.footer .textWrap { float:left; margin-left:170px; color:#fff;}
.footer .textWrap .list li {display:inline-block;padding:0 14px 0 16px;background:url("../images/ico_line2.png") no-repeat 0 50%;font-size: 17px;/* text-transform: uppercase; */}
.footer .textWrap .list li a{color: #a6a6a6;}
.footer .textWrap .list li:first-child { padding-left:0; background:none;}
.footer .textWrap .address {padding: 10px 0 0;color:rgba(255,255,255,0.6);font-size:14px;line-height:1.4;}
.footer .textWrap .copyright {padding: 10px 0 0;color:rgba(255,255,255,0.6);font-size: 15px;line-height:1.4;}
.footer .qr_code {float:right;font-size: 14px;color:#fff;text-align:center;}
.footer .qr_code .qr_txt {padding-top: 12px;}
.footer .qr_code .qr_link {padding-top:5px;}
.footer .relationCompany { position:absolute; top:66px; right:265px;}
.footer .relationCompany .dropdown { position:relative; background:#262626;}
.footer .relationCompany .dropdown > button { display:block; height:27px; width:145px; border:1px solid #fff; color:#fff; text-indent:12px; background:url("../images/ico_arrow1.png") no-repeat 115px 50%; text-align:left; font-size:11px;}
.footer .relationCompany .dropdown > ul { display:none; position:absolute; bottom:27px; left:0; right:0; padding:6px 0; border:1px solid #fff; border-bottom-width:0; background:#262626;}
.footer .relationCompany .dropdown > ul li { padding:12px 0; text-indent:12px; color:#fff; font-size:11px;}

.indexContainer {margin: 0 auto; position:relative; padding:93px 0 80px;}

.gateWrapper {padding: 105px 0 0;overflow:hidden;transition:padding 0.4s;}
.gateWrapper > .btn { display:none;}
.gateWrapper .slide { float:left; position:relative; width:33.33333333%; height:900px;}
.gateWrapper .slide .bg { position:absolute; left:0; right:0; top:0; bottom:0; z-index:1; background-position:50% 0; background-repeat:no-repeat;}
.gateWrapper .slide .bg .dimm { position:absolute; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,0.4); transition:all 0.25s ease-out;}
.gateWrapper .slide .textWrap {position:relative;z-index:2;text-align:center;height: 100%;width: 100%;position: absolute;top: 75%;}
.gateWrapper .slide .textWrap .topIco { padding:98px 0 0;}
.gateWrapper .slide .textWrap .tit {padding:27px 0 0;font-size: 20px;font-weight: 500;color:#fff;top: 75%;/* position: absolute; */}
.gateWrapper .slide.slide2 .textWrap .tit { color:#1f1f1f;}
.gateWrapper .slide.slide1 .textWrap .tit span { color:#c61d20;}
.gateWrapper .slide.slide2 .textWrap .tit span { color:#40b705;}
.gateWrapper .slide.slide3 .textWrap .tit span { color:#6fdcfd;}
.gateWrapper .slide .textWrap .liner { position:relative; width:51px; height:2px; margin:27px auto 0; background:#d3d3d3; transition:all 0.25s ease-out;}
.gateWrapper .slide .textWrap .liner span { display:block; opacity:0; background:rgba(255,255,255,0.38); transition:all 0.5s ease-out; }
.gateWrapper .slide .textWrap .liner .mid {width: 51px;height: 3px;margin:0 auto;/* border-radius:50%; */}
.gateWrapper .slide .textWrap .liner .line { position:absolute; top:2px; width:49%; height:2px;}
.gateWrapper .slide .textWrap .liner .line.left { left:0;}
.gateWrapper .slide .textWrap .liner .line.right { right:0;}
.gateWrapper .slide .textWrap .desc { opacity:0; padding:25px 0 0; color:#fefefe; font-size:15px; line-height:20px; transition:all 0.25s ease-out;letter-spacing: -1px;}
.gateWrapper .slide.slide2 .textWrap .desc { color:#fefefe;}
.gateWrapper .slide .textWrap .goBtn { opacity:0; padding:25px 0 30px; transition:all 0.25s ease-out;}
.gateWrapper .slide .textWrap .goBtn a { display:inline-block; width:150px; height:40px; line-height:40px; border:2px solid #fff; color:#fff; font-size:18px; text-align:left; padding-left:30px; font-weight:700; background:url("../images/ico_arrow.png") no-repeat 110px 50%;}
.gateWrapper .slide.slide2 .textWrap .goBtn a { color:#fefefe; border-color:#fefefe; background-image:url("../images/ico_arrow.png");}
.gateWrapper .slide .textWrap .goBtn a img { margin-left:6px;}

.gateWrapper .slide.hover .bg .dimm { opacity:0; transition:all 0.5s;}
.gateWrapper .slide.hover.slide2 .textWrap .liner span { background:rgba(0,0,0,0.38);}
.gateWrapper .slide.hover .textWrap .liner { width:auto; margin:27px 125px 0; transition:all 0.5s ease-out; background:transparent;}
.gateWrapper .slide.hover .textWrap .liner span,
.gateWrapper .slide.hover .textWrap .desc,
.gateWrapper .slide.hover .textWrap .goBtn { opacity:1; transition:all 0.5s ease-out;}
.objects {position: absolute}

.slide5{padding: 105px 0 0;overflow: hidden;height: 890px;}
.slide5 .bg{
    position: absolute;
    left: 0;
    right: 0;
    top: 104px;
    bottom: 0;
    z-index: 1;
    background-position: 50% 0;
    background-repeat: no-repeat;
    height: 890px;
}
.slide6{
    width: 100%;
    padding-top: 60px;
    display: none;
}
    
@media all and (max-width:1700px) {
	.header .subGnbContainer .banner { width:200px;}
.slide5{display: block;height: 893px;}
.slide6{display: none;}
 .contentContainer{/* display: none; */}
}
@media all and (max-width:1600px) {
	.header .gnbContainer .logo { margin-left:40px;}
	.header .utilContainer { padding-right:55px;}
	.header .gnbContainer .gnb .list > li { width:127px;}
	.header .gnbContainer .gnb .list > li.last { width:158px;}
	.header .gnbContainer .gnb .list > li a { padding:0 10px;}
	.header .subGnbContainer .colWrap .col { width:127px;}
	.header .subGnbContainer .colWrap .col.last { width:127px; margin-right:0px;}
	.header .subGnbContainer .banner { margin-left:40px;}
	.header .subGnbContainer .colWrap .col .list > li > ul { padding-left:20px;}
	.footer .innerContainer { margin:0 40px;}
	.footer .relationCompany { right:0;}
.slide5{display: block;height: 890px;}
.slide6{display: none;}
 .contentContainer{/* display: none; */}

}
@media all and (max-width:1200px) {
	.header .subGnbContainer .banner { display:none;}
	.dimmGnb { display:none; position:fixed; left:0; right:0; top:0; bottom:0; z-index:11; background:rgba(0,0,0,0.8);}
	.bodyContainer { position:relative; left:0;}
	.bodyContainer.open .header { position:absolute;}

	.header { position:fixed; left:0; right:0; top:0; z-index:10; height:60px;}
	.header .utilContainer,
	.header .gnbContainer .gnb  { display:none;}
	.header .gnbContainer .callMenu { display:block; position:absolute; top:10px; right:40px; width:40px; height:40px; background:url("../images/ico_menu.png") no-repeat 50% 50%; text-indent:-1000px; overflow:hidden;}
	.header.loveStory .gnbContainer .callMenu { background-image:url("../images/ico_menu2.png");}
	.indexContainer { padding-top:60px;}

	.header .subGnbContainer { position:fixed; left:auto; right:0; top:0; bottom:0; z-index:15; width:360px; height:100%; background:#fff; overflow-y:scroll; }
	.header .subGnbContainer .innerContainer { background:#fff; height:auto; border:0 none;}
	.header .subGnbContainer .util { display:block; overflow:hidden;height: 60px;}
	.header .subGnbContainer .util li {float:left;width: 50%;height: 60px;border-left:1px solid #ddd;}
	.header .subGnbContainer .util li:first-child { border-left-width:0;}
	.header .subGnbContainer .util li a { display:table-cell; text-align:center; line-height:15px; color:#5a5a5a; font-size:12px; font-family:  arial, sans-serif; text-align:center;height: 60px;width:25%;}
	.header .subGnbContainer .util2 { display:block; overflow:hidden;}
	.header .subGnbContainer .util2 li { float:left; width:33.33333333%; border-left:1px solid #ddd;}
	.header .subGnbContainer .util2 li:first-child { border-left-width:0;}
	.header .subGnbContainer .util2 li a { display:block; text-align:center; line-height:41px; color:#5a5a5a; font-size:15px; font-family:  arial, sans-serif; text-align:center;}

	.header .subGnbContainer .colWrap { overflow:hidden; float:none; padding:0; border-top:2px solid #ddd;}
	.header .subGnbContainer .colWrap .mCSB_container { margin-right:0;}
	.header .subGnbContainer .colWrap .mCSB_scrollTools_vertical { width:4px;}
	.header .subGnbContainer .colWrap .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background:#d0141b;}
	.header .subGnbContainer .colWrap .col,
	.header .subGnbContainer .colWrap .col.last { float:none; width:auto; height:auto; padding:0; border:0 none;}
	.header .subGnbContainer .colWrap .col.menu0 { display:block;}
	.header .subGnbContainer .colWrap .col .tit,
	.header .subGnbContainer .colWrap .col .tit2 { display:block;}	
	.header .subGnbContainer .colWrap .col .tit a { display:block; line-height:1.3; padding:8px 0 8px 32px; background:url("../images/ico_menu_close.png") no-repeat 90% 50%; border-bottom:1px solid #ddd; color:#5a5a5a; font-size:17px; font-weight:700;}
	.header .subGnbContainer .colWrap .col .tit2 a { display:block; line-height:1.3; padding:8px 0 8px 32px; border-bottom:1px solid #ddd; color:#5a5a5a; font-size:17px; font-weight:700;}
	.header .subGnbContainer .colWrap .col .tit a.active { background-image:url("../images/ico_menu_open.png"); color:#d0141b;}
	.header .subGnbContainer .colWrap .col.menu0 a { background:none;}
	.header .subGnbContainer .colWrap .col .list { display:none;}
	.header .subGnbContainer .colWrap .col .list > li { overflow:hidden; background:#f1f1f1; border-top:1px solid #fff;}
	.header .subGnbContainer .colWrap .col .list > li > a {float:left;padding:11px 0 11px 32px;font-size:14px;color:#a2a2a2;/* font-weight:700; */border-top:1px solid #fff;background:#f1f1f1;}
	.header .subGnbContainer .colWrap .col .list br { display:none;}
	.header .subGnbContainer .colWrap .col .list > li:hover > a { background:#f1f1f1;}
	.header .subGnbContainer .colWrap .col .list > li:first-child > a { border-top-width:0;}
	.header .subGnbContainer .colWrap .col .list > li > ul { overflow:hidden; text-align:left; padding-top:7px;}
	.header .subGnbContainer .colWrap .col .list > li > ul > li { float:left; padding:7px 14px 0 0; margin-right:12px; color:#a2a2a2; background:url("../images/ico_line1.png") no-repeat 100% 50%;}
	.header .subGnbContainer .colWrap .col .list > li > ul > li:first-child { padding-left:0;}
	.header .subGnbContainer .colWrap .col .list > li > ul > li:last-child { background:none; padding-right:0;}
	.gateWrapper { padding:60px 0 0; transition:padding 0.4s;}	

.slide5{display: block;padding: 75px 0 0;height: 860px;}
.slide5 .bg {
    top: 75px;
}
.slide6{display: none;}
 .contentContainer{/* display: none; */}
}

@media all and (max-width:1023px) {

	.gateWrapper {/* display: none; */}
	.gateWrapper .btn { position:absolute; width:52px; height:38px; margin-left:-30px; background-repeat:no-repeat; background-position:50% 50%; overflow:hidden; text-indent:-1000px; z-index:3;}
	.gateWrapper .btn.prev { top: 120px;position: fixed; right: 20px; background-image:url("../images/ico_up.png"); display: block;}
	.gateWrapper .btn.next { bottom:40px; position: fixed; right: 20px; background-image:url("../images/ico_down.png"); display: block;}
	.gateWrapper .slide { float:none; width:auto;}
	.gateWrapper .slide.slide1,
	.gateWrapper .slide.slide2,
	.gateWrapper .slide.slide3 {height: 714px;}
	.gateWrapper .slide .bg .dimm { display:none;}
	.gateWrapper .slide.slide2 .textWrap .tit,
	.gateWrapper .slide.slide2 .textWrap .desc { color:#fff;}
	.gateWrapper .slide.slide2 .textWrap .goBtn a { color:#fff; border-color:#fff;  background-image:url("../images/ico_arrow.png");}
	.gateWrapper .slide.slide2 .textWrap .liner span { background:rgba(255,255,255,0.38);}
	.gateWrapper .slide .textWrap .liner { width:auto; margin:27px 125px 0; transition:all 0.5s ease-out; background:transparent;}
	.gateWrapper .slide .textWrap .liner span,
	.gateWrapper .slide .textWrap .desc,
	.gateWrapper .slide .textWrap .goBtn {opacity:1;transition:all 0.5s ease-out;}
.slide5{display: block;height: 805px;}
.slide6{display: none;}
 .contentContainer{display: block;}
}

@media all and (max-width:980px) {
	.gateWrapper .slide .textWrap .topIco {padding : 30px 0 0;}

	.header .gnbContainer .logo {margin-left: 10px;line-height: 57px;}

	.header .gnbContainer .callMenu {right: 10px;}
	.indexContainer { padding-bottom:40px;}

	.footer .innerContainer { padding-top:35px; padding-bottom:35px;}
	.footer .logo { float:none;}
	.footer .textWrap { float:none; margin-left:0; margin-top:20px;}
	.footer .textWrap .list li { margin-bottom:10px;}
	.footer .relationCompany { display:none;}
	.footer .qr_code { float:none; margin-left:0; margin-top:20px;}

	.gateWrapper .slide .textWrap .liner { margin-left:40px; margin-right:40px; transition:all 0.4s;}

	.slide5{display: none}
	.slide6{display: block;}


}

@media all and (max-width:640px) {
	.footer .logo img { width: 110px;}
	.footer .innerContainer { margin:0 15px; padding:10px 0;}
	.footer .textWrap .address { padding-top:5px;}
	.footer .textWrap .list li {display:inline-block;padding:0 0 0 4px;font-size: 17px;}
	.footer .textWrap .list li:first-child { padding-left:0; background:none;}

	.header .gnbContainer .logo a img {width: 90px;}
	.header .gnbContainer .topContainer {height: 61px;}
	.header .subGnbContainer {width: 279px;}
	.header .subGnbContainer .colWrap .col .list > li > a,
	.header .subGnbContainer .colWrap .col .list > li > ul,
	.header .subGnbContainer .colWrap .col .list > li > ul > li { float:none;}
	.header .subGnbContainer .colWrap .col .list > li > ul { padding-left:45px; padding-top:0;}
	.header .subGnbContainer .colWrap .col .list > li > ul > li { padding:10px 0; background:none;}

	.gateWrapper .slide {height: 323px !important;transition:all 0.4s;}
	.gateWrapper .slide.slide1 .bg {background-size: 100%;}
	.gateWrapper .slide.slide2 .bg {background-size: 100%;}
	.gateWrapper .slide.slide3 .bg {background-size: 100%;}
	.gateWrapper .slide .textWrap {top: 58%;}
	.gateWrapper .slide .textWrap .liner { margin-left:40px; margin-right:40px; transition:all 0.4s;}
	.gateWrapper .slide .textWrap .desc { padding-left:40px; padding-right:40px; transition:all 0.4s;}
	.gateWrapper .slide .textWrap .desc br { display:none;}


}



.content{width:100%;float: left;overflow: hidden;margin-bottom: 3%;}
.center{max-width: 1160px;margin: 0 auto;}
.slider{width: 100%;height: 165px;overflow: hidden;text-align: center;padding: 35px 0 50px 0;position: relative;box-sizing: initial;background-size: cover;background-position: top center;}
.slider h3{font-size: 32px;color: #fff;line-height: 70px;text-transform: uppercase;margin: 15px 0 15px 0;font-weight: normal;background: url(../images/line.jpg) bottom center no-repeat;}
.slider p{width: 64%;display: inline-block;color: #fff;font-size: 14px;}
.cont-nav{float:left;height: 50px;line-height: 50px;background:#ffffff5e;width: 100%;position: absolute;bottom: 0;}
.cont-nav ul{display: inline-block;}
.cont-nav li{float: left;}
.cont-nav li.on{background: #d0141b;}
.cont-nav li:hover{background: #d0141b;}
.cont-nav li a{font-size: 15px;color: #fff;text-transform: uppercase;padding: 0 28px;display: block;}

.bread{width: 100%;float: left;height: 50px;}
.breadcrumbs{padding-left: 16px;background: url(../images/icon-home.png) no-repeat left 6px;float: right;}
.breadcrumbs{font-size: 12px;text-transform: uppercase;margin: 13px 0;}
.breadcrumbs i{font-family: simsun;font-style: normal;color: #4f4f4f;margin: 0 3px;}
.breadcrumbs a{color: #4f4f4f;font-size: 12px;}
.breadcrumbs p{color:#d0141b;display: inline-block;}
.breadcrumbs a:hover{color:#d0141b;}
.breadcrumbs strong{color: #333;font-weight: normal;}

.contnet-tit{width: 100%;float: left;text-align: center;margin-top: 10px;margin-bottom: 20px;}
.contnet-tit h1{font-size: 32px;line-height: 80px;text-transform: uppercase;margin: 0 0 20px 0;background: url(../images/lineh.jpg) bottom center no-repeat;font-weight: bold;display: block;}
.contnet-tit p{width: 60%;display: inline-block;line-height: 22px;}
.contnet-tith{width: 100%;float: left;margin: 20px 0 40px 0;}
.contnet-tith h1{font-size: 32px;line-height: 55px;text-transform: uppercase;}
.contnet-tith p{width: 76%;display: inline-block;line-height: 22px;}



.about-cont{float: left;margin-top: 20px;}
.videoss{float:right;width: 573px;margin-left: 10px;}
.numb{width: 100%;margin: 3% 1% 0 1%;float: left;}
.numb ul{width: 102%;}
.numb li{width:14.66%;float:left;border-radius:3px;border:1px solid #ddd;margin: 0 1.7% 0 0;padding: 6px;text-align: center;color: #d0141b;font-size: 35px;font-family: impact;line-height: 62px;}
.numb li i{color: #d0141b;font-size: 35px;font-family: impact;}
.numb li span{display: block;text-transform: uppercase;font-size: 13px;font-family: arial, sans-serif;color: #333;line-height: 16px;height: 64px;}
.about-pic{width: 100%;margin-top: 3%;float: left;}


.about-img{width: 100%;float: left;}
.about-img ul{width: 103%;}
.about-img li{width: 30.333%;float: left;text-align: center;margin: 0 3% 2% 0;text-transform: uppercase;}
.about-img img{border: 20px solid #565656;box-shadow: 3px 3px 0 #313131;}
.about-img h3{width: 100%;float: left;height: 35px;line-height: 35px;font-weight: bold;margin-top: 10px;font-size: 16px;}
.about-img p{font-size: 12px;line-height: 18px;height: 54px;width: 100%;overflow: hidden;}

.chengg-img{width: 100%;float: left;}
.chengg-img ul{width: 103%;}
.chengg-img li{width: 22%;float: left;text-align: center;margin: 0 3% 2% 0;text-transform: uppercase;}
.chengg-img p{font-size: 12px;line-height: 18px;height: 79px;width: 100%;overflow: hidden;background: url(../images/redbg.png) top center no-repeat;color: #fff;padding: 6% 9%;background-size: 100% 100%;display: inline-block;float: left;}
.chengg-img li:nth-child(1),.chengg-img li:nth-child(2),.chengg-img li:nth-child(3){width: 30.333%;}

.mon-img{width: 100%;float: left;}
.mon-img ul{width: 103%;}
.mon-img li{width: 22%;float: left;text-align: center;margin: 0 3% 2% 0;text-transform: uppercase;}
.mon-img img{border: 6px solid #565656;box-shadow: 3px 3px 0 #313131;}
.mon-img h3{width: 100%;float: left;height: 35px;line-height: 35px;font-weight: bold;margin-top: 10px;font-size: 16px;}
.mon-img p{font-size: 12px;line-height: 18px;height: 54px;width: 100%;overflow: hidden;}

.monpro-img{width: 100%;float: left;}
.monpro-img ul{width: 103%;}
.monpro-img li{/* width: 22%; *//* float: left; */text-align: center;margin: 0 3% 2% 0;text-transform: uppercase;position: relative;}
.monpro-img h3{width: 100%;float: left;height: 35px;line-height: 35px;/* margin-top: 10px; */font-size: 14px;overflow: hidden;background: rgba(0,0,0,0.5);position: absolute;bottom: 0;color: #fff;}
.monpro-img p{font-size: 12px;line-height: 18px;height: 54px;width: 100%;overflow: hidden;}

.contactuss{width:100%;float:left;text-align:center;margin: 20px 0 0 0;}
.contactuss a{padding: 1.2% 3%;border-radius:3px;display:inline-block;background:#000;color:#fff;font-size:16px;}
.contactuss img{margin-right:10px}

.about-history{width:100%;height: 445px;overflow:hidden;position:relative;}
.about-history .hd{clear:both;position:absolute;z-index:2;bottom: 46px;display: block;margin: 0 auto;width: 100%;height: 40px;background: url(../images/dotlinecc.png) top center repeat-x;text-align: center;}
.about-history .hd ul{display:inline-block;_display:inline;_zoom:1;}
.about-history .hd ul li{display: inline-block;margin: 0 15px;width: 71px;height: 77px;border-radius: 50%;vertical-align: middle;top: -9px;position: relative;cursor: pointer;}
.about-history .hd ul li.on{background: url(../images/yuan.png) center 5px no-repeat;}
.about-history .hd ul li.on p{color:#d63137;}
.about-history .hd ul li p.deoft{padding-top: 37px;background: url(../images/dotlin.png) 29px 5px no-repeat;font-size: 30px;}
.about-history .hd ul li p{padding-top: 37px;background: url(../images/dotlinttr.png) 29px 8px no-repeat;font-size: 30px;z-index: -5;text-align: center;}

.about-history .bd{position:relative;height:590px;z-index:0;width: 78%;margin: 0 auto;}
.about-history .bd ul{margin:0;width: 100% !important;}
.about-history .bd li{zoom:1;vertical-align:middle;width: 100% !important;height: 590px;}
.about-history .bd li a{width:100%;height:590px;}
.about-history .prev{position:absolute;left: 4%;top: 26%;width: 50px;height: 50px;filter:alpha(opacity=30);opacity:0.6;transition:all 0.3s;}
.about-history .next{position:absolute;right: 4%;top: 26%;width: 50px;height: 50px;filter:alpha(opacity=30);opacity: 0.6;transition:all 0.3s;}
.about-history .next:hover,.about-history .prev:hover{filter:alpha(opacity=100);opacity:1;}
.about-history i{font-size: 24px;width:40px;height:40px;border-radius: 5px;border: 1px solid #fff;padding: 12px;color: #fff;}

.history-con{padding: 1.5% 2% 2.5% 3%;background: #fafafa;position: absolute;z-index: 9999;top: 10%;right: 0;width: 452px;}
.history-con h4{background: url(../images/redline.jpg) left bottom no-repeat;line-height: 40px;margin-bottom: 10px;}
.history-con span{color: #5e5d62;font-size: 30px;display: block;line-height: 20px;padding-bottom: 15px;}


.product-images{
    float: left;
    display: inline-block;
}
.product-title {/* position: absolute; *//* top: inherit; *//* left: inherit; */display: inline-block;padding: 25px 18px;background-color: #262626;color: #fff;text-transform: uppercase;}
.product-title span {display: block; font-size: 13px;}
.product-title strong {display: block;font-size: 20px;}

.sub-content2 {float: left;display: contents;}
.product-list {overflow: hidden; margin-left: -13px;}

.product-list .product-info {float: left;width: 50%;/* height: 243px; */margin-top: 30px;padding-left: 13px;}
.product-list .product-info .info-tit {margin-bottom: 15px;font-size: 21px;text-transform: uppercase;color: #505050;}
.product-list .product-info .info-tit:before {content: '';display: block;width: 29px;margin-bottom: 5px;border-top: 2px solid #5e5e5e;}
.product-list .product-info .info-cont {padding: 15px 20px;background-color: #f2f2f2;font-size: 14px;color: #5a5a5a;display: inline-block;width: 100%;}
.product-list .product-info ul{margin-bottom: 15px;float: left;margin-top: 10px;width: 100%;}
.product-list .product-info .info-cont p {line-height: 1.25;}
.product-list .product-info .info-cont p em {color: #b8253e;}
.product-list .product-info .info-cont .hyphen {padding-left: 20px;}
.product-list .product-info .info-cont .hyphen:before {content: '-'; display: inline-block; width: 10px; margin-left: -10px; text-align: center;}
.product-list .product-info .info-cont li {padding-left: 13px;line-height: 1.25;text-transform: uppercase;}
.product-list .product-info .info-cont li:before {content: ''; display: inline-block; width: 3px; height: 3px; margin-left: -13px; margin-right: 10px; background-color: #595959; vertical-align: middle;}
.product-list .product-info .info-cont dl {overflow: hidden;text-transform: uppercase;float: left;width: 100%;}
.product-info .info-cont dd {float: left;line-height: 24px;}
.product-list .product-info .info-cont dt {padding: 3px 10px;background-color: #202020;color: #fff;margin-right: 5px;margin-bottom: 50px;float: left;}
.product-list .product-info .info-cont dd + dd:before {float: left;content: '|';display: inline;padding: 0 5px;margin-top: -1px;}
.product-list .product-info .info-cont dd strong {color: #b8253e;}
.product-list .ch,.product-list .ch2{min-height: 326px;}
.product-list .ch3,.product-list .ch4{min-height: 186px;}

.office{width:100%;overflow:hidden;float:left;margin-top: 2%;}
.office dl:nth-child(1){width: 66%;float: left;margin-bottom: 20px;}
.office dl:nth-child(2){width: 34%;float: left;}
.office dl:nth-child(3){width: 100%;float: left;margin-top: 3%;}
.office dd{width: 48%;float: left;margin-right: 2%;}
.office dd:nth-child(3){margin-top:5%}
.office dt{
    width: 100%;
    float: left;
    margin-right: 2%;
}
.office h5{font-size: 20px;text-transform: uppercase;font-weight: bold;margin-bottom: 22px;}
.office h5 img{float: left;margin-right: 6px;}
.office h6{font-size: 17px;/* margin-bottom: 20px; */border: 1px solid #ddd;border-radius: 5px;line-height: 45px;display: block;width: 48%;float: left;margin-right: 2%;margin-top: 22px;}
.office h6 img{float: left;margin-right: 6px;margin: 10px 6px 0 17px;}
.office dd p{margin: 8px 0px;}
.office dd strong{font-weight: bold;}
.office dt .cc{color:#FF070B;position: absolute;right: 12px;z-index: 99999;}
.office dt li{width: 100%;border: 1px solid #ededed;line-height: 38px;font-size: 12px;border-radius: 3px;margin-bottom: 15px;font-style: italic;display: inline-block;float: left;position: relative;}
.office dt li input{border:none;float:left;line-height:38px;width: 100%;padding-left: 2%;z-index: 0;}
.office dt li input.submit{background: #000;color: #fff;border-radius: 3px;padding: 1% 10%;font-style: italic;width: 45%;font-size: 14px;}
.office dt li textarea{border:none;float:left;line-height: 38px;width:100%;padding-left: 2%;}
.office dt li:nth-child(4){border:none;}
.office dt button{background: #000;color: #fff;border-radius: 3px;padding: 2% 14%;font-style: italic;}


.exhibi{border-left: 1px solid #ddd;padding-left: 3%;width: 100%;display: inline-block;margin-left: 2%;}
.exhibi dl{margin: 3% 0 0 0;float: left;position: relative;}
.exhibi dt{color: #d0141b;font-size: 22px;width: 100%;float: left;}
.exhibi dt em{position: absolute;left: -3.9%;top: -2px;}
.exhibi dd{float: left;display: block;margin: 2% 0;width: 100%;}
.erdate{font-size: 17px;width: 7%;float: left;margin-top: 23px;}
.erdate em{position: absolute;left: -3.5%;/* top: -1px; */}
.exhi-con{background: #f4f4f4;border: 1px solid #f1f1f1;padding: 2% 0 2% 2%;border-radius: 6px;width: 93%;float: left;position: relative;}
.exhi-con:before{content: '';background:url(../images/jian.png) left top no-repeat;width: 16px;height: 31px;float: left;/* margin-left: -3.3%; */position: absolute;left: -11px;}
.exhi-left{width: 30%;float: left;}
.exhi-left h3{font-size: 17px;line-height: 24px;max-height: 48px;overflow: hidden;}
.exhi-left p{font-size: 12px;text-transform: uppercase;}
.exhic-con{float: left;max-width: 70%;}
.exhic-con a{float:left;display:inline-block;padding: 5px;}
.exhic-con img{height:100px;float: left;}
                

.pfact{width:100%;overflow:hidden;float:left;}
.pfact dl{float: left;width: 100%;background: #f4f4f4;margin: 2% 0 4% 0;position: relative;}
.pfact dl:after{content: '';background: url(../images/lineh.jpg) 0 0 repeat-x;width: 100%;height: 1px;float: left;position: absolute;left: 0;bottom: -36px;opacity: 0.3;}
.pfact dl:nth-child(2n) dt{float: right;}
.pfact dt{float: left;width: 54%;margin: 2% 4%;}
.pfact dt h3{font-size: 16px;font-weight: bold;position: relative;line-height: 24px;width: 100%;margin-bottom: 3%;PADDING: 18PX 0;}
.pfact dt h3:before{content: '';background: url(../images/biaoqian.png) left center no-repeat;width: 24px;height: 24px;float: left;}
.pfact dt h3:after{content: '';background: url(../images/lineh.jpg) 0 0 repeat-x;width: 164px;height: 1px;float: left;position: absolute;left: 0;bottom: 0;opacity: 0.8;}
.pfact dd{width: 38%;float: left;}


@media all and (max-width:1200px) {
	
	.center {padding: 0 10px;}
	.numb{margin: 2% 0 0 0;}
	.numb li{margin: 0 1.7% 1.7% 0;padding: 5px;font-size: 28px;line-height: 42px;}
	.numb li i{font-size: 28px;}
	.numb li span{font-size: 12px;height: 64px;overflow: hidden;}


	.about-history .hd ul li{margin: 0 5px;width: 50px;}
	.about-history .hd ul li p.deoft{padding-top: 30px;font-size: 20px;}
	.about-history .hd ul li p{background: url(../images/dotlinttr.png) 19px 8px no-repeat;}
	.about-history .bd{width: 80%;}
	.about-history .prev{left: 0;}
	.about-history .next{right: 0;}
	.history-con{width: 52%;}

	.office dd:nth-child(3){width: 80%;}
	

}

@media all and (max-width:1024px) {
	.slider{height: 130px;background-position: 20% 0;padding: 0;}
	.slider h3{font-size: 18px;background: url(../images/lines.png) bottom center no-repeat;line-height: 52px;margin: 34px 0 15px 0;}
	.bread{display:none}
	.cont-nav{display:none}
	.contnet-tit h1{font-size: 17px;line-height: 24px;background: url(../images/linehs.jpg) bottom center no-repeat;margin: 0 0 20px 0;padding-bottom: 15px;padding-top: 10px;}
	.contnet-tit p{width: 95%;display: inline-block;line-height: 20px;}

	.numb li{width: 31.33%;margin: 0 1.7% 1.7% 0;font-size: 22px;}
	.numb li i{font-size: 22px;}
	.numb li span{height: 48px;}

	.about-history .bd{width: 100%;}
	.history-con{width: 45%;}

	.product-images{width: 100%;}
    .product-title {position: relative;margin-bottom: -2px;padding: 20px 18px;}
    .product-title strong {font-size: 16px;}
    .sub-content2 {width: 100%;display: block;}

	.contnet-tith{margin: 20px 0;}
	.contnet-tith h1{font-size: 22px;line-height: 35px;}
	.contnet-tith p{width: 100%;}

	.office dd{width: 100%;margin-right:0;}
	.office h6{font-size: 16px;width: 96%;}


	.exhibi dt em{left: -4.3%;}
	.exhibi dd{width: 98%;}
	.erdate{width: 12%;}
	.erdate em{left: -3.7%;}
	.exhi-con{width: 88%;padding: 2%;}
	
    .pfact dt{width: 58%;margin: 1% 2%;}



}

@media all and (max-width:767px) {
	.videoss{float:right;width:100%;margin-left:0;margin-bottom: 10px;}
	.numb li{padding: 5px;}
	.numb li i{font-size: 22px;}
	.numb li span{height: 96px;}

	.about-img li{width: 47%;}
	.about-img img{border: 10px solid #565656;box-shadow: 3px 3px 0 #313131;}
	.about-img h3{font-size: 15px;margin-top: 3px;}
	.about-img p{display: none;}

	.chengg-img li{width: 47%;}
	.chengg-img li:nth-child(1){width:100%;}
	.chengg-img li:nth-child(2),.chengg-img li:nth-child(3){width: 47%;}


	

	.mon-img li{width: 47%;}
	.mon-img img{border: 10px solid #565656;box-shadow: 3px 3px 0 #313131;}
	.mon-img h3{font-size: 15px;margin-top: 3px;}
	.mon-img p{display: none;}

	.monpro-img li{width: 47%;}
	.monpro-img h3{font-size: 13px;margin-top: 3px;}
	.monpro-img p{display: none;}


	.about-history{height: 390px;}
	.about-history .hd{bottom: 0;background: none;height: 30px;}
	.about-history .hd ul li{width: 10px;height: 10px;background: #929292;margin: 0 4px;}
	.about-history .hd ul li.on{background: #d0141b;}
	.about-history .hd ul li p{display:none;}

	.about-history .bd{position:relative;height: 363px;z-index:0;width: 100%;margin: 0 auto;}
	.about-history .prev{top: 18%;width: 35px;height: 35px;}
	.about-history .next{top: 18%;width: 35px;height: 35px;}
	.history-con{top: 28%;right: 2%;width: 96%;}
	.history-con h4{line-height: 30px;}
	.history-con span{font-size: 23px;}

    .product-images{width: 100%;}
    .product-title {position: relative;margin-bottom: -2px;padding: 20px 18px;}
    .product-title strong {font-size: 16px;}
    .sub-content2 {width: 100%;display: block;}
	.product-list {margin-left: 0;}
	.product-list .product-info,
	.product-list.foreign .product-info {width: 100%;height: unset;padding-left: 0;}
	.product-list .product-info .info-cont,
	.product-list.foreign .product-info .info-cont {padding: 15px 20px;height: auto;/* background-color: transparent; */}
	.product-list .product-info .info-cont dl {position: static;margin: 3px 0 0;padding-left: 0;}
	.product-list .product-info .info-cont dt {display: inline-block;margin-bottom: 0;}

	.contnet-tith h1{font-size: 18px;}
	.office dl{width: 100% !important;}
	.office h5{font-size:16px;margin-bottom: 5px;}
	.office dd p{margin: 5px 0px;}
    .office dd{width: 100%;margin-bottom: 3%;}
    .office dd:nth-child(3){width: 100%;}
    .office h6{font-size: 14px;width: 100%;}

	.exhibi dt em{left: -5%;}
	.erdate{width: 100%;margin: 5px 0;}
	.erdate em{left: -4%;}
	.exhi-con{width: 97%;float: right;}
	.exhic-con{max-width: 100%;}
	.exhi-left{width: 100%;}
	.exhi-left h3{font-size: 15px;}
	.exhic-con img{height:70px;}
	.exhibi dl{padding-left:3%}

	.contactuss a{width:95%;padding: 2% 3%;}


	.pfact dl{margin: 2% 0 4% 0;}
	.pfact dl:after{display:none}
	.pfact dt{width: 92%;margin: 2% 4%;}
	.pfact dt h3{font-size: 14px;line-height: 18px;padding: 10px 0;}
	.pfact dt h3:before{height: 18px;}
	.pfact dt h3:after{width: 100px;}
	.pfact dd{width: 92%;margin: 1% 4% 3% 4%;}
	
}


@media only screen and (min-width: 1081px) {
@-webkit-keyframes ballscale {
  0% {
      -webkit-transform: scale(0);
      transform: scale(0);
      opacity: 0;
  }
  5% {
      opacity: 1;
  }
  100% {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 0;
  }
}
@keyframes ballscale {
  0% {
      -webkit-transform: scale(0);
      transform: scale(0);
      opacity: 0;
  }
  5% {
      opacity: 1;
  }
  100% {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 0;
  }
}

.ballscale {
    position: relative;
    -webkit-transform: translateY(-120px);
    transform: translateY(-120px);
    }
.ballscale > div:nth-child(2) {
    animation-delay: 0.2s;
}
.ballscale > div:nth-child(3) {
    animation-delay: 0.4s;
}
.ballscale > div {
    background-color: #fff;
    position: absolute;
    width: 240px;
    height: 240px;
    left: -120px;
    top: 0;
    border-radius: 100%;
    opacity: 0;
    animation-fill-mode: both;
  -webkit-animation: ballscale 1s 0s linear infinite;
    animation: ballscale 1s 0s linear infinite;
}
.overlay {
  background-color: rgba(0,0,0,.8);
  position: fixed;
  display: none;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
}
.overlay .container {
  width: 500px;
  height: 300px;
  margin: auto;
  z-index: 2;
  color: #fff;
  font-size: 18px;
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.overlay .append {
  background: rgba(255,255,255,.11);
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.86);
}
.overlay .container h3 {
  font-size: 24px;
    margin: 15px auto;
}
.overlay .container label {
    display: block;
    margin: 0 auto;
    padding: 15px;
    color: rgba(255,255,255,.33);
}
.overlay .container span {
  position: absolute;
  color: rgba(255,255,255,.5);
  top: 15px;
  right: 15px;
  cursor: pointer;
}}
@media only screen and (min-width: 320px) and (max-width: 1080px) {
@-webkit-keyframes ballscale {
  0% {
      -webkit-transform: scale(0);
      transform: scale(0);
      opacity: 0;
  }
  5% {
      opacity: 1;
  }
  100% {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 0;
  }
}
@keyframes ballscale {
  0% {
      -webkit-transform: scale(0);
      transform: scale(0);
      opacity: 0;
  }
  5% {
      opacity: 1;
  }
  100% {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 0;
  }
}

.ballscale {
    position: relative;
    -webkit-transform: translateY(-120px);
    transform: translateY(-120px);
    }
.ballscale > div:nth-child(2) {
    animation-delay: 0.2s;
}
.ballscale > div:nth-child(3) {
    animation-delay: 0.4s;
}
.ballscale > div {
    background-color: #fff;
    position: absolute;
    width: 240px;
    height: 240px;
    left: -120px;
    top: 0;
    border-radius: 100%;
    opacity: 0;
    animation-fill-mode: both;
  -webkit-animation: ballscale 1s 0s linear infinite;
    animation: ballscale 1s 0s linear infinite;
}
.overlay {
  background-color: rgba(0,0,0,.8);
  position: fixed;
  display: none;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
}
.overlay .container {
  width: 80%;
  height: 200px;
  margin: auto;
  z-index: 2;
  color: #fff;
  font-size: 18px;
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.overlay .append {
  background: rgba(0,0,0,.66);
  box-shadow: 0 0 1px rgba(255,255,255,.66);
}
.overlay .container h3 {
  font-size: 19px;
  margin: 15px auto;
}
.overlay .container label {
    display: block;
    margin: 0 auto;
    padding: 0 15px 15px 15px;
    color: rgba(255,255,255,.33);
    FONT-SIZE: 14PX;
    text-align: center;
}
.overlay .container span {
  position: absolute;
  color: rgba(255,255,255,.5);
  top: 15px;
  right: 15px;
}}