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

@font-face{font-family:'iconfont';src:url('//at.alicdn.com/t/font_1432720974_1547027.eot');src:url('//at.alicdn.com/t/font_1432720974_1547027.eot?#iefix') format('embedded-opentype'),url('//at.alicdn.com/t/font_1432720974_1547027.woff') format('woff'),url('//at.alicdn.com/t/font_1432720974_1547027.ttf') format('truetype'),url('//at.alicdn.com/t/font_1432720974_1547027.svg#iconfont') format('svg')}
@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"}
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}
.tr2{transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s}
.pad-1{ padding:20px 0 0; }

.main-pad-1{ padding:30px 0;}
.main-Background{ background:url(../images/bg_03.png) repeat;}
.main-Color{ background:#f0f0f0;}
.main-1{ padding: 0 5px; }
.main-1-list{ padding: 0 10px; }
.main-1-list.col-md-2{ width: 24%; }
.main-1-list.col-md-5{ width: 38%; }
.main-1-list.col-md-10{ width: 76%; }

header .box{ position: relative; padding: 0 0 0 270px; min-height: 110px; }
header .logo{ position: absolute; left: 0; top: 0; font-size: 0; line-height: 110px; }
header .logo img{ width: 250px; }
header .tel{ margin:8px 0 15px;  }
header .tel h5{padding: 0 0 0 40px;font-size: 16px; color: #333; line-height: 30px; background: url(../images/icon/tel_icon.png) no-repeat left;}
header .tel h5 span{ color: #f54f4f; }
header .menu ul li{ position: relative; margin:0 0 0 2px; }
header .menu ul li > a{ display: block; padding: 0 12px; color: #333; line-height: 32px; border-radius: 16px; }
header .menu ul li.active > a{ color: #fff; background: #f54f4f; }
header .menu ul li .ul{ display: none; position: absolute; left: 50%; top:100%; z-index: 5; padding-top:25px; margin-left: -50px; width: 100px; }
header .menu ul li .ul .li{ margin:0 0 2px; }
header .menu ul li .ul .li a{ display: block; color: #fff; font-weight: bold; line-height: 32px; background: #f54f4f; border-radius: 16px;-webkit-border-radius: 16px;-moz-border-radius: 16px;-o-border-radius: 16px; }

/*分页*/
.page_list a{color:#000; margin: 0px 5px;}
.page_list a:hover{ text-decoration: underline;}
.page_list a.on{color:#f00;}


.banner{ position:relative; overflow:hidden;}
.banner img{ display: block; margin:0 auto; }
.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;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;}
.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:10px;z-index:4}
.banner #myCarousel .carousel-indicators li{margin:0 3px;width:12px;height:12px; background: #fff; border:none;}
.banner #myCarousel .carousel-indicators li:hover{background:#f54f4f}
.banner #myCarousel .carousel-indicators li.active{background:#f54f4f}

.title-1{ position: relative; margin:0 0 15px; padding: 0 0 10px; border-bottom: solid 2px #ccc; }
.title-1:after{ content: ""; position: absolute; left: 0; bottom: -2px; z-index: 1; width: 85px; height: 2px; background: #f54f4f; }
.title-1 a{ display: block; font-size: 16px; color: #333; font-weight: bold; line-height: 16px; background: url(../images/icon/title1_more.png) no-repeat right bottom; }
.title-1 a span{ margin:0 0 0 10px; font-family:arial; color: #f54f4f; }
.title-2{ position: relative; margin:0 0 15px; padding: 0 0 10px; min-height:29px; border-bottom: solid 2px #ccc; }
.title-2:after{ content: ""; position: absolute; left: 0; bottom: -2px; z-index: 1; width: 85px; height: 2px; background: #f54f4f; }
.title-2 h5{ display: block; font-size: 16px; color: #333; font-weight: bold; line-height: 16px; }
.title-2 h5 span{ margin:0 0 0 10px; font-family:arial; color: #f54f4f; }
.title-2 p{ font-size: 13px; color: #333; line-height: 16px; }
.title-2 p a{ color: #333; }
.title-3{ margin:0 0 20px; }
.title-3 h5{ padding: 0 0 15px; font-size: 16px; color: #333; line-height: 18px; border-bottom: solid 1px #666; }

.text-1 ul li{ margin:0 0 4px;  }
.text-1 ul li a{ position: relative; padding: 0 10px 0 25px; display: block; font-size: 13px; color: #333; line-height: 29px;border-bottom: solid 1px #999; }
.text-1 ul li a:after{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s; content:"◆"; position: absolute; left: 13px; top: 50%; z-index: 1; margin:-13px 0 0; width: 13px; height: 13px; font-family:arial; font-size: 13px; color: #333; }
.text-1 .ul{ display: none; }
.text-1 .ul .li{ margin:0 0 4px; }
.text-1 .ul .li a{padding: 0 10px 0 25px; display: block; font-size: 12px; color: #333; line-height: 29px;border-bottom: solid 1px #ccc; }
.text-2 ul li{ position: relative; padding: 0 80px 0 15px; line-height: 29px; border-bottom: dashed 1px #999; }
.text-2 ul li:after{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s; content:"◆"; position: absolute; left: 3px; top: 50%; z-index: 1; margin:-13px 0 0; width: 13px; height: 13px; font-family:arial; font-size: 13px; color: #333; }
.text-2 ul li a{ font-size: 13px; color: #333; }
.text-2 ul li span{ position: absolute; right: 0; top: 0; width: 70px; font-family:arial; font-size: 12px; color: #666;}
.text-3{ margin:16px 0 0; }
.text-3 img{ width: 100%; }
.text-3 p{ padding: 10px 0 0; color: #333; line-height: 24px; }
.text-3 p strong{ display: block; }
.text-4{ font-size: 13px; color: #666; line-height: 26px; }
.text-4 img{ margin:0 10px 0 0; }
.text-5{ margin:0 auto; max-width: 500px; }
.text-5 .hang{ position: relative; padding: 0 0 0 80px; margin:0 0 10px; min-height: 22px; }
.text-5 .hang span{ position: absolute; left: 0; top: 0; z-index: 1; width: 80px; font-size: 12px; color: #5c5c5c; line-height: 22px; }
.text-5 .hang input{ padding: 0 10px; width: 100%; height: 22px;font-size: 12px; border:solid 1px #a9a9a9; color: #333; }
.text-5 .hang textarea{ padding:10px; width: 100%;max-width: 100%;min-width: 100%;font-size: 12px;color: #333;  line-height: 22px; height: 150px; border:solid 1px #a9a9a9; }
.text-5 .hang button{ width: 84px; height: 22px; line-height: 22px; font-size: 12px; color: #fff; background: #f54f4f; border:none; }
.text-6 ul li{ position: relative; padding: 0 80px 0 30px; min-height:35px; line-height:34px; border-bottom: dotted 1px #666; background: url(../images/icon/news-icon_03.jpg) no-repeat 10px 50%; }
.text-6 ul li a{ font-size: 12px; color: #333; }
.text-6 ul li span{ position: absolute; right: 0; top: 0; z-index: 1; width: 70px; font-family:arial; font-size: 12px; color: #999; }
.text-7 .imgbox{ height: 140px; }
.text-7 .textbox{ padding: 5px 0 0; height: 125px; font-size: 13px; color: #333; line-height:24px; overflow: hidden; }

.pictrue-1{ margin:0 0 5px; }
.pictrue-1 a{ display: block; position: relative; padding: 0 0 0 150px; min-height: 105px; }
.pictrue-1 a .imgbox{ position: absolute; left: 0; top: 0; z-index: 1; width: 150px; overflow: hidden; }
.pictrue-1 a .imgbox span{ display: block; height: 105px; }
.pictrue-1 a .textbox{ padding: 0 0 0 10px; }
.pictrue-1 a .textbox h5{ position: relative; padding: 0 80px 0 0; margin:0; font-size: 13px; color: #333; font-weight: bold; line-height:20px; }
.pictrue-1 a .textbox h5 span{ position: absolute; right: 0; top: 0; width: 70px; font-family:arial; font-size: 12px; color: #666; font-weight: normal; }
.pictrue-1 a .textbox p{ margin:0; font-size: 12px; color: #5c5c5c; line-height: 22px; height: 88px; overflow: hidden; }
.pictrue-2{ max-height: 264px; font-size: 13px; color: #333; line-height: 24px; overflow: hidden; }
.pictrue-2 img{ margin:0 0 0 10px; max-width: 60%; border:solid 1px #b6b6b6; }
.pictrue-3{ position: relative; padding: 0 22px;}
.pictrue-3 .item{ padding: 0 5px; }
.pictrue-3-list{ margin:0 0 20px; }
.pictrue-3-list a{ display: block; padding: 4px; border:solid 1px #ccc;}
.pictrue-3-list a .imgbox{ overflow: hidden; }
.pictrue-3-list a .imgbox span{ display: block; }
.pictrue-3-list a .imgbox span img{ max-width: 100%; }
.pictrue-3-list h5{ padding: 0 15px; margin:10px 0 0; font-size: 14px; color: #333; line-height: 16px; }
.pictrue-4{ padding: 0 10px; }
.pictrue-4-list{ padding: 0 5px; margin:0 0 20px;}
.pictrue-4-list a{ display: block; }
.pictrue-4-list a .imgbox{ overflow: hidden; }
.pictrue-4-list a .imgbox span{ display: block; }
.pictrue-4-list a .imgbox span img{ max-width: 100%; }
.pictrue-4-list h5{ margin:0; padding: 0 10px; font-size: 14px; color: #333;line-height: 30px;}
.pictrue-5{ position: relative; border:solid 1px #ccc; }
.pictrue-5 img{ max-width: 100%; }
.pictrue-5 .map{ position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; }
.pictrue-6{ margin:0 0 20px; }
.pictrue-6 img{ max-width: 400px; }

footer{ padding:20px 0; background: #383737;}
footer nav ul{ font-size: 0; }
footer nav ul li{ display: inline-block; vertical-align: top; margin:0 0 10px; }
footer nav ul li a{ display: block; padding: 0 10px; height:13px; font-size: 13px; color: #fff; line-height: 13px; border-right:solid 1px #fff; }
footer nav ul li:first-child a{ border-left: solid 1px #fff; }
footer p{ margin:0; font-size: 13px; color: #fff; line-height: 24px; }
footer p a{ color: #fff; }
footer p a:hover{ color: #f54f4f; }

body.hover header .menu ul li:hover > a{ color: #fff; background: #f54f4f; }
body.hover header .menu ul li .ul .li:hover a{ color: #f54f4f; background: #fff; }
body.hover .title-1 a:hover{ color: #f54f4f }
body.hover .title-2 p a:hover{ color: #f54f4f; }
body.hover .text-1 ul li:hover a{ color: #fff; background: #f54f4f; border-bottom: solid 1px #f54f4f; }
body.hover .text-1 ul li:hover a:after{ color: #fff; }
body.hover .text-1 .ul .li a:hover{ color: #f54f4f; }
body.hover .text-2 ul li:hover:after{ color: #f54f4f; }
body.hover .text-2 ul li:hover a{ color: #f54f4f; }
body.hover .text-2 ul li:hover span{ color: #f54f4f; }
body.hover .text-5 .hang button:hover{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8; opacity:0.8;}
body.hover .text-6 ul li:hover a{color: #f54f4f; }
body.hover .pictrue-1 a:hover .imgbox span,
body.hover .pictrue-3-list a:hover .imgbox span,
body.hover .pictrue-4-list a:hover .imgbox span
{ transform: scale(1.1,1.1);-webkit-transform: scale(1.1,1.1);-moz-transform: scale(1.1,1.1);-o-transform: scale(1.1,1.1); }
body.hover .pictrue-1 a:hover .textbox h5{color: #f54f4f; }
body.hover .pictrue-3-list:hover a{ background: #f54f4f; border:solid 1px #ccc; }
body.hover .pictrue-3-list:hover h5{color: #f54f4f; }
body.hover .pictrue-4-list:hover h5{ color: #fff; background: #f54f4f }
body.hover footer nav ul li:hover a{ color: #f54f4f }

@media (max-width:1199px){
	header .menu ul li a{ padding: 0 10px; font-size: 12px; line-height: 30px; }
}

@media (max-width:991px){
	.main-1-list.col-md-2{ width: 30%; }
	.main-1-list.col-md-5{ width: 70%; }
	.main-1-list.col-sm-9{ width: 70%; }
	.main-1-list.col-md-5:last-child{ margin:20px 0 0; width: 100%; }
	
	header .box{ padding: 0; min-height: inherit; }
	header .logo{ position: inherit; left: inherit; top: inherit; line-height: 80px; float: left; }
	header .logo img{ width:300px; }
	header .menu{ position: absolute; right:0; top: 80px; z-index: 5; width: 150px;
background:-moz-linear-gradient(-45deg,rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.8) 100%);background:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.8) 100%);background:linear-gradient(135deg,rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.8) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccffffff',endColorstr='#ccffffff',GradientType=1 ); }
	header .menu ul{float: none !important;}
	header .menu ul li{margin:0; float: none !important;}
	header .menu ul li a{ line-height: 40px; border-radius: 0;}
	header .menu ul li .ul{ display: none !important;} 
	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:#2e4c6a;}
	header .ydd_btn span.span02{margin:4px 0;}
	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;}
	
}

@media (max-width:767px){
	.main-pad-1{ padding: 20px 0 }
	.main-1-list.col-md-2{ width: 100%; }
	.main-1-list.col-sm-9{ margin:20px 0 0; width: 100%; }
	.main-1-list.col-md-5{ margin:20px 0 0; width: 100%; }
	body{ padding-bottom:50px;}	
	header .ydd_btn{ margin:10px 0 0; padding:10px;}
	header .logo{ line-height: 60px; }
	header .logo img{ width: 220px; }
	header .menu{ top: 60px; width: 120px; }
	header .menu ul li a{ font-size: 12px; line-height:34px; }
	.title-1 a{ font-size: 14px; }
	.title-1 a span{ margin:0 0 5px; }
	.text-1 ul li a{ font-size: 12px; }
	.text-2 ul li a{ font-size: 12px; }
	.text-4{ font-size: 12px; }
	.pictrue-1 a{ padding: 0 0 0 120px; min-height: 80px; }
	.pictrue-1 a .imgbox{ width: 120px; }
	.pictrue-1 a .imgbox span{ height:80px; }
	.pictrue-1 a .textbox p{ height: 66px; }
	.pictrue-2{ font-size: 12px; }
	.pictrue-3-list h5{ padding: 0 10px; margin:5px 0 0; font-size: 12px; }
	.banner #myCarousel .carousel-indicators{ bottom: 5px; }
	.banner #myCarousel .carousel-indicators li{ width: 10px; height: 10px; }
	.hot{height:50px; background:#f54f4f; position:fixed; bottom:0; left:0; z-index:99; border-top:solid 2px #fff;}
	.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;}
	.dbbox{ position: fixed; left: 0; bottom:70px; z-index:99; width: 100%; }
	.dbbox .dbs{ position: relative; padding: 0 15px; display:none;}
	.dbbox .dbs .neirong{padding: 10px; background: #fff; border-radius: 5px;}
	.dbbox .dbs.ewm-box{ text-align:center; }
	.dbbox .dbs.ewm-box:after{ content: ""; position: absolute; left:50%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(../images/icon/dbtc_jt.png) no-repeat center;}
	.dbbox .dbs.fenxiang-box:after{ content: ""; position: absolute; left:75%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(../images/icon/dbtc_jt.png) no-repeat center;}
	.dbbox .dbs.ewm-box img{ max-width: 140px; }
	.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 .li{ position: relative; padding: 6px 0; width: 20%; height: 44px; }
	.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 a{ position: absolute; left: 50%; top:6px; margin:0 0 0 -16px; float: inherit !important; display: block; }
	footer nav ul li a{ font-size: 12px; line-height: 12px; height: 12px; }
	footer p{ font-size: 12px;}
 }