@charset "utf-8";

body{font-family:"微软雅黑"}
.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:1280px !important}
::-webkit-input-placeholder{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;}
:-moz-placeholder{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;}
::-moz-placeholder{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;}
:-ms-input-placeholder{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;}
.tr{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;}
.tr3{transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;}
input,button,textarea,.swiper-pagination span,.swiper-button,select{ outline: none !important; }
.sizeCover{ background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; }

.main-pad-1{ padding:40px 0 0;}
.main-pad-2{ padding:0 0 40px;}
.main-pad-3{ padding:20px 0 0;}
.main-pad-4{ padding:35px 0 0;}
.main-pad-2{ padding:0;}
.main-Background-1{ background:rgba(0,0,0,0.6);}

header{ position: relative; z-index:99999;}
header .box{ display: flex; justify-content: space-between; align-items: center;}
header .qita .logo a{ display:block; font-size:0;}
header .qita .tops .search form{ display: flex; align-items: center; justify-content: space-between; width: 208px; background: #fff; border: solid 1px #d4d4d4; border-radius: 19px;}
header .qita .tops .search form input{ padding-left:15px; width: calc(100% - 46px - 10px); height: 36px; color: #333; line-height: 36px; background: none; border: none;}
header .qita .tops .search form input::-webkit-input-placeholder{color: #333;}
header .qita .tops .search form input:-moz-placeholder{color: #333;}
header .qita .tops .search form input::-moz-placeholder{color: #333;}
header .qita .tops .search form input:-ms-input-placeholder{color: #333;}
header .qita .tops .search form button{ padding:0; width: 46px; height: 36px; font-size: 18px; color: #10538a; line-height: 36px; background: none; border: none; font-weight: bold;}	

.banner{ position:relative;}
.banner a{ display: block; font-size: 0; text-align: center;}
.banner a img{ 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; transition: all 0.3s;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background: #003d6f;}

.title-1{ margin-bottom: 20px; font-size: 16px; color: #10538a; line-height: 24px;}
.title-2{ padding:0 5px; font-size: 16px; color: #10538a; line-height: 38px; border-bottom: solid 1px #efefef;}
.title-3{ display: flex;}
.title-3 a{ color: #87898c; line-height: 24px;}
.title-4 ul{ display: flex; justify-content: center;}
.title-4 ul li{ margin:0 4px;}
.title-4 ul li a{ display: flex; justify-content: center; align-items: center; padding:0 10px; min-width: 150px; font-size: 20px; color: #fff; line-height: 38px; background: #10538a; border-radius: 5px;}
.title-4 ul li.active a{ color: #10538a; background: #fecb31;}
.title-5{ display: flex;}
.title-5 a{ font-size: 16px; color: #fecb31; font-weight: bold; text-decoration: underline !important;}
.title-6{ margin-bottom: 20px;}
.title-6 .biaoti{ font-size: 18px; color: #10538a; font-weight: bold; line-height: 24px;}
.title-6 .time{ font-size: 12px; color: #666; line-height: 24px;}

.maxwid{ width:100%; text-align:center; height:40px; margin-bottom:40px;}

.text-1{ margin: 0 auto; max-width: 780px; color: #87898c; line-height: 25px;}
.text-2 .menu{ position: relative; z-index: 2; margin-bottom:-1px;}
.text-2 .menu ul{ display: flex;}
.text-2 .menu ul li{ padding:0 10px; color: #5f7285; font-weight: bold; line-height: 44px; border: solid 1px #dadae5; border-radius: 5px 5px 0 0; cursor: pointer;}
.text-2 .menu ul li:nth-child(n+2){ margin-left:10px;}
.text-2 .menu ul li.active{ color: #3f4c58; border-bottom-color:#fff; font-size:16px;}
.text-2 .ul{border: solid 1px #dadae5;}
.text-2 .ul .li{ display: none; padding: 30px;}
.text-2 .ul .li.active{ display: block;}
.text-2 .ul .li .jieshao{ color: #5f7285; line-height: 24px;}
.text-2 .ul .li .jieshao img{ max-width:100% !important; height:auto !important;}
.text-2 .ul .li .jieshao table{ width:100% !important; height:auto !important}
.text-2 .ul .li .jieshao table td{ width:auto !important; height:auto !important; border:1px solid #f2f2f2;}
.text-3 .maxtishi{ margin-bottom: 30px; color: #87898c; line-height: 24px;}
.text-3 .ul .li:nth-child(n+2){ margin-top: 40px;}
.text-3 .ul .li2:nth-child(n+2){ margin-top: 20px;}
.text-3 .biaoti{ margin-bottom: 5px; color: #195994; line-height: 24px;}
.text-3 textarea{ padding:10px; width: 100%; max-width: 100%; min-width: 100%; min-height: 140px; color: #8798a9; line-height: 24px; border: solid 1px #dadae5; box-shadow:inset 0 1px 3px rgba(0,0,0,.2); border-radius: 5px;}
.text-3 textarea::-webkit-input-placeholder{color: #8798a9;}
.text-3 textarea::-moz-placeholder{color: #8798a9;}
.text-3 textarea::-moz-placeholder{color: #8798a9;}
.text-3 textarea:-ms-input-placeholder{color: #8798a9;}
.text-3 .xiala{ position: relative; margin-bottom:15px; width: 290px;}
.text-3 .xiala select{ display: block; position: relative; z-index: 2; cursor: pointer; padding:0 10px; width: 100%; height: 40px; color: #5f7285; line-height:38px; border: solid 1px #dadae5; border-radius: 5px; appearance:none;-moz-appearance:none;-webkit-appearance:none;background:transparent;}
.text-3 .xiala select::-ms-expand{display:none}
.text-3 .xiala .icon{ position: absolute; right: 0; top: 0; z-index: 1; display: flex; justify-content: center; align-items: center; width: 30px; height: 40px; font-size: 24px; color: #5f7285; font-weight: bold; line-height: 40px; border-left:solid 1px #dadae5;}
.text-3 .xiala .icon:before{ transform: rotate(90deg); transition: all .3s;}
.text-3 .hang:nth-child(n+2){ margin-top: 15px;}
.text-3 .hang.hang1{ display: flex; justify-content: space-between;}
.text-3 .hang.hang2{ display: flex; justify-content: space-between;}
.text-3 .hang input{ display: block; padding:0 10px; width: 100%; height: 40px; color: #8798a9; line-height:38px; border:solid 1px #dadae5; box-shadow:inset 0 1px 3px rgba(0,0,0,.2); border-radius: 5px;}
.text-3 .hang input::-webkit-input-placeholder{color: #8798a9;}
.text-3 .hang input::-moz-placeholder{color: #8798a9;}
.text-3 .hang input::-moz-placeholder{color: #8798a9;}
.text-3 .hang input:-ms-input-placeholder{color: #8798a9;}
.text-3 .hang.hang1 input:nth-child(1){ width: calc(100% - 195px);}
.text-3 .hang.hang1 input:nth-child(2){ width:175px;}
.text-3 .hang.hang2 input:nth-child(2){ width:270px;}
.text-3 .hang.hang2 input:nth-child(1){ width:calc(100% - 290px);}
.text-3 .yzm{ font-size: 0;}
.text-3 .yzm img{ width: 80px;}
.text-3 .biaoti2{ color: #5f7285; font-weight: bold; line-height: 24px;}
.text-3 .tishi{ margin-bottom:10px; font-size: 12px; color: #5f7285; line-height: 24px;}
.text-3 .tiaokuan{ display: flex; align-items: center;}
.text-3 .tiaokuan input{ margin: 0;}
.text-3 .tiaokuan .mc{ padding-left: 5px; color: #5f7285;}
.text-3 .tiaokuan .mc a{ color: #fabc01;}
.text-3 button{ display: flex; align-items: center; justify-content: space-between; margin-left: calc(100% - 76px); padding:0 10px; font-weight: bold; width: 76px; height: 38px; color: #195994; line-height: 38px; border: none; border-radius: 5px;background:rgb(255,206,57);background:-moz-linear-gradient(top,rgba(255,206,57,1)0%,rgba(250,188,2,1)100%);background:-webkit-linear-gradient(top,rgba(255,206,57,1)0%,rgba(250,188,2,1)100%);background:linear-gradient(to bottom,rgba(255,206,57,1)0%,rgba(250,188,2,1)100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffce39',endColorstr='#fabc02',GradientType=0);}
.text-3 button .icon{ font-size: 14px;}
.text-4{ color: #10538a; line-height: 28px;}
.pdfstyle{width: 98%; display: block; margin:1% auto;}
.pdfstyle p{ width: 100%; border-bottom: 1px solid #eee; font-size: 16px; line-height: 32px; padding-bottom: 5px; margin-bottom:5px;}
.pdfstyle img{ width: 18px !important; line-height: 32px !important; }
.pdfstyle a{ font-size: 16px !important; color: #333 !important; line-height: 32px !important;}
.pdfstyle p:hover a{color:#0066cc !important; border-bottom: 1px solid #10538a !important;}
/*.pdfstyle p:hover img{color:#0066cc !important; border-bottom: 1px solid #10538a !important;}*/
.text-5 .ul:nth-child(n+2){ margin-top: 50px;}
.text-5 .ul .li .maxbiaoti{ margin-bottom: 10px; font-size: 16px; color: #10538a; font-weight: bold; line-height: 24px;}
.text-5 .ul .li .jieshao{ color: #10538a; line-height: 25px;}
.text-5 .ul.ul3{ display: flex;}
.text-5 .ul.ul3 .li{ width: 33.3333%;}
.text-5 .ul.ul3 .li ul li{ display: flex;}
.text-5 .ul.ul3 .li ul li a{ padding:0 5px; max-width: 100%; color: #10538a; line-height: 25px; border-radius: 13px;}
.text-5 .ul.ul2{ display: flex;}
.text-5 .ul.ul2 .li:nth-child(1){ width: 35%;}
.text-5 .ul.ul2 .li:nth-child(2){ padding-left: 10px; width: 65%;}
.text-5 .ul.ul2 .li ul li{ color: #10538a; line-height: 25px;}
.text-5 .ul.ul2 .li ul li:nth-child(n+3){ margin-top: 5px;}
.text-6 .ul2 .li2:nth-child(n+2){ margin-top:30px;}
.text-6 .ul2 .li2 .maxbiaoti{ margin-bottom: 10px; font-size: 16px; color: #10538a; font-weight: bold; line-height: 24px;}
.text-6 .ul2 .li2 .bots .ul{ display: flex; justify-content: space-between;}
.text-6 .ul2 .li2 .bots .ul .li{ padding:15px; width: calc((100% - 60px) / 3); background: #fff; border-top:solid 3px #10538a; box-shadow:0 0 5px rgba(0,0,0,0.1);}
.text-6 .ul2 .li2 .bots .ul .li ul li{ color: #10538a; line-height: 30px;}
.text-6 .ul2 .li2.active .bots .ul .li{ width: 100%;}
.text-7{ font-size: 16px; color: #10538a; line-height: 25px;}
.text-8 .ul .li:nth-child(n+2){ margin-top: 25px;}
.text-8 .ul .li .biaoti{ margin-bottom: 10px; font-size: 16px; color: #10538a; font-weight: bold; line-height: 24px;}
.text-8 .ul .li .jieshao{ color: #10538a; line-height:25px;}
.text-8 .ul .li .jieshao2 ul li a{ display: block; position: relative; padding-left: 20px; color: #10538a; line-height: 25px;}
.text-8 .ul .li .jieshao2 ul li a:before{ content:""; position: absolute; left: 0; top: 8px; z-index: 1; width: 3px; height: 9px; border-top: solid 3px #10538a;border-bottom: solid 3px #10538a; transition: all .3s;}
.text-8 .ul .li .jieshao2 ul li a:after{ content:""; position: absolute; left:3px; top:11px; z-index: 1; width: 3px; height: 3px;background:#10538a; transition: all .3s;}
.text-9{ margin:30px 0 0;}
.text-9 .caidananniu{ display: flex; align-items: center; padding:0 5px 0 10px; margin-bottom: 20px; width: 200px; height: 34px; border: solid 1px #dadae5; border-radius: 3px; cursor: pointer; background:rgb(255,255,255);background:-moz-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(248,248,250,1) 100%);background:-webkit-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(248,248,250,1) 100%);background:linear-gradient(to bottom,rgba(255,255,255,1) 0%,rgba(248,248,250,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',endColorstr='#f8f8fa',GradientType=0 );}
.text-9 .caidananniu .lefts{ display: flex; align-items: center; width:100%;}
.text-9 .caidananniu .icon{ font-size: 13px; color: #10538a;}
.text-9 .caidananniu .mc{ padding:0 10px; width: calc(100% - 13px); color: #10538a;}
.text-9 .caidananniu .jiantou{ position: relative; width: 24px; height: 32px; overflow: hidden;}
.text-9 .caidananniu .jiantou b{ display: flex; justify-content: center; align-items: center; position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-size: 24px; color: #10538a;}
.text-9 .caidananniu .jiantou b:nth-child(1){ top:-100%; transform: rotateX(180deg);}
.text-9 .caidananniu.active{ background:rgb(255,206,57); border:none; background:-moz-linear-gradient(top,rgba(255,206,57,1) 0%,rgba(250,188,1,1) 100%);background:-webkit-linear-gradient(top,rgba(255,206,57,1) 0%,rgba(250,188,1,1) 100%);background:linear-gradient(to bottom,rgba(255,206,57,1) 0%,rgba(250,188,1,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffce39',endColorstr='#fabc01',GradientType=0 );}
.text-9 .caidananniu.active .jiantou b:nth-child(1){ top: 0;}
.text-9 .caidananniu.active .jiantou b:nth-child(2){ top: 100%;}
.text-9 .xiala{ display: none; margin: 0 0 20px;}
.text-9 .xiala ul{ display:flex; flex-wrap: wrap;}
.text-9 .xiala ul li{ position: relative; margin-left: 1%; width: 32%; margin-bottom:8px;}
.text-9 .xiala ul li .biaoti{ display:flex; justify-content: space-between; align-items: center;padding:0 5px 0 10px; height: 34px; border: solid 1px #dadae5; border-radius: 3px; cursor: pointer; background:rgb(255,255,255);background:-moz-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(248,248,250,1) 100%);background:-webkit-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(248,248,250,1) 100%);background:linear-gradient(to bottom,rgba(255,255,255,1) 0%,rgba(248,248,250,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',endColorstr='#f8f8fa',GradientType=0 );}
.text-9 .xiala ul li .biaoti .mc{ width: calc(100% - 24px); color: #5f7285;}
.text-9 .xiala ul li .biaoti .icon{ font-size: 24px; color: #10538a; line-height:32px;}
.text-9 .xiala ul li .ul{ display: none; position: absolute; left: 0; top: 100%; right: 0; z-index: 1; padding:10px; margin-top: -1px; max-height: 210px; overflow-y: auto; background: #fff;border:solid 1px #fabc01; border-top:none; border-radius:0 0 3px 3px;}
.text-9 .xiala ul li .ul .li:nth-child(n+2){ margin-top: 10px;}
.text-9 .xiala ul li .ul .li label{ position: relative; display: block; margin:0; font-weight: normal;}
.text-9 .xiala ul li .ul .li label input{ position: absolute; left: 0; top: 0; z-index: 1; margin:0; width: 100%; height: 100%; background: none; border:none; opacity: 0; cursor: pointer;}
.text-9 .xiala ul li .ul .li label .mc{ position: relative; padding-left:30px; color: #5f7285; line-height:16px;}
.text-9 .xiala ul li .ul .li label .mc:before{ content:""; position: absolute; left: 0; top: 50%; z-index: 1; margin-top: -8px; width: 16px; height: 16px; border: solid 1px #dadae5; border-radius: 3px;}
.text-9 .xiala ul li .ul .li label span{ position: absolute; left:2px; top:50%; z-index: 1; display: flex; justify-content: center; align-items: center; margin-top: -6px; width: 12px; height: 12px; font-size: 12px; font-weight: bold; color: #fff; background: #fec929; border-radius: 3px; overflow: hidden; opacity: 0;}
.text-9 .xiala ul li .ul .li label:hover .mc{ color: #fabc01;}
.text-9 .xiala ul li .ul .li label:hover .mc:before{border-color: #fabc01;}
.text-9 .xiala ul li .ul .li label input[type="checkbox"]:checked + .mc + span{ opacity: 1;}
.text-9 .xiala ul li.active .biaoti{ background: #fff; border-color: #fabc01; border-radius: 3px 3px 0 0;}
.text-9 .xiala ul li.active .biaoti .mc{ color: #fabc01;}
.text-9 .xiala ul li.active .biaoti .icon{ color: #fabc01; transform: rotateX(180deg);}
.text-9 .xiala ul li.active .ul{ display: block;}
.text-9 .yixuan{ display: none; margin:0 0 20px; padding: 0 1%;}
.text-9 .yixuan ul{ display:flex; flex-wrap: wrap;}
.text-9 .yixuan ul li{ display: flex; align-items: center; padding: 0 10px; margin:0 10px 15px 0; height: 26px; color: #5f7285; border: solid 1px #dadae5; border-radius: 3px; cursor: pointer; }
.text-9 .yixuan ul li .icon{ font-size: 14px; font-weight: bold;}
.text-9 .yixuan ul li .mc{ padding-left:10px; font-size: 12px;}
.text-9 .yixuan ul li#removeAll{ color: #fabc01;border-color: #fabc01;}
.text-9 .yixuan.active{ display: block;}

.picture-1 .ul{ display: flex; justify-content: space-between;}
.picture-1 .ul .li{ width: calc((100% - 10px) / 3);}
.picture-1 .ul .li:nth-child(1) ul,.picture-1 .ul .li:nth-child(3) ul{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.picture-1 .ul .li:nth-child(1) ul li,.picture-1 .ul .li:nth-child(3) ul li{ position: relative; width: calc((100% - 5px) / 2);}
.picture-1 .ul .li:nth-child(1) ul li:nth-child(n+3),.picture-1 .ul .li:nth-child(3) ul li:nth-child(n+3){ margin-top: 5px;}
.picture-1 .ul .li:nth-child(1) ul li span,.picture-1 .ul .li:nth-child(3) ul li span{ display: block; padding-top: 100%;}
.picture-1 .ul .li:nth-child(1) ul li .mc,.picture-1 .ul .li:nth-child(3) ul li .mc{ position: absolute; left: 0; top: 0; z-index: 1; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; font-size: 16px; color: #fff; background: #10538a;}
.picture-1 .ul .li:nth-child(2) span{ display: block; padding-top: 100%;}
.picture-2{ margin-bottom:-30px;}
.picture-2 ul{ display: flex; flex-wrap: wrap;}
.picture-2 ul li{ margin-bottom: 30px; padding-bottom: 30px; width: 20%; border-bottom: solid 1px #d4d4d4;}
.picture-2 ul li a{ display:block; padding:0 10px;}
.picture-2 ul li a .imgbox{ display: flex; justify-content: center; align-items: center; margin-bottom: 10px; height:120px; font-size: 0;}
.picture-2 ul li a .imgbox img{ max-width: 100%; max-height: 100%;}
.picture-2 ul li a .mc{ color: #87898c; line-height: 24px;}
.picture-3{ margin-bottom:-40px;}
.product-mb .picture-3{ margin-bottom:0;}
.picture-3 ul{ display: flex; flex-wrap: wrap;}
.picture-3 ul li{ margin-bottom:30px; width: 25%;}
.picture-3 ul li a{ display:block; padding:0 10px;}
.picture-3 ul li a .imgbox{ display: flex; justify-content: center; align-items: center; margin-bottom: 10px; height:150px; font-size: 0; border:1px solid #f1f1f1;}
.picture-3 ul li a .imgbox img{ max-width: 100%; max-height: 100%;}
.picture-3 ul li a .mc{ color: #87898c; line-height: 24px;}
.picture-4{ display: flex; justify-content: space-between; align-items: flex-start;}
/* .picture-4 .left{display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: flex-start; width: 50%; border:solid 1px #dadae5; overflow:hidden;} */
/* .picture-4 .left img{ max-width: 100%; max-height:400px; margin:0 auto; display:block} */
/* .picture-4 .left .bots{ width: 70px;}
.picture-4 .left .bots .swiper-container{ height: 430px;}
.picture-4 .left .bots .imgbox{ display: flex; justify-content: center; align-items: center; padding:5px; height: 70px; font-size: 0; border: solid 1px #dadae5; border-radius: 5px; overflow: hidden; cursor: pointer;}
.picture-4 .left .bots .imgbox img{ max-width: 100%; max-height: 100%;}
.picture-4 .left .bots .swiper-slide-thumb-active .imgbox{ border-color: #fabc01;}
.picture-4 .left .tops{ position: relative; padding:0 0px; width: 100%;}
.picture-4 .left .tops .imgbox{ display: flex; justify-content: center; align-items: center; padding:0px; height:400px; font-size: 0; border:1px solid #f2f2f2;}
.picture-4 .left .tops .imgbox img{ max-width: 100%; max-height: 100%;}
.picture-4 .left .tops .swiper-pagination{ position: initial; display: flex; justify-content: center; margin-top: 10px;}
.picture-4 .left .tops .swiper-pagination span{ margin:0 5px; width: 11px; height: 11px; background: #fff; border: solid 1px #dadae5; transition: all .3s; opacity: 1; border-radius: 50%;}
.picture-4 .left .tops .swiper-pagination span.swiper-pagination-bullet-active{ background: #fabc01; border-color: #fabc01;}
.picture-4 .left .tops .swiper-button{ display: flex; justify-content: center; align-items: center; margin-top:-12px; width: 24px; height:24px; font-size:24px; color: #5f7285; font-weight: bold; opacity: 1; background: none;}
.picture-4 .left .tops .swiper-button.swiper-button-prev{ left: 0; transform: rotateY(180deg);}
.picture-4 .left .tops .swiper-button.swiper-button-next{ right: 0;}
.picture-4 .left .tops .swiper-button.swiper-button-disabled{ opacity:0;} */

.picture-4 .left{ display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: flex-start; width: 65%;}
.picture-4 .left .bots{ width: 70px;}
.picture-4 .left .bots .swiper-container{ height: 430px;}
.picture-4 .left .bots .imgbox{ display: flex; justify-content: center; align-items: center; padding:5px; height: 70px; font-size: 0; border: solid 1px #dadae5; border-radius: 5px; overflow: hidden; cursor: pointer;}
.picture-4 .left .bots .imgbox img{ max-width: 100%; max-height: 100%;}
.picture-4 .left .bots .swiper-slide-thumb-active .imgbox{ border-color: #fabc01;}
.picture-4 .left .tops{ position: relative; padding:0 30px; width: calc(100% - 70px - 20px);}
.picture-4 .left .tops .imgbox{ position: relative; display: flex; justify-content: center; align-items: center; padding:20px; height:430px; font-size: 0;}
.picture-4 .left .tops .imgbox img{ max-width: 100%; max-height: 100%;}
.picture-4 .left .tops .swiper-pagination{ position: initial; display: flex; justify-content: center; margin-top: 10px;}
.picture-4 .left .tops .swiper-pagination span{ margin:0 5px; width: 11px; height: 11px; background: #fff; border: solid 1px #dadae5; transition: all .3s; opacity: 1; border-radius: 50%;}
.picture-4 .left .tops .swiper-pagination span.swiper-pagination-bullet-active{ background: #fabc01; border-color: #fabc01;}
.picture-4 .left .tops .swiper-button{ display: flex; z-index: 1; justify-content: center; align-items: center; margin-top:-12px; width: 24px; height:24px; font-size:24px; color: #5f7285; font-weight: bold; opacity: 1; background: none;}
.picture-4 .left .tops .swiper-button.swiper-button-prev{ left: 0; transform: rotateY(180deg);}
.picture-4 .left .tops .swiper-button.swiper-button-next{ right: 0;}
.picture-4 .left .tops .swiper-button.swiper-button-disabled{ opacity:0;}
.zoomContainer{z-index: 9999;}
.zoomContainer.on{display: none; }
.zoomContainer.on.active{ display: block;}

.picture-4 .right{ width: calc(35% - 30px);}
.picture-4 .right .jieshao1{ min-height:150px;}
.picture-4 .right .jieshao1 ul li{ color: #5f7285; line-height: 28px; font-size:14px;}
.picture-4 .right .jieshao1 ul li:nth-child(n+2){ margin-top: 5px;}
.picture-4 .right .jieshao2{ margin-bottom: 15px; padding:20px 0; border-top: solid 1px #dadae5;border-bottom: solid 1px #dadae5;}
.picture-4 .right .jieshao2 ul li{ color: #5f7285; line-height: 30px;}
.picture-4 .right .jieshao3{ margin-bottom: 30px;}
.picture-4 .right .jieshao3 ul li a{ display: flex; align-items: center; color: #5f7285; line-height: 24px;}
.picture-4 .right .jieshao3 ul li a .icon{ font-size: 12px; font-weight: bold;}
.picture-4 .right .jieshao3 ul li a .mc{ padding-left:5px; color: #5f7285;}
.picture-4 .right .more a{ display: block; width: 170px; font-size: 18px; color: #10538a; line-height: 40px; text-align: center; background: #fecb31; border-radius: 10px;}
.picture-5 .maxbiaoti{ margin-bottom: 10px; font-size: 16px; color: #10538a; font-weight: bold; line-height: 24px;}
.picture-5 .imgbox{ position: relative; box-shadow:0 0 5px rgba(0,0,0,.1);}
.picture-5 .imgbox .map{ position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%;}
.picture-6 ul li:nth-child(n+2){ margin-top: 20px;}
.picture-6 ul li a{ display: flex; justify-content: space-between; padding:13px; border: solid 1px #dadae5; border-radius: 5px;}
.picture-6 ul li a .imgbox{ width: 225px; overflow: hidden;}
.picture-6 ul li a .imgbox span{ display: block; padding-top: 148px;}
.picture-6 ul li a .textbox{ padding-top: 10px; padding-left: 25px; width:calc(100% - 225px);}
.picture-6 ul li a .textbox .biaoti{ display: flex; justify-content: space-between; align-items: center; margin-bottom:10px; color: #10538a; line-height: 24px;}
.picture-6 ul li a .textbox .biaoti .mc{ width: calc(100% - 100px); font-size: 20px;}
.picture-6 ul li a .textbox .biaoti .time{ width: 90px; text-align: right;}
.picture-6 ul li a .textbox .jieshao{ margin-bottom: 15px; height: 50px; color: #5f7285; line-height: 25px; overflow: hidden;}
.picture-6 ul li a .textbox .more{ margin-left: calc(100% - 80px); width: 80px; color: #10538a; line-height: 30px; background: #ffcc32; border-radius: 5px;}
.picture-7 ul{ display: flex; justify-content: space-between;}
.picture-7 ul li{ width: calc((100% - 30px * 2) / 3); box-shadow:0 0 5px rgba(0,0,0,.15);}
.picture-7 ul li .imgbox{ overflow: hidden;}
.picture-7 ul li .imgbox span{ display: block; padding-top: calc(113 / 306 * 100%);}
.picture-7 ul li .textbox{ padding:20px;}
.picture-7 ul li .textbox .biaoti{ margin-bottom:5px; font-size: 16px; color: #10538a; font-weight: bold; line-height: 24px;}
.picture-7 ul li .textbox .jieshao{ color: #10538a; line-height: 25px;}
.picture-8 ul li:nth-child(n+2){ margin-top: 20px;}
.picture-8 ul li .maxbiaoti{ margin-bottom: 20px; font-size: 16px; color: #10538a; font-weight: bold; line-height: 24px;}
.picture-8 ul li .bots{ display: flex; justify-content: space-between;}
.picture-8 ul li .bots .imgbox{ width: 317px; overflow: hidden;}
.picture-8 ul li .bots .imgbox span{ display: block; padding-top: 198px;}
.picture-8 ul li .bots .textbox{ width: calc(100% - 317px - 20px); color: #10538a; line-height: 25px;}
.picture-9{ margin-bottom: 20px; font-size: 0;}
.picture-9 img{ max-width: 100%; border: solid 1px #ddd;}

.product-mb{ position: relative; padding-bottom: 20px;}
.product-mb:before{ content:""; position: absolute; left: 0; top: 0; z-index: 6; width: 100%; height: 100%; background: rgba(255,255,255,0.6); transition: all 0.3s; opacity: 0; visibility: hidden;}
.product-mb:after{ animation: xuanzhuan 1s 0s linear infinite; content:""; position: absolute; left:50%; top: 50%; z-index: 7; width: 26px; height: 26px; background: url(../images/loding-pc.png) no-repeat; background-size: 100% 100%; opacity: 0; visibility: hidden; transition: all 0.3s;}
.product-mb.active:before,.product-mb.active:after{ opacity: 1; visibility:visible;}
@keyframes xuanzhuan{
	0%{ transform: rotate(0deg);}
	100%{ transform: rotate(360deg);}
}

.subnav .item{ margin-top: 10px; background: #f9fbe3; border:solid 1px #d4d4d4; border-radius: 5px; overflow: hidden;}
.subnav .item .biaoti{ font-size: 18px; color: #fff; line-height: 40px; background: #10538a; text-align: center;}
.subnav .item .box{ padding:10px;}
.subnav .daohang .item{ margin-top: 0;}
.subnav .daohang .item .box ul li:nth-child(n+2){ margin-top:5px;}
.subnav .daohang .item .box ul li a{ display: block; padding:0 10px; font-size: 16px; color: #10538a; line-height: 34px; background: #fecb31; border-radius:5px;}
.subnav .daohang .item .box .ul{ display: none;}
.subnav .daohang .item .box .ul .li a{ display: block; padding:0 10px; color: #10538a; line-height: 34px;}
.subnav .qita .item.yingyong{ display: none;}
body.sy .subnav .qita .item.yingyong{ display: block;}
body.yy .subnav .qita .item.yingyong{ display: block;}
.subnav .qita .item .box{ padding:20px 10px;}
.subnav .qita .item .box ul li a{ display: block; font-size: 16px; color: #10538a; line-height: 34px;}
.subnav .qita .item .box .more a{ display: block;}
.subnav .qita .item .box .more a .imgbox{ margin-bottom:10px; font-size: 0;}
.subnav .qita .item .box .more a .imgbox img{ max-width: 100%;}
.subnav .qita .item .box .more a .mc{ color: #10538a; line-height: 24px;}
.subnav2{ padding:20px 0; border: solid 1px #dadae5; border-radius: 5px;}
.subnav2 ul li:nth-child(n+2){ margin-top: 5px;}
.subnav2 ul li a{ display: block; font-size: 18px; color: #10538a; line-height: 34px; text-align: center;}
.subnav2 ul li.active a{ color: #fff; background: #10538a;}

footer .tops{ background: #f9fbe3; border-top: solid 1px #dde0b6; border-bottom: solid 1px #dde0b6;}
footer .tops ul{ display: flex;}
footer .tops ul li{ display: flex; align-items: center; height: 80px;color: #10538a;}
footer .tops ul li:nth-child(1){ width: 29%;}
footer .tops ul li:nth-child(2){ width: 28%;}
footer .tops ul li:nth-child(3){ width: 29%;}
footer .tops ul li:nth-child(4){ width: 14%;}
footer .tops ul li .icon{ margin-right: 10px; font-size: 30px;}
footer .tops ul li .mc{ font-size: 16px;}
footer .centers{ padding:30px 0; background: #f9fbe3; border-bottom: solid 1px #dde0b6;}
footer .centers .ul{ display: flex;}
footer .centers .ul .li:nth-child(1){ width: 29%;}
footer .centers .ul .li:nth-child(2){ width: 28%;}
footer .centers .ul .li:nth-child(3){ width: 29%;}
footer .centers .ul .li:nth-child(4){ width: 14%;}
footer .centers .ul .li .biaoti{ margin-bottom:15px; font-size: 16px; color: #10538a; font-weight: bold; line-height: 24px;}
footer .centers .ul .li .contact{ color: #10538a; line-height: 25px;}
footer .centers .ul .li .menu ul li{ display: flex;}
footer .centers .ul .li .menu ul li a{ color: #10538a; line-height: 25px;}
footer .centers .logo{ font-size: 0;}
footer .centers .ewm ul{ display: flex;}
footer .centers .ewm ul li:nth-child(n+2){ margin-left: 20px;}
footer .centers .ewm ul li .imgbox{ margin-bottom:10px; font-size: 0;}
footer .centers .ewm ul li .imgbox img{ width:50px;}
footer .centers .ewm ul li .mc{ color: #10538a; line-height:16px;}
footer .bots{ padding:8px 0; color: #fff; line-height: 24px; background: #10538a;}

@media (min-width:992px){
	.col-md-3-cz-1{ padding-right: 10px; width:255px;}
	.col-md-9-cz-1{ padding-left: 10px; width:calc(100% - 255px);}
	.col-md-3-cz-2{ padding-left: 10px; width:215px;}
	.col-md-6-cz-1{ padding-left: 10px;padding-right: 10px; width:calc(100% - 255px - 215px);}
	.col-md-offset-6-cz-1{ float: right ;}
	header .top_bar{ background: #10538a;}
	header .top_bar .biaoyu{ font-size: 12px; color: #fff; line-height: 30px;}
	header .top_bar .right ul{ display: flex; align-items: center;}
	header .top_bar .right ul li{ height: 12px; line-height: 12px;}
	header .top_bar .right ul li:nth-child(n+2){ margin-left:15px; padding-left: 15px; border-left: solid 1px #fff;}
	header .top_bar .right ul li a{ font-size: 12px; color: #fff;}					
	header .top_bar .right ul li a:hover{ text-decoration: underline !important;}
	header .qita{ background: #f9fbe3; border-bottom: solid 1px #d4d4d4;}
	header .qita .tops{ display: flex; justify-content: space-between; align-items: center; padding-top: 10px;}
	header .qita .tops .logo a{line-height:94px;}
	header .qita .tops .search form:hover{ box-shadow: inset 5px 5px 10px rgba(0,0,0,0.1);}
	header .qita .bots{ display: flex; justify-content: space-between; align-items: center;}
	header .qita .bots .home{ width: 35px;}
	header .qita .bots .home a{ font-size: 20px; color: #10538a;}		
	header .qita .bots .home a:hover{ color: #fecb31;}
	header .qita .bots .menu ul{ display: flex; justify-content: flex-end;}
	header .qita .bots .menu ul li{ position: relative;}
	header .qita .bots .menu ul li:nth-child(n+2){ margin-left:80px;}
	header .qita .bots .menu ul li > a{ font-size: 16px; color: #10538a; line-height: 51px;}
	header .qita .bots .menu ul li:hover > a{ color: #fecb31;}
	header .qita .bots .menu ul li.active > a{ color: #fecb31;}
	header .qita .bots .menu ul li .ul{ display: none; position: absolute; left:50%; top: 100%; z-index: 1; margin-left:-60px; width: 120px; background: #f9fbe3; border: solid 1px #d4d4d4; border-top: none;}
	header .qita .bots .menu ul li .ul .li{ border-top: solid 1px #d4d4d4;}
	header .qita .bots .menu ul li .ul .li a{ display: block; color: #10538a; line-height: 40px; text-align: center;}
	header .qita .bots .menu ul li .ul .li:hover a{ background: #fecb31;}
	.title-3 a:hover{color: #fecb31; text-decoration:underline !important;}
	.title-4 ul li a:hover{ color: #10538a; background: #fecb31;}
	.title-5 a:hover{ color: #10538a;}
	.text-3 .xiala select:focus{ border-color: #fecb31;}
	.text-3 .xiala select:focus + .icon{ color: #fecb31;border-color: #fecb31;}
	.text-3 .xiala select:focus + .icon:before{ transform: rotate(0);}	
	.text-3 textarea:focus{ border-color: #fecb31; box-shadow: none;}
	.text-3 .hang input:focus{ border-color: #fecb31; box-shadow: none;}
	.text-3 button:hover{ background: #fecb31;}
	.text-3 .tiaokuan .mc a:hover{ color:#10538a; text-decoration: underline !important;}
	.text-5 .ul.ul3 .li ul li a:hover{ color: #fff; background: #10538a;}
	.text-8 .ul .li .jieshao2 ul li a:hover{ color: #fecb31;}
	.text-8 .ul .li .jieshao2 ul li a:hover:before{ border-top-color:#fecb31;border-bottom-color:#fecb31;}
	.text-8 .ul .li .jieshao2 ul li a:hover:after{ background: #fecb31;}
	.text-9 .caidananniu:hover{ background: #fff; border-color: #fabc01;}
	.text-9 .caidananniu.active:hover{ background: #fabc01;}
	.text-9 .xiala ul li .biaoti:hover{ background: #fff; border-color: #fabc01;}
	.text-9 .xiala ul li .biaoti:hover .mc{ color: #fabc01;}
	.text-9 .xiala ul li .biaoti:hover .icon{ color: #fabc01;}
	.text-9 .yixuan ul li:hover{ color: #fabc01;border-color: #fabc01;}
	.picture-2 ul li a:hover .imgbox img{ opacity: .8;}
	.picture-2 ul li a:hover .mc{ color: #10538a;}
	.picture-3 ul li a:hover .imgbox img{ opacity: .8;}
	.picture-3 ul li a:hover .mc{ color: #10538a;}
	.picture-4 .right .more a:hover{ color: #fff; background: #10538a;}
	.picture-6 ul li a:hover .imgbox span{ transform: scale(1.2);}
	.picture-6 ul li a:hover .textbox .biaoti{ text-decoration:underline;}
	.picture-6 ul li a:hover .textbox .more{ color: #fff; background: #10538a;}
	.subnav .daohang .item .box ul li a:hover{ color: #fff; background: #10538a;}
	.subnav .daohang .item .box ul li.active a{ color: #fff; background: #10538a;}
	.subnav .daohang .item .box .ul .li a:hover{ text-decoration:underline !important;}
	.subnav .qita .item .box ul li a:hover{ text-decoration:underline !important;}
	.subnav .qita .item .box .more a:hover .mc{ text-decoration: underline;}
	.subnav2 ul li:hover a{ color: #fff; background: #10538a;}
	footer .centers .ul .li .menu ul li a:hover{ color: #fecb31; text-decoration: underline !important;}
}

@media (max-width:1199px){
	.main-pad-4{ padding:30px 0 0;}
	header .qita .bots .menu ul li:nth-child(n+2){ margin-left: 50px;}
	.title-4 ul li a{ font-size: 18px;}
	.text-5 .ul:nth-child(n+2){ margin-top: 40px;}
	.text-6 .ul2 .li2 .bots .ul .li{ padding:10px;}
	.text-6 .ul2 .li2 .bots .ul .li ul li{ line-height: 25px;}
	.text-7{ font-size: 14px;}
	.picture-2 ul li{ width: 25%;}
	.picture-5 .imgbox{ padding-top:300px;}
	.picture-6 ul li a .imgbox{ width: 220px;}
	.picture-6 ul li a .textbox{ padding-left: 0; width: calc(100% - 220px - 20px);}
	.picture-6 ul li a .textbox .biaoti .mc{ font-size: 18px;}
	.picture-7 ul li{ width: calc((100% - 40px) / 3);}
	.picture-7 ul li .textbox{ padding:15px;}
	.subnav2 ul li a{ font-size: 16px;}
}

@media (max-width:991px){
	.container-fluid{ padding: 0;}
	.container-fluid .row{ margin:0;}
	.container-fluid .row .col-xs-12{ padding:0 10px;}
	.container-fluid .row .col-md-3{ padding:0 10px;}
	.container-fluid .row .col-md-6{ padding:0 10px;}
	.container-fluid .row .col-md-9{ padding:0 10px;}
	.main-pad-1{ padding:30px 0 0;}
	body.sy .content > .main-pad-1{ padding:0;}
	.main-pad-2{ padding:0 0 30px;}
	header{ background: #f9fbe3; border-bottom: solid 1px #d4d4d4;}
	header .qita .tops .logo{ display: flex; padding:15px 0;}
	header .qita .tops .logo a img{ width: 250px;}	
	header .qita .tops .rights{ display: flex; align-items: center; justify-content: space-between; padding:0 0 15px;}
	header .qita .tops .rights .menu-btn{ width: 30px; font-size:26px; color: #10538a;}
	header .qita .tops .rights .shangcheng{ display: flex; justify-content: flex-end; width: 30px;}
	header .qita .tops .rights .shangcheng a{ font-size:26px; color: #10538a;}
	header .qita .tops .search{ width:50%;}
	header .qita .tops .search form{ width: 100%; border-radius: 18px;}
	header .qita .tops .search form input{ width: calc(100% - 40px); height: 34px; line-height: 34px;}
	header .qita .tops .search form button{ width: 40px; height: 34px; line-height: 34px;}
	.menu-bg{ position: fixed; left: 0; top: 0; z-index: 999999; width: 100vw; height: 100vh; background:rgba(0,0,0,.7); transition: all .5s; visibility: hidden; opacity: 0;}
	.menu-bg.active{ visibility: visible; opacity: 1;}
	.menu-box{ position: fixed; left: -280px; top: 0; z-index: 9999999; width: 280px; height: 100vh; overflow: hidden; transition: all .5s;}
	.menu-box.active{ left: 0;}
	.menu-box .item2{ position: relative; height:100%; background:#f5f5f8; overflow-x: hidden; overflow-y: auto;}
	.menu-box .item2.active{ overflow: hidden;}
	.menu-box .item2 .guanbi{ display: flex; align-items: center; justify-content: space-between; padding:0 10px; height: 40px; color: #fff; font-weight: bold; background: #10538a;}
	.menu-box .item2 .guanbi:hover{ background: #1262a3;}
	.menu-box .item2 .guanbi .icon{ font-size: 14px;}
	.menu-box .item2 .ul3{ padding:20px 10px;}
	.menu-box .item2 .ul3 .li3:nth-child(n+2){ margin-top: 15px;}
	.menu-box .item2 .ul3 .li3 .maxbiaoti2{ margin-bottom: 5px; color: #3f4c58; font-weight: bold; line-height: 24px;}
	.menu-box .item2 .ul3 .li3 .ul2{ background: #fff; border: solid 1px #dadae5; border-radius: 3px;}		
	.menu-box .item2 .ul3 .li3 .ul2 .li2:nth-child(n+2){ border-top: solid 1px #dadae5;}
	.menu-box .item2 .ul3 .li3 .ul2 .li2 > a{ display: flex; justify-content: space-between; align-items: center; padding:0 10px; height: 40px; color: #5f7285;}
	.menu-box .item2 .ul3 .li3 .ul2 .li2 > a:hover{ color: #fecb31; background:#f2f2f2;}
	.menu-box .item2 .ul3 .li3 .ul2 .li2 > a .mc{ max-width: calc(100% - 14px - 10px);}
	.menu-box .item2 .ul3 .li3 .ul2 .li2 > a .icon{ font-size: 14px; font-weight: bold;}	
	.menu-box .item2 .ul3 .li3 .ul2 .li2 .xiala{ position:absolute; left:100%; top: 40px; z-index: 2; width:100%; height:calc(100vh - 40px); background: #f5f5f8; transition: all .3s;}
	.menu-box .item2 .ul3 .li3 .ul2 .li2 .xiala.active{ left: 0;}
	.menu-box .item2 .ul3 .li3 .ul2 .li2 .xiala .fanhui2{ display: flex; align-items: center; padding:0 10px; height: 40px; color: #3f4c58; background: #fff; border-bottom: solid 1px #dadae5;}
	.menu-box .item2 .ul3 .li3 .ul2 .li2 .xiala .fanhui2 .icon{ font-size: 18px;}
	.menu-box .item2 .ul3 .li3 .ul2 .li2 .xiala .fanhui2 .mc{ padding-left:10px;}	
	.menu-box .item2 .ul3 .li3 .ul2 .li2 .xiala .fanhui2:hover{ color: #fecb31; background:#f2f2f2;}
	.menu-box .item2 .ul3 .li3 .ul2 .li2 .xiala .ul{ padding:20px 10px;}
	.menu-box .item2 .ul3 .li3 .ul2 .li2 .xiala .ul .li:nth-child(n+2){ margin-top: 15px;}
	.menu-box .item2 .ul3 .li3 .ul2 .li2 .xiala .ul .li .maxbiaoti{ margin-bottom: 5px; color: #3f4c58; font-weight: bold; line-height: 24px;}
	.menu-box .item2 .ul3 .li3 .ul2 .li2 .xiala .ul .li ul{ background: #fff; border: solid 1px #dadae5; border-radius: 3px;}	
	.menu-box .item2 .ul3 .li3 .ul2 .li2 .xiala .ul .li ul li:nth-child(n+2){ border-top: solid 1px #dadae5;}
	.menu-box .item2 .ul3 .li3 .ul2 .li2 .xiala .ul .li ul li .fanhui{ display: flex; align-items: center; padding:0 10px; height: 40px; color: #5f7285; font-weight: bold;}
	.menu-box .item2 .ul3 .li3 .ul2 .li2 .xiala .ul .li ul li .fanhui .icon{ font-size: 14px; transform: rotateY(180deg);}
	.menu-box .item2 .ul3 .li3 .ul2 .li2 .xiala .ul .li ul li .fanhui .mc{ padding-left:5px;}	
	.menu-box .item2 .ul3 .li3 .ul2 .li2 .xiala .ul .li ul li .fanhui:hover{ color: #fecb31; background:#f2f2f2;}
	.menu-box .item2 .ul3 .li3 .ul2 .li2 .xiala .ul .li ul li a{ display: block; padding:0 10px; color: #5f7285; line-height: 40px;}
	.menu-box .item2 .ul3 .li3 .ul2 .li2 .xiala .ul .li ul li a:hover{ color: #fecb31; background:#f2f2f2;}
	.title-4 ul li a{ font-size: 16px;}
	.text-3 .maxtishi{ margin-bottom: 20px;}
	.text-3 .ul .li:nth-child(n+2){ margin-top: 20px;}
	.text-5 .ul:nth-child(n+2){ margin-top: 20px;}
	.text-6 .ul2 .li2:nth-child(n+2){ margin-top: 20px;}
	.text-9{ margin:20px 0 0}
	.text-9 .caidananniu{ justify-content: space-between; width: auto;}
	.text-9 .caidananniu .shuliang{ padding:0 10px; height:24px; font-size: 12px; color: #fff; line-height: 24px; border-radius: 3px; background:rgb(255,206,56);background:-moz-linear-gradient(top,rgba(255,206,56,1) 0%,rgba(250,188,2,1) 100%);background:-webkit-linear-gradient(top,rgba(255,206,56,1) 0%,rgba(250,188,2,1) 100%);background:linear-gradient(to bottom,rgba(255,206,56,1) 0%,rgba(250,188,2,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffce38',endColorstr='#fabc02',GradientType=0 );}
	.text-9 .caidananniu:hover{ border-color: #fecb31;}
	.text-9 .caidananniu:hover .icon{ color: #fecb31;}
	.text-9 .caidananniu:hover .mc{ color: #fecb31;}
	.picture-1{ margin: 0 -10px;}
	.picture-1 .ul .li{ width: calc((100% - 2px) / 3);}
	.picture-1 .ul .li:nth-child(1) ul li, .picture-1 .ul .li:nth-child(3) ul li{ width: 100%;}
	.picture-2{ margin:0 -10px -20px;}
	.picture-2 ul li{ margin-bottom: 20px; padding-bottom: 20px; width: calc(100% / 3);}
	.picture-2 ul li a .imgbox{ height:25vw;}
	.picture-3{ margin:0 -10px -20px;}
	.picture-3 ul li{ margin-bottom: 20px; width: calc(100% / 3);}
	.picture-3 ul li a .imgbox{ height:25vw;}
	.picture-4{ flex-wrap: wrap;}
	.picture-4 .left{display: flex;margin-bottom: 20px; width: 100%;}
	.picture-4 .left .tops{ width: 100%;}
	.picture-4 .left .tops .imgbox{ height:60vw;}
	.picture-4 .left .bots{ width: 100%;}
	.picture-4 .right{ width: 100%;}
	.picture-4 .right .jieshao1{ margin-bottom: 20px; min-height: initial;}
	.picture-4 .right .jieshao3{ margin-bottom: 20px;}
	.picture-4 .right .more a{ font-size: 16px;}
	.picture-6 ul li a .textbox .biaoti .mc{ font-size: 16px;}
	.picture-7 ul{ flex-wrap: wrap;}
	.picture-7 ul li{ width: 100%;}
	.picture-7 ul li:nth-child(n+2){ margin-top: 15px;}
	.picture-8 ul li .bots{ flex-wrap: wrap;}
	.picture-8 ul li .bots .imgbox{ width: 100%;}
	.picture-8 ul li .bots .imgbox span{ padding-top: calc(198 / 317 * 100%);}
	.picture-8 ul li .bots .textbox{ margin-top: 15px; width: 100%;}
	.subnav2{ margin:20px 0 -10px; padding:0; border: none; border-radius: 0;}
	.subnav2 ul{ display: flex; flex-wrap: wrap; justify-content:center;}
	.subnav2 ul li{ margin:0 10px 10px;}
	.subnav2 ul li:nth-child(n+2){ margin-top: 0;}
	.subnav2 ul li a{ display: flex; justify-content: center; align-items: center; padding:0 15px; min-width: 120px; border: solid 1px #ccc; border-radius: 5px;}
	.subnav2 ul li.active a{ border-color: #10538a;}	
	footer{ border-top: solid 1px #dde0b6;}
	footer .centers{ padding:0; border-bottom: none;}
	footer .centers .ul{ flex-wrap: wrap; margin: 0 -10px;}
	footer .centers .ul .li{ width: 100% !important; border-bottom: solid 1px #dde0b6;}
	footer .centers .ul .li .biaoti{ display: flex; justify-content: space-between; align-items: center; margin: 0; padding:0 10px; font-size: 14px; line-height: 40px;}	 
	footer .centers .ul .li .biaoti .more{ position: relative; width: 20px; height: 20px;}	
	footer .centers .ul .li .biaoti .more:before,footer .centers .ul .li .biaoti .more:after{ content: ""; position: absolute; left: 50%; top: 50%; z-index: 1; margin:-1px 0 0 -5px; width: 10px; height: 2px; background: #10538a; border-radius:2px; transition: all .3s;}
	footer .centers .ul .li .biaoti .more:before{ transform: rotate(90deg);}
	footer .centers .ul .li .biaoti.active .more:before{ transform: rotate(0deg);}
	footer .centers .ul .li .contact{ display: none; padding:0 10px 20px;}
	footer .centers .ul .li .menu{ display: none; padding:0 10px 20px;}
	footer .centers .ul .li .logo{ display: none; padding:0 10px 20px;}
	footer .centers .ul .li .ewm{ display: none; padding:0 10px 20px;}
	footer .centers .ewm ul li .imgbox img{ width: 100px;}
	footer .bots{ padding:20px 0; color: #10538a; background:#f9fbe3; text-align: right;}
	.mobileGuolv-mb{ position: fixed; left: 0; top: 0; z-index: 999999; width: 100%; height: 100%; background: rgba(0,0,0,0.7); visibility:hidden; opacity:0;}
	.mobileGuolv-mb.active{ visibility: visible; opacity: 1;}
	.mobileGuolv{ position: fixed; left:-280px; top: 0; z-index:9999999; padding-bottom:10px; width:280px; height: 100%; background: #fff; overflow-y: auto; transition: all 0.5s;}
	.mobileGuolv .esc{ display: flex; align-items: center; padding:0 10px; height:43px; color: #fff;background:rgb(95,114,132);background:-moz-linear-gradient(top,rgba(95,114,132,1) 0%,rgba(64,77,89,1) 100%);background:-webkit-linear-gradient(top,rgba(95,114,132,1) 0%,rgba(64,77,89,1) 100%);background:linear-gradient(to bottom,rgba(95,114,132,1) 0%,rgba(64,77,89,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#5f7284',endColorstr='#404d59',GradientType=0 );}
	.mobileGuolv .esc .mc{ width: calc(100% - 18px); font-weight:bold;}
	.mobileGuolv .esc .icon{ width:18px; font-size: 18px; transform: rotate(-90deg);}
	.mobileGuolv .xiala{ padding: 10px;}
	.mobileGuolv .xiala ul li:nth-child(n+2){ margin-top: 10px;}
	.mobileGuolv .xiala ul li .biaoti{ display: flex; align-items: center; padding: 0 0 0 10px; height: 38px; color: #5f7285; border: solid 1px #dadae5; border-radius: 3px; background:rgb(255,255,255);background:-moz-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(248,248,250,1) 100%);background:-webkit-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(248,248,250,1) 100%);background:linear-gradient(to bottom,rgba(255,255,255,1) 0%,rgba(248,248,250,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',endColorstr='#f8f8fa',GradientType=0 );}	
	.mobileGuolv .xiala ul li .biaoti .mc{ padding-right: 10px; width: calc(100% - 28px);}
	.mobileGuolv .xiala ul li .biaoti .icon{ font-size:22px; font-weight: bold;}
	.mobileGuolv .xiala ul li .ul{ display: none; padding:15px 10px 10px; background: #fff; border:solid 1px #fecb31; border-top:none; border-radius:0 0 3px 3px;}
	.mobileGuolv .xiala ul li .ul .li:nth-child(n+2){ margin-top: 10px;}
	.mobileGuolv .xiala ul li .ul .li label{ position: relative; display: block; margin:0; font-weight: normal;}
	.mobileGuolv .xiala ul li .ul .li label input{ position: absolute; left: 0; top: 0; z-index: 1; margin:0; width: 100%; height: 100%; background: none; border:none; opacity: 0; cursor: pointer;}
	.mobileGuolv .xiala ul li .ul .li label .mc{ position: relative; padding-left:30px; color: #5f7285; line-height:16px;}
	.mobileGuolv .xiala ul li .ul .li label .mc:before{ content:""; position: absolute; left: 0; top: 50%; z-index: 1; margin-top: -8px; width: 16px; height: 16px; border: solid 1px #dadae5; border-radius: 3px;}
	.mobileGuolv .xiala ul li .ul .li label span{ position: absolute; left:2px; top:50%; z-index: 1; display: flex; justify-content: center; align-items: center; margin-top: -6px; width: 12px; height: 12px; font-size: 12px; font-weight: bold; color: #fff; background: #fec929; border-radius: 3px; overflow: hidden; opacity: 0;}
	.mobileGuolv .xiala ul li .ul .li label:hover .mc{ color: #fabc01;}
	.mobileGuolv .xiala ul li .ul .li label:hover .mc:before{border-color: #fabc01;}
	.mobileGuolv .xiala ul li .ul .li label input[type="checkbox"]:checked + .mc + span{ opacity: 1;}
	.mobileGuolv .xiala ul li.active .biaoti{ margin-bottom:-1px; color: #fecb31; background: #fff; border-color: #fecb31; border-radius: 3px 3px 0 0;}
	.mobileGuolv .xiala ul li.active .biaoti .icon{ transform: rotateX(180deg);}
	.mobileGuolv .xiala ul li.active .ul{ display: block;}
	.mobileGuolv .yixuan{ display: none; padding: 10px;}
	.mobileGuolv .yixuan ul li{ display: flex;}
	.mobileGuolv .yixuan ul li .box{ display: flex; align-items: center; padding: 0 10px; max-width: 100%; height: 26px; color: #5f7285; border: solid 1px #dadae5; border-radius: 3px; cursor: pointer; }
	.mobileGuolv .yixuan ul li:nth-child(n+2){ margin-top: 15px;}
	.mobileGuolv .yixuan ul li .box .icon{ font-size: 14px; font-weight: bold;}
	.mobileGuolv .yixuan ul li .box .mc{ padding-left:10px; font-size: 12px;}
	.mobileGuolv .yixuan ul li#removeAll .box{ color: #fabc01;border-color: #fabc01;}
	.mobileGuolv .yixuan.active{ display: block;}
	.mobileGuolv.active{ left: 0;}
	.mobile-product-mb{ position: relative;}
	.mobile-product-mb:before{ content:""; position: absolute; left: 0; top: 0; z-index: 6; width: 100%; height: 100%; background: rgba(255,255,255,0.6); transition: all 0.3s; opacity: 0; visibility: hidden;}
	.mobile-product-mb:after{ animation: xuanzhuan 1s 0s linear infinite; content:""; position: absolute; left:50%; top: 50%; z-index: 7; width: 26px; height: 26px; background: url(../images/loding-pc.png) no-repeat; background-size: 100% 100%; opacity: 0; visibility: hidden; transition: all 0.3s;}
	.mobile-product-mb.active:before,.mobile-product-mb.active:after{ opacity: 1; visibility:visible;}
	@keyframes xuanzhuan{
		0%{ transform: rotate(0deg);}
		100%{ transform: rotate(360deg);}
	}

}	

@media (max-width:767px){
	body{ padding-bottom:54px;}
	.main-pad-1{ padding:20px 0 0;}
	.main-pad-2{ padding:0 0 20px;}
	.main-pad-3{ padding:10px 0 0;}
	.main-pad-4{ padding:20px 0 0;}
	header.active{ margin-bottom:60px;}
	header .qita .tops .logo{ padding:10px 0;}
	header .qita .tops .rights{ padding:0 0 10px;}
	header .qita .tops .rights .menu-btn{ width: 50px; font-size: 30px;}
	header .qita .tops .rights .shangcheng{ width:40px;}
	header .qita .tops .rights .shangcheng a{ font-size: 30px;}
	header .qita .tops .search{ margin-left:calc(100% - 40px - 50px - 40px); width: 30px;}
	header .qita .tops .search .searchBtn{ width: 40px; font-size:30px; color: #10538a;}
	header .qita .tops .search .searchBtn.active{ color: #fecb31;}
	header .qita .tops .search form{ display: none; position: absolute; left: 0; top: 107px; z-index: 9999; width: 100%; border:solid 10px #f5f5f8; border-radius: 0; box-shadow: inset 0 0 0 1px #d4d4d4;}
	header .qita .tops .search form.active{ display: flex;}
	header .qita .tops .search form input{ height: 40px; line-height: 40px;}
	header .qita .tops .search form button{ height: 40px; font-size:24px; line-height: 40px;}
	.title-2{ font-size: 14px; line-height: 30px;}
	.title-4 ul{ justify-content: space-between;}
	.title-4 ul li{ margin: 0; width: calc((100% - 40px) / 3);}
	.title-4 ul li a{ min-width: initial;}
	.title-6 .biaoti{ font-size: 16px;}
	.text-2 .ul .li{ padding:20px;}
	.text-2 .menu ul li{ line-height: 34px;}
	.text-3 .hang.hang1 input:nth-child(1){ width: calc(50% - 10px);}
	.text-3 .hang.hang1 input:nth-child(2){ width: calc(50% - 10px);}
	.text-3 .hang.hang2 input:nth-child(1){ width: calc(50% - 10px);}
	.text-3 .hang.hang2 input:nth-child(2){ width: calc(50% - 10px);}
	.text-4{ line-height: 24px;}
	.text-5 .ul{ flex-wrap: wrap !important;}
	.text-5 .ul .li{ padding:0 !important; width: 100% !important;}
	.text-5 .ul .li:nth-child(n+2){ margin-top:15px;}
	.text-5 .ul .li .ul2{ flex-wrap: wrap;}
	.text-5 .ul .li .ul2 .li2{ padding-left: 0 !important; width: 100% !important;}
	.text-5 .ul .li .ul2 .li2:nth-child(2){ margin-top: 5px;}
	.text-5 .ul.ul3 .li ul li a{ padding:0; line-height: 24px;}
	.text-5 .ul .li .jieshao{line-height: 24px;}
	.text-6 .ul2 .li2 .bots .ul{ flex-wrap: wrap;}
	.text-6 .ul2 .li2 .bots .ul .li{ width: 100%;}
	.text-6 .ul2 .li2 .bots .ul .li:nth-child(n+2){ margin-top: 15px;}
	.text-6 .ul2 .li2 .bots .ul .li ul li{ line-height: 24px;}
	.text-7{ line-height: 24px;}
	.text-8 .ul .li .jieshao{ line-height: 24px;}
	.text-8 .ul .li .jieshao2 ul li:nth-child(n+2){ margin-top: 5px;}
	.text-8 .ul .li .jieshao2 ul li a{ line-height: 24px;}
	.text-8 .ul .li .jieshao2 ul li a:before{ top:7px;}
	.text-8 .ul .li .jieshao2 ul li a:after{ top: 10px;}
	.picture-5 .imgbox{ padding-top:60%;}
	.picture-6 ul li:nth-child(n+2){ margin-top: 15px;}
	.picture-6 ul li a{ padding:10px;}
	.picture-6 ul li a .imgbox{ width: 200px;}
	.picture-6 ul li a .textbox{ width: calc(100% - 200px - 15px);}
	.picture-6 ul li a .textbox .jieshao{ height: 48px; line-height: 24px;}
	.picture-6 ul li a .textbox .more{ font-size: 12px;}
	.picture-6 ul li a .textbox .biaoti .mc{ max-width: calc(100% - 80px);}
	.picture-6 ul li a .textbox .biaoti .time{ width: 80px; font-size: 12px;}
	.picture-7 ul li .textbox .jieshao{ line-height: 24px;}
	.picture-8 ul li .maxbiaoti{ margin-bottom: 10px;}
	.picture-8 ul li .bots .textbox{ line-height: 24px;}
	.subnav2{ margin-bottom: 0;}
	.subnav2 ul{ justify-content: space-between;}
	.subnav2 ul li{ margin: 0 0 10px; width: calc((100% - 40px) / 3);}
	.subnav2 ul li a{ padding:0 10px; min-width: initial; font-size: 14px;}
	.tabBar{ position: fixed; left: 0; bottom: 0; z-index: 99999; width: 100%; background: #10538a; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);}
	.tabBar ul{ display: flex; align-items: center;}
	.tabBar ul li{ width: calc(100% / 3);}
	.tabBar ul li a{ display: block; padding:5px 0; transition: all 0.3s;}
	.tabBar ul li.active a{ background: #fecb31;}
	.tabBar ul li:nth-child(n+2) a{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.5);}
	.tabBar ul li a .icon{ font-size:18px; color: #fff; line-height: 24px;}
	.tabBar ul li a .mc{ font-size: 12px; color: #fff; line-height: 20px;}
	.tabBar ul li .tanchuang{ position: absolute; left: 15px; bottom: 100%; z-index: 1; padding-bottom: 10px; width: calc(100% - 30px); transform: translateY(10px); opacity: 0; visibility: hidden; transition: all 0.3s;}
	.tabBar ul li .tanchuang:before{ content: ""; position: absolute; right: calc(((100% + 30px) / 3 - 30px - 12px) / 2); bottom: 4px; z-index: 1; width: 0; height: 0; border-left: solid 6px transparent; border-right: solid 6px transparent; border-top: solid 6px rgba(254,203,49,0.8);}
	.tabBar ul li.active .tanchuang{ transform: translateY(0px); opacity: 1; visibility: visible;}
	.tabBar ul li .tanchuang .imgbox{ padding: 10px; font-size: 0; background: rgba(254,203,49,0.8); border-radius: 5px;}
	.tabBar ul li .tanchuang .imgbox img{ max-width: 100px;}	 
}

@media (max-width:479px){
	.title-1{ margin-bottom: 15px;}
	.title-3 a{ font-size: 12px;}
	.title-4 ul li{ width: calc((100% - 20px) / 3);}
	.title-4 ul li a{ font-size: 14px; line-height: 34px;}
	.text-2 .ul .li{ padding:10px;}
	.text-3 .maxtishi{ margin-bottom: 10px; font-size: 12px;}
	.text-3 .ul .li:nth-child(n+2){ margin-top: 15px;}
	.text-3 .ul .li2:nth-child(n+2){ margin-top: 15px;}
	.text-3 textarea{ min-height:100px;}
	.text-3 .xiala{ margin-bottom: 10px; width: 100%;}
	.text-3 .xiala select{ height: 34px; line-height: 32px;}
	.text-3 .xiala .icon{ height: 34px; font-size: 18px; line-height: 34px;}
	.text-3 .hang:nth-child(n+2){ margin-top: 10px;}
	.text-3 .hang input{ height: 34px; line-height: 32px;}
	.text-6 .ul2 .li2 .maxbiaoti{ font-size: 14px;}
	.picture-2 ul li a .mc{ font-size: 12px;}
	.picture-3 ul li a .mc{ font-size: 12px;}
	.picture-6 ul li a .imgbox{ width: 160px;}
	.picture-6 ul li a .imgbox span{ padding-top:130px;}
	.picture-6 ul li a .textbox{ width: calc(100% - 160px - 15px);}
	.picture-6 ul li a .textbox .biaoti{ flex-wrap: wrap;}
	.picture-6 ul li a .textbox .biaoti .mc{ max-width: initial; width: 100%;}
	.picture-6 ul li a .textbox .biaoti .time{ width: 100%; text-align: left;}
	.picture-6 ul li a .textbox .jieshao{ margin: 0;}
	.picture-6 ul li a .textbox .more{ display: none;}
	.subnav2 ul li{ width: calc((100% - 20px) / 3);}
	footer .bots{ padding:15px 0;}
}

@media (max-width:399px){
	.picture-6 ul li a{ align-items: center; padding:5px;}
	.picture-6 ul li a .imgbox{ width: 140px;}
	.picture-6 ul li a .imgbox span{ padding-top: 120px;}
	.picture-6 ul li a .textbox{ padding: 0; width: calc(100% - 140px - 15px);}
	.picture-6 ul li a .textbox .biaoti .time{ line-height: 20px;}
	.picture-6 ul li a .textbox .jieshao{ font-size: 12px;}
}

.list-paddingleft-2{list-style-type:none !important}
.list-paddingleft-2 li{ padding:0 0 0 20px;position: relative;}
.list-paddingleft-2 li:before{content:""; display: block; font-size:14px; line-height:30px;width:8px;height:8px;border-radius:50%; background-color:#333333; position:absolute;left:4px; top:50%; transform: translateY(-50%);}