@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:1230px !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;}
/************************************************************************************************************/

.main{ padding:30px 0;}
.main-Background{ background:url(../images/bg_03.png) repeat;}
.main-Color{ background:#ededed;}

header .top_bar{ position: relative; padding: 0 300px 0 0; min-height: 110px; }
header .logo{ line-height:110px;}
header .logo .img2{ margin:0 6px; }
header .right{ position:absolute; right: 0; top: 0; z-index: 1; width: 300px; padding: 12px 0 0; }
header .right .tel{padding:0 0 0 30px; font-size: 20px; color:#e10910;line-height:32px; height:32px; background:url(../images/icon/tel_icon.png) no-repeat left;}
header .right .search{ width: 100%; }
header .right .search form{ margin-top: 10px; }
header .right .search form input{ padding: 0 10px; width: 252px; height: 35px; color: #bbb; background: #ebebeb; border-radius: 5px; border:none; }
header .right .search form button{ vertical-align: top; width: 42px; height: 35px; background: url(../images/icon/fdj.png) no-repeat center #e10010; border-radius: 5px; border:none; }
header nav{ background:#d8000f;}
header nav ul{background: url(../images/icon/nav_jgx_03.jpg) no-repeat left;}
header nav ul li{ position:relative; width:14.28%; background: url(../images/icon/nav_jgx_03.jpg) no-repeat right;}
header nav ul li a{ display:block; line-height:55px; color:#fff;} 
header nav ul li:hover a{ background: #c41521; color:#fff}
header nav ul li.active a{background: #c41521; color:#fff}
header nav ul li ul{ display:none; position:absolute; left:0; top:100%; z-index:1; width:100%;}
header nav ul li:hover ul li{background: none;}
header nav ul li ul li{ width:100%; background: none;}
header nav ul li ul li:hover a{ background:#d8000f;}
header nav ul li ul li a{background: #c41521; font-size:12px; line-height:40px;}
header nav ul li:hover ul li a{ color:#fff;}

.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;}
.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 5px;width:15px;height:15px;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}

.title1{margin:0 0 40px; overflow:hidden;}
.title1 h1{ position: relative; margin:0 0 13px; line-height:26px; height: 26px; font-size:20px; color:#414141;}
.title1 h1:after{ content:""; position:absolute; right:0; top:50%; z-index:1; width:100%; height:1px; background:#d7d7d7;}
.title1 h1 span{ position: relative; z-index: 2; display: inline-block; padding: 0 15px; background: #fff; }
.title1 small{ display:block; font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#e10010; line-height:26px; font-weight: bold;}
.title2{ margin-bottom: 20px; border-bottom: solid 1px #d0d0d0; line-height: 53px; border-bottom: solid 1px #d0d0d0; color: #333; }
.title2 a{ color: #333; }
.title2 a:hover{ color: #e10010; }
.title3{ padding: 0 0 10px; margin: 0 auto 20px; max-width: 80%; border-bottom: solid 1px #f0f0f0;}
.title3 h5{ margin: 0; font-size:24px; color: #333;}
.title3 span{ display: block; font-size: 12px; color: #999; line-height: 24px; }

.text1{ color: #333; line-height: 24px;word-break:break-all; }

.pictrue1{ position: relative; margin:0 -10px; }
.pictrue1-list{ margin: 0 0 20px; }
.pictrue1 .item{ padding: 0 10px; }
.pictrue1 a{ display: block; padding: 2px; border:solid 1px #d7d7d7; margin-bottom: 5px; }
.pictrue1 a .imgbox{border:solid 1px #d7d7d7; }
.pictrue1 a .imgbox span{ display: block; overflow: hidden; }
.pictrue1 a .imgbox span img{ max-width: 90%; max-height: 100%; }
.pictrue1 a h5{ margin:3px 0 0;border:solid 1px #d7d7d7; line-height: 38px; background: #e10010; font-size:16px; color: #fff;}
.pictrue1 a:hover h5{ background: #f43542 }
.pictrue2 a{ padding: 0 15px; display: block; }
.pictrue2 a .imgbox{ padding: 8px; margin:0 auto; max-width: 192px; border-radius: 50%; overflow: hidden; background: url(../images/icon/p2_bg.png) no-repeat; background-size: 100% 100%;}
.pictrue2 a .imgbox span{ display: block; border:solid 1px #dcdcdc; border-radius: 50%; overflow: hidden;  } 
.pictrue2 a:hover .imgbox span{ transform: rotate(360deg); }
.pictrue2 a h5{ margin:12px 0 0; font-size: 16px; color: #414141; line-height: 24px; }
.pictrue2 a:hover h5{ color: #e10010; }
.pictrue3-list{ margin:0 0 30px; }
.pictrue3-list a{ display: block; position: relative; padding: 0 0 0 180px; min-height: 135px; }
.pictrue3-list a .imgbox{ position: absolute; left: 0; top: 0; z-index: 1; width: 180px; border:solid 1px #c2c2c2; overflow: hidden; }
.pictrue3-list a:hover .imgbox{border:solid 1px #c2c2c2;}
.pictrue3-list a .imgbox span{ display: block; height: 133px; }
.pictrue3-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); }
.pictrue3-list a .textbox{ padding: 0 0 0 20px; } 
.pictrue3-list a .textbox h5{ margin:8px 0 0; font-size: 14px; color: #333; line-height: 22px; }
.pictrue3-list a:hover .textbox h5{ color: #e10010 }
.pictrue3-list a .textbox span{ display: block; font-size: 12px; color: #999; line-height: 24px; }
.pictrue3-list a:hover .textbox span{ color: #e10010 }
.pictrue3-list a .textbox p{ margin: 0; color: #333; line-height: 26px; height: 78px; overflow: hidden; }
.pictrue3-list a:hover .textbox p{ color: #e10010 }
.pictrue4{margin:0 0 20px;}
.pictrue4 a{ display: block; }
.pictrue4 .imgbox{ border-radius: 10px; }
.pictrue4 .textbox{ color: #333; line-height: 26px; height: 338px; overflow: hidden; }
.pictrue5 ul li{ width: 25%; }
.pictrue5 ul li .imgbox{ position: relative; overflow: hidden; }
.pictrue5 ul li .imgbox .mb{ position: absolute; left: 0; bottom:-100%; z-index: 1; width: 100%; height: 100%;
background:-moz-linear-gradient(top,rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.6) 100%);background:-webkit-linear-gradient(top,rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.6) 100%);background:linear-gradient(to bottom,rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.6) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#99ffffff',endColorstr='#99ffffff',GradientType=0 ); }
.pictrue5 ul li:hover .imgbox .mb{ bottom: 0; }
.pictrue5 ul li .imgbox .mb .wenzi{ height:144px;  }
.pictrue5 ul li .imgbox .mb .wenzi h3{ margin:0; font-size: 25px; line-height: 30px; color: #e10010; font-weight: bold; }
.pictrue5 ul li .imgbox .mb .wenzi h4{ margin:15px 0; font-size: 25px; color: #414141;line-height: 30px; font-weight: bold; }
.pictrue6{ text-align: center; }
.pictrue6s{ display: inline-block; }
.pictrue6s h5{ margin:0 0 26px; font-size:20px; color: #414141; line-height: 24px; }
.pictrue6s .contact1 h3{ margin:0 0 10px; font-size: 30px; color: #333; }
.pictrue6s .contact1 p{ margin:0; color: #414141; line-height: 30px; }
.pictrue6s .contact2{ padding: 0 65px 0 20px; }
.pictrue6s .contact2 .hang{ margin:0 -4px 10px; }
.pictrue6s .contact2 .hang .hangs{ padding: 0 4px; width: 50%; }
.pictrue6s .contact2 .hang .hangs input{ padding: 0 10px; width:240px; height: 45px; background: #fff; border:none; color: #333; }
.pictrue6s .contact2 .hang2 button{ width: 100%; height: 45px; line-height: 45px; background: #e10817; border:none; color: #fff; }
.pictrue6s .contact3 h6{ margin:10px 0 0; font-size: 15px; color: #333;}
.pictrue7 .imgbox{ margin: 0 auto 10px; max-width: 480px; }
.pictrue7 .imgbox h5{ margin:10px 0; font-size: 20px; color: #333; line-height: 24px; }
.pictrue8{ margin: 10px 0; }

.subnav h5{ padding: 0 0 0 76px; margin: 0; font-size: 18px; color: #fff; line-height: 55px; background:#e10010;}
.subnav ul{ margin: 0 0 6px; }
.subnav ul li{ position: relative; margin:6px 0 0; }
.subnav ul li a{ padding: 0 0 0 76px; display: block; line-height: 43px; border:solid 1px #d4d4d4; background: #e4e4e4; color: #333; }
.subnav ul li:hover a{ color: #fff; background: #464646; border:solid 1px #464646; }
.subnav ul li:after{transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s; filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0; margin: -5px 0 0;  content: ""; position: absolute; right: 62px; top: 50%; z-index: 1; width: 10px; height: 9px;  background: url(../images/icon/subnav_jt.png) no-repeat; }
.subnav ul li:hover:after{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1;}
.subnav .contact4{ padding: 2px; border:solid 1px #d4d4d4; }
.subnav .contact4 div{ margin:0; padding: 5px;  color: #333; line-height: 22px;}

footer{ background: #e10817; }
footer p{margin:0;  line-height: 40px; color: #fff; font-size: 12px; }
footer nav ul{ font-size: 0; }
footer nav ul li a{ margin:14px 0 0; display: inline-block; vertical-align: top; font-size: 12px; color: #fff; padding: 0 10px; border-left:solid 1px #fff; height: 12px; line-height: 12px; }
footer nav ul li a:hover{ color: #000 }
footer nav ul li.li0 a{ border:none; }


@media (max-width:991px){
	header .top_bar{ padding: 0; min-height: inherit; }
	header .logo{ line-height:80px;}
	header .logo img.img1{ width:100px;}

	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:#d8000f;}
	header .sjdnav li.active a{ background:#d8000f;}
	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:#d8000f;}
	header .ydd_btn span.span02{margin:4px 0;}
	header .ydd_btn.click{ background:none;}
	header .ydd_btn.click span{ background:#d8000f;}
	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;}
	.pictrue5 ul li{ width: 50%; }
	.pictrue4 .textbox{ height: inherit; }
	.pictrue6s .contact1{ margin-bottom: 20px; }
	.pictrue6s .contact1,.pictrue6s .contact2{ padding: 0; width: 100%; }
	.pictrue6s .contact2 .hang .hangs input{ width: 100%; }
	.subnav{ margin: 0 0 20px; }
	.subnav ul{ margin: 0; }
	.subnav ul li a{ padding: 0 15px; text-align:center; }
	.subnav h5{ padding: 0 15px; position: relative; }
	.subnav h5 span{ display: block; position: absolute; left: 0; top: 0 ; z-index: 1; width: 100%; height: 100%; cursor: pointer; }
	footer{ padding: 15px 0 5px; }
	footer p{ width: 100%; text-align: center; line-height: 24px; }
	footer nav{ width: 100%; text-align: center; }
	footer nav ul{ display: inline-block; }
	footer nav ul li a{ margin:0 0 10px; }
}

@media (max-width:767px){
	.main{ padding: 20px 0; }
	body{ padding-bottom:50px;}	
	.hot{height:50px; background:#cb1320; 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;}
	.hot .row div:hover{ background:#e10817;}	
	header .logo{ line-height:60px;}
	header .logo img.img1{ width:70px; }
	header .logo .img2{ width: 230px; }
	header .sjdnav{top:60px; width: 120px;}
	header .sjdnav li a{ font-size: 12px; }
	header .ydd_btn{padding:10px; margin:10px 0 0;}
	.banner #myCarousel .carousel-indicators{ bottom: 5px; }
	.banner #myCarousel .carousel-indicators li{ width: 10px; height: 10px; margin:0 3px; }
	.title1{ margin:0 0 20px; }
	.title1 small{ font-size: 20px; }
	.title1 h1{ margin:0; font-size: 18px; line-height: 22px; }
	.pictrue1 a h5{ font-size: 14px; }
	.pictrue2 a h5{ font-size: 14px; }
	.pictrue3-list{ margin-bottom: 20px; }
	.pictrue3-list a{ padding: 0 0 0 120px; min-height: 90px; }
	.pictrue3-list a .imgbox{ width: 120px; }
	.pictrue3-list a .imgbox span{ height: 90px; }
	.pictrue3-list a .textbox h5{ margin: 0; }
	.pictrue3-list a .textbox{ padding: 0 0 0 10px; }
	.pictrue3-list a .textbox p{ font-size: 12px; line-height: 24px; height: 48px; }
	.pictrue4 .textbox{ font-size: 12px; }
	.pictrue6s h5{ font-size: 16px; margin: 0 0 10px; }
	.pictrue6s .contact1 h3{ font-size: 24px; }
	.pictrue6s .contact1 p{ font-size: 12px; line-height: 24px; }
	.pictrue6s .contact2 .hang .hangs input{ font-size: 12px; }
	.pictrue7 .imgbox h5{ font-size: 16px; }
	.text1{ font-size: 12px; }
	.subnav h5{ font-size: 16px; }
	.subnav ul li a{ font-size: 12px; }
}
@media (max-width:340px){
	.pictrue6s .contact2 .hang{ margin-bottom:0; }
	.pictrue6s .contact2 .hang .hangs{ width: 100%; margin:0 0 10px; }
	footer p{ padding: 0 10px; line-height: 22px; margin-bottom: 10px; }
	footer nav ul li{ width: 25%; }
	footer nav ul li a{ padding: 0; border:none; }
}