﻿
.mt40{margin-top: 40px;}
.mt10{margin-top: 10px;}
.mt30{margin-top: 30px;}
.mt_l{margin-left:  8px}
.mt15{margin-top:15px;}
.mt45{margin-top:45px;}
.anniu{
    overflow: hidden;
    width: 320px;
    height: 50px;
    line-height: 50px;
    background-color: #cd6413;
    border-radius: 50px;
    text-align: center;
    font-size: 18px;
    color: white;
    margin: 0 auto;
}
.anniu p{
}
.anniu p span{
    margin-left: 10px;
    border-radius: 100px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -5px;
    width: 35px;
    height: 35px;
    background: white url("../images/left.png")no-repeat 10px 10px;
 -webkit-animation: xiaoshou 1.2s infinite;
}
.top{
    width: 480px;
    height: 70px;
    background: url("../images/biaoti.jpg") no-repeat;
    text-align: center;
    color: white;
    overflow: hidden;
}
.top h3{
    margin-top: 10px;
    font-size: 24px;
    line-height: 35px;
    height: 35px;
}
.top p{
   /* margin-top: 2px;*/
    font-size: 12px;
    font-weight: lighter;
}
.top_p{
    display: inline-block;
    padding: 25px 23px;
    font-size: 16px;
    line-height: 27px;
    color: #333333;
text-align:justify;

}
.bottom{
    height: 25px;
    line-height: 25px;
    text-align: center;
}
.bottom span:nth-of-type(1),.bottom span:nth-of-type(3){
    display: inline-block;
    width: 25px;
    border-top: 1px solid #000000;
    vertical-align: 4px;
}
.bottom span:nth-of-type(2){
    font-size: 16px;
    color: #333333;
    vertical-align: middle;
    margin: 0 10px;
}
.part1{
}
.part1 img{
}
.part1_div{
    padding: 35px 20px ;
}
.part1_div_div{
    margin-right: 16px;
    float: left;
    width: 50px;
    height: 104px;
    background-color: #1e462f;background: url(../images/dy1_03.jpg);position: relative;
}
.part1_div_div i{
    position: absolute;
    top: 5px;
    left: 3px;
    color: white;
    float: left;
    display: inline-block;
    font-size: 12px;
    transform: scale(0.9)rotate(90deg) skew(17deg);
    width: 10px;
    height: 20px;
}
.part1_div_div p:nth-of-type(1){
    position: absolute;
    top:17px;
    left: 17px;
    font-size: 26px;
    color: white; 
width: 27px;
}
/*.part1_div_div:before {
    content: '';
    position: absolute;
    right: 0px;
    bottom: 0px;
   height: 0;
    width: 0;
    border-top: 6px solid #417356;
    border-left: 6px solid #417356;
    border-bottom: 6px solid #fff;
    border-right: 6px solid #fff;
    border-width: 0px 0px 15px 15px;
}*/
/*
.part1_div_div:after {
    content: '';
    position: absolute;
    right: 0px;
    bottom: 0px;
  height: 0;
    width: 0;
    border-top: 6px solid #417356;
    border-left: 6px solid #417356;
    border-bottom: 6px solid #fff;
    border-right: 6px solid #fff;
    border-width: 0px 0px 15px 15px;

}
*/



.part1_div p{
    font-size: 16px;
    line-height: 27px;
    color: #333333;
    width: 373px;
    float: left;
    margin-bottom: 35px;
text-align:justify;

}
.triangle_border_nw{
    width:0;
    height:0;
    border-width:0 0 15px 15px;
    border-style:solid;
    border-color:transparent transparent transparent #417356;
    margin:40px auto;
    position:absolute;
    top: 50px;
    right: 0px;
}
.triangle_border_se{
    width: 0;
    height: 0;
    border-bottom: 15px solid white;
    border-left: 15px solid transparent;
    position:absolute;
    top: 90px;
    right: 0px;
}
.part2 .swiper-container{padding-bottom:55px;}
.part2 .swiper-pagination-bullet-active {background:#7F3E00 !important;}
.part2 .swiper-pagination span{width:10px;height:10px;border-radius:7px;background:#fff;border:1px solid #7F3E00;}
.part2 .swiper_btn1{
    
	background: url(../images/jt_lft.png) no-repeat 0px 11px !important;
	position:absolute;
	left:0px;
    width: 27px;
    height: 53px;
}
.part2 .swiper_btn2{
    background:url(../images/jt_rgt.png) no-repeat 0px 11px !important;
    width: 27px;
    height: 53px;
	right:0px;
}
.part2_div{
    overflow: hidden;
    padding: 0px 20px 0px 20px;
    position: relative;
}
.part2_div img:nth-of-type(1){
    margin-bottom: 15px;
}
.part2_div img:nth-of-type(2){
    float: left;
}
.part2_div img:nth-of-type(3){
    float: right;
}
.part2_div p:nth-of-type(1){
    color: white;
    position: absolute;
    top:49%;
    left: 17.5%;
    /*left: 84px;
    top: 174px;*/
}
.mt_l p{margin-left:5px !important;}
.part2_div p:nth-of-type(2){
    font-size: 16px;
    line-height: 26px;
    color: #333333;
    position: absolute;
    top:12%;
    right: 4.5%;
  /*  top: 41px;
    right: 21px;*/
}
.part2_div span{
    font-size: 16px;
    color: #000000;
}
.part2_div p:nth-of-type(3),.part2_div p:nth-of-type(4){
    position: absolute;
    color: white;
    font-size: 16px; 
    font-weight: lighter;
    bottom: 1%;
}
.part2_div p:nth-of-type(3){
   left: 6%;
}
.part2_div p:nth-of-type(4){
    right: 8%;
}
.part3_div{
    overflow: hidden;
    margin: 0 20px 5px;
}
.part3_div div{
    position: relative;
}
.part3_div div:nth-of-type(1) p{
    width: 440px;
    text-align: center;
    position: absolute;
    bottom: 3px;
    color: white;
    font-size: 20px;
}
.img_txt{
    margin-left: 10px;
    line-height: 23px;
    font-size: 16px;
    color: black;
margin-top:5px;
}
.img_txt span{
    font-size: 14px;
    color: #333333;
}
.huise{
    float: left;
    margin-top: 10px;
    width: 216px;
    height: 194px;
    position:relative;
    overflow: hidden;
}
.huise_div{
    overflow: hidden;
    position: absolute;
    background: #000 url("../images/bfanniu.png")no-repeat 12px 5px;
    opacity: 0.6;
    width: 215px;
    height: 27px;
    top: -27px;
    color: white;
    font-size: 14px;
    line-height: 27px;
    text-align: center;
}
.huise_div span:nth-of-type(1){
   float: left;margin-left: 35px;
    margin-right: 80px;
    font-size: 14px;
}
.huise p{
    margin-top: -23px;
    margin-left: 10px;
    line-height: 23px;
    font-size: 16px;
    color: black;
}
.huise p:nth-of-type(2n){margin-left:6px !important;}
.huise p span{
    font-size: 14px;
    color: #333333;
}
.part6_div{
    margin-top: 105px;
    margin-bottom: 60px;
    height: 250px;
    background-color:#ededed ;
}
.part6_div dl:nth-of-type(1){
    position: relative;
}
.part6_div dl:nth-of-type(1) p{
    position: absolute;
    top: -56px;
    left: 58px;
    font-size: 16px;
    line-height: 27px;
    color: #333333;
}
.part6_div dl:nth-of-type(1) p span{
    font-size: 20px;
    margin-right: 10px;
    line-height: 50px;
    height: 50px;
}
.part6_div img:nth-of-type(1){
    margin-left: 20px;
    margin-top: -90px;
}
.part6_div dl:nth-of-type(2){
    width: 370px;
    margin: 30px auto;
}
.part6_div dl:nth-of-type(2) img:nth-of-type(1){
    margin-left: 0px;
	    vertical-align: bottom;
}
.part6_div dl:nth-of-type(2) img:nth-of-type(2){
    margin-left: 20px;
    margin-right: 20px;
}
.part6_div .swiper-container{overflow:inherit !important;}
.part7_div{
    overflow: hidden;
    width: 480px;
    height: 612px;
    background: url("../images/foot.jpg")no-repeat;
    text-align: center;
}
.part7_div h1{
    margin-top: 40px;
    font-size: 40px;
    color: #fef008;
    font-weight: lighter;
}
.part7_div p:nth-of-type(1){
    margin-top: 8px;
    font-size: 24px;
    color: white;
}
.part7_div p:nth-of-type(2){
    height: 130px;
    margin-top: 50px;
    font-size: 18px;
    line-height: 35px;
}
.part7_div p span{
    color: #cd6413;
}
.part7_div p:nth-of-type(3){
    margin-top: 75px;
    font-size: 22px;
}
.part7_div2{
    float: left;
    overflow: hidden;
    width: 106px;
    height: 89px;
    border-radius: 5px;
    background-color: #1e462f;
    
}
.part7_div2 div{
    margin: 11px auto 3px;
    width: 60px;
    height: 45px;
    overflow: hidden;
    background: url("../images/tubiao.png")no-repeat 8px 0px;
}
.part7_div a:nth-of-type(2) div{
    background: url("../images/tubiao.png")no-repeat -100px 0px;
}
.part7_div a:nth-of-type(3) div{
    background: url("../images/tubiao.png")no-repeat -215px 0px;
}
.part7_div2 p:nth-of-type(1){
    font-size: 16px;
    margin-top: 0px;
}

.l_r8{margin-left: 8px;margin-right: 8px}
.part7_div img:nth-of-type(2){
    margin-left: 70px;
}

.part7_div1{    width: 335px;
    margin: 15px auto;
    height: 89px;
    text-align: center;

    box-sizing: border-box;}


.part6{position:relative;width:480px;margin:0 auto;}
.part61_div{position:relative;}
.part62_div{width:480px;height:245px;background:#EDEDED;position:absolute;bottom:105px;}
.part61_div .gallery-top{width:440px;margin: 0 auto;}
.part61_div .jieshao img{width:440px;margin:20px 0px;}
.part61_div .jieshao div{position:absolute;
    top: 65px;
    left: 41px;line-height:26px;width:235px;}
.part61_div .jieshao div span{font-size:22px;display:inline-block;margin-right:15px;}
.part61_div .jieshao div p:nth-of-type(1){margin-top:12px;}
.part61_div .shuoming{ margin:0 auto;}
.part61_div .shuoming li{width:110px;height:68px;margin-right:15px;}


.part61_div .swiper_btn1{
    
	background: url(../images/jt_lft.png) no-repeat 0px 0px !important;
	position:absolute;
    width: 35px;
    height: 41px;
	left:24px;
     top:91.5%;
}
.part61_div .swiper_btn2{
    background:url(../images/jt_rgt.png) no-repeat 0px 0px !important;
    width: 28px;
    height: 41px;
	right:24px;
   top:91.5%;
	
}
.part61_div .gallery-thumbs .swiper-slide-active{position:relative;}
.part61_div .gallery-thumbs .swiper-slide-active img{display:block !important;height:68px;margin:0 auto;}
.part61_div .gallery-thumbs .swiper-slide-active >p{display: block;width: 107px;height:10px;position: absolute;top: 0px;left: 0px;background: #1E462F;}
.part61_div .gallery-thumbs .swiper-slide-active >span{display: block;width: 107px;height:10px;position: absolute;bottom: -2px;left: 0px;background: #1E462F;}

 .part63_div {width:350px;
 margin: 0 auto;}
 



    @-webkit-keyframes test{
    /*100%{
    height:60px;
	width:110px;
    }*/
	100%{
		background:url(../images/sg_04_03.jpg);
		width:110px;
	}
    }




.zhegai{width: 100%;height:100%;background: #333333;z-index: 9999999;position: fixed;top: 0;left: 0;opacity: 0.8;display: none;}
.zhegai-nr .video_box{display:block;position: fixed;top: 50%;left: 50%;margin-top: -150px;margin-left: -200px;z-index: 9999999999999999;width: auto;height:auto;    background-color: #fff;}
.zhegai-nr video{width: 400px;height: 300px;display:block;}
.zhegai-nr{display: none;}



.part4 .shuibowen{
bottom: 38px !important;
}
.shuibowen {
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    position: absolute;
        right: 37px;
    bottom: 29px;
    z-index: 0;
    -webkit-box-shadow: 0 0 30px rgba(245,195,209,1);
    box-shadow: 0 0 30px rgba(245,195,209,1);
    -webkit-animation: sonarEffect 1.5s ease-out 1s infinite;
    animation: 1.5s ease-out 1s normal none infinite running sonarEffect;
}



/*水波纹*/
@keyframes sonarEffect {
    0% {
        opacity: 0.3;
        filter:alpha(opacity:30);
    }
    40% {
        -webkit-shadow: 0 0 0 1px rgba(245,195,209,0.1), 0 0 2px 2px #fff, 0 0 0 4px rgba(245,195,209,0.5);
        box-shadow: 0 0 0 1px rgba(245,195,209,0.1), 0 0 2px 2px #fff, 0 0 0 4px rgba(245,195,209,0.5);
        opacity: 0.5;
        filter:alpha(opacity:50);
    }
    100% {
        -webkit-shadow: 0 0 0 1px rgba(245,195,209,0.1), 0 0 2px 2px #fff, 0 0 0 4px rgba(245,195,209,0.5);
        box-shadow: 0 0 0 1px rgba(245,195,209,0.1), 0 0 2px 2px #fff, 0 0 0 4px rgba(245,195,209,0.5);
        opacity: 0;
        filter:alpha(opacity:0);
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
}
@-webkit-keyframes sonarEffect {
    0% {
        opacity: 0.3;
        filter:alpha(opacity:30);
    }
    40% {
        -webkit-shadow: 0 0 0 1px rgba(245,195,209,0.1), 0 0 2px 2px #fff, 0 0 0 4px rgba(245,195,209,0.5);
        box-shadow: 0 0 0 1px rgba(245,195,209,0.1), 0 0 2px 2px #fff, 0 0 0 4px rgba(245,195,209,0.5);
        opacity: 0.5;
        filter:alpha(opacity:50);
    }
    100% {
        -webkit-shadow: 0 0 0 1px rgba(245,195,209,0.1), 0 0 2px 2px #fff, 0 0 0 4px rgba(245,195,209,0.5);
        box-shadow: 0 0 0 1px rgba(245,195,209,0.1), 0 0 2px 2px #fff, 0 0 0 4px rgba(245,195,209,0.5);
        opacity: 0;
        filter:alpha(opacity:0);
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
}



	@keyframes xiaoshou
{
	0%		{transform: scale(.8);}
	50%		{transform: scale(1);}
	100%	{transform: scale(.8);}
}
@-webkit-keyframes xiaoshou
{
	0%		{-webkit-transform: scale(.8);}
	50%		{-webkit-transform: scale(1);}
	100%	{-webkit-transform: scale(.8);}
}
@-moz-keyframes xiaoshou
{
	0%		{-moz-transform: scale(.8);}
	50%		{-moz-transform: scale(1);}
	100%	{-moz-transform: scale(.8);}
}