@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: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}
.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}
.tr3{transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s}

.main-1{ padding: 0 5px; }
.main-1-list{ padding: 0 10px; }
.main-pad-1{ padding:10px 0;}
.main-pad-2{ padding:20px 0;}
.main-Background-1{ background:url(../images/bg_03.png) repeat;}

header{ position: relative; z-index: 2147483647; }
header .top_bar .logo{ font-size: 0; line-height: 100px; }
header .top_bar .tel{ margin:25px 0 0; padding: 0 0 0 52px; font-size: 16px; color: #333; line-height: 20px; background: url(../images/icon/tel.png) no-repeat left; }
header .top_bar .tel b{ display: block; font-family:Impact,arial; font-size: 24px; color: #013a8c; line-height: 30px; }
header .menu{ background: #013a8c; }
header .menu ul li{ position: relative; width: 14.28%; }
header .menu ul li:before{ content: ""; position: absolute; left: -1px; top: 50%; z-index: 1; margin-top: -10px; width: 2px; height: 20px; background: #0052c7; border-right: solid 1px #002964; }
header .menu ul li:after{ content: ""; position: absolute; right: -1px; top: 50%; z-index: 1; margin-top: -10px; width: 2px; height: 20px; background: #0052c7; border-right: solid 1px #002964; }
header .menu ul li > a{ position: relative; z-index: 2; display: block; font-size: 16px;color: #fff; line-height: 50px; }
header .menu ul li .ul{ display: none; position:absolute; left: 0; top: 100%; z-index: 1; width: 100%;
background:-moz-linear-gradient(top,rgba(0,76,185,0.8) 0%,rgba(0,76,185,0.8) 100%);background:-webkit-linear-gradient(top,rgba(0,76,185,0.8) 0%,rgba(0,76,185,0.8) 100%);background:linear-gradient(to bottom,rgba(0,76,185,0.8) 0%,rgba(0,76,185,0.8) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc004cb9',endColorstr='#cc004cb9',GradientType=0 ); }
header .menu ul li .ul .li a{ display: block; color: #fff; line-height: 40px; }

.banner{ position:relative; overflow:hidden; margin-top:2px;}
.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:15px;z-index:4; font-size: 0;}
.banner #myCarousel .carousel-indicators li{margin:0 5px;width:50px;height:4px;background:#fff; border:none; filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5; opacity: 0.5; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0;}
.banner #myCarousel .carousel-indicators li:hover{background:#004cb9;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1;}
.banner #myCarousel .carousel-indicators li.active{background:#004cb9;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1;}

.title-1{ margin:0 0 8px; padding: 7px 0 0; height: 54px; border-bottom: solid 1px #013a8c; }
.title-1 .left{ padding: 26px 0 0; color: #013a8c; font-weight: bold; line-height: 14px; }
.title-1 .right form{ position: relative; display: block; padding: 0 46px 0 0; width: 343px; height: 40px; border:solid 2px #013a8c; }
.title-1 .right form input{ padding: 0 10px; width: 100%; height: 36px; font-size: 12px;color: #9b9b9b; line-height: 36px; background: #fff; border:none; }
.title-1 .right form button{ position: absolute; right: 0; top: 0; z-index: 1; width: 46px; height: 36px; background: #013a8c; border:none; }
.title-1 .right form button:before{ content: ""; position: absolute; left: 50%; top: 50%; z-index: 1; margin:-13px 0 0 -13px; width: 26px; height: 25px; background: url(../images/icon/fdj.png) no-repeat; }
.title-2{ margin:0 0 30px; font-size: 0; overflow: hidden;}
.title-2 a{ display: inline-block; vertical-align: top; }
.title-2 a .en{ font-size: 25px;color: #013a8c; line-height: 30px; font-weight:bold; }
.title-2 a .cn{ position: relative; font-size: 25px;color: #333; line-height: 30px; }
.title-2 a .cn:after,.title-2 a .cn:before{ content: ""; position: absolute; top: 50%; z-index: 1; width: 2000px; height: 1px; background: #cfcfcf; }
.title-2 a .cn:after{ left: -2010px; }
.title-2 a .cn:before{ right: -2010px; }
.title-3{ margin:0 auto 20px; max-width: 650px; }
.title-3 h5{ margin:0; padding:0 0 5px; font-size: 12px;color: #013a8c; font-weight:bold; line-height: 20px; border-bottom:dashed 1px #c7c7c7; }
.title-3 p{ margin:0; padding:5px 0 0;font-family: arial; font-size: 12px;color: #999; line-height: 20px; }

.text-1 .biaoti{font-size: 20px;color: #013a8c; line-height: 30px; }
.text-1 .textbox{ margin:10px 0; height: 275px; font-size: 12px;color: #333; line-height: 25px; overflow: hidden; }
.text-1 .more{ line-height: 24px; }
.text-1 .more a{ font-size: 21px; color: #9a9a9a; }
.text-1 .more a span{ margin:0 10px 0 0; font-family: Tahoma,arial; }
.text-2{ margin:0 0 20px; height: 80px; font-size: 12px; color: #333; line-height: 20px; overflow: hidden;text-align: justify; }
.text-3 p{ width: 50%; font-size: 14px;color: #333; line-height: 30px; }
.text-3 .QL{ width:260px; padding: 0 0 70px; background: url(../images/icon/qie.png) no-repeat right bottom; }
.text-3 .QL .ul{ position: relative; padding: 10px; background: #013a8c; border-radius: 5px 5px 0; -webkit-border-radius: 5px 5px 0; -moz-border-radius: 5px 5px 0; -o-border-radius: 5px 5px 0; }
.text-3 .QL .ul:before{ content: ""; position: absolute; right: 0; bottom: -10px; z-index: 1; width:0; height: 0; border-left: solid 10px transparent; border-right: solid 10px transparent; border-top: solid 10px #013a8c; }
.text-3 .QL .ul .li{ position: relative; padding: 0 60px 0 0; font-size: 20px; color: #fff; min-height: 21px; line-height: 21px; }
.text-3 .QL .ul .li:first-child{ margin-bottom: 10px; }
.text-3 .QL .ul .li a{ display:block; position: absolute; right: 0; top: 0; z-index: 1; width: 60px; font-size: 12px; color: #fff; background: #0054cd; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; }
.text-4 form .hangs{ width: 50%; }
.text-4 form .box{ position: relative; margin:0 0 10px; padding: 0 0 0 30px; min-height: 42px; }
.text-4 form .box span{ position: absolute; left: 0; top: 0; z-index: 1; width: 30px; font-size: 0; line-height: 42px; }
.text-4 form .box input{ padding: 0 10px; width: 100%; font-size: 12px; color: #333; height: 42px; line-height: 40px; border:solid 1px #b5b5b5; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px;  }
.text-4 form .box textarea{ padding: 0 10px; width: 100%; max-width: 100%; min-width: 100%; font-size: 12px; color: #333; height: 102px; line-height: 40px; border:solid 1px #b5b5b5; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px;  }
.text-4 form .box button{ width: 100%; height: 42px; font-size: 12px;color: #fff; line-height: 42px; background: #013a8c; border:none;border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; }
.text-5{ margin:0 0 20px; font-size: 12px; color: #333; line-height: 20px; }

.pictrue-1-list{ margin:0 0 20px; }
.pictrue-1-list a{ display: block; }
.pictrue-1-list a .imgbox{ border:solid 1px #d5d5d5; overflow: hidden; }
.pictrue-1-list a .imgbox span{ display: block; }
.pictrue-1-list a .imgbox span img{ max-width: 100%; }
.pictrue-1-list a h5{ font-size: 12px; color: #333; line-height:30px; }
.pictrue-2{ position: relative; }
.pictrue-2 a{ display: block; }
.pictrue-2 a .imgbox { overflow: hidden; }
.pictrue-2 a .imgbox span{ display: block; height: 355px; }
.pictrue-2 a .imgbox span img{ max-width: 100%; }
.pictrue-3-list{ margin:0 0 20px; }
.pictrue-3-list a{ position: relative; display: block; padding: 0 0 0 191px; min-height: 148px; }
.pictrue-3-list a .imgbox{ position: absolute; left: 0; top: 0; z-index: 1; width: 191px; border:solid 1px #ccc; overflow: hidden; }
.pictrue-3-list a .imgbox span{ display: block; height: 146px; }
.pictrue-3-list a .textbox{ padding: 0 0 0 15px; }
.pictrue-3-list a .textbox .biaoti{ position: relative; margin:0 0 10px; padding: 0 80px 0 0; min-height: 24px; }
.pictrue-3-list a .textbox .biaoti h5{ margin:0; font-size: 12px;color: #013a8c; line-height: 24px; font-weight:bold; }
.pictrue-3-list a .textbox .biaoti span{ position: absolute; right: 0; top: 0; z-index: 1; font-family: arial; font-size: 12px; color: #999;line-height: 24px;  }
.pictrue-3-list a .textbox p{ margin:0 0 10px; height: 75px; font-size: 12px;color: #333; line-height: 25px; overflow: hidden; }
.pictrue-3-list a .textbox .more span{ display: block; width: 50px; font-size: 12px;color: #013a8c; line-height: 21px; background: url(../images/icon/p3_jt.png) no-repeat right; }
.pictrue-4{ margin:0 0 20px; }
.pictrue-4 h5{ margin:10px 0 0; font-size: 12px;color: #333; line-height: 24px; }

.subnav .biaoti{ padding: 3px 0; margin:0 0 8px; font-size: 0; background: #013a8c; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; }
.subnav .biaoti .box{ position: relative; padding: 0 0 0 32px; display: inline-block; vertical-align: top; }
.subnav .biaoti .box h5{ font-size: 25px; color: #fff; line-height: 35px; }
.subnav .biaoti .box .en{ font-size: 12px;color: #fff; line-height: 14px; }
.subnav .biaoti .box .en span{ position: absolute; left: 0; top:0; z-index: 1; width: 30px; font-size: 50px; line-height: 49px; }
.subnav ul{ padding: 2px; background: #f3f3f3; }
.subnav ul li{ margin:6px 0 0; }
.subnav ul li:first-child{ margin:0; }
.subnav ul li a{ position: relative; display: block; padding:0 61px 0 20px; font-size: 16px;color: #fff; line-height: 44px; background: #0054cc; }
.subnav ul li a:before{ content: ""; position: absolute; right: 20px; top: 50%; z-index: 1; margin-top: -10px; width: 21px; height: 21px; background: url(../images/icon/subnav_li_jt.png) no-repeat;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s; }
.subnav .ul{ display: none; }
.subnav .ul .li a{ display: block; padding: 0 10px; width: 50%; font-size: 12px;color: #333333; line-height: 32px; }
.subnav .textbox img{ width: 100%; }
.subnav .textbox p{ padding: 5px 0; font-size: 12px; color: #333; line-height: 22px; }
.subnav.index_subnav .hidden-xs{ display: none; }

footer{ padding: 19px 0; background: #013a8c; }
footer .menu ul li:last-child a{ border-right:solid 1px #fff;}
footer .menu ul li a{ display: block; padding: 0 10px; font-size: 12px;color: #fff; line-height: 12px; border-left: solid 1px #fff; }
footer p{ font-size: 12px;color: #fff; line-height: 12px; }

body.hover header .menu ul li:hover > a{ background: #004cb9; }
header .menu ul li.active > a{ background: #004cb9; }
body.hover header .menu ul li .ul .li:hover a{ background: #013a8c; }
body.hover .title-1 .right form:hover{ border:solid 2px #0054cc; }
body.hover .title-1 .right form:hover button{ background: #0054cc; }
body.hover .text-1 .more a:hover{color: #0054cc;text-decoration: underline !important; }
body.hover .text-3 .QL .ul .li a:hover{ background: #1669e1 }
body.hover .pictrue-1-list a:hover .imgbox{ border:solid 1px #0054cc; }
body.hover .pictrue-1-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-list a:hover h5{ color: #0054cc; }
body.hover .pictrue-2 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-3-list a:hover .imgbox{ border:solid 1px #0054cc;}
body.hover .pictrue-3-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-3-list a:hover .textbox .biaoti h5{ text-decoration: underline !important; }
body.hover .text-4 form .box input:hover{ color: #0054cc; border:solid 1px #0054cc;}
body.hover .text-4 form .box textarea:hover{ color: #0054cc; border:solid 1px #0054cc;}
body.hover .text-4 form .box button:hover{ background: #0054cd;}
body.hover .subnav ul li:hover a{ background: #186adf; }
body.hover .subnav .ul .li a:hover{ color: #0054cc; text-decoration: underline !important; }
body.hover footer .menu ul li a:hover{ text-decoration: underline !important; }

@media (max-width:1199px){
	.text-3 .QL{ width: 230px; }
	.text-3 .QL .ul .li{ font-size: 17px; }
}

@media (max-width:991px){
	header .top_bar .logo{ line-height: 80px; }
	header .top_bar .logo img{ width:350px; }
	header .menu{ position: absolute; right: 0; top: 100%; z-index: 1; width: 120px; }
	header .menu .container-fluid{ padding: 0; }
	header .menu .row{ margin:0; }
	header .menu .col-xs-12{ padding: 0; }
	header .menu ul li{ width: 100%; }
	header .menu ul li:before,header .menu ul li:after{ display: none; }
	header .menu ul li a{ font-size: 12px; line-height: 40px; }
	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:#013a8c;}
	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;}
	.text-1 .textbox{ height: inherit; }
	.text-2{ height: inherit; }
	.text-3{ margin:0 0 20px; }
	.pictrue-2{ margin:0 0 20px; }
	.pictrue-2 a .imgbox span{ height: inherit; }
	.pictrue-3-list:last-child{ margin:0; }
	.subnav{ margin:0 0 20px; }
	.subnav.on .biaoti{ position:relative; cursor: pointer;}
	.subnav.on .biaoti:before{ content: ""; position: absolute; right: 15px; top: 50%; z-index: 1; margin-top: -5px; width: 0; height: 0; border-top:solid 5px transparent;border-bottom:solid 5px transparent;border-left:solid 8px #fff;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s; }
	.subnav.on .biaoti.active:before{transform:rotate(90deg);-ms-transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg);}
	.subnav ul{ margin:0; }
	.subnav.on ul li.active a:before{transform:rotate(90deg);-ms-transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg);}
	.subnav ul li a{ font-size: 14px; }
}

@media (max-width:767px){
	body{ padding-bottom:50px;}
	header .top_bar .logo{ line-height:60px; }
	header .top_bar .logo img{ width:220px; }	
	header .ydd_btn{ margin:10px 0 0; padding:10px;}	
	.subnav .biaoti{ padding: 5px 0; }
	.subnav .biaoti .box{ padding: 0 0 0 28px; }
	.subnav .biaoti .box h5{ font-size: 18px; line-height: 24px; }
	.subnav .biaoti .box .en span{ font-size: 39px; line-height: 43px; }
	.title-2{ margin:0 0 20px; }
	.title-2 a .en{ font-size: 18px; line-height: 24px; }
	.title-2 a .cn{ font-size: 18px; line-height: 24px;}
	.text-1 .biaoti{ font-size: 18px; line-height: 24px; }
	.pictrue-3-list a{ padding: 0 0 0 120px; min-height: 100px; }
	.pictrue-3-list a .imgbox{ width: 120px; }
	.pictrue-3-list a .imgbox span{ height: 98px; }
	.pictrue-3-list a .textbox{ padding: 0 0 0 10px; }
	.pictrue-3-list a .textbox .biaoti{ margin:0; }
	.pictrue-3-list a .textbox p{ margin:0 0 5px; height: 48px; line-height: 24px; }
	.hot{height:50px; background:#013a8c; 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 .menu{ width: 100%; text-align: center; font-size: 0; }
 	footer .menu ul li{ margin:0 0 10px; display: inline-block; vertical-align: top; float: inherit !important; }
 	footer p{ width: 100%; text-align: center; }
 }
 @media (max-width:499px){
	.text-3 p{ float: inherit !important; width: 100%; }
	.text-3 .QL{ float: inherit !important; width: 100%; }
}