@charset "utf-8";

@import url('nuutoo-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;}

.jdmenu .nav>#jdmenu>li:hover>.dropdown{ display: block;}

}

@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/nu_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/nu_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/nu_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/nu_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;}





/*关于我们*/

.abframe{}



.abframe .tit{ text-align: center;}

.abframe .tit h2{ font-size: 0.5019rem; font-weight: bold; margin-bottom: 0.3rem;}

.abframe .tit p{ font-size: 0.18rem; line-height: 1.66;}

@media (min-width:992px){

}

@media (min-width:1520px){

	.abframe .container{ width: 1380px;}

}

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

}



.aframe{ overflow: hidden; background: #f5f5f5; padding: 1rem 0;}

.aframe .container{  display: flex; flex-wrap: wrap; justify-content: space-between;}

.aframe .lt{ margin: 0; width: 48%;}

.aframe .lt h2{ font-size: 0.5119rem; font-weight: bold;}

.aframe .lt h3{ font-size: 0.18rem; font-weight: bold; color:#666}

.aframe .lt .context{ font-size: 14px; line-height: 2;}

.aframe .fr{ margin: 0; width: calc(100% - 48% - 0.4rem);}

.aframe .fr .swiper-pagination{ display: flex; align-items: center; justify-content: center; margin:0.2rem 0 0.4rem; position: inherit;}

.aframe .fr .swiper-pagination .swiper-pagination-bullet{ background: #000!important; opacity: 1;}

.aframe .fr .swiper-pagination .swiper-pagination-bullet-active{ width: 26px; border-radius: 0.26rem;}

@media (min-width:992px){

}

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

	.aframe .lt{ width: 100%;}

	.aframe .fr{ width: 100%;}

}



.aframe1{ overflow: hidden; padding: 0 0 1rem; background: #f5f5f5;}

.aframe1 .container{  display: flex; flex-wrap: wrap; justify-content: space-between;}

.aframe1 .item{ margin: 0; display: inline-block; text-align: center;}

.aframe1 .item .tag{ color: #4bb2c5; display: flex; align-items: flex-start; font-size:0.36rem;}

.aframe1 .item .tag span{ font-size: 0.8rem; font-weight: bold; line-height: 1;}

.aframe1 .item .tag em{ font-style: normal; font-size: 0.395rem; margin-left: 0.15rem;}

.aframe1 .item .txt{ font-size: 14px; margin-top: 0.1rem;}

.aframe1 .item:first-child .tag{ align-items: flex-end;}

@media (min-width:992px){

}

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

	.aframe1 .item{ width: 100%; margin-bottom: 0.2rem; text-align: left;}

}



.aframe2{ overflow: hidden; padding: 1rem 0 1.4rem; background: #4bb2c5;}

.aframe2 .container{ }

.aframe2 .tit{ text-align: center; color: #fff;}



.aframe2 .list{ margin-top: 0.7rem;}

@media (min-width:992px){

}

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

}



.aframe3{ overflow: hidden; padding: 2.2rem 0 1.45rem; background: url("../images/nu_about_1_03.jpg") no-repeat center center / cover; position: relative;}

.aframe3:after{ content: ""; position: absolute; right: 0; top: 0; height: 100%; width: 38.43%; background: #4bb2c5;}

.aframe3 .fr{ margin: 0; float: right; width: 32.8%; box-sizing: border-box; padding: 0 0.3rem; position: relative; z-index: 2; color: #fff;}

.aframe3 .fr h2{ font-size: 0.5019rem; font-weight: bold; margin-bottom: 0.3rem;}

.aframe3 .fr p{ font-size: 18px; line-height: 1.66;}

@media (min-width:992px){

}

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

	.aframe3{ padding: 100px 0 30px;}

	.aframe3:after{ display: none}

	.aframe3 .fr{ width: 100%; background: #4bb2c5; padding: 0.2rem;}

}



.aframe4{ overflow: hidden; display: flex; flex-wrap: wrap; padding: 1.6rem 0 0.6rem; background: #e2f3f5; position: relative;}

.aframe4 .container{ width: 1380px; }

.aframe4 .list{ margin-top: 0.7rem; position: relative;}

.aframe4:after{ content: ""; position: absolute; left: 0; bottom: 0; right: 0; height: 50%; background: #e2f3f5; opacity: 0.5; z-index: 2;}

@media (min-width:992px){

}

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

	.aframe4{ padding: 30px 0;}

}



.aframe5{ overflow: hidden; padding: 0.4rem 0 0.95rem;} 

.aframe5 .list{ margin-top: 0.7rem; display: flex; flex-wrap: wrap; align-items: flex-end;}

.aframe5 .list .item{ margin: 0; width: calc((100% - 0.75rem)/4); margin-right: 0.25rem; position: relative;}

.aframe5 .list .item .img{ overflow: hidden;}

.aframe5 .list .item .img img{ width: 100%; height: auto;}

.aframe5 .list .item .txt{ position: absolute; left: 0; bottom: 0; right: 0; background: #4bb2c5; padding: 0.2rem; color: #fff;}

.aframe5 .list .item .txt .z1{ font-size: 0.35rem; font-weight: bold; margin-bottom: 0.1rem;}

.aframe5 .list .item .txt .z2{ font-size: .24rem; font-weight: bold;}

.aframe5 .list .item .txt .p1{ font-size: 0.18rem; font-weight: bold; line-height: 1.88;}

.aframe5 .list .item:nth-child(2) .txt{ z-index: 2; background: none;}

.aframe5 .list .item:nth-child(2):after{ content: ""; position: absolute; left: 0; bottom: 0; width: 100%; z-index: 1; height: 60%; background: linear-gradient(to top,#be57aa 60%,transparent);}

@media (min-width:992px){

	.aframe5 .list .item:nth-child(3){ margin-right: 0;}

	.aframe5 .list .item:nth-child(2){ width: calc(50% - 0.25rem);}

}

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

	.aframe5 .list .item{ width: 100%; margin-right: 0; margin-bottom: 0.25rem;}

}



.aframe6{ overflow: hidden;}

.aframe6 .tit{ overflow: hidden; padding-bottom: 0.7rem;}

.aframe6 .list{ overflow: hidden; }

.aframe6 .item{ background: #f5f5f5; display: flex; flex-wrap: wrap; align-items: center;}

.aframe6 .item .img{ margin: 0; width: 50%; position: relative;}

.aframe6 .item .txt{ margin: 0; width: 50%; box-sizing: border-box; padding: 0 15.6% 0 0.9rem;}

.aframe6 .item .txt .z1{ font-size: 0.5019rem; font-weight: bold; margin-bottom: 0.3rem;}

.aframe6 .item .txt .p1{ font-size: 0.18rem; line-height: 1.88;}

@media (min-width:992px){

	.aframe6 .item:nth-child(2n+1){ flex-direction: row-reverse;}

	.aframe6 .item:nth-child(2n+1) .txt{ padding: 0 0.9rem 0 15.6%;}

}

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

	.aframe6 .item .img{ width: 100%;}

	.aframe6 .item .txt{ width: 100%; padding: 0.3rem;}

}





.aframe8{ overflow: hidden; padding: 0.9rem 0 1.5rem;}

.aframe8 .list{ margin-top: 1.3rem; position: relative;}

.aframe8 .list .swiper-container{ }

.aframe8 .list .swiper-wrapper{ align-items: flex-end;}

.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;}

	.aframe8 .list .swiper-slide{ transform: scale(0.8)}

	.aframe8 .list .swiper-slide-active+div{ transform: scale(1)}

}

@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("../images/nu_wisdom_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/nu_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;}

.landing1 .list .flowsteps{ display:flex;}

@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/nu_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/nu_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*/
/* ===== 补丁 20261111：控制器分页输出 <div class="pagination"><a>…（老站为 ul.pagination>li>a），补齐同款样式 ===== */
.page .pagination>a,
.pagination>a{ position: relative; float: left; margin-left: -1px; padding: 6px 12px; border: 1px solid #ddd; background-color: #fff; color: #0198dd; text-decoration: none; line-height: 1.42857143; font-size: 14px; }
.pagination>a:first-child{ margin-left: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px; }
.pagination>a:last-child{ border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.pagination>a:focus,
.pagination>a:hover{ z-index: 3; border-color: #ddd; background-color: #eee; color: #0198dd; }
.pagination>a.active{ z-index: 2; border-color: #0198dd; background-color: #0198dd; color: #fff; cursor: default; }
.pagination>a.inactive{ color: #0198dd; }
.pagination:after{ content: ""; display: table; clear: both; }