/* by Adon , CSS Document */

.postion{position:absolute; top:220px; left:0; right:0; margin:0 auto;color:#fff;}
.postion a{color:#fff;}
.postion a:hover{color:#d2965c;}
.about1{ float:left; width:100%; height:857px; background:url(../img/about1.jpg) no-repeat center; color:#fff; text-align:center;}
.about1 .p1{ font-size:45px; margin-top:250px}
.about1 .p2{ font-size:40px; margin:0 0 30px 0;}
.about1 .p3{ font-size:16px; margin-bottom:5%}
.about2{ float:left; width:100%; margin:200px 0;}
.about2 .left{ position:relative;text-align:center; width:50%;}
.about2 .item{ width:50%; padding-left:5%; color:#5c5c5c;margin-top:100px;}
.about2 .item .p1{ font-size:40px;}
.about2 .item .p1 font{ font-size:20px; display:block;}
.about2 .item .p2{ font-size:13px; color:#757575; margin-top:5%; line-height:21px;}
.about3 { float:left; width:100%;}
.about3 ul{ overflow:hidden; background:#5c5c5c; color:#fff;}
.about3 ul li{ float:left; width:100%; height:734px; position:relative; margin-top:-60px;}
.about3 ul li.l1{margin-top:0px;}
.about3 ul li .container{ height:100%;}
.about3 ul li .thumb{ display:none;}
.about3 ul li .bg{width:49.9%;position:absolute;height:100%; background-position:center;background-repeat:no-repeat;}
.about3 ul li .bg.left{left:0;}
.about3 ul li .bg.right{right:0;}
.about3 ul li.l1 .bg{background-image:url(../img/about3-a.jpg);}
.about3 ul li.l2 .bg{background-image:url(../img/about3-b.jpg);}
.about3 ul li.l3 .bg{background-image:url(../img/about3-c.jpg);}
.about3 ul li.l4 .bg{background-image:url(../img/about3-d.jpg);}
.about3 ul li.l5 .bg{background-image:url(../img/about3-e.jpg);}
.about3 ul li.l6 .bg{background-image:url(../img/about3-f.jpg);}
.about3 ul li.l7 .bg{background-image:url(../img/about3-g.jpg);}
.about3 ul li .item.left{padding-right:5%;}
.about3 ul li .item.right{padding-left:5%;}
.about3 ul li.l1 .item{margin:10% 0;}
.about3 ul li .item{width:50%;margin:15% 0;}
.about3 ul li .item .p1{font-size:30px;}
.about3 ul li .item .p2{font-size:25px; margin-bottom:8%;}
.about3 ul li .item .p3 span{font-size:30px;}
.about3 ul li .item .p3{font-size:14px;}
.about3 ul li .item .p4{font-size:13px; margin-top:20px;}

@media (max-width:768px){
.about1{ height:auto; padding:20% 0 15% 0;background-size:cover;}
.about1 .p1{ margin-top:0; font-size:35px; line-height:40px;}
.about1 .p2{font-size:35px;}
.about1 .p3{font-size:15px;}
.about1 .p4 img{ height:20px;}
.about2{ margin:10% 0;}
.about2 .left{ margin-top:0;}
.about2 .left,.about2 .item{width:100%}
.about2 .item{ margin-top:10%;}
.about2 .item .p1{ font-size:35px;}
.about2 .item .p1 font{ font-size:16px;}
.about3 ul li{ height:auto; margin-top:0 !important;}
.about3 ul li .bg{ display:none}
.about3 ul li .thumb{ display:block}
.about3 ul li .item{ width:100%; padding:0 !important; margin:10% 0px!important;}
.about3 ul li .item .p2{ margin-bottom:5%;}
.postion{ top:130px;}
.about3 ul li .item .p3 span{ font-size:26px;}
}
@media (max-width:640px){
.about1 .p1{font-size:30px;line-height:35px;}
.about1 .p2{font-size:30px;}
.about1 .p3{font-size:13px;}
.about2 .item .p1{font-size:30px;}
}
@media (max-width:414px){
.about1 .p1,.about1 .p2,.about2 .item .p1,.about3 ul li .item .p1,.about3 ul li .item .p2{font-size:24px;}
.about3 ul li .item .p3 span{ font-size:22px;}
.about1 .p1{ line-height:30px;}
.about1 .p2{ margin-bottom:20px;}
}