@charset "utf-8";
/* CSS Document */ 

/*The introduction of the font library*/
@font-face {font-family: 'iconfont';src: url('//at.alicdn.com/t/font_1432720974_1547027.eot'); /* IE9*/src: url('//at.alicdn.com/t/font_1432720974_1547027.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('//at.alicdn.com/t/font_1432720974_1547027.woff') format('woff'), /* chrome/firefox */url('//at.alicdn.com/t/font_1432720974_1547027.ttf') format('truetype'), /* chrome/firefox/pera afari, Android, iOS 4.2+*/url('//at.alicdn.com/t/font_1432720974_1547027.svg#iconfont') format('svg'); /* iOS 4.1- */}
@font-face {font-family: 'Pacifico';font-style: normal;font-weight: 400;src: local('Pacifico Regular'), local('Pacifico-Regular'), url(http://fonts.gstatic.com/s/pacifico/v7/Q_Z9mv4hySLTMoMjnk_rCfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');}
.fa {display: inline-block;font-family: "iconfont";font-size:20px;font-style: normal;font-weight: 400;line-height: 1;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;}
.fa-icon-qq:before { content: "\e604"; }.fa-icon-weibo:before { content: "\e600"; }.fa-icon-weixin:before { content: "\e605"; }.fa-icon-zaixianzixun:before { content: "\e608"; }

/*reset styles*/
body{ font-family:"微软雅黑";}.glyphicon{ top:0 !important;}.no-padding {padding: 0 !important;}.no-margin {margin: 0 !important;}.no-background{ background:none !important;}.no-border{ border:none !important;}.overflow{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}.w100{ width:100% !important;}.h100{ height:100% !important;}a{ text-decoration:none !important; cursor:pointer !important;}.container-fluid{ max-width:1030px !important;}.tr{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;}
/************************************************************************************************************/

/*m*/
.main{ padding:30px 0;}
.main-Background-1{ background:url(../images/bg_02.jpg) 50% 50%; background-size:cover;}
.main-Color{ background:#f2f2f2;}

/*h*/
header{ background:#4f5b4d;}
header .logo{ line-height:100px;}
header .logo img{max-width:1000px;}
header .tel{ margin:24px 0 0; padding:0 0 0 75px; color:#fff; font-weight:bold; line-height:20px; height:51px; background:url(../images/icon/tel_icon.png) no-repeat left;}
header .tel span{ margin:3px 0 0; display:block; font-family:Arial, Helvetica, sans-serif; font-size:22px; color:#ff8b4a; line-height:28px;}
header nav{ background:#292f28;}
header nav ul li{ position:relative; width:12.5%;}
header nav ul li:after{ margin:-7px 0 0; content:""; position:absolute; left:0; top:50%; z-index:1; width:1px; height:14px; background:#fff;}
header nav ul li:first-child:after{ display:none;}
header nav ul li a{ display:block; line-height:50px; color:#fff; font-weight:bold;} 
header nav ul li:hover a{ color:#ff8b4a}
header nav ul li.active a{ color:#ff8b4a}
header nav ul li ul{ display:none; position:absolute; left:0; top:50px; z-index:1; width:100%;}
header nav ul li ul li{ width:100%;
background:-moz-linear-gradient(top,rgba(0,0,0,0.6) 1%,rgba(0,0,0,0.6) 2%,rgba(0,0,0,0.6) 98%,rgba(0,0,0,0.6) 100%);background:-webkit-linear-gradient(top,rgba(0,0,0,0.6) 1%,rgba(0,0,0,0.6) 2%,rgba(0,0,0,0.6) 98%,rgba(0,0,0,0.6) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0.6) 1%,rgba(0,0,0,0.6) 2%,rgba(0,0,0,0.6) 98%,rgba(0,0,0,0.6) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000',endColorstr='#99000000',GradientType=0 );}
header nav ul li ul li:hover{ background:#ff8b4a;}
header nav ul li ul li:after{ display:none;}
header nav ul li ul li a{ font-size:12px; line-height:40px; font-weight:normal;}
header nav ul li:hover ul li a{ color:#fff;}

/*b*/
.banner{ position:relative; overflow:hidden;}
.banner img{ display:block; margin:0 auto;}
.banner.sybanner .item.item1{ background:url(../images/1.jpg) 50% 50% no-repeat; background-size:cover;}
.banner.sybanner .item.item2{ background:url(../images/2.jpg) 50% 50% no-repeat; background-size:cover;}
.banner.sybanner .item.item3{ background:url(../images/3.jpg) 50% 50% no-repeat; background-size:cover;}
.banner.sybanner .item.item4{ background:url(../images/4.jpg) 50% 50% no-repeat; background-size:cover;}
.banner.sybanner .item.item5{ background:url(../images/5.jpg) 50% 50% no-repeat; background-size:cover;}


.banner .glyphicon{ top:50% !important;}
.banner .carousel-control.left,.banner .carousel-control.right{ width:60px;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;}
.banner .carousel-control.left{ left:-60px;background:url(../images/ba/prev_arrow_60.png) no-repeat left;}
.banner:hover .carousel-control.left{ left:0;}
.banner .carousel-control.right{ right:-60px;background:url(../images/ba/next_arrow_60.png) no-repeat right;}
.banner:hover .carousel-control.right{ right:0;}
.banner .carousel-fade .carousel-inner .item{opacity:0;-webkit-transition-property:opacity;-moz-transition-property:opacity;-ms-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}
.banner .carousel-fade .carousel-inner .active{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1;}
.banner .carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right{left:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;}
.banner .carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1;}
.banner #myCarousel{position:relative}
.banner #myCarousel .carousel-indicators{ margin-bottom:0;bottom:5px;z-index:4}
.banner #myCarousel .carousel-indicators li{margin:0 3px;width:10px;height:10px;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}
.banner #myCarousel .carousel-indicators li:hover{background:#fff}

/*t*/
.title1{ margin:0 0 7px; overflow:hidden;}
.title1 h1{ display:inline-block;position:relative; margin:0 0 13px; line-height:26px; font-size:24px; color:#333;}
.title1 h1:before{ content:""; position:absolute; left:-232px; top:50%; z-index:1; width:160px; height:1px; background:#cecece;}
.title1 h1:after{ content:""; position:absolute; right:-232px; top:50%; z-index:1; width:160px; height:1px; background:#cecece;}
.title1 a.active h1{ color:#fff;}
.title1 a.active small{ color:#fff;}
.title1:hover a.active h1{ color:#ff8b4a;}
.title1:hover h1{color:#ff8b4a;}
.title1 small{ display:block; font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#808080; line-height:26px;}
.title2{ margin:0 0 20px;}
.title2 ul li{ display:inline;}
.title2 ul li a{ margin:0 3px;  font-size:16px;display:inline-block; width:130px; line-height:24px; background:#4f5b4d; border:solid 2px #fff; color:#fff;}
.title2 ul li a:hover{ border:solid 2px #ff8b4a;}
.title2 ul li.active a{ border:solid 2px #ff8b4a;}
.title4{ margin:0 0 20px; border-bottom:solid 1px #84838f;}
.title4 h5{ margin:0; font-size:22px; color:#323045; line-height:36px;}
.title4 p{ margin:0; font-size:16px; color:#666; line-height:36px;} 
.title5{ margin:0 0 20px; font-size:20px; color:#333; line-height:28px;}

/*text*/
.text1{ margin:0 0 20px; font-size:16px; color:#333; line-height:26px;}

/*p*/
.pictrue1.nrli{ display:none;}
.pictrue1.nrli.active{ display:block;}
.pictrue1-list{ margin-bottom:20px;}
.pictrue1-list a{ display:block; padding:1px; border:solid 1px #ff8b4a;}
.pictrue1-list a:hover{border:solid 1px #e87917;}
.pictrue1-list  a .imgbox{ position:relative;}
.pictrue1-list  a .imgbox h5{ margin:0; position:absolute; left:0; bottom:0; z-index:1; width:100%; line-height:30px; color:#fff;
background:-moz-linear-gradient(top,rgba(0,0,0,0.8) 1%,rgba(0,0,0,0.8) 2%,rgba(0,0,0,0.8) 98%,rgba(0,0,0,0.8) 100%);background:-webkit-linear-gradient(top,rgba(0,0,0,0.8) 1%,rgba(0,0,0,0.8) 2%,rgba(0,0,0,0.8) 98%,rgba(0,0,0,0.8) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0.8) 1%,rgba(0,0,0,0.8) 2%,rgba(0,0,0,0.8) 98%,rgba(0,0,0,0.8) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000',endColorstr='#cc000000',GradientType=0 );}
.pictrue1-list  a:hover .imgbox h5{ background:#e87917;}
.pictrue2 img{ display:block; margin:0 auto;}

/*more*/
.more1 a{ display:inline-block; width:180px; line-height:30px; background:#4f5b4d; color:#fff; border-radius:15px;}
.more1 a:hover{ padding:0 0 0 10px;background:#ff8b4a;}

/*a*/
.about1_text h5{ margin:0; position:relative; padding:0 0 0 15px; font-size:20px; color:#fff; line-height:44px;}
.about1_text h5:after{ margin:-10px 0 0; content:""; position:absolute; left:0; top:50%; z-index:1; width:6px; height:20px; background:#e87917; border-radius:3px;}
.about1_text { margin:0; font-size:14px; color:#fff; line-height:28px; margin-left: 20px;}
.about1_text a{ margin:15px 0 0; display:block; width:160px; line-height:26px; border:solid 2px #fff; color:#fff;}
.about1_text a:hover{ border:solid 2px #e87917; background:#e87917; padding:0 0 0 10px;}

/*n*/
.news1{ padding:0 5px;}
.news1 .news1-list{ padding:0 10px; margin-bottom:20px;}
.news1 .news1-list a{ position:relative; padding:9px 9px 9px 149px; min-height:160px; display:block; border:solid 1px #525e50;}
.news1 .news1-list a:hover{border:solid 1px #e87917;}
.news1 .news1-list a .imgbox{ position:absolute; left:9px; top:9px; z-index:1; width:140px;  height:140px;}
.news1 .news1-list a .textbox{ padding:0 15px 0 20px;}
.news1 .news1-list a .textbox h5{ margin:0 0 5px; font-size:16px; color:#333; line-height:30px; border-bottom:solid 1px #ccc;}
.news1 .news1-list a:hover .textbox h5{ color:#e87917}
.news1 .news1-list a .textbox p{ margin:0 0 7px; font-size:12px; color:#333; line-height:24px; height:72px; overflow:hidden;}
.news1 .news1-list a .textbox .more{ width:100px; line-height:24px; background:#e87917; color:#fff;}
.news1 .news1-list a .textbox .more:hover{ background:#ef892f;}
.news2{ padding:0 5px;}
.news2 .news2-list{ padding:0 10px; margin-bottom:20px;}
.news2 .news2-list a{ position:relative; padding:4px 4px 4px 154px; min-height:130px; display:block; border:solid 1px #525e50; background:#f2f2f2;}
.news2 .news2-list a:hover{ background:#e87917;}
.news2 .news2-list a .imgbox{ position:absolute; left:4px; top:4px; z-index:1; width:150px;  height:120px;}
.news2 .news2-list a .textbox{ padding:0 15px 0 20px;}
.news2 .news2-list a .textbox h5{ margin:0 0 5px; font-size:16px; color:#333; line-height:30px; border-bottom:solid 1px #ccc;}
.news2 .news2-list a:hover .textbox h5{ color:#fff; border-bottom:solid 1px #fff;}
.news2 .news2-list a .textbox p{ margin:0 0 7px; font-size:12px; color:#333; line-height:24px; height:72px; overflow:hidden;}
.news2 .news2-list a:hover .textbox p{ color:#fff;}
.news3{ position:relative; padding:0 0 0 260px; min-height:250px;}
.news3 .imgbox{ position:absolute; left:0; top:0; z-index:1; width:260px; height:250px;}
.news3 .textbox{ padding:0 0 0 20px;}
.news3 .textbox h5{ margin:0 0 10px; font-size:16px; color:#333; line-height:30px; border-bottom:solid 1px #ccc;}
.news3 .textbox p{ margin:0; color:#333; line-height:28px;}

/*f*/
footer{ background:#292f28;}
footer .ewm{ width:124px; margin:0 50px 0 0;}
footer .ewm h5{ font-size:14px; color:#fff;}
footer .textbox h4{ margin:0 0 10px; font-size:18px; color:#fff; line-height:20px;}
footer .textbox{font-size:14px; color:#fff; }
footer .textbox p{ font-size:14px; color:#fff; /*line-height:26px;*/}
footer .textbox p a{ color:#fff;}
footer .textbox p a:hover{ color:#e87917;}

/*s*/
.subnav .yddnav{ margin:0 0 20px;}
.subnav .yddnav li{ margin-bottom:2px; height:60px;}
.subnav .yddnav li a{ display:block; font-size:18px;color:#fff; line-height:60px; background:#666;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}
.subnav .yddnav li a.active{ background:#292f28}
.subnav .yddnav span{ padding-left:30px;}
.subnav .yddnav b{ padding-right:30px; line-height:60px;}
.subnav .yddnav .xl{ display:none; margin:0 0 2px 0;}
.subnav .yddnav .xls{ height:40px; line-height:40px; background:#292f28; border-top:solid 1px #666;}
.subnav .yddnav .xls a{ color:#fff; display:block; line-height:40px;}
.subnav .yddnav .xlxl{ display:none;}
.subnav .yddnav .xlxls{ height:32px;background:#efefef; border-bottom:dotted 1px #666}
.subnav .yddnav .xlxls a{ color:#666; display:block; line-height:32px;}

@media (max-width:1199px){
	header .logo img{width:705px;}

}

@media (max-width:991px){
/*h*/	
header .logo{ line-height:80px;}
header .logo img{ width:300px;}
header .sjdnav{ display:none; width:150px;position:absolute;right:0; top:80px;z-index:5;}
header .sjdnav li a{display:block; color:#fff; line-height:40px;
background:-moz-linear-gradient(top,rgba(0,0,0,0.6) 1%,rgba(0,0,0,0.6) 2%,rgba(0,0,0,0.6) 98%,rgba(0,0,0,0.6) 100%);background:-webkit-linear-gradient(top,rgba(0,0,0,0.6) 1%,rgba(0,0,0,0.6) 2%,rgba(0,0,0,0.6) 98%,rgba(0,0,0,0.6) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0.6) 1%,rgba(0,0,0,0.6) 2%,rgba(0,0,0,0.6) 98%,rgba(0,0,0,0.6) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000',endColorstr='#99000000',GradientType=0 );}
header .sjdnav li:hover a{ background:#ff8b4a;}
header .sjdnav li.active a{ background:#ff8b4a;}
header .ydd_btn{ margin:20px 0 0 0; padding:10px 7px; width:45px; height:40px; cursor:pointer;}
header .ydd_btn span{ display:block; width:100%; height:4px; background:#ffffff;}
header .ydd_btn span.span02{margin:4px 0;}
header .ydd_btn.click{ background:none;}
header .ydd_btn.click span{ background:#ffffff;}
header .ydd_btn.click span.span01{transform:rotate(45deg);-ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); position:relative;top:8px;margin-top:0px;	} 
header .ydd_btn.click span.span02{margin:4px 0;	}
header .ydd_btn.click span.span03{transform:rotate(-45deg);-ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg);position:relative;top:-8px;			margin-top:0px;}
header .ydd_btn.click span.span02{ width:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;}

.news3{padding:0; min-height:inherit;}
.news3 .imgbox{ position:inherit; left:inherit; top:inherit; width:100%; height:inherit; background:none !important;}
.news3 .imgbox img{ display:block; margin:0 auto;}
.news3 .textbox{ padding:0;}
.news3 .textbox h5{font-size:14px; line-height:24px;}
.news3 .textbox p{ font-size:12px;line-height:24px;}
}

@media (max-width:767px){
body{ padding-bottom:50px;}	
.main{ padding:20px 0;}


*{  
    -webkit-touch-callout:none;  /*ϵͳĬÈϲ˵¥±»½ûÓÃ*/  
    -webkit-user-select:none; /*webkitä¯ÀÀÆ÷*/  
    -khtml-user-select:none; /*ÔçÆÚä¯ÀÀÆ÷*/  
    -moz-user-select:none;/*»ðºü*/  
    -ms-user-select:none; /*IE10*/  
    user-select:none;  
}
input {     
     -webkit-user-select:auto; /*webkitä¯ÀÀÆ÷*/    
}
img { -webkit-user-select: none;  pointer-events: none;}

	
 /*f-nav*/
.hot{height:50px; background:#d36324; position:fixed; bottom:0; left:0; z-index:99; border-top:solid 1px #f27329;}
.hot span{ color:#fff; font-size:16px; line-height:20px;}
.hot h6{ font-size:12px; line-height:20px;}
.hot .row div a{ display:block; color:#fff; padding:7px 0;}
.hot .row div:hover{ background:#f27329;}	

/*h*/	
header .logo{ line-height:60px;}
header .logo img{ width:280px;}
header .sjdnav{top:60px;}
header .ydd_btn{padding:10px; margin:10px 0 0;}

/*t*/
.title1{margin:0 0 20px;}
.title1 h1{ font-size:20px;line-height:22px;}
.title1 small{ font-size:20px;}
.title2 ul li a{ margin-bottom:10px; font-size:12px;}
.title5{ margin:0 0 15px; font-size:16px;}

/*text*/
.text1{ font-size:12px; line-height:24px;}
.text1 img{max-width:100%;}

/*a*/
.about1_text h5{ font-size:16px;}
.about1_text p{ font-size:12px; line-height:24px;}

/*n*/
.news1 .news1-list a{ padding:4px 4px 4px 124px; min-height:130px;}
.news1 .news1-list a .imgbox{ width:120px; height:120px; left:4px; top:4px;}
.news1 .news1-list a .textbox{ padding:0 0 0 15px;}
.news1 .news1-list a .textbox h5{ font-size:14px; line-height:24px;}
.news1 .news1-list a .textbox p{ margin:0 0 15px; height:48px;}
.news2 .news2-list a{ padding:4px 4px 4px 124px; min-height:90px;}
.news2 .news2-list a .imgbox{ width:120px; height:80px; left:4px; top:4px;}
.news2 .news2-list a .textbox{ padding:0 0 0 15px;}
.news2 .news2-list a .textbox h5{ font-size:14px; line-height:24px;}
.news2 .news2-list a .textbox p{ margin:0; height:48px;}

/*p*/
.pictrue1-list a .imgbox h5{ font-size:12px;}

/*more*/
.more1 a{ font-size:12px;}

/*f*/
footer .ewm{ width:100%; margin:0;}
footer .ewm img{ display:block; margin:0 auto;}
footer .textbox{ text-align:center;}
footer .textbox h4{ font-size:16px;}
footer .textbox p{ margin:0; font-size:12px; line-height:24px;}
 }
.text-de{text-align: left;}



.secondbox {
  margin-top: 10px;
 height: 260px;
  position: relative;
  overflow: hidden;
}
.secondbox .picBox {
  position: relative;
  width: 100%;
height: 260px;
  overflow: hidden;
  text-align: left;
}
.secondbox .picBox .pic{margin:0 !important; padding:0 !important;}
.secondbox .picBox .pic img {
  width: 100%;
height: 260px;

}
.secondbox .picBox .txt-bg {
  position: absolute;
  bottom: 0;
  z-index: 1;
  height: 60px;
  width: 100%;
  background: #ff9d00;
  filter: alpha(opacity=80);
  opacity: 0.8;
  overflow: hidden;
}
.secondbox .picBox .txt {
  position: absolute;
  bottom: 0;
  z-index: 2;
  height: 60px;
  width: 100%;
  overflow: hidden;
}
.secondbox .picBox .txt ul li {
  height: 60px;
  line-height: 60px;
  position: absolute;
  bottom: -36px;
}
.secondbox .picBox .txt ul li a {
  display: block;
  color: #fff;
  font-family: "微软雅黑";
  padding: 0 0 0 10px;
  font-size: 1rpx;
  text-decoration: none;
}
.secondbox .picBox .num {
  display: block;
  position: absolute;
  z-index: 3;
  bottom: 10px;
  right: 41px;

}
.secondbox .picBox .num li {
  float: left;
  position: relative;
  width: 18px;
  height: 10px;
  overflow: hidden;
  text-align: center;
  margin-right: 5px;
  cursor: pointer;
}
.secondbox .picBox .num li.on a,
.secondbox .picBox .num li:hover a {
  opacity: 1;
  filter: alpha(opacity=100);
}
.secondbox .picBox .num li a {
  width: 10px;
  height: 10px;
  background: #000;
  border-radius: 15px;
  position: absolute;
  z-index: 2;
  display: block;
  top: 0;
  left: 0;
  text-decoration: none;
  opacity: .6;
  filter: alpha(opacity=60);
  transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
}


@media (max-width:767px){


.secondbox .picBox .pic img {

 height: 260px;



}