@charset "utf-8";



@font-face{font-family:'iconfont';src:url('../other/font_1432720974_1547027.eot');src:url('../other/font_1432720974_1547027.eot?#iefix') format('embedded-opentype'),url('../other/font_1432720974_1547027.woff') format('woff'),url('../other/font_1432720974_1547027.ttf') format('truetype'),url('../other/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(../other/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-margin{margin:0 !important}

.overflow{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

a{text-decoration:none !important;cursor:pointer !important}

.container-fluid{max-width:1230px !important}

.tr{transition:all 0.3s;}

.tr2{transition:all 0.5s;}

.tr3{transition:all 1s;}

.sizeCover{ background-position: 50% 50%; background-size: cover; background:#2a489e;}



.main-2{ position: relative; }

.main-2:before{ content: ""; position: absolute; left: 0; top: 0; z-index: 1; width: calc(50% + 105px); height: 100%; background:url(../images/p2_img_03.jpg) 50% 50%; background-size: cover; }

.main-2 .container-fluid{ position: relative; z-index: 2; }

.main-3{ padding: 0 5px; }

.main-3-list{ padding: 0 10px; }

.main-pad-1{ padding:50px 0;}

.main-pad-2{ padding:30px 0;}

.main-Background-1{ background:rgba(0,0,0,0.6);}



header{ position: relative; z-index:99999;}

header .logo a{ display:block; font-size:0;}



.banner{ position:relative;}

.banner a{ display: block; font-size: 0; text-align: center;}

.banner a img{ max-width: 100%;}

.banner .swiper-pagination{ position: absolute; left: 0; bottom: 20px; z-index: 1; width: 100%; font-size: 0; text-align: center;}

.banner .swiper-pagination span{ margin: 0 5px; width: 10px; height: 10px; background: #fff; opacity: 1;}

.banner .swiper-pagination span.swiper-pagination-bullet-active{ background: #01245e;}



.title-1 { margin-bottom: 30px; font-size: 0; overflow: hidden; }

.title-1 a{ display: inline-block; vertical-align: top; }

.title-1 a .cn{ margin-bottom: 5px; }

.title-1 a .cn span{ display: inline-block; vertical-align: top; position: relative; font-size: 30px;color: #0067c6; line-height: 34px; font-weight: bold; }

.title-1 a .cn span:before,.title-1 a .cn span:after{ content: ""; position: absolute; top: 50%; z-index: 1; width: 80px; height: 1px; background: #0067c6; }

.title-1 a .cn span:before{ right: calc(100% + 30px); }

.title-1 a .cn span:after{ left: calc(100% + 30px); }

.title-1 a .en{ font-family: arial; font-size: 18px;color: #8f8f8f; }

.title-1.active a .cn span{ color: #fff; }

.title-1.active a .cn span:before,.title-1.active a .cn span:after{ background: #fff; }

.title-1.active a .en{ color: #fff; }

.title-3{ margin-bottom: 20px; }

.title-3 .biaoti{ font-size: 18px; color: #333; line-height: 24px; }

.title-3 .qita{ margin:10px auto; max-width: 600px; font-size: 12px; color: #999; line-height: 24px; background: #f2f2f2; }

.title-4{ margin-bottom: 20px; font-size: 18px;color: #333; line-height: 24px; }

.title-5{ margin-bottom: 20px; font-size: 18px;color: #333; line-height: 24px; }

.title-6{ margin-bottom: 10px; color: #333; line-height: 24px; font-weight: bold; }



.text-1 .jiangexian{ margin-bottom: 10px; width: 65px; height: 3px; background: #0067c6; }

.text-1 .biaoti{ margin-bottom: 30px; font-size: 18px;color: #0067c6 ;line-height: 24px; }

.text-1 .jieshao { margin-bottom: 20px; }

.text-1 .jieshao .nr{height: 120px; color: #333; line-height: 30px; overflow: hidden; }

.text-1 .menu{ padding-right: 80px; }

.text-1 .menu ul{ margin:0 -12px; }

.text-1 .menu ul li{ padding: 0 12px; width: calc(100% / 3); }

.text-1 .menu ul li a{ display: block; color: #717171; line-height: 47px; background: #e6e6e6; }

.text-1 .menu ul li.active a{ color: #fff; background: #0067c6; }

.text-2{ position: relative; border:solid 1px #cecece; }

.text-2-list{ padding: 65px 20px 0; }

.text-2-list .biaoti{ margin-bottom:30px; font-size: 36px; color: #005cda; line-height: 46px; }

.text-2-list .jieshao{ margin-bottom: 30px; height: 90px; font-size: 16px; color: #333; line-height: 30px; overflow: hidden; }

.text-2-list .more a{ display: block; margin:0 auto; width: 175px; font-size: 16px;color: #fff; line-height: 35px; background: #ffa200; border-radius: 10px; }

.text-2 .swiper-pagination{ bottom: 20px; width: 100%; font-size: 0; text-align: center; }

.text-2 .swiper-pagination span{ margin:0 6px; width: 12px; height: 12px; background: #c6c6c6; opacity: 1; border-radius: 50%; }

.text-2 .swiper-pagination span.swiper-pagination-bullet-active{ background: #005cda; }

.text-3 ul li{ margin-bottom: 30px; }

.text-3 ul li:last-child{ margin-bottom: 0; }

.text-3 ul li a{ display: block; border:solid 2px #dbdbdb; }

.text-3 ul li a .time{ padding-top:19px; width: 163px; height: 118px; color: #dbdbdb; background: #fff; }

.text-3 ul li a .time .maxshuzi{ margin-bottom: 0; font-size: 48px; line-height: 50px; }

.text-3 ul li a .time .minshuzi{ font-size: 24px; line-height: 30px; }

.text-3 ul li a .textbox{padding-top: 12px; padding-left: 20px; padding-right: 10px; width: calc(100% - 163px); height: 118px; background: #dbdbdb; }

.text-3 ul li a .textbox .biaoti{ margin-bottom: 10px; font-size: 16px;color: #333; }

.text-3 ul li a .textbox .jiangexian{ margin-bottom: 10px; width: 60px; height: 3px; background: #414141; }

.text-3 ul li a .textbox .jieshao{  height: 48px; font-size: 12px;color: #333; line-height: 24px; overflow: hidden; }

.text-5{ color: #333; line-height: 26px; }

.text-6{ margin-bottom: 24px; color: #333; line-height: 24px; }

.text-7 table{ width: 100%; }

.text-7 tr td{ padding: 5px 10px; color: #333; line-height: 24px; }

.text-7 tr:nth-child(odd){ background: #ececec; }



.pictrue-1{ position: relative; }

.pictrue-1-list a{ display: block; padding: 2px 2px 0; border:solid 1px #e6e6e6; }

.pictrue-1-list a .imgbox{ margin-bottom: 2px; overflow: hidden; }

.pictrue-1-list a .imgbox span{ display: block; font-size: 0; }

.pictrue-1-list a .imgbox span img{ max-width: 100%; }

.pictrue-1-list a .textbox{ margin:0 -2px; padding: 25px 15px 20px; background: #e6e6e6; }

.pictrue-1-list a .textbox .biaoti{ margin-bottom: 20px; font-size: 16px;color: #717171; font-weight: bold; line-height: 24px; }

.pictrue-1-list a .textbox .jieshao{ height: 48px; font-size: 12px;color: #717171; line-height: 24px; overflow: hidden; }

.pictrue-1-list.active{ margin-bottom: 20px; }

.pictrue-3{ position:relative; }

.pictrue-3-list a{display: block; background:#fff;}

.pictrue-3-list a .imgbox{ position: relative; padding:3px;}

.pictrue-3-list a .imgbox .imgs{ overflow: hidden; }

.pictrue-3-list a .imgbox .imgs span{ display: block; font-size: 0; }

.pictrue-3-list a .imgbox .imgs span img{ max-width: 100%; }

.pictrue-3-list a .textbox{ position: relative; padding: 0 33px 0 13px; height: 39px; color: #555; line-height: 39px; }

.pictrue-3-list a .textbox:before,.pictrue-3-list a .textbox:after{ content: ""; position: absolute; right: 13px; top: calc((100% - 7px) / 2); z-index: 1; width:20px; height: 10px; border-left: solid 1px #b1b1b1; transition: all 0.3s; }

.pictrue-3-list a .textbox:before{ z-index: 1;  background: url(../images/p3_jt.png) no-repeat right; }

.pictrue-3-list a .textbox:after{  z-index: 2;  background: url(../images/p3_jt2.png) no-repeat right; opacity: 0; }

.pictrue-3-list.active{ margin-bottom: 20px; }

.pictrue-4{ position: relative; }

.pictrue-4 .mb img{ max-width: 100%; }

.pictrue-4 .imgbox{ position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; }

.pictrue-4.active{ float: none; margin-bottom: 20px; width: 100%; height: auto; }

.pictrue-5 a{ display: block; }

.pictrue-5 a .imgbox{ margin-bottom: 20px; overflow: hidden; }

.pictrue-5 a .imgbox span{ display: block; }

.pictrue-5 a .imgbox span img{ max-width: 100%; }

.pictrue-5 a .textbox .biaoti{ margin-bottom: 10px; line-height: 24px; }

.pictrue-5 a .textbox .biaoti .mc{ width:calc(100% - 80px); font-size: 16px; color: #005cda;}

.pictrue-5 a .textbox .biaoti .time{ font-size: 12px;color: #898989; }

.pictrue-5 a .textbox .jiangexian{ margin-bottom: 10px; width: 60px; height: 3px; background: #005cda; }

.pictrue-5 a .textbox .jieshao{ height: 48px; font-size: 12px;color: #333; line-height: 24px; overflow: hidden; }

.pictrue-6{ position: relative; }

.pictrue-6-list a{ display: block; padding: 2px 2px 0; border:solid 1px #e5e5e5; }

.pictrue-6-list a .imgbox{ margin-bottom: 2px; overflow: hidden; }

.pictrue-6-list a .imgbox span{ display: block; font-size: 0; }

.pictrue-6-list a .imgbox span img{ max-width: 100%; }

.pictrue-6-list a .textbox{ position: relative; margin:0 -2px; padding:0 33px 0 13px; height: 40px; color: #555; line-height: 40px; background: #e5e5e5; }

.pictrue-6-list a .textbox:before,.pictrue-6-list a .textbox:after{ content: ""; position: absolute; top: calc((100% - 10px) / 2); right: 13px; width: 20px; height: 10px; border-left: solid 1px #ababab; transition: all 0.3s; }

.pictrue-6-list a .textbox:before{ z-index: 1; background: url(../images/p3_jt.png) no-repeat right; }

.pictrue-6-list a .textbox:after{ z-index: 2; background: url(../images/p3_jt2.png) no-repeat right; opacity: 0; }

.pictrue-6-list.active{ margin-bottom: 20px; }

.pictrue-7{ margin-bottom: 20px; font-size: 0; }

.pictrue-7 img{ width: 100%; }

.pictrue-7.active{ margin-right: auto; margin-left:auto; max-width: 600px; }

.pictrue-8{ margin-bottom: 20px; }

.pictrue-8 ul{ margin:0 -5px; }

.pictrue-8 ul li{ padding: 0 5px; width: 50%; }

.pictrue-8 ul li .imgbox{ font-size: 0; }

.pictrue-8 ul li .imgbox img{ max-width: 100%; }



.subnav .biaoti{ padding: 15px 0; font-size: 0; 

background:#005dd8;background:-moz-linear-gradient(top,#005dd8 0%,#012b6c 100%);background:-webkit-linear-gradient(top,#005dd8 0%,#012b6c 100%);background:linear-gradient(to bottom,#005dd8 0%,#012b6c 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#005dd8',endColorstr='#012b6c',GradientType=0 );}

.subnav .biaoti .cn{ display: inline-block; vertical-align: top; font-size: 24px; color: #fff; font-weight: bold; line-height: 26px; }

.subnav .biaoti .en{ display: inline-block; vertical-align: top; padding-top: 12px; padding-left: 10px; font-family: arial; font-size: 12px;color: #fff; line-height: 14px; }

.subnav ul{ margin:0 0 20px; }

.subnav ul li{ margin:10px 0 0; }

.subnav ul li a{ display: block; font-size: 16px;color: #646464; line-height: 40px; background: #ececec; }

.subnav .ul{ display: none; margin-bottom: 10px; }

.subnav .ul .li{ margin:1px 0 0; }

.subnav .ul .li a{ display: block; font-size: 14px;color: #666; line-height: 34px; background: #f2f2f2; }

.subnav ul li.active a{ color: #fff; background: #005cda; }

.subnav .ul .li.active a{ color: #fff; background: #368afc; }

.subnav .imgbox{ margin-top:10px; }

.subnav .imgbox img{ width: 100%; }

.subnav .textbox{ padding: 10px 0 0; color: #333; line-height: 30px; }



footer .tops{ padding: 40px 0; background: #031234; }

footer .tops .menu{ width: calc(100% - 150px - 290px); }

footer .tops .menu .ul .li{ padding-left: 5%; min-height: 175px; border-right: solid 1px #1d2e55; border-left: solid 1px #010a1d; }

footer .tops .menu .ul .li .biaoti{margin-bottom:15px; font-size: 16px;color: #fff; font-weight: bold; line-height: 24px}

footer .tops .menu .ul .li .nr ul{ margin-left: -10px; margin-right: -10px; margin-bottom: 0; }

footer .tops .menu .ul .li .nr ul li{ padding-left: 10px; padding-right: 10px; margin-bottom: 15px; line-height: 14px;}

footer .tops .menu .ul .li:nth-child(1){ padding-left: 0; width: 15%; border-left: none; }

footer .tops .menu .ul .li:nth-child(1) .nr ul li{ width: 100%; }

footer .tops .menu .ul .li:nth-child(2){ width: 45%; }

footer .tops .menu .ul .li:nth-child(2) .nr ul li{ width: calc(100% / 3); }

footer .tops .menu .ul .li:nth-child(3){ width: 22%; border-right: none; }

footer .tops .menu .ul .li:nth-child(3) .nr ul li{ width: 100%; }

footer .tops .menu .ul .li .nr ul li a{ font-size: 12px;color: #c2c2c2; }

footer .tops .ewm{ width: 150px; }

footer .tops .ewm .imgbox{ padding: 5px; font-size: 0; background: #fff; }

footer .tops .ewm .imgbox img{ width: 100%; }

footer .tops .contact{ width:290px; }

footer .tops .contact .biaoti{ margin-bottom:15px; font-size: 16px;color: #fff; font-weight: bold; line-height: 24px; }

footer .tops .contact .textbox{ font-size: 12px;color: #c2c2c2; line-height: 30px; }

footer .bots{ padding: 15px 0; background: #005cda; }

footer .bots .logo a{ display: block; font-size: 0; line-height: 50px; }

footer .bots .copyright{ padding-left: 20px; width: calc(100% - 370px); font-size: 12px; color: rgba(255,255,255,0.66); line-height: 24px; }

footer .bots .copyright a{ color: rgba(255,255,255,0.66); }



@media (min-width:992px){

	header .top_bar{ border-bottom: solid 1px #d0d0d0; }

	header .top_bar .biaoyu{ color: #9a9a9a; line-height: 32px; }

	header .top_bar .right{ padding-top: 9px; }

	header .top_bar .right ul li a{ display: block; padding: 0 10px; height: 14px; color: #9a9a9a; line-height: 14px; border-right: solid 1px #b8b8b8; }

	header .top_bar .right ul li:last-child a{ padding-right: 0; border-right: none; }

	header .top_bar .right ul li:first-child a{ padding-left: 0; }	

	header .top_bar .right ul li a:hover{ color: #01245e; text-decoration: underline !important; }

	header .logo a{line-height:80px;}

	header .qita .biaoyu{ margin-top: 26px; padding-left: 20px; padding-top: 5px; padding-bottom: 5px; margin-left: 20px; font-family: '幼圆'; color: #646464; line-height: 24px; border-left: solid 1px #cfcfcf; }

	header .tel{ margin-top: 10px; padding-left: 65px; min-height: 48px; background: url(../images/tel.png) no-repeat left; }

	header .tel .biaoti{ color: #333; line-height: 24px; }

	header .tel .shuzi{ font-size: 28px;color: #ffa200; font-weight: bold; line-height: 26px; }		

	header .menu ul li{ position:relative; width: calc(100% / 8); width:170px;}

	header .menu ul li > a{ display:block; font-size:16px; color:#fff; line-height:58px;}

	header .menu ul li .ul{ display:none; position:absolute; left:0; top:100%; width:100%; background:rgba(12,58,120,0.95);}

	header .menu ul li .ul .li a{ display:block; padding:10px; color:#fff; line-height:24px;}

	header .menu ul li:hover > a{ background: #005cda; }

	header .menu ul li.active > a{ background: #005cda; }

	header .menu ul li .ul .li:hover a{background:#015cda;}

	.title-2{ margin-bottom: 20px; padding-bottom: 10px; font-size: 12px;color: #a9a9a9; line-height: 24px; border-bottom: double 3px #cacaca; }

	.title-2 a{ color: #a9a9a9; }

	.title-2 a:hover{ color: #005cda; text-decoration: underline !important; }

	.title-2 span{ color: #005cda; }

	.text-1{ margin-left: -70px; padding: 40px 25px; background: rgba(255,255,255,0.9); }

	.text-2{ float: right; width: calc(36% - 20px); height: 400px; }

	.text-2-list .more a:hover{ background: #005cda; }

	.text-3 ul li a:hover{border:solid 2px #005cda; }

	.text-3 ul li a:hover .time{ color: #005cda; }

	.text-3 ul li a:hover .textbox{ background: #005cda; }

	.text-3 ul li a:hover .textbox .biaoti{ color: #fff; }

	.text-3 ul li a:hover .textbox .jiangexian{ background: #fff; }

	.text-3 ul li a:hover .textbox .jieshao{ color: #fff; }

	.text-4{ color: #333; line-height: 30px; }

	.pictrue-1-list a:hover{ border:solid 1px #0067c6; }

	.pictrue-1-list a:hover .imgbox span{ transform: scale(1.05); }

	.pictrue-1-list a:hover .textbox{background: #0067c6; }

	.pictrue-1-list a:hover .textbox .biaoti{color: #fff; }

	.pictrue-1-list a:hover .textbox .jieshao{color: #fff;}

	.pictrue-1 .swiper-button{ margin-top: -40px; width: 40px; height: 80px; background-color:#e6e6e6; background-repeat: no-repeat; background-position: center center; background-size: 25px auto; }

	.pictrue-1 .swiper-button.swiper-button-prev{ left: -70px; background-image: url(../images/p1_jt_l.png); }

	.pictrue-1 .swiper-button.swiper-button-next{ right: -70px; background-image: url(../images/p1_jt_r.png); }

	.pictrue-1 .swiper-button:hover{ background-color: #005cda; }

	.pictrue-3-list a .imgbox .mb{ position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background: rgba(0,92,218,0.8); transform: scale(0); }

	.pictrue-3-list a .imgbox .mb:before{ content: "";  position: absolute; left: 10px; top: 10px; z-index: 1; width: calc(100% - 20px); height: calc(100% - 20px); border:solid 1px #fff; }

	.pictrue-3-list a .imgbox .mb:after{content: "";  position: absolute; left: calc((100% - 32px) / 2); top: calc((100% - 32px) / 2); z-index: 1; width: 32px; height: 32px; background: url(../images/p3_jia.png) no-repeat center; }

	.pictrue-3-list a:hover .imgbox .imgs span{ transform: scale(1.05); }

	.pictrue-3-list a:hover .imgbox .mb{ transform: scale(1); }

	.pictrue-3 .swiper-button{ margin-top: -40px; width: 40px; height: 80px; background-color:#e6e6e6; background-repeat: no-repeat; background-position: center center; background-size: 25px auto; }

	.pictrue-3 .swiper-button.swiper-button-prev{ left: -70px; background-image: url(../images/p1_jt_l.png); }

	.pictrue-3 .swiper-button.swiper-button-next{ right: -70px; background-image: url(../images/p1_jt_r.png); }

	.pictrue-3 .swiper-button:hover{ background-color: #005cda; }

	.pictrue-4{ float: left; width: 64%; height:400px; }

	.pictrue-5 a .imgbox span{ height: 317px; }

	.pictrue-5 a:hover .imgbox span{ transform: scale(1.05); }

	.pictrue-6-list a:hover{ border:solid 1px #005cda; }

	.pictrue-6-list a:hover .imgbox span{ transform: scale(1.05); }

	.pictrue-6-list a:hover .textbox{ color: #fff; background: #005cda; }

	.pictrue-6-list a:hover .textbox:before{ opacity: 0; }

	.pictrue-6-list a:hover .textbox:after{ opacity: 1; }

	.pictrue-6 .swiper-button{ margin-top: -40px; width: 40px; height: 80px; background-color:#e6e6e6; background-repeat: no-repeat; background-position: center center; background-size: 25px auto; }

	.pictrue-6 .swiper-button.swiper-button-prev{ left: -70px; background-image: url(../images/p1_jt_l.png); }

	.pictrue-6 .swiper-button.swiper-button-next{ right: -70px; background-image: url(../images/p1_jt_r.png); }

	.pictrue-6 .swiper-button:hover{ background-color: #005cda; }

	.subnav ul li:hover a{ color: #fff; background: #005cda; }

	.subnav .ul .li:hover a{ color: #fff; background: #368afc; }

	footer .tops .menu .ul .li .nr ul li a:hover{ color: #fff; text-decoration:underline !important; }

	footer .bots .copyright a:hover{ color: #fff; text-decoration:underline !important;}

}



@media (max-width:1349px){

	.pictrue-1 .swiper-button{ display: none; }

	.pictrue-3 .swiper-button{ display: none; }

	.pictrue-6 .swiper-button{ display: none; }

}



@media (max-width:1199px){

	.main-pad-1{ padding:40px 0;}

	header .top_bar .biaoyu{ font-size: 12px; }

	header .top_bar .right{ padding-top: 10px; }

	header .top_bar .right ul li a{ height: 12px; font-size: 12px; line-height: 12px; }

	header .logo a img{ width: 340px; }

	header .qita .biaoyu{ font-size: 12px; }

	header .tel .shuzi{ font-size: 24px; }

	header .menu ul li > a{ font-size: 14px; line-height: 50px; }

	.text-2-list .biaoti{ margin-bottom: 20px; font-size: 24px; line-height: 34px; }

	.text-2-list .jieshao{ font-size: 14px; }

	.text-2-list .more a{ font-size: 14px; }

	.text-3 ul li a .time .maxshuzi{ font-size: 34px; }

	.text-3 ul li a .time .minshuzi{ font-size: 18px; line-height: 24px; }

	.pictrue-1-list a .textbox{ padding: 15px; }

	.pictrue-1-list a .textbox .biaoti{ margin-bottom: 10px; }

	footer .tops .ewm{ width: 120px; }

	footer .tops .contact{ width: 250px; }

	footer .tops .menu{ width: calc(100% - 250px - 120px); }

	footer .tops .menu .ul .li:nth-child(2){ width: 50%; }

}



@media (max-width:991px){

	.main-2:before{ width: 100%; }

	.main-pad-1{ padding:30px 0;}

	header .logo a{line-height:80px;}

	.title-1 { margin-bottom: 20px; }

	.title-1 a .cn span{ font-size: 24px; line-height: 30px; }

	.title-1 a .en{ font-size: 16px; }

	.text-1{ padding: 20px; background: rgba(255,255,255,0.8); }

	.text-1 .biaoti{ margin-bottom: 20px; font-size: 16px; }

	.text-1 .jieshao .nr{ height: auto; font-size: 12px; line-height: 24px; }

	.text-1 .menu{ padding-right: 0; }

	.text-1 .menu ul li a{ line-height: 34px; }

	.text-2-list{ padding: 20px 20px 50px; }

	.text-2-list .biaoti{ font-size: 18px; line-height: 24px; }

	.text-2-list .jieshao{ margin-bottom: 20px; height: auto; line-height: 24px; }

	.text-3 ul li{ margin-bottom: 20px; }

	.text-4{ line-height: 24px; }

	.pictrue-1-list a .textbox .biaoti{ font-size: 14px; }

	.pictrue-4{ margin-bottom: 20px; }

	.pictrue-5{ margin-bottom: 20px; }

	.subnav{ margin-bottom: 20px; }

	.subnav .biaoti{ position: relative; padding: 0 15px; text-align: left; }

	.subnav .biaoti:before{ content: ""; position: absolute; right: 15px; top: calc((100% - 20px) / 2); z-index: 1; width: 20px; height: 20px; background: url(../images/subnav_jt.png) no-repeat center; transition: all 0.3s; transform: rotate(-90deg); }

	.subnav .biaoti.active:before{ transform:rotate(0deg); }

	.subnav .biaoti .cn{ display: block; font-size: 18px; line-height: 50px; }

	.subnav ul{ margin:0; }

	.subnav ul li{ margin-top: 1px; }	

	.subnav ul li a{ font-size: 14px; }

	.subnav .ul{ margin-bottom: 0; }

	.subnav .ul .li a{ font-size: 12px; line-height: 30px; }

	footer .tops{ padding: 30px 0; }

	footer .tops .menu{ width: 100%; border-bottom: solid 1px rgba(255,255,255,0.1); }

	footer .tops .contact{ float: left !important; padding-top: 20px; }

	footer .tops .contact .textbox{ line-height: 24px; }

	footer .tops .ewm{ padding-top: 20px; }

	footer .bots .copyright{ padding-left: 0; width: 100%; text-align: center; }

}



@media (max-width:767px){

	.main-pad-1{ padding:20px 0;}

	.main-pad-2{ padding:20px 0;}

	header .logo a{line-height:60px;}

	header .logo a img{ width: 220px; }

	.banner .swiper-pagination{ bottom: 10px; }

	.title-1 a .cn span{ font-size: 18px; line-height: 24px; }

	.title-1 a .en{ font-size: 14px; }

	.title-3 .biaoti{ font-size: 16px; }

	.title-4{ font-size: 16px; }

	.title-5{ font-size: 14px; }

	.text-6{ font-size: 12px; }

	.text-1{ padding: 10px; }

	.text-1 .biaoti{ margin-bottom: 10px; }

	.text-1 .menu ul{ margin:0 -10px; }

	.text-1 .menu ul li{ padding: 0 10px; }

	.text-2-list{ padding: 10px 10px 40px; }

	.text-2-list .biaoti{ margin-bottom: 10px; font-size: 16px; }

	.text-2-list .more a{ width: 120px; line-height: 30px; }

	.text-2 .swiper-pagination{ bottom: 10px; }

	.text-2 .swiper-pagination span{ margin:0 5px; width: 10px; height: 10px; }

	.text-3 ul li a .time{ width: 120px; }

	.text-3 ul li a .time .minshuzi{ font-size: 16px; }

	.text-3 ul li a .textbox{ width: calc(100% - 120px); }

	.text-3 ul li a .textbox .biaoti{ font-size: 14px; }

	.text-4{ font-size: 12px; line-height: 24px; }

	.text-5{ font-size: 12px; }

	.text-7 tr td{ font-size: 12px; }

	.pictrue-1-list a .textbox{ padding: 10px; }

	.pictrue-1-list a .textbox .biaoti{ margin-bottom: 0; }

	.pictrue-3-list a .textbox{ font-size: 12px; }

	.pictrue-6-list a .textbox{ font-size: 12px; }

	footer .tops{ padding: 20px 0; }

	footer .tops .contact{ padding-top: 0; }

	footer .tops .contact .biaoti{ margin-bottom: 10px; }

	footer .tops .ewm{ padding-top: 0; }

}



@media (max-width:479px){

	.pictrue-5 a .textbox .biaoti .mc{ font-size: 14px; }

	.text-3 ul li a .time{ padding-top:20px; width: 100px; height:83px; }

	.text-3 ul li a .time .maxshuzi{ font-size: 24px; line-height: 20px; }

	.text-3 ul li a .time .minshuzi{ font-size: 14px; }

	.text-3 ul li a .textbox{ padding-top:5px; padding-bottom: 5px; padding-left: 15px; width: calc(100% - 100px); height: 83px }

	.text-3 ul li a .textbox .biaoti{ margin-bottom: 5px; }

	.text-3 ul li a .textbox .jiangexian{ margin-bottom: 5px; }

	.text-3 ul li a .textbox .jieshao{ height: 40px; line-height: 20px; }

	.pictrue-3-list a .textbox{ height: 34px; line-height: 34px; }

	.pictrue-6-list a .textbox{ height: 34px; line-height: 34px; }

	footer .tops .ewm{ float: none !important; margin-bottom: 20px; width: 100%;}

	footer .tops .ewm .imgbox{ margin:0 auto; max-width: 120px; }

	footer .tops .contact{ float: none !important; width: 100%; text-align: center;}

}





div.page {

    margin: 10px 3px;

    padding: 3px;

    text-align: center;

}



div.page a {

    background-position: 50% bottom;

    border-color: #dedfde;

    border-style: solid;

    border-width: 1px;

    color:black;

    margin-right: 3px;

    padding: 2px 6px;

    text-decoration: none;

}





div.page span.disabled {

    color: #adaaad;

    margin-right: 3px;

    padding: 2px 6px;

}



div.page span.current {

    color: #eb5914;

    font-weight: bold;

    margin-right: 3px;

    padding: 2px 6px;

}







/*浮动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.tel1 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.tel1 p {

width: 150px;

    height:130px;

    line-height:30px

}



.dock ul.icons li.im p {

	width: 140px;

    height:180px;

    line-height:18px

}



.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: 170px;

    height:160px;

    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;

}













.aboutus{width:1200px; margin:0 auto;margin-top:50px;}

.aboutus h2{text-align:center;}

.aboutus p{font-size:16px; color:#3c3c3c; margin-top:50px; line-height:2em; width:1200px; margin:0 auto;margin-bottom:30px;}

.aboutus ul li{list-styly:none; display:block; float:left; padding-left:10px;padding-right:10px;}

.prostyle{ background:url(../images/probg.jpg) no-repeat; height:362px; margin-top:30px;}

.prostyle h1{font-size:36px; text-align:center; color:#fff;padding-top:30px;}

.prostyle  .solgan{ width:1200px;margin:0 auto; text-align:center; color:#fff;margin-top:30px;}

.prostyle  .wrap{ width:1200px;margin:0 auto;margin-top:50px;}

.prostyle  .wrap a{color:#fff;}


.prostyle .protype {width:13%; float:left; text-align:center; font-size:14px; height:50px;line-height:50px; border-bottom:1px dotted #FFF;padding-bottom:40px;padding-top:10px;}


/*产品*/

.bt3{font: bold 60px/80px "微软雅黑"; color: #fff; text-align: center; }

.bt4{font:28px/50px "微软雅黑"; color: #59e000; text-align: center;}

.cp{ margin: 0; margin-top:20px;}

.cp li{ width: 282px; margin:9px; background:#fff; display: block; float: left;}


.cp_t1{ display:block; line-height:50px; overflow:hidden; height:50px; text-align:center;font-family:"微软雅黑"; font-size:16px;}

.cp_t1 a{ display:block; color:#333; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; text-decoration:none;}

.cp_t1 a:hover{ display:block; color:#00863a;}

.cp_ps{ width:282px; height:282px; overflow:hidden;}

.cp_ps img{ width:282px; height:282px; overflow:hidden;}

.cp_ps{ width:282px; height:282px; overflow:hidden;}

.cp_ps img{ width:282px; height:282px; overflow:hidden;}

.cp_ps2{ width:282px; height:188px; overflow:hidden;}

.cp_ps2 img{ width:282px; height:188px; overflow:hidden;}

.more{display:block; border:1px solid #dfdfdf; width: 274px; height: 50px; margin: 0 auto; text-align:center; font:15px/50px "微软雅黑"; }

.more a{ display:block; background:none; color:#666; }

.more a:hover{display:block; background: #00863a; color:#fff; }

.proshow{ width:1200px; margin:0 auto;}

.cp li{position:relative;}

.cp .cp_t1 {display: block;background:rgb(0,0,0,0.5);position: absolute;bottom:0;width: 282px;height: 50px;font-size: 16px;line-height: 50px;color: #fff}

.cp .cp_t1 a {color:#fff;}
 
 
.newsbig{background:#f7f7f7;height:500px;}

.news{ width:1200px; margin:0 auto; margin-top:20px;  }

.news h1{text-align:center;}

.news li{ float:left; width:580px; margin-right:20px; margin-bottom:20px; list-style:none; }

.news .newti{font-size:16px;font-weight:bold;color:#000;}

.news li p:first-child{ font-size:16px; font-family:"微软雅黑", Gadget, sans-serif; font-weight:bold !important; color:#ed640d; line-height:20px !important;}

.news li a{ font-size:15px; padding:0px; margin:0px; line-height:35px; color:#000}

.news li p{ font-size:14px; color:#666666; line-height:30px; margin-top:10px; display:block}

.news li span{ border-bottom:#d2d2d2 solid 1px; display:block; margin-top:10px; position:relative;}

.news li span b{ position:absolute;width:20px; left:0 ;top:0;border-bottom:#000000 solid 1px;transition:1s}

.news li:hover span b{border-bottom:#000000 solid 1px; width:580px;}


    .footer{width:1200px;margin:0 auto;}
    .f_bj {
            color: #bfbfbf;
            line-height: 26px;
            clear: both;
            height: 252px;
            padding: 9px 0 0;
            font-family: "Microsoft Yahei";
            overflow: hidden;
            background: url(../images/footbg.gif) repeat-x center 0;
        }
        
        .f_bj a {
            color: #bfbfbf;
        }
        
        .f_nav {
            height: 56px;
            line-height: 56px;
            color: #fff;
            overflow: hidden;
            white-space: nowrap;
			margin-left:50px;
        }
        
        .f_nav a {
            color: #fff;
            display: inline-block;
            height: 56px;
            float: left;
        }
        
        .f_nav em {
            display: inline-block;
            height: 56px;
            float: left;
            width: 101px;
            background: url(../images/f_navl.gif) no-repeat center;
        }
        
        .f_con {
            padding: 48px 0;
            display: block;
        }
        
        .f_code {
            width: 86px;
            height: 86px;
            background: #222;
            border-radius: 3px;
            padding: 3px;
            display: block;
        }
        
        .f_code img {
            display: block;
            width: 80px;
            height: 80px;
            padding: 3px;
            background: #fff;
        }
        
        .f_logo {
            width: 376px;
        }
        
        .f_logo img {
            width: 442px;
            height: 105px;
        }
        
        .f_text {
            width: 694px;
        }
        
        .f_text p {
            display: block;
            width: 340px;
            height: 30px;
            line-height: 29px;
            padding: 0 0 0 40px;
            float: left;
			color:#fff;
          
        }
        
       
        
    
      
		
       .fl {float: left;}
	   
       .fr {float: right;}