@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{ padding-top: 60px; font-family:"微软雅黑"; background: #f3f4f8;}
.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}
.tr3{transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s}
.sizeCover{ background-position: 50% 50%;background-size: cover; }

.main-1 .left{ width: 30%; }
.main-1 .right{ width: 70%; }
.main-pad-1{ padding:35px 57px 35px 35px;}
.main-pad-1.active{ padding:80px 57px 35px 50px;}
.main-pad-2{ padding:35px 0 0 35px;}
.main-pad-3{ padding: 0 57px 0 0; }
.main-pad-4{ padding: 50px 0; }
.main-pad-5{ padding: 115px 10% 65px; }
.main-pad-5.active{ padding:50px 10% 65px; }
.main-pad-6{ padding:0 0 0 35px; }
.main-pad-7{ padding:105px 140px 105px 55px; }
.main-Background-1{ background:#fff;}
.main-Background-2{ background:#e8eaef;}
.main-Background-3{ background:#21a1db;}
.main-Background-4{ background:#f6f6f6;}
.main-Background-5{ background:#505050;}

header{ position:fixed; left: 0; top: 0; width: 100%; z-index:2147483647; }
header .logo{ margin-left:3%; font-size: 0; line-height:60px; }
header .logo img{ height:40px; }
header .menu{ margin-left:4%; width: calc(100% - 3% - 2% - 215px - 2.5% - 100px - 20px); }
header .menu ul li{ padding-left:30px; width: 12.5%; }
header .menu ul li > a{ display: block; font-size: 16px; color: #333; font-weight:normal; line-height: 60px; }
header .menu ul li .xl{ display: none; position: absolute; left: 0; top: 100%; z-index: 1; width: 100%; background: #fff;border-top: solid 1px #eeeeee;  }
header .menu ul li .xl .ul{ margin-left:25%; }
header .menu ul li .xl .ul .li{ padding: 0 3em 0 0; }
header .menu ul li .xl .ul .li a{ display: block; font-size: 16px;color: #626262; line-height:60px; }
header .zc{ margin-top:12px; margin-right: 2.5%; }
header .zc a{ display: block; width: 100px; font-size: 16px;color: #333; line-height: 35px; border:solid 1px #d9d9d9; }

.banner{ position:relative; overflow:hidden;}
.banner a{ position: absolute; display:inline-block; color: #fff;  -webkit-webkit-transition: all 0.5s ease;  -moz-webkit-transition: all 0.5s ease;  -ms-webkit-transition: all 0.5s ease;  -o-webkit-transition: all 0.5s ease;  webkit-transition: all 0.5s ease;}
.banner .index_us_banner_l{ padding-left: 4%; background:rgba(4,158,235,0.7); width: 43%; height: 140px;left: 0; bottom: 234px; margin-top: -111px; padding-top: 20px;}
.banner .index_us_banner_l span{ font-size: 40px; margin-bottom:13px;}
.banner .index_us_banner_l b{ font-size: 20px; font-weight:normal; }
.banner .index_us_banner_r{ left: 43%; bottom:94px; background:rgba(4,158,235,0.7);}
.banner .index_us_banner_r span{ font-size: 20px;width:140px; height:140px; padding:40px 0 0 30px;}
.banner .ico_right_Arrow{display: inline-block;  width: 9px; height: 16px;margin-left: 20px; background: url("../images/icon/ico_right_Arrow.png");}
.banner .Mobile_index_btn,.banner .ico_top_slide{ display: none;}
.banner .biaoti{ position: relative; top:32%; font-size: 50px; color: #21a1db; font-weight: bold; line-height:70px; text-shadow:-1px 0 #fff,1px 0 #fff,0 -1px #fff,0 1px #fff;-webkit-text-shadow:-1px 0 #fff,1px 0 #fff,0 -1px #fff,0 1px #fff;-moz-text-shadow:-1px 0 #fff,1px 0 #fff,0 -1px #fff,0 1px #fff;-o-text-shadow:-1px 0 #fff,1px 0 #fff,0 -1px #fff,0 1px #fff;}
.banner .biaoti span{ color: #f58723; }

.content{ position: relative; z-index: 2; margin-left: 10%; margin-top: -94px; }

.title-1{ position: relative; margin-bottom: 50px; }
.title-1 .left .biaoti{ margin-bottom: 46px; font-size: 28px;color: #333; line-height: 40px; }
.title-1 .left .jiangexian{ width: 72px; height: 1px; background: #999999; }
.title-1 .right{ position: absolute; right: 0; bottom: 0; z-index: 1; }
.title-1 .right a{ color: #666666; line-height: 16px; }
.title-1.active .left .biaoti{ color: #fff; }
.title-1.active .left .jiangexian{ background: #fff}
.title-2{ margin-bottom:80px; font-size:0; }
.title-2 ul li{ margin:0 10px 10px; display: inline-block; vertical-align: top; }
.title-2 ul li a{ display: block; padding: 0 10px; min-width:130px; font-size: 16px; color: #333; line-height: 36px; border:solid 1px #e5e5e5; border-radius: 21px;-webkit-border-radius: 21px;-moz-border-radius: 21px;-o-border-radius: 21px; }
.title-2 ul li.active a{ color: #fff; background: #21a1db; border:solid 1px #21a1db; }

.text-1{ font-size: 0; }
.text-1 .box{ display:inline-block; vertical-align: top; }
.text-1 .box .logo{ margin-right: 120px; }
.text-1 .box .kefu{ padding:10px 0 0; }
.text-1 .box .kefu .biaoti{ font-size: 18px;color: #666666; line-height: 24px; }
.text-1 .box .kefu ul li{ margin-left: 80px; font-size: 14px; color: #666666; line-height: 24px; text-align: left;}
.text-1 .box .kefu ul li span{ display: block; font-family: arial; }
.text-2{ font-size: 0; }
.text-2 .box{ display:inline-block; vertical-align: top; }
.text-2 .menu ul li{ margin-right: 110px; }
.text-2 .menu ul li .biaoti{ line-height: 24px; }
.text-2 .menu ul li .biaoti a{ font-size:18px; color: #666666; }
.text-2 .menu ul li p{ margin:0; text-align: left; }
.text-2 .menu ul li p span{ display:block; line-height: 24px; }
.text-2 .menu ul li p span a{ font-size: 14px; color: #666666; }
.text-2 .ewm .imgbox{ margin-bottom: 15px; margin:0 auto; padding: 5px; max-width: 111px; border:solid 1px #e7e7e7; }
.text-2 .ewm span{ display: block; font-size: 16px; color: #333; line-height: 24px; }
.text-3{ color: #fff; line-height: 26px; }
.text-3 .biaoti{ margin-bottom: 20px; font-size: 20px; }
.text-3.active{ color: #666666; }
.text-4{ font-size: 15px; color: #666666; line-height: 25px; }
.text-5{ max-width: 550px; }
.text-5 form{ display: block; }
.text-5 form .hang{ margin-bottom: 10px; }
.text-5 form .hang .mc{ width: 70px; font-size: 13px; color: #333; line-height: 30px; }
.text-5 form .hang input{ padding: 0 15px; width: 100%; max-width: 175px; height: 30px; line-height: 28px; background: #f5f5f5; border:solid 1px #b7b7b7; }
.text-5 form .hang .xl{position: relative; width: 100%;max-width: 175px; cursor: pointer;}
.text-5 form .hang .xl:before{ content: ""; position: absolute; right: 10px; top: 50%; z-index: 1; margin-top: -3px; width: 0; height: 0; border-left: solid 6px transparent;border-right: solid 6px transparent;border-top: solid 6px #21a1db; }
.text-5 form .hang select{ padding: 0 10px; width: 100%;  height: 30px; font-size: 13px; color: #333; line-height: 28px; background: #f5f5f5; border:solid 1px #21a1db; appearance:none;-moz-appearance:none;-webkit-appearance:none;background:transparent;padding-right:14px}
.text-5 form .hang select::-ms-expand{display:none}
.text-5 form .hang textarea{ padding: 0 10px; width:calc(100% - 70px); max-width:calc(100% - 70px); min-width:calc(100% - 70px); height: 95px; min-height: 95px; font-size: 13px; color: #333; line-height:30px;background: #f5f5f5; border:solid 1px #b7b7b7; }
.text-5 form .hang .yzm{ width:calc(100% - 70px); }
.text-5 form .hang .yzm input{ width: 78px; }
.text-5 form .hang .yzm .yzm-img{ margin:0 10px; width: 90px; height: 30px; font-size: 0; line-height: 30px; }
.text-5 form .hang .yzm .yzm-img img{ max-width: 100%; max-height: 100%; }
.text-5 form .hang .yzm a{ display: block; font-size: 13px; color: #666666; line-height: 30px;}
.text-5 form .hang .yzm button{ width: 120px; height: 30px; font-size: 13px;color: #fff; line-height: 30px; background: #f58723; border:none; }

.pictrue-1{ overflow: hidden; }
.pictrue-1 ul{ margin:0 -5px; }
.pictrue-1 ul li{ padding: 0 5px; width: 33.333333%; }
.pictrue-1 ul li a{ display: block; background: #f0f0f0; }
.pictrue-1 ul li a .imgbox{ overflow: hidden; }
.pictrue-1 ul li a .imgbox span{ display: block; }
.pictrue-1 ul li a .textbox { padding-bottom: 35px; }
.pictrue-1 ul li a .textbox h4{ margin: 0; padding-top: 35px; font-size: 20px; color: #333; line-height: 24px; }
.pictrue-1 ul li a .textbox h6{ margin: 0; padding-top: 10px; font-size: 14px; color: #666; line-height: 24px; }
.pictrue-1 ul li a .textbox h5{ margin: 0; padding-top: 10px; font-size: 14px; color: #666; line-height: 24px; }
.pictrue-2{ margin-bottom: 45px; }
.pictrue-2-list a{ display: block; padding:2px; border:solid 1px #d7d7d7; }
.pictrue-2-list a .imgbox{ margin-bottom: 2px; position: relative;  overflow: hidden; }
.pictrue-2-list a .imgbox .p2img{ position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%;}
.pictrue-2-list a .imgbox .p2img span{ display: block; font-size: 0; background: #eeeeee;}
.pictrue-2-list a .imgbox .p2img span img{ max-width: 100%; max-height: 100%; }
.pictrue-2-list a .textbox{ padding: 0 15px; font-size: 16px;color: #333; line-height: 44px; background: #e5e5e5; }
.pictrue-3{ position: relative; }
.pictrue-3 a{ display: block; }
.pictrue-3 a .imgbox{ overflow: hidden; }
.pictrue-3 a .imgbox span{ display: block; height: 520px; }
.pictrue-3 .swiper-button{ margin-top: -47px; width: 46px; height: 95px; background-color: rgba(33,161,219,0.55); background-position: center; background-repeat: no-repeat; background-size: 13px 31px; }
.pictrue-3 .swiper-button.swiper-button-prev{ left: 0; background-image: url(../images/icon/p3_jt_l.png); }
.pictrue-3 .swiper-button.swiper-button-next{ right: 0; background-image: url(../images/icon/p3_jt_r.png); }
.pictrue-3 .textbox{ position: absolute; left: 0; bottom: 0; z-index: 1; padding:20px 40px; width: auto; background: rgba(33,161,219,0.55); }
.pictrue-3 .textbox h2{ margin:0 0 10px; font-size: 42px;color: #fff; line-height: 50px; }
.pictrue-3 .textbox h5{ margin:0; font-size: 20px;color: #fff; line-height: 30px; }
.pictrue-4 a{ display: block; }
.pictrue-4 a .imgbox{ margin-bottom: 35px; width:500px; overflow: hidden; }
.pictrue-4 a .imgbox span{ display: block; height:300px; }
.pictrue-4 a .textbox{ margin-bottom: 35px; padding:30px 35px; width:calc(100% - 500px); height:300px; background: #e8e8e8; }
.pictrue-4 a .textbox .biaoti{ margin-bottom:40px; font-size: 20px;color: #666666; line-height: 30px; }
.pictrue-4 a .textbox .jieshao{ max-height: 168px; font-size: 16px; color: #666666; line-height: 28px; overflow: hidden; }
.pictrue-5{ padding-bottom: 20px; }
.pictrue-5-list a{ display: block; }
.pictrue-5-list a .imgbox{ margin-bottom: 20px; overflow: hidden; }
.pictrue-5-list a .imgbox span{ display: block; }
.pictrue-5-list a .textbox .jieshao{ margin-bottom: 20px; height: 40px; color: #333; line-height: 20px; overflow: hidden; }
.pictrue-5-list a .textbox .time{ font-size: 12px; color: #333; line-height: 20px;}
.pictrue-5.active{ overflow: hidden; }
.pictrue-5 ul{ margin:0 -5px; }
.pictrue-5 ul li{ padding: 0 5px; margin-bottom:20px; width: 25%; }
.pictrue-6{ position: relative; padding: 0 50px; }
.pictrue-6 .imgbox{ padding: 0 20px; }
.pictrue-6 .swiper-pagination{ position: inherit; margin-top: 85px; font-size: 0; }
.pictrue-6 .swiper-pagination span{ margin:0 11px; width: 8px; height: 8px; background: #747474; border:solid 1px #fff; filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1; opacity: 1;}
.pictrue-6 .swiper-pagination span.swiper-pagination-bullet-active{ background: #fff; border:solid 1px #747474; }
.pictrue-6 .swiper-button{ margin-top: -25px; width: 25px; height: 50px; }
.pictrue-6 .swiper-button.swiper-button-prev{ left: 0; background: url(../images/icon/p6_jt_l.png) no-repeat; }
.pictrue-6 .swiper-button.swiper-button-next{ right: 0; background: url(../images/icon/p6_jt_r.png) no-repeat; }
.pictrue-7{ overflow: hidden; }
.pictrue-7 ul{ margin:0 -5px; }
.pictrue-7 ul li{ position:relative; padding: 0 5px; margin-bottom: 10px; width: 50%; cursor: pointer; }
.pictrue-7 ul li .textbox{ position: relative; padding: 41px 0; height:180px; background: #fff; }
.pictrue-7 ul li .textbox.news:before{ content:""; position: absolute; left:0; top: 0; z-index: 2; width: 82px; height: 82px; background:url(../images/icon/p7_jiaobiao.png) no-repeat; background-size: 100% 100%; }
.pictrue-7 ul li .textbox h4{ margin:0 0 50px; font-size: 20px;color: #666666; line-height: 24px; }
.pictrue-7 ul li .textbox h6{ margin:0; font-size: 14px;color: #666666; line-height: 24px; }
.pictrue-7 ul li .mb{position: absolute; left: 5px; top: 0; z-index: 1; padding: 20px; width:calc(100% - 10px); height: 100%; background: #21a1db;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0; }
.pictrue-7 ul li .mb .text{ padding:24px 0; width: 54%; }
.pictrue-7 ul li .mb .text h6{ margin:0; font-size: 14px;color: #fff; line-height: 46px; }
.pictrue-7 ul li .mb .imgs{ padding: 6px; width: 140px; height: 140px; background: #fff; }
.pictrue-7 ul li .mb .imgs img{ width: 128px; height: 128px; }
.pictrue-8 ul{ margin:0 -5px; }
.pictrue-8 ul li{ padding: 0 5px; width: 50%; }
.pictrue-8 ul li a{ display: block; }
.pictrue-8 ul li .textbox{ position: relative; padding:45px 0 0; height: 180px; background: #f6f6f6; }
.pictrue-8 ul li .textbox.news:before{ content:""; position: absolute; left:0; top: 0; z-index: 2; width: 82px; height: 82px; background:url(../images/icon/p7_jiaobiao.png) no-repeat; background-size: 100% 100%; }
.pictrue-8 ul li .textbox h4{ margin:0;font-size: 20px;color: #666666; line-height: 24px; }
.pictrue-8 ul li .textbox h5{ margin:0 0 20px;font-size: 16px;color: #666666; line-height: 24px; }
.pictrue-8 ul li .textbox h6{ margin:0;font-size: 14px;color: #666666; line-height: 24px; }
.pictrue-8.active ul li{ margin-bottom: 10px; width: 33.333333%; }

footer .dh{border-top: solid 1px #e7e7e7;border-bottom: solid 1px #e7e7e7; }
footer .copyRight{ color: #666666; line-height:24px; }
footer .copyRight a{ color: #666666;}

body.hover .scaleH:hover .scale{ transform: scale(1.05,1.05); -webkit-transform: scale(1.05,1.05); -moz-transform: scale(1.05,1.05); -o-transform: scale(1.05,1.05); }
body.hover header .menu ul li:hover > a{ color: #f47b00; }
body.hover header .zc a:hover{ color: #fff; background: #f47b00; border:solid 1px #f47b00; }
body.hover header .menu ul li .xl .ul .li a:hover{ color: #f47b00; }
body.hover .banner .index_us_banner_r:hover{ background: #049eeb;}
body.hover .title-1 .right a:hover{ color: #21a1db; }
body.hover .title-2 ul li:hover a{ color: #fff; background: #21a1db; border:solid 1px #21a1db; }
body.hover .text-2 .menu ul li p span a:hover{ color: #f47b00; text-decoration: underline !important; }
body.hover .text-5 form .hang input:hover{ border:solid 1px #21a1db; }
body.hover .text-5 form .hang textarea:hover{ border:solid 1px #21a1db; }
body.hover .text-5 form .hang .yzm a:hover{ color: #21a1db; }
body.hover .text-5 form .hang .yzm button:hover{ background:#21a1db; }
body.hover .pictrue-1 ul li a:hover .textbox h4{ color: #f47b00; }
body.hover .pictrue-1 ul li a:hover .textbox h6{ color: #f47b00; }
body.hover .pictrue-1 ul li a:hover .textbox h5{ color: #f47b00; }
body.hover .pictrue-4 a:hover .textbox{ background: #049eeb; }
body.hover .pictrue-4 a:hover .textbox .biaoti{ color: #fff; }
body.hover .pictrue-4 a:hover .textbox .jieshao{ color: #fff; }
body.hover .pictrue-2-list a:hover .textbox{ color: #fff; background: #21a1db; }
body.hover .pictrue-5-list a:hover .textbox .jieshao{ color: #f47b00; }
body.hover .pictrue-5-list a:hover .textbox .time{ color: #f47b00; }
body.hover .pictrue-7 ul li:hover .mb{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1; opacity: 1;}
body.hover .pictrue-8 ul li:hover .textbox{ background: #21a1db }
body.hover .pictrue-8 ul li:hover .textbox h4{ color: #fff; }
body.hover .pictrue-8 ul li:hover .textbox h5{ color: #fff; }
body.hover .pictrue-8 ul li:hover .textbox h6{ color: #fff; }
body.hover footer .copyRight a:hover{ color: #f47b00; text-decoration: underline !important; }
.main-pad-1 .text-4 img{max-width: 100%;}
@media (max-width:1199px){
	.main-pad-4{ padding: 30px 0; }
	.main-pad-5{ padding: 50px 0 50px 10%; }
	header .logo{ margin-left: 15px; }
	header .logo img{ width: 185px; }
	header .zc{ margin-right: 15px; }
	header .menu{ margin-left:20px; width: calc(100% - 30px - 185px - 100px - 40px); }
	header .menu ul li{ padding: 0; width: 12.5%; }
	header .menu ul li > a{ padding-left:15px; font-size: 15px; }
	header .menu ul li .xl .ul{ margin-left: calc(15px + 185px + 20px + 15px); }
	header .menu ul li .xl .ul .li a{ font-size: 14px; line-height: 40px; }
	.title-2{ margin-bottom: 50px; }
	.title-2 ul li{ margin:0 5px 10px; }
	.title-2 ul li a{ min-width: 90px; font-size: 14px; line-height: 30px;border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;-o-border-radius:15px; }
	.pictrue-3 a .imgbox span{ height: 400px; }
	.pictrue-3 .textbox h2{ font-size: 32px; line-height: 40px; }
	.pictrue-3 .textbox h5{ font-size: 16px; line-height: 24px; }
	.pictrue-6 .swiper-pagination{ margin-top: 50px; }
}

@media (max-width:991px){
    .banner{height: 600px;}
	body{padding-top:80px;}	
	.main-pad-1{ padding:20px !important; }
	.main-pad-2{ padding: 20px 15px; }
	.main-pad-3{ padding: 0; }
	.main-pad-5{ padding: 20px !important; }
	.main-pad-6{ padding: 0 15px; }
	.main-pad-7{ padding: 20px; }
	.main-1 .left{ width: 100%; }
	.main-1 .left .title-1{ margin-bottom: 0; }
	.main-1 .right{ width: 100%; }
	header .logo{ line-height: 80px; }
	header .zc{ margin-top: 24px; }
	header .zc a{ font-size: 14px; line-height: 30px; }
	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:#049eeb;}
	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;}
	header .menu{ position: absolute; right:0; top: 100%; z-index: 1; margin-left: 0; width: 120px; }
	header .menu ul li{ margin-bottom:1px; width: 100%; background: rgba(255,255,255,0.8); }
	header .menu ul li > a{ padding-left: 0; font-size: 14px; line-height: 40px; text-align: center; font-weight: normal }
	header .menu ul li.active{ background: #049eeb; }
	header .menu ul li.active > a{ color: #fff; }
	header .menu ul li .xl{ display: none !important; }
	.banner .index_us_banner_l{ margin-top: 0;padding: 0; width: 100%; height:auto; background: none; text-align: center;}
	.banner .index_us_banner_l span{ margin-bottom: 0; font-size: 30px; }
	.banner .index_us_banner_r{ left: 10%; width: 80%; }
	.banner .index_us_banner_r span{ display: block; padding: 0; width: 100%; height: inherit; text-align: center; line-height:50px; }
	.banner .index_us_banner_r span br{ display: none;  }
	.content{ margin:0; }
	.title-1{ margin-bottom:20px !important; }
	.title-1 .left .biaoti br{ display: none; }
	.title-1 .left .biaoti{ margin-bottom:15px; font-size: 18px; line-height: 24px; }
	.title-2{ padding-top:30px; }
	.pictrue-1 ul{ margin:0; }
	.pictrue-1 ul li{ padding: 0;width: 100%; border-bottom: solid 1px #e5e5e5; }
	.pictrue-1 ul li a{ background: #fff; }
	.pictrue-1 ul li a .imgbox{ float: left; margin-bottom: -1px; width: 40%; }
	.pictrue-1 ul li a .textbox{ float: left; margin-bottom: -1px; padding:20px 30px 0; width: 60%; text-align: left; }
	.pictrue-1 ul li a .textbox h4{ padding-top:0; font-size: 16px; line-height: 20px; }
	.pictrue-1 ul li a .textbox h5{ padding-top: 20px; }
	.pictrue-2{ margin-bottom: 0; }
	.pictrue-3 a .imgbox span{ height: inherit; }
	.pictrue-3 .textbox{ position: inherit; left:inherit; bottom: inherit; padding: 20px; background: #049eeb; }
	.pictrue-3 .textbox h2{ margin-bottom:10px; font-size: 24px; line-height: 30px; }
	.pictrue-3 .textbox h5{ font-size: 14px; }
	.pictrue-3 .swiper-button{ margin-top: -99px; }
	.pictrue-4 a .imgbox{ margin-bottom: 0; width: 100%; }
	.pictrue-4 a .imgbox span{ height: inherit; }
	.pictrue-4 a .textbox{ padding: 30px; width: 100%; height: inherit; }
	.pictrue-4 a .textbox .biaoti{ margin-bottom:10px; font-size: 16px; line-height: 30px; }
	.pictrue-4 a .textbox .jieshao{ max-height: inherit; font-size: 12px; line-height: 26px; }
	.pictrue-5 ul li{ width: 50%; }
	.pictrue-7 ul li .mb{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1; opacity: 1;}
	.pictrue-8.active ul li{ width: 50%; }
	.text-1 .box .logo{ margin-right: 0; margin-bottom: 20px; width: 100%; }
	.text-1 .box .kefu{ padding-top: 0; width: 100%; text-align: center; }
	.text-1 .box .kefu .biaoti{ margin-bottom: 20px; float: none !important; width: 100%; }
	.text-1 .box .kefu ul{ float: none !important; display:inline-block; vertical-align: top;}
	.text-1 .box .kefu ul li:first-child{ margin:0; }
	.text-2 .menu ul li{ margin-right: 50px; }
	.text-2 .menu ul li .biaoti a{ font-size: 16px; }
	.text-2 .menu ul li p span a{ font-size: 12px; }
	.text-2 .ewm .imgbox{ margin-bottom: 10px; }
	.text-2 .ewm span{ font-size: 12px; }
	.text-3{ font-size: 12px; }
	.text-3 .biaoti{ font-size: 16px; line-height: 20px; }
	.text-4{ font-size: 12px; }
	.text-5{ margin:0 auto; }
	footer .copyRight{ font-size: 12px; }

}
@media (max-width:767px){
	    .banner{height: 500px;}
	body{ padding-bottom:50px; padding-top: 60px;}	
	header .logo{ line-height: 60px; }
	header .logo img{ width: auto; height: 30px; }
	header .zc{ margin-top: 14px; }
	header .zc a{ width: 80px; font-size: 12px; }
	header .ydd_btn{ margin:10px 0 0; padding:10px;}	
	header .menu{ width: 100px; }
	header .menu ul li a{ font-size: 12px; line-height: 34px; }
	.banner .biaoti{ font-size: 30px; line-height:40px; }
	.hot{height:50px; background:#21a1db; 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; }
	.text-5{ margin:0 15px 0 0; }
	.text-5.active{ margin:0; }
	.pictrue-1 ul li a .textbox{ padding: 15px 15px 0; }
	.pictrue-1 ul li a .textbox h6{ font-size: 12px; }
	.pictrue-1 ul li a .textbox h5{ font-size: 12px; }
	.pictrue-2-list a .textbox{ font-size: 12px; line-height: 34px; }
	.pictrue-3 .swiper-button{ margin-top: -35px; width: 36px; height: 74px; }
	.pictrue-3 .textbox{ padding: 15px; }
	.pictrue-3 .textbox h2{ margin-bottom: 5px; font-size: 18px; line-height: 24px; }
	.pictrue-3 .textbox h5{ font-size: 12px; }
	.pictrue-7 ul li .textbox{ display: none }
	.pictrue-7 ul li .mb{ position:inherit; left: inherit; top: inherit; padding: 5px; width:auto; height:inherit; }
	.pictrue-7 ul li .mb .text{ float: inherit !important; padding: 0; margin-bottom: 10px; width:100%; }
	.pictrue-7 ul li .mb .text h6{ font-size: 12px; line-height: 24px; }
	.pictrue-7 ul li .mb .imgs{ float: inherit !important; width: 100%; max-width: 120px; margin:0 auto; height: inherit;}
	.pictrue-7 ul li .mb .imgs img{ width: 100%; height: inherit;}

 }
@media (max-width:499px){
     .banner{height: 280px;}
    .banner .index_us_banner_l{bottom:60%;}
    .banner .index_us_banner_r{bottom:20%;}
	.text-1 .box .kefu .biaoti{float: left !important; }
	.text-1 .box .kefu ul{ display: block; width: 100%; float: left !important; }
	.text-1 .box .kefu ul li{ margin:0; width:33.3333%; font-size: 12px; text-align: center; }
	.text-2 .box{ display: block; }
	.text-2 .menu{ width: 70%; }
	.text-2 .menu ul li{ margin-right: 0; width: 33.33333%; text-align: left; }
	.text-2 .ewm{ width: 30%; }
	.pictrue-1 ul li a .textbox{ padding-top: 10px; }
	.pictrue-1 ul li a .textbox h6{ padding-top:5px; }
	.pictrue-1 ul li a .textbox h5{ padding-top:5px; }
	.pictrue-4 a .textbox{ margin-bottom:20px; padding: 20px; }
	.pictrue-8 ul li{ width: 100%; margin-bottom: 10px; }
	.pictrue-8 ul li .textbox{ padding-top: 30px; height: 150px; }
	.pictrue-8 ul li .textbox h4{ font-size: 16px; }
	.pictrue-8 ul li .textbox h5{ font-size: 14px; }
	.pictrue-8 ul li .textbox h6{ font-size: 12px; }
	.pictrue-8.active ul li{ width: 100%; }
}
@media (max-width:479px){
    .text-2 .ewm{display: none;}
	.main-pad-4{ padding:20px 0; }
	.title-2{ margin-bottom: 30px; }
	.title-2 ul li a{ min-width: 80px; font-size: 12px; }
	.text-2 .menu{ width: 100%; }
	.text-2 .ewm{ width: 100%; }
	.text-5 form .hang .yzm .yzm-img{ margin-bottom: 10px; margin-right:0; }
	.text-5 form .hang .yzm input{ margin-bottom: 10px; width: calc(100% - 100px); }
	.pictrue-6{ padding: 0 20px; }
	.pictrue-6 .swiper-button{ width:15px; background-size: 100% auto !important; background-position: center !important; }
	.pictrue-6 .swiper-pagination{ margin-top: 30px; }
	.pictrue-6 .swiper-pagination span{ margin:0 5px; }
}