/* CSS Document */
*{text-overflow: ellipsis;}
html,body{ height:100%; width:100%;}
@font-face {
font-family: 'fontAnt';
src: url('font/Antoniobold.eot');
src: url('font/Antoniobold.eot?#iefix') format('embedded-opentype'),
url('font/Antoniobold.woff') format('woff'),
url('font/Antoniobold.ttf') format('truetype'),
url('font/Antoniobold.svg#NeuesBauenDemo') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'fontSyst';
src: url('font/SourceHanSerifCNBold.eot');
src: url('font/SourceHanSerifCNBold.eot?#iefix') format('embedded-opentype'),
url('font/SourceHanSerifCNBold.woff') format('woff'),
url('font/SourceHanSerifCNBold.ttf') format('truetype'),
url('font/SourceHanSerifCNBold.svg#NeuesBauenDemo') format('svg');
font-weight: normal;
font-style: normal;
}
*{text-overflow: ellipsis;word-break:break-all;}
body{
margin: auto;
font-size: 14px;
line-height: 2;
color: #666666;
background-color:#FFFFFF;
}
body,div,dl,dt,dd,ul,ol,li,pre,code,form,fieldset,legend,input,button,textarea,p,th,td{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{ margin-left:auto; margin-right:auto; margin-top:5px; margin-bottom:5px;}
img,input,button,select,textarea{margin:0;padding:0;resize:none;border:none;outline:none; vertical-align:middle}
ol,ul,li{list-style:none; margin:0; padding:0}
h1,h2,h3,h4,h5,h6,p,em,i,b,em{word-wrap:break-word;font-style:normal; font-weight:normal; margin:0; padding:0}
div,ul,li,span,i,a,h1,h2,h3,h4,h5,h6,img,input,submit,textarea{box-sizing:border-box}
p{ font-size:15px; line-height:26px;}
table{
border-collapse: collapse;
}
a{
color: #333333;
text-decoration: none; text-decoration: none;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;
}
a:hover{
color: #0F8BED;
}
img{
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
img[align="left"]{ margin-right:10px;}
img[align="right"]{ margin-left:10px;}
ul,li,p,dl,dt{
margin: 0px;
padding: 0px;
list-style-type: none;
}
div,span{text-overflow: ellipsis;}
.clear{ clear:both}
/*åž‚ç›´å±…ä¸*/
.center{ display: flex;
justify-content:center;
align-items:center;}
/*图片放大*/
.fd img{ transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;}
.fd:hover img{ transform: scale(1.1);
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);}
.fl{ float:left}
.fr{ float:right}
.xuanzhuan{
-webkit-transition-property: -webkit-transform;
-webkit-transition-duration: 10s;
-moz-transition-property: -moz-transform;
-moz-transition-duration: 10s;
-webkit-animation: rotate 30s linear infinite;
-moz-animation: rotate 30s linear infinite;
-o-animation: rotate 30s linear infinite;
animation: rotate 30s linear infinite;
}
@-webkit-keyframes rotate{from{-webkit-transform: rotate(0deg)}
to{-webkit-transform: rotate(360deg)}
}
@-moz-keyframes rotate{from{-moz-transform: rotate(0deg)}
to{-moz-transform: rotate(359deg)}
}
@-o-keyframes rotate{from{-o-transform: rotate(0deg)}
to{-o-transform: rotate(359deg)}
}
@keyframes rotate{from{transform: rotate(0deg)}
to{transform: rotate(359deg)}
}
.box{ width:1400px; margin:auto; position:relative;}
.navl{margin-left:20px;line-height:88px; /*position:relative;*/}
.navl> ul> li{
float:left;
/*position: relative;*/
}
.navl> ul> li> a{
display:inline-block;
padding-left:15px;
padding-right:15px;
position: relative; font-size:18px;
}
.navl> ul> li ul a{
display:block;
padding-left:10px;
padding-right:10px;
line-height:1.2;
padding-top:10px;
padding-bottom:10px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #dddddd;color: #666666;
}
.navl> ul> li ul a:hover{ color:#000000;}
.navl> ul> li.node2 ul a{ padding-left:0; padding-right:0; border:none;}
.navl >ul >li> a:after{
content:'';
height:0px;
float: left;
margin-top: -5px;
position: absolute;
left: 0px;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #0F8BED;
width: 0%;
bottom: -2px;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;
}
.navl >ul >li> a:hover:after,.navl >ul >li.hover> a:after,.navl >ul >li.active> a:after{width: 100%;}
.navl> ul >li{ position:relative;}
.navl> ul >li.node2{ position:static;}
.navl> ul >li>ul{
display:none;Opacity:1;webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;
position: absolute;
width: 100%; float:left;
top: 100%;
left: 0px; line-height:35px; font-size:14px; overflow:hidden; z-index:2; background-color:#FFFFFF;box-shadow: 0px 8px 24px rgba(44, 15, 143, 0.0850608);
border-radius: 0 0 3px 3px;
}
.navl> ul >li.node2>ul{
/* display:none;Opacity:1;webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms; height:0px;
position: absolute;
width: 100%; float:left;
top: 100%;
left: 0px; line-height:35px; font-size:14px; overflow:hidden; z-index:2; background-color:#FFFFFF;box-shadow: 0px 8px 24px rgba(44, 15, 143, 0.0850608);
border-radius: 0 0 8px 8px;*/
padding: 30px 45px;
border-radius: 0 0 8px 8px; /*width:120%; left:-10%;*/
}
.navl> ul >li:hover>ul{Opacity:1; display:block;}
/*.navl> ul >li.node2:hover>ul{ display:table;}
.navl> ul >li.node2>ul>li{ display: table-cell;}*/
/*.navl> ul >li.node2:hover>ul{ display:table;}*/
.navl> ul >li.node2>ul>li{ float:left; width:25%;box-sizing:border-box;}
.navl> ul >li.node2>ul>li+li{ padding-left:20px;}
.navl> ul >li.node2>ul>li>a{font-weight: bold;
font-size: 20px; display:block;margin-bottom: 15px;}
.navl> ul >li.node2>ul>li ul ul{ display:none;}
.navl> ul >li.node2>ul>li>a{ color:#000000; padding:0;}
.navl> ul >li>ul>li>ul{ display:block;}
.navl> ul >li>ul>li>ul li{ display:block;}
.navl> ul >li.node2>ul>li>ul> li>a{font-size: 16px;
line-height: 2.5;
color: #666666;
text-align: left; padding:0;}
.navl> ul >li>ul>li>ul> li>a:hover{ color:#000000;}
/*.navl ul li>ul ul{ top:100%; left:100%;}
.navl ul li:hover>ul{display:block;Opacity:1;height:300px;}
.navl ul ul li{ float:left; width:100%; text-align:center; padding:0px; margin:auto;}
.navl ul ul li a{ padding:0px;
font-size:13px;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color:rgba(255,255,255,0.3);
border-bottom-color:rgba(0,0,0,0.3); display:block; float:none; color:#FFFFFF;background-color: #0F8BED; background-color:rgba(15,139,237,0.8);
}
.navl ul ul li a:hover{background-color:rgba(15,139,237,0.9);}
*/
.pagination{ clear:both; text-align:center; padding-top:20px;}
.pagination li{
display:inline-block;
border: 1px solid #dddddd;
padding-left:12px;
padding-right:10px;
margin: 0px; overflow:hidden;
}
.pagination li+li{
border-left-style: none;
}
.pagination li:first-child+li{border: 1px solid #dddddd;border-radius:3px 0 0 3px;}
.pagination li:last-child,.pagination li:first-child{border: 1px solid #dddddd;border-radius:3px;}
.pagination li:nth-last-child(2){border-radius:0 3px 3px 0;}
.pagination li.disabled{}
.pagination li.active{ background-color:#333333; color:#FFFFFF}
.pagination li a{ color:#333333}
#header{
background-color:#FFFFFF;
position:fixed;
left: 0px;
top: 0px;
z-index:222;
width:100%;
float:left;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #dddddd;
}
.flash{ margin-top:110px; }
#top{ background-color:#f2f2f2; font-size:12px; line-height:28px;}
#top .fl{ color:#878787; /*font-weight:bold;*/}
#top .tel{
background-image: url(tel.jpg);
background-repeat: no-repeat;
background-position: left center;
padding-left: 30px;
/* font-weight: bold; */color:#010101;
}
.regbtn { line-height:35px; padding-top:26.5px;}
.regbtn a{
display:inline-block;
color:#0D7BD2;
padding-left:20px;
padding-right:20px;
border-radius:5px;
border: 1px solid #0D7BD2;
}
.regbtn a.regbtn2{background-color:#0D7BD2;color:#ffffff;}
.fixed{ background-color:#0D7BD2;
background-color:rgba(0,0,0,0.2);}
#header .logo{ font-size:12px; color:#FFFFFF; color:rgba(255,255,255,0.6); }
#header .logo img{ height:90px;}
#footnav{ display:none}
#footnav{
position: fixed; z-index:2;
left: 0px;
bottom: 0px; float:left; width:100%; background-color:rgba(150,150,150,0.8); display:none;
}
#footnav a{
float:left;
width:33.3333%;
text-align:center;
position: relative; line-height:35px; color:#FFFFFF;
}
#footnav a i{ margin-right:5px;}
#footnav a:after{ content:'';
position: absolute;
height: 100%;
left: 0px;
top: 0px;
border-left-width: 1px;
border-left-style: solid;
border-left-color:rgba(0,0,0,0.1);
}
#footnav a:before{content:''; border-left-width: 1px;
border-left-style: solid;
border-left-color:rgba(255,255,255,0.1);
position: absolute;
height: 100%;
right: 0px;
top: 0px;
}
#foot{
background-color: #242424; padding-top:25px; padding-bottom:5px; font-size:14px; clear:both;
}
#foot .fl{ width:80%;}
#foot .fr .weixin i,#foot .fr .tel i{ color:#FFFFFF; font-size:28px; margin-right:5px; float:left;}
#foot .fr .weixin{ cursor:pointer;}
#foot .fr >div> .img{
position: absolute;
border: 1px solid #dddddd;
left: 50%; margin-left:-60px;
z-index: 2;
background-color:#FFFFFF;
width:120px;
text-align:center;
display:none;
top: 35px;
}
/*#foot .fr >div> .img img{max-height:120px; max-width:120px;}*/
#foot .fr >div:hover> .img{ display:block}
#foot .fr >div> .img *{ max-width:100%;}
#foot .fr{ line-height:35px; padding-top:15px;}
#foot .fr>div{
border: 1px solid #dddddd;
margin-bottom:15px;
padding-left:20px;
padding-right:20px;
position: relative;
}
#foot .fl> ul> li{
float:left;
/*width:20%; */width:15%;
}
#foot .fl> ul> li:nth-child(4),#foot .fl> ul> li:nth-child(5),#foot .fl> ul> li:nth-child(6){ width:calc(35% / 3);}
#foot .fl> ul> li>a{ font-size:16px;}
#foot .fl> ul> li>ul{ padding-top:10px;}
#foot .fl> ul> li:nth-child(7){ width:20%;}
#foot .fl> ul> li:nth-child(7)>ul>li{ float:left; width:50%;}
#foot .fl> ul> li:nth-child(7)>ul>li>a{ display:block; padding-right:20px; white-space: nowrap;}
#foot2{
background-color: #000000; padding-top:10px; padding-bottom:10px; font-size:14px; line-height:1.5;clear:both;
}
#foot,#foot a,#foot2,#foot2 a{ color:#ffffff;}
.flash{
clear:both;
float:left;
width:100%;
overflow:hidden;
position: relative;
}
.flash .swiper-container{ overflow:hidden; padding:0px; float:left; width:100%;}
.flash .swiper-wrapper *,.flash .picimg *{ max-width:100%;}
.flash .swiper-wrapper,.flash{ text-align:center}
.flash .swiper-wrapper img{ display:none; max-width:100%;}
/*.flash .swiper-wrapper .xz img{ display:block}
.flash .swiper-wrapper .xz{
position: absolute;
left: 50%;
top: 50%; margin-top: -350px;
margin-left: -750px;
}*/
.flash .txt{
position: absolute;
z-index: 2;
left: 0px;
top: 50%;
width: 100%;
text-align:center;
color:#FFFFFF;
font-size:28px;
line-height:1.5; text-shadow:0 0 3px rgba(0,0,0,0.3); margin-top:-100px;
}
.flash .txt .h2{color:#FFFFFF; padding-top:20px;}
.flash .txt .h2 ul,.flash .txt .h2 ol{ font-size:16px; line-height:1.5;}
.flash .txt .h2 ul li,.flash .txt .h2 ol li{
list-style-type: square;
list-style-position: inside; line-height:2;
}
.flash .txt .h1{
color:#ffffff;
font-size: 60px;
/* font-weight: bold;*/
}
.flash .txt .boxs{ margin:auto; text-align:left; width:80%;}
.flash .swiper-slide{ width:100%; float:left; }
.flash .swiper-slide>div{
background-size:100% 100%;
background-repeat: no-repeat;
background-position: center center; float:left; width:100%; height:100%;
}
/*首页*/
/*.blockli{ padding-top:80px;}*/
.blockli .box{ max-width:1400px;}
.blockli .h1{ font-size:38px; line-height:1.2; color:#000000;}
.blockli .h2{ font-size:18px; color:#666666; padding-top:10px;}
.blockli .dp{ padding-top:30px; padding-bottom:30px;}
.blockli .dp span{ display:inline-block; text-align:center; margin-right:20px;}
.blockli .h3{font-size:18px;}
.blockli .left{
padding-top:15px;
position: relative; float:left; width:47.7%; overflow:hidden; max-width:630px;
}
.blockli *{ max-width:100%;}
.blockli .box .right{
position: relative; width:50%; overflow:hidden;
}
.blockli .box .right *{ max-width:100%;}
/*.blockli .box .right .img{
position: absolute;
left: 0px;
bottom: 0px;
}*/
.blockli .econtent{ padding-top:20px;}
.blockli .left .blockimg{ float:left; width:100%; position:relative;}
.lunbo{
position: absolute;
left: 15%;
top: 6.4%; z-index:2; width:78%; background-color:#000000; margin-top:0px;
}
.lunbo .swiper-button-next,.lunbo .swiper-button-prev{ display:none}
.bg{ background-color:#F2F2F2;}
.etitle{ font-size:38px; text-align:center; color:#000000;}
.entitle{ color:#666666; text-align:center; font-size:18px;}
/*大圣云优势*/
.case{ padding-top:80px; padding-bottom:80px;}
.case *{ max-width:100%;}
.case .entitle{ padding-bottom:30px;}
.case .left{
width:180px;
float:left;
clear:both;
line-height:50px;
font-size:16px;
position: relative;
}
.case .left a:before{
border-right-width: 1px;
border-right-style: solid;
border-right-color: #dddddd;
position: absolute;
height: 100%;
top: 0px;
right: 0px; content:'';
}
.case .left a{
display:block;
}
.case .left a span{ position: relative;
display:block;
background-image: url(li.png);
background-repeat: no-repeat;
background-position: left center;
padding-left: 50px; padding-top:20px; padding-bottom:20px;
}
.case .left a:hover{ margin-left:10px;}
.case .left a:hover span,.case .left a.hover span{background-image: url(lihover.png); color:#006fff}
.about .left a:nth-child(1) span,.about .left a:nth-child(1):hover span,.about .left a.hover:nth-child(1) span{background-image: url(a3.png);}
.about .left a:nth-child(2) span,.about .left a:nth-child(2):hover span,.about .left a.hover:nth-child(2) span{background-image: url(a2.png);}
.about .left a:nth-child(3) span,.about .left a:nth-child(3):hover span,.about .left a.hover:nth-child(3) span{background-image: url(a1.png);}
.about .left a:nth-child(4) span,.about .left a:nth-child(4):hover span,.about .left a.hover:nth-child(4) span{background-image: url(a4.png);}
.case .left:after{
border-right-width: 1px;
border-right-style: solid;
border-right-color: #000000;
position: absolute;
height: 25%;
top: 0px;
right: 0px; content:''; z-index:1;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;
}
.case .left:before{
top: 0px;
right: -4px;
content:'';
z-index:2;
width:8px;
height:8px;
border-radius:100%;
background-color:#777777;
position: absolute;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;
}
.case .left[rel='1']:after,.case .left[rel='1']:before{top: 25%;}
.case .left[rel='2']:after,.case .left[rel='2']:before{top: 50%;}
.case .left[rel='3']:after,.case .left[rel='3']:before{top: 75%;}
.case .kuai{ overflow:hidden;}
.case .right{ margin-left:220px; position:relative; /*min-height:500px;*/}
.case .right:after{
border-left-width: 1px;
border-left-style: solid;
border-left-color: #dddddd;
position: absolute;
top: 0px;
left: -41px; content:''; z-index:0; height:10000px;
}
.case .right .hc{
display:block;
Opacity:0;
text-align:left;
float:left;
width:100%;
font-size:14px;
overflow:hidden;
margin-top:30px;
-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;
z-index:-1; position: absolute;
left: 0px;
top: 0px;
}
.case .right .hc.hover{ display:block; margin-top:0px;Opacity:1; z-index:1; position:relative; top:auto; left:auto;}
.case .right .hc a,.case .right .hc{color:#666666}
.case .right .hc .h1{ font-size:22px; color:#000000}
.case .right .hc .dp{ padding-top:10px;}
.about .right .hc .h1{ display:none}
.about .right .hc .dp{ padding-top:0px;}
/*.kehu{ padding-top:80px; padding-bottom:80px;}*/
.kehu *{ max-width:100%;}
.kehu .box{
padding-left:50px;
padding-right:50px;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */ position: relative;
}
.kehu .swiper-button-next,.kehu .swiper-button-prev{
position: absolute;
height: 45px;
width: 45px;
background-color: #C7C7C7;border-radius:100%; background-size:17px; margin-top:22.5px;
}
/*
.kehu .swiper-button-prev{right:-45px;
}
.kehu .swiper-container .swiper-button-next{ left:-45px;}*/
.kehu .swiper-container .picli{display:inline-block;}
.kehu .swiper-container .picli a{
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
width:240px;
padding:20px;
display:inline-block;
border: 1px solid #dddddd;
margin:auto;
padding-top:40px;
padding-bottom:40px;
max-width:95%;
position: relative;
}
.kehu .swiper-container .picli a .title,#cms .proli .picli a .title{ color:#31619c; font-size:16px}
/*.kehu .swiper-container .picli a:hover:after{
content:'';
position: absolute;
z-index: 1;
height: 100%;
width: 100%;
left: 0px;
top: 0px; background-color:rgba(0,0,0,0.8);
}
.kehu .swiper-container .picli a:hover:before{
content:'+';
float: left;
height: 50px;
width: 50px;
line-height:50px;
text-align:center;
margin-top: -26px;
margin-left: -26px;
position: absolute;
left: 50%;
top: 50%;
color:#FFFFFF;
border: 1px solid #ffffff; z-index:2; border-radius:100%; font-size:24px;
}*/
.kehu .swiper-container .swiper-slide{ text-align:center}
.kehu .swiper-container .picli .img{
margin:auto;
display: flex;
justify-content:center;
align-items:center;
width:145px;
height:145px;
border: 3px solid #D7D7D7; overflow:hidden;border-radius:100%; background-color:#FFFFFF;
}
.kehu .swiper-container .picli img *{ max-width:100%; max-height:100%;}
.kehu .swiper-container .picli .title{
text-align: center;
white-space: nowrap;
overflow: hidden;
font-size:22px;
color:#000000;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #dddddd; margin-top:20px; padding-bottom:10px;
}
.kehu .swiper-container .picli .dp{ line-height:1.5; text-align:left; font-size:14px; color:#666666; min-height:6em; max-height:6em; overflow:hidden; margin-top:20px;}
.kehu .swiper-container{ margin-top:50px;}
.reg{ background-color:rgba(0,0,0,0.6); height:100%; width:100%; top:0px; left:0px; position:fixed; z-index:999; display:none;}
.reg form{ background-color:#FFFFFF; width:360px; height:300xp; background-color:#ffffff; top:50%; left:50%; margin-left:-210px; margin-top:-180px; position:fixed; padding:30px; padding-top:20px; padding-bottom:20px;border-radius:5px;box-shadow:0 0 5px rgba(0,0,0,0,0.3);color:#000000}
.reg form .h1{ font-size:16px; line-height:1.2; color:#444444 }
.reg form .h2{ font-size:12px; padding-top:15px; color:#444444}
.reg form .form {
padding: 10px;
border: 1px solid #cccccc; margin-top:10px;border-radius:5px;
}
.reg form .close{
border-radius:100%;
background-color:#cccccc;
width:45px;
height:45px;
line-height:45px;
text-align:center;
position:absolute;
top:-22.5px;
right:-22.5px;
color:#666666;
border: 1px solid #dddddd; font-size:18px; cursor:pointer;
}
.reg form .form >div.input{
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #cccccc;
clear:both;
float:left;
width:100%;
position: relative; line-height:45px;
}
.reg form .form >div.input:nth-last-child(2){ border:none}
.reg form .form >div.input span{
float:left;
background-color: #FFFFFF;
position: absolute;
left: 0px; color:#999999; font-size:16px;
}
.reg form .form >div.input span font{ display:inline-block; width:20px; padding-right:5px; text-align:center;}
.reg form .form >div.input input{ height:45px;line-height:45px; border:none; width:100%; padding-left:70px;box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.reg form .form >div.input:nth-child(1) input{ padding-left:100px;}
.reg form div.btn{ padding-top:15px; clear:both; float:left; width:100%;}
.reg form div.btn button{ background-color:#49A8E0; color:#ffffff; width:100%; height:45px; border:none;border-radius:5px;}
.postion{
font-size:12px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #eeeeee;
}
.postion b{ display:none}
.postion,.postion a{ color:#CCCCCC}
.postion .fr i{ margin-right:5px;}
#cms,#cms1{ float:left; width:100%; clear:both; padding-bottom:50px; padding-top:20px; min-height:300px;}
#cms1{ padding-top:50px;}
#cms1 .content{ font-size:16px; line-height:1.5; padding-bottom:15px;}
#cms1 *{ max-width:100%;}
#cms1 h1.h1{ text-align:center; color:#000000; line-height:1.2; padding-bottom:10px; padding-top:10px;}
#cms1 .info{ text-align:center; color:#999999; font-size:12px; padding-top:10px; padding-bottom:10px; line-height:1.5;}
.pronav{ text-align:center; clear:both; padding-top:20px; padding-bottom:20px;line-height:50px; z-index:2;-webkit-animation-fill-mode:none;}
.pronav .box >ul >li{ display:inline-block; position:relative;/* z-index:2;*/ margin-bottom:10px;margin-right:10px; }
.pronav .box> ul> li>a{
display:inline-block;
border: 1px solid #0A5098;
color:#118DEF;
font-size:16px;
padding-left:50px;
padding-right:50px;
border-radius:3px;
position: relative;
}
.pronav a.hover,.pronav a:hover{ background-color:#0A5098; color:#FFFFFF;}
.pronav ul li ul{ position:absolute; top:100%; left:0; background-color:#FFFFFF; z-index:99; width:100%;
border: 1px solid #dddddd; display:none;}
.pronav ul li ul ul{ left:100%; top:0;}
.pronav ul li ul li{ width:100%; display:block;}
.pronav .box> ul> li>a:after{
content:"";
position: absolute;
right:-1px;
bottom:-1px;
display: block;
border: 8px solid;
border-color:transparent #ffffff #ffffff transparent ;
}
.pronav .box >ul> li>a:before{
content:"";
position: absolute;
right:0px;
bottom:0px;
display: block;
border: 8px solid;
border-color:transparent #0A5098 #0A5098 transparent ;
}
.pronav .box >ul> li>a:hover,.pronav .box >ul> li.hover>a,.pronav .box >ul> li.active>a{ background-color:#0A5098;color:#ffffff;}
.pronav .box >ul> li>a.hover:after,.pronav .box> ul> li>a:hover:after{
content:"";
position: absolute;
right:-1px;
bottom:-1px;
display: block;
border: 8px solid;
border-color:transparent #ffffff #ffffff transparent ;
}
.pronav.prosort14 ul li:hover>ul{ display:block;}
.pronav ul li ul li{ line-height:1.2;}
.pronav ul li ul li a{
display:block;
padding-top:10px;
padding-bottom:10px;
margin:auto;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #dddddd;
}
#cms .newsList{width:100%; padding:0 0 25px 0;overflow:hidden; background-color:#FFFFFF; padding-left:2%; padding-right:2%;}
#cms .newsList li{ display:block; padding:30px 0; border-bottom:1px solid #ddd; width:100%; overflow:hidden;}
#cms .newsList li i{ display:inline-block; width:144px; height:100px; border-right:1px solid #ddd;font-family:'fontAnt'; text-align:center;vertical-align:middle;}
#cms .newsList li i h1{ font-size:40px; margin:15px 0 5px 0; line-height:40px; color:#e60012}
#cms .newsList li i h2{ font-size:20px; background:url(bgDate.png) center no-repeat; color:#888}
#cms .newsList li span{display:inline-block;width:calc(100% - 370px); padding:0 30px; vertical-align:middle; }
#cms .newsList li span h3{
font-size:24px;
font-weight:bold;
margin-bottom:8px;
line-height:30px;
text-align: justify;
}
#cms .newsList li span h4{ line-height:26px; color:#888; font-size:15px; text-align:justify}
#cms .newsList li div{ display:inline-block; width:225px; overflow:hidden; float:right; position:relative; z-index:1}
#cms .newsList li div img{width:100%; height:150px;}
#cms .newsList li h5{ width:1px; height:150px; display:inline-block; vertical-align:middle; }
#cms .newsList li h6{ position:absolute; right:0; bottom:0;text-align:center}
#cms .newsList li h6 a{background:rgba(0,0,0,0.5); font-size:12px; color:#fff; width:40px; height:20px; line-height:20px; display:block}
#cms .newsList li h6 a:hover{background:rgba(230,0,18,0.7);}
#cms .newsList li a:hover h4{ color:#444}
#cms .picli{ margin-bottom:30px; float:left; width:17%; margin-left:1.5%; margin-right:1.5%; margin-top:30px; overflow:hidden;
}
#cms .picli a{box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
padding:20px;
display:inline-block;
border: 1px solid #dddddd; margin:auto; padding-top:40px; padding-bottom:40px; display:block;}
/*#cms .picli a:after,.kehu .picli a:after{
content:'';
position: absolute;
z-index: 1;
height: 0%;
width: 100%;
left: 0px;
top: 0px; background-color:rgba(0,0,0,0.8);-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;
}
#cms .picli a:hover:after,.kehu .picli a:hover:after{height: 100%; }
#cms .picli a:hover:before,.kehu .picli a:hover:before{-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;
content:'+';
float: left;
height: 50px;
width: 50px;
line-height:50px;
text-align:center;
margin-top: -26px;
margin-left: -26px;
position: absolute;
left: 50%;
top: 50%;
color:#FFFFFF;
border: 1px solid #ffffff; z-index:2; border-radius:100%; font-size:24px;
}*/
#cms .proli{ }
#cms .picli:nth-child(5n+1){ clear:both;}
#cms .picli .img{
margin:auto;
display: flex;
justify-content:center;
align-items:center;
width:145px;
height:145px;
border: 3px solid #D7D7D7; overflow:hidden;border-radius:100%; background-color:#FFFFFF;
}
#cms .picli img *{ max-width:100%; max-height:100%;}
#cms .picli .title{
text-align: center;
white-space: nowrap;
overflow: hidden;
font-size:22px;
color:#000000;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #dddddd; margin-top:20px; padding-bottom:10px;
}
#cms .picli .dp{ line-height:1.5; text-align:left; font-size:14px; color:#666666; min-height:6em; max-height:6em; overflow:visible; margin-top:20px;}
.about .entitle{ padding-bottom:30px;}
.kefu {/* margin-top: -122px; */top: 150px; z-index: 999; right: 10px; position: fixed; z-index: 2; width:60px; }
.kefu li {
font-size: 0;
position: relative;
transition: 0.3s linear 0s;
cursor: pointer;
margin-bottom: 1px;
display: block;
width:45px;
height:45px;
white-space: nowrap;
line-height: 60px;
float: left;
}
.kefu span { vertical-align: top; display: inline-block; }
.kefu .img {
transition: 0.3s linear 0s;
text-align: center;
height:45px;
width: 45px;
background:#469ffe;
position: absolute;
left: 0px;
top: 0px;
}
.kefu .img img{ width:20px;}
.kefu .img span{display: flex;
justify-content:center;
align-items:center; height: 45px; width: 45px;}
.kefu .text {
opacity: 0;
transition: 0.3s linear 0s;
background: #7f7f7f;
color: #fff;
height: 45px;
line-height:45px;
font-size: 24px;
width: 45px;
text-align: center;border-radius:45px 0 0 45px;
/* position: absolute;
top: 0px;
right: 0px;*/
}
/*微信*/
.kefu .hover:before { z-index: 2;right: -7px; border-color: transparent transparent transparent #fff; border-width: 7px 0 7px 8px; margin-top: -17px; }
.kefu .hover:after { margin-top: -18px; right: -10px; border-color: transparent transparent transparent #ddd; border-width: 8px 0 8px 10px; }
.kefu .hover:before,.kefu .hover:after { transform: rotateZ(0deg); border-style: solid; position: absolute; content: ''; width: 0; box-sizing: border-box; top: 30px; }
.kefu .hover { background: #fff; border: 1px solid #ddd; height: 140px; width: 140px; position: absolute; right: 55px; top: 0; display:none; }
.kefu .hover img{ max-width:100%;}
.kefu li.tel{ display:none}
.kefu li.tel .text, .kefu li.qq .text{ transform: translateX(0px); }/*默认往左å移200*/
.kefu li.tel:hover .text, .kefu li.qq:hover .text { transform: translateX(-200px); }
.kefu .text a { display: block; font-size: 18px;color:#FFFFFF }
.kefu li:hover, .kefu li:hover .img, .kefu li.tel:hover span.text, .kefu li.qq:hover span.text, .kefu li#goTopBtn:hover span.text { opacity: 1; background: #2698f1;}
.kefu li:hover .text {width:200px; }
.kefu li.ewm:hover .hover { display: block;}
.block {
margin: auto;
width: 300px;
}
.block .item{ float:left; width:50%; font-size:16px; padding-top:15px; padding-bottom:15px; color:#333333; line-height:1.5; overflow:hidden;}
.block .item:nth-child(2n+1){ clear:both;}
.block .item .t1{ font-size:14px}
.block .item .t2{}
.block .item .t1 span{
font-size:28px;
margin-right:5px;
position: relative; display:inline-block;/*-webkit-transition:100ms; -moz-transition:100ms; -ms-transition:100ms; transition:100ms;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #0099FF;*/ width:1.5em;
}
.block .item:nth-child(1) .t1 span{width:2em;}
.block .item:nth-child(3) .t1 span{width:1em;}
.block .item .t1 span:after{
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #0099FF;
position: absolute;
width: 100%;
left: 0px;
bottom: 0px; content:'';/*-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;*/
}
.block .item:nth-child(2) .t1 span:after{ width:90%;}
.block .item:nth-child(3) .t1 span:after{ width:70%;}
.block .item:nth-child(4) .t1 span:after{ width:120%;}
.block .item:nth-child(5) .t1 span:after{ width:75%;}
.block .item:nth-child(6) .t1 span:after{ width:220%;}
@keyframes myfirst{from {width:0px;}to {width:100%;}}
@-moz-keyframes myfirst{from {width:0px;}to {width:100%;}}
@-webkit-keyframes myfirst{from {width:0px;}to {width:100%;}}
@-o-keyframes myfirst{from {width:0px;}to {width:100%;}}
@keyframes myfirst2{from {width:0px;}to {width:90%;}}
@-moz-keyframes myfirst2{from {width:0px;}to {width:90%;}}
@-webkit-keyframes myfirst2{from {width:0px;}to {width:90%;}}
@-o-keyframes myfirst2{from {width:0px;}to {width:90%;}}
@keyframes myfirst3{from {width:0px;}to {width:70%;}}
@-moz-keyframes myfirst3{from {width:0px;}to {width:70%;}}
@-webkit-keyframes myfirst3{from {width:0px;}to {width:70%;}}
@-o-keyframes myfirst3{from {width:0px;}to {width:70%;}}
@keyframes myfirst4{from {width:0px;}to {width:120%;}}
@-moz-keyframes myfirst4{from {width:0px;}to {width:120%;}}
@-webkit-keyframes myfirst4{from {width:0px;}to {width:120%;}}
@-o-keyframes myfirst4{from {width:0px;}to {width:120%;}}
@keyframes myfirst5{from {width:0px;}to {width:75%;}}
@-moz-keyframes myfirst5{from {width:0px;}to {width:75%;}}
@-webkit-keyframes myfirst5{from {width:0px;}to {width:75%;}}
@-o-keyframes myfirst5{from {width:0px;}to {width:75%;}}
@keyframes myfirst6{from {width:0px;}to {width:220%;}}
@-moz-keyframes myfirst6{from {width:0px;}to {width:220%;}}
@-webkit-keyframes myfirst6{from {width:0px;}to {width:220%;}}
@-o-keyframes myfirst6{from {width:0px;}to {width:220%;}}
.block .item .t1 span.hover:after{
animation: myfirst 2s;
-moz-animation: myfirst 2s;
-webkit-animation: myfirst 2s;
-o-animation: myfirst 2s;
}
.block .item:nth-child(2) .t1 span.hover:after{
animation: myfirst2 2s;
-moz-animation: myfirst2 2s;
-webkit-animation: myfirst2 2s;
-o-animation: myfirst2 2s;
}
.block .item:nth-child(3) .t1 span.hover:after{
animation: myfirst3 2s;
-moz-animation: myfirst3 2s;
-webkit-animation: myfirst3 2s;
-o-animation: myfirst3 2s;
}
.block .item:nth-child(4) .t1 span.hover:after{
animation: myfirst4 2s;
-moz-animation: myfirst4 2s;
-webkit-animation: myfirst4 2s;
-o-animation: myfirst4 2s;
}
.block .item:nth-child(5) .t1 span.hover:after{
animation: myfirst5 2s;
-moz-animation: myfirst5 2s;
-webkit-animation: myfirst5 2s;
-o-animation: myfirst5 2s;
}
.block .item:nth-child(6) .t1 span.hover:after{
animation: myfirst6 2s;
-moz-animation: myfirst6 2s;
-webkit-animation: myfirst6 2s;
-o-animation: myfirst6 2s;
}
.blocklis{ width:1150px; margin:auto}
.blocklis .img{ float:left; width:67.8%;}
.blocklis .img img{ max-width:100%;}
.blocklis .img+.block{width:30%; float:right}
.case .swiper-slide .picli{ text-align:center; overflow:hidden;}
.honorhc{
padding-top:65px;
position: relative; padding-bottom:20px;
}
.honorhc .swiper-pagination{
position: absolute;
left: 0px;
bottom: 0px;
width: 100%;
}
.honorhc .swiper-pagination .swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 100%;
background: #000;
opacity: 1; margin-left:3px; margin-right:3px;
}
.honorhc .swiper-pagination .swiper-pagination-bullet-active { background-color:#0191f2; width:16px; border-radius:8px;}
.caseleft{ width:220px; float:left; background-color:#f2f2f2;border: 1px solid #dddddd; }
.caseleft .h1{
background-color:#FFFFFF;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #dddddd; font-weight:bold; color:#333333
}
.caseleft .h1:after,.caseleft ul li a:hover:after,.caseleft ul li a.hover:after{
width:4px;
height:10px;
float:left;
content:'';
background-color:#108cee;
left:10px;
top:50%;
margin-top:-5px;
position: absolute;
}
.caseleft ul li a,.caseleft .h1{ display:block; padding-left:20px; padding-right:20px;padding-top:5px; padding-bottom:5px; position:relative}
.caseright{
display:block;
margin-left:250px;
padding: 20px;
border: 1px solid #dddddd;
}
.caseleft ul li a{
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #dddddd;
}
.caseleft ul li a:hover,.caseleft ul li a.hover{background-color:#FFFFFF; color:#0a5196}
.caseleft ul li a.hover:after{height:4px;margin-top:-2px;}
#cms1 .caseright h1.h1{ text-align:left;color:#0a5196; font-size:18px; padding-bottom:20px;}
.contact{ width:750px; margin:auto; max-width:100%;}
.contactin{}
.contactin> .fl{ width:400px;}
.contactin >.fr{ width:340px;}
@media screen and (max-height :768px){
.contactin> .fl{ width:100%}
.contactin >.fr{ width:100%}
}
.new-list {
position: relative;
z-index: 22;
padding-top: 40px;
padding-bottom: 73px;
}
.new-list li {
background:#fff;background-color:#f5f5f5;
}
.new-list li a {
display: block;
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
}
.new-list li a .time {
position: absolute;
left: 10px;
top: 50%;
width: 140px;
height: 112px;
line-height: 112px;
margin-top: -56px;
text-align: center;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
transition: all .4s ease;
}
.new-list li a .time > div {
display: inline-block;
vertical-align: middle;
line-height: 1.2;
}
.new-list li a .time .day {
font-size: 48px;
font-weight: bold;
line-height: 1.5;
color: #666666;
}
.new-list li a .time .year {
font-size: 18px;
line-height: 1.5;
color: #000;
}
.new-list li a .nr {
margin-left: 130px;
height: 222px;
padding: 34px 70px 34px 34px;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
transition: all .4s ease;
}
.new-list li a .nr .img {
width: 260px;
padding: 4px;
background: #F5F5F5;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.new-list li a .nr .img > div {
width: 100%;
position: relative;
padding-bottom: 58.56574%;
}
.new-list li a .nr .img > div img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.new-list li a .nr .title {
margin-left: 298px;
}
.new-list li a .nr .title span {
margin-top: 15px;
height: 48px;
line-height: 48px;
width: 100%;
overflow: hidden;
font-size: 18px;
color: #333;
margin-bottom: 12px;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
transition: all .4s ease;
}
.new-list li a .nr .title .p {
font-size: 14px;
color: #666;
line-height: 25px;
height: 50px;
overflow: hidden;
width: 100%;
}
.new-list li + li {
margin-top: 12px;
}
.new-list li a:hover .nr {
margin-left: 145px;
}
.new-list li a:hover .time {
left: 5px;
}
.new-list li a:hover .nr .title span{
color: #2a5aa3;
}
.new-list li a:hover .nr .title .p{
color: #2a5aa3;
}
.back { clear:both; padding-top:15px;}
.back a{
display:inline-block;
color: #FFFFFF;
background-color: #0066CC; padding-left:15px; padding-right:15px;
}
@media screen and (max-width :768px){
.new-list {
padding-top: 0px;
padding-bottom: 20px; float:left; width:100%;box-sizing:border-box;
}
.new-list .time{ display:none}
.new-list li a .nr .img{ width:100%;}
.new-list li a .nr .img > div{ padding:0;}
.new-list li a .nr .img > div img{ width:100%; position:relative; top:auto; left:auto; height:auto;}
.new-list li a .nr{ margin:auto; padding:0; height:auto;}
.new-list li a .nr .title {margin-left:auto; padding:10px;}
.new-list li a .nr .title span {
margin-top:0px; padding-top:15px;
height:auto;
line-height:1.5;
margin-bottom: 5px; display:block;
}
.new-list li a .nr .title .p {
line-height: 1.5;
height: auto;
}
.new-list li a:hover .nr{ margin:auto}
}
/*20240507新增*/
.section2{display: flex;
justify-content:center;
align-items:center; min-height:calc(100vh - 110px);}
/*首页新闻*/
.index-news {
/* padding: 80px 0;*/
background: #f8f8f8;
/*border: 1px #f0f0f0 solid;
border-width: 1px 0;*/
}
.index-news .s {
padding-top: 40px;
}
.index-news .news-list {
float: left;
width: 32%; margin-left:2%;
}
.index-news .news-list:nth-child(3n+1){ margin-left:0;}
.index-news .list-s {
margin: 0 15px;
background: #fff;
border: 1px #f2f2f2 solid;
}
.index-news .m {
position: relative;
}
.index-news .m p {
position: absolute;
left: 0;
width: 100%;
top: 0;
bottom: 0;
text-align: center;
line-height: 120px;
font-size: 22px;
background: rgba(0,0,0,0.5);
color: #eee;
}
.index-news .m img {
width: 100%;
height: 120px;
}
.index-news ul {
padding: 10px 15px;
}
.index-news li {
height: 35px;
line-height: 35px;
overflow: hidden;
font-size: 16px;
padding-left: 10px;
background: url(lidot.gif) no-repeat left center;
}
.index-news li font {
float:left;
width:calc(100% - 60px);
overflow:hidden;
white-space: nowrap;
}
.index-news li span {
float: right;
margin-left: 10px;
font-size: 14px;
color: #888;
}
@media screen and (max-width :768px){
.index-news .news-list { margin:auto; width:100%; margin-top:10px; margin-bottom:10px;}
}
/*产å“列表*/
#cms .picli2{
float:left;
border-radius:10px;
border: 1px solid #dddddd; overflow:hidden; width:32%; margin-left:2%; margin-top:10px; margin-bottom:10px;
}
#cms .picli2:nth-child(3n+1){ clear:both; margin-left:0;}
#cms .picli2 .img{ position:relative;display: flex;
justify-content:center;
align-items:center; max-height:200px; min-height:200px; overflow:hidden;}
#cms .picli2 .img:after{ content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.3); z-index:1;}
#cms .picli2:hover .img:after{background-color:rgba(0,0,0,0.2);}
#cms .picli2 .img .txt{ position:absolute; line-height:1.5; bottom:10px; left:10%; z-index:2; text-align:center; width:80%; font-size:18px; color:#FFFFFF}
#cms .picli2 .img img{ width:100%;}
#cms .picli2 .title{ display:none; font-size:18px;}
#cms .picli2 .right{padding:10px;}
#cms .picli2 .dp{ line-height:1.5; min-height:4.5em; max-height:4.5em; overflow:hidden; font-size:16px;}
@media screen and (max-width :768px){
#cms .picli2{ width:49%; margin-left:2%;}
#cms .picli2:nth-child(3n+1){ clear:none; margin-left:2%;}
#cms .picli2:nth-child(2n+1){ clear:both; margin-left:0;}
#cms .picli2 .img{max-height:25vw; min-height:25vw;}
.pronav .box>ul>li>a{ white-space:normal; width:100%; padding:0; padding-left:10px; font-size:14px; min-height:4.5em; max-height:4.5em; padding-right:10px; line-height:1.5; padding-top:10px; padding-bottom:10px;display: flex;
justify-content:center;
align-items:center;}
.pronav .box>ul>li{ width:calc(100% / 3 - 10px );}
.pronav .box>ul>li:nth-child(3n+1){ clear:both;}
.pronav ul li ul li{ float:left;}
.pronav ul li ul li a{ float:left; width:100%;}
}
.pronav2 ul ul,.pronav3 ul ul{ display:none;}
.pronav2,.pronav3{ padding-top:0;}
.pronav2 .box > ul > li > a {
padding-left: 45px;
padding-right:45px; line-height:45px;
}
.pronav3 .box > ul > li > a {
font-size: 14px;
padding-left: 30px;
padding-right:30px; line-height:30px;
}
.pronav.fixed{
top:118px;
left:0;
position:fixed;
width:100%;
z-index:99;
background-color:#FFFFFF;
border-bottom-width: 1px;
border-top-style: none;
border-right-style: none;
border-bottom-style: solid;
border-left-style: none;
border-bottom-color: #dddddd; padding-top:10px; padding-bottom:0px;
}
/*20240523*/
.tvblock{ margin:auto; padding-bottom:20px; margin-top:30px; }
.tvshow {
}
.tvshow .tshow{ float:left; width:48%; }
.tvshow .tshow .img{min-height:475px;width:100%;}
.tvshow .tshow iframe{ width:100%; min-height:475px; max-height:475px; border:none;}
.tvshow .tshow .right{ background-color:#F6F9FF; padding:10px; }
.tvshow .tshow .right .ntitle{ font-weight:bold;}
.tvshow .tshow *{ max-width:100%; max-height:100%;}
.tvshow .tshow+.r{ margin-left:50%;}
.tvblock .tvli{ float:left; width:23%; margin-left:1%; margin-right:1%; margin-bottom:40px;}
.tvblock .tvli .right{ padding-top:10px; font-size:16px; line-height:1.5;}
.tvblock .tvli .ntitle{ min-height:3em; max-height:3em; overflow:hidden; color:#000000; width:100%;}
.tvblock .tvli .date,.tvshow .tshow .right .date{ color:#999999; font-size:12px; padding-top:5px;}
.tvblock .tvli .img{
overflow:hidden;
min-height:160px;
max-height:160px;
background-color:#ffffff;
text-align:center;
border: 1px solid #f5f5f5;
}
.tvblock .tvshow .r .tvli{ width:48%;}
.tvtitle {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #eeeeee; font-size:14px; line-height:32px; margin-top:20px; clear:both;
}
.tvtitle span{
border: 1px solid #eeeeee; display:inline-block; padding-left:20px; padding-right:20px; background-color:#FAFAFA; margin-bottom:-1px; cursor:pointer;
}
.tvtitle span.hover{ color:#1890FF; font-weight:bold; background-color:#FFFFFF;border-bottom-color:#ffffff;}
.tvtitle span+span{margin-left:2px;}
.tvblock .hc{ padding-top:20px; clear:both; display:none;}
.tvblock .hc.hover{ display:block;}
@media screen and (max-width :768px){
.tvshow .tshow{ width:100%;}
.tvshow .tshow+.r{ width:100%; clear:both; margin:auto; margin-top:20px;}
.tvblock .tvli{ width:48%; margin-top:20px; margin-bottom:20px; float:left;}
.tvshow .tshow .img,.tvshow .tshow iframe{ min-height:60vw; max-height:40vw;}
}
.tvshow2{ width:1200px; max-width:100%; margin:auto;}
.tvshow2 .tshow{ width:73%; }
.tvshow2 .tshow + .r .tvli{ width:100%;}
.tvshow2 .tshow + .r{ margin-left:75%;}
.ttli+.ttli{ margin-top:20px; clear:both;}
.ttli .ttitle{
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #eeeeee;
font-size: 18px;
font-weight: bold; position:relative; color:#000000; margin-bottom:15px;
}
@media screen and (max-width :768px){
.tvshow2 .tshow{ width:98%; margin-left:1%; margin-right:1%;}
.tvshow2 .tshow + .r .tvli{ width:48%; margin-left:1%; margin-right:1%;}
.tvshow2 .tshow + .r{ margin-left:0; clear:both; margin-top:20px; float:left; width:100%;}
.tvshow .tshow .img, .tvshow .tshow iframe {
min-height: 0vw;
max-height: 400vw;
}
}
.pronav+div+#cms,.pronav+div+#cms1{ padding-top:0px;}
.pronav+div{ display:none;}
.pronav.fixed+div{ display:block;}
/*.pronav+div+#cms1{ padding-top:20px;}*/
.contact{ position:relative;}
/*.contact .content> .map{ float:left; width:50vw; margin-left: calc(50% - 50vw); }*/
.contact .content> .map{ float:left; width:50%; margin-left: 0; }
.contact .content> .map iframe{ min-height:850px; width:100%; border:none;}
.contact .content>.right{ float:right; width:50%;box-sizing:border-box; padding-left:30px;}
@media screen and (max-width :1024px){
.contact .content> .map{ width:100%; margin-top:20px; margin-left:0;}
.contact .content> .map iframe{ min-height:500px;}
.contact .content> .right{ float:left; width:100%;}
}
@media screen and (max-width :768px){
.contact .content> .map iframe{ min-height:300px;}
}