﻿.banner{width: 100%; overflow:hidden;}
.banner>img{max-width: 100%;display: block;}
.main{width: 100%;height: auto;}
.title{text-align: center;padding:40px 0;}
.title>h2{font-size: 40px;color: #000;font-family: "Calibri Light";}
.title>h3{font-size: 26px;color: #000;padding-top: 10px;padding-bottom: 20px;font-weight: bold;}
.content{box-sizing: border-box;padding: 0 14px;margin-top:20px;}
.content>h2{font-size: 24px;color: #0e0e0e;font-weight: bold;position: relative;text-align: center;}
.content>h2>span{display: inline-block;width:10px;height: 10px;background-color:#000;border-radius: 100%;margin: 0 10px;position: relative;top:-2px;}
.con_txt>p{font-size: 14px;color: #0e0e0e;line-height: 1.6;/*text-indent: 2em;*/text-align: center;}
.con_txt{padding-top:20px;}
.midle{width: 100%;height: auto;padding: 20px 0;margin-top: 40px;position: relative;height: 600px;}
.midlecon{position: absolute;top: 0px;left: 50%;width: 100%;height: 600px;margin-left: -50%;background: url(../img/about/GWGT-01.jpg) no-repeat center 100%;background-size:cover;background-position: center;background-attachment: fixed;}
.tent_con{margin-bottom: 40px;}
.tent_left{width: 30%;}
.tent_left>img{max-width: 100%;display: block;}
.tent_right{width: 60%;}
.tent_right>h2{font-size: 26px;color:#0e0e0e;padding: 8px 0;font-weight: bold;}
.tent_right>p{display: block;font-size: 14px;color:#0e0e0e;padding-top: 20px;border-top:3px solid #a40000;margin-top: 10px;line-height: 1.6;}
.the_one{text-align: center;}
.the_one .ciclr{display: inline-block;width: 10px;height: 10px;background-color: #a40000;border-radius: 100%;margin: 0 24px;position: relative;top: -2px}
.blod{font-weight: bold;}
.title>p{font-size: 14px;color: #0e0e0e;line-height: 1.6;padding-top: 5px; }
.two_box{width: 65%;margin: 0 auto;padding-bottom: 100px;position: relative;}
.two_box img{width: 100%;display: block;}
.box_left>h2{font-size: 26px;color: #0e0e0e;font-weight: bold;}font-weight: bold;
.tent_right .posible{/*font-family: "Calibri Light";*/font-size: 16px; font-weight:bold;text-transform: uppercase;}
.box_left>p{font-size: 16px;color: #0e0e0e;line-height: 1.6;padding: 10px 0;}
.box_right>h2{font-size: 26px;color: #0e0e0e;font-weight: bold;}
.box_right>p{font-size: 16px;color: #0e0e0e;line-height: 1.6;padding: 10px 0;}
.box_left{padding-left: 5%;}
.box_right{padding-right: 5%;text-align: right;}
.swiper-pagination-bullet-active{background: #0e0e0e!important;}
.swiper-slide img{width: 100%;display: block;}
.main{position: relative;/*padding-bottom: 60px;*/}
.bbline38{position: absolute;bottom: 0;height: 1px;background: #dcdddd;width: 100%;}
/*.midline{position: absolute;height: 1px;background: #dcdddd;width: 100%;top: 7%;}*/
.titline{position: absolute;height: 1px;background: #dcdddd;width: 100%;top:0%;}
.same{font-size: 26px!important;font-weight: bold;font-family: "微软雅黑"!important;}
.samecon{font-size: 16px;font-weight: bold;padding-top: 20px;color:#0e0e0e;padding-bottom: 20px;}
.conlist{margin-top: 40px;}
.thrblk{width: 80%;margin:0 auto;}
.thrblk .thrcon{width: 33.33%;float: left;text-align: center;box-sizing: border-box;padding: 40px 0;cursor: pointer;padding-bottom: 30px;}
.thrblk .thrcon>h2{font-size: 55px;font-weight: bold;color:#898989;}
.thrblk .thrcon>p{font-size: 16px;color:#898989;font-weight: bold;}
.thrcon:hover h2{color:#a40000;transition: .5s; }
.thrcon:hover p{color: #a40000;transition: .5s;}
.rollbox{position: relative;padding: 0;}
.recolor{color:#a40000;}
.state_txt{text-align: center;}
.state_txt p{font-size: 12px;color: #898989;/*font-weight: bold;*/}
.box_left{position: relative;}
.box_right{position: relative;}
.box_left .changel{position: absolute;left: 55%;width: 164px;height: 82px;background: url(../img/about/chan11.png)no-repeat center;background-size: 100%;}
.box_right .changer{position: absolute;right: 55%;width: 164px;height: 82px;background: url(../img/about/chan22.png)no-repeat center;background-size: 100%;}
.box_left h3{color: #0e0e0e;font-size: 16px;font-weight: bold;}
.box_right h3{color: #0e0e0e;font-size: 16px;font-weight: bold;}
.box_left .changel:hover{position: absolute;left: 55%;width: 164px;height: 82px;background: url(../img/about/chan1.png)no-repeat center;background-size: 100%;transition: .2s ease-out;}
.box_right .changer:hover{position: absolute;right: 55%;width: 164px;height: 82px;background: url(../img/about/chan2.png)no-repeat center;background-size: 100%;transition: .2s ease-out;}
.two_box .smalog{width: 80px;height: 80px;position: absolute;left: 48%;top: 40%;}
.two_box .smalog img{width: 100%;display: block;}

.rocover{position: absolute;z-index: 2;width: 100%;}
.rocover img{width: 100%;display: block;}

.rollcon{width: 100%;padding: 0;position: relative;height: 450px;overflow: hidden;background-repeat: no-repeat;background-attachment: fixed;background-image: url(../img/about/GWGT-02.jpg);background-size: cover;background-position: center 20%;}
.robt{position: absolute;width: 100%;height: 450px;top: 0;overflow: hidden;background-repeat: no-repeat;background-image: url(../img/about/Hello.png);background-size: contain;background-position: center}
/*.robt img{width:80%;margin:0 auto; padding:20px 0; display:block;}*/


.hove-change{display: inline-block;color: #0e0e0e;font-size: 24px;font-weight: bold;}
.content>h2:hover .hove-change{color: #a40000;transition: .3s ease-out;}
@media(max-width: 768px){
	.title>h3{padding-bottom: 10px;}
	.content{margin-top: 10px;padding: 0 6px;}
	.tent_con{margin-top: 0;margin-bottom: 0;}
	.tent_left{width: 100%;}
	.tent_right{width: 100%;}
	.tent_right>p{padding-top: 10px;margin-top: 0;}
	.two_box{display: none;}
	.box_left>h2,.box_right>h2{font-size: 24px;}
	.box_left>p,.box_right>p{font-size: 16px;padding: 4px 0;}
	.content>h2{font-size: 22px;}
	.thrblk .thrcon{width: 100%;padding: 20px 0;}
	.midlecon,.midle,.rollcon,.robt{height: 200px;}
	.tent_left>img{margin: 0 auto;}
	.the_one .ciclr{margin: 0 15px;}
	.rollcon{height: 150px;}
	.robt{height: 150px;padding: 0;}
	.banner>img{transform: scale(1.7); padding: 7% 0;}
	.midlecon{background-attachment: local;background-size: 100%;}
	.rollcon{background-attachment: local;background-size: 100%;}
}







