
images{-webkit-transition: all 0.5s;
  -moz-transition: all 0.5s; -ms-transition: all 0.5s;  transition: all 0.5s;
  border:0;display: inline-block;
}
a{color:#333;-webkit-transition: all .2s;-moz-transition: all .2s; -ms-transition: all .2s;transition: all .2s;}

body{font-size: 14px;
    background-size: cover;
    -ms-behavior: url(http://dfs.yun300.cn/group1/M00/05/css/backgroundsize.min.htc);
    behavior: url(http://dfs.yun300.cn/group1/M00/05/css/backgroundsize.min.htc);
}



/*********************先导页*******************/
.loading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 30px;
    background-color: #000;
}
.firstBox {position: fixed;left: 0;right: 0;top:0;bottom: 0;background: url(http://dfs.yun300.cn/group1/M00/05/images/fir_bg.png) center no-repeat;background-size: cover;z-index: 9999}
.firstBox .logo_animation{left: 50%;top:50%;transform: translate(-50%,-50%);}
.firstBox .btmLogo{left:50%;bottom:0;margin-left: -43px;opacity: 0;}
.firstBox .firCon{left: 0%;transform: translateY(-50%);top:60%;overflow: hidden;width:0%;opacity: 0;height: 14px;background: url(http://dfs.yun300.cn/group1/M00/05/images/fir_con.png) left center no-repeat;background-size: cover;z-index: 99}
.firstBox .line{left: 0;top:60%;background: #c1b495;height: 1px;width: 0;}
.firstBox .desCon{color: #333333;font-family: "宋体";text-align: center;position: absolute;left: 0%;top:65%;right: 0%;opacity: 0;letter-spacing: 4px;}
/************入场动画*************/
.trans_2{
  transition: all 1.8s;
  -moz-transition: all 1.8s; /* Firefox 4 */
  -webkit-transition: all 1.8s; /* Safari 和 Chrome */
  -o-transition: all 1.8s; /* Opera */
}
/************首页图片轮播*************/
.mCSB_inside>.mCSB_container{margin-right: 0}
.indexBox{display: block;position: relative;z-index: 1;}
.section1{width: 100%;box-sizing: border-box;padding: 50px 0 0;background: #fff;overflow: hidden;}
.section1 .imgSwiper{z-index: 2;box-sizing: border-box;}
.section1 .slideImg{background-position: center;background-repeat: no-repeat;background-size: cover;-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-transition:all 3.8s ease-out;transition:all 3.8s ease-out;}
.section1 .slideImg.img_scale{-webkit-transform:scale(1);transform:scale(1);}
.section1 .slideImg img{width: 100%;height: 100%;}

@media screen and (max-width: 768px) {
  .section1 .slideImg{display: flex;justify-content: center;align-items: center;overflow: hidden;}
  .section1 .slideImg img{height: 100%;width: auto;position: relative;}
  .section1 .slideImg.img1 img{left: 7%;}
}

/************首页内容部分*************/
.section1 .section1Box{z-index: 99;height: 100%}
.section1 .header_index {padding-top: 25px;text-align: center;z-index: 9999;position: relative;}
.section1 .header_index .langBox{color: #fff;margin-left:28px;position: relative;left: -30px;opacity: 0}
@font-face {
  font-family: "times";
  src: url("http://dfs.yun300.cn/group1/M00/05/fonts/times.woff2") format("woff2"),
       url("http://dfs.yun300.cn/group1/M00/05/fonts/times.woff") format("woff"),
       url("http://dfs.yun300.cn/group1/M00/05/fonts/times.ttf") format("truetype"),
       url("http://dfs.yun300.cn/group1/M00/05/fonts/times.eot") format("embedded-opentype"),
       url("http://dfs.yun300.cn/group1/M00/05/fonts/times.svg") format("svg");
}
.section1 .header_index .langBox a{padding:0 10px;line-height: 1.6;display: block;color: #fff;font-family: 'times';}
.section1 .header_index .langBox a:hover{color:#89784c}
.section1 .header_index .langBox a:first-child{position: relative;}
.section1 .header_index .langBox a:first-child:after{display: block;content:'|';position: absolute;right: -2px;top:0px;}
.section1 .header_index .logo{display: block;width: 100%;text-align: center;opacity: 0}
.section1 .header_index .menuBox {color: #FFF;margin-right: 28px;position: relative;right: -30px;opacity: 0}
.section1 .header_index .menuBox p{color: #fff;margin-right: 15px;font-family: 'times';}
.section1 .header_index .nav_btn{
	width: 30px;
    position: relative;
    height: 35px;
    cursor: pointer;
}
.section1 .header_index .nav_btn span{
	display: inline-block;
    width: 40px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    top: 13px;
    left: 0px;
    transition: background-color 0.3s ease-out 0.1s;
}
.section1 .header_index .nav_btn span:before{
	content:'';
	display: inline-block;
	width: 40px;
	height: 2px;
    background-color: #fff;
    position: absolute;
    top: -8px;
    left:0px;
  	transition:transform 0.3s ease-out,top 0.3s ease 0.3s;
  	transform: rotate(0deg);
}
.section1 .header_index .nav_btn span:after{
	content:'';
	display: inline-block;
	width: 40px;
	height: 2px;
  	background-color: #fff;
  	position: absolute;
  	top: 8px;
  	left:0px;
    transition:transform 0.3s ease-out,top 0.3s ease 0.3s;
    transform: rotate(0deg);
    background-color: transparent;
}
.section1 .header_index.btn_click .nav_btn span{background-color: transparent;}
.section1 .header_index.btn_click .nav_btn span:before{transition: top 0.5s ease, transform 0.3s ease-out 0.4s;transform: rotate(45deg);top: 0px;background-color: #fff;}
.section1 .header_index.btn_click .nav_btn span:after{transition: top 0.5s ease, transform 0.3s ease-out 0.4s;transform: rotate(-45deg);top: 0px;background-color: #fff;}




.section1 .contentBox{text-align: center;opacity: 0;height: 400px;}
.section1 .contentBox>img{height: 100%}
.section1 .contentBox .contentPart{display: block;width: 40%;text-align: center;top:35%;height: 65%;box-sizing: border-box;opacity: 0}
.section1 .contentBox .contentPart p.desc{margin-top: 8%;text-align: center;color: #d2d1d1;line-height: 2;font-family: '宋体';letter-spacing: 3px;opacity: 0}
.section1 .contentBox .contentPart p.btn{margin-top: 11%;text-align: center;opacity: 0}
.section1 .contentBox .contentPart p.btn span{display: inline-block;width: 116px;height: 24px;line-height: 24px;border:1px solid #fff;text-align: center;color: #d2d1d1;font-family: '宋体';letter-spacing: 3px}
.section1 .contentBox .contentLeft {left:0;}
.section1 .contentBox .contentRight {right:0;}
.section1 .contentBox .contentPart:hover p.desc{opacity: 1}
.section1 .contentBox .contentPart:hover p.btn{opacity: 1}
.section1 .contentBox .contentPart:hover{top:25%;height: 75%}


/*****************首页视频部分*********************/
.videoBox {z-index: 1;left:20px;right: 20px;top:20px;overflow: hidden;}
.videoBox video{overflow: hidden!important;position: absolute;top:0;left: 0;display: none}
.videoBox.show{z-index: 3}



/*************首页导航展开***********/
.navShow{width: 100%;left: 0;top:0;bottom:0;background:url(http://dfs.yun300.cn/group1/M00/05/images/navBg.png) center no-repeat;background-size:cover;z-index: 9;display: none}
.navShow .navShowBox{width: 90%;left:5%;top:50%;transform: translateY(-50%);}
.navShow .navUl{margin-bottom: 5%}
.navShow .navLi{width: 25%;text-align: center;padding:12% 0;border-right:1px solid #5a5a5a;}
.navShow .navLi:last-child{border-right:none}
.navShow .navLi span.ch{color: #d8d8d9;line-height: 1.5;letter-spacing: 3px;font-family: '宋体'}
.navShow .navLi a:hover  span.ch{color:#8f7d4f;}
.navShow .navLi span.en{display: block;margin-top: 15px;}
.navShow .nav_btn{text-align: center;}
.navShow .nav_btn a{display: inline-block;width: 120px;height: 24px;line-height: 24px;text-align: center;color: #fff;background: #8f7d4f;}

/****************第一屏底部*************/
.footer_index{bottom:0;left: 0;width: 100%}
@keyframes mymoveBig{
  	0% {opacity: 0.4;top:-6px;}
	50%{opacity: 1;top:0px;}
	100%{opacity: 0.4;top:-6px;}
}

@-webkit-keyframes mymoveBig{
  	0% {opacity: 0.4;top:-6px;}
	50%{opacity: 1;top:0px;}
	100%{opacity: 0.4;top:-6px;}
}
.footer_index .jiantou{text-align: center;animation:mymoveBig 2.5s linear infinite;-webkit-animation:mymoveBig 2.5s linear infinite;transition:none;position: relative;margin-bottom: 16px;overflow: hidden;}
.footer_index .jiantou img{opacity: 0;}
.footer_index .footer_indexBtm{padding-bottom: 1.2%;}
.footer_index .footer_indexBtm p{color: #a7a9ac;margin-left: 28px;line-height: 24px;position: relative;left: -30px;opacity: 0;font-family: 'times';}
.footer_index .foot_indexIcon{margin-right: 28px;position: relative;right: -30px;opacity: 0}
.footer_index .foot_indexIcon li{margin-left: 12px;}
.footer_index .foot_indexIcon li a{display: inline-block;width: 23px;height: 23px;background-position: center;background-repeat: no-repeat;background-size: cover}
.footer_index .foot_indexIcon li:first-child a{background-image: url(http://dfs.yun300.cn/group1/M00/05/images/icon1.png)}
.footer_index .foot_indexIcon li:nth-child(2n) a{background-image: url(http://dfs.yun300.cn/group1/M00/05/images/icon2.png)}
.footer_index .foot_indexIcon li:nth-child(3n) a{background-image: url(http://dfs.yun300.cn/group1/M00/05/images/icon3.png)}
.footer_index .foot_indexIcon li:last-child a{background-image: url(http://dfs.yun300.cn/group1/M00/05/images/icon4.png)}


.footer_index .foot_indexIcon li:first-child a:hover{background-image: url(http://dfs.yun300.cn/group1/M00/05/images/icon1_hover.png)}
.footer_index .foot_indexIcon li:nth-child(2n) a:hover{background-image: url(http://dfs.yun300.cn/group1/M00/05/images/icon2_hover.png)}
.footer_index .foot_indexIcon li:nth-child(3n) a:hover{background-image: url(http://dfs.yun300.cn/group1/M00/05/images/icon3_hover.png)}
.footer_index .foot_indexIcon li:last-child a:hover{background-image: url(http://dfs.yun300.cn/group1/M00/05/images/icon4_hover.png)}
/*****************************************第二屏**************************************/

.section2{padding:30px 20px 0;}
.section2_ul{padding:0 1%;margin-bottom: 4%}
.section2_ul .section2_li{width: 31.33%;margin:0 1%;cursor: pointer;opacity: 0}
.section2_ul .section2_li a{display: block;}
.section2_ul .section2_li ._img{width: 100%;height: 0px;padding-bottom: 41.38%}
.section2_ul .section2_li:hover ._img img{-webkit-transform:scale(1.1);transform:scale(1.1);}
.section2_ul .section2_li ._con ._con_left{color: #595757;font-family: '宋体';letter-spacing: 10px;padding-left: 5%;line-height: 56px;}
.section2_ul .section2_li ._con ._con_right{color: #83868a;font-family: '微软雅黑';padding-right: 3%;line-height: 56px;}
.section2_ul .section2_li .section2_liCon{left:4%;right: 4%;top:65%;background: #fff url(http://dfs.yun300.cn/group1/M00/05/images/li_icon.png) 92% center no-repeat;padding:5% 4%;width: 0;height: 0;box-sizing: border-box;left: 50%;padding:0;top:90%;overflow: hidden;box-shadow: 3px 2px 13px #dfdfdf}
.section2_ul .section2_li .section2_liCon p:first-child{color: #8f7d4f;line-height: 2;letter-spacing: 16px;font-family: '宋体';opacity: 0;}
.section2_ul .section2_li .section2_liCon p:last-child{color: #83868a;line-height: 1.6;font-family: '微软雅黑';opacity: 0;position: relative;left: 30px;}
.section2_ul .section2_li:hover ._con{opacity: 0}
.section2_ul .section2_li:hover .section2_liCon{height: auto;width: auto;left: 4%;padding:5% 4%;top:65%;}
.section2_ul .section2_li:hover .section2_liCon p:first-child{opacity: 1;}
.section2_ul .section2_li:hover .section2_liCon p:last-child{opacity: 1;left:0;}

/***********底部************/
.section_foot{padding-bottom: 5%}
.section_foot .desc{color: #8a8c8f;line-height: 1.6;text-align: center;font-family: '宋体'}
.section_foot .btm_ul{text-align: center;margin-top:8px;}
.section_foot .btm_ul a{display: inline-block;padding:0 18px;position: relative;color: #8a8c8f;line-height: 1.6;font-family: '宋体'}
.section_foot .btm_ul a:hover{text-decoration: underline;color:#b19346;}
.section_foot .btm_ul a::after{display: block;content: '|';position: absolute;right: 0px;top:0px;}
.section_foot .btm_ul a:last-child::after{display: none}

.section_footIcon{text-align: center;margin-bottom: 0.5%}
.section_footIcon a{display: inline-block;width: 24px;height: 24px;background-repeat: no-repeat;background-position: center;background-size: cover;margin:0 6px;position: relative;}

.section_footIcon a:first-child{background-image: url(http://dfs.yun300.cn/group1/M00/05/images/foot_icon1.png);}
.section_footIcon a:nth-child(2){background-image: url(http://dfs.yun300.cn/group1/M00/05/images/foot_icon2.png);}
.section_footIcon a:nth-child(3){background-image: url(http://dfs.yun300.cn/group1/M00/05/images/foot_icon3.png);}
.section_footIcon a:last-child{background-image: url(http://dfs.yun300.cn/group1/M00/05/images/foot_icon4.png);}

.section_footIcon a:first-child:hover{background-image: url(http://dfs.yun300.cn/group1/M00/05/images/icon1_hover.png);}
.section_footIcon a:nth-child(2):hover{background-image: url(http://dfs.yun300.cn/group1/M00/05/images/icon2_hover.png);}
.section_footIcon a:nth-child(3):hover{background-image: url(http://dfs.yun300.cn/group1/M00/05/images/icon3_hover.png);}
.section_footIcon a:last-child:hover{background-image: url(http://dfs.yun300.cn/group1/M00/05/images/icon4_hover.png);}

.section_footIcon a:nth-child(3) img{position: absolute;width: 100px;z-index: 99;top:-110px;right:-100px;transition: all 1s;opacity: 0;display: none; }
.section_footIcon a:nth-child(3):hover img{transition: all 1s;opacity: 1;display: block;}
/*.indexBox .mCSB_scrollTools .mCSB_draggerRail{width: 0px;}*/









