@charset "utf-8";
/* CSS Document */
body{
	margin:0;
	padding:0;
	font-size:12px;
	font-family:"微软雅黑";
	color:#000;
	}
img{
	border:none;
	}
p{
	margin:0;
	padding:0;
	}
ul,li,ol,dl,img{
	margin:0;
	padding:0;
	list-style-type:none;
	}
a{
	color:#333333;
	font-size:12px;
	text-decoration:none;
	transition: all 0.3s ease-in-out 0s;
	}
a:hover{
	color:#003229;
	text-decoration:none;
	}
.center{
	margin:auto;
	}
.bk{
	margin-top:30px;
	padding-bottom:5px;
	background:#FFFFFF;
	}
#sbj{
	margin-top:50px;
	}
.top{
	width:100%;
	
	
	}
.top_1{
	width:1200px;
	height:30px;
	text-align:right;
	line-height:30px;
	}
.top_1 a{
	border:1px #003229 solid;
	padding:2px 15px 2px 15px;
	color:#003229;
	margin-right:20px;
	}
.logo{
	width:1200px;
	margin: auto;
	}
.navbj{
	width:100%;
	height:40px;

	}
.nav{
	width:1200px;
	height:40px;
	text-align:center;
	border-top: 2.5px solid #eba94b;
	}
.nav a{
	width:120px;
	float:left;
	font-size:16px;
	font-weight: 600;
	text-decoration:none;
	color:#707070;
	margin-left:50px;
	line-height:40px;
	}
.nav a:hover{
	color:#EBA94B;
	font-size: 17px;
	}
.moddle{
	width:1200px;
	overflow:hidden;
	}
.symup{
	width:1200px;
	height:68px;
	text-align:center;
	background:url(../images/symup.png) no-repeat center top;
	color:#eba94b;
	font-size:30px;
	font-weight:bold;
	padding-top:2px;
	text-transform: Uppercase;

	}
.symup p{
	font-size:15px;
	color:#eba94b;
	margin-top:5px;
	font-weight:bold;
	letter-spacing:3px;
	line-height: 15px;
	}
.al{
	text-align:center;
	overflow:hidden;
	}
.syl{
	width:1200px;
	margin-top:10px;
	}
.syl_2{
	overflow: hidden;
	width:900px;
	margin:auto;
	padding:15px 0px 15px 0px;
	}
.syr{
	width:1200px;
	float:right;
	}
.list{
	width:150px;
	height:40px;
	line-height:40px;
	float: left;
	text-align: center;

	}	
.list a{font-size:18px;color: #707070;font-weight: 700;}
.list a:hover{color: #EBA94B;}
.sytp{
	width:230px;
	margin-left:11px;
	text-align:center;
	line-height:30px;
	background:#f9f4e5;
	border:1px #f2ead5 solid;
	margin-top:10px;
	}
.sytp:hover{
	border:1px #2d6246 solid;
	}
.gsbj{
	width:100%;
	padding-top: 30px;
	background:url(../images/gsjj.png);
	text-align:left;
	margin-top: 40px;
	}

.prott { width:1200px; height:auto; OVERFLOW: hidden; ZOOM: 1;}
.prott .pcontt {FLOAT: left; OVERFLOW: hidden; WIDTH:1100px; margin-left:22px;ZOOM: 1; }
.prott .ScrCont1 {WIDTH: 32733px; ZOOM: 1;}
.prott #List3_1 {FLOAT:left;}
.prott #List4_1 {FLOAT:left;}
.prott .LeftBotton1 { background: url(../images/left.png) no-repeat left top ; FLOAT: left; WIDTH:28px; HEIGHT:41px; margin-top:100px;}
.prott .RightBotton1 { background: url(../images/right.png) no-repeat top right; FLOAT: right; WIDTH:28px; HEIGHT:41px; margin-top:100px;}
.prott .LeftBotton1:hover{background: url(../images/left.png) no-repeat left top;}
.prott .RightBotton1:hover{background: url(../images/right.png) no-repeat top right;}
.prott .pl1 {DISPLAY: block; CURSOR: pointer; float:left;}
.prott .pl1 li { width:245px;float:left; text-align:center; margin:10px 20px 10px 10px; border:1px solid #eba94b;-webkit-box-shadow:0 0 8px #ffffff; -moz-box-shadow:0 0 8px #ffffff; box-shadow:0 0 8px #ffffff; height:200px;}
.prott .pl1 li a{width:245px; height:200px; display:inline-block;}
.prott .pl1 li img {width:245px; height:200px;vertical-align: middle;cursor:pointer;transition: all 0.6s;}	
.prott .pl1 li img:hover{transform:scale(0.9);}
.nr{
	padding:8px 10px;
	line-height:27px;
	text-align:left;
	width: 850px;
	margin-bottom: 20px;
	float: left;
	}
.synr{
	padding:8px;
	line-height:27px;
	text-align:left;
	width: 580px;
	margin-bottom: 20px;
	float: left;

	}	
.shipin{float:right;width:550px;margin-top:60px;}
.shipin img{width:100%;height:300px;}
.synr p{color: #fff;text-indent:2em;}
.synr ol{font-size: 20px;color: #fff;margin-top: 20px;}
.synr dl{font-size: 20px;color: #fff;margin: 20px 0;}
.alzs,.fasj{width:100%;}
.alzs ul{overflow: hidden;}
.alzs ul li{width:360px;float:left;margin: 15px 20px 5px 20px;}
.alzs ul li img{width:360px;height:210px;}
.alzs ul li p{line-height:30px;font-size: 16px;text-align: center;}
.alzs ul li p:hover{background:#707070;color: #eba94b;}
.ckgd{width:160px;margin:auto;text-align: center;line-height:40px;margin-top:20px;background:#707070;}
.ckgd a{font-size: 20px;font-weight: 800;color: #fff;}
.ckgd a:hover{color: #EBA94B;}
.fasj ul{overflow: hidden;}
.fasj ul li{width:280px;float:left;margin:20px 20px 0 0;}
#shsj{
	text-indent:0em;
	}
.lx{
	width:270px;
	float:left;
	background:#f9f4e5;
	font-size:14px;
	}
.xw1{
	width:560px;
	float:left;
	margin-top: 20px;

	}
.xw2{
	width:560px;
	float:right;
	margin-top: 20px;

	}
#xwmup{
	background:none;
	font-weight:bold;
	font-size:18px;
	}
.mup1{line-height:30px;
	padding-left: 10px;
	font-size:16px;
	color:#000;
	border-bottom: 2px solid #707070;}
.mup1 span{
	font-size:16px;
	color:#000;
	font-weight:normal;

	}	
.mup{	
	line-height:30px;
	padding-left: 10px;
	font-size:15px;
	color:#000;
	border-bottom: 2px solid #707070;
	margin-top: 10px;
	}
.mup span{
	font-size:15px;
	color:#000;
	font-weight:normal;
	float: right;
	}
.mup span a{font-size: 15px;}	
.lxwm{margin-top: 20px;padding-left:20px;}	
.lxwm p{line-height:30px;color: #707070;font-size: 14px;}	
.gd {
	float:right;
	padding-right:10px;

	font-size: 14px;
	color: #707070;
	}
.gd a{	
	padding:2px 10px;
	background:#2d6246;
	color:#fff;
	}

.news{
	padding:10px;
	text-align:left;
	}
.news li{
	line-height:40px;
	text-align:left;
	background:url(../images/sjx.png) no-repeat left;
	background-position:5px center;
	text-indent:1.5em;
	padding-left: 10px;
	}
.news li a{font-size: 14px;color: #707070;}
.news li a:hover{font-size:15px;color: #EBA94B;}
.bo{
	width:100%;	
	background:#eba94b;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	line-height:25px;
	}
.bo a{
	color:#FFFFFF;
	font-weight:normal;
	}	
.bottom{
	width:100%;
	text-align:center;
	background:#eae5de;
	color:#707070;
	line-height:30px;
	padding:15px 0px 15px 0px;
	font-size:13px;
	margin-top: 30px;
	}
.bottom a{
	color:#707070;
	font-size:14px;
	margin-right:30px;
	font-weight: 600;
	margin-left: 35px;
	}
.bottom a:hover{color: #EBA94B;}
.bonav{
	width:1000px;
	border-bottom:2px #fff solid;
	line-height:40px;
	height:40px;
	margin-bottom:10px;
	}
.bottom_jj{width:980px;margin: auto;}
.bottom_jj p{font-weight: 700;}	
.bottom_jj p:nth-of-type(1){font-size: 18px;font-weight: 700;}
.bottom_jj p:nth-of-type(2){font-size: 16px;}
/*内页样式*/
.mleft{
	width:240px;
	float:left;

	}
.icpfl {font-size: 16px;}
.icpfl ol{border-bottom: 2px solid #707070;padding-bottom: 5px;padding-left:10px;}
.icpfl li{margin:20px 0;padding-left: 20px;background:url(../images/sjx.png) no-repeat 10px;background-size: 10px;}
.icpfl li a{font-size: 14px;margin-left: 10px;color: #707070;text-align: center;}	
.icpfl li a:hover {background:#707070;color: #eba94b;font-size: 15px;}
.mright{
	width:880px;
	float:right;
	}
.hg{
	line-height:30px;
	}
.tp{
	width:880px;
	height:170px;
	border-bottom:1px #e4e4e4 solid;
	margin:auto;
	margin-top:5px;
	padding-top:10px;
	}
.tp_img{
	width:213px;
	float:left;
	height:160px;
	margin-left:10px;
	border: 1px solid #707070;
	}
.tp_wz{
	width:625px;
	float:right;
	margin-right:10px;
	}
.tp_wz_bt{
	height:30px;
	line-height:30px;
	text-align:left;
	}
.tp_wz_bt a{
	font-size:14px;
	font-weight:bold;
	}
.tp_wz_bt span{
	float:right;
	padding:0px 10px 0px 10px;
	background:#ff7519;
	}
.tp_wz_bt span a{
	color:#FFFFFF;
	font-size:12px;
	font-weight:normal;
	}
.tp_wz_bt span a img{
	margin-right:10px;
	}
.tp_wz_nr {
	line-height:30px;
	text-align:left;
	margin-top:10px;
	color:#999999;
	}
.tp_wz_nr a{
	color:#999999;
	}
.rytp{
	width:200px;
	height:195px;
	text-align:center;
	float:left;
	margin-left:17px;
	margin-top:10px;
	line-height:30px;
	}
.tittle {
	text-align:center;
	line-height:40px;
	height:40px;
	font-size:14px;
	font-weight:bold;
	margin-top:20px;
	}
.lb {
	text-align:left;
	text-indent:2em;
	}
.nyxw2{
	width:420px;
	float:left;
	margin-left:12px;
	text-align:left;
	text-indent:1.5em;
	height:30px;
	line-height:30px;
	
	background:url(../images/sjx.png) no-repeat left;
	background-position:5px center;
	margin: 5px 5px;
	}
.nyxw2 a{margin-left: 5px;}	
.xgcp{
	width:160px;
	float:left;
	margin-left:12px;
	text-align:center;
	line-height:25px;
	margin-top:10px;
	}
.xgcp img{width:160px;height: 130px;border:1px solid #707070;}	
.page li{
	text-align:center;
	display:inline-block;
	padding-right:10px;
	}
/*内页样式*/

/* 首页css3 */

.demo{
    padding: 3em 0;
}
.col-sm-6{overflow: hidden;width: 1200px;margin-top: 20px;}
.box{
	width: 250px;
    position: relative;
    perspective: 1000px;
    float: left;
    margin: 0 25px;
}
.box .box-img{
	width: 100%;
    transform: rotateY(0);
    transition: all 0.50s ease-in-out 0s;
}
.box:hover .box-img{
	width: 100%;
    transform: rotateY(-90deg);
}
.box .box-img img{
    width: 100%;
    height: auto;
}
.box .box-content{
    width: 250px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 30px;
    text-align: center;
    background: rgba(0,0,0,0.7);
    transform: rotateY(90deg);
    transition: all 0.50s ease-in-out 0s;
}
.box:hover .box-content{
    transform: rotateY(0);
}
.box .title{
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
    padding:0 10px; 
}
.box .description{
    font-size: 14px;
    line-height: 24px;
    color: #fff;
     padding:0 10px; 
}
.box .title:after,
.box .description:after{
    content: "";
    width: 80%;
    display: block;
    border-bottom: 1px solid #fff;
    margin: 15px auto;
}
.box .social-links{
    margin: 0;
    padding: 0;
    list-style: none;
}
.box .social-links li{
    display: inline-block;
    margin: 0 10px;
}
.box .social-links li a{
    font-size: 20px;
    color: #a6a6a6;
}
.box .social-links li a:hover{
    text-decoration: none;
    color: #fff;
}
@media only screen and (max-width: 990px) {
    .box{  margin-bottom:20px; }
}
@media only screen and (max-width: 479px) {
    .box .box-content{ padding: 20px; }
}
/* 首页导航 */
body { 
	
	overflow-x:hidden;
}
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

.container {
    position: relative;
    margin: 0px auto;
  
    clear: both;
}
@media only screen and (min-width: 1200px) {
    .container {
        width: 1210px;
    }
}

@media only screen and (min-width: 960px) and (max-width: 1199px) {
    .container {
        width: 1030px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .container {
        width: 682px;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .container {
        width: 428px;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 479px) {
    .container {
        width: 320px;
        margin: 0 auto;
    }
}


  
.mcd-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  /*height: 100px;*/
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  
  /* == */
  width: 250px;
  /* == */
}
.mcd-menu li {
  position: relative;
  /*float:left;*/
}
.mcd-menu li a {
  display: block;
  text-decoration: none;
  color: #777;
  /*text-align: center;
  border-right: 1px solid #E7E7E7;*/
  
  /* == */
  text-align: left;
  height: 36px;
  position: relative;
  border-bottom: 1px solid #EEE;
  /* == */
}
.mcd-menu li a i {
  /*display: block;
  font-size: 30px;
  margin-bottom: 10px;*/
  
  /* == */
  float: left;
  font-size: 20px;
  margin: 0 10px 0 0;
  /* == */
  
}
/* == */
.mcd-menu li a p {
  float: left;
  margin: 0 ;
}
/* == */

.mcd-menu li a strong {
  display: block;
  text-transform: uppercase;
}
.mcd-menu li a small {
  display: block;
  font-size: 10px;
}

.mcd-menu li a i, .mcd-menu li a strong, .mcd-menu li a small {
  position: relative;
  
  transition: all 300ms linear;
  -o-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -webkit-transition: all 300ms linear;
}
.mcd-menu li:hover > a i {
    opacity: 1;
    -webkit-animation: moveFromTop 300ms ease-in-out;
    -moz-animation: moveFromTop 300ms ease-in-out;
    -ms-animation: moveFromTop 300ms ease-in-out;
    -o-animation: moveFromTop 300ms ease-in-out;
    animation: moveFromTop 300ms ease-in-out;
}
.mcd-menu li:hover a strong {
    opacity: 1;
    -webkit-animation: moveFromLeft 300ms ease-in-out;
    -moz-animation: moveFromLeft 300ms ease-in-out;
    -ms-animation: moveFromLeft 300ms ease-in-out;
    -o-animation: moveFromLeft 300ms ease-in-out;
    animation: moveFromLeft 300ms ease-in-out;
}
.mcd-menu li:hover a small {
    opacity: 1;
    -webkit-animation: moveFromRight 300ms ease-in-out;
    -moz-animation: moveFromRight 300ms ease-in-out;
    -ms-animation: moveFromRight 300ms ease-in-out;
    -o-animation: moveFromRight 300ms ease-in-out;
    animation: moveFromRight 300ms ease-in-out;
}

.mcd-menu li:hover > a {
  color: #e67e22;
}
.mcd-menu li a.active {
  position: relative;
  color: #e67e22;
  border:0;
  /*border-top: 4px solid #e67e22;
  border-bottom: 4px solid #e67e22;
  margin-top: -4px;*/
  box-shadow: 0 0 5px #DDD;
  -moz-box-shadow: 0 0 5px #DDD;
  -webkit-box-shadow: 0 0 5px #DDD;
  
  /* == */
  margin: 0 -4px;
  /* == */
}
.mcd-menu li a.active:before {
  content: "";
  position: absolute;
  /*top: 0;
  left: 45%;
  border-top: 5px solid #e67e22;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;*/
  
  /* == */
  top: 42%;
  left: 0;
  border-left: 5px solid #e67e22;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  /* == */
}

/* == */
.mcd-menu li a.active:after {
  content: "";
  position: absolute;
  top: 42%;
  right: 0;
  border-right: 5px solid #e67e22;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}
/* == */

@-webkit-keyframes moveFromTop {
    from {
        opacity: 0;
        -webkit-transform: translateY(200%);
        -moz-transform: translateY(200%);
        -ms-transform: translateY(200%);
        -o-transform: translateY(200%);
        transform: translateY(200%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -o-transform: translateY(0%);
        transform: translateY(0%);
    }
}
@-webkit-keyframes moveFromLeft {
    from {
        opacity: 0;
        -webkit-transform: translateX(200%);
        -moz-transform: translateX(200%);
        -ms-transform: translateX(200%);
        -o-transform: translateX(200%);
        transform: translateX(200%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
}
@-webkit-keyframes moveFromRight {
    from {
        opacity: 0;
        -webkit-transform: translateX(-200%);
        -moz-transform: translateX(-200%);
        -ms-transform: translateX(-200%);
        -o-transform: translateX(-200%);
        transform: translateX(-200%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
}

.mcd-menu {overflow: hidden;width: 100%;border-top: 3px solid #EBA94B;}
.mcd-menu li{float:left;width: 130px;text-align: center;margin-left: 20px;}
.mcd-menu li a{text-align: center;line-height:36px;font-size: 16px;}
.mcd-menu li ul,
.mcd-menu li ul li ul {
  position: absolute;
  height: auto;
  min-width: 200px;
  padding: 0;
  margin: 0;
  background: #FFF;
  /*border-top: 4px solid #e67e22;*/
  opacity: 0;
  visibility: hidden;
  transition: all 300ms linear;
  -o-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -webkit-transition: all 300ms linear;
  z-index: 1000;
  
  /* == */
  left:280px;
  top: 0px;
  border-left: 4px solid #e67e22;
  /* == */
}
.mcd-menu li ul:before {
  content: "";
  position: absolute;
  
  /* == */
  top: 25px;
  left: -9px;
  border-right: 5px solid #e67e22;
  border-bottom: 5px solid transparent;
  border-top: 5px solid transparent;
  /* == */
}
.mcd-menu li:hover > ul,
.mcd-menu li ul li:hover > ul {
  display: block;
  opacity: 1;
  visibility: visible;
  /*top: 100px;*/
  
  /* == */
  left:250px;
  /* == */
}
/*.mcd-menu li ul li {
  float: none;
}*/
.mcd-menu li ul li a {
  padding: 10px;
  text-align: left;
  border: 0;
  border-bottom: 1px solid #EEE;
  
  /* == */
  height: auto;
  /* == */
}
.mcd-menu li ul li a i {
  font-size: 16px;
  display: inline-block;
  margin: 0 10px 0 0;
}
.mcd-menu li ul li ul {
  left: 230px;
  top: 0;
  border: 0;
  border-left: 4px solid #e67e22;
}  
.mcd-menu li ul li ul:before {
  content: "";
  position: absolute;
  top: 15px;
  /*left: -14px;*/
  /* == */
  left: -9px;
  /* == */
  border-right: 5px solid #e67e22;
  border-bottom: 5px solid transparent;
  border-top: 5px solid transparent;
}
.mcd-menu li ul li:hover > ul {
  top: 0px;
  left: 200px;
}



/*.mcd-menu li.float {
  float: right;
}*/
.mcd-menu li a.search {
  /*padding: 29px 20px 30px 10px;*/
  padding: 10px 10px 15px 10px;
  clear: both;
}
.mcd-menu li a.search i {
  margin: 0;
  display: inline-block;
  font-size: 18px;
}
.mcd-menu li a.search input {
  border: 1px solid #EEE;
  padding: 10px;
  background: #FFF;
  outline: none;
  color: #777;
  
  /* == */
  width:170px;
  float:left;
  /* == */
}
.mcd-menu li a.search button {
  border: 1px solid #e67e22;
  /*padding: 10px;*/
  background: #e67e22;
  outline: none;
  color: #FFF;
  margin-left: -4px;
  
  /* == */
  float:left;
  padding: 10px 10px 11px 10px;
  /* == */
}
.mcd-menu li a.search input:focus {
  border: 1px solid #e67e22;
}


.search-mobile { 
	display:none !important;
	background:#e67e22;
	border-left:1px solid #e67e22;
	border-radius:0 3px 3px 0;
}
.search-mobile i { 
	color:#FFF; 
	margin:0 !important;
}


@media only screen and (min-width: 960px) and (max-width: 1199px) {
    .mcd-menu {
		margin-left:10px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .mcd-menu {
		width: 200px;
	}
	.mcd-menu li a {
		height:30px;
	}
	.mcd-menu li a i {
		font-size: 22px;
	}
	.mcd-menu li a strong {
		font-size: 12px;
	}
	.mcd-menu li a small {
		font-size: 10px;
	}	
	.mcd-menu li a.search input {
		width: 120px;
		font-size: 12px;
	}
	.mcd-menu li a.search buton{
		padding: 8px 10px 9px 10px;
	}
	.mcd-menu li > ul {
		min-width:180px;
	}
	.mcd-menu li:hover > ul {
		min-width:180px;
		left:200px;
	}
	.mcd-menu li ul li > ul, .mcd-menu li ul li ul li > ul {
		min-width:150px;
	}
	.mcd-menu li ul li:hover > ul {
		left:180px;
		min-width:150px;
	}
	.mcd-menu li ul li ul li:hover > ul {
		left:150px;
		min-width:150px;
	}
	.mcd-menu li ul a {
		font-size:12px;
	}
	.mcd-menu li ul a i {
		font-size:14px;
	}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	.mcd-menu { 
		width: 50px;
	}
	.mcd-menu li a { 
		position: relative;
		padding: 12px 16px;
		height:20px;
	}
	.mcd-menu li a small { 
		display: none;
	}
	.mcd-menu li a strong { 
		display: none;
	}
	.mcd-menu li a:hover strong,.mcd-menu li a.active strong {
		display:block;
		font-size:10px;
		padding:3px 0;
		position:absolute;
		bottom:0px;
		left:0;
		background:#e67e22;
		color:#FFF;
		min-width:100%;
		text-transform:lowercase;
		font-weight:normal;
		text-align:center;
	}
	.mcd-menu li .search { 
		display: none;
	}
	
	.mcd-menu li > ul {
		min-width:180px;
		left:70px;
	}
	.mcd-menu li:hover > ul {
		min-width:180px;
		left:50px;
	}
	.mcd-menu li ul li > ul, .mcd-menu li ul li ul li > ul {
		min-width:150px;
	}
	.mcd-menu li ul li:hover > ul {
		left:180px;
		min-width:150px;
	}
	.mcd-menu li ul li ul li > ul {
		left:35px;
		top: 45px;
		border:0;
		border-top:4px solid #e67e22;
	}
	.mcd-menu li ul li ul li > ul:before {
		left:30px;
		top: -9px;
		border:0;
		border-bottom:5px solid #e67e22;
		border-left:5px solid transparent;
		border-right:5px solid transparent;
	}
	.mcd-menu li ul li ul li:hover > ul {
		left:30px;
		min-width:150px;
		top: 35px;
	}
	.mcd-menu li ul a {
		font-size:12px;
	}
	.mcd-menu li ul a i {
		font-size:14px;
	}
	
}

@media only screen and (max-width: 479px) {
    .mcd-menu { 
		width: 50px;
	}
	.mcd-menu li a { 
		position: relative;
		padding: 12px 16px;
		height:20px;
	}
	.mcd-menu li a small { 
		display: none;
	}
	.mcd-menu li a strong { 
		display: none;
	}
	.mcd-menu li a:hover strong,.mcd-menu li a.active strong {
		display:block;
		font-size:10px;
		padding:3px 0;
		position:absolute;
		bottom:0px;
		left:0;
		background:#e67e22;
		color:#FFF;
		min-width:100%;
		text-transform:lowercase;
		font-weight:normal;
		text-align:center;
	}
	.mcd-menu li .search { 
		display: none;
	}
	
	.mcd-menu li > ul {
		min-width:180px;
		left:70px;
	}
	.mcd-menu li:hover > ul {
		min-width:180px;
		left:50px;
	}
	.mcd-menu li ul li > ul, .mcd-menu li ul li ul li > ul {
		min-width:150px;
	}
	.mcd-menu li ul li:hover > ul {
		left:180px;
		min-width:150px;
	}
	.mcd-menu li ul li ul li > ul {
		left:35px;
		top: 45px;
		border:0;
		border-top:4px solid #e67e22;
	}
	.mcd-menu li ul li ul li > ul:before {
		left:30px;
		top: -9px;
		border:0;
		border-bottom:5px solid #e67e22;
		border-left:5px solid transparent;
		border-right:5px solid transparent;
	}
	.mcd-menu li ul li ul li:hover > ul {
		left:30px;
		min-width:150px;
		top: 35px;
	}
	.mcd-menu li ul a {
		font-size:12px;
	}
	.mcd-menu li ul a i {
		font-size:14px;
	}
    
}

/* 首页折叠效果CS */
.ryzz{width: 100%;margin-top: 40px;}

.gallery-container {
  position: relative;
  height: 250px;
  width: 100%;
  overflow: hidden;
}

.gallery {
  position: absolute;
  top: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100vw;
  height: 200px;
  -webkit-perspective: 800px;
          perspective: 800px;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.frame {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  position: relative;
  height: 150px;
  width: 100px;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  cursor: pointer;
  overflow: hidden;
  
}
.frame .image {
  display: block;
  position: relative;
  height: auto;
  width: 90%;
  pointer-events: none;
}
.frame .info {
  color: #777777;
  font-size: 13px;
  margin-top: 5px;
}

#codepen-link {
  position: absolute;
  bottom: 20px;
  right: 30px;
  height: 40px;
  width: 40px;
  z-index: 10;
  border-radius: 50%;
  box-sizing: border-box;
  background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/544318/logo.jpg");
  background-position: center center;
  background-size: cover;
  opacity: 0.4;
  transition: all 0.25s;
}
#codepen-link:hover {
  opacity: 0.8;
  box-shadow: 0 0 6px #000000;
}