*, ::after, ::before {

box-sizing:border-box

}







.gcin_l{ float:left; width:100%; height:720px; overflow:hidden;}

.gcin_rt{ float:right; width:13%; height:629px; overflow:hidden;text-align:right;border-left:1px solid #dededb; min-height:398px;}

.gcin_rt h1{writing-mode:vertical-rl; font-size:2b2b2b; font-size:32px; line-height:34px; text-align:right; float:right; margin-bottom:20px;}

.gcin_rt p{ color:#fff; line-height:24px; font-size:14px; text-transform:uppercase; clear:both;}

.accordion{width:100%;overflow:hidden;list-style:none;margin-bottom:0px;

}

.accordion li{

	position:relative;

	z-index: 9;

	float:left;

	width:6%;

	height:100%;overflow:hidden;

/* 	-moz-transition:width 0.2s ease-out;

	-webkit-transition:width 0.2s ease-out;

	-o-transition:width 0.2s ease-out;

	transition:width 0.2s ease-out; */

}





.accordion:hover li{

	cursor:pointer;

	width:6%;}

.accordion li:hover{cursor:pointer;width:90%;}

.accordion li.ien{ width:76%; }

.sonw{ display:block;width:100%;  /* position:absolute;left:0; top:110px; */ padding:0px; transition: all 1s ease; z-index:1}

.sonw_img{width:100%;height:100%;overflow:hidden;}

.accordion li.ien .sonw_img{display:none;}

.sonw img{width:100%;}

.sonw p{color:#fff;writing-mode:vertical-rl;-ms-writing-mode:vertical-rl; font-size:18px;line-height:26px; letter-spacing:1px; width:auto;transition: all 1s ease;position:absolute;top:30%;width: 18px;
    right: 0;
    left: 0;
    margin: 0 auto;
    display: block;}





.accordion li:hover .sonw{ left:0; right:0; width:100%; text-align:left; padding:0px;z-index:1;}

.tuii{/* opacity:0; */display: none; background:#fff; width:100%; height:100%;transition: all 1s ease;}

.tuii_l img{ display:block; width:100%; height:100%;}



.tuii_l{display:inline-block;width:56%;height:100%;overflow: hidden;}

.tuii_r{display:inline-block;width:44%;height:auto;overflow:hidden;/* margin-top:110px; */padding:120px 200px 0px 80px;}

.tuii_r1{padding-top:100px;}

.tuii_r h1{opacity:0;font-size:32px;line-height:36px;color:#262626;margin-bottom:15px;}

.tuii_r h2{opacity:0;font-size:16px;line-height:22px;color:#262626;font-family: Lucida Sans;font-style:oblique;margin-bottom:20px;}

.tuii_r p{opacity:0;font-size:14px;line-height:30px;color:#262626;margin-bottom:20px;}



.tuii_r p em{display:inline-block;font-size:16px;line-height:30px;color:#262626;font-weight:bold;margin-right:1em;}

.tuii_r span{display:inline-block;font-size:18px;line-height:30px;color:#262626;font-weight:bold;margin-top:40px;}

.tuii_r span em{display:inline-block;font-size:18px;line-height:30px;color:#999;font-weight:bold;margin-right:10px;}

.tuii_r font{display:block;margin-top:60px;}

.tuii_r font a{font-size:16px;line-height:30px;color:#fff;display:inline-block;padding:10px 40px;background-image:linear-gradient(to right,#0d419c,#007cfc);transition:All 0.6s ease-in-out;    -webkit-transition:All 0.6s ease-in-out;    -moz-transition:All 0.6s ease-in-out;    -o-transition:All 0.6s ease-in-out;border-radius:5px;}

.tuii_r font a:hover{-moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); -o-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px);}



.accordion li:hover .tuii{/* opacity:1 */;display: block;}

.accordion li.ien .tuii{/* opacity:1; */display: block;}

.accordion li.ien .tuii_r h1{opacity:1;-webkit-animation-name: driveInRights;animation-name: driveInRights;-webkit-animation-duration: 1.2s; animation-duration: 1.2s; }

.accordion li.ien .tuii_r h2{opacity:1;-webkit-animation-name: driveInRights;animation-name: driveInRights;-webkit-animation-duration: 1.2s; animation-duration: 1.2s; }

.accordion li.ien .tuii_r p{opacity:1;-webkit-animation-name: driveInRights;animation-name: driveInRights;-webkit-animation-duration: 1.5s; animation-duration: 1.5s; }

.box3{width:100%;height:100%;overflow:hidden;background:url(../tu/tu7.jpg) no-repeat center center;background-size: cover;padding-top:300px;}

.box3_img{}

.box3_img img{position: absolute;top: 12%;left: 0px; right: 0px; margin: 0 auto;text-align: center;z-index: 1;

	animation:mymove 6s infinite;

    -webkit-animation:mymove 6s infinite;

    animation-direction:alternate;

    animation-timing-function: ease-in-out; 

    -webkit-animation:mymove 6s infinite;

    -webkit-animation-direction:alternate;

    -webkit-animation-timing-function: ease-in-out; }


@media(max-width:1920px){
.tuii_r{float:right;width:44%;height:auto;overflow:hidden;/* margin-top:110px; */padding:80px 80px 0px 80px;}

.tuii_r1{}
}
@media(max-width:1680px){
.tuii_r{/* margin-top:80px; */padding: 200px 80px 0px 80px;}
.tuii_r h2{margin-bottom:30px;}
}

@media(max-width:1440px){

.box3_dian img{width:50%;}

.box3_img img{width:50%;top:14%;}

}
@media(max-width:1366px){

.box3_dian img{width:35%;}

.box3_img img{width:35%;top:14%;}
.accordion li:hover .sonw{padding-top:0px; }


}



@media(max-width:1680px){

.tuii_r{padding-top:50px}

.tuii_r1{padding-top:50px;}



}

@media(max-width:1440px){

.tuii_r{padding:80px 30px 0px;}

.tuii_r1{padding:60px 30px 0px;}

.accordion li{width:6%;}

.accordion:hover li{width:6%;}

.accordion li:hover{width:88%;}

.accordion li.ien{ width:76%;}

.tuii_l{width:57%;/* padding-top:110px; */}

.tuii_r{width:43%;}

}



@media(max-width:1376px){

.tuii_r{padding:40px 40px 0px;}

.tuii_r1{padding:40px 40px 0px;}

.sonw p{top:40%;}


.tuii_l{width:57%;padding-top:0px;}


.tuii_r h1{font-size:28px;line-height:28px;margin-bottom:15px;}

.tuii_r h2{font-size:16px;}

.tuii_r span,.tuii_r em{font-size:16px;}

.tuii_r p em{font-size:14px;}

.tuii_r h2{margin-bottom:30px;}

.tuii_r p{margin-bottom:10px;font-size:12px;line-height:22px;}

}

@media(max-width:1366px){

.sonw{padding-top:60px; }
.accordion li:hover .sonw{padding-top:60px;}

.tuii_r1{margin-top:60px;}

.tuii_r{margin-top:60px;}


}

@media(max-width:1360px){

.tuii_l{width:57%;padding-top:0px;}

.tuii_r span{margin-top:30px; }

.tuii_r font{margin-top:30px; }

}

@media(max-width:1280px){

.tuii_l{width:57%;padding-top:0px;}

.box4_tl{width:41%;}

}



@media(max-width:1024px){


.sonw{display:none;}

.accordion li{float:none;width:100%;}	

.accordion li.ien { width: 100%;}

.tuii{display:block;}

.tuii_l{padding-top:0px;width:50%;}

.tuii_r{width:50%;margin-top:0px;padding:100px 30px 0px;}

.tuii{opacity:1;}

.twoo .tuii_l{float:right;}

.twoo .tuii_r{float:left;}



.tuii_r h1{font-size:26px;line-height:26px;margin-bottom:15px;}

.tuii_r h2{font-size:18px;line-height:22px;margin-bottom:30px;}

.tuii_r p{font-size:14px;line-height:24px;margin-bottom:10px;}



.tuii_r p em{font-size:14px;line-height:24px;}

.tuii_r span{font-size:16px;line-height:28px;margin-top:20px;}

.tuii_r span em{font-size:16px;line-height:28px;margin-right:10px;}

.tuii_r font{margin-top:30px;}

.tuii_r font a{display:inline-block;font-size:14px;line-height:24px;padding:5px 30px;}

.accordion:hover li {width: 100%;}

.tuii_r p,.tuii_r h1,.tuii_r h2{opacity:1;}



}



@media(max-width:768px){

.twoo .tuii_l{float:none;}

.twoo .tuii_r{float:none;}

.tuii_l{float:none;width:100%;}

.tuii_r{float:none;width:100%;padding:30px 15px 30px;}



}

@media(max-width:414px){

.tuii_r h1{font-size:16px;line-height:22px;margin-bottom:5px;}

.tuii_r h2{font-size:14px;line-height:22px;margin-bottom:5px;}

.tuii_r p{font-size:14px;line-height:22px;margin-bottom:5px;}

.tuii_r{padding:10px;}

.tuii_r p em{font-size:14px;line-height:22px;}

.tuii_r span{font-size:14px;line-height:22px;margin-top:5px;}

.tuii_r span em{font-size:14px;line-height:20px;margin-right:5px;}

.tuii_r font{margin-top:10px;}

.tuii_r font a{font-size:12px;line-height:20px;padding:5px 15px;}

.box3_l font a{font-size:12px;line-height:20px;padding:5px 15px;}

.box4_b font a{font-size:12px;line-height:20px;padding:5px 15px;}

.box3_r p {font-size: 14px;line-height: 20px;margin-bottom: 5px;background: rgba(0,0,0,0.5)}

.box4_tl h2{font-size:16px;line-height:16px;}

.box4_tr{padding-left:10px;}

.box4_tl h1,.box3_l h1{font-size:16px;line-height:22px;margin-bottom:10px;}

.box4_tl h2,.box3_l h2{font-size:14px;line-height:16px;}

.tuii_r p{display:none;}

.tuii_r p.pp{display:block;height: 44px;overflow: hidden;}

}