.mosle{ margin-left:50px;}
.tmlse{ height:27px; margin-top:22px; border-right:1px solid #e5e5e5;}
.tmlse a{ margin-right:30px;}
.langte{ line-height:27px; margin-top:22px; padding:0 25px;}
.langte a{ color:#afafaf; font-size:14px;}
.searchc span{ display:block; transition:all 0.5s ease; background:#bcbcbc url(../images/fd.png) no-repeat center center; width:72px; height:72px; cursor:pointer;}
.searchc span:hover{background-color:#722a17; transition:all 0.5s ease;}
.blor-pc{ width:50%; position:relative; left:-50%; opacity:0; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.fuselc{ width:50%; display:table;}
.fuselc .cont{ display:table-cell; vertical-align:middle; padding:0 120px 0 70px;}
.fuselc .cont .p1{ font-size:24px; font-weight:bold; color:#003399; line-height:1; position:relative; left:50px; opacity:0;}
.fuselc .cont .p2{ font-size:16px; font-weight:bold; color:#003399; position:relative; left:50px; opacity:0;}
.fuselc .cont .p3{ margin-top:15px; color:#003399; position:relative; left:50px; opacity:0;}
.dl-cole{ margin-top:30px;}
.dl-cole a{ float:left; width:64px; margin-right:15px; display:block; color:#666; text-align:center; position:relative; top:50px; opacity:0;}
.dl-cole a dt{ width:64px; height:64px; background-color:#ebebeb; background-repeat:no-repeat; background-position:center center; border:2px solid #ddd; border-radius:50%; transition:all 0.5s ease;}
.dl-cole a:hover dt{ background-color:#722a17; border-color:#ce7c13; transition:all 0.5s ease;}
.dl-cole a dd{ margin-top:10px;}
.dl-cole a dt.dt01{ background-image:url(../images/dt1-1.png);}
.dl-cole a dt.dt02{ background-image:url(../images/dt2-1.png);}
.dl-cole a dt.dt03{ background-image:url(../images/dt3-1.png);}
.dl-cole a dt.dt04{ background-image:url(../images/dt4-1.png);}
.dl-cole a dt.dt05{ background-image:url(../images/dt5-1.png);}
.dl-cole a dt.dt06{ background-image:url(../images/dt6-1.png);}
.dl-cole a dt.dt07{ background-image:url(../images/dt7-1.png);}
.dl-cole a dt.dt08{ background-image:url(../images/dt8-1.png);}
.dl-cole a:hover dt.dt01{ background-image:url(../images/dt1-2.png);}
.dl-cole a:hover dt.dt02{ background-image:url(../images/dt2-2.png);}
.dl-cole a:hover dt.dt03{ background-image:url(../images/dt3-2.png);}
.dl-cole a:hover dt.dt04{ background-image:url(../images/dt4-2.png);}
.dl-cole a:hover dt.dt05{ background-image:url(../images/dt5-2.png);}
.dl-cole a:hover dt.dt06{ background-image:url(../images/dt6-2.png);}
.dl-cole a:hover dt.dt07{ background-image:url(../images/dt7-2.png);}
.dl-cole a:hover dt.dt08{ background-image:url(../images/dt8-2.png);}

.i-wrap3{ background:url(../testimg/t3.jpg) no-repeat center center; background-size:cover;}
.tabcel{ display:table; width:100%;}
.enlwct{ display:table-cell; vertical-align:middle;}
.fl-ept{ width:320px; color:#fff; padding-top:50px;}
.wrap{ width:1200px; margin:0 auto;}
.fl-ept p{ position:relative;}
.fl-ept .p1{ font-weight:bold; font-size:24px; line-height:1;}
.fl-ept .p2{ font-size:16px; font-weight:bold;}
.fl-ept .p3{ margin-top:15px;}
.fl-ept .p4{ margin-top:20px;}
.fl-ept .p4 a{ width:110px; display:inline-block; text-align:center; color:#fff; background:#ce7c13;line-height:25px;}
.rolpe{ width:720px; height:432px; position:relative;}
.rolpe > a{ display:block; width:144px; height:144px; position:absolute; overflow:hidden; left:0; top:0; opacity:0;transition:all 0.6s ease;}
.active .rolpe > a{ transition:all 0.6s ease; opacity:1;}
.active .rolpe > a.a1{ background:rgba(114,42,23,0.2); left:144px; top:0; transition-delay:0.3s;}
.active .rolpe > a.a2{ background:rgba(206,124,19,0.2); left:432px; top:0; transition-delay:0.5s;}
.active .rolpe > a.a3{ background:rgba(255,255,255,0.2); left:0; top:144px; transition-delay:0.7s;}
.active .rolpe > a.a4{ background:rgba(206,124,19,0.2); left:144px; top:144px; transition-delay:0.9s;}
.active .rolpe > a.a5{ background:rgba(0,0,0,0.2); left:288px; top:144px; transition-delay:1.1s;}
.active .rolpe > a.a6{ background:rgba(114,42,23,0.2); left:576px; top:144px; transition-delay:1.3s;}
.active .rolpe > a.a7{ background:rgba(255,255,255,0.2); left:144px; top:288px; transition-delay:1.5s;}
.enlsa{ text-align:center; position:relative; z-index:2; padding-top:32px;}
.enlsa .p2{ font-size:16px; color:#fff; margin-top:5px;}
.bg-cole{
	position: absolute;
	z-index:1;
    width: 0;
    height: 0;
    left: 50%;
    top: 50%;
	transition:all 0.8s ease;
	border-radius:50%;
	background-color: #722a17;
    /*transform: rotateY(-90deg);
    -webkit-transform: rotateY(-90deg);
    transform-origin: 50% 50% 0;
    -webkit-transform-origin: 50% 50% 0;
    -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms;
    transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms;*/
	
    opacity: 0;
}
a:hover .bg-cole { /*transform: rotateY(0deg); -webkit-transform: rotateY(0deg);*/ width:200%; height:200%; left:-50%; top:-50%; transition:all 1s ease; opacity: 1; }
.i-wrap4{ background:url(../testimg/t4.jpg) no-repeat center center; background-size:cover; position:relative;}

.ibox5c { width: 400px; height: 480px; position: absolute; left: 50%; top: 50%; margin: -240px 0px 0px -200px; perspective: 1500px; transform-style: preserve-3d; -webkit-transform-style: preserve-3d; }
.ibox5c .item { width: 200px; height: 200px; display: block; float: left; -webkit-transform-origin: 0 50% 0px; opacity: 0; font-size: 14px; }
.ibox5c .item .warpp { width: 100%; height: 100%; perspective: 1000px; transform-style: preserve-3d; color: #fff; }
.ibox5c .item .info { width: 200px; height: 200px; padding: 0px 30px;  background: none rgba(114,42,23,0.9); opacity: 1; position: absolute; -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms; transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms; backface-visibility: hidden; }
.ibox5c .item1 .info,.ibox5c .item4 .info{background: none rgba(114,42,23,0.7);}
.ibox5c .item1 .info{background: url(../images/q1.png) no-repeat 85% 85% rgba(114,42,23,0.7); background-size:25% auto;}
.ibox5c .item2 .info{background: url(../images/q2.png) no-repeat 85% 85% rgba(114,42,23,0.9); background-size:25% auto;}
.ibox5c .item3 .info{background: url(../images/q3.png) no-repeat 85% 85% rgba(114,42,23,0.9); background-size:25% auto;}
.ibox5c .item4 .info{background: url(../images/q4.png) no-repeat 85% 85% rgba(114,42,23,0.7); background-size:20% auto;}

.ibox5c .item .info .i { padding: 25px 0px 0px; line-height:1.5;font-size: 20px; }
.ibox5c .item .info .num { line-height:1.2; text-transform:uppercase; font-size:12px; margin-top:5px;}

.ibox5c .item .info .t { font-family: arial, helvetica, sans-serif; position: absolute; left: 30px; bottom: 20px; }
.ibox5c .item .txt { overflow: hidden; background: url(../images/black_bg.png) repeat; background: none rgba(206,124,19,0.9); width: 200px; height: 200px; padding: 0px 25px; transform: rotateY(-180deg); opacity: 0; position: absolute; -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms; transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms; backface-visibility: hidden; transform-origin: center center 0; }
.ibox5c .item .txt .c { padding: 20px 0px 0px; font-size:12px; line-height:18px; height: 126px; overflow: hidden; }
.ibox5c .item .txt .t{ font-size:20px; margin-top:10px;}
.ibox5c .item1 { transform: rotateX(90deg); -webkit-transform: rotateX(90deg); transform-origin: 50% 100% 0px; }
.ibox5c .item2 { transform: rotateY(-90deg); -webkit-transform: rotateY(-90deg); transform-origin: 0 50% 0; }
.ibox5c .item3 { transform: rotateY(90deg); -webkit-transform: rotateY(90deg); transform-origin: 100% 50% 0; }
.ibox5c .item4 { transform: rotateX(90deg); -webkit-transform: rotateX(90deg); transform-origin: 50% 0 0; }
.active .ibox5c .item1, .m-active .ibox5c .item1 { -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 280ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 280ms; transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 280ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 280ms; }
.active .ibox5c .item2, .m-active .ibox5c .item2 { -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 560ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 560ms; transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 560ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 560ms; }
.active .ibox5c .item3, .m-active .ibox5c .item3 { -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 1200ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 1200ms; transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 1200ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 1200ms; }
.active .ibox5c .item4, .m-active .ibox5c .item4 { -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 840ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 840ms; transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 840ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 840ms; }
.ibox5c .item1,.ibox5c .item2,.ibox5c .item3,.ibox5c .item4{-webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms; transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms;}
.active .ibox5c .item, .m-active .ibox5c .item { opacity: 1; }
.active .ibox5c .item1, .active .ibox5c .item4, .m-active .ibox5c .item1, .m-active .ibox5c .item4 { transform: rotateX(0deg); -webkit-transform: rotateX(0deg); }
.active .ibox5c .item2, .active .ibox5c .item3, .m-active .ibox5c .item2, .m-active .ibox5c .item3 { transform: rotateY(0deg); -webkit-transform: rotateY(0deg); }
.ibox5c .item .warpp:hover .info { transform: rotateY(180deg); opacity: 0; }
.ibox5c .item .warpp:hover .txt { transform: rotateY(0deg); opacity: 1; }

.tolsoe{ text-align:center; font-weight:bold;}
.tolsoe .p1{ color:#333; font-size:24px; height:35px; line-height:35px; overflow:hidden;}
.tolsoe .p2{ font-size:16px; color:#722a17; margin-bottom:20px; line-height:25px; height:25px; overflow:hidden;}
.i-wrap5{ background:url(../testimg/t5.jpg) no-repeat center center; background-size:cover;}
.i-wrap5 .left .p1{ font-size:24px; color:#003399; height:35px; line-height:35px; font-weight:bold;}
.i-wrap5 .left .p2{ font-size:16px; color:#003399; margin-bottom:20px;line-height:25px; font-weight:bold;}

.i-wrap6{ background:url(../testimg/t7.jpg) no-repeat center center; background-size:cover;}
.autoH{ width:100%; display:table;}
.swrat{ display:table-cell; vertical-align:middle;}
.wclop{ width:1200px; margin:0 auto;}
.leftc{ width:45%; color:#003399;}
.leftc p{ position:relative;}
.leftc .p1{ font-size:24px; font-weight:bold; line-height:1.2}
.leftc .p2{ font-size:16px; font-weight:bold; line-height:1.5;}
.leftc .p3{ margin-top:45px; font-size:16px; margin-bottom:25px;}
.leftc .p4{ line-height:2; font-size:14px;}
.leftc .p5{ margin-top:30px;}
.leftc .p5 a{ color:#fff; background:#ce7c13; width:75px; line-height:25px; text-align:center; display:inline-block;}
.hrent{ width:50%; background:#fff; padding:30px 10%;}
.hrent .p1{ border-bottom:1px solid #ddd; line-height:48px; padding-left:60px; position:relative;}
.hrent .p1 input{ width:100%; height:48px; border:none;}
.hrent .p1 textarea{ height:100px; width:100%; border:none; resize:none;}
.hrent .p1 span{ position:absolute; display:block; width:50px; text-align:right; font-size:14px; color:#003399; left:0; top:0;}
.hrent .p2{ margin-top:20px;}
.hrent .p2 input{ width:100%; height:45px; color:#fff; background:#751900; cursor:pointer; border:none;}

.hrent{ transform:scale(0); transition:all 0.8s ease;}
.active .hrent{ transform:scale(1); transition:all 0.8s ease 0.6s;}
.searchc{ position:relative;}
.selec{ position:absolute; display:none; box-shadow:1px 1px 20px rgba(0,0,0,0.2); top:72px; right:0; width:240px; height:41px; background:#fff; border-bottom:1px solid #ddd; z-index:3;}
.selec .op01{ width:200px; float:left; height:40px; padding:0 5px; border:none;}
.selec .op02{ width:40px; height:40px; cursor:pointer; float:left; border:none; background:#722a17 url(../images/fd.png) no-repeat center center; }
.mob-nave{ display:none;}

.textls{color:#fff; text-align:center; width:100%; position:absolute; top:30%;z-index:5;}
.textls .p1{font-size:24px; color:#e70014;}
.textls .p2{font-size:42px; font-weight:bold; color:#e70014;}
.textls .p3{font-size:18px; color:#e70014;}

@media (max-width: 1300px){
header .lclelt a{ margin:0 10px;}
.mosle{ margin-left:20px;}
	}
@media (max-width: 1200px){
.wrap,.wclop{ width:100%; padding:0 2%;}
.fl-ept{ width:265px;}
}
@media (max-width: 1024px){
body{ padding-top:50px;}
header{ height:50px;}
header .logo img{ height:50px;}
header .lclelt{ position:fixed;left:0; top:50px; width:100%; background:#fff; display:none; z-index:3;}
header .lclelt a{ display:block; width:100%; margin:0; line-height:50px; border-bottom:1px solid #ddd; padding:0 2%;}
header .lclelt i{ display:none;}
header .searchc span{ height:50px; width:50px;}
.langte,.tmlse{ margin-top:11px;}
.selec{ top:50px;}
.mob-nave{ display:block; background:url(../images/mob-ct.png) no-repeat center center; width:50px; height:50px; float:right;}
.blor-pc{ left:0; opacity:1; width:100%; height:300px;}
header{ position:fixed; top:0;}
.fuselc{ width:100%; opacity:1;}
.fuselc .cont{ padding:2%;}
.fuselc .cont .p1,.fuselc .cont .p2,.fuselc .cont .p3{ opacity:1; left:0;}
.dl-cole a{ top:0; opacity:1;}
.enlwct{ padding-top:30px;}
.fl-ept{ width:100%; float:none;}
.rolpe{ float:none; margin:20px auto 0; display:block; clear:both;}
.i-wrap3{ padding-bottom:20px;}
.ibox5c{ position:relative; margin:0 auto; left:0; top:0;}
.i-wrap4,.i-wrap5,.i-wrap6{ padding:20px 0;}
.i-wrap5 .left{ margin-top:0px;}
.i-wrap5 .box{ padding:0 2%;}
footer{ background:#722a17;}
.i-ban .slides li{ height:360px;}
}
@media (max-width: 800px){
.rolpe > a{ width:100px; height:100px;}
.rolpe > a img{ height:38px;}
.enlsa{ padding-top:18px;}
.rolpe{ width:500px;}
.active .rolpe > a.a1{ left:100px; top:0px}
.active .rolpe > a.a2{ left:300px; top:0px}
.active .rolpe > a.a3{ left:0px; top:100px}
.active .rolpe > a.a4{ left:100px; top:100px}
.active .rolpe > a.a5{ left:200px; top:100px}
.active .rolpe > a.a6{ left:400px; top:100px}
.active .rolpe > a.a7{ left:100px; top:200px}

}
@media (max-width: 640px){
.tmlse,.langte{ display:none;}
.blor-pc{ height:150px;}
.dl-cole { text-align:center;}
.dl-cole a{ width:50px; margin:0; margin:0 3px; float:none; display:inline-block;}
.dl-cole a dt{ width:50px; height:50px;}
.i-wrap5 .left{ width:100%;}
.copsle{ text-align:left;}
.i-wrap5 .right li{ border:none;}
.i-wrap5 .right{ width:100%; margin-top:20px;}
.leftc{ width:100%;}
.hrent{ width:100%; margin-top:20px;}
.i-ban .slides li{ height:200px;}

.textls{top:30px;}
.textls .p1{font-size:16px;}
.textls .p2{font-size:24px;}
.textls .p3{font-size:14px;}
.dl-cole a dd{padding:0 10px;}
}

@media (max-width: 500px){
.rolpe{ width:280px; height:210px;}
.enlsa{ padding-top:10px;}
.enlsa .p2{ font-size:12px; line-height:1.2;}
.rolpe > a img{ height:30px;}
.rolpe > a{ width:70px; height:70px;}
.active .rolpe > a.a1{ left:70px; top:0px}
.active .rolpe > a.a2{ left:210px; top:0px}
.active .rolpe > a.a3{ left:0px; top:70px}
.active .rolpe > a.a4{ left:140px; top:70px}
.active .rolpe > a.a5{ left:210px; top:70px}
.active .rolpe > a.a6{ left:70px; top:140px}
.active .rolpe > a.a7{ left:210px; top:140px}
.ibox5c .item{ width:140px; height:140px;}
.ibox5c{ width:280px; margin:0 auto; height:370px;}
.ibox5c .item .txt{width:140px; height:140px; padding:0 15px;}
.ibox5c .item .txt .c{ height:65px; padding-top:11px;}
.ibox5c .item .txt .t{ font-size:16px;}
.ibox5c .item .info{width:140px; height:140px; padding:0 15px;}
.ibox5c .item .info .i{ padding-top:15px; font-size:16px;}
.ibox5c .item .info .num{ font-size:10px;}
}