﻿.banner .swiper-container .swiper-slide{ height:525px;}
.banner .swiper-pagination{bottom:5%!important;}
.swiper-pagination-bullet{width:16px!important;height:16px!important;display: inline-block;border-radius:0!important;background:url(../images/doc.png) no-repeat!important;opacity:1!important;}
.swiper-pagination-bullet-active{background:url(../images/doc1.png) no-repeat!important;}

.mapbanner{ display:none;}

@media screen and (max-width:768px) {
	/*.mapbanner{ display:block;}
	.banner{ display:none;}*/
	.banner,.banner .swiper-container .swiper-slide{ height:300px;}
	.bam{top:8%!important;}
	.bam h2{ font-size:2.3em;}
	.bam small{font-size:1.3em;}
}
/*banner*/

.con{ margin:6rem auto 11rem auto; position:relative;}
.conl{width:30%;position:absolute;left:0%;top:0;height:100%;}
.conl em{width:30%; display:block;}
.conlt a{color:#333; font-size:2.8em; line-height:2.5rem; font-weight:bold; display:block;margin: 1rem 0;}
.conlm{line-height:1.6rem; margin-bottom:2.5rem;position:relative;height:4.8rem;overflow:hidden; text-align:justify; font-size:1.4em;}
.conlm::after{content: "…"; position: absolute; bottom: 0; right: 0;background:#fff;width: 1em;}
.con1 .conlm::after{content: "…"; position: absolute; bottom: 0; right: 0; background:#ed7100;width: 1em;}
.conlmore a{color:#ed7100;text-transform:uppercase;font-size:1.2em;}
.conlmore a:hover{color:#333!important;}
.conlmore a bdo{font-family:"宋体";}
.conr{width:67%;}
.conr #vid{ position:relative; overflow:hidden;}
.conr em{ position:absolute; left:0; bottom:-1px;}
.conr #video1{width:100%; height:100%;}
.dbox .kuai{ position:absolute; right:0; bottom:-22%; background:#eaeaea;height:100%; z-index:-1;width:0;opacity:0;transition:all 2s;-moz-transition:all 2s;-webkit-transition:all 2s;-o-transition:all 2s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.dcur .kuai{opacity:1;width:40%;-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.cont{ position:absolute; left:-12%; top:0;height:100%;text-transform:uppercase; font-size:1.8em;}
.cont p{background:url(../images/doc_09.png) no-repeat; padding:20px 0 0 15px;width:18px; display:block;line-height: 1.2em;word-wrap: break-word;-webkit-writing-mode:vertical-lr;writing-mode:tb-rl;writing-mode:vertical-lr;font-weight:bold;color: #c1cdcf; min-height:130px;}

.con1bg{ background:url(../images/con1bg.jpg) no-repeat center center;background-size:cover;}
.con1{position:relative;color:#fff!important;}
.con1 .conlt a,.con1 .conlmore a,.a1cr .conlt{color:#fff!important;}
/*.con1 .swiper-container{width:111%!important; margin:0 -11% 0 0;}*/
.con1l{width:24%; margin:0 -10% 0 0; height:70%; position:absolute; left:0; top:15%; background:#ed7100; padding:5% 3%;}
.con1r{width:80%; text-align:right;}
.con1 .swiper-slide{padding-bottom:100px;position:relative;}
.con1 .swiper-pagination{bottom:82px!important;width:25%!important; text-align:right!important; font-size:2.4em; font-weight:bold;color:#fae1d3;}
.con1 .swiper-pagination .swiper-pagination-current{font-size:1.7em;color:#fff;}
.con1 .swiper-button-next,.con1 .swiper-button-prev{width:180px!important; height:62px!important;-moz-background-size:58px 6px!important;-webkit-background-size:58px 6px!important;background-size:58px 6px!important;top:40%!important;right:11%!important;left:auto!important;opacity: 0.9!important;}
.con1 .swiper-button-next{ background:#ed7100 url(../images/doc_15.png) no-repeat center center!important;}
.con1 .swiper-button-prev{background:#ed7100 url(../images/doc_19.png) no-repeat center center!important;top:calc(40% + 62px)!important;right:calc(11% + 62px)!important;}
.con1 .swiper-button-next.swiper-button-disabled,.con1 .swiper-button-prev.swiper-button-disabled{background-color:#292929!important;opacity: 0.9!important;}

.con2{ margin:0 auto 5rem auto; position:relative; margin-top:7rem; background:#f2f3f7; padding-bottom:2rem;}
.con2l{width:72%;}
/*.con2r{width:32%; margin-left:-10%; background:#fff; position:absolute; top:25%; height:65%;right:3%; padding:4% 3% 0 3%;}*/
.con2r{
width: 28%;
margin-left: -10%;
background: #fff;
position: absolute;
top: 0;
height: 100%;
right: 0;
padding: 4% 3% 0 3%;
box-sizing: border-box;
}

.con2rt{ font-size:1.2em;}
.con2 .conlt a{color:#ed7100;/*line-height:5.5rem;*/}
/*.con2 .conlmore a{color:#398ade;}*/
.con2 .conlm{height:3.2rem;margin-bottom:3rem;}
.con2 .swiper-pagination-bullet{background:url(../images/doc_23.png) no-repeat!important;}
.con2 .swiper-pagination-bullet-active{background:url(../images/doc_26.png) no-repeat!important;}
.con2 .swiper-container-horizontal > .swiper-pagination-bullets{width:28%!important;right:0!important;bottom:0!important; left:auto!important;0background:#f2f3f7; height:12%; padding-top:5%;}

@media screen and (max-width:1500px) {
	.cont{left:-5%;}
	/*.cont{ position:static; height:auto; padding-bottom:3rem;}
	.cont p{width:auto;writing-mode:horizontal-tb;writing-mode:lr-tb; min-height:inherit;}*/
}
@media screen and (max-width:768px) {
	.con{margin:2rem auto 4rem auto;}
	.conl,.conr,.con2l{width:100%; float:none; position:static;}
	.conl{ margin-bottom:20px;}
	.conlt a,.a1cr .conlt{line-height:3.5rem;font-size:2em!important;}
	.conlm,.con2 .conlm{margin-bottom: 0.5rem;}
	.con1l{width:94%; float:none; position:static; margin:0;}
	.con1r{width:100%;}
	.con1 .swiper-container{width:100%!important; margin:0;}
	.con1 .swiper-button-next, .con1 .swiper-button-prev{ display:none;}
	.kuai{ display:none;}
	.con1 .swiper-pagination{bottom:32px !important;}
	.con1{ padding-top:2.5rem;}
	.con2{margin: 0 auto 2rem auto;padding-top:3rem; padding-bottom:0; background:none;}
	.con2r{width:94%; float:none; position:static; margin:0;}
	.con2 .swiper-container-horizontal > .swiper-pagination-bullets{width:100%!important;right:auto!important;top:auto!important; left:auto!important; text-align:center!important;height:auto; padding-top:0; background:none;bottom:0!important;}
	.con2 .swiper-container{ padding-bottom:30px;}
	.con2 .conlt a{line-height:3rem;}
	.conl em{width:20%;}
	.cont{ position:static; height:auto; padding-bottom:1.5rem;}
	.cont p{width:auto;writing-mode:horizontal-tb;writing-mode:lr-tb; min-height:inherit;}
	.con1 .swiper-slide{padding-bottom: 0;}
}

