@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(//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}
/*img {
    vertical-align: middle;
    max-width: 100%
}*/

.main-1{ padding: 0 15px; }
.main-1-list{ padding: 0; }
.main-2{ padding: 0 5px; }
.main-2-list{ padding: 0 10px; }
.main-3{ padding: 0 10px; }
.main-3-list{ padding: 0 5px; }
.main-pad-1{ padding:30px 0;}
.main-Background-1{ background:url(../images/bg1.jpg) 50% 50%; background-size: cover;}
.main-Background-2{ background:url(../images/bg2.jpg) 50% 50%; background-size: cover;}

header{ position: relative; z-index: 96999999999; background: #fff; }
header .logo{ line-height: 110px; font-size: 0; }
header .by{ margin-left: 20px; line-height: 110px; font-size: 0;}
header .tel{ padding: 0 0 0 56px; font-family: Impact,arial; font-size: 30px; color: #015acf; line-height: 110px; background: url(../images/icon/tel.png) no-repeat left; }
header .menu{ background: #015acf; }
header .menu ul li{ position: relative; width: 14.28%; }
header .menu ul li:after{ content: ""; position: absolute; left: 0; top: 50%; z-index:2; margin-top:-9px; width: 2px; height: 18px; background: #0068f0; border-right: solid 1px #00449e; }
header .menu ul li:last-child:before{ content: ""; position: absolute; right: 0; top: 50%; z-index: 2; margin-top:-9px; width: 2px; height: 18px; background: #0068f0; border-right: solid 1px #00449e; }
header .menu ul li > a{ position: relative; z-index: 2; display: block; padding:6px 0; height: 55px; background: #015acf }
header .menu ul li > a:before{ content: ""; position: absolute; left: 0; top: -10px; z-index: 3; width: 100%; height: 10px; background: #00449e;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;}
header .menu ul li > a:after{ content: ""; position: absolute; right:-6px; top: -10px; z-index: 3; width: 0; height: 0; border-top:solid 8px transparent; border-bottom:solid 8px transparent; border-right:solid 7px #002659; transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);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;}
header .menu ul li > a h5{ margin:0; font-size: 16px;color: #fff; line-height: 24px; }
header .menu ul li > a span{ display: block; font-family: Tahoma,arial; font-size: 12px; color: #fff; line-height: 19px; }
header .menu ul li.on h5{ position: relative; }
header .menu ul li.on h5:before{ content: ""; position: absolute; right: 50%;  bottom: 0; z-index: 1; margin-right: -55px; width: 0; height: 0; border-left: solid 6px transparent; border-right:solid 6px transparent; border-top: solid 6px #fff; }
header .menu ul li .ul{ display: none; position: absolute; left: 0; top: 100%; z-index: 1; padding: 10px 0; width: 100%;
background:-moz-linear-gradient(top,rgba(1,90,207,0.54) 0%,rgba(1,90,207,0.54) 100%);background:-webkit-linear-gradient(top,rgba(1,90,207,0.54) 0%,rgba(1,90,207,0.54) 100%);background:linear-gradient(to bottom,rgba(1,90,207,0.54) 0%,rgba(1,90,207,0.54) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a015acf',endColorstr='#8a015acf',GradientType=0 ); }
header .menu ul li .ul .li{ line-height: 40px; }
header .menu ul li .ul .li a{ display: block; padding: 0 15px; color: #fff; }
body.hover header.fixd{ position: fixed; left: 0; top: 0; width: 100%; box-shadow: 0 2px 5px rgba(0,0,0,0.2); -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.2); -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.2); -o-box-shadow: 0 2px 5px rgba(0,0,0,0.2); }

.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 5px;width:20px;height:20px; line-height: 20px; font-size: 12px; color: #fff; background: #015acf; border:none;}
.banner #myCarousel .carousel-indicators li:hover{background:#fff; color: #015acf}
.banner #myCarousel .carousel-indicators li.active{background:#fff; color: #015acf}
.more-1{ margin:30px 0 0; }
.more-1 a{ display: block; margin:0 auto; width: 140px; color: #fff; line-height: 40px; background: #015acf; border-radius:20px;}

.title-1{ position: relative; margin:0 0 30px; overflow: hidden; font-size: 0; }
.title-1:before{ content: ""; position: absolute; left: 0; top:40px; z-index: 1; width: 100%; height: 1px; background: #bbbbbb; }
.title-1:after{ content: ""; position: absolute; left: 50%; top: 39px; z-index: 2; margin-left: -38px; width: 76px; height: 3px; background: #015acf; }
.title-1 a{ display: inline-block; vertical-align: top; }
.title-1 a h4{margin:0 0 15px; font-size: 25px;color: #333; line-height: 30px; }
.title-1 a span{ display:block; font-family: Tahoma,arial; font-size: 38px; color: #9e9e9e; line-height: 40px; }
.title-1.active:before{ background: #fff; }
.title-1.active:after{ background: #fff; }
.title-1.active a h4{ color: #fff !important; }
.title-1.active a span{ color: #fff !important; }
.title-2{ margin:0 0 30px;}
.title-2 ul{ margin-right: -9px; }
.title-2 ul li{ margin:0 -1px 2px 0; width: 11.111111%; margin-right:0px; }
.title-2 ul li a{ display: block; font-size: 16px; color: #333; line-height: 42px; border: solid 1px #a9a9a9;text-align: center; border-radius:21px; }
.title-3{ margin:0 0 20px; font-size: 16px;color: #333; line-height: 24px; }
.title-4{ margin:0 0 10px; border-bottom: solid 1px #c2c2c2; }
.title-4 .left{ padding: 6px 0 0; color: #015acf; line-height: 43px; width: 104px; border-bottom: solid 2px #015acf; } 
.title-4 .right{padding: 6px 0 0;  color: #979797; line-height: 43px; }
.title-4 .right a{  color: #979797; }
.title-5{ margin:0 0 20px; }
.title-5 h5{ margin:0; padding: 0 0 10px; font-size: 14px;color: #333; line-height: 24px; border-bottom: solid 1px #d9d9d9; }
.title-5 p{ margin:10px 0 0; font-size: 12px;color: #999; line-height: 24px; }

.text-1{ color: #fff; line-height: 24px; }
.text-2 .left ul li{ margin:0 30px 0 0; }
.text-2 .left ul li:last-child{ margin:0; }
.text-2 .right{ padding: 0 0 0 30px; color: #333; line-height: 24px; }
.text-5 .hang .hangs{ padding: 0 5px; margin: 0 0 10px; width: 50%; }
.text-5 .hang .hangs input{ padding: 0 10px; width: 100%; height: 40px; color: #333; line-height: 38px; border:solid 1px #d5d5d5; }
.text-5 .hang .hangs textarea{ padding: 0 10px; width: 100%; height: 90px; color: #333; line-height: 38px; border:solid 1px #d5d5d5; }
.text-5 .hang .hangs button{ width: 132px; height: 40px; color: #333; line-height: 38px; background:none; border:solid 1px #d5d5d5; }
.text-6{ color: #333; line-height: 30px; }

.pictrue-1{ position: relative; margin:0 -23px; }
.pictrue-1 .item{ padding: 0 23px; }
.pictrue-1-list a{ display: block; margin:0 auto; max-width: 202px; }
.pictrue-1-list a .imgbox{ position: relative; overflow: hidden; background:#b5b5b5; border:solid 1px #b5b5b5; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; }
.pictrue-1-list a .imgbox:after{ content: ""; position: absolute; left:0; top: 0; z-index: 1;  width: 80%; height: 80%; background: #fff; }
.pictrue-1-list a .imgbox img{ max-width: 100%;}
.pictrue-1-list a .imgbox .p1imgs{position: absolute; left: 0; top: 0; z-index:2; width: 100%; height: 100%;  padding: 2px;border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; }
.pictrue-1-list a .imgbox span{ position: relative; display: block; height: 100%; overflow: hidden;background:#fff;border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%;   }
.pictrue-1-list a .imgbox span img{ max-height: 100%; }
.pictrue-1-list a h5{ margin:10px 0 0; font-size: 14px; color: #333; line-height: 20px; }
.pictrue-1 .owl-theme .owl-controls .owl-buttons div{ margin-top:-32px; width: 20px; height: 34px; }
.pictrue-1 .owl-theme .owl-controls .owl-buttons div.owl-prev{ left: -40px; background: url(../images/icon/p1_jt_l.png) no-repeat left; }
.pictrue-1 .owl-theme .owl-controls .owl-buttons div.owl-next{ right: -40px; background: url(../images/icon/p1_jt_r.png) no-repeat right; }
.pictrue-2{ position: relative; height: 378px; }
.pictrue-2 img{ max-width: 100%; }
.pictrue-2 .imgbox{ position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; }

.pictrue-3{ padding:15px 30px; height: 378px; background:#015acf; }
.pictrue-3 .textbox{ margin:0 0 20px; height: 275px; color: #fff; line-height: 25px; overflow: hidden; text-align: justify; }
.pictrue-3 .textbox img{ margin:0 20px 0 0; }
.pictrue-3 .more{ width: 142px; color: #015acf; line-height: 40px; text-align: center; background: #fff;border-radius:20px; }
.pictrue-3 .more a{ display: block; }
.pictrue-4{ position: relative; margin:0 -10px; }
.pictrue-4 .item{ padding: 0 10px; }
.pictrue-4-list{ margin: 0 0 20px; }
.pictrue-4 .pictrue-4-list:last-child{ margin:0; }
.pictrue-4-list a{ display: block; }
.pictrue-4-list a .imgbox{ border:solid 1px #d3d3d3; overflow: hidden; }
.pictrue-4-list a .imgbox span{ display: block; }
.pictrue-4-list a .imgbox span img{ max-width: 100%; width:282px; height:208px;}
.pictrue-4-list a h5{ margin:0; padding: 0 15px; font-size: 14px; color: #333; line-height: 40px; background: #a9a9a9; } 
.pictrue-5-list{ margin:0 0 20px; }
.pictrue-5-list a{ display: block; position: relative; padding: 0 0 0 215px; min-height: 150px; }
.pictrue-5-list a .imgbox{ position: absolute; left: 0; top: 0; z-index: 1; width: 215px; overflow: hidden; border:solid 1px #bbb; }
.pictrue-5-list a .imgbox span{ display: block; height: 150px; }
.pictrue-5-list a .textbox{ padding: 0 0 0 15px; }
.pictrue-5-list a .textbox .biaoti{ position: relative; margin:0 0 20px; padding: 0 80px 0 0; min-height: 24px; }
.pictrue-5-list a .textbox .biaoti h5{ font-size: 14px;color: #333; line-height: 24px; }
.pictrue-5-list a .textbox .biaoti span{ position: absolute; right: 0; top: 0; z-index: 1;color: #333; line-height: 24px; }
.pictrue-5-list a .textbox p{ height: 72px; color: #333; line-height: 24px; overflow: hidden; }
.pictrue-5-list a .textbox .more{ color: #015acf; line-height: 24px; }
.pictrue-6 ul{ font-size: 0; }
.pictrue-6 ul li{ display: inline-block; vertical-align: top; margin:0 15px 30px; }
.pictrue-6 ul li a{ display: block; }
.pictrue-6 ul li a .imgbox{ max-width: 150px; }
.pictrue-6 ul li a .imgbox span{ display: block; }
.pictrue-6 ul li a .imgbox span img{ max-width: 100%; }
.pictrue-7-list{ margin:0 0 20px; position: relative; }
.pictrue-7-list img{ max-width: 100%; }
.pictrue-7-list .imgbox{ position: absolute;  left: 0; top: 0; z-index: 1; width: 300px;  height: 220px;}
.pictrue-8{ margin:0 0 20px; }

.subnav .biaoti{ margin:0 0 2px; background: #015acf; }
.subnav .biaoti span{ position: relative; display: block; margin:0 20px; font-size: 20px; color: #fff; line-height: 56px; overflow: hidden; }
.subnav .biaoti span:before,.subnav .biaoti span:after{ content: ""; position: absolute; top: 50%; z-index: 1; width: 100px; height: 1px; background:#fff; }
.subnav .biaoti span:before{ left: -40px;}
.subnav .biaoti span:after{ right: -40px;}
.subnav ul{ margin:0 0 20px; }
.subnav ul li{ margin:0 0 5px; }
.subnav ul li a{ padding: 0 20px 0 25%; display: block; font-size: 16px; color: #333; line-height:40px; background: #e0e0e0; border-top: solid 2px #e0e0e0; border-bottom: solid 2px #e0e0e0; }
.subnav .textbox{ padding: 5px; background: #e0e0e0; }
.subnav .textbox img{ width: 100%; }
.subnav .textbox p{ margin:0; padding: 5px; color: #333; line-height:30px; }

footer{ padding: 15px 0; background: #005acf; }
footer ul li a{ display: block; padding: 0 10px; height: 14px; color: #fff !important; line-height: 14px; border-right: solid 1px #fff; }
footer ul li:last-child a{ border-right: none; }
footer p{color: #fff; line-height: 30px}

body.hover header .menu ul li:hover > a{ background: #00449e; }
body.hover header .menu ul li:hover > a:before,
body.hover header .menu ul li:hover > a:after
{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1;}
body.hover header .menu ul li.active > a{ background: #00449e; }
body.hover header .menu ul li.active > a:before,
body.hover header .menu ul li.active > a:after
{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1;}
body.hover header .menu ul li .ul .li:hover a{ background: #00449e }
body.hover .title-1 a:hover h4{ color: #005acf }
body.hover .title-1 a:hover span{ color: #005acf }
body.hover .title-2 ul li a:hover{ color: #fff; background: #005acf; }
body.hover .title-4 .right a:hover{  color: #005acf;text-decoration: underline !important; }
body.hover .more-1 a:hover{ background: #2479e9 }
body.hover .text-5 .hang .hangs input:hover{ border:solid 1px #005acf; }
body.hover .text-5 .hang .hangs textarea:hover{ border:solid 1px #005acf; }
body.hover .text-5 .hang .hangs button:hover{ color: #fff; background: #005acf; border:solid 1px #005acf; }
body.hover .pictrue-1-list a:hover .imgbox{ transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); background: #015acf; border:solid 1px #015acf; }
body.hover .pictrue-1-list a:hover h5{ color: #015acf; }
body.hover .pictrue-1 .owl-theme .owl-controls .owl-buttons div.owl-prev:hover{ background: url(../images/icon/p1_jt_l.png) no-repeat right; }
body.hover .pictrue-1 .owl-theme .owl-controls .owl-buttons div.owl-next:hover{ background: url(../images/icon/p1_jt_r.png) no-repeat left; }
body.hover .pictrue-3 .more a:hover{ color: #fff; background: #2479e9; }
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-4-list a:hover h5{ color: #fff; background: #005acf; }
body.hover .pictrue-5-list a:hover .imgbox{border:solid 1px #005acf;}
body.hover .pictrue-5-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-5-list a:hover .textbox .biaoti h5{ color: #015acf; }
body.hover .pictrue-6 ul li:hover  a .imgbox span{transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); }
body.hover .subnav ul li:hover a{ color: #005acf; border-top: solid 2px #015acf;border-bottom: solid 2px #015acf; }
body.hover .subnav ul li.active a{ color: #005acf; border-top: solid 2px #015acf;border-bottom: solid 2px #015acf; }
body.hover footer ul li a:hover { text-decoration: underline !important; }

body.hover .animateTop{ animation-name: fadeInUp; -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; }

@media (max-width:1339px){
	.pictrue-1 .owl-theme .owl-controls .owl-buttons div{ display: none; }
}

@media (max-width:1199px){
	.title-2 ul li{ width: 16.6666%; }
	.text-2 .left ul li{ margin:0 20px 0 0; }
	.text-2 .left ul li img{ width: 100px; }
	.text-2 .right{ padding: 0 0 0 20px; font-size: 12px; }
	.pictrue-1{ margin:0 -15px; }
	.pictrue-1 .item{ padding: 0 15px; }

}

@media (max-width:991px){
	header .logo{ line-height: 80px; }
	header .logo img{ width:300px; }
	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:after{ display: none; }
	header .menu ul li h5:before{ display: none; }
	header .menu ul li a{ padding: 0; height: inherit; }
	header .menu ul li a:after,header .menu ul li a:before{ display: none; }
	header .menu ul li a h5{ font-size: 14px; line-height: 40px; }
	header .menu ul li a span{ display: none; }
	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:#005acf;}
	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;}
	.title-2 ul li a{ font-size: 12px; }
	.pictrue-2{ margin:0 auto 20px; max-width: 80%; height: inherit; }
	.pictrue-3{ padding: 15px; height: inherit; }
	.pictrue-3 .textbox{ height: inherit; }
	.pictrue-3 .textbox img{ margin:0 0 20px; display: block; float: inherit !important;}
	.subnav{ margin:0 0 20px; }
	.subnav ul{ margin:0; }
	.subnav .biaoti{ position: relative; cursor: pointer; }
	.subnav .biaoti:before{ content: ""; position: absolute; right: 15px; top: 50%; z-index: 1; margin-top: -10px; width: 20px; height: 20px; background: url(../images/icon/subnav_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 .biaoti.active:before{transform:rotate(180deg);-ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg); }
	.subnav .biaoti span{ margin:0 15px; text-align: left; font-size: 18px; line-height: 50px; }
	.subnav .biaoti span:before,.subnav .biaoti span:after{ display: none; }
	.subnav ul li a{ padding: 0 15px; text-align: center; border:none; font-size: 12px; line-height: 34px; }
	.ke-zeroborder tr td{ float: left; width: 100% }
	.pictrue-7-list .imgbox{ position: absolute;  left: 0; top: 0; z-index: 1; width: 100%;  height: 100%;}
}

@media (max-width:767px){
	.main-pad-1{ padding: 20px 0; }
	body{ padding-bottom:50px;}	
	header .ydd_btn{ margin:10px 0 0; padding:10px;}	
	header .logo{ line-height: 60px; }
	header .logo img{ width:220px; }
	.hot{height:50px; background:#005acf; 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; }
	.banner #myCarousel .carousel-indicators{ bottom: 5px; }
	.title-1::after{ top:30px; }
	.title-1::before{ top:30px; }
	.title-1 a h4{ margin:0 0 10px; font-size: 18px; line-height: 24px; }
	.title-1 a span{ font-size: 24px; line-height: 30px; }
	.title-2 ul li{ width: 33.3333%; }
	.title-2 ul li a{padding: 0 10px; }
	.title-5 h5{ padding: 0 0 5px; }
	.title-5 p{ margin:5px 0 0; }
	.text-1{ font-size: 12px; }
	.text-2{ margin:0 0 20px; }
	.text-2 .left{ width: 100%; }
	.text-2 .right{ padding: 0; width: 100%; }
	.text-5 .hang .hangs input{ font-size: 12px; }
	.text-5 .hang .hangs textarea{ font-size: 12px; }
	.text-5 .hang .hangs button{ width: 100%; height: 34px; line-height: 32px; font-size: 12px; }
	/*.text-6{ font-size: 12px; line-height: 24px; }
	.text-6 img｛ max-width:100%｝*/
	.pictrue-1-list a h5{ font-size: 12px; }
	.pictrue-3 .textbox{ font-size: 12px; }
	.pictrue-4-list a h5{ font-size: 12px; }
	.pictrue-5-list a{ padding: 0 0 0 120px; min-height: 100px; }
	.pictrue-5-list a .imgbox{ width: 120px; }
	.pictrue-5-list a .imgbox span{ height: 100px; }
	.pictrue-5-list a .textbox .biaoti{ margin:0 0 5px; font-size: 12px; }
	.pictrue-5-list a .textbox p{ margin:0; font-size: 12px; height: 48px; }
	.pictrue-5-list a .textbox .more{ font-size: 12px; }
	.pictrue-6 ul li{ margin:0 10px 20px; }
	.pictrue-6 ul li a{ max-width: 100px; }
	footer{ padding: 15px 0 5px; }	
	footer ul{ text-align: center; width: 100% }
	footer ul li{ float:inherit!important; display: inline-block; vertical-align: top; margin:0 0 10px; }
	footer ul li a{ font-size: 12px; line-height: 12px; height: 12px; }
	footer p{ width: 100%;text-align: center;}
	.pictrue-7-list .imgbox{ position: absolute;  left: 0; top: 0; z-index: 1; width: 100%;  height: 100%;}
	.pictrue-2 .imgbox iframe { max-width: 100%; max-height: 100%}

 }
/*浮动QQ*/
.dock {
	position: fixed;
	right: 0px;
	width: 50px;
	-moz-opacity: 0.7;
	opacity: 0.7;
	z-index: 200;
}

.dock.close {
	z-index: 50;
}

.dock ul.icons {
	position: absolute;
	list-style: none;
	right: 0px;
	padding: 0px;
	width: 50px;
	border: 1px solid #333;
	border-right: none;
	background: #111;
	-moz-border-radius: 10px 0 0 10px;
	-webkit-border-radius: 10px 0 0 10px;
	border-radius: 10px 0 0 10px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}

.dock.close ul.icons {
	right: -70px;
}

.dock ul.icons li i {
	display: block;
	position: relative;
	width: 50px;
	height: 50px;
	background: url(../images/icons.png) no-repeat;
	cursor: pointer;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
	z-index: 210;
}

.dock ul.icons li.active i {
	-moz-opacity: 0.4;
	opacity: 0.4;
}

.dock ul.icons li.up i {
	background-position: -63px -150px;
}

.dock ul.icons li.tel i {
	background-position: -62px -108px;
}

.dock ul.icons li.im i {
	background-position: -63px -20px;
}

.dock ul.icons li.wechat i {
	background-position: -59px -66px;
}

.dock ul.icons li.down i {
	background-position: -63px -190px;
}

.dock ul.icons li p {
	display: block;
	position: absolute;
	top: 50px;
	right: -260px;
	padding: 15px 20px;
	height: 120px;
	color: White;
	line-height: 30px;
	border: 1px solid #333;
	border-right: none;
	background: #111;
	-moz-border-radius: 10px 0 0 10px;
	-webkit-border-radius: 10px 0 0 10px;
	border-radius: 10px 0 0 10px;
	-moz-opacity: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .4s ease-in-out .1s;
	-moz-transition: all .4s ease-in-out .1s;
	-ms-transition: all .4s ease-in-out .1s;
	-o-transition: all .4s ease-in-out .1s;
	transition: all .4s ease-in-out .1s;
	overflow: hidden;
	z-index: 201;
}

.dock ul.icons li.active p {
	right: 50px;
	-moz-opacity: 1;
	opacity: 1;
	filter: alpha(opacity=100);
}

.dock ul.icons li.tel p {
width: 140px;
    height:130px;
    line-height:30px
}

.dock ul.icons li.im p {
	width: 140px;
    height:130px;
    line-height:30px
}

.dock ul.icons li.im p a {
	display: block;
	margin-top: 12px;
	width: 100px;
	height: 35px;
	line-height: 32px;
	color: #00dfb9;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	border: 1px solid #00dfb9;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}

.dock ul.icons li.im p a:hover {
	color: White;
	background: #0f8773;
	border: 1px solid #0f8773;
}

.dock ul.icons li.wechat p {
	width: 160px;
    height:150px;
    line-height:30px
}

.dock ul.icons li.wechat p img {
	
	border: 2px solid #000;
}

.dock a.switch {
	position: absolute;
	display: block;
	top: 270px;
	right: 11px;
	width: 26px;
	height: 26px;
	background: url(../images/icons.png) no-repeat 0px -640px;
	cursor: pointer;
	-webkit-transition-delay: .15s;
	-moz-transition-delay: .15s;
	-ms-transition-delay: .15s;
	-o-transition-delay: .15s;
	transition-delay: .15s;
}

.dock a.switch.off {
	background-position: -32px -640px;
}
/*********************/
.Page { display: inline-block; width: 28px; background: #ffffff; height: 25px; vertical-align: middle; line-height: 25px; font-size: 14px; border: 1px solid #e5e5e5; margin-left: -1px; float: left; text-decoration: none; color: #333; outline: none; text-align:center; margin-right:4px; margin-bottom:4px;}
.Pagec { display: inline-block; width: 28px; background: #ffffff; height: 25px; vertical-align: middle; line-height: 25px; font-size: 14px; border: 1px solid #e5e5e5; margin-left: -1px; float: left; text-decoration: none; color: #F00; font-weight:bold;outline: none; text-align:center; margin-right:4px; margin-bottom:4px;}
table.table-specs{
  width:100%;
  border-collapse: collapse;
}

table.table-specs tr td{
  border-bottom: 1px solid #BBBBBB; /* TBD */
  border-right: 1px solid #BBBBBB;
  padding:5px;
}

table.table-specs tr td.plain{
  border-right: none;
  text-align: center;
  padding:5px;
  background-color: #ffffff;
}

table.table-specs tr td.alt{
  border-top: 1px solid #BBBBBB;
  border-right:0;
  background-color: #E4F3FD;
  border-right: 1px solid #BBBBBB;

}

table.table-specs tr td.alt2{
  background-color: #ffffff;
}
.hyzs{overflow:hidden; padding:10px 40px;}
.hyzs ul {overflow:hidden; }
.hyzs ul li{ width:168px; height:160px; float:left; margin-top:20px; margin-bottom:20px; list-style-type:none; margin-right:16px;}
.hyzs  ul li img{display:block; width:168px; height:130px;}
.hyzs ul li p{text-align:center; line-height: 20px; padding: 10px 0; border-bottom:1px #ccc dotted;}
.hyzs ul_margin{margin-right:60px;}
table td h4{ line-height:1.6em;}
.about_content p{ text-indent:2em;}
footer a{ color:#FFF}