@charset "utf-8";
@import url('../css/fonts.css');

html{font-size: 100px;}
@media (max-width: 1600px){html{font-size: 85px;}}
@media (max-width: 1440px){html{font-size: 70px;}}
@media (max-width: 1220px){html{font-size: 65px;}}
@media (max-width: 1024px){html{font-size: 70px;}}
@media (max-width: 1079px){html{font-size: 70px;}}
@media (max-width: 639px){html{font-size: 60px;}}

body{ font-family: "Microsoft YaHei","微软雅黑"; background-color:#fff; overflow-x:hidden; color: #0f1821;}
a{ color:#0f1821; text-decoration:none; outline: medium none;}
a:link,a:visited{text-decoration: none;}
a:hover{text-decoration:none;color:#0f1821;}
img,li{ vertical-align:top; border:0px; list-style-type: none;}
img{ max-width:100%;}
.clear{clear: both;}
.container{ margin: 0px auto; clear: both;}
*{margin:0px;padding:0px;}
ul{ list-style-type:none;}
b{ font-weight: inherit; font-weight: normal;}
ul,li,h5,dt,dd,img{margin:0px;padding:0px;}
html,body,b,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,img,pre,form,p,input,td {margin:0px auto;padding:0; font-weight: normal;}
body,td,th{ font-family: "Microsoft YaHei","微软雅黑"; font-size:12px;}
input,textarea{ font-family: "Microsoft YaHei","微软雅黑"; border:0; outline:medium;}

@media (min-width:1px) and (max-width:991px){
	.container{ margin-left: 15px; margin-right: 15px;}
}
@media (min-width:992px){
	.container{ width: 960px;}
}
@media (min-width:1230px){
	.container{ width: 1200px}
}
@media (min-width:1430px){
	.section .container{ width: 1400px}
}
@media (min-width:1500px){
	.section .container{ width: 1460px}
}

/*头部*/
.fp-viewing-0 .index_main{transform:translate3d(0px, 0px, 0px)!important}
.header{ position: fixed; left: 0; right: 0; top: 0; z-index: 10; transition: all 0.35s; background: rgba(38,67,84,0.7); }
@media (min-width:1px) and (max-width:991px){
.header{ padding: 0 15px; }
}
@media (min-width:992px){
.header{ padding: 0 30px;}
}
@media (min-width:1500px){
.header{ padding: 0 60px;}
}
.menu .logo{ display: inline-block; float: left; padding: 10px 0; vertical-align: top; box-sizing: border-box;}
.menu .logo a{ display: block}
.menu .logo a img{ height: 62px; transition: all 0.35s;}
/*.header.fis_show .menu .logo a img{ height: 40px;}*/
@media (min-width: 992px) and (max-width: 1450px) {
.menu .logo{ width: 68px; overflow: hidden;}
.menu .logo a img{ width: 400px; height: auto; max-width: none;}
/*.header.fis_show .menu .logo{ width: 40px;}
.header.fis_show .menu .logo a img{ width: 250px; height: auto; max-width: none;}*/
}
@media (min-width: 1px) and (max-width: 991px) {
.menu .logo{ padding: 5px 0;}
.menu .logo a img{ height: 40px;}
}

/*导航*/
.jdmenu{ display: inline-block; float: right;}
.jdmenu .nav{ }
.jdmenu .nav #jdmenu>li{ display: inline-block; font-size: 14px; position: relative;}
.jdmenu .nav #jdmenu>li>a{ display: block; color: #fff;}
@media (min-width:992px){
.jdmenu .nav #jdmenu>li>a{padding: 30px 6px;}
.jdmenu .nav #jdmenu>li.active,.jdmenu .nav li:hover{ background: rgba(22,45,58,0.8);}
/*.header.fis_show .jdmenu .nav #jdmenu>li>a{padding: 19px 6px;}*/
}
@media (min-width:1230px){
	.jdmenu .nav #jdmenu>li{ font-size:16px;}
	.jdmenu .nav #jdmenu>li>a{padding: 30px 6px;}
}
@media (min-width: 1px) and (max-width: 991px) {
.jdmenu{ position: fixed; left: 0; top: 50px; right: 0; z-index: 9; transition: all 0.35s ease; background: #162d3a; height: 0; overflow-y: auto; max-height: calc(100% - 80px);}
.jdmenu .nav{ padding: 0 15px 30px 15px;}
.jdmenu .nav #jdmenu>li{ display: block; position: inherit; border-bottom: 1px dashed #fff;}
.jdmenu .nav #jdmenu>li a{ display: block; padding: 7px 0;}
}

/*二级导航*/
.jdmenu .nav>#jdmenu>li>.dropdown{ min-width: 100%; width: auto; position: absolute; left: 0px; top: calc(100% - 1px); z-index: 99; padding:5px 0; display: none; background: #eee;  color: #252525;}
.jdmenu .nav>#jdmenu>li>.dropdown>li{font-size: 14px; display: block; }
.jdmenu .nav>#jdmenu>li>.dropdown>li>a{ color: #252525; padding: 10px 20px; display: block; }
.jdmenu .nav>#jdmenu>li>.dropdown>li:hover{ background: #0198dd;}
.jdmenu .nav>#jdmenu>li>.dropdown>li:hover>a{ color: #fff;}

@media (min-width: 992px) {
.jdmenu .nav>#jdmenu>li>.dropdown>li a{ text-overflow:ellipsis; white-space: nowrap;}
}
@media (min-width: 1px) and (max-width: 991px){
.jdmenu .nav>#jdmenu>li.active>.dropdown{ display: block;}
.jdmenu .nav>#jdmenu>li>.dropdown{ position: inherit; left: inherit; right: inherit; top: inherit;}
.jdmenu .nav>#jdmenu>li>.dropdown>li{ text-align: left;}
}

/*搜索*/
.search{ overflow: hidden; margin-bottom: 20px;}
.search form[name="keyfrom"]{ display: flex; background: #f5f5f5; border: 1px solid #4db4cb; box-sizing: border-box;}
.search form[name="keyfrom"] input{ flex: 1; height: 40px; background: none; border: 0; padding-left: 10px; box-sizing: border-box;}
.search form[name="keyfrom"] button{ width: 60px; background: none; border: 0; cursor: pointer; outline: none; border-left: 1px solid #4db4cb; }

@media (min-width: 1px) and (max-width: 991px) {

}
/*endregion*/


/*region banner*/
.bframe{ overflow: hidden; position: relative;}
/*flexslider*/
.bframe .flexslider{ width: 100%; position:relative;height:auto;overflow:hidden;}
.bframe .slides{  position:relative;z-index:1; width:100%;}
.bframe .slides li{height:auto; width:100%;background-position:center top; background-repeat:repeat-x;}
.bframe .slides li img{ width:100%; height: 100%;}
.bframe .flex-control-nav{position:absolute; width: 100%; text-align: center; bottom: 10px; z-index: 2;}
.bframe .flex-control-nav li{ display: inline-block; list-style-type: none; transition:all .35s;}
.bframe .flex-control-nav a{ display: inline-block; width: 10px; height: 10px; line-height: 60px; background: #7d7d7d; cursor: pointer; color: #7d7d7d; opacity: 1; overflow: hidden; margin-right: 10px; transition:all 0.5s; border-radius: 50%;}
.bframe .flex-control-nav .flex-active{ opacity: 1; background: #008d3c; } 
.bframe .flex-direction-nav{position:absolute;z-index:88;width:100%;top:45%;}
.bframe .flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute; z-index: 99; line-height: 50px; text-align: center; color: #fff;}
.bframe .flex-direction-nav li a>i{ font-size: 40px;}
.bframe .flex-direction-nav li a.flex-prev{left:40px;}
.bframe .flex-direction-nav li a.flex-next{right:40px;}

@media (min-width:992px) {	
.bframe{ margin-top: 82px;}
}
@media (min-width:1px) and  (max-width:991px){
.bframe{ position: relative; z-index: 1; margin-top: 50px;}
}

/*endregion*/

/*首页*/
.iframe{ overflow: hidden; background: #f7f7f7; box-sizing: border-box;}
.iframe .title{ overflow: hidden;}
.iframe .title span{ font-family: "Arial"; font-size: 16px; color: #1c3644; text-transform: uppercase; display: block; margin-bottom: 10px;}
.iframe .title span:before{ content: ""; display: inline-block; width: 93px; height: 4px; background: #b1b1b1; margin-right: 20px;}
.iframe .title h2{ font-family: "幼圆"; font-size: 55px; font-weight: bold; margin-bottom: 15px; line-height: 1;}
.iframe .title p{ font-size: 16px;}
.iframe .list{ margin-top: 40px;}
.iframe .list .left{}
.iframe .list .left .lbt{ background: linear-gradient(to bottom,#ededed,#162d3a); display: flex; justify-content: space-between; align-items: flex-end; padding:0 30px 10px 0;}
.iframe .list .left .lbt img{ margin: 0; margin-top: -30px;}
.iframe .list .left .lbt h2{ font-size: 22px; font-weight: bold; margin-bottom: 10px; color: #fff; margin-left: 10px;}
.iframe .list .left .lbt h2 span{ display: block; font-size: 16px;}
.iframe .list .left>ul{ margin-top: 20px; overflow: hidden;}
.iframe .list .left>ul>li{ overflow: hidden; margin-bottom: 10px;}
.iframe .list .left>ul>li>a{ font-size: 18px; font-weight: bold; border-left: 4px solid #60bee4; padding-left: 10px;}
.iframe .list .left>ul>li>ul{ overflow: hidden; margin-top: 15px;}
.iframe .list .left>ul>li>ul>li{ font-size: 14px; padding-left: 15px; width: calc((100% - 10px)/2); float: left; margin-right: 10px; box-sizing: border-box; margin-bottom: 15px;}
.iframe .list .left .linkmore{ overflow: hidden; background: #162d3a; text-align: center;}
.iframe .list .left .linkmore a{ font-size: 16px; font-weight: bold; display: block; padding: 10px; box-sizing: border-box; color: #fff; }
.iframe .list .right{ overflow: hidden;}
.iframe .list .right .ipto{ width: calc((100% - 60px)/4); float: left; margin-right: 20px; margin-bottom: 20px;}
.iframe .list .right .ipto .ipti{ overflow: hidden; position: relative; }
.iframe .list .right .ipto .ipti img{ width: 100%; transition: all 0.35s ease;}
.iframe .list .right .ipto .iptz{ overflow: hidden; margin-top: 10px;}
.iframe .list .right .ipto .iptz h3{ font-size: 14px; white-space: nowrap;text-overflow: ellipsis; overflow: hidden}
@media (min-width:992px) {	
.iframe{ padding: 60px 0; }
.iframe .title{ text-align: right;}
.iframe .list{ display: flex; justify-content: space-between;}
.iframe .list .left,.iframe .list .right{ margin: 0}
.iframe .list .left{ width: 270px;}
.iframe .list .left>ul>li>ul>li:nth-child(2n){ margin-right: 0;}
.iframe .list .left>ul>li>ul>li:nth-child(2n+1){ clear: both}
.iframe .list .left>ul>li:hover>a{ color: #60bee4;}
.iframe .list .left>ul>li>ul>li:hover>a{ color: #60bee4;}
.iframe .list .right{ flex: 1; margin-left: 40px;}
.iframe .list .right .ipto:hover .ipti img{ transform: scale(1.1)}
.iframe .list .right .ipto:nth-child(4n){ margin-right: 0;}
.iframe .list .right .ipto:nth-child(4n+1){ clear: both;}
}
@media (min-width:1px) and  (max-width:991px){
.iframe{ padding: 3vw 0;}
.iframe .title span{ font-size: 12px;}
.iframe .title h2{ font-size: 20px; margin-bottom: 10px;}
.iframe .title p{ font-size: 12px;}
.iframe .list{ margin-top: 3vw;}
.iframe .list .left{ margin-top: 20px;}
.iframe .list .left .lbt{ display: none;}
.iframe .list .left>ul{ margin-top: 10px;}
.iframe .list .left>ul>li{ margin-bottom: 5px; width: calc((100% - 10px)/2); float: left; margin-right: 10px;}
.iframe .list .left>ul>li>a{ font-size: 14px; }
.iframe .list .left>ul>li>ul{ margin-top: 10px; display: none;}
.iframe .list .left>ul>li:nth-child(2n){ margin-right: 0;}
.iframe .list .left>ul>li:nth-child(2n+1){ clear: both}
.iframe .list .left .linkmore{ margin-top: 20px; }
.iframe .list .left .linkmore a{ font-size: 12px; padding: 5px 7px;}
.iframe .list .right{ margin-top: 20px;}
.iframe .list .right .ipto{ width: calc((100% - 2vw)/2); margin-right: 2vw; margin-bottom: 2vw;}
.iframe .list .right .ipto .ipti{ height: auto;}
.iframe .list .right .ipto .iptz{ margin-top: 5px;}
.iframe .list .right .ipto .iptz h3{ font-size: 12px;}
.iframe .list .right .ipto:nth-child(2n){ margin-right: 0;}
.iframe .list .right .ipto:nth-child(2n+1){ clear: both;}
}

.iframe1{ overflow: hidden; background: url("../images/bg1.jpg") no-repeat center center / cover;}
.iframe1 .title{ overflow: hidden; display: flex; align-items: flex-end;}
.iframe1 .title h2{}
.iframe1 .title h3{ writing-mode:tb-rl; font-weight: bold; font-size: 55px; color: rgba(255,255,255,0.5);}
.iframe1 .txt{ overflow: hidden;}
.iframe1 .txt>h2{ font-size: 28px; font-weight: bold; color: #fff; margin-bottom: 30px;}
.iframe1 .txt>p{ font-size: 16px; line-height: 1.8; color: #fff;}
.iframe1 .txt>h3{ font-size: 22px; font-weight: bold; color: #fff; margin-top: 30px;}
.iframe1 .txt>.context{ display: flex; margin-top: 30px; justify-content:space-between;}
.iframe1 .txt>.context .item{ margin: 0; color: #fff; margin-right: 50px;}
.iframe1 .txt>.context .item .ke-item{ font-size: 40px;}
.iframe1 .txt>.context .item p{ font-size: 18px;}
.iframe1 .txt>.list{ display: flex; margin-top: 30px; justify-content: space-between;}
.iframe1 .txt>.list .item{ margin: 0; flex: 1; color: #fff; text-align: center; margin-right: 30px;}
.iframe1 .txt>.list .item img{}
.iframe1 .txt>.list .item p{ font-size: 14px; line-height: 1.6;}
.iframe1 .txt>.linkmore{ overflow: hidden; margin-top: 20px;}
.iframe1 .txt>.linkmore a{ display: inline-block; color: #fff; border: 2px solid #5b7784; font-size: 16px; font-weight: bold; padding: 13px 78px; border-radius: 15px;}
@media (min-width:992px) {	
.iframe1{ padding: 60px 0; box-sizing: border-box;}
.iframe1 .container{ position: relative; display: flex; justify-content: space-between; align-items: flex-end;}
.iframe1 .title{ margin: 0;}
.iframe1 .txt{ margin: 0; flex: 1; margin-left: 100px;}
.iframe1 .txt>.context .item:last-child{ margin-right: 0}
.iframe1 .txt>.list .item:last-child{ margin-right: 0}
}
@media (min-width:1px) and  (max-width:991px){
.iframe1{ padding: 3vw 0;}
.iframe1 .title{ display: block;}
.iframe1 .title h2{ display: none;}
.iframe1 .title h3{ writing-mode: horizontal-tb; font-size: 20px; margin-bottom: 10px;}
.iframe1 .txt>h2{ font-size: 18px; margin-bottom: 10px;}
.iframe1 .txt>p{ font-size: 12px;}
.iframe1 .txt>h3{ font-size: 16px; margin-top: 10px;}
.iframe1 .txt>.context{ margin-top: 3vw;}
.iframe1 .txt>.context .item{ margin-right: 2vw;}
.iframe1 .txt>.context .item .ke-item{ font-size: 20px;}
.iframe1 .txt>.context .item p{ font-size: 12px;}
.iframe1 .txt>.list{ margin-top: 3vw; flex-wrap: wrap;}
.iframe1 .txt>.list .item{ flex:none; width: calc((100% - 4vw)/3); float: left; margin-right: 2vw; margin-bottom: 2vw;}
.iframe1 .txt>.list .item p{ font-size: 12px;}
.iframe1 .txt>.list .item:nth-child(3n){ margin-right: 0;}
.iframe1 .txt>.linkmore{ margin-top: 3vw;}
.iframe1 .txt>.linkmore a{ font-size: 12px; padding: 2vw 8vw;}
}

.iframe2{ overflow: hidden; }
.iframe2 .title{ overflow: hidden;}
.iframe2 .title span{ font-family: "Arial"; font-size: 16px; color: #1c3644; text-transform: uppercase; display: block; margin-bottom: 20px;}
.iframe2 .title span:before{ content: ""; display: inline-block; width: 93px; height: 4px; background: #b1b1b1; margin-right: 20px;}
.iframe2 .title h2{ font-family: "幼圆"; font-size: 55px; font-weight: bold; margin-bottom: 15px;}
.iframe2 .title p{ font-size: 16px;}
.iframe2 ul{ overflow: hidden;}
.iframe2 ul li{ background: #c5cacc; display: inline-flex; margin-right: 15px; font-size: 16px; font-weight: bold; color: #fff; cursor: pointer; padding: 10px 40px; border-radius: 20px;}
.iframe2 ul li>a{ color: #fff;}
.iframe2 ul li.active{ background: #162d3a;}
.iframe2 .list{ overflow: hidden; margin-top: 60px;}
.iframe2 .list .ipto{ overflow: hidden; }
.iframe2 .list .ipto .ipti{ overflow: hidden;}
.iframe2 .list .ipto .ipti img{ width: 100%; transition: all 0.35s ease;}
.iframe2 .list .ipto .iptz{ overflow: hidden;}
.iframe2 .list .ipto .iptz h3{ font-size: 22px; font-weight: bold; margin: 20px 0;}
.iframe2 .list .ipto .iptz p{ font-size: 16px; line-height: 1.6;}
@media (min-width:992px) {	
.iframe2{ padding: 60px 0; box-sizing: border-box;}
.iframe2 .container{ position: relative;}
.iframe2 .title{ text-align: right;}
.iframe2 ul{ position: absolute; left: 0; top: 60px;}
.iframe2 .list{ display: flex; }
.iframe2 .list .ipto{ margin: 0; width: calc((100% - 40px)/3); margin-right: 20px;}
.iframe2 .list .ipto .ipti{ border-radius: 40px; }
.iframe2 .list .ipto:nth-child(3n){ margin-right: 0;}
.iframe2 .list .ipto:nth-child(4){ display: none;}
}
@media (min-width:1px) and  (max-width:991px){
.iframe2{ padding: 3vw 0;}
.iframe2 .title span{ font-size: 12px; margin-bottom: 10px;}
.iframe2 .title h2{ font-size: 20px; margin-bottom: 10px;}
.iframe2 .title p{ font-size: 12px;}
.iframe2 ul{ margin-top: 3vw;}
.iframe2 ul li{ font-size: 10px; padding: 2vw 3vw; margin-right: 2vw}
.iframe2 .list{ margin-top: 3vw;}
.iframe2 .list .ipto{ width: calc((100% - 2vw)/2); float: left; margin-right: 2vw; margin-bottom: 2vw;}
.iframe2 .list .ipto .iptz h3{ margin: 1vw 0; font-size: 12px;}
.iframe2 .list .ipto .iptz p{ font-size: 10px}
.iframe2 .list .ipto:nth-child(2n){ margin-right: 0;}
}

.iframe3{ overflow: hidden; background: url("../images/bg2.jpg") no-repeat center center / cover;}
.iframe3 .title{ overflow: hidden; display: flex; align-items: flex-end;}
.iframe3 .title h2{}
.iframe3 .title h3{ writing-mode:tb-rl; font-weight: bold; font-size: 55px; color: rgba(255,255,255,0.5);}
.iframe3 .txt{ overflow: hidden;}
.iframe3 .txt>p{ font-size: 22px; line-height: 1.6; color: #fff;}
.iframe3 .txt>.list{ overflow: hidden; margin-top: 40px; display: flex; justify-content: space-between; flex-wrap: wrap;}
.iframe3 .txt>.list .item{ overflow: hidden; width: calc((100% - 40px)/3); margin: 0; margin-right: 20px; margin-bottom: 20px; text-align: center; cursor: pointer;}
.iframe3 .txt>.list .item .img{ display: inline-flex; align-items: center; justify-content: center; background: rgba(255,255,255,0.1); padding: 50px; box-sizing: border-box; border-radius: 50%;}
.iframe3 .txt>.list .item .img i{ color: #fff; font-size: 60px;}
.iframe3 .txt>.list .item h3{ font-size: 22px; color: #fff; margin-top: 20px;}
.iframe3 .txt>.list .item.active .img{ background: rgba(22,45,58,1);}
.iframe3 .txt>.list .item:nth-child(3n){ margin-right: 0;}
@media (min-width:992px) {	
.iframe3{ padding: 60px 0; box-sizing: border-box;}
.iframe3 .container{ position: relative; display: flex; justify-content: space-between; align-items: flex-end;}
.iframe3 .title{ margin: 0;}
.iframe3 .txt{ margin: 0; flex: 1; margin-left: 60px;}
.iframe3 .txt>p{ text-align: right;}
}
@media (min-width:1px) and  (max-width:991px){
.iframe3{ padding: 3vw 0;}
.iframe3 .title{ display: block;}
.iframe3 .title h2{ display: none;}
.iframe3 .title h3{ writing-mode: horizontal-tb; font-size: 20px; margin-bottom: 10px;}
.iframe3 .txt>p{ font-size: 14px;}
.iframe3 .txt>.list{ margin-top: 3vw;}
.iframe3 .txt>.list .item{ width: calc((100% - 4vw)/3); float: left;margin-right: 2vw; margin-bottom: 2vw;}
.iframe3 .txt>.list .item .img{ padding: 4vw;}
.iframe3 .txt>.list .item .img i{ font-size: 20px;}
.iframe3 .txt>.list .item h3{ font-size: 12px; margin-top: 1vw;}
}

.iframe4{ overflow: hidden; background: #f1f1f1;}
.iframe4 .title{ overflow: hidden;}
.iframe4 .title span{ font-family: "Arial"; font-size: 16px; color: #1c3644; text-transform: uppercase; display: block; margin-bottom: 20px;}
.iframe4 .title span:before{ content: ""; display: inline-block; width: 93px; height: 4px; background: #b1b1b1; margin-right: 20px;}
.iframe4 .title h2{ font-family: "幼圆"; font-size: 55px; font-weight: bold; margin-bottom: 15px;}
.iframe4 .title p{ font-size: 16px;}
.iframe4 ul{ overflow: hidden;}
.iframe4 ul li{ background: #c5cacc; display: inline-flex; margin-right: 15px; font-size: 16px; font-weight: bold; color: #fff; cursor: pointer; padding: 10px 50px; border-radius: 20px;}
.iframe4 ul li.active{ background: #162d3a;}
.iframe4 .list{ margin-top: 80px; position: relative;}
.iframe4 .list .Partner{ overflow: hidden;}
.iframe4 .list .Partner .item{ overflow: hidden; margin-bottom: 20px; border-radius: 15px;}
.iframe4 .list .Partner .item a{ display: block;}
.iframe4 .list .Partner .item a img{ width: 100%;}
.iframe4 .list .btn{ position: absolute; top: 50%; cursor: pointer; outline: none; z-index: 9; transform: translateY(-50%)}
.iframe4 .list .btn i{ font-size: 30px;}
.iframe4 .list .btn-prev{ left: 0}
.iframe4 .list .btn-next{ right: 0;}
.iframe4 .list>.item{ width: calc((100% - 60px)/4); float: left; margin-right: 20px; text-align: center; padding: 60px; box-sizing: border-box;}
.iframe4 .list>.item .img{ width: 48px; position: relative;}
.iframe4 .list>.item .img:before{ content: ""; width: 20px; height: 20px; position: absolute; top: -15px; left: -15px; border-top: 1px solid #162d3a; border-left: 1px solid #162d3a; transition: all 0.35s ease;}
.iframe4 .list>.item .img:after{ content: ""; width: 20px; height: 20px; position: absolute; top: -15px; right: -15px; border-top: 1px solid #162d3a; border-right: 1px solid #162d3a; transition: all 0.35s ease;}
.iframe4 .list>.item .img span:before{ content: ""; width: 20px; height: 20px; position: absolute; bottom: -15px; left: -15px; border-bottom: 1px solid #162d3a; border-left: 1px solid #162d3a; transition: all 0.35s ease;}
.iframe4 .list>.item .img span:after{ content: ""; width: 20px; height: 20px; position: absolute; bottom: -15px; right: -15px; border-bottom: 1px solid #162d3a; border-right: 1px solid #162d3a; transition: all 0.35s ease;}
.iframe4 .list>.item .txt{ overflow: hidden; margin-top: 40px;}
.iframe4 .list>.item .txt h3{ font-size: 18px; margin-bottom: 20px;}
.iframe4 .list>.item .txt p{ font-size: 14px;}
@media (min-width:992px) {	
.iframe4{ padding: 60px 0; box-sizing: border-box;}
.iframe4 .container{ position: relative;}
.iframe4 .title{ text-align: right;}
.iframe4 ul{ position: absolute; left: 0; top: 60px;}
.iframe4 .list .Partner{ margin: 0 60px!important;}
.iframe4 .list .btn i{ font-size: 30px;}
.iframe4 .list>.item:hover{ box-shadow: 0 0 15px #d5d5d5;}
.iframe4 .list>.item:hover .img:before{ top: -10px; left: -10px; }
.iframe4 .list>.item:hover .img:after{ top: -10px; right: -10px;}
.iframe4 .list>.item:hover .img span:before{ bottom: -10px; left: -10px;}
.iframe4 .list>.item:hover .img span:after{ bottom: -10px; right: -10px;}
.iframe4 .list>.item:nth-child(4n){ margin-right: 0;}
}
@media (min-width:1px) and  (max-width:991px){
.iframe4{ padding: 3vw 0}
.iframe4 .title span{ font-size: 12px; margin-bottom: 10px;}
.iframe4 .title h2{ font-size: 20px; margin-bottom: 10px;}
.iframe4 .title p{ font-size: 12px;}
.iframe4 ul{ margin-top: 3vw;}
.iframe4 ul li{ font-size: 12px; padding: 2vw 8vw;}
.iframe4 .list{ margin-top: 3vw;}
.iframe4 .list>.item{ width: calc((100% - 2vw)/2); margin-right: 2vw; margin-bottom: 2vw; padding: 4vw;}
.iframe4 .list>.item .txt{ margin-top: 6vw;}
.iframe4 .list>.item .txt h3{ font-size: 12px; margin-bottom: 2vw;}
.iframe4 .list>.item .txt p{ font-size: 10px;}
.iframe4 .list>.item:nth-child(2n){ margin-right: 0;}
}

.iframe5{ overflow: hidden; background: url("../images/b3.jpg") no-repeat center center /  cover;}
.iframe5 .title{ overflow: hidden; display: flex; align-items: flex-end;}
.iframe5 .title h2{}
.iframe5 .title h3{ writing-mode:tb-rl; font-weight: bold; font-size: 55px; color: rgba(255,255,255,0.5);}
.iframe5 .txt{ overflow: hidden;}
.iframe5 .txt .item{ overflow: hidden; margin-bottom: 10px; color: #fff;}
.iframe5 .txt .item h3{ font-size: 28px; font-weight: bold; margin-bottom: 30px;}
.iframe5 .txt .item p{ font-size: 16px; line-height: 1.8;}
.iframe5 .txt .item>.linkmore{ overflow: hidden; margin-top: 30px;}
.iframe5 .txt .item>.linkmore a{ display: inline-block; color: #fff; border: 2px solid #5b7784; font-size: 16px; font-weight: bold; padding: 13px 78px; border-radius: 15px;}
@media (min-width:992px) {	
.iframe5{ padding: 60px 0; box-sizing: border-box;}
.iframe5 .container{ position: relative; display: flex; justify-content: space-between; align-items: flex-end;}
.iframe5 .title{ margin: 0;}
.iframe5 .txt{ margin: 0; flex: 1; margin-left: 100px;}
.iframe5 .txt>p{ text-align: right;}
}
@media (min-width:1px) and  (max-width:991px){
.iframe5{ padding: 3vw 0;}
.iframe5 .title{ display: block;}
.iframe5 .title h2{ display: none;}
.iframe5 .title h3{ writing-mode: horizontal-tb; font-size: 20px; margin-bottom: 10px;}
.iframe5 .txt .item h3{ font-size: 18px;}
.iframe5 .txt .item p{ font-size: 12px;}
.iframe5 .txt .item>.linkmore{ margin-top: 3vw;}
.iframe5 .txt .item>.linkmore a{ font-size: 12px; padding: 2vw 8vw;}
}

.iframe6{ overflow: hidden;}
.iframe6 .title{ overflow: hidden;}
.iframe6 .title span{ font-family: "Arial"; font-size: 16px; color: #1c3644; text-transform: uppercase; display: block; margin-bottom: 20px;}
.iframe6 .title span:before{ content: ""; display: inline-block; width: 93px; height: 4px; background: #b1b1b1; margin-right: 20px;}
.iframe6 .title h2{ font-family: "幼圆"; font-size: 55px; font-weight: bold; margin-bottom: 15px;}
.iframe6 .title p{ font-size: 16px;}
.iframe6 ul{ overflow: hidden;}
.iframe6 ul li{ background: #c5cacc; display: inline-flex; margin-right: 15px; font-size: 14px; font-weight: bold; color: #fff; cursor: pointer; padding: 10px 30px; border-radius: 20px;}
.iframe6 ul li>a{ color: #fff;}
.iframe6 ul li.active{ background: #162d3a;}
.iframe6 .list{ margin-top: 50px; position: relative;}
.iframe6 .list .img{ overflow: hidden;}
.iframe6 .list .txt{ overflow: hidden;}
.iframe6 .list .txt .ipto{ overflow: hidden; margin-bottom: 20px;}
.iframe6 .list .txt .ipto .ipti{ overflow: hidden; border-radius: 15px}
.iframe6 .list .txt .ipto .ipti img{ border-radius: 10px;}
.iframe6 .list .txt .ipto .iptz{ overflow: hidden;}
.iframe6 .list .txt .ipto .iptz h3{ font-size: 18px; font-weight: bold; margin-bottom: 10px;}
.iframe6 .list .txt .ipto .iptz h4{ font-size: 14px; margin-bottom: 15px;}
.iframe6 .list .txt .ipto .iptz p{ font-size: 16px;}
@media (min-width:992px) {	
.iframe6{ padding: 60px 0; box-sizing: border-box;}
.iframe6 .container{ position: relative;}
.iframe6 .title{ text-align: right;}
.iframe6 ul{ position: absolute; left: 0; top: 60px;}
.iframe6 .list{ display: flex; justify-content: space-between;}
.iframe6 .list .img{ flex: 1; margin: 0;}
.iframe6 .list .txt{ flex: 1.3; margin: 0; margin-left: 30px;}
.iframe6 .list .txt .ipto{ display: flex; justify-content: space-between;}
.iframe6 .list .txt .ipto .ipti{ width: 194px; margin: 0;}
.iframe6 .list .txt .ipto .iptz{ flex: 1; margin-left: 20px;}
}
@media (min-width:1px) and  (max-width:991px){
.iframe6{ padding: 3vw 0}
.iframe6 .title span{ font-size: 12px; margin-bottom: 10px;}
.iframe6 .title h2{ font-size: 20px; margin-bottom: 10px;}
.iframe6 .title p{ font-size: 12px;}
.iframe6 ul{ margin-top: 3vw;}
.iframe6 ul li{ font-size: 10px; padding: 2vw 3vw; margin-right: 2vw; margin-bottom: 2vw;}
.iframe6 .list{ margin-top: 3vw;}
.iframe6 .list .img{ display: none;}
.iframe6 .list .txt .ipto{ width: calc((100% - 2vw)/2); float: left; margin-right: 2vw; margin-bottom: 2vw;}
.iframe6 .list .txt .ipto .iptz h3{ font-size: 12px; margin-top: 1vw; margin-bottom: 0;}
.iframe6 .list .txt .ipto .iptz h4{ font-size: 10px; margin-top: 1vw; margin-bottom: 1vw;}
.iframe6 .list .txt .ipto .iptz p{ font-size: 10px;}
.iframe6 .list .txt .ipto:nth-child(2n){ margin-right: 0;}
}

.dframe9{ overflow: hidden; display: none; padding: 20px 0 10px 0;}
.dframe9 ul{ display: flex; flex-wrap: wrap;}
.dframe9 li{ width: calc(25% - 8px); margin: 0; margin-right: 10px; margin-bottom: 10px; text-align: center; font-size: 12px;}
.dframe9 li span{ background: #4db4cb; color: #fff; border-radius: 50%; overflow: hidden; width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; margin-bottom: 5px; box-shadow: 0 0 10px #d5d5d5;}
.dframe9 li span i{ font-size: 20px;}
.dframe9 li:nth-child(4n){ margin-right: 0;}
.dframe9 li:nth-child(4n+1){ clear: both;}
@media (min-width:1px) and  (max-width:999px){
.dframe9{ display: block;}
}

.list-link{ overflow: hidden; padding: 15px 0;}
.list-link li{ display: inline-block; font-size: 14px; margin-right: 10px;}
@media (min-width:1px) and  (max-width:999px){
.list-link{  padding: 3vw 0;}
.list-link li{ font-size: 12px; margin-right: 1vw;}
}

/*region 底部*/
.section9{ height: auto!important;}
.section9 .fp-tableCell{ height: auto!important;}
.footer{ overflow: hidden; padding: 60px 0; background: linear-gradient(to bottom right,#264354,#162d3a);}
.footer .footlogo{ display: flex; justify-content: center; align-items: center;}
.footer .foot{ overflow: hidden;}
.footer .foot h2{ font-size: 20px; font-weight: bold; color: #fff; margin-bottom: 20px;}
.footer .foot li{ font-size: 14px; line-height: 2; overflow:hidden;}
.footer .foot li a{ display:block; color: #fff; transition: all 0.35s ease;}
.footer .foot li:hover a{ color:#0198dd;}
.footer .foot .txt{ line-height: 2; font-size: 14px;}
.footer .foot .txt p{ color: #fff;}
.footer .foot .txt p a{ color: #fff;}
.footer__subnavSelect{width:100%;background:#0198dd;height:45px;border:0;border-bottom:1px solid #0198dd;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#fff;padding:2px 15px 0;background-image:url("../images/arrow-down-select.svg");background-repeat:no-repeat;background-position-x:95%;background-position-y:center;background-size:15px;outline:0;display:none; filter: drop-shadow(144px 0 0 #fff); margin-bottom: 15px; box-sizing: border-box;}
@media (min-width:992px) {
.footer .list{ display: flex; justify-content: space-between; margin-top: 60px;}
.footer .foot{ margin: 0; }
}
@media (min-width:1px) and  (max-width:991px){
.footer__subnavSelect{ display: block;}
.footer{ padding: 3vw 0;}
.footer .footlogo{ margin-bottom: 15px;}
.footer .foot h2{ display: none;}
.footer .foot ul{ display: none;}
}

.gettop{ width: 45px; height: 45px; text-align: center; line-height: 45px; border-radius: 50%; border: 1px solid #fff; position: fixed; right: 15px; bottom: 10%; z-index: 99; font-size: 14px; color: #fff; text-transform: uppercase; cursor: pointer; background: #02247e; display: none;}
@media (min-width:1px) and  (max-width:991px){
.gettop{ display: none;}
}

/*endregion*/

/*region 版权*/
.copy{ padding: 15px 0px; font-size: 14px; font-weight: bold; overflow: hidden; text-align: center;}
@media (min-width:992px) {
.copy p{ display: inline-block; float: left;}
.copy p:last-child{ float: right;}
}
@media (min-width:1px) and (max-width:991px){
.copy{ margin-bottom: 40px; font-size: 12px; border: 0; margin-top: 0;}
}
/*endregion*/



/*region手机底部导航*/
.mobMenu{ position: fixed; left: 0px; right: 0px; bottom: 0px; z-index: 10; background: #0198dd; display: none; box-shadow: 0 0 10px #d5d5d5;}
.mobMenu>.foot_nav{width:25%;float:left;text-align:center;color:#898989;font-size:12px; font-family: "Arial"}
.mobMenu>.foot_nav>a{ color: #fff; display: block;}
.mobMenu>.foot_nav>a>i.iconfont{display:block;padding:3px 0 0 0;font-size:20px;line-height:24px; color: #fff;}
.mobMenu>.foot_nav>a>.hamburger{position:inherit;float:none;margin:0 auto;width:100%; color: #fff;}
@media (min-width:1px) and (max-width:991px){
    .mobMenu{ display: block;}
}
/*endregion*/


/*内页*/
.body{}
.nbframe{ position: relative; text-align: center;}
.nbframe .explicitlist{ position: absolute; left: 0; right: 0; top: 40%; transform: translateY(-50%);}
.nbframe .explicitlist h2{ font-size: 89px; font-weight: bold; color: #016a7d;}
@media (min-width:1430px) {
.nbframe .explicitlist .container{ width: 1400px;}
}
@media (min-width:1px) and (max-width:991px){
.nbframe{ }
.nbframe img{ width: 992px; height: 240px; max-width: inherit; margin: 0 ;}
.nbframe .explicitlist{ display: none;}
}
@media (min-width:1px) and (max-width:767px){
.nbframe img{ width: 992px; height: 240px; max-width: inherit; margin: 0 -270px;}
}
/*region 左侧导航栏目*/
.left_nav{ overflow: hidden; width: 260px; float: left; padding: 30px 0;}
.left_nav>.lbt{ overflow: hidden; margin-bottom: 40px;}
.left_nav>.lbt>h2{ font-size: 18px; font-weight: 700; padding: 10px 30px; color: #fff; background: #4db4cb; border: 1px solid #ddd;}
.left_nav>.lbt>ul{}
.left_nav>.lbt>ul>li{ overflow: hidden; font-size: 16px; border-left: 1px solid #ddd; border-right: 1px solid #ddd; position: relative; }
.left_nav>.lbt>ul>li>a{ display: block; color: #333; padding: 10px 30px; position: relative; border-bottom: 1px solid #ddd;}
.left_nav>.lbt>ul>li>em{ content: ""; position: absolute; left: 10px; top: 22px; transform: translateY(-50%); width: 5px; height: 5px; background: #000;}
.left_nav>.lbt>ul>li>span{ position: absolute; right: 0px; top: 0px; height: 42px; cursor: pointer;  display: inline-flex; align-items: center; justify-content: center; padding: 0 5px;}
.left_nav>.lbt>ul>li>span>i{ transform: rotate(180deg)}
.left_nav>.lbt>ul>li:hover>a,.left_nav>.lbt>ul>li.active>a{ color: #4db4cb}
.left_nav>.lbt>ul>li.on>span>i{ transform: rotate(0deg)}
.left_nav>.lbt>ul>li:hover>em,.left_nav>.lbt>ul>li.active>em{ background: #4db4cb}

.left_nav>.lbt>ul>li>ul{ overflow: hidden; position: relative; height: auto; transition: all 0.35s;}
.left_nav>.lbt>ul>li>ul>li{ font-size: 16px; font-weight: 400; overflow: hidden;}
.left_nav>.lbt>ul>li>ul>li>a{ display: block; color: #333; padding: 10px 30px; position: relative;}
.left_nav>.lbt>ul>li>ul>li:hover>a,.left_nav>.lbt>ul>li>ul>li.active>a{ color: #4db4cb}
.left_nav>.lbt>img{ width: 100%}
.left_nav>.lbt>.txt{ padding: 15px; background: #f5f5f5; line-height: 2; font-size: 14px; color: #666;}
@media (min-width:992px){
.left_nav{ position: sticky; top: 52px;}
}
@media (min-width:1px) and (max-width:991px){
.left_nav{ width: auto; float: none; padding: 0; margin-top: 3vw;}
.left_nav>.lbt{ margin-bottom: 0;}
.left_nav>.lbt>h2{ font-size: 14px; padding: 6px 15px;}
.left_nav>.lbt>h2 i{ font-size: 14px; padding-right: 5px;}
.left_nav>.lbt>ul{display: none; transition: all 0.35s;}
.hidden-xs{ display: none!important;}
}

/*endregion*/

/*右侧*/
.right_detail{ width: calc(100% - 300px); float: right; height: auto; padding: 30px 0px;}
@media (min-width:1px) and (max-width:991px){
.right_detail{ width: auto; float: none; padding: 20px 0;}
}

/*region 面包屑*/
.location{  padding: 15px 0; overflow: hidden; box-shadow: 0 0 10px #d5d5d5; font-size: 14px;}
.location .i-home{ font-size: 20px; display: inline-block; padding-right: 5px;}
.location .i-home:before{ content: "\e604";}
.location .here{ display: inline-block; padding: 0 5px;}
.location .here:before{ content: "/";}
.location a{ display: inline-block; color: #333; font-size: 14px;}
@media (min-width:992px){
.location{}
}
@media (min-width:1px) and (max-width:991px){
.location{ padding: 3vw 0; font-size: 12px;}
}
/*endregion*/

.body .title{ background: #ddd}
.body .title h2{ background: #f90; color: #fff; font-size: 24px; line-height: 1.8; text-align: center;}
@media (min-width:1px) and (max-width:991px){
.body .title h2{ font-size: 18px;}
}

/*公司简介*/
.thereof{ overflow: hidden; background: #ddd; padding: 15px 0; text-align: center;}
.thereof li{ display: inline-block; cursor: pointer; padding: 7px 30px; border-radius: 30px; font-size: 14px; background: #a4c2f4; border: 1px solid #666; margin: 0 5px;}
.thereof li:hover{ background: rgba(22,45,58,0.8); color: #fff;}
@media (min-width:1px) and (max-width:991px){
.thereof{ padding: 3vw 0 1vw 0;}
.thereof li{ padding: 2vw 5vw; font-size: 12px; margin-bottom: 2vw;}
}

.thereon{ overflow: hidden; background: #eee; padding: 30px 0 0 0}
.thereon .title{ background: none;}
.thereon .list{ overflow: hidden; padding: 30px 10px 10px 10px; background: #fff;}
.thereon .list .txt{ overflow: hidden;}
.thereon .list .txt>h3{ font-size: 24px; color: #f90; line-height: 2;}
.thereon .list .txt>a>img{ margin-top: 30px; width: 100%;}
.thereon .list .txt>p{ font-size: 14px; line-height: 2; color: #666;}
.thereon .list .txt .item{ overflow: hidden; }
.thereon .list .txt .item>h4{ font-size: 24px; color: #de3e91; margin-bottom: 20px;}
.thereon .list .txt .item .imglist{ display: flex; flex-wrap: wrap;}
.thereon .list .txt .item .imglist .img{ width: calc((100% - 20px)/2); float: left; margin-right: 20px; margin-bottom: 20px;}
.thereon .list .txt .item .img img{ width: 100%;}
.thereon .list .txt .item .img:nth-child(2n){ margin-right: 0;}
@media (min-width:992px){
.thereon .list{ display: flex;} 
.thereon .list .txt{ margin: 0; flex: 1;}
.thereon .list .txt:first-child{ padding-right: 30px; border-right: 1px solid #f90;}
.thereon .list .txt:last-child{ padding-left: 30px;}
}
@media (min-width:1px) and (max-width:991px){
.thereon{ padding: 3vw 0 0 0;}
.thereon .list{ padding: 3vw 1vw 1vw 1vw;}
.thereon .list .txt>h3{ font-size: 14px;}
.thereon .list .txt>a>img{ margin-top: 3vw; }
.thereon .list .txt>p{ font-size: 12px;}
.thereon .list .txt .item>h4{ font-size: 14px; margin-bottom: 2vw;}
.thereon .list .txt .item .imglist .img{ margin-right: 2vw; margin-bottom: 2vw;}
}

.thereon1{ padding: 0;}
.thereon1 .title{ background: #ddd}
.thereon1 .title h2{ background: #de3e91;}

.thereon2{ padding: 0;}
.thereon2 .title{ background: #ddd}
.thereon2 .title h2{ background: #3897d9;}

.thereon3{ padding: 0 0 30px 0;}
.thereon3 .title{ background: #ddd}
.thereon3 .title h2{ background: red;}


/*关于我们*/
.tit{ overflow: hidden;}
.tit h2{ font-size: 1rem; color: #000; font-weight: bold; display: inline-block; border-bottom: 0.23rem solid #85c1e2;}
.tit h3{ font-size: 0.4rem; color: #050505; margin-top: 0.4rem; clear: both;}
@media (min-width:1px) and (max-width:991px){
.tit h2{ font-size: 0.5rem; border-bottom-width: 5px;}
.tit h3{ font-size: 14px; margin-top: 10px;}
}

.aframe{ overflow: hidden;}
.aframe .txt{ overflow: hidden; padding: 2.3rem 1.15rem 0 1.81rem; position: relative; box-sizing: border-box;}
.aframe .txt>span{ width: 3.21rem; height: 0.95rem; display: inline-flex; align-items: center; justify-content: center; font-size: 0.48rem; color:#050505; background: #85c1e2; position: absolute; left: -1.13rem; top: 1.8rem; transform: rotate(90deg)}

.aframe .txt .context{ overflow: hidden; font-size: 0.36rem; line-height: 1.8; margin-top: 1.2rem;}
.aframe .txt .context span{ display: block; text-indent: 2em;}
.aframe .img{ overflow: hidden; box-sizing: border-box;}
.aframe .img img{ width: 100%;}
@media (min-width:992px){
.aframe{ display: flex; justify-content: space-between;}
.aframe .txt{ margin: 0; flex: 0 0 50%;}
.aframe .img{ margin: 0; flex: 0 0 50%;}
}
@media (min-width:1px) and (max-width:991px){
.aframe .txt{ padding: 0.6rem 0.5rem 0 1.2rem}
.aframe .txt .context{ font-size: 14px; line-height: 2; margin-top: 30px; margin-bottom: 30px;}
.aframe .img{ display: none;}
}

.aframe1{ overflow: hidden; padding: 0.7rem 0.95rem;}
.aframe1 .video{ overflow: hidden; position: relative; border-radius: 20px;}
.aframe1 .video:before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); z-index: 2}
.aframe1 .video img{ width: 100%;  object-fit: cover;}
.aframe1 .video .videoplay{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 99; cursor: pointer;}
.aframe1 .video .videoplay i{ font-size: 0.8rem; color: #fff;}
.aframe1 .video video{ width: 100%; object-fit: cover;}
.aframe1 .video.on:before{ display: none;}
@media (min-width:992px){
}
@media (min-width:1px) and (max-width:991px){
.aframe1{ padding:0 0 0 0;}
.aframe1 .video{  border-radius: 0}
}

.aframe2{ overflow: hidden; padding: 0.8rem 1.8rem;}
.aframe2 .list{ overflow: hidden; margin-top: 1.35rem; display: flex; justify-content: space-between; flex-wrap: wrap;}
.aframe2 .list .item{ margin: 0; width: calc((100% - 1.8rem)/2); margin-right: 1.8rem; margin-bottom: 1.4rem; display: flex; justify-content: space-between; align-items: center;}
.aframe2 .list .item span{ margin: 0; font-size: 0.72rem; color: #000000; font-weight: bold;}
.aframe2 .list .item .txt{ flex: 1; margin-left: 0.6rem;}
.aframe2 .list .item .txt h3{ font-size: 0.48rem; color: #000000; font-weight: bold; margin-bottom: 5px;}
.aframe2 .list .item .txt p{ font-size: 0.36rem; color: #000; line-height: 1.2;}
.aframe2 .list .item:nth-child(2n){ margin-right: 0;}
@media (min-width:992px){
}
@media (min-width:1px) and (max-width:991px){
.aframe2{ padding: 30px 15px}
.aframe2 .list{ margin-top: 30px;}
.aframe2 .list .item{ width: calc((100% - 0.2rem)/2); margin-right: 0.2rem; margin-bottom: 0.2rem; display: block;}
.aframe2 .list .item span{ font-size: 0.72rem; display: block;}
.aframe2 .list .item .txt{ flex: initial; margin-left: 0px;}
.aframe2 .list .item .txt h3{ font-size: 20px;}
.aframe2 .list .item .txt p{ font-size: 16px; color: #000; line-height: 1.2;}
}

.aframe3{ overflow: hidden; padding: 0 1.8rem 1.1rem 1.8rem;}
.aframe3 .tit p{ max-width: 7.72rem; font-size: 0.36rem; line-height: 1.6; float: right;}
@media (min-width:992px){
}
@media (min-width:1px) and (max-width:991px){
.aframe3{ padding: 30px 15px;}
.aframe3 .tit p{ font-size: 12px; max-width: inherit; float: none; margin-top: 10px;}
}

.aframe4{ overflow: hidden; display: flex; flex-wrap: wrap; padding: 0 0 1.5rem 0;}
.aframe4 .item{ margin: 0; overflow: hidden; width: calc((100% - 6px)/3); margin-right: 3px;}
.aframe4 .item a{ display: block; position: relative;}
.aframe4 .item .img{ overflow: hidden;}
.aframe4 .item .img img{ width: 100%;}
.aframe4 .item h3{ position: absolute; left: 0.7rem; bottom: 0.56rem; background: rgba(255,255,255,0.72); padding: 10px 24px; font-size: 0.24rem;}
@media (min-width:992px){
.aframe4 .item:nth-child(3){ margin-right: 0;}
}
@media (min-width:1px) and (max-width:991px){
.aframe4{ padding: 0 0 0px 0;}
.aframe4 .item{ width: calc(100%); margin-right: 0; margin-bottom: 10px;}
}

.aframe5{ overflow: hidden; display: flex; padding: 0.5rem 0 0 0; clear: both; box-sizing: border-box; justify-content:center;} 
.aframe5 .box .item{ overflow: hidden; position: relative;}
.aframe5 .box .item:before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.79);}
.aframe5 .box .item .img{ overflow: hidden;}
.aframe5 .box .item .img img{ width: 100%;}
.aframe5 .box .item .txt{ position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); padding: 0 0.5rem; z-index: 9; text-align: center;}
.aframe5 .box .item .txt h3{ font-size: 0.4487rem; color: #000000; margin-bottom: 0.6rem;}
.aframe5 .box .item .txt p{ font-size: 0.23rem; color: #000000; line-height: 1.5;}
@media (min-width:992px){
.aframe5 .box{ margin: 0;}
.aframe5 .box:nth-child(1){ width: 5.37rem; margin-right: 10px;}
.aframe5 .box:nth-child(1) .item:first-child{ margin-bottom: 10px;}
.aframe5 .box:nth-child(2){ width: 5.05rem; margin-right: 10px;}
.aframe5 .box:nth-child(2) .item:first-child{ margin-bottom: 10px;}
.aframe5 .box:nth-child(3){ width: 5.23rem;}
}
@media (min-width:1px) and (max-width:991px){
.aframe5{ padding: 30px 0 0 0; flex-wrap: wrap;}
.aframe5 .box{ width: 100%; margin-bottom: 10px;}
.aframe5 .box:nth-child(1) .item:first-child{ margin-bottom: 10px;}
.aframe5 .box:nth-child(2) .item:first-child{ margin-bottom: 10px;}
}

.aframe6{ overflow: hidden; padding: 0 1.8rem 1.1rem 1.8rem;}
.aframe6 .list{ overflow: hidden; margin-top: 1.3rem;}
.aframe6 .list .txt{ overflow: hidden; box-sizing: border-box; padding-right: 0.7rem;}
.aframe6 .list .txt .item{ overflow: hidden; padding-left: 1rem; margin-bottom: 0.5rem; position: relative;}
.aframe6 .list .txt .item:before{ content: ""; position: absolute; left: 0; top: 13px; width: 0.8rem; height: 0.8rem; display: inline-block; border-radius: 50%; background: #85c1e2; z-index: 1}
.aframe6 .list .txt .item h3{ font-size: 0.72rem; color: #000000; margin-bottom: 0.4rem;}
.aframe6 .list .txt .item p{ font-size: 0.4rem; line-height: 1.6;}
.aframe6 .list .img{ overflow: hidden; box-sizing: border-box;}
.aframe6 .list .img img{ width: 100%;}
@media (min-width:992px){
.aframe6 .list{ display: flex; justify-content: space-between; align-items: center;}
.aframe6 .list .txt{ flex: 0 0 50%; margin: 0;}
.aframe6 .list .img{ flex: 0 0 50%; margin: 0;}
}
@media (min-width:1px) and (max-width:991px){
.aframe6{ padding: 0 15px 0px 15px;}
.aframe6 .list{ margin-top: 30px;}
.aframe6 .list .txt{ padding: 0;}
.aframe6 .list .txt .item{ padding-left: 0.5rem; margin-bottom: 20px;}
.aframe6 .list .txt .item:before{ width: 0.4rem; height: 0.4rem; top: 0}
.aframe6 .list .txt .item h3{ font-size: 20px; margin-bottom: 10px;}
.aframe6 .list .txt .item p{ font-size: 16px;}
.aframe6 .list .img{ display: none;}
}

.aframe7{ overflow: hidden; padding-top: 0.75rem; display: flex; flex-wrap: wrap; clear: both;}
.aframe7 .item{ margin: 0; width: calc((100% - 20px)/3); margin-right: 10px; margin-bottom: 10px; position: relative;}
.aframe7 .item:before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.79);}
.aframe7 .item .img{ overflow: hidden;}
.aframe7 .item .img img{ width: 100%;}
.aframe7 .item .txt{ position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); padding: 0 0.5rem; z-index: 9; text-align: center;}
.aframe7 .item .txt h3{ font-size: 0.36rem; color: #000000; line-height: 1.3}
@media (min-width:992px){
.aframe7 .item:nth-child(3n){ margin-right: 0;}
}
@media (min-width:1px) and (max-width:991px){
.aframe7{ padding-top: 30px;}
.aframe7 .item{ width: calc(100%); margin-right: 0;}
}

.aframe8{ overflow: hidden; padding: 0 1.8rem 1.1rem 1.8rem;}
.aframe8 .list{ margin-top: 1.3rem; position: relative;}
.aframe8 .list .swiper-container{ }
.aframe8 .list .swiper-slide{  position: relative; box-sizing: border-box; border: 1px solid #f5f5f5;}
.aframe8 .list .swiper-slide img{ }
.aframe8 .list .btn{ position: absolute; top: 50%; transform: translateY(-50%); width: 0.83rem; height: auto; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; z-index: 9; cursor: pointer;}
.aframe8 .list .btn-prev{ left: 0;}
.aframe8 .list .btn-next{ right: 0;}
@media (min-width:992px){
.aframe8 .list .btn-prev{ left: -0.9rem;}
.aframe8 .list .btn-next{ right: -0.9rem;}
}
@media (min-width:1px) and (max-width:991px){
.aframe8{ padding: 0 15px 30px 15px;}
.aframe8 .list{ margin-top: 30px;}
.aframe8 .list .btn{ width: 0.4rem;}
}

/*图库中心*/
.gallerylist{ overflow: hidden; padding: 30px 30px 10px 30px; background: #fff;}
.gallerylist .ipto{ width: calc((100% - 100px)/6); float: left; margin-right: 20px; margin-bottom: 20px;}
.gallerylist .ipto .ipti{ overflow: hidden; border: 1px solid #f5f5f5;}
.gallerylist .ipto .ipti img{ width: 100%; transition: all 0.35s ease;}
@media (min-width:992px){
.gallerylist .ipto:nth-child(6n){ margin-right: 0;}
.gallerylist .ipto:nth-child(6n+1){ clear: both;}
.gallerylist .ipto:hover .ipti img{ transform: scale(1.1)}
}
@media (min-width:1px) and (max-width:991px){
.gallerylist{ padding: 3vw 3vw 1vw 3vw;}
.gallerylist .ipto{ width: calc((100% - 4vw)/3); margin-right: 2vw; margin-bottom: 2vw;}
.gallerylist .ipto:nth-child(3n){ margin-right: 0;}
.gallerylist .ipto:nth-child(3n+1){ clear: both;}
}

/*品牌故事*/
.brand{ overflow: hidden; background: #eee;}
.brand .title h2{ background: #de3e91;}
.brand .list{ overflow: hidden; padding-top: 15px; background: #fff;}
.brand .list .txt{ overflow: hidden;}
.brand .list .txt>h3{ font-size: 24px; font-weight: bold; color: #de3e91; margin-bottom: 20px;}
.brand .list .txt>p{ font-size: 14px; line-height: 2; color: #666;}
.brand .list .img{ overflow: hidden;}
.brand .list .img img{ width: 100%}
.brand:nth-child(2) .title h2{ background: #f90;}
.brand:nth-child(2) .list .txt>h3{ color: #f90;}
@media (min-width:992px){
.brand .list{ display: flex;} 
.brand .list .txt{ margin: 0; flex: 1; padding:0 30px 15px 15px;}
.brand .list .img{ margin: 0; flex: 1; padding-left: 30px;}
.brand:nth-child(2) .list{ flex-direction: row-reverse; margin-bottom: 20px;}
.brand:nth-child(2) .list .txt{ padding:0 15px 15px 30px;}
.brand:nth-child(2) .list .img{  padding-right: 30px; padding-left: 0;}
.brand:nth-child(2) .list:nth-child(2n){ flex-direction: row;}
.brand:nth-child(2) .list:nth-child(2n) .txt{ padding:0 30px 15px 15px;}
.brand:nth-child(2) .list:nth-child(2n) .img{ padding-left: 30px; padding-right: 0;}
}
@media (min-width:1px) and (max-width:991px){
.brand .list{ padding-top: 0vw;}
.brand .list .txt{ padding: 3vw;}
.brand .list .txt>h3{ font-size: 14px; margin-bottom: 2vw;}
.brand .list .txt>p{ font-size: 12px;}
}

/*乐图品牌介绍*/
.nuutoo{ overflow: hidden; background:#A8D144; padding: 30px 0;}
.nuutoo .item{ overflow: hidden;}
.nuutoo .item .title h2{ background: #de3e91;}
.nuutoo .item .list{ overflow: hidden; background: #fff; padding: 15px;}
.nuutoo .item .list .txt{ overflow: hidden;}
.nuutoo .item .list .txt>h3{ font-size: 24px; font-weight: bold; color: #de3e91; line-height: 2;}
.nuutoo .item .list .txt>p{ font-size: 14px; line-height: 2; color: #666;}
.nuutoo .item .list .img{ overflow: hidden; text-align: center;}
.nuutoo .item:nth-child(2) .title h2{ background: #f90;}
.nuutoo .item:nth-child(2) .list .txt>h3{ color: #f90;}
.nuutoo .item:nth-child(3) .title h2{ background: #3c78d8;}
.nuutoo .item:nth-child(3) .list .txt>h3{ color: #3c78d8;}
.nuutoo .item:nth-child(4) .title h2{ background: #CC0000;}
.nuutoo .item:nth-child(5) .title h2{ background: #333;}
.nuutoo .item .context{ overflow: hidden; background: #fff; padding: 15px; margin-top: 30px;}
.nuutoo .item .context>ul{ overflow: hidden; margin-bottom: 30px; text-align: center;}
.nuutoo .item .context>ul>li{ background: #c5cacc; display: inline-flex; margin-right: 15px; font-size: 16px; font-weight: bold; color: #fff; cursor: pointer; padding: 7px 30px; border-radius: 20px;}
.nuutoo .item .context>ul>li.active{ background: #162d3a;}
.nuutoo .item .context>.outputlist{ overflow: hidden; display: none;}
.nuutoo .item .context .ipto{ width: calc((100% - 60px)/4); float: left; margin-right: 20px; margin-bottom: 20px;}
.nuutoo .item .context .ipto .ipti{ overflow: hidden; position: relative; }
.nuutoo .item .context .ipto .ipti img{ width: 100%; transition: all 0.35s ease;}
.nuutoo .item .context .ipto .iptz{ overflow: hidden; margin-top: 10px;}
.nuutoo .item .context .ipto .iptz h3{ font-size: 14px; white-space: nowrap;text-overflow: ellipsis; overflow: hidden}
@media (min-width:992px){
.nuutoo .item .list{ display: flex; justify-content: space-between; align-items: center;}
.nuutoo .item .list .txt{ margin: 0; flex: 1; padding-right: 30px; padding-left: 0;}
.nuutoo .item .list .img{ margin: 0; flex: 1; padding-left: 30px; padding-right: 0; }
.nuutoo .item:nth-child(2n) .list{ flex-direction: row-reverse;}
.nuutoo .item:nth-child(2n) .list .txt{ margin: 0; flex: 1.3; padding-right: 0px; padding-left: 30px;}
.nuutoo .item:nth-child(2n) .list .img{ margin: 0; flex: 1; padding-left: 0px; padding-right: 30px;}
.nuutoo .item .context .ipto:nth-child(4n){ margin-right: 0;}
.nuutoo .item .context .ipto:nth-child(4n+1){ clear: both;}
}
@media (min-width:1px) and (max-width:991px){
.nuutoo{ padding: 3vw 0;}
.nuutoo .item .list .txt>h3{ font-size: 14px;}
.nuutoo .item .list .txt>p{ font-size: 12px;}
.nuutoo .item .context>ul>li{ margin-right: 2vw; font-size: 12px; padding: 2vw 4vw; border-radius: 20px; margin-bottom: 2vw;}
.nuutoo .item .context .ipto{ width: calc((100% - 2vw)/2); margin-right: 2vw; margin-bottom: 2vw;}
.nuutoo .item .context .ipto .iptz h3{ font-size: 12px; }
.nuutoo .item .context .ipto:nth-child(2n){ margin-right: 0;}
.nuutoo .item .context .ipto:nth-child(2n+1){ clear: both;}
}

/*果堡品牌介绍*/
.taomai{ overflow: hidden; background:#60BEE4; padding: 30px 0;}
.taomai .item{ overflow: hidden;}
.taomai .item .title h2{ background: #de3e91;}
.taomai .item .list{ overflow: hidden; background: #fff; padding: 15px;}
.taomai .item .list .txt{ overflow: hidden;}
.taomai .item .list .txt>h3{ font-size: 24px; font-weight: bold; color: #de3e91; line-height: 2;}
.taomai .item .list .txt>p{ font-size: 14px; line-height: 2; color: #666;}
.taomai .item .list .img{ overflow: hidden; text-align: center;}
.taomai .item:nth-child(2) .title h2{ background: #A8D144;}
.taomai .item:nth-child(2) .list .txt>h3{ color: #A8D144;}
.taomai .item:nth-child(3) .title h2{ background: #FF9900;}
.taomai .item:nth-child(3) .list .txt>h3{ color: #FF9900;}
.taomai .item:nth-child(4) .title h2{ background: #318DFF;}
.taomai .item:nth-child(4) .list .txt>h3{ color: #318DFF;}
.taomai .item:nth-child(5) .title h2{ background: #FF00FF;}
.taomai .item:nth-child(6) .title h2{ background: #0000FF;}
.taomai .item .context{ overflow: hidden; background: #fff; padding: 15px; margin-top: 30px;}
.taomai .item .context>ul{ overflow: hidden; margin-bottom: 30px; text-align: center;}
.taomai .item .context>ul>li{ background: #c5cacc; display: inline-flex; margin-right: 15px; font-size: 16px; font-weight: bold; color: #fff; cursor: pointer; padding: 7px 30px; border-radius: 20px;}
.taomai .item .context>ul>li.active{ background: #162d3a;}
.taomai .item .context>.outputlist{ overflow: hidden; display: none;}
.taomai .item .context .ipto{ width: calc((100% - 60px)/4); float: left; margin-right: 20px; margin-bottom: 20px;}
.taomai .item .context .ipto .ipti{ overflow: hidden; position: relative; }
.taomai .item .context .ipto .ipti img{ width: 100%; transition: all 0.35s ease;}
.taomai .item .context .ipto .iptz{ overflow: hidden; margin-top: 10px;}
.taomai .item .context .ipto .iptz h3{ font-size: 14px; white-space: nowrap;text-overflow: ellipsis; overflow: hidden}

@media (min-width:992px){
.taomai .item .list{ display: flex; justify-content: space-between; align-items: center;}
.taomai .item .list .txt{ margin: 0; flex: 1; padding-right: 30px; padding-left: 0;}
.taomai .item .list .img{ margin: 0; flex: 1; padding-left: 30px; padding-right: 0; }
.taomai .item:nth-child(2n) .list{ flex-direction: row-reverse;}
.taomai .item:nth-child(2n) .list .txt{ margin: 0; flex: 1; padding-right: 0px; padding-left: 30px;}
.taomai .item:nth-child(2n) .list .img{ margin: 0; flex: 1; padding-left: 0px; padding-right: 30px;}

.taomai .item .context .ipto:nth-child(4n){ margin-right: 0;}
.taomai .item .context .ipto:nth-child(4n+1){ clear: both;}
}
@media (min-width:1px) and (max-width:991px){
.taomai{ padding: 3vw 0;}
.taomai .item .list .txt>h3{ font-size: 14px;}
.taomai .item .list .txt>p{ font-size: 12px;}

.taomai .item .context>ul>li{ margin-right: 2vw; font-size: 12px; padding: 2vw 4vw; border-radius: 20px; margin-bottom: 2vw;}
.taomai .item .context .ipto{ width: calc((100% - 2vw)/2); margin-right: 2vw; margin-bottom: 2vw;}
.taomai .item .context .ipto .iptz h3{ font-size: 12px; }
.taomai .item .context .ipto:nth-child(2n){ margin-right: 0;}
.taomai .item .context .ipto:nth-child(2n+1){ clear: both;}
}

/*果堡品牌介绍*/
.guobao{ overflow: hidden; background:#FF9900; padding: 30px 0;}
.guobao .item{ overflow: hidden;}
.guobao .item .title h2{ background: #A8D144;}
.guobao .item .list{ overflow: hidden; background: #fff; padding: 15px;}
.guobao .item .list .txt{ overflow: hidden;}
.guobao .item .list .txt>h3{ font-size: 24px; font-weight: bold; color: #A8D144; line-height: 2;}
.guobao .item .list .txt>p{ font-size: 14px; line-height: 2; color: #666;}
.guobao .item .list .img{ overflow: hidden; text-align: center;}
.guobao .item:nth-child(2) .title h2{ background: #CC0000;}
.guobao .item:nth-child(2) .list .txt>h3{ color: #CC0000;}
.guobao .item:nth-child(3) .title h2{ background: #318DFF;}
.guobao .item:nth-child(3) .list .txt>h3{ color: #318DFF;}
.guobao .item:nth-child(4) .title h2{ background: #FF00FF;}
.guobao .item:nth-child(4) .list .txt>h3{ color: #FF00FF;}
.guobao .item:nth-child(5) .title h2{ background: #0000FF;}
.guobao .item:nth-child(6) .title h2{ background: #DE3E91;}
.guobao .item .context{ overflow: hidden; background: #fff; padding: 15px; margin-top: 30px;}
.guobao .item .context>ul{ overflow: hidden; margin-bottom: 30px; text-align: center;}
.guobao .item .context>ul>li{ background: #c5cacc; display: inline-flex; margin-right: 15px; font-size: 16px; font-weight: bold; color: #fff; cursor: pointer; padding: 7px 30px; border-radius: 20px;}
.guobao .item .context>ul>li.active{ background: #162d3a;}
.guobao .item .context>.outputlist{ overflow: hidden; display: none;}
.guobao .item .context .ipto{ width: calc((100% - 60px)/4); float: left; margin-right: 20px; margin-bottom: 20px;}
.guobao .item .context .ipto .ipti{ overflow: hidden; position: relative; }
.guobao .item .context .ipto .ipti img{ width: 100%; transition: all 0.35s ease;}
.guobao .item .context .ipto .iptz{ overflow: hidden; margin-top: 10px;}
.guobao .item .context .ipto .iptz h3{ font-size: 14px; white-space: nowrap;text-overflow: ellipsis; overflow: hidden}


@media (min-width:992px){
.guobao .item .list{ display: flex; justify-content: space-between; }
.guobao .item .list .txt{ margin: 0; flex: 1; padding-right: 30px; padding-left: 0;}
.guobao .item .list .img{ margin: 0; flex: 1; padding-left: 30px; padding-right: 0; }
.guobao .item:nth-child(2n) .list{ flex-direction: row-reverse;}
.guobao .item:nth-child(2n) .list .txt{ margin: 0; flex: 1; padding-right: 0px; padding-left: 30px;}
.guobao .item:nth-child(2n) .list .img{ margin: 0; flex: 1; padding-left: 0px; padding-right: 30px;}

.guobao .item .context .ipto:nth-child(4n){ margin-right: 0;}
.guobao .item .context .ipto:nth-child(4n+1){ clear: both;}
}
@media (min-width:1px) and (max-width:991px){
.guobao{ padding: 3vw 0;}
.guobao .item .list .txt>h3{ font-size: 14px;}
.guobao .item .list .txt>p{ font-size: 12px;}

.guobao .item .context>ul>li{ margin-right: 2vw; font-size: 12px; padding: 2vw 4vw; border-radius: 20px; margin-bottom: 2vw;}
.guobao .item .context .ipto{ width: calc((100% - 2vw)/2); margin-right: 2vw; margin-bottom: 2vw;}
.guobao .item .context .ipto .iptz h3{ font-size: 12px; }
.guobao .item .context .ipto:nth-child(2n){ margin-right: 0;}
.guobao .item .context .ipto:nth-child(2n+1){ clear: both;}
}

/*单页面*/
.neirnr{ overflow: hidden; padding: 30px 0; line-height: 2; font-size: 16px;}

/*智慧乐园*/
.wisdomtitle{ overflow: hidden; text-align: center;}
.wisdomtitle h3{ font-size: 18px; font-weight: 400; line-height: 1.8; color: #016a7d;}
.wisdomtitle h2{ font-size: 24px; color: #333; font-weight: 700; line-height: 1.8;}
.wisdomtitle p{ font-size: 16px; color: #666; font-weight: 400; line-height: 1.8; position: relative; padding-bottom: 20px;}
.wisdomtitle p:after{ content: ""; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 50px; height: 4px; background: #016A7D;}
@media (min-width:1px) and (max-width:991px){
.wisdomtitle h3{ font-size: 14px;}
.wisdomtitle h2{ font-size: 18px;}
.wisdomtitle p{ font-size: 12px; padding-bottom: 2vw;}
}

.wisdom{ overflow: hidden; padding: 30px 0;}
.wisdom .list{ overflow: hidden; margin-top: 30px;}
.wisdom .list .txt{ overflow: hidden; font-size: 16px; color: #666; line-height: 1.8;}
.wisdom .list .img{ overflow: hidden;}
@media (min-width:992px){
.wisdom .list{ display: flex; justify-content: space-between;}
.wisdom .list .txt{ flex: 1; margin: 0; padding: 0 30px 0 0;}
.wisdom .list .img{ flex: 1; margin: 0; padding: 0 0 0 30px;}
}
@media (min-width:1px) and (max-width:991px){
.wisdom{ padding: 3vw 0;}
.wisdom .list{ margin-top: 3vw;}
.wisdom .list .txt{ font-size: 12px;}
.wisdom .list .img{ margin-top: 2vw;}
}

.wisdom1{ overflow: hidden; padding: 30px 0 0 0; background: url("../wisdom/images/1_02.jpg") no-repeat top center;}
.wisdom1 .wisdomtitle h3{ color: #fff;}
.wisdom1 .wisdomtitle h2{ color: #fff;}
.wisdom1 .wisdomtitle p{ color: #fff;}
.wisdom1 .list{ overflow: hidden; margin-top: 30px;}
@media (min-width:992px){
.wisdom1{ height: 480px;}
}
@media (min-width:1px) and (max-width:991px){
.wisdom1{ padding: 3vw 0;}
}

.wisdom2{ overflow: hidden; position: relative; z-index: 2; padding: 30px 0;}
.wisdom2 .item{ overflow: hidden; box-shadow: 0 0 10px #cecece; padding: 30px 50px; background: #fff; text-align: center; box-sizing: border-box;}
.wisdom2 .item i{ font-size: 60px; display: inline-block; margin-bottom: 30px;}
.wisdom2 .item p{ font-size: 18px; line-height: 1.8;}
@media (min-width:992px){
.wisdom2{ margin-top: -60px;}
.wisdom2 .container{ display: flex; justify-content: space-between;}
.wisdom2 .item:hover{ box-shadow: 0 0 10px 3px #cecece;}
}
@media (min-width:1px) and (max-width:991px){
.wisdom2{ padding: 3vw 0;}
.wisdom2 .item{ padding: 2vw 3vw; width: calc((100% - 4vw)/3); float: left; margin-right: 2vw; margin-bottom: 2vw;}
.wisdom2 .item i{ font-size: 24px; margin-bottom: 3vw;}
.wisdom2 .item p{ font-size: 12px;}
.wisdom2 .item:nth-child(3n){ margin-right: 0;}
}

.wisdom3{ overflow: hidden; padding: 30px 0;}
.wisdom3 .item{ overflow: hidden; border-radius: 20px; margin-top: 30px; position: relative;}
.wisdom3 .item .img{ overflow: hidden;}
.wisdom3 .item .txt{ overflow: hidden; transition: all 0.35s ease; font-size: 16px; line-height: 1.8;}
@media (min-width:992px){
.wisdom3 .item .txt{ position: absolute; left: 0%; top: 00%; width: 100%; height: 100%; overflow: hidden; color: #fff; box-sizing: border-box; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.5); transform: scale(0); padding: 31px;}
.wisdom3 .item .txt:before{ content: ""; position: absolute; left: 25px; top: 25px; right: 25px; bottom: 25px; border: 1px solid #fff;}
.wisdom3 .item:hover .txt{ transform: scale(1)}
}
@media (min-width:1px) and (max-width:991px){
.wisdom3{ padding: 0 0 3vw 0;}
.wisdom3 .item .img{ margin-bottom: 2vw;}
.wisdom3 .item .txt{ font-size: 12px;}
}

.wisdom4{ overflow: hidden; padding: 30px 0; background: #ECEFF6;}
.wisdom4 .list{ overflow: hidden; margin-top: 30px;}
.wisdom4 .list .img{ overflow: hidden;}
.wisdom4 .list .img img{ }
.wisdom4 .list .txt{}
.wisdom4 .list .txt .item{ width: calc((100% - 40px)/3); float: left; margin-right: 20px; margin-bottom: 20px; text-align: center;}
.wisdom4 .list .txt .item a{ display: block; overflow: hidden; border-radius: 15px;}
.wisdom4 .list .txt .item img{ transition: all 0.35s ease;}
.wisdom4 .list .txt .item h3{ font-size: 18px; color: #333; line-height: 1.6;}
.wisdom4 .list .txt .item:nth-child(3n){ margin-right: 0;}
@keyframes xuanzhuan{
      0%{ transform:rotate(0deg);}
      25%{ transform:rotate(90deg);}
      50%{ transform:rotate(180deg);}
      75%{ transform:rotate(270deg);}
      100%{ transform:rotate(360deg);}
}
@media (min-width:992px){
.wisdom4 .list{ display: flex; justify-content: space-between; align-items: center;}
.wisdom4 .list .img{ flex: 1; margin: 0;}
.wisdom4 .list .img:hover img{  animation: xuanzhuan 0.35s 1;}
.wisdom4 .list .txt{ flex: 1; margin: 0;}
.wisdom4 .list .txt .item:hover img{ transform: scale(1.1)}
}
@media (min-width:1px) and (max-width:991px){
.wisdom4{ padding: 3vw 0;}
.wisdom4 .list{ margin-top: 3vw;}
.wisdom4 .list .txt .item{ width: calc((100% - 4vw)/3); margin-right: 2vw; margin-bottom: 2vw;}
.wisdom4 .list .txt .item h3{ font-size: 12px;}
}

.wisdom5{ overflow: hidden; padding: 30px 0; }
.wisdom5 .list{ overflow: hidden; position: relative; margin-top: 60px;}
.wisdom5 .list .img{ }
.wisdom5 .list .img .imgbg{}
.wisdom5 .list .img .imglist{ }
.wisdom5 .list .img .imglist1{}
.wisdom5 .list .item{overflow: hidden; display: flex; flex-direction: row; width: 400px;}
.wisdom5 .list .item .txt{ flex: 1;}
.wisdom5 .list .item .txt span{ font-size: 24px; color: #bbb; font-weight: 700; transition:all 0.4s;}
.wisdom5 .list .item .txt h3{ font-size: 20px; color: #222; font-weight: 700; transition: all 0.4s; margin-bottom: 20px;}
.wisdom5 .list .item .txt p{ font-size: 14px; line-height: 1.6; font-weight: 700; color: #222; transition: all 0.4s; text-indent:2em; text-align:left;}
.wisdom5 .list .item .fontimg{ width: 70px; height: 70px; display: flex; justify-content: center; align-items: center; color: #fff; position: relative; margin: 10px;}
.wisdom5 .list .item .fontimg:before{ content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border-radius: 50%; background: #016a7d; z-index: -1}
.wisdom5 .list .item .fontimg:after{ content: ""; position: absolute; left: -10px; top: -10px; right: -10px; bottom: -10px; border-radius: 50%; background: #016a7d; z-index: -2; opacity: 0; transition: all 0.4s;}
.wisdom5 .list .item .fontimg i{ font-size: 30px;}
.wisdom5 .list .item:hover .txt span{ color: #016a7d;}
.wisdom5 .list .item:hover .txt h3{ color: #016a7d;}
.wisdom5 .list .item:hover .txt p{ color: #016a7d;}
.wisdom5 .list .item:hover .fontimg:after{ opacity: 0.3;}

@media (min-width:992px){
.wisdom5 .list .img{ width: 525px; height: 525px; position: relative; margin: 0 auto; }
.wisdom5 .list .img .imgbg{ width: 525px; height: 525px; position: relative; margin: 0 auto; border-radius: 50%; border: 1px solid #016a7d; opacity: 0.1}
.wisdom5 .list .img .imglist{ position: absolute; left: 34px; right: 34px; top:34px; bottom: 34px;}
.wisdom5 .list .img .imglist img{ height: 100%;}
.wisdom5 .list .img .imglist1{ width: 457px; height: 457px; border-radius: 50%; border: 1px solid #016a7d; opacity: 0.2;}
.wisdom5 .list .img .imglist2{position:absolute;top:33px; left:33px;width:200px;height:200px;border-top:2px solid #2067d1;border-left:2px solid #2067d1;border-radius:200px 0 0 0}
.wisdom5 .list .img .imglist3{position:absolute;top:204px;right:34px;bottom:34px;left:104px;width:387px;height:193.5px;border-top:1px solid #2067d1;border-right:1px solid #2067d1;border-bottom:1px solid transparent!important;border-left:1px solid #2067d1;border-radius:387px 387px 0 0;transform:rotate(135deg)}
.wisdom5 .list .img .imglist3:before{position:absolute;top:194px;left:-7px;width:10px;height:10px;border:1px solid #2067d1;border-radius:50%;content:""}
.wisdom5 .list .img .imglist3:after{position:absolute;top:194px;left:381px;width:10px;height:10px;border:1px solid #2067d1;border-radius:50%;content:""}
.wisdom5 .list .img .imglist4{position:absolute;top:50%;left:50%;width:320px;height:320px;transform:translate(-50%,-50%)}
.wisdom5 .list .item:nth-child(2){ position: absolute; top: 10px; left: 55px; text-align: right;}
.wisdom5 .list .item:nth-child(2) .txt{ margin-right: 30px;}
.wisdom5 .list .item:nth-child(3){ position: absolute; top: 10px; right: 55px; flex-direction: row-reverse;}
.wisdom5 .list .item:nth-child(3) .txt{ margin-left: 30px;}
.wisdom5 .list .item:nth-child(4){ position: absolute; bottom: 0px; left: 0px; text-align: right;}
.wisdom5 .list .item:nth-child(4) .txt{ margin-right: 30px;}
.wisdom5 .list .item:nth-child(5){ position: absolute; bottom: 0px; right: 0px; flex-direction: row-reverse;}
.wisdom5 .list .item:nth-child(5) .txt{ margin-left: 30px;}
.wisdom5 .list .item:nth-child(5) .txt p{ height: 110px}
}
@media (min-width:1px) and (max-width:991px){
.wisdom5{ padding: 3vw 0;}
.wisdom5 .list{ margin-top: 3vw;}
.wisdom5 .list .item{ width: auto; background: #f5f5f5; padding: 3vw; margin-bottom: 2vw; display: block;}
.wisdom5 .list .item .txt span{ font-size: 20px}
.wisdom5 .list .item .txt h3{ font-size: 16px; margin-bottom: 2vw;}
.wisdom5 .list .item .txt p{ font-size: 12px;}
.wisdom5 .list .item .fontimg{ display: none;}
}

.wisdom6{ overflow: hidden; padding: 30px 0; background: #eceff6;}
.wisdom6 .list{ overflow: hidden; margin-top: 30px;}
.wisdom6 .list li{ font-size: 16px; padding: 10px 30px; border-radius: 5px; color: #333; display: inline-block; margin-right: 20px; border: 1px solid #e1e2e4; cursor: pointer;}
.wisdom6 .list li.active{ background: #60bee4; border-color: #60bee4; color: #fff;}
.wisdom6 .list .txt{ overflow: hidden; margin-top: 30px;}
.wisdom6 .list .txt p{ font-size: 16px; line-height: 1.8; color: #333; font-weight: 400;}
.wisdom6 .list .txt .img{ overflow: hidden; margin-top: 20px;}
.wisdom6 .list .txt .img img{ width: 100%}
@media (min-width:992px){
}
@media (min-width:1px) and (max-width:991px){
.wisdom6{ padding: 3vw 0;}
.wisdom6 .list{ margin-top: 3vw;}
.wisdom6 .list li{ font-size: 12px; padding: 1vw 3vw; margin-right: 2vw;}
.wisdom6 .list .txt{ margin-top: 3vw;}
.wisdom6 .list .txt p{ font-size: 12px; }
.wisdom6 .list .txt .img{ margin-top: 2vw;}
}

.wisdom7{ overflow: hidden; padding: 30px 0; }
.wisdom7 .list{ overflow: hidden; margin-top: 30px;}
.wisdom7 .list .big_img{ overflow: hidden; border: 1px solid #d5d5d5;}
.wisdom7 .list .small_img{ overflow: hidden; position: relative; margin-top: 20px;}
.wisdom7 .list .small_img .btn{ position: absolute; top: 50%; transform: translateY(-50%); z-index: 3; cursor: pointer;}
.wisdom7 .list .small_img .btn i{ font-size: 24px;}
.wisdom7 .list .small_img .btn-prev{ left: 0;}
.wisdom7 .list .small_img .btn-next{ right: 0;}
.wisdom7 .list .small_img .swiper-slide{ overflow: hidden; margin: 0; border: 1px solid #f5f5f5; box-sizing: border-box;}
.wisdom7 .list .small_img .swiper-slide-active{ border-color: #60bee4;}
@media (min-width:992px){
}
@media (min-width:1px) and (max-width:991px){
.wisdom7{ padding: 3vw 0;}
.wisdom7 .list{ margin-top: 3vw;}
}

.wisdom8{ overflow: hidden; padding: 30px 0; background: #eceff6;}
.wisdom8 .wisdomtitle h2{ color: #016a7d; position: relative; padding-bottom: 20px;}
.wisdom8 .wisdomtitle h2:after{ content: ""; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 50px; height: 4px; background: #016A7D;}
.wisdom8 .list{ overflow: hidden; margin-top: 30px; display: flex; justify-content: space-between; background: #fff;}
.wisdom8 .list .item{ text-align: center; padding: 20px 0; position: relative;}
.wisdom8 .list .item img{ width: 50px;}
.wisdom8 .list .item h3{ margin: 15px 0; font-size: 14px;}
.wisdom8 .list .item:before{ content: ""; position: absolute; top: 20px; bottom: 20px; right: 0; width: 1px; background: #ccc;}
.wisdom8 .list .item:last-child:before{ display: none;}
@media (min-width:992px){
.wisdom8 .list .item{ flex: 1; margin: 0;}
.wisdom8 .list .item:hover{ background: #60BEE4}
.wisdom8 .list .item:hover img{ -webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}
.wisdom8 .list .item:hover h3{ color: #fff;}
}
@media (min-width:1px) and (max-width:991px){
.wisdom8{ padding: 3vw 0;}
.wisdom8 .wisdomtitle h2{ padding-bottom: 2vw;}
.wisdom8 .list{ margin-top: 3vw;}
.wisdom8 .list .item{ padding: 3vw 0; flex: 1; margin: 0;}
.wisdom8 .list .item img{ width: 40px;}
.wisdom8 .list .item h3{ margin: 1vw 0; font-size: 12px;}
}

.wisdom9{ overflow: hidden; padding: 30px 0; }
.wisdom9 .list{ overflow: hidden; margin-top: 30px; }
.wisdom9 .list .item{ width: calc((100%)/6); float: left; text-align: center; border-right: 1px solid #eee; border-bottom: 1px solid #eee; box-sizing: border-box; padding-bottom: 20px;}
.wisdom9 .list .item img{}
.wisdom9 .list .item h3{ font-size: 14px; color: #666;}
@media (min-width:992px){
.wisdom9 .list .item:nth-child(6n){ border-right: 0;}
}
@media (min-width:1px) and (max-width:991px){
.wisdom9{ padding: 3vw 0;}
.wisdom9 .list{ margin-top: 3vw;}
.wisdom9 .list .item{ width: calc((100%)/3); }
.wisdom9 .list .item:nth-child(3n){ border-right: 0;}
}

.wisdom10{ overflow: hidden; padding: 30px 0; background: #60bee4;}
.wisdom10 .wisdomtitle h3{ color: #fff;}
.wisdom10 .list{ overflow: hidden; margin-top: 30px; }
.wisdom10 .list ul{ text-align: center;}
.wisdom10 .list li{ font-size: 16px; padding: 10px 30px; border-radius: 5px; color: #fff; display: inline-block; margin-right: 20px; border: 1px solid #e1e2e4; cursor: pointer;}
.wisdom10 .list li.active{ background: #fff; border-color: #fff; color: #333;}
@media (min-width:992px){
}
@media (min-width:1px) and (max-width:991px){
.wisdom10{ padding: 3vw 0;}
.wisdom10 .list{ margin-top: 3vw;}
.wisdom10 .list li{ font-size: 12px; padding: 1vw 3vw; margin-right: 2vw;}
}

.wisdom11{ overflow: hidden; padding: 30px 0 0 0;}
.wisdom11 ul{ text-align: center; margin: 30px 0;}
.wisdom11 li{ font-size: 16px; padding: 5px 30px; border-radius: 5px; display: inline-block; margin-right: 20px; cursor: pointer;}
.wisdom11 li.active{ background: #60bee4; color: #FFF;}
.wisdom11 .list{ overflow: hidden; padding: 30px 0; background: #eceff6; text-align: center;}
.wisdom11 .list .txt{ overflow: hidden;}
.wisdom11 .list .txt h3{ font-size: 20px; font-weight: bold; margin-bottom: 10px;}
.wisdom11 .list .txt p{ font-size: 16px; line-height: 1.6; margin-bottom: 10px;}
@media (min-width:992px){
.wisdom11 .list .txt{ padding:0 250px 30px 250px; border-bottom: 2px solid #60bee4;}
}
@media (min-width:1px) and (max-width:991px){
.wisdom11{ padding: 3vw 0 1vw 0;}
.wisdom11 ul{ margin: 3vw 0;}
.wisdom11 li{ font-size: 12px; padding: 1vw 3vw; margin-right: 2vw; margin-bottom: 2vw;}
.wisdom11 .list{ padding: 3vw 0;}
.wisdom11 .list .txt h3{ font-size: 14px; margin-bottom: 2vw;}
.wisdom11 .list .txt p{ font-size: 12px; margin-bottom: 2vw;}
}

.wisdom12{ overflow: hidden; padding: 30px 0;}
.wisdom12 .list{ overflow: hidden; margin-top: 30px; position: relative;}
.wisdom12 .list img{ width: 100%;}
.wisdom12 .list .txt{ font-size: 24px;font-weight: bold;}
@media (min-width:992px){
.wisdom12 .list .txt{ position: absolute; top: 50px; left: 590px; width: 500px;}
}
@media (min-width:1px) and (max-width:991px){
.wisdom12{ padding: 3vw 0;}
.wisdom12 .list{ margin-top: 3vw;}
.wisdom12 .list .txt{ font-size: 12px; margin-top: 2vw;}
}

.wisdom13{ overflow: hidden; padding: 0 0 30px 0;}
.wisdom13 .list{  margin-top: 30px; }
.wisdom13 .list>.item{ width: calc((100% - 60px)/4); float: left; margin-right: 20px; text-align: center; padding: 60px; box-sizing: border-box;}
.wisdom13 .list>.item .img{ width: 48px; position: relative;}
.wisdom13 .list>.item .img:before{ content: ""; width: 20px; height: 20px; position: absolute; top: -15px; left: -15px; border-top: 1px solid #60bee4; border-left: 1px solid #60bee4; transition: all 0.35s ease;}
.wisdom13 .list>.item .img:after{ content: ""; width: 20px; height: 20px; position: absolute; top: -15px; right: -15px; border-top: 1px solid #60bee4; border-right: 1px solid #60bee4; transition: all 0.35s ease;}
.wisdom13 .list>.item .img span:before{ content: ""; width: 20px; height: 20px; position: absolute; bottom: -15px; left: -15px; border-bottom: 1px solid #60bee4; border-left: 1px solid #60bee4; transition: all 0.35s ease;}
.wisdom13 .list>.item .img span:after{ content: ""; width: 20px; height: 20px; position: absolute; bottom: -15px; right: -15px; border-bottom: 1px solid #60bee4; border-right: 1px solid #60bee4; transition: all 0.35s ease;}
.wisdom13 .list>.item .txt{ overflow: hidden; margin-top: 40px;}
.wisdom13 .list>.item .txt h3{ font-size: 18px; margin-bottom: 20px;}
.wisdom13 .list>.item .txt p{ font-size: 14px;}
@media (min-width:992px){
.wisdom13 .list>.item:nth-child(4n){ margin-right: 0;}
.wisdom13 .list>.item:hover{ box-shadow: 0 0 15px #d5d5d5;}
.wisdom13 .list>.item:hover .img:before{ top: -10px; left: -10px; }
.wisdom13 .list>.item:hover .img:after{ top: -10px; right: -10px;}
.wisdom13 .list>.item:hover .img span:before{ bottom: -10px; left: -10px;}
.wisdom13 .list>.item:hover .img span:after{ bottom: -10px; right: -10px;}
}
@media (min-width:1px) and (max-width:991px){
.wisdom13{ overflow: hidden; padding: 0 0 3vw 0;}
.wisdom13 .list{  margin-top: 3vw; }
.wisdom13 .list>.item{ width: calc((100% - 2vw)/2); margin-right: 2vw; margin-bottom: 2vw; padding: 3vw;}
.wisdom13 .list>.item .txt{ margin-top: 6vw;}
.wisdom13 .list>.item .txt h3{ font-size: 14px; margin-bottom: 2vw;}
.wisdom13 .list>.item .txt p{ font-size: 12px;}
.wisdom13 .list>.item:nth-child(2n){ margin-right: 0;}
}


/*服务项目*/
.service{ overflow: hidden; background: #eee;}
.service .title{ background: none;}
.service .title h2{ background: #eb0303;}
.service .list{ overflow: hidden; padding: 30px 15px 15px 15px; background: #fff;}
.service .list .txt{ overflow: hidden;}
.service .list .txt>h3{ font-size: 24px; color: #eb0303; line-height: 2;}
.service .list .txt>h3.text-center{ text-align: center;}
.service .list .txt>p{ font-size: 14px; color: #666;}
.service .list .txt>.item{ overflow: hidden; margin-bottom: 10px;}
.service .list .txt>.item.fl{ float: left; width: 48%}
.service .list .txt>.item.fr{ float: right; width: 48%}
.service .list .txt>.item>h4{ font-size: 18px; color: #FF0000; margin-bottom: 10px}
.service .list .txt>.item>h5{ font-size: 16px; color: #f90; margin-bottom: 10px}
.service .list .txt>.item li{ overflow: hidden; margin-bottom: 10px; line-height: 1.8; display: flex; align-items: center;}
.service .list .txt>.item li span{ display: inline-block; padding: 4px 8px; background: #d3d3d3; text-align: center; color: #fff; line-height: normal; margin-right: 5px;}
.service .list .txt>.item li i{ display: inline-block; margin: 0 3px;}

.service1{ overflow: hidden; }
.service1 .title{ background: #ddd;}
.service1 .title h2{ background: #f90;}
.service1 .list .txt:first-child{ border-right-color: #f90;}
.service1 .list .txt>.item>h4{ color: #f90;}

.service2{ overflow: hidden; }
.service2 .title{ background: #ddd;}
.service2 .title h2{ background: #6ede3e;}
.service2 .list .txt:first-child{ border-right-color: #6ede3e;}
.service2 .list .txt>.item>h4{ color: #6ede3e;}

.service3{ overflow: hidden; }
.service3 .title{ background: #ddd;}
.service3 .title h2{ background: #dd127b;}
.service3 .list .txt:first-child{ border-right-color: #dd127b;}
.service3 .list .txt>.item>h4{ color: #dd127b;}

.service4{ overflow: hidden; }
.service4 .title{ background: #ddd;}
.service4 .title h2{ background: #00f;}
.service4 .list .txt:first-child{ border-right-color: #00f;}
.service4 .list .txt>.item>h4{ color: #00f;}

.service5{ overflow: hidden; }
.service5 .title{ background: #ddd;}
.service5 .title h2{ background: #90f;}
.service5 .list .txt:first-child{ border-right-color: #90f;}
.service5 .list .txt>.item>h4{ color: #90f;}

.service6{ overflow: hidden; }
.service6 .title{ background: #ddd;}
.service6 .title h2{ background: #980000;}
.service6 .list .txt:first-child{ border-right-color: #980000;}
.service6 .list .txt>.item>h4{ color: #980000;}

.service7{ overflow: hidden; }
.service7 .title{ background: #ddd;}
.service7 .title h2{ background: #0079c3;}
.service7 .list .txt:first-child{ border-right-color: #0079c3;}
.service7 .list .txt>.item>h4{ color: #0079c3;}

.service8{ overflow: hidden;}
.service8 .title{ background: #ddd;}
.service8 .title h2{ background: #f90;}
.service8 .list .txt:first-child{ border-right-color: #f90;}
.service8 .list .txt>.item>h4{ color: #f90;}
@media (min-width:992px){
.service .list{ display: flex;} 
.service .list .txt{ margin: 0; flex: 1;}
.service .list .txt:first-child{ padding-right: 30px; border-right: 1px solid #eb0303;}
.service .list .txt:last-child{ padding-left: 30px;}
.thereon .list .txt .item .img:nth-child(2n){ margin-right: 0;}
}
@media (min-width:1px) and (max-width:991px){
.service .list{ padding: 3vw 1.5vw 1.5vw 1.5vw; }
.service .list .txt>h3{ font-size: 16px;}
.service .list .txt>p{ font-size: 12px;}
.service .list .txt>.item{ margin-bottom: 1vw;}
.service .list .txt>.item>h4{ font-size: 14px; margin-bottom: 1vw;}
.service .list .txt>.item li{ font-size: 12px;}
}

/*视频中心*/
.videolist{ overflow: hidden; padding: 30px 0;}
.videolist .ipto{ width: calc((100% - 40px)/3); float: left; margin-right: 20px; margin-bottom: 20px; cursor: pointer;}
.videolist .ipto .ipti{ overflow: hidden; position: relative;}
.videolist .ipto .ipti img{ width: 100%; transition: all 0.35s;}
.videolist .ipto .ipti i{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 2; color: #fff; font-size: 40px;}
.videolist .ipto .iptz{ overflow: hidden;}
.videolist .ipto .iptz h3{ font-size: 18px; color: #333; font-weight: bold; line-height: 2; text-align: center;}
@media (min-width:992px){
.videolist .ipto:nth-child(3n){ margin-right: 0;}
.videolist .ipto:nth-child(3n+1){ clear:both;}
.videolist .ipto:hover .ipti img{ transform: scale(1.1);}
}
@media (min-width:1px) and (max-width:991px){
.videolist{ padding: 3vw 0;}
.videolist .ipto{ width: calc((100% - 2vw)/2); margin-right: 2vw; margin-bottom: 2vw; }
.videolist .ipto:nth-child(2n){ margin-right: 0;}
.videolist .ipto .iptz h3{ font-size: 12px;}
}


/*产品中心*/
.outputlist{ overflow: hidden; }
.outputlist>h2{ background: #eee; margin-bottom: 15px; padding: 5px 10px; border-radius: 5px; display: flex; align-items: center; justify-content: space-between;}
.outputlist>h2>a{ font-size: 24px; color: #4db4cb; font-weight: 700;}
.outputlist>h2>a.more{ margin: 0; display: inline-flex; font-size: 14px; color: #545454; font-weight: 400;}
.outputlist>p{ font-size: 16px; padding-bottom: 10px; line-height: 2; color: #666;}
.outputlist>.list{ overflow: hidden;}
.outputlist>.list .ipto{ width: calc((100% - 60px)/4); float: left; margin-right: 20px; margin-bottom: 20px;}
.outputlist>.list .ipto .ipti{ overflow: hidden; position: relative;}
.outputlist>.list .ipto .ipti img{ width: 100%; transition: all 0.35s ease;}
.outputlist>.list .ipto .iptz{ overflow: hidden; margin-top: 10px;}
.outputlist>.list .ipto .iptz h3{ font-size: 14px;}

.description{ overflow: hidden; padding-bottom: 50px;}
.description>h2{ font-size: 24px; color: #4db4cb; font-weight: 700; line-height: 1.8; margin-bottom: 10px;}
.description>.txt{ font-size: 16px; line-height: 2; color: #333;}

.productslist .ipto{ width: calc((100% - 40px)/3); float: left; margin-right: 20px; margin-bottom: 20px;}
.productslist .ipto .ipti{ overflow: hidden; position: relative;}
.productslist .ipto .ipti img{ width: 100%; transition: all 0.35s ease;}
.productslist .ipto .iptz{ overflow: hidden; margin-top: 10px;}
.productslist .ipto .iptz h3{ font-size: 14px;}
@media (min-width:992px){
.outputlist>h2:hover a{ font-weight: normal;}
.outputlist>h2>a.more:hover{ color: #D83724}
.outputlist>.list .ipto:nth-child(4n){ margin-right: 0;}
.outputlist>.list .ipto:nth-child(4n+1){ clear: both;}
.outputlist>.list .ipto:hover .ipti img{ transform: scale(1.1)}

.productslist .ipto:nth-child(3n){ margin-right: 0;}
.productslist .ipto:nth-child(3n+1){ clear: both;}
.productslist .ipto:hover .ipti img{ transform: scale(1.1)}
}
@media (min-width:1px) and (max-width:991px){
.outputlist>h2{ margin-bottom: 2vw; padding: 2vw 3vw;}
.outputlist>h2>a{ font-size: 14px; }
.outputlist>h2>a.more{ font-size: 12px;}
.outputlist>.list .ipto{ width: calc((100% - 2vw)/2); float: left; margin-right: 2vw; margin-bottom: 2vw;}
.outputlist>.list .ipto .iptz{ margin-top: 1vw;}
.outputlist>.list .ipto .iptz h3{ font-size: 12px;}
.outputlist>.list .ipto:nth-child(2n){ margin-right: 0;}
.outputlist>.list .ipto:nth-child(2n+1){ clear: both;}

.description{ margin-bottom: 2vw;}
.description>h2{ font-size: 16px; margin-bottom: 1vw;}

.productslist .ipto{ width: calc((100% - 2vw)/2); margin-right: 2vw; margin-bottom: 2vw;}
.productslist .ipto .iptz{ margin-top: 1vw;}
.productslist .ipto .iptz h3{ font-size: 12px;}
.productslist .ipto:nth-child(2n){ margin-right: 0;}
.productslist .ipto:nth-child(2n+1){ clear: both;}
}
/*产品详情*/
.details{ position: relative;}
.details .expound{ overflow: hidden;}
.details .expound .expound_l{ overflow: hidden;}
.details .expound .expound_l>.big{ overflow: hidden;}
.details .expound .expound_l>.rtp_small_img{ overflow: hidden; margin-top: 10px;}
.details .expound .expound_l>.rtp_small_img .swiper-slide{ width: calc((100% - 25px)/6); float: left; margin-right: 5px; margin-bottom: 5px; box-sizing: border-box; border: 1px solid #f5f5f5; cursor: pointer;}
.details .expound .expound_l>.rtp_small_img .swiper-slide.active{ border-color: #c40000;}
.details .expound .expound_r{ overflow: hidden;}
.details .expound .expound_r>h1{ font-size: 18px; line-height: 1.8; margin-bottom: 10px;}
.details .expound .expound_r>p{ font-size: 16px; line-height: 1.6; color: #666;}
.details .expound .expound_r>.amount{ display: flex; margin-top: 20px; align-items: center;}
.details .expound .expound_r>.amount span{ font-size: 14px; color: #666;}
.details .expound .expound_r>.amount p{ flex: 1; margin-left: 10px;}
.details .expound .expound_r>.amount p em{ display: inline-flex; font-size: 16px; color: #666; font-style: normal; width: 25px; height: 25px; border: 1px solid #eee; align-items: center; justify-content: center; cursor: pointer;}
.details .expound .expound_r>.amount p input{ width: 50px; height: 25px; border: 1px solid #eee; text-align: center;}
.details .expound .expound_r>.btn{ overflow: hidden; margin-top: 30px;}
.details .expound .expound_r>.btn a{ display: inline-flex; background: #4db4cb; padding: 10px 30px; color: #fff; border-radius: 20px; font-size: 16px; align-items: center; margin-right: 10px;}
.details .expound .expound_r>.btn a i{ display: inline-block; font-size: 20px; margin-right: 5px;}
.details .share{ overflow: hidden; display: flex; align-items: center; padding: 15px 0; border-bottom: 1px solid #dfdfdf;}
.details .share span{ margin: 0; font-size: 14px; color: #666;}
.details .share .bshare-custom{ margin: 0;}
.details .parameter{ overflow: hidden; padding: 15px;}
.details .parameter span{ width: calc((100% - 80px)/3); float: left; margin-right: 40px; font-size: 14px; color: #666;}
.details .parameter span:nth-child(3n){ margin-right: 0;}
.details .detial-scroll{ overflow: hidden; position: sticky; top: 82px; border: 1px solid #dfdfdf; padding-bottom: 18px; display: flex; justify-content: space-between; background: #fff; z-index: 9;}
.details .detial-scroll:after{ content: ""; position: absolute; left: 0; right: 0; top: 70%; transform: translateY(-50%); height: 1px; border-bottom: 1px dashed #d4d4d4;}
.details .detial-scroll>.detailtab{ margin: 0; padding: 7px 15px 5px 15px; font-size: 14px; color: #545454; text-align: center; width: 25%; position: relative; cursor: pointer;}
.details .detial-scroll>.detailtab>i{ display: inline-flex; width: 8px; height: 8px; background: #B2B2B2; position: absolute; left: 50%; transform: translateX(-50%); bottom: -6px; z-index: 2; border-radius: 50%;}
.details .detial-scroll>.detailtab.active,.details .detial-scroll>.detailtab:hover{ color: #4db4cb;}
.details .detial-scroll>.detailtab.active>i,.details .detial-scroll>.detailtab:hover>i{ width: auto; height: auto; background: none; bottom: -12px;}
.details .detial-scroll>.detailtab.active>i:before,.details .detial-scroll>.detailtab:hover>i:before{ content: "\e609";}
.details .xgeffect{ overflow: hidden; margin-top: 20px; border: 1px solid #ddd;}
.details .xgeffect .detailtop{ font-size: 18px; font-weight: bold; border: 1px solid #ddd; background: #f1f1f1; padding: 8px 15px;}
.details .xgeffect .detalist{ padding: 10px 15px; overflow: hidden; font-size: 16px; line-height: 2;}
.details .relatedProducts{ overflow: hidden;}
@media (min-width:992px){
.details .expound{ display: flex; justify-content: space-between;}
.details .expound .expound_l{ margin: 0; flex: 1;}
.details .expound .expound_l>.rtp_small_img .swiper-slide:nth-child(6n){ margin-right: 0;}
.details .expound .expound_r{ margin: 0; flex: 1.3; margin-left: 30px;}
.details .relatedProducts .ipto:nth-child(4){ display: none;}
}
@media (min-width:1px) and (max-width:991px){
.details .expound .expound_r{ margin-top: 2vw;}
.details .expound .expound_r>.btn{ margin-top: 3vw;}
.details .expound .expound_r>.btn a{ padding: 1vw 3vw; font-size: 12px;}
.details .expound .expound_r>.btn a i{ font-size: 14px;}
.details .parameter{ padding: 2vw;}
.details .parameter span{ width: auto; margin-right: 0; display: block; float: none;}
.details .detial-scroll{ top: 50px;}
.details .detial-scroll>.detailtab{ padding: 1vw; font-size: 10px;}
.details .xgeffect{ margin-top: 3vw;}
.details .xgeffect .detailtop{ font-size: 16px; padding: 1vw 3vw;}
}

/*产品订单*/
.Inquiry{ overflow: hidden; }
.Inquiry h2{ font-size: 20px; text-transform: uppercase; margin-bottom: 10px; color: #262626; }
.Inquiry p{overflow: hidden; font-size: 16px; line-height: 1.6em; color: #939393; }
.onlineInquiry{ overflow: hidden;}
.onlineInquiry .input{ overflow: hidden; display: flex; align-items: center; background: #f5f8fa; border: 1px solid #d8d8d8; box-sizing: border-box; padding:0  5px; margin-bottom: 25px;}
.onlineInquiry .input.textarea{ align-items: stretch;}
.onlineInquiry .input.textarea>label{ padding: 5px 15px 5px 0;}
.onlineInquiry .input>label{ font-size: 14px; color: #6b6b6b; white-space: nowrap;text-overflow: ellipsis;}
.onlineInquiry .input>input{ flex: 1; background: none; line-height: 35px; box-sizing: border-box; padding: 0 5px;}
.onlineInquiry .input>textarea{ flex: 1; background: none; border: 0; outline: none; padding: 8px 0; box-sizing: border-box; resize: none}
.onlineInquiry .button{ overflow: hidden; width: 100%; float: left;}
.onlineInquiry .button>button{ border: 0; padding: 0px 30px; line-height: 35px; position: relative; font-size: 17px; display: inline-block; transition: all 0.35s; z-index: 1; cursor: pointer; color: #fff; outline: none;overflow: hidden;}
.onlineInquiry .button>button:before{ content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 100%; background: #1f1f1f; z-index: -2;}
.onlineInquiry .button>button:after{ content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 0; background: #3d66ab; transition: 0.35s; z-index: -1;}
.onlineInquiry .button>button:hover:after{ width: 100%;}

.InquiryMob{ position: fixed;  z-index: 99; top: 50%; left: 50%; transform: translate(-50%,-50%);  box-sizing: border-box; padding: 5vw; width: 90%; display: none;}
.InquiryMob:before{ position: absolute; left: 0; top:0; right: 0; bottom: 0; background: rgba(0,0,0,0.8); content: ""; z-index: -1;}
.InquiryMob .onlineInquiry{ background: #fff; padding: 3vw; margin-top: 20px;}
.InquiryMob .close{ display: inline-flex; width: 24px; height: 24px; float: right; background: #fff; justify-content: center; align-items: center; cursor: pointer;}

.InquiryMobbtn{ position: fixed; top: 50%; right: 15px; z-index: 9; background: #fff; border: 1px solid #d5d5d5; margin-bottom: 10px; text-align: center; font-size: 12px; padding: 1vw;}
.InquiryMobbtn i{ font-size: 20px;}

@media (min-width:992px)  {
.InquiryMobbtn{  display: none;}
.onlineInquiry .input.w33{ width: calc(33.33% - 17px); float: left; margin-right: 25px;}
.onlineInquiry .input.w50{ width: calc(50% - 15px); margin-right: 30px;}
.onlineInquiry .input.end{ margin-right: 0}
.onlineInquiry .input.w67{ width: calc(66.67% - 10px); float: left;}
}

@media (min-width:1px) and (max-width:991px) {
.Inquiry{ }
.Inquiry h2{ font-size: 18px; margin-bottom: 10px;}
.Inquiry p{ font-size: 12px; line-height: 1.6}
.onlineInquiry{}
.onlineInquiry .input{ display: flex;}
.onlineInquiry .input>label{ font-size: 14px; padding-right: 15px; display: flex;}
.onlineInquiry .input>input{ width: 100%;}
.onlineInquiry .input>textarea{ width: 100%}
.onlineInquiry .input p{ font-size: 12px; line-height: 18px;}
.onlineInquiry .button>button{ line-height: 34px;}
}



/*资料页*/
.landing{ overflow: hidden; padding: 30px 0; background: url("../images/1_28.jpg") no-repeat center center / cover; background-attachment: fixed;}
.landing>div>h2{ font-size: 36px; font-weight: bold; line-height: 3; color: #fff; text-transform: uppercase; text-align: center;}
.landing>div>p{ font-size: 18px; line-height: 1.7; color: #fff; text-align: center;}
.landing .list{ overflow: hidden; margin-top: 40px;}
.landing .list li{ background: rgba(255,255,255,0.35); font-size: 20px; text-align: center; color: #fff; cursor: pointer;}
.landing .list li.active{ background: #4db4cb;}
.landing .list .txt{ overflow: hidden; font-size: 16px; line-height: 2.3; color: #fff;}
.landing .context{ display: flex; margin-top: 50px; justify-content: space-between;}
.landing .context .item{ margin: 0; flex: 1; color: #fff; text-align: center; margin-right: 30px;}
.landing .context .item img{}
.landing .context .item p{ font-size: 14px; line-height: 1.6;}
@media (min-width:992px){
.landing .list{ display: flex; justify-content: space-between;}
.landing .list ul{ width: 160px; margin: 0;}
.landing .list li{ line-height: 65px; margin-bottom: 10px;}
.landing .list .txt{ flex: 1; margin-left: 60px;}
.landing .context .item:last-child{ margin-right: 0}
}
@media (min-width:1px) and (max-width:991px){
.landing{ padding: 3vw 0;}
.landing>div>h2{ font-size: 16px; line-height: 2;}
.landing>div>p{ font-size: 12px;}
.landing .list{ margin-top: 3vw;}
.landing .list li{ display: inline-flex; font-size: 12px; padding: 1vw 3vw; margin-bottom: 2vw;}
.landing .list .txt{ font-size: 12px; line-height: 1.7}
.landing .context{ margin-top: 3vw; flex-wrap: wrap;}
.landing .context .item{ flex: none; width: calc((100% - 4vw)/3); margin-right: 2vw; margin-bottom: 2vw;}
.landing .context .item p{ font-size: 12px;}
.landing .context .item:nth-child(3n){ margin-right: 0}
}

.landing1{ overflow: hidden; padding: 30px 0; }
.landing1>div>h2{ font-size: 36px; font-weight: bold; line-height: 1.8; color: #60bee4; text-align: center;}
.landing1>div>p{ font-size: 18px; line-height: 1.7; text-align: center;}
.landing1 .list{ overflow: hidden; margin-top: 40px;}
@media (min-width:992px){
}
@media (min-width:1px) and (max-width:991px){
.landing1{ padding: 3vw 0;}
.landing1>div>h2{ font-size: 16px;}
.landing1>div>p{ font-size: 12px;}
.landing1 .list{ margin-top: 3vw;}
}

/*共用*/
.cutover{ overflow: hidden; margin: 20px 0; display: flex; justify-content: space-between;}
.cutover a{ margin: 0; background: #efefef; border: 1px solid #ddd; padding: 10px; font-size: 14px; color: #666; border-radius: 10px; overflow: hidden; max-width: 45%; text-overflow:ellipsis; white-space:nowrap; box-sizing: border-box;}
.taglist{ overflow: hidden; margin-top: 20px;}
.taglist a{ display: inline-flex; font-size: 14px; color: #545454; margin: 0 10px 10px 0; padding: 4px 12px; border: 1px solid #ddd; border-radius: 50px;}
.taglist a:hover{ color: #DD127B;}
@media (min-width:992px){
}
@media (min-width:1px) and (max-width:991px){
.cutover{ margin: 3vw 0;}
.cutover a{ font-size: 10px;}
}

/*联系我们*/
.contactusinfo{ overflow: hidden; padding: 30px 0;}
.contactusinfo .lxfs{ overflow: hidden; }
.contactusinfo .lxfs>p{ font-size: 14px; line-height: 1.8em; color: #666;}
.contactusinfo .lxfs .list{ overflow: hidden;}
.contactusinfo .lxfs .list .item{ padding: 30px; border: 1px solid #ddd; text-align: center;}
.contactusinfo .lxfs .list .item .img{ overflow: hidden; margin-bottom: 20px;}
.contactusinfo .lxfs .list .item>h3{ font-size: 24px; color: #333; line-height: 1.8;}
.contactusinfo .lxfs .list .item>p{ font-size: 16px; color: #666; line-height: 1.8;}
.contactusinfo .lxfs .list .item>p span{ display: block;}
.contactusinfo .lxfs .list .item>p span i{ margin-right: 5px;}
.maps{ overflow: hidden;}
.maps iframe{ width: 100%; height: 220px;}
.contactusinfo1{ overflow: hidden; padding-bottom: 30px;}
.contactusinfo1 .item{ overflow: hidden;}
.contactusinfo1 .item h2{ font-size: 24px; font-weight: 700; color: #333; margin-bottom: 20px;}
@media (min-width:992px){
.contactusinfo .lxfs .list{ display: flex; justify-content: space-between; margin-top: 10px;}
.contactusinfo .lxfs .list .item{ flex: 1; margin: 0; margin-right: 20px;}
.contactusinfo .lxfs .list .item:nth-child(3){ margin-right: 0;}
.salesman .list .ipto:hover .ipti img{ transform: scale(1.1)}
.salesman .list .ipto:hover .iptz a{ background: #fff; color: #60bee4;}
.salesman .list .ipto:nth-child(3n){ margin-right: 0;}
.contactusinfo1{ display: flex;}
.contactusinfo1 .item{ flex: 1;}
.contactusinfo1 .item:first-child{ margin-right: 10px;}
.contactusinfo1 .item:last-child{ margin-left: 10px;}
}
@media (min-width:1px) and (max-width:991px){
.maps iframe{ height: 200px;}
.contactusinfo{ padding: 3vw 0;}
.contactusinfo .lxfs>p{ font-size: 12px; margin-bottom: 3vw;}
.contactusinfo .lxfs .list .item{ padding: 3vw; margin-bottom: 2vw;}
.contactusinfo .lxfs .list .item .img{ margin-bottom: 2vw;}
.contactusinfo .lxfs .list .item>h3{ font-size: 14px; }
.contactusinfo .lxfs .list .item>p{ font-size: 12px;}
.contactusinfo1 .item{ margin-bottom: 2vw;}
.contactusinfo1 .item h2{ font-size: 16px; margin-bottom: 2vw;}
}

.salesman{ overflow: hidden;}
.salesman h2{ background: #60bee4; font-size: 18px; color: #fff; font-weight: 700; line-height: 2.5em; padding: 0 20px;}
.salesman .list{ overflow: hidden; margin-top: 30px;}
.salesman .list .ipto{ width: calc((100% - 40px)/3); float: left; margin-right: 20px; margin-bottom: 20px;}
.salesman .list .ipto .ipti{ overflow: hidden;}
.salesman .list .ipto .ipti img{ width: 100%; transition: all 0.35s;}
.salesman .list .ipto .iptz{ overflow:hidden; padding: 20px; background: #60bee4; color: #fff;}
.salesman .list .ipto .iptz>h3{ font-size: 24px; font-weight: 400; line-height: 2;}
.salesman .list .ipto .iptz>p{ font-size: 14px; font-weight: 400; line-height: 2;}
.salesman .list .ipto .iptz>a{ display: inline-flex; padding: 7px 30px; border: 1px solid #fff; color: #fff; margin-top: 20px; border-radius: 2px; font-size: 14px;}
@media (min-width:992px){
.salesman .list .ipto:nth-child(3n){ margin-right: 0;}
}
@media (min-width:1px) and (max-width:991px){
.salesman h2{ font-size: 16px; line-height: 2; padding: 0 3vw;}
.salesman .list{ margin-top: 3vw;}
.salesman .list .ipto{ width: calc((100% - 2vw)/2); margin-right: 2vw; margin-bottom: 2vw;}
.salesman .list .ipto .iptz{ padding: 3vw;}
.salesman .list .ipto .iptz>h3{ font-size: 14px;}
.salesman .list .ipto .iptz>p{ font-size: 12px;}
.salesman .list .ipto .iptz>a{ margin-top: 2vw; padding: 1vw 3vw; font-size: 12px;}
.salesman .list .ipto:nth-child(2n){ margin-right: 0;}

}

.salesmanlist{ overflow: hidden; padding: 30px 0; background: #de3e91;}
.salesmanlist .img{ width: 280px; height: 280px; margin: 0; box-sizing: border-box; position: relative; display: inline-block;}
.salesmanlist .img .img1{ border-radius: 50%; border: 1px solid #fff; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px;}
.salesmanlist .img .img2{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; transition: all 0.35s;}
.salesmanlist .img .img2:before{ content: ""; position: absolute; top: -3px; right: -2px; width: 140px; height: 140px; border-top: 5px solid #fff; border-right: 5px solid #fff; border-radius: 0px 280px 0 0;}
.salesmanlist .img .img2:after{ content: ""; position: absolute; bottom: -3px; left: -2px; width: 140px; height: 140px; border-left: 5px solid #fff; border-bottom: 5px solid #fff; border-radius: 0px 0px 0 280px;}
.salesmanlist .img .img3{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 250px; border-radius: 50%; overflow: hidden;}
.salesmanlist .txt{ overflow: hidden;}
.salesmanlist .txt>h2{ font-size: 24px; line-height: 2; font-weight: 700;}
.salesmanlist .txt>h3{ font-size: 16px; line-height: 2;}
.salesmanlist .txt>h4{ font-size: 16px; line-height: 2;}
.salesmanlist .txt>h5{ font-size: 16px; line-height: 2;}
.salesmanlist .txt>h5 a{ color: #fff;}
.salesmanlist .txt>.context{ font-size: 16px; line-height: 1.5;}

@media (min-width:992px){
.salesmanlist .container{ display: flex;}
.salesmanlist .img:hover .img2{transform: rotate(360deg)}
.salesmanlist .txt{ flex: 1; margin-left: 40px; color: #fff;}
}
@media (min-width:1px) and (max-width:991px){
.salesmanlist{ text-align: center;}
.salesmanlist .txt{ text-align: left; color: #fff;}
.salesmanlist .txt>h2{ font-size: 18px; }
.salesmanlist .txt>h3{ font-size: 14px; }
.salesmanlist .txt>h4{ font-size: 14px; }
.salesmanlist .txt>h5{ font-size: 14px; }
.salesmanlist .txt>h5 a{ color: #fff;}
.salesmanlist .txt>.context{ font-size: 12px;}
}


/*留言*/
.leave{ overflow: hidden; }

.feedback{ overflow: hidden; }
.feedback .input_div{ overflow: hidden; position:relative; margin-bottom: 20px; box-sizing: border-box; border: 1px solid #e7e7e7; display: flex; background: #fff; padding: 7px 10px;}
.feedback .input_div>label{ background: none; font-size:15px; font-weight: bold; color: #666; display: flex; box-sizing: border-box; vertical-align: middle; line-height: 30px; white-space: nowrap;text-overflow: ellipsis;}
.feedback .input_div>label font{ display: inline-block; padding-right: 5px;} 
.feedback .input_div>textarea{ background:none; border: 0px solid #d8d8d8; width: 100%; float: left; padding:7px 10px; outline: none; resize: none; box-sizing: border-box; height: 80px; color: #333;}
.feedback .input_div>input{ width: 100%; float: left; background: none; border: 0px solid #d8d8d8; box-sizing: border-box; height: 30px; color: #333;}
.feedback input::-webkit-input-placeholder, .feedback textarea::-webkit-input-placeholder{ color: #999; }
.feedback input:-moz-placeholder, .feedback textarea:-moz-placeholder{ color: #999;}
.feedback input::-moz-placeholder, .feedback textarea::-moz-placeholder{ color: #999;}
.feedback input:-ms-input-placeholder, .feedback textarea:-ms-input-placeholder{ color: #999;}
.feedback .input_div #ehong-code{ text-align: center;}
.feedback .button{ overflow: hidden;}
.feedback .button .submit{ background: none; border: 0; padding: 10px 30px; overflow: hidden; position: relative; display: inline-block; color: #fff; font-size: 16px; cursor: pointer; margin-top: 0px; outline: none; z-index: 1;  text-transform: uppercase;}
.feedback .button .submit:before{ content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 100%; background: #00abc7; z-index: -2;}
.feedback .button .submit:after{ content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 0; background: #00abc7; transition: 0.35s; z-index: -1;}
.feedback .button .submit:hover:after{ width: 100%;}
.feedback .button .submit:hover{ }
.feedback .button .reset{ float:left;display:inline-block; box-sizing:border-box;width:46%!important; background:#666;padding:12px 10px;font-size:16px; color:#fff; text-align:center; border:0; cursor:pointer;}
.hidden{ display: none!important;}
@media (min-width:992px)  {
.feedback .w50{ width: calc(50% - 15px); margin-right: 30px;}
.feedback .w33{ width: calc((100% - 20px)/3); margin-right: 10px;}
.feedback .w67{ width: calc(66.77% - 12px); }
.feedback .end{ margin-right: 0;}
.feedback .fl{ float: left;}
.feedback .fr{ float: right; }
}
@media (min-width:1230px) {
.leave .container{ width: 1200px;}
}
@media (min-width:1px) and (max-width:991px) {
.leave{ padding-bottom: 20px;}
.leave h2{ font-size: 16px; margin-bottom: 10px;}
.leave p{ font-size: 12px; margin-bottom: 10px;}
.feedback .input_div>label{ font-size: 14px;}
.feedback{ display: block; margin-top: 15px;}
.feedback .left{ margin-right: 0px;}
.feedback .right{ margin-left: 0px;}
.feedback .w50{ width: auto;}
.feedback .button .submit{ font-size: 14px;}
.feedback .button .submit>i{ font-size: 14px; padding-right: 5px;}
}

/*新闻中心*/
.newslisttop{ overflow: hidden; margin-bottom: 20px;}
.newslisttop h2{ font-size: 18px; font-weight: 700; padding: 10px 30px; color: #fff; background: #4db4cb; border: 1px solid #ddd;}
.newslist{ overflow: hidden;}
.newslist .ipto{ overflow: hidden; background: #fff; margin-bottom: 15px; box-sizing: border-box; padding-bottom: 15px; border-bottom: 1px solid #d5d5d5;}
.newslist .ipto .ipti{ overflow: hidden;}
.newslist .ipto .ipti img{ width: 100%; transition: all 0.35s;}
.newslist .ipto .iptz{  overflow: hidden;}
.newslist .ipto .iptz h3{ font-size: 16px; margin-bottom: 10px;}
.newslist .ipto .iptz h3 a{ display: block; color: #333;}
.newslist .ipto .iptz h3 a i{ margin-right: 5px;}
.newslist .ipto .iptz h4{ font-size: 14px; color: #666; }
.newslist .ipto .iptz h4 i{ margin-right: 5px;}
.newslist .ipto .iptz p{ font-size: 16px; color: #666; line-height: 1.5; border-top: 1px dashed #d5d5d5; margin-top: 5px;}
@media (min-width:992px){
.newslist .ipto{ display: flex;}
.newslist .ipto .ipti{ width: 160px; max-height: 130px;}
.newslist .ipto .iptz{ flex: 1; margin-left: 30px;}
.newslist .ipto:hover .ipti img{ transform: scale(1.1)}
.newslist .ipto:hover .iptz h3 a{ color: #4db4cb}
}
@media (min-width:1px) and (max-width:991px){
.newslisttop{ margin-bottom: 3vw;}
.newslisttop h2{ font-size: 14px; padding: 1vw 3vw;}
.newslisttop h2{ font-size: 14px; padding: 1vw 3vw;}

.newslist .ipto{ display: flex; padding-bottom: 2vw; margin-bottom: 2vw;}
.newslist .ipto .ipti{ display: none;}
.newslist .ipto .iptz h4{ font-size: 12px;}
.newslist .ipto .iptz p{ font-size: 10px;}
.newslist .ipto:nth-child(2n){ margin-right: 0;}
.newslist .ipto:nth-child(2n+1){ clear: both;}
}

.newsdetail{ overflow: hidden; background: #f9f6f6; padding: 15px; box-shadow:  0 0 5px #d5d5d5; }
.newsdetail>h1{ text-align: center; font-size: 24px;}
.newsdetail>p{ text-align: center; margin-top: 10px; font-size: 12px; color: #666;}
.newsdetail>p>span{ display: inline-flex; width: 50px; height: 1px;}
.newsdetail>.share{ overflow: hidden; text-align: center; margin: 15px 0;}
.newsdetail>.share .bshare-custom{ display: inline-block;}
.newsdetail>.context{ overflow: hidden; line-height: 2; font-size: 14px; margin-top: 20px;}
.newsdetail>.relatedProducts{ overflow: hidden;}
.newsdetail>.relatedProducts .ipto{ overflow: hidden; width: calc((100% - 60px)/4); float: left; margin-right: 20px; }
.newsdetail>.relatedProducts .ipto .ipti{ overflow: hidden; height: 160px;}
.newsdetail>.relatedProducts .ipto .iptz{ overflow: hidden; margin-top: 10px;}
.newsdetail>.relatedProducts .ipto .iptz h3{ font-size: 14px; text-align: center; color: #666}
.newsdetail>.xgeffect{ overflow: hidden; margin-top: 20px; border: 1px solid #ddd;}
.newsdetail>.xgeffect .detailtop{ font-size: 18px; font-weight: bold; border: 1px solid #ddd; background: #f1f1f1; padding: 8px 15px;}
.newsdetail>.xgeffect .detalist{ padding: 10px 15px; overflow: hidden; font-size: 16px; line-height: 2;}
@media (min-width:992px){
.newsdetail>.relatedProducts .ipto:nth-child(4n){ margin-right: 0;}
}
@media (min-width:1px) and (max-width:991px){
.newsdetail{ padding: 3vw;}
.newsdetail>h1{ font-size: 18px;}
.newsdetail>.relatedProducts .ipto{ width: auto; float: none; margin: 0;}
.newsdetail>.relatedProducts .ipto .ipti{ display: none;}
.newsdetail>.relatedProducts .ipto .iptz{ margin: 0;}
.newsdetail>.relatedProducts .ipto .iptz h3{ text-align: left; font-size: 12px;}
}

/*案例中心*/
.caselocation{ padding: 50px 0; overflow: hidden;  border-bottom: 1px solid #bfbebe;}
.caselocation h2{ font-size: 30px; font-weight: bold;}
.caselocation h2 img{ margin-right: 25px;}
.caselocation .i-home{ font-size: 20px; display: inline-block; padding-right: 5px;}
.caselocation .i-home:before{ content: "\e604";}
.caselocation .here{ display: inline-block; padding: 0 5px;}
.caselocation .here:before{ content: "/";}
@media (min-width:992px){
.caselocation .container{ width: 1540px; display: flex; align-items: center; justify-content: space-between;}
.caselocation h2{ margin: 0;}
.caselocation p{ margin: 0;}
}
@media (min-width:1px) and (max-width:991px){
.caselocation{ padding: 3vw 0;}
.caselocation h2{ font-size: 20px; margin-bottom: 15px;}
}

.casescategory{ padding: 40px 0; background: #f7f7f7;}
.casescategory h2{ font-size: 18px; font-weight: bold; text-transform: uppercase; margin-bottom: 25px; color: #232323; position: relative; padding-left: 25px;}
.casescategory h2:before{ content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 7px solid #000000;}
.casescategory .bigidclass{ width: 100%; display: inline-block; box-sizing: border-box; position: relative;}
.casescategory .bigidclass>h3{ background: #687b87; height: 40px; line-height: 40px; padding: 0 15px; font-size: 15px; color: #fff; position: relative; cursor: pointer; overflow: hidden;}
.casescategory .bigidclass>h3:before{ content: ""; position: absolute; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #fff; right: 15px; top:50%; transform: translateY(-50%);}
.casescategory .bigidclass>ul{ position: absolute; left: 0; top: 40px; min-width: 100%; height: 0px; z-index: 4; background: #1f1f1f; overflow: hidden; transition: all 0.35s; overflow-y: auto;}
.casescategory .bigidclass>ul::-webkit-scrollbar{width:10px;height:1px;}
.casescategory .bigidclass>ul::-webkit-scrollbar-thumb{border-radius:0px;background:#d8261b;box-shadow:inset 0 0 5px rgba(0,0,0,.2);}
.casescategory .bigidclass>ul::-webkit-scrollbar-track{border-radius:0;background:#fff;box-shadow:inset 0 0 5px rgba(0,0,0,.2);}
.casescategory .bigidclass>ul>li{ border-bottom: 1px solid #fff; padding: 10px 15px; font-size: 14px; color: #fff; cursor: pointer;}
.casescategory .bigidclass>ul>li:hover,.categorylist .bigidclass>ul>li.active{ background: #007cc3;}
.casescategory .bigidclass.on>h3:before{ transform: rotate(-180deg)}
.casescategory .bigidclass.on>ul{ height: auto;}

.casescategory .container>ul>li{ display: inline-block; border: 1px solid #dadada; margin-right: 10px; border-radius: 5px; margin-bottom: 10px;}
.casescategory .container>ul>li>a{ display: block; font-size: 16px; color: #333; padding: 8px 30px;}
.casescategory .container>ul>li:hover,.casescategory .container>ul>li.active{ background: #4db4cb; }
.casescategory .container>ul>li:hover>a,.casescategory .container>ul>li.active>a{ color: #fff;}

@media (min-width:992px) {
.casescategory .container{ width: 1540px;}
.casescategory .bigidclass{ width: 358px; display:none;}
}
@media (min-width:1px) and (max-width:991px) {
.casescategory{ padding: 3vw 0; }
.casescategory .container>ul{ display:none;}
.casescategory .container>ul>li>a{ padding: 8px 15px; font-size: 14px;}
}


.caseslist{ overflow: hidden; padding: 60px 0;}
.caseslist .ipto{ overflow: hidden; margin-bottom: 30px;}
.caseslist .ipto .ipti{ overflow: hidden;}
.caseslist .ipto .ipti img{ width: 100%;}
.caseslist .ipto .iptz{ overflow: hidden; box-sizing: border-box; background: #0198dd;}
.caseslist .ipto .iptz h3{ font-size: 26px; font-weight: bold; margin-bottom: 20px;}
.caseslist .ipto .iptz h3 a{ display: block; color: #fff;}
.caseslist .ipto .iptz h4{ font-family: "Arial"; font-size: 16px; color: #fff;}
.caseslist .ipto .iptz p{ font-size: 16px; line-height: 2; color: #fff; margin-top: 45px;}
.caseslist .ipto .iptz .more{ width: 297px; height: 55px; display: inline-flex; align-items: center; background: url("../images/1_34.png") no-repeat center center / 100% 100%; font-size: 18px; font-weight: bold; color: #56b4ca; margin-top: 45px; text-indent: 60px;}
@media (min-width:992px) {
.caseslist .container{ width: 960px;}
.caseslist .ipto{ display: flex; justify-content: space-between; height: 315px; box-sizing: border-box;}
.caseslist .ipto .ipti{ margin: 0; width: 960px; height: 315px;}
.caseslist .ipto .iptz{ margin: 0; width: 615px; position: relative; z-index: 2; margin-left: -35px; background: url("../images/1_33.png") no-repeat center center / cover; padding: 5.2718% 35px 0 2.6341%;}
.caseslist .ipto .iptz h3{  margin-bottom: 10px;}
.caseslist .ipto .iptz p{ margin-top: 15px;}
.caseslist .ipto .iptz .more{ margin-top: 15px; text-indent: 60px;}
}
@media (min-width:1230px){
	.caseslist .container{ width: 1200px}
	.caseslist .ipto{ height: 425px;}
  .caseslist .ipto .ipti{ height: 425px;}
	.caseslist .ipto .iptz{ padding: 7.2718% 35px 0 4.6341%;}
	.caseslist .ipto .iptz h3{  margin-bottom: 20px;}
	.caseslist .ipto .iptz p{ margin-top: 45px;}
	.caseslist .ipto .iptz .more{ margin-top: 45px; text-indent: 60px;}
}
@media (min-width:1430px){
	.caseslist .container{ width: 1400px}
	.caseslist .ipto{ height: 425px;}
  .caseslist .ipto .ipti{ height: 425px;}
}
@media (min-width:1570px){
	.caseslist .container{ width: 1540px}
	.caseslist .ipto{ height: 515px;}
  .caseslist .ipto .ipti{height: 515px;}
}
@media (min-width:1px) and (max-width:991px) {
.caseslist{ padding: 3vw 0;}
.caseslist .ipto{ overflow: hidden; margin-bottom: 20px;}
.caseslist .ipto .iptz{ padding: 15px;}
.caseslist .ipto .iptz h3{ font-size: 18px; margin-bottom: 10px;}
.caseslist .ipto .iptz p{ font-size: 12px; margin-top: 15px;}
.caseslist .ipto .iptz .more{ margin-top: 15px; font-size: 12px; text-indent: 0px; width: auto; height: auto; padding: 10px 40px; }
}

/*案例详情*/
.casesdetail{  padding: 25px 0;}
.casesdetail .casesdetail_page{ overflow: hidden; margin-bottom: 45px;}
.casesdetail .casesdetail_page .btn{ width: 68px; height: 53px; display: inline-flex; justify-content: center; align-items: center; background: #56b4ca; color: #fff; margin-right: 15px; opacity: 0.3;}
.casesdetail .casesdetail_page .btn i{ font-size: 20px;}
.casesdetail .casesdetail_page .btn.active{ opacity: 1;}
.casesdetail .right{ width: calc((100% - 275px)); float: left;}
.casesdetail .right>h1{ font-size: 26px; font-weight: bold; color: #333; margin-bottom: 15px;}
.casesdetail .right>p{ display: flex; justify-content: space-between; align-items: center;}
.casesdetail .right>p>span{ font-family: "Arial"; font-size: 14px; color: #333;}
.casesdetail .right>p>span i{ color: #56b4ca; margin-right: 10px; display: inline-block;}
.casesdetail .right .bigimg{ overflow: hidden; margin: 30px 0;}
.casesdetail .right .bigimg img{ width: 100%;}
.casesdetail .right .xgeffect{ padding-bottom: 70px; }
.casesdetail .right .xgeffect .divtop{ width: 180px; float: left; margin-top: 15px; padding-bottom: 30px; position: relative;}
.casesdetail .right .xgeffect .divtop:before{ content: ""; position: absolute; width: 14px; height: 20px; left: 0; bottom: 0; background: #989898;}
.casesdetail .right .xgeffect .divtop li{ font-size: 14px; color: #333; padding-top: 5px; padding-bottom: 8px; cursor: pointer;}
.casesdetail .right .xgeffect .divtop li.active{ padding-bottom: 25px; border-top: 1px solid #c5c4c4; font-size: 16px; color: #56b4ca;}
.casesdetail .right .xgeffect .list{ width: calc(100% - 200px); float: right ; overflow: hidden;}
.casesdetail .right .xgeffect .list>h2{ font-size: 18px; font-weight: bold; color: #333; margin-bottom: 35px;}
.casesdetail .right .xgeffect .list>p{ font-size: 16px; line-height: 1.6;}
.casesdetail .right .xgeffect .list>.taglist{}
.casesdetail .right .xgeffect .list>.taglist span{ display: inline-block; font-size: 14px; font-weight: bold; color: #56b4ca; margin-right: 10px;}
.casesdetail .right .xgeffect .list>.taglist a{ display: inline-block; padding: 0; font-size: 14px; color: #9a9a9a; border: 0; padding-right: 10px; border-right: 1px solid #b6b6b6; border-radius: 0;}
.casesdetail .right .xgeffect .list>.taglist a:last-child{ border: 0;}
.casesdetail .right .xgeffect .list>video{ margin-top: 30px;}
.casesdetail .right .xgeffect .list .context{ overflow: hidden;}
.casesdetail .right .xgeffect .list .context img{ max-width: 100%; display: block;}
.casesdetail .right .xgeffect.planning .divtop{ margin-top: -30px;}
.casesdetail .right .xgeffect.planning .list{ border-top: 1px solid #c5c4c4; padding-top: 10px;}
.casesdetail .right .xgeffect.appreciation .divtop{ margin-top: -63px;}
.casesdetail .right .xgeffect.appreciation .list{ border-top: 1px solid #c5c4c4; padding-top: 10px;}
.casesdetail .left{ width: 255px; float: right; padding-top: 49px; }
.casesdetail .left .related{ overflow: hidden;}
.casesdetail .left .related h2{ border-left: 9px solid #56b4ca; padding-left: 20px;}
.casesdetail .left .related h2 span{ display: block; padding: 10px 0; border-bottom: 1px solid #c5c4c4; font-size: 16px; font-weight: bold;}
.casesdetail .left .related h2 span font{ font-size: 14px; float: right;}
.casesdetail .left .related .list{ overflow: hidden; margin-top: 20px;}
.casesdetail .left .related .list .ipto{ overflow: hidden;}
.casesdetail .left .related .list .ipto .ipti{ overflow: hidden;}
.casesdetail .left .related .list .ipto .ipti img{ width: 100%}
.casesdetail .left .related .list .ipto .iptz{ overflow: hidden; margin: 10px 0;}
.casesdetail .left .related .list .ipto .iptz h3{ font-size: 16px; margin-bottom: 10px;}
@media (min-width:992px) {
.casesdetail .container{ width: 960px;}
.casesdetail .left{position: sticky; top: 35px;}
}
@media (min-width:1230px){
	.casesdetail .container{ width: 1200px}
}
@media (min-width:1430px){
	.casesdetail .container{ width: 1400px}
}
@media (min-width:1570px){
	.casesdetail .container{ width: 1540px}
}
@media (min-width:1px) and (max-width:991px) {
.casesdetail{ padding: 3vw 0;}
.casesdetail .casesdetail_page{ margin-bottom: 15px;}
.casesdetail .casesdetail_page .btn{ width: 40px; height: 30px; }
.casesdetail .casesdetail_page .btn i{ font-size: 14px;}
.casesdetail .right{ width: auto; float: none;}
.casesdetail .right h1{ font-size: 18px; margin-bottom: 15px;}
.casesdetail .right .bigimg{  margin: 10px 0;}
.casesdetail .right .xgeffect{ padding-bottom: 20px;}
.casesdetail .right .xgeffect .divtop{ display: none;}
.casesdetail .right .xgeffect .list{ width: auto; float: none;}
.casesdetail .left{ width: auto; float: none; padding-top: 0; }
}


/*常见问题*/
.faqlist{ overflow: hidden;}
.faqlist .ipto{ overflow: hidden; padding: 10px 20px; border: 1px solid #ddd; margin-bottom: 20px; box-sizing: border-box;}
.faqlist .ipto .ipti{ overflow: hidden; display: flex; font-size: 16px; font-weight: bold; color: #221815; margin-bottom: 10px;}
.faqlist .ipto .ipti span{ margin: 0; width: 20px; margin-right: 10px;}
.faqlist .ipto .ipti h3{ flex: 1; font-weight: bold; font-size: 16px;}
.faqlist .ipto .iptz{ overflow: hidden; display: flex; font-size: 16px;  color: #221815;}
.faqlist .ipto .iptz span{ margin: 0; width: 20px; margin-right: 10px;}
.faqlist .ipto .iptz .txt{ flex: 1; font-size: 16px; line-height: 1.7}
@media (min-width:992px){
}
@media (min-width:1px) and (max-width:991px){
.faqlist .ipto{ padding: 1vw 3vw; margin-bottom: 3vw;}
.faqlist .ipto .iptz .txt{ font-size: 12px;}
}

/*下载中心*/
.downloadlist{ overflow: hidden;}
.downloadlist .ipto{ width: calc((100% - 20px)/2); float: left; margin-right: 20px; margin-bottom: 20px; overflow: hidden; border-bottom: 1px solid #e2e2e2; padding-bottom: 20px;}
.downloadlist .ipto .ipti{ overflow: hidden; position: relative; text-align: center;}
.downloadlist .ipto .ipti img{ width: 100%; height: auto;}
.downloadlist .ipto .ipti span{ display: block; background: #285172; padding: 5px 10px; color: #fff;}
.downloadlist .ipto .iptz{ overflow: hidden;}
.downloadlist .ipto .iptz h4{ font-size: 14px; color: #727272; line-height: 1.6;}
.downloadlist .ipto .iptz h3{ font-size: 14px; color: #666; line-height: 2;}
.downloadlist .ipto .iptz h5{ font-size: 14px; color: #727272; line-height: 1.6;}
.downloadlist .ipto .iptz a{ display: inline-flex; padding: 5px; border: 1px solid #131313; font-size: 14px; float: right;}
.downloadlist .ipto .iptz a i{ font-size: 14px;}
@media (min-width:992px){
.downloadlist .ipto{ display: flex;}
.downloadlist .ipto .ipti{ width: 70px;}
.downloadlist .ipto .iptz{ flex: 1; margin-left: 25px;}
.downloadlist .ipto:nth-child(2n){ margin-right: 0;}
}
@media (min-width:1px) and (max-width:991px){
.downloadlist .ipto .iptz{ margin-top: 2vw;}
.downloadlist .ipto .iptz h4{ font-size: 12px; }
.downloadlist .ipto .iptz h3{ font-size: 12px;}
.downloadlist .ipto .iptz h5{ font-size: 12px;}
.downloadlist .ipto .iptz a{ display: inline-flex; padding: 5px; border: 1px solid #131313; font-size: 14px; float: right;}
.downloadlist .ipto .iptz a i{ font-size: 14px;}
.downloadlist .ipto:nth-child(2n){ margin-right: 0;}
}

/*region 其他*/
.thk_nav{ font-size: 16px; line-height: 2em; text-align: center; padding: 40px 0;}
.thk_nav>h1{ font-size: 20px; font-weight: bold; color: #333;}
.btnthank{padding: 5px 10px;margin-top: 15px;display: inline-block;border:1px solid #d00000;color:#ffffff;background-color:#d00000;}
.btnthank:hover{background-color: #ffffff;color: #d00000;}
@media (min-width:1px) and (max-width:991px) {
.thk_nav{ padding: 20px 0;}
.hidden-xs{ display: none;}
}
/*endregion*/

/*网站地图*/
.sitemaps{ overflow: hidden; padding: 30px 0;}
.sitemaps .column{ overflow: hidden; font-size: 18px;}
.sitemaps .Bigcategory{ overflow: hidden; padding-left: 5%; font-size: 16px; display: flex; flex-wrap: wrap;}
.sitemaps .Bigcategory>li{ width: 100%; margin: 0; font-size: 16px; padding: 10px 0;}
.sitemaps .Bigcategory>li>.list-inline{ padding-left: 5%; display: flex; flex-wrap: wrap;}
.sitemaps .Bigcategory>li>.list-inline li{ width: 48%; margin: 0; font-size: 14px; padding: 10px 1%;}
.sitemaps .Bigcategory .Smallcategory{ padding-left: 10px; margin-top: 10px;}
.sitemaps .Bigcategory .Smallcategory>li>a{ display: block; padding-bottom: 5px; border-bottom: 1px dotted #d5d5d5;}
.sitemaps .list-inline{ padding-left: 10px; display: flex; flex-wrap: wrap;}
.sitemaps .list-inline li{ width: 33.33%; margin: 0; font-size: 16px; padding: 10px ; box-sizing: border-box;}
.sitemaps .columnclear{ overflow: hidden; clear: both; border-bottom: 1px dashed #d5d5d5; margin: 10px 0;}

/*其他*/
.table-responsive{overflow-x:auto;min-height:.01%;}
@media screen and (max-width:767px){.table-responsive{overflow-y:hidden;margin-bottom:15px;width:100%;border:1px solid #ddd;-ms-overflow-style:-ms-autohiding-scrollbar;}
.table-responsive>.table{margin-bottom:0;}
.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap;}
.table-responsive>.table-bordered{border:0;}
.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0;}
.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0;}
.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0;}
}

.material{ overflow: hidden; padding: 30px 0; text-align: center; font-size: 14px; text-transform: capitalize; font-weight: bold;}
@media (min-width:1px) and (max-width:991px) {
.material{ padding: 20px; font-size: 14px;}
}
.onliewhatsapp{ position:fixed; right:15px; bottom:20%; z-index:10;}
.onliewhatsapp img{ width:70px;}

/*效果*/
.onlineservice{ position: fixed; bottom: 100px; right: 15px; z-index: 99;}
.onlineservice li{  background: #fff; border: 1px solid #d5d5d5; margin-bottom: 10px; text-align: center; font-size: 12px; position: relative;}
.onlineservice li>a{ padding: 10px; display: block; }
.onlineservice li>a>i{ font-size: 30px;}
.onlineservice li.wechat{ position: relative;}
.onlineservice li.wechat .codeimg{ position: absolute; top: 0px; left: -120px; display: none; transition: all 0.35s; width: 120px; background: #fff; color: #333; box-shadow: 0 0 15px #d5d5d5;}
.onlineservice li.wechat .codeimg>a{ line-height: 50px;}
.onlineservice li.wechat .codeimg>p{ line-height: 50px;}
.onlineservice li.gotop{ display: none;}
.onlineservice li.wechat:hover .codeimg{ display: block;}
@media (min-width:992px)  {
.onlineservice li:hover{ background: #a4c2f4; color: #fff;}
.onlineservice li:hover h3{ color: #fff;}
.onlineservice li:hover i{ color: #fff;}
}
@media (min-width:1px) and (max-width:991px) {
.onlineservice{ bottom: 50px;}
.onlineservice li>a{ padding: 1vw;}
.onlineservice li>a>i{ font-size: 20px;}
.onlineservice li.wechat .codeimg>a{ line-height: 30px;}
.onlineservice li.wechat .codeimg>p{ line-height: 30px;}
.onlineservice li.wechat .codeimg{ top: inherit; bottom: 0;}
}

.htmltop{ position: fixed; right: 15px; bottom: 60px; z-index: 9;}

/*region 分页*/
.page{overflow: hidden;text-align: center;}
.pagination{display:inline-block;margin:20px 0;padding-left:0;border-radius:4px;}
.pagination>li{display:inline;}
@media (min-width:992px){.pagination>li>a,.pagination>li>span{padding:6px 12px!important;}
}
.pagination>li>a,.pagination>li>span{position:relative;float:left;margin-left:-1px;padding:3px 4px;border:1px solid #ddd;background-color:#fff;color:#0198dd;text-decoration:none;line-height:1.42857143;}
.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px;}
.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px;}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:3;border-color:#ddd;background-color:#eee;color:#0198dd;}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:2;border-color:#0198dd;background-color:#0198dd;color:#fff;cursor:default;}
.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{border-color:#ddd;background-color:#fff;color:#777;cursor:not-allowed;}
.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3333333;}
.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-bottom-left-radius:6px;border-top-left-radius:6px;}
.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px;}
.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5;}
.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-bottom-left-radius:3px;border-top-left-radius:3px;}
.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px;}
.pager{margin:20px 0;padding-left:0;list-style:none;text-align:center;}
.pager li{display:inline;}
.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;border:1px solid #ddd;border-radius:15px;background-color:#fff;}
.pager li>a:focus,.pager li>a:hover{background-color:#eee;text-decoration:none;}
.pager .next>a,.pager .next>span{float:right;}
.pager .previous>a,.pager .previous>span{float:left;}
.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span{background-color:#fff;color:#777;cursor:not-allowed;}
/*endregion*/