@charset "utf-8";

.detailabout_jtgk1{
	background: url(../images/about/bg2.jpg) center top no-repeat;
	padding: 60px 0 120px;
	background-size: 100% 100%;
	}
.detailabout_jtgk1 .main{
	margin: 0 auto;
    max-width: 1360px;
    width: 85%;
	}
.detailabout_jtgk1 .main *{
	font-size:18px; line-height:2
	
	}
.detailabout_jtgk1 .main p{ margin-bottom:15px;}



.ri_video {
width:100%;
position:relative
}
.ri_video .icon {
position:absolute;
right:0;
top:0;
width:100px;
height:95px;
background: url(../images/about/video_about.png) center 20px no-repeat #0068c5;
padding-top:55px;
font-size:18px;
color:#ffffff;
line-height:30px;
text-align:center;
    box-sizing: border-box;
}
.ri_video:hover .icon {
background: url(../images/about/video_about.png) center 20px no-repeat #f54545;
}
 .ri_video a {
 display: block;
 position: relative;
}
 .ri_video a i {
 width: 100%;
 height: 100%;
 position: absolute;
 background: url(../images/about/play.png) no-repeat center;
}


.detailabout_jtgk2{ background:url(../images/about/bg3.jpg) center bottom no-repeat #fff; padding:85px 0 650px;}
.detailabout_jtgk2 .main{
	margin: 0 auto;
    max-width: 1360px;
    width: 85%;
	}
.detailabout_jtgk2 .main .lina{ height:80px;}
.detailabout_jtgk2 .main .left_img{ width:48%; display:block; float:left}
.detailabout_jtgk2 .main .left_img img{ max-width:100%; height:auto;}
.detailabout_jtgk2 .main .ri_txt{ width:48%; display:block; float:right}
.detailabout_jtgk2 .main .ri_txt *{
	font-size:18px; line-height:2
	}
.detailabout_jtgk2 .main .ri_txt p{
	margin-bottom:15px;
	}

.detailabout_contact{
	background: url(../images/about/bg_contact.jpg) center top no-repeat;
    padding: 60px 0 120px;
	background-size: 100% 100%;
	}
.detailabout_contact .main{
	margin: 0 auto;
    max-width: 1360px;
    width: 85%;
	}
.detailabout_contact .main .tit{
	font-size: 32px;
    line-height: 2;
    margin-bottom: 30px;
	}
.detailabout_contact .main .cont{}



.detailabout_contact .main .cont ul li {
    width: 48%;
    background: #f5f5f5;
    box-sizing: border-box;
    padding: 3%;
    float: left;
    margin: 0 2% 2% 0;
    min-height: 250px;
    box-shadow: 0 0 5px #ddd;
    border-radius: 10px;
	transition: .13s ease-in;
	
}
.detailabout_contact .main .cont ul li:hover{ background:#0068c5;
	-webkit-transform:scale(1.03);
	-ms-transform:scale(1.03);
	transform:scale(1.03);
}
.detailabout_contact .main .cont ul li:hover *{ color:#fff}
.detailabout_contact .main .cont ul li *{
	line-height: 34px;
    font-size: 16px;
    text-align: justify;
    color: #666;
	}
.detailabout_contact .main .cont ul li strong{
	font-size: 20px;
    color: #333;
    font-weight: normal;
    line-height: 2;
	}




	
@media screen and (max-width: 1359px) and (min-width: 1025px){
.detailabout_contact .main .cont ul li:nth-child(2n) {
margin-right:0
}
	.detailabout_jtgk1 .main {
    margin: 0 auto;
    max-width: 1360px;
    width: 85%;
}
.detailabout_jtgk2 .main {
    margin: 0 auto;
    max-width: 1360px;
    width: 85%;
}

.detailabout_jtgk2 .main .ri_txt * {
    font-size: 15px;
    line-height: 2;
}
.detailabout_jtgk1 .main * {
    font-size: 15px;
    line-height: 2;
}
.detailabout_contact .main .tit {
    font-size: 28px;
    line-height: 2;
    margin-bottom: 30px;
}
	
	}
@media screen and (max-width: 1024px) and (min-width: 769px){
	.detailabout_contact .main .cont ul li:nth-child(2n) {
	margin-right:0
	}	
	.detailabout_jtgk1 .main {
    margin: 0 auto;
    max-width: 1360px;
    width: 90%;
}
.detailabout_jtgk2 .main {
    margin: 0 auto;
    max-width: 1360px;
    width: 90%;
}

.detailabout_jtgk2 .main .ri_txt * {
    font-size: 15px;
    line-height: 2;
}
.detailabout_jtgk1 .main * {
    font-size: 15px;
    line-height: 2;
}


.detailabout_contact .main .cont ul li strong {
    font-size: 17px;
    color: #333;
    font-weight: normal;
    line-height: 2;
}
.detailabout_contact .main .cont ul li * {
    line-height: 2;
    font-size: 15px;
    text-align: justify;
    color: #666;
}
.detailabout_contact .main .tit {
    font-size: 24px;
    line-height: 2;
    margin-bottom: 10px;
}
	}
	
	
	
@media (max-width: 768px) {
.detailabout_jtgk1 {
    background: url(../images/about/bg2.jpg) center top no-repeat;
    padding: 8% 0;
    background-size: 100% 100%;
}

.detailabout_jtgk1 .main * {
    font-size: .28rem;
    line-height: 2;
}

.detailabout_jtgk1 .main p {
    margin-bottom: 3%;
	text-align:justify
}
.ri_video a i {
    width: 100%;
    height: 100%;
    position: absolute;
    background: url(../images/about/play.png) no-repeat center;
    background-size: 10%;
}
.ri_video .icon {
    position: absolute;
    right: 0;
    top: 0;
    width: 20%;
    height: auto;
    background: url(../images/about/video_about.png) center .25rem no-repeat #0068c5;
    background-size: 45%;
    padding-top: .7rem;
    font-size: .28rem;
    color: #ffffff;
    line-height: 2;
    text-align: center;
    box-sizing: border-box;
}
.ri_video:hover .icon {
background: url(../images/about/video_about.png) center .25rem no-repeat #f54545;background-size: 45%;
}



.detailabout_jtgk2 {
    background: url(../images/about/bg3.jpg) center bottom no-repeat #fff;
    padding: 8% 0 28%;
    background-size: 150%;
}
.detailabout_jtgk2 .main .left_img {
    width: 100%;
    display: block;
    float: none;
}
.detailabout_jtgk2 .main .ri_txt {
    width: 100%;
    display: block;
    float: none;
    margin-top: 3%;
}
.detailabout_jtgk2 .main .ri_txt * {
    font-size: .28rem;
    line-height: 2;
}
.detailabout_jtgk2 .main .ri_txt p {
    margin-bottom: 3%;
}

.detailabout_jtgk2 .main .lina {
    height: 1%;
}
.detailabout_contact {
    background: linear-gradient(to right, #deebf3, #bad0db);
    padding: 8% 0;
    background-size: 100% 100%;
}
.detailabout_contact .main .tit {
    font-size: .48rem;
    line-height: 2;
    margin-bottom: 3%;
    text-align: center;
}

.detailabout_contact .main .cont ul li {
    width: 100%;
    background: #f5f5f5;
    box-sizing: border-box;
    padding: 3%;
    float: none;
    margin: 0 0 4% 0;
    min-height: auto;
    box-shadow: 0 0 5px #ddd;
    border-radius: 5px;
    transition: .13s ease-in;
}
.detailabout_contact .main .cont ul li * {
    line-height: 2;
    font-size: .28rem;
    text-align: justify;
    color: #666;
}
.detailabout_contact .main .cont ul li strong {
    font-size: .3rem;
    color: #555;
    font-weight: bold;
    line-height: 2;
}

.detailabout_jtgk1 .main {
    margin: 0 auto;
    max-width: 1360px;
    width: 90%;
}
.detailabout_jtgk2 .main {
    margin: 0 auto;
    max-width: 1360px;
    width: 90%;
}
.detailabout_contact .main {
    margin: 0 auto;
    max-width: 1360px;
    width: 90%;
}
	}