a.yiyi1
{
display:block; color:#000; font-size:18px; line-height:99px; padding:0 6px; box-sizing:border-box; position: relative; 
}
a.yiyi1:hover 
{
color:#F00;
}
a.yiyi100
{
display:block; color:#FFF; font-size:18px; line-height:99px; padding:0 6px; box-sizing:border-box; position: relative;
background-color:#003152;
}
a.yiyi100:hover 
{
color:#FFF;
}
.yiyi1-text{letter-spacing:0px; padding-left:0px;}
.lansearch{
background: url(images/search.png) no-repeat left center; letter-spacing:2px; width:138px; text-align:right;
}
.lansearch:hover 
{
background: url(images/search2.png) no-repeat left center;
}
@media screen and (max-width: 1400px){
a.yiyi1{font-size:16px; line-height:76px;}
a.yiyi100{font-size:16px; line-height:76px;}
.lansearch{background: url(images/searchb.png) no-repeat left center; letter-spacing:2px; width:115px;}
.lansearch:hover {background: url(images/search2b.png) no-repeat left center;}
}
@media screen and (max-width: 1200px){
a.yiyi1{font-size:16px; line-height:76px;}
a.yiyi100{font-size:16px; line-height:76px;}
}
a.yiyi1000
{
color:#000; font-size:14px; height:30px; line-height:30px; width:29px; padding-left:1px; margin-top:1px; display:block; text-align:center; float:left; font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif; letter-spacing:2px; background-color:#616161;
border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
}
a.yiyi1000:hover 
{
color:#91bcfd;
}
a.yiyi2
{
color:#000; font-size:16px;
}
a.yiyi2:hover 
{
color:#F00;
}
a.yiyi2s
{
color:#999; font-size:14px;
}
a.yiyi2s:hover 
{
color:#F00;
}
a.yiyi200
{
color:#bbbbbb; font-size:14px;
}
a.yiyi200:hover 
{
color:#F00;
}
a.yiyi2000
{
color:#003152; font-size:12px; display:block; float:right; margin:-35px 10px 0px 0px; height:19px; line-height:19px; width:50px; text-align:center; border:1px solid #003152;
border-radius:9px;
-webkit-border-radius:9px;
-o-border-radius:9px;
-moz-border-radius:9px;
-ms-border-radius:9px;
}
a.yiyi2000:hover 
{
color:#F00; border:1px solid #F00;
}
@media screen and (max-width: 1024px){
a.yiyi2000{display:none;}
}
@media screen and (max-width: 668px){
a.yiyi2{font-size:15px;}
a.yiyi200{font-size:13px;}
}

a.yiyi20000
{
color:#003152; font-size:14px; width:60px; text-align:center; height:22px; line-height:22px; margin:0px 20px 0px 0px; display:block; float:right; font-family:Arial, Helvetica, sans-serif; border:1px solid #003152;
border-radius:9px;
-webkit-border-radius:9px;
-o-border-radius:9px;
-moz-border-radius:9px;
-ms-border-radius:9px;
}
a.yiyi20000:hover 
{
color:#FFF; background-color:#003152;
}
a.yiyi3
{
color:#454545; font-size:18px; display:block; float:left; margin-left:15px; margin-right:20px; text-align:center; height:38px; line-height:38px;
}
a.yiyi3:hover 
{
background:url(images/mark03.png) center bottom no-repeat; color:#ff8901;
}
a.yiyi3000
{
color:#ff8901; font-size:18px; display:block; float:left; margin-left:15px; margin-right:20px; text-align:center; height:38px; line-height:38px; 
background:url(images/mark03.png) center bottom no-repeat;
}
a.yiyi3000:hover 
{
background:url(images/mark03.png) center bottom no-repeat;
}
a.yiyi3000bs
{
color:#FFF; background-color:#003152; font-size:18px; display:block; text-align:center; height:60px; line-height:60px; 
}
a.yiyi3000bs:hover 
{
color:#FFF; background-color:#fe8a01;
}
a.yiyi3000bss
{
color:#666; font-size:14px; display:block; text-align:left; height:30px; line-height:30px; background:url(images/bclass.png) no-repeat 0px 9px; padding-left:12px;
}
a.yiyi3000bss:hover 
{
color:#F00;
}
a.yiyi5
{
display:block; padding-left:25px; color:#202020; font-size:16px; text-align:left; height:40px; line-height:40px; background-color:#999; background:url(images/class.png) no-repeat 10px 15px; border-bottom:1px dashed #a0a0a0;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
a.yiyi5:hover 
{
color:#F00;
}
a.yiyi5000
{
display:block; padding-left:25px; color:#F00; font-size:16px; text-align:left; height:40px; line-height:40px; background-color:#999; background:url(images/class.png) no-repeat 10px 15px; border-bottom:1px dashed #a0a0a0;
}
a.yiyi5000:hover 
{
color:#F00;
}
@media screen and (max-width: 668px){
a.yiyi3{font-size:16px; margin-left:12px; margin-right:12px;}
a.yiyi3000{font-size:16px; margin-left:12px; margin-right:12px;}
}
a.yiyi6
{
color:#252525; font-size:16px;
}
a.yiyi6:hover 
{
color:#F00;
}
a.yiyi60
{
color:#8f8f8f; font-size:13px;
}
a.yiyi60:hover 
{
color:#F00;
}
a.yiyi6c
{
color:#FFF; font-size:16px;
}
a.yiyi6c:hover 
{
color:#F00;
}
a.yiyi60c
{
color:#FFF; font-size:13px;
}
a.yiyi60c:hover 
{
color:#F00;
}
a.yiyi600
{
color:#003152; font-size:13px; width:40px; height:25px; line-height:25px; display:block; border-top:2px solid #003152; text-align:center; font-family:Arial, Helvetica, sans-serif;
}
a.yiyi600:hover 
{
color:#F00; border-top:2px solid #F00;
}
a.yiyi7
{
color:#777; font-size:13px; 
}
a.yiyi7:hover 
{
color:#F00;
}
a.yiyi8
{
color:#666; font-size:14px; font-family:Arial, Helvetica, sans-serif;
}
a.yiyi8:hover 
{
color:#F00;
}
a.yiyi9
{
color:#333; font-size:24px;
}
a.yiyi9:hover 
{
color:#F00;
}
a.yiyi51
{
float:left; width:150px; height:42px; line-height:41px; display:block; margin-left:1px; margin-bottom:10px; text-align:center; color:#FFF; font-size:16px; background-color:#afafaf;
}
a.yiyi51:hover 
{
background-color:#ea3d38;
}
a.yiyi510
{
float:left; width:150px; height:42px; line-height:41px; display:block; margin-left:1px; margin-bottom:10px; text-align:center; color:#FFF; font-size:16px; background-color:#ea3d38;
}
a.yiyi510:hover 
{
background-color:#ea3d38;
}

a.yiyi51a
{
float:left; width:230px; height:50px; line-height:49px; display:block; text-align:center; color:#101010; font-size:16px; background-color:#dfdfdf; margin:5px; box-shadow:0 0 10px rgba(0,0,0,0.3);
border-radius:15px;
-webkit-border-radius:15px;
-o-border-radius:15px;
-moz-border-radius:15px;
-ms-border-radius:15px;
}
a.yiyi51a:hover 
{
background-color:#ea3d38; color:#FFF;
}
a.yiyi510a
{
float:left; width:230px; height:50px; line-height:49px; display:block; text-align:center; color:#FFF; font-size:16px; background-color:#ea3d38; margin:5px; box-shadow:0 0 10px rgba(0,0,0,0.3);
border-radius:15px;
-webkit-border-radius:15px;
-o-border-radius:15px;
-moz-border-radius:15px;
-ms-border-radius:15px;
}
a.yiyi510a:hover 
{
background-color:#ea3d38;
}

a.yiyi8ai
{
color:#222; font-size:20px;
}
a.yiyi8ai:hover 
{
color:#F00;
}
a.yiyi8bi
{
color:#818181; font-size:15px;
}
a.yiyi8bi:hover 
{
color:#F00;
}
a.yiyi8ci
{
color:#999; font-size:15px; font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif;
}
a.yiyi8ci:hover 
{
color:#F00;
}
@media screen and (max-width: 1366px){
a.yiyi8ai
{
font-size:16px;
}
a.yiyi8bi
{
font-size:14px;
}
a.yiyi8ci
{
font-size:14px;
}
}
@media screen and (max-width: 668px){
a.yiyi8ai
{
font-size:14px;
}
a.yiyi8bi
{
font-size:12px;
}
a.yiyi8ci
{
font-size:12px;
}
}



a.yiyiabout
{
color:#FFF; width:128px; height:36px; line-height:36px; text-align:center; font-size:16px; font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif; display:block; margin:0px auto 0px auto; background-color:#b8b8b8;
border-radius:15px;
-webkit-border-radius:15px;
-o-border-radius:15px;
-moz-border-radius:15px;
-ms-border-radius:15px;
}
a.yiyiabout:hover 
{
color:#FFF; background-color:#5c82fd;
}

/*wap搜索*/
.wapform{width:96%; clear:both; margin:10px 0;}
.wapsearchtext{width:calc(100% - 52px); height:52px; border:1px solid #999; border-right:0px; color:#888; background:#FFF; outline:none; font-size:16px; line-height:50px; float:right; box-sizing:border-box; padding-left:10px;}
/*这里*/

.menu{ height:42px; background:rgba(0,0,0,0.6);position:fixed;  top:0px; left:0; z-index:998; width:100%; }
.menu li{list-style:none; float:left; display:inline-block; font:16px/42px "Microsoft Yahei";}
.menu li a{ color:#fff; text-decoration:none; text-align:center; display:block; padding:0px 15px}
.menu li.active{ background:#F00;}

.solid-white {background:url(images/bg_01.jpg); background-size:cover; border-bottom:1px solid #CCC; box-shadow: 0px 12px 20px rgba(0, 0, 0, 0.05);}
.solid-white-top {background:url(images/bg_01.jpg); background-size:cover;}

.position-fixed {
    position: sticky;
    top: 0;
    left: 0;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
	z-index:1000;
}
.position-absolute {
    position:relative;
    top: 0;
    left: 0;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
	z-index:10;
}
/* 二级菜单 */
.subMenu{opacity:1; height:0; position:absolute; left:0; width:100%; background:url(images/subMenubg.jpg) repeat-x top rgba(240, 240, 240, 1.0); border-top:0px solid #e0e0e0; overflow: hidden;
 transition: all 1.0s;
 -webkit-transition: all 1.0s;
 -moz-transition: all 1.0s;/* Firefox 4 */
 -o-transition: all 1.0s; /* Opera */
 
 -webkit-transform: rotateX(-60deg);
 transform: rotateX(-60deg);
 -webkit-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 transform-origin: 0 0;
}
.subMenu div{overflow:hidden;}
.headright .head-item:hover .subMenu{
height:auto; opacity: 1;
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
}

.subMenu .about-menu{display:flex; flex-wrap: wrap; flex-direction:row; align-items:center; justify-content:space-between; width:100%; min-height:420px; max-width:1600px; margin:0 auto; clear:both;}
.subMenu .about-menu .about-menu-img{ width:33%; box-sizing:border-box; border:1px solid #CCC; margin:0px 0; float:right;
border-radius:15px;
-webkit-border-radius:15px;
-o-border-radius:15px;
-moz-border-radius:15px;
-ms-border-radius:15px;
}
.subMenu .about-menu .about-menu-img img{width:100%; height:auto; border:0;}
.subMenu .about-menu .about-menu-img:hover img{
    transform: scale(1.0);
}
.subMenu .about-menu .about-menu-list{float:left; width:65%;}
.subMenu .about-menu .about-menu-list img{border:0px; height:100%; width:auto; vertical-align:middle;}
.subMenu .about-menu .about-menu-list a{
float:left; width:22%; margin-right:3%; display:block; height:60px; line-height:60px; font-size:20px; overflow:hidden; color:#000; border-bottom:1px solid #BBB;
}
.subMenu .about-menu .about-menu-list a:hover { color:#F00;}
.subMenu .about-menu form { width:600px; clear:both; margin:0 auto;}
.subMenu .about-menu .searchtext { width:548px; height:52px; border:1px solid #999; border-right:0px; color:#888; background:#FFF; outline:none; font-size:16px; line-height:50px; float:right; box-sizing:border-box; padding-left:10px;}


.subMenu .pro-menu{width:100%; max-width:1600px; margin:0 auto; clear:both; padding:20px 0 40px 0; overflow:hidden;}
.subMenu .pro-menu .pro-menuall{width:100%; display: -webkit-flex; display: flex; flex-direction: row; flex-wrap:nowrap; justify-content:space-between;}
.subMenu .pro-menu .pro-menuall .pro-menuallclass{width:50%;}
.subMenu .pro-menu a.menubig{display:block; width:90%; height:50px; line-height:50px; font-size:20px; overflow:hidden; color:#000; margin:20px 0 20px 0;
background:url(images/menumark.png) no-repeat 0 16px; border-bottom:1px solid #BBB; box-sizing:border-box; padding-left:21px; overflow:hidden;
display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;
}
.subMenu .pro-menu a.menubig:hover{color:#F00;}
.subMenu .pro-menu a.menubig:last-child{
margin:20px 0 20px 0;
}
.subMenu .pro-menu a.menusmall{display:block; width:90%; height:36px; line-height:36px; font-size:14px; overflow:hidden; color:#333; margin:0px 0 0px 0;
box-sizing:border-box; padding-left:3px; overflow:hidden;
display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;
}
.subMenu .pro-menu a.menusmall:hover{color:#F00;}

.subMenu .case-menu{width:100%; max-width:1600px; margin:0 auto; clear:both; padding:50px 0 75px 0;}
.subMenu .case-menu a{display:block; float:left; width:18.4%; height:50px; line-height:50px; font-size:20px; overflow:hidden; color:#000; margin:20px 2% 20px 0;
background:url(images/menumark.png) no-repeat 0 16px; border-bottom:1px solid #BBB; box-sizing:border-box; padding-left:21px; overflow:hidden;
display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;
}
.subMenu .case-menu a:hover{color:#F00;}
.subMenu .case-menu a:nth-child(5n){
margin:20px 0 20px 0;
}
/*-Navigation-*/
.sp_nav{width:50px;float:right;position:relative; top:50%;cursor:pointer;height:30px;margin-top:-13px;}
.sp_nav span{display:block;background:#000;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:70px}
/*-Navigation-*/
@media screen and (max-width: 1600px){
.subMenu .about-menu .about-menu-list a{width:23%; margin-right:2%; height:60px; line-height:60px; font-size:20px;}
}

@media screen and (max-width: 1500px){
.headright{padding:0 0 0 7%;}
.subMenu .about-menu .about-menu-list a{width:23%; margin-right:2%; height:60px; line-height:60px; font-size:20px;}
}
@media screen and (max-width: 1400px){
.headright{padding:0 0 0 5%;}
.headright .head-item:hover>.lansearch{
background: url(images/search2b.png) no-repeat left center;
}
.headerlogo{height:57px; width:auto;}
.subMenu .about-menu{min-height:300px;}
.subMenu .about-menu .about-menu-list a{width:23%; margin-right:2%; height:60px; line-height:60px; font-size:16px;}
.subMenu .pro-menu{padding:35px 0 50px 0;}
.subMenu .pro-menu a{height:50px; line-height:50px; font-size:16px; overflow:hidden; color:#000; margin:12px 2% 12px 0;}
.subMenu .pro-menu a:nth-child(5n){margin:12px 0 12px 0;}

.subMenu .case-menu{padding:35px 0 50px 0;}
.subMenu .case-menu a{height:50px; line-height:50px; font-size:16px; overflow:hidden; color:#000; margin:12px 2% 12px 0;}
.subMenu .case-menu a:nth-child(5n){margin:12px 0 12px 0;}
}
@media screen and (max-width: 1200px){
.headerlogo{height:48px; width:auto;}
.headright{padding:0 0 0 2%;}
.subMenu .about-menu .about-menu-list a{width:30.33333%; margin-right:3%; height:60px; line-height:60px; font-size:16px;}
}
@media screen and (max-width: 1100px){
.headerlogo{height:42px; width:auto;}
.headright{padding:0 0 0 1%;}
}
@media screen and (max-width: 1024px){
.headerbg{height:70px;}
.headerbgin{height:70px;}
.header{width:100%; height:70px; position:relative; z-index:2000;}
.headerlogo{height:55px; width:calc(100% - 55px); padding-left:5px; display:block;}
.headright{display:none;}
.headwap{
height:70px;
display:-webkit-inline-flex; display:inline-flex; flex:1; justify-content:flex-end;
}
.headmenubg{display:none;}
.nav_show{top:70px;}
}
@media screen and (max-width: 700px){
.headerlogo{height:50px;}
}
@media screen and (max-width: 550px){
.headerlogo{height:40px;}
}
@media screen and (max-width: 370px){
.headerlogo{height:36px;}
}
@media screen and (max-width: 345px){
.headerlogo{height:33px;}
}
/*-Navigation-*/
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:100%; font-size:14px;}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:34px;float:left;border-left:1px #ddd solid;text-align:center;color:#999; font-size:14px; display:block;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:19px;padding:6px 7px 5px 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:1.0em}
.sjj_nav ul li ul li ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:1.0em}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:100%;font-size:14px; display:block;}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left; font-size:14px;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}
/*--Navigation--*/
.flasher-about{
width:100%; margin:0px auto; clear:both; height:335px; background:url(images/flash_about.jpg) center;
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
footer s
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.footerimg{ width:100%; clear:both; margin:0px auto; overflow:hidden;}
.footerimg img{ width:100%; height:auto; border:0px;}
.footerbgall{ width:100%; clear:both; margin:0px auto; overflow:hidden; background:#1b1b1b; background-size:cover;}
.footerbg{ width:100%; clear:both; margin:0px auto; overflow:hidden; background:#1b1b1b; background-size:cover; padding-top:45px;}
.foot-copyright{
clear:both; text-align:center; font-size:18px; color:#666; line-height:36px; padding:20px 0 20px 0; background:#181818;
}
.foot-copyright a{ color:#666; font-size:18px;}
.foot-copyright a:hover{ color:#F00;}
.foot-share{
float:left; display: -webkit-flex; display: flex; flex-direction:row; align-items:center; flex-wrap: nowrap; font-size:20px; color:#FFF; font-family:Arial, Helvetica, sans-serif; margin-left:2%; letter-spacing:2px; text-shadow: 1px 1px 2px #999;
}
.foot-contact{
float:right; display: -webkit-flex; display: flex; flex-direction:row; align-items:center; flex-wrap: nowrap; font-size:20px; color:#FFF; text-align:left; font-family:Arial, Helvetica, sans-serif; margin-right:2%; margin-bottom:45px; letter-spacing:2px; text-shadow: 1px 1px 2px #999;
}
.foot-contact a{
color:#FFF;
}
.foot-contact a:hover{
color:var(--mainColor);
}
.foot-contact ul{
float:left;
}
.foot-contact ul li{
float:left;
}
.foot-contact p{
font-size:20px; color:#FFF; padding:0; margin:0; 
}
.foot-contact i{
margin-left:10px; margin-right:5px;
}
.foot-contact span{
font-size:18px;
}
.foot-all{
clear:both; border-top:1px solid #303030; overflow:hidden; padding:40px 2% 50px 2%; box-sizing:border-box;
display: -webkit-flex; display: flex; flex-direction: row; flex-wrap:nowrap; align-items:center;
}
.foot-allclass{
float:left; width:80%; display: -webkit-flex; display: flex; flex-direction: row; flex-wrap:nowrap; justify-content:space-between;
}
.foot-allclass .footclass{width:50%;}
.foot-allclass a.footbig{display:block; width:90%; height:50px; line-height:50px; font-size:20px; overflow:hidden; color:#EEE; margin:20px 0 10px 0;
background:url(images/footmark.png) no-repeat 0 16px; box-sizing:border-box; padding-left:21px; overflow:hidden;
display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;
}
.foot-allclass a.footbig:hover{color:#F00;}
.foot-allclass a.footbig:last-child{
margin:20px 0 20px 0;
}
.foot-allclass a.footsmall{display:block; width:90%; height:36px; line-height:36px; font-size:14px; overflow:hidden; color:#EEE; margin:0px 0 0px 0;
box-sizing:border-box; padding-left:3px; overflow:hidden;
display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;
}
.foot-allclass a.footsmall:hover{color:#F00;}


.foot-qr{
float:right; width:20%; text-align:center; font-size:18px; line-height:300%;
}
.foot-qr img{
width:50%; height:auto; border:2px solid #FFF; margin-top:40px;
}
@media screen and (max-width: 1400px){
.foot-allclass a.footbig{height:45px; line-height:45px; font-size:18px;}
}
@media screen and (max-width: 1200px){
.foot-share{
float:left; font-size:16px; color:#FFF; font-family:Arial, Helvetica, sans-serif; margin-left:2%;
}
.foot-contact{
float:right; font-size:16px; color:#FFF; text-align:left; font-family:Arial, Helvetica, sans-serif; margin-right:2%; margin-bottom:40px;
}
.foot-contact span{
font-size:16px;
}
.foot-all{
padding:20px 2% 30px 2%;
}
.foot-allclass a.footbig{width:95%; height:40px; line-height:40px; font-size:16px; margin:10px 0 5px 0;
background:url(images/footmark.png) no-repeat 0 16px; box-sizing:border-box; padding-left:21px; overflow:hidden;
}
.foot-allclass a.footsmall{width:95%; height:32px; line-height:32px; font-size:12px; margin:0px 0 0px 0;
box-sizing:border-box; padding-left:3px; overflow:hidden;
}
}
@media screen and (max-width: 1024px){
.footerbg{padding-top:25px;}
.foot-share{
float:none; font-size:16px; color:#FFF; font-family:Arial, Helvetica, sans-serif; margin-left:2%; justify-content: center;
}
.foot-contact{
float:none; font-size:16px; color:#FFF; text-align:left; font-family:Arial, Helvetica, sans-serif; margin-right:2%; margin-bottom:20px; margin-top:10px; justify-content: center;
}
.foot-contact p{
display:none;
}
.foot-contact span{
font-size:16px;
}
.foot-allclass{width:100%;}
.foot-qr{display:none;}
.foot-copyright{font-size:16px; line-height:36px; padding:20px 0 20px 0;}
.foot-copyright a{ color:#666; font-size:16px;}
}
@media screen and (max-width: 868px){
.footerbg{padding-top:25px;}
.foot-share{
float:none; font-size:16px; color:#FFF; font-family:Arial, Helvetica, sans-serif; margin-left:0; justify-content: center; margin-bottom:10px; letter-spacing:1px;
}
.foot-contact{
float:none; font-size:16px; color:#FFF; text-align:left; font-family:Arial, Helvetica, sans-serif; margin-right:0; margin-bottom:20px;  justify-content: center; letter-spacing:1px;
}
.foot-contact span{
font-size:16px;
}
}

@media screen and (max-width: 700px){
.footerbg img{max-width:150px; height:auto; border:0;}
.foot-contact ul{
display: -webkit-flex; display: flex; flex-direction:row; align-items:center; flex-wrap:wrap;  justify-content:center;
}
.foot-contact ul li{
margin-bottom:5px; margin-top:5px;
}
.foot-copyright{font-size:14px; line-height:30px; padding:6px 0 6px 0;}
.foot-copyright a{font-size:14px;}
.foot-qr{clear:both; padding-top:12px;}
.foot-all{clear:both; display:none;}
}

/*轮播*/
.index-page-banner-in{
width:100%; clear:both; margin:0px auto; overflow:hidden; position:relative;
}
.index-page-banner-in img{
width:100%; height:auto; border:0px;
}
@media screen and (max-width: 1024px){
.index-page-banner-in{
width:100%; clear:both; margin:73px auto 0px auto; overflow:hidden; position:relative;
}
}
@media screen and (max-width: 768px){
.index-page-banner-in{
width:100%; clear:both; margin:60px auto 0px auto; overflow:hidden; position:relative;
}
}

.index-page-banner{
width:100%; clear:both; margin:0px auto; overflow:hidden; position:relative;
}
.index-page-banner .swiper-slide{
font-size:0;
}
.index-page-banner .swiper-slide a {
position: relative; display: block; overflow:hidden;
}
.index-page-banner .swiper-slide a img {
width:100%; height:auto; border:0px; position:relative;
}
.index-page-banner .swiper-slide .pcs{display:block;}
.index-page-banner .swiper-slide .waps{display:none;}
@media screen and (max-width: 1024px){
.index-page-banner .swiper-slide .pcs{display:none;}
.index-page-banner .swiper-slide .waps{display:block;}	
}
.index-page-banner .banner-lunbo .swiper-pagination{
 bottom:40px;
}
.index-page-banner .banner-lunbo .swiper-pagination .swiper-pagination-bullet {
  width:60px;
  height: 10px;
  background: none;
  opacity: 1;
  margin: 0;
  vertical-align: middle;
  border-radius: 0;
  position: relative;
}
.index-page-banner .banner-lunbo .swiper-pagination .swiper-pagination-bullet:before {
  content: '';
  display: block;
  width: 75%;
  height: 10px;
  background: #fff;
  position: absolute;
  left:5%;
  top:4px;
  z-index: 10;
border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
}
.index-page-banner .banner-lunbo .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
  background: #F00;
}

.index-page-banner .btn-boxt {
	clear:both; width:100%; height:60px; position:absolute; z-index:5; top:50%; margin-top:-30px;
}
.index-page-banner .btn-boxt .swiper-btn {
  display: inline-block;
  width: 84px;
  height: 84px;
}
.index-page-banner .btn-boxt .swiper-btn.prev {
  margin-left:1%; float:left; opacity:0.7;
  background: url(images/mark_l.png) no-repeat left;
}
.index-page-banner .btn-boxt .swiper-btn.prev:hover {
  background: url(images/mark_l.png) no-repeat left; opacity: 1;
}
.index-page-banner .btn-boxt .swiper-btn.next {
  margin-right:1%; float:right; opacity: 0.7;
  background: url(images/mark_r.png) no-repeat right;
}
.index-page-banner .btn-boxt .swiper-btn.next:hover {
  background: url(images/mark_r.png) no-repeat right; opacity: 1;
}
@media screen and (max-width: 1000px){
.index-page-banner .btn-boxt .swiper-btn {
  display: none;
}
.index-page-banner .banner-lunbo .swiper-pagination{
 bottom:15px;
}
.index-page-banner .banner-lunbo .swiper-pagination .swiper-pagination-bullet {
  width:30px;
  height: 10px;
}
.index-page-banner .banner-lunbo .swiper-pagination .swiper-pagination-bullet:before {
  width: 50%;
  height: 10px;
  left:3%;
  top:4px;
}
}
/*title s*/
.protitle{
padding:9px 15px 9px 15px; color:#FFF; font-size:22px; line-height:45px; background-color:#ff8901; float:left;
box-shadow:0 0 15px rgba(0,0,0,0.5);
border-radius:8px;
-webkit-border-radius:8px;
-o-border-radius:8px;
-moz-border-radius:8px;
-ms-border-radius:8px;
}
.protitleqr{
clear:both; line-height:25px; color:#777; font-size:16px;
}
.titleall{
width:100%; max-width:1600px; margin:0 auto; clear:both; overflow:hidden;
}
.titleall div{
overflow:hidden;
}
.titleall .titleleft{text-align:center;}
.titleall .titleright{
display: -webkit-flex; display: flex; flex-direction:row; flex-wrap: wrap; align-items:center;  justify-content:center; padding-top:0px;
}
.titleall .titleright .active{ color:#F00; border-bottom:1px solid #F00;}
.titleall .titleright .aclass{ width:17%; margin:5px 1.5% 5px 1.5%;}
.titleall .titleright a{
display:block; width:10%; height:50px; line-height:50px; font-size:20px; color:#000; margin:5px 1.5% 5px 1.5%; 
text-align:center; border-bottom:1px solid #BBB; box-sizing:border-box; overflow:hidden;
display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;
}
.titleall .titleright a:hover{
color:#F00; border-bottom:1px solid #F00;
}
.titleall01in{
clear:both; padding-bottom:10px; font-family:"Arial Black", Gadget, sans-serif; font-weight:bold; color:#000; font-size:50px; line-height:50px; letter-spacing:1px;
}
.titleall01{
clear:both; padding-bottom:12px; font-family:"Microsoft Yahei", sans-serif; color:#000; font-size: 36px; line-height:50px; letter-spacing:5px; padding-left:5px; text-align:center;
text-shadow: 1px 1px 2px #999;
}
.titleall02{
font-family:Arial, Helvetica, sans-serif; font-size:36px; letter-spacing:5px; padding-left:5px; color:#000; text-align:center;
text-shadow: 1px 1px 2px #999;
}
.titleall01c{
float:left; color:#FFF; font-family:"Arial Black", Gadget, sans-serif; font-size:60px; line-height:50px; letter-spacing:3px; padding-left:2px;
}
.titleall02c{
float:left; font-family:"Microsoft Yahei"; font-size:32px; letter-spacing:5px; color:#FFF; padding-left:12px;
}
.titleall03{
clear:both; width:60px; height:3px; background-color:#000; margin-top:20px;
}
.titleall05{
clear:both; font-family:"Microsoft Yahei"; font-size:28px; font-weight:bold; letter-spacing:5px; color:#000;
}
a.index-more-all
{
float:right; width:150px; height:50px; line-height:50px; border:2px solid #003152; display:block; margin-top:-70px; text-align:center; color:#999; font-size:17px; font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif;
}
.index-more-all i {
  display: inline-block;
  width: 0.14rem;
  height: 0.12rem;
  background-image: url(images/more2.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  vertical-align: middle;
  position: relative;
  top: -2px;
  margin-left: 0.18rem;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
a.index-more-all:hover 
{
color:#F00; background-color:#d4eeff;
}
.index-more-all:hover i {
  transform: translateX(0.1rem);
  -webkit-transform: translateX(0.1rem);
  -moz-transform: translateX(0.1rem);
  -ms-transform: translateX(0.1rem);
  -o-transform: translateX(0.1rem);
  background-image: url(images/more2.png);
}
@media screen and (max-width: 1400px){
.titleall01in{
font-size:40px; line-height:40px;
}
.titleall01{
font-size: 32px; line-height:42px;
}
.titleall02{
font-size:32px; letter-spacing:3px; padding-left:3px;
}
.titleall01c{
font-size:50px; line-height:50px; letter-spacing:3px; padding-left:2px;
}
.titleall02c{
font-size:28px; letter-spacing:4px; padding-left:12px; padding-top:2px;
}
.titleall05{
font-size:18px;
}
a.index-more-all
{
width:135px; height:45px; line-height:45px; margin-top:-55px;
}
.titleall .titleright .aclass{ width:22%; margin:5px 1.5% 5px 1.5%;}
.titleall .titleright a{font-size:18px;}
}
@media screen and (max-width: 1200px){
.titleall .titleright .aclass{ width:30.33333%; margin:5px 1.5% 5px 1.5%;}
.titleall .titleright a{
width:18%; height:50px; line-height:50px; font-size:18px; color:#000; margin:5px 1.5% 5px 1.5%; 
}
.titleall01c{
font-size:40px; line-height:40px; letter-spacing:3px; padding-left:2px;
}
.titleall02c{
font-size:28px; letter-spacing:4px; padding-left:12px; padding-top:2px;
}
.titleall05{
font-size:16px;
}
.titleall03{
margin-top:15px;
}
a.index-more-all
{
width:120px; height:40px; line-height:40px; margin-top:-50px;
}
}
@media screen and (max-width: 668px){
.titleall .titleright .aclass{ width:45%; margin:5px 1.5% 5px 1.5%;}
.titleall .titleright a{
width:28%; height:50px; line-height:50px; font-size:18px; color:#000; margin:5px 2% 5px 2%; 
}
.titleall01in{
font-size:30px; line-height:30px;
}
.titleall01{
font-size:24px; line-height:36px; padding-bottom:6px;
}
.titleall02{
font-size:24px; letter-spacing:2px; padding-left:2px;
}
.titleall01c{
font-size:36px; line-height:36px; letter-spacing:3px; padding-left:2px;
}
.titleall02c{
font-size:24px; letter-spacing:2px; padding-left:9px; padding-top:2px;
}
a.index-more-all
{display:none;}
}
/*title e*/

.index-page-pro{
width:97%; max-width:1900px; clear:both; margin:0px auto; overflow:hidden; padding:50px 1.5% 30px 1.5%; box-sizing:border-box;
}
.index-page-pro ul{
width:100%; clear:both; padding:40px 0px 20px 0px;
}
.index-page-pro ul li{
float:left; width:22.75%; margin-bottom:30px; margin-right:3%; border:1px solid #FFF; background-color:#FFF; box-sizing: border-box; box-shadow:0 0 10px rgba(0,0,0,0.2);
border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
}
.index-page-pro ul li:nth-child(4n){
 margin-right:0;
}
.index-page-pro ul li:hover{border:1px solid #FFF; box-shadow:0 0 10px rgba(0,0,0,0.3);}
@media screen and (max-width: 1400px){
.index-page-pro{padding-top:50px; padding-bottom:15px;}
}
@media screen and (max-width: 1200px){
.index-page-pro ul li{width:31.33333%; margin-right:3%;}
.index-page-pro ul li:nth-child(4n){margin-right:3%;}
.index-page-pro ul li:nth-child(3n){margin-right:0;}
}
@media screen and (max-width: 700px){
.index-page-pro{padding-top:25px; padding-bottom:5px;}
.index-page-pro ul{padding:30px 0px 20px 0px;}
.index-page-pro ul li{width:48%; margin-bottom:30px; margin-right:4%;}
.index-page-pro ul li:nth-child(4n){margin-right:4%;}
.index-page-pro ul li:nth-child(3n){margin-right:4%;}
.index-page-pro ul li:nth-child(2n){margin-right:0;}
}

.index-page-pro ul li:hover img{
    transform: scale(1.0);
}
.hotsalelist01{
margin:5px auto 0px auto; width:90%; line-height:26px; height:36px; border-top:1px solid #e4e4e4; text-align:center; padding-top:10px; margin-bottom:6px; overflow:hidden;
display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;
}
.hotsalelist02{
margin:0px auto 18px auto; width:90%; line-height:20px; overflow:hidden; text-align:center;
box-sizing:border-box;
display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;
}
@media screen and (max-width: 1024px){
.hotsalelist02{padding-right:0px;}
}
.prolist{
	list-style-type: none;
	/*display:inline-block;*/
	display: block;
	float: left;
	width:100%;
	position: relative;
	overflow: hidden;
}
.dummy{padding-top:100%;}
.prolist img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: inline-block;
	vertical-align: middle;
}
.prolist i{
	display: inline-block;
	vertical-align: middle;
	height:100%;
}
.prolist p{
	text-align: center;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
}
/*pro s*/
.index-pro{
width:96%; max-width:1600px; clear:both; margin:0px auto; overflow:hidden; padding-top:50px; padding-bottom:40px;
}
.index-pro div{
overflow:hidden;
}
.index-pro-l{
float:left; width:18%; background-color:#f0f0f0; padding-bottom:10px;
}
.index-pro-classtitle{
clear:both; text-align:center; background-color:#003152; color:#FFF; font-size:18px; font-weight:bold; line-height:46px;
}
.index-pro-classall{
clear:both; padding:5px 0px 20px 0px;
}
.index-pro-qr01{
clear:both; text-align:center;
}
.index-pro-qr01 img{
clear:both; width:80%; height:auto; border:0px; margin:0 auto;
}
.index-pro-qr02{
clear:both; width:80%; margin:8px auto 20px auto; text-align:center; background-color:#2f2f2f; font-size:16px; color:#FFF; line-height:32px;
border-radius:16px;
-webkit-border-radius:16px;
-o-border-radius:16px;
-moz-border-radius:16px;
-ms-border-radius:16px;
}
.index-pro-r{
float:right; width:80%;
}
.index-pro-r ul{
width:100%; clear:both; padding:0px 0px 20px 0px;
}
.index-pro-r ul li{
float:left; width:22.75%; margin-bottom:30px; margin-right:3%; border:1px solid #e0e0e0; background-color:#FFF; box-sizing: border-box;
border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
}
.index-pro-r ul li:nth-child(4n){
 margin-right:0;
}
@media screen and (max-width: 1024px){
.index-pro{padding-top:30px; padding-bottom:40px;}
.index-pro-l{display:none;}
.index-pro-r{float: none; width:100%; padding-top:30px;}
}
@media screen and (max-width: 700px){
.index-pro-r ul{padding:0px 0px 20px 0px;}
.index-pro-r ul li{width:48%; margin-bottom:30px; margin-right:4%;}
.index-pro-r ul li:nth-child(2n){margin-right:0;}
}

/*app s*/
.index-page-app-bg{
width:100%; clear:both; margin:0px auto; overflow:hidden; background-color:#ececec; padding:60px 0px 70px 0px;
}
.index-page-appall{
width:96%; max-width:1600px; clear:both; margin:0px auto; overflow:hidden;
}
.index-page-app{
	width:100%; max-width:1600px; clear:both; margin:40px auto 0px auto; overflow:hidden; position:relative;
}
.index-page-app .swiper-slide{
font-size:0;
}
.appimg{
position:absolute; left:0; top:0; right:0; bottom:0; max-width:100%; max-height:100%; margin:auto; overflow:hidden; background-color:#039;
}
.index-page-app .swiper-slide a {
width:100%; padding:55% 0 0 0; position: relative; display: block; overflow:hidden;
}
.index-page-app .swiper-slide img {
width:100%; height:100%; border:0px; 
}
.index-page-app .btn-boxt {
  clear:both; width:100%; height:50px; position:absolute; z-index:10; top:50%; margin-top:-25px;
}
.index-page-app .btn-boxt .swiper-btn {
  display: inline-block;
  width: 50px;
  height: 50px;
}
.index-page-app .btn-boxt .swiper-btn.prev {
  margin-left:1%; float:left; opacity:0.7;
  background: url(images/l.png) no-repeat;
}
.index-page-app .btn-boxt .swiper-btn.prev:hover {
  background: url(images/l.png) no-repeat; opacity: 1;
}
.index-page-app .btn-boxt .swiper-btn.next {
  margin-right:1%; float:right; opacity: 0.7;
  background: url(images/r.png) no-repeat;
}
.index-page-app .btn-boxt .swiper-btn.next:hover {
  background: url(images/r.png) no-repeat; opacity: 1;
}
@media screen and (max-width: 700px){
.index-page-app-bg{padding:30px 0px 40px 0px;}
.index-page-app{margin:20px auto 0px auto;}
}
.index-page-aboutbg{
width:100%; clear:both; margin:0px auto; overflow:hidden; background: url(images/banner_09.jpg) no-repeat right center;
}
.index-page-about{
width:96%; max-width:1600px; clear:both; margin:0px auto; overflow:hidden; padding:75px 0px 75px 0px;
}
.index-page-about div{
overflow:hidden;
}
.about-all{
clear:both; width:100%; font-size:18px; color:#EEE; line-height:33px; padding:20px 0px 0px 0px;
}
.about-all p{
padding-bottom:15px;
}
.about-img{
clear:both; font-size:18px; color:#777; line-height:33px; padding:5px 0px 20px 0px;
}
a.about-more
{
color:#FFF; font-size:16px; height:38px; line-height:38px; width:120px; display:block; text-align:center; font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif; border:1px solid #8d8d8d;
border-radius:19px;
-webkit-border-radius:19px;
-o-border-radius:19px;
-moz-border-radius:19px;
-ms-border-radius:19px;
box-shadow:0px 0px 0px 0px rgba(255,255,255,0.5); margin:15px 10px 10px 0px;
}
a.about-more:hover 
{
color:#F00; border:1px solid #F00;
}
@media screen and (max-width: 1400px){
.index-page-about{padding:75px 0px 75px 0px;}
.about-all{font-size:16px; line-height:28px; padding:16px 0px 0px 0px;}
.about-all p{padding-bottom:10px;}
}
@media screen and (max-width: 1200px){
.index-page-about{padding:75px 0px 75px 0px;}
}
@media screen and (max-width: 1024px){
.index-page-about{padding:45px 0px 45px 0px;}
}
@media screen and (max-width: 768px){
.about-all{font-size:16px; line-height:30px; padding:20px 0px 0px 0px;}
.about-all p{padding-bottom:10px;}
}
@media screen and (max-width: 700px){
.index-page-about{padding:35px 0px 35px 0px;}
.about-img img{width:100%; height:auto; border:0px;}
}

/*case s*/
.index-page-casebg{
width:100%; height:732px; padding-top:89px; clear:both; margin:0px auto; overflow:hidden; background:url(images/banner_01.jpg) center; box-sizing: border-box;
}
.index-page-caseall{
width:100%; max-width:1920px; clear:both; margin:0px auto; position:relative; padding:50px 50px 0 50px; box-sizing:border-box; overflow:hidden;
}





.index-page-caseall .swiper-slide{
font-size:0; background:none;
}
.index-page-caseall .swiper-slide .caselistlun {
width:100%; position: relative; overflow:hidden;
}
.index-page-caseall .swiper-slide .caselistlun .caselistlun01{
clear:both; position:relative; width:100%; padding:60% 0 0 0; overflow:hidden; box-sizing: border-box; border:1px solid #555; overflow:hidden;
}
.index-page-caseall .swiper-slide .caselistlun .caselistlun01>img {
  position:absolute; left:0; top:0; right:0; bottom:0; width:100%; height:100%; margin:auto; transition:all .25s; transition: transform ease-in .35s;
  object-fit: cover;
  border:0;
}
.index-page-caseall .swiper-slide .caselistlun:hover img {
transform: scale(1.0);
}
.index-page-caseall .btn-boxt {
  clear:both; width:100%; height:72px; position:absolute; z-index:10; top:50%; box-sizing:border-box; padding-right:100px;
}
.index-page-caseall .btn-boxt .swiper-btn {
  display: inline-block;
  width: 36px;
  height: 72px;
}
.index-page-caseall .btn-boxt .swiper-btn.prev {
  margin-left:-50px; float:left; opacity:0.7;
  background: url(images/casem_l.png) no-repeat;
}
.index-page-caseall .btn-boxt .swiper-btn.prev:hover {
  background: url(images/casem_l.png) no-repeat; opacity: 1;
}
.index-page-caseall .btn-boxt .swiper-btn.next {
  margin-right:-50px; float:right; opacity:0.7;
  background: url(images/casem_r.png) no-repeat;
}
.index-page-caseall .btn-boxt .swiper-btn.next:hover {
  background: url(images/casem_r.png) no-repeat; opacity: 1;
}

.caselist{
clear:both; width:420px; margin:0 20px;
}
.caselist01{
clear:both; width:418px; height:280px; box-sizing: border-box; border:1px solid #555;
}
.caselist img{width:418px; height:280px; border:0;}
.caselist:hover img{
    transform: scale(1.0);
}
@media screen and (max-width: 668px){
.index-page-casebg{
width:100%; height:auto; clear:both; margin:0px auto; overflow:hidden; background:url(images/banner_01.jpg) center; box-sizing: border-box; padding-bottom:50px;
}
}
.index-page-case{
	width:100%; clear:both; overflow:hidden; position:relative;
}

.index-page-news{
width:97%; max-width:1800px; clear:both; margin:0px auto; overflow:hidden; padding-top:60px; padding-bottom:40px;
}
.index-page-news div{
overflow:hidden;
}
.index-page-news ul{
width:100%; clear:both; padding:40px 0px 20px 0px;
}
.index-page-news ul li{
float:left; width:48%; margin-bottom:30px; margin-right:4%; box-sizing:border-box;
}
.index-page-news ul li:nth-child(2n){
 margin-right:0;
}
.index-page-news ul li:hover img{
    transform: scale(1.0);
}
.newsleft{
float:left; width:25%; margin-top:10px; box-sizing: border-box; border:1px solid #d9d9d9;
}
.newsleft .newspic{
clear:both; position:relative; width:100%; padding:60% 0 0 0; overflow:hidden; box-sizing: border-box; overflow:hidden;
}
.newsleft .newspic>img{
  position:absolute; left:0; top:0; right:0; bottom:0; width:100%; height:100%; margin:auto;
  object-fit: cover;
  border:0;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.newsright{
float:right; width:72%;
}
.news01{
clear:both; line-height:36px; padding:5px 0px 4px 0px;
display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;
}
.news02{
clear:both; width:84px; height:2px; background-color:#003152;
}
.news03{
clear:both; word-break:break-all; line-height:24px; padding:7px 0px 0px 0px;
display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
}
.news04{
clear:both; line-height:25px;
}
@media screen and (max-width: 1200px){
.index-page-news ul li{
float:left; width:100%; margin-bottom:20px; margin-right:0; box-sizing:border-box;
}
}
@media screen and (max-width: 768px){
.news01{
clear:both; line-height:36px; padding:0px 0px 3px 0px;
}
.news02{
clear:both; width:60px; height:2px; background-color:#003152;
}
.news03{
clear:both; word-break:break-all; line-height:20px; height:40px; padding:5px 0px 0px 0px;
}
}
@media screen and (max-width: 700px){
.index-page-news{padding-top:25px; padding-bottom:20px;}
.index-page-news ul{padding:20px 0px 20px 0px;}
.index-page-news ul li{margin-bottom:10px;}
.news01{clear:both; line-height:32px; padding:0px 0px 0px 0px;}
}


.index-banner-01{
	width:100%; height:692px; clear:both; margin:20px auto 0px auto; overflow:hidden;
	background: url(images/aboutbg.jpg) center; background-size: cover; background-attachment:fixed;
	display: -webkit-flex; display: flex; align-items:center;
}
.index-banner-01 div{
	overflow:hidden;
}
.index-banner-01 .title-text{
	width:100%; clear:both; margin:0 auto; text-align:center; 
}
.index-banner-01 .title-text h3{
	clear:both; color:#FFF; font-size:36px; letter-spacing:15px; padding:0px 0px 65px 30px; line-height:200%; text-shadow: 2px 2px 3px #FFF;
}
.index-banner-01 .title-text p{
	font-size:25px; color:#e1e5e9; opacity: 0.9; letter-spacing:5px; padding-left:5px; line-height:200%;
}
.index-banner-01 .title-text a{
	display:block; border:2px solid #e0e0e0; box-sizing:border-box; width:260px; height:48px; line-height:44px; font-size:18px; margin:125px auto 0 auto; color:#FFF; letter-spacing:2px; opacity: 0.9;
border-radius:35px;
-webkit-border-radius:35px;
-o-border-radius:35px;
-moz-border-radius:35px;
-ms-border-radius:35px;
}
@media(max-width:1400px) {
.index-banner-01 .title-text h3{
	font-size:36px; letter-spacing:15px; padding:0px 0px 65px 15px;
}
.index-banner-01 .title-text p{
	font-size:25px; line-height:200%;
}
.index-banner-01 .title-text a{
	width:260px; height:48px; line-height:44px; font-size:18px; margin:110px auto 0 auto; letter-spacing:2px;
	border-radius:35px;
	-webkit-border-radius:35px;
	-o-border-radius:35px;
	-moz-border-radius:35px;
	-ms-border-radius:35px;
}
}
@media(max-width:1024px) {
.index-banner-01 .title-text h3{
	font-size:22px; letter-spacing:25px; padding:0px 0px 35px 25px;
}
.index-banner-01 .title-text p{
	font-size:18px; letter-spacing:2px; padding-left:2px;
}
.index-banner-01 .title-text a{
	width:260px; height:48px; line-height:44px; font-size:18px; margin:110px auto 0 auto; letter-spacing:2px;
	border-radius:35px;
	-webkit-border-radius:35px;
	-o-border-radius:35px;
	-moz-border-radius:35px;
	-ms-border-radius:35px;
}
}
@media(max-width:800px) {
.index-banner-01 .title-text h3{
	font-size:20px; letter-spacing:10px; padding:0px 10px 60px 20px;
}
.index-banner-01 .title-text p{
	font-size:16px; letter-spacing:2px; padding:0 20px 0 22px;
}
.index-banner-01 .title-text a{
	width:250px; height:48px; line-height:44px; font-size:18px; margin:110px auto 0 auto; letter-spacing:2px;
	border-radius:35px;
	-webkit-border-radius:35px;
	-o-border-radius:35px;
	-moz-border-radius:35px;
	-ms-border-radius:35px;
}
}

/*内页*/
.indexpage{
width:96%; max-width:1600px; margin:0 auto; clear:both; overflow:hidden; padding-top:50px; padding-bottom:50px;
}
.indexpage div{
overflow:hidden;
}

.aboutflex{
display: -webkit-flex; display: flex; flex-direction:row; flex-wrap: nowrap; align-items:center; justify-content:space-between
}
.indexabout{
	width:100%; clear:both; overflow:hidden; padding:40px 0px 20px 0px; line-height:180%; font-size:18px; color:#333; box-sizing:border-box;
}
.indexabout p{
padding-top:10px;
}
.indexabout img{
border:0px; max-width:100%; height:auto;
}
.indexabout table{
    max-width:100%;
}
.indexabout iframe{
    width:1067px; height:600px; margin:0 auto; clear:both;
}
.indexabout .aboutleft{
float:left; width:63%;
}
.indexabout .aboutright{
float:right; width:30%; text-align:right; padding-top:10px;
}
@media screen and (max-width: 1400px){
.indexabout{
	 padding:20px 0px 20px 0px; line-height:180%; font-size:16px;
}
}
@media screen and (max-width: 1024px){
.indexabout .aboutleft{float:none; width:100%;}
.indexabout .aboutright{display:none;}
}
@media screen and (max-width: 700px){
.indexpage{padding-top:25px; padding-bottom:10px;}
.indexabout{padding:5px 0px 20px 0px;}
}

.indexpage-case{
width:97%; max-width:1800px; margin:0 auto; clear:both; overflow:hidden; padding-top:50px; padding-bottom:50px;
}
.indexpage-case div{
overflow:hidden;
}
.indexpage-case ul{
clear:both; padding:40px 0px 0px 0px;
}
.indexpage-case ul li{
float:left; width:31.33333%; margin-right:3%; overflow:hidden; margin-bottom:25px;
}
.indexpage-case ul li .caseimg{
clear:both; position:relative; width:100%; padding:60% 0 0 0; overflow:hidden; box-sizing: border-box; overflow:hidden;
}
.indexpage-case ul li .caseimg>img{
  position:absolute; left:0; top:0; right:0; bottom:0; width:100%; height:100%; margin:auto;
  object-fit: cover;
  border:0;
}
.indexpage-case ul li:hover img{
    transform: scale(1.0);
}
.indexpage-case ul li:nth-child(3n){
margin-right:0;
}
.indexpage-case ul li:nth-child(3n+1){
clear:both;
}
.indexpage-case ul li p{
.indexpage-case color:#000; font-weight:bold; line-height:30px; padding-top:10px; padding-bottom:2px;
}
.indexpage-case ul li span{
font-size:15px; color:#999; line-height:24px;
}
@media screen and (max-width: 768px){
.indexpage-case ul{padding:30px 0px 0px 0px;}
}
@media screen and (max-width: 700px){
.indexpage-case{padding-top:25px; padding-bottom:25px;}
.indexpage-case ul{padding:25px 0px 0px 0px;}
.indexpage-case ul li{
float:left; width:100%; margin-right:0; overflow:hidden; margin-bottom:10px;
}
}

.newshowtitle{
text-align:center; clear:both; font-size:22px; font-weight:bold; padding-bottom:10px; color:#202020;
}
.newshowtime{
text-align:center; clear:both; font-size:14px; line-height:130%; padding-bottom:0px; color:#666;
}
.newshowdetail{
width:100%; margin:0 auto; clear:both; line-height:180%; font-size:16px; color:#333; padding:0 0 20px 0;
}
.newshowdetail img{
border:0px; max-width:100%; height:auto; margin-top:10px; margin-bottom:10px;
}
.newshowdetail p{
padding-top:10px;
}
.newshowmark{
text-align:right; clear:both; line-height:180%; font-size:12px; padding-top:8px; padding-right:5px;
}
.newshowmark a{ color:#363636; font-size:12px;}
.newshowmark a:hover{ color:#F00;}

@media screen and (max-width: 768px){
.newshowtitle{font-size:18px;}
.newshowdetail{width:100%; font-size:16px;}
}

.newpage{
text-align:center; clear:both; color:#333; width:100%; margin:35px auto 0px auto;
display: -webkit-flex; display: flex; flex-direction:row; align-items:center; flex-wrap: nowrap; justify-content:center;
box-sizing:border-box; padding:10px;
}
.newpage .page-menu-left{
width:48px; display: -webkit-flex; display: flex; flex-direction:row; align-items:center; flex-wrap: wrap; justify-content:center;
}
.newpage .page-menu-all{
width:auto; display: -webkit-flex; display: flex; flex-direction:row; align-items:center; flex-wrap: wrap; justify-content:center;
}
.newpage .page-menu-right{
width:48px; display: -webkit-flex; display: flex; flex-direction:row; align-items:center; flex-wrap: wrap; justify-content:center;
}
.newpage a{font-size:18px; color:#333; display:block; text-align:center; width:36px; height:36px; line-height:36px; border:1px solid #CCC; margin:5px;}
.newpage a:hover{color:#F00;}
@media screen and (max-width: 1420px){
.newpage .page-menu-left{width:44px;}
.newpage .page-menu-right{width:44px;}
.newpage a{font-size:16px; width:32px; height:32px; line-height:32px; margin:5px;}
}
@media screen and (max-width: 1024px){
.newpage .page-menu-left{width:40px;}
.newpage .page-menu-right{width:40px;}
.newpage a{font-size:14px; width:28px; height:28px; line-height:28px; margin:5px;}
}

.promenu{
width:96%; max-width:1600px; clear:both; margin:0 auto; overflow:hidden; text-align:center; box-sizing: border-box; font-size:0; display:none;
}
.promenu a{
  box-sizing: border-box;
  position: relative;
  display:inline-block;
  width:15.06666%; margin:10px 0.8%;
  height:50px; line-height:50px;
  font-size: 17px;
  color: #222;
  text-align: center;
  background-color:#e6e6e6;
  border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
}
.promenu a:hover{
  background-color:#003152; color:#FFF;
}
.promenu .on{
  background-color:#003152; color:#FFF;
}
@media screen and (max-width: 1420px){
.promenu a{
  width:18%; margin:10px 1%;
  height:50px; line-height:50px;
  font-size: 16px;
}
}
@media screen and (max-width: 1200px){
.promenu a{
  width:23%; margin:10px 1%;
  height:40px; line-height:40px;
  font-size: 16px;
}
}
@media screen and (max-width: 1024px){
.promenu{display:block;}
.promenu a{
  width:31.33333%; margin:10px 1%;
  height:40px; line-height:40px;
  font-size: 16px;
}
}
@media screen and (max-width: 700px){
.promenu a{
  width:48%; margin:10px 1%;
  height:40px; line-height:40px;
  font-size: 16px;
}
}

/*响应缓冲*/
.huanchong, .lansearch:hover, .yiyi7, .yiyi20000, .hotsalelist:hover .hotsaleline, .hotsalelistin:hover .hotsaleline, .aboutall3 img ,.subMenu .about-menu .about-menu-list a {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

/*固定的悬浮窗*/
.yb_conct {
	position: fixed;
	z-index: 9999999;
	top: 200px;
	right: -127px;
	cursor: pointer;
	transition: all .3s ease;
}
@media screen and (max-width: 768px){
.yb_conct {display:none;}
}
.yb_bar ul li {
	width: 180px;
	height: 53px;
	font: 16px/53px 'Microsoft YaHei';
	color: #fff;
	text-indent: 54px;
	margin-bottom: 3px;
	border-radius: 3px;
	transition: all .5s ease;
	overflow: hidden;
}
.yb_bar .yb_top {
	background: #ff4a00 url(images/fixCont.png) no-repeat 0 0; font-size:14px;
}
.yb_bar .yb_phone {
	background: #ff4a00 url(images/fixCont.png) no-repeat 0 -57px; font-size:14px;
}
.yb_bar .yb_QQ {
	text-indent: 0;
	background: #ff4a00 url(images/fixCont.png) no-repeat 0 -113px; font-size:14px;
}
.yb_bar .yb_MSN {
	text-indent: 0;
	background: #ff4a00 url(images/fixCont.png) no-repeat 0 -225px; font-size:14px;
}
.yb_bar .yb_SKYPE {
	text-indent: 0;
	background: #ff4a00 url(images/fixCont.png) no-repeat 0 -169px; font-size:14px;
}
.yb_bar .yb_ercode {
	/*height:200px;*/

	background: #ff4a00 url(images/fixCont.png) no-repeat 0 -281px; font-size:14px;
}
.hd_qr {
	padding: 0 29px 25px 29px;
}
.yb_QQ a, .yb_MSN a, .yb_SKYPE a {
	display: block; font-size:14px;
	text-indent: 54px;
	width: 100%;
	height: 100%;
	color: #fff;
}

/*内页公司介绍，联系方式等*/
.inpage-about-all{
	width:98%; max-width:1600px; clear:both; margin:0 auto; overflow:hidden; padding-top:50px;
}
.inpage-about-all div{
	overflow:hidden;
}
.inpage-about-show{
	width:98%; max-width:1600px; clear:both; margin:0 auto; overflow:hidden; padding:40px 0px 20px 0px; line-height:180%; font-size:16px; color:#333; box-sizing:border-box;
}
.inpage-about-show p{
padding-top:10px;
}
.inpage-about-show img{
border:0px; max-width:100%; height:auto;
}
.inpage-about-show table{
    max-width:100%;
}
.inpage-about-show iframe{
    width:1067px; height:600px; margin:0 auto; clear:both;
}
.inpage-about-show .leftp{float:left; width:48%; overflow:hidden; margin-bottom:35px; padding-top:20px;}
.inpage-about-show .rightp{float:right; width:48%; height:auto; overflow:hidden; margin:10px 0 40px 0; border:1px solid #CCC; height:540px;}

.inpage-about-show .netbooklist{float:left; width:46%; margin:0 2%; padding-top:20px;}
.bookbiaoyu{text-align:center; font-size:18px; color:#666; font-weight:bold; letter-spacing:3px;}
.inpage-about-show form{width:100%; max-width:1000px; clear:both; margin:0 auto;}
.inpage-about-show input{border:1px solid #CCC; box-sizing:border-box;}
.inpage-about-show textarea{border:1px solid #CCC; box-sizing:border-box;}

.inpage-about-show .submit01{width:150px; height:40px; line-height:40px; font-size:17px; float:left; margin-left:25px;}
.inpage-about-show .submit02{width:150px; height:40px; line-height:40px; font-size:17px; float:left; margin-left:35px;}

@media(max-width:1620px) {
.inpage-about-show{padding:40px 10px 20px 10px; line-height:180%; font-size:16px;}
}
@media(max-width:1200px) {
.inpage-about-show iframe{width:889px; height:500px;}
.inpage-about-show .leftp{float:none; clear:both; width:90%; margin:0 auto 20px auto; padding-top:0px;}
.inpage-about-show .rightp{float:none; clear:both; width:960px; margin:10px auto 10px auto;}
}
@media(max-width:1024px) {
.inpage-about-show{padding:30px 5px 10px 5px; line-height:180%; font-size:16px;}
}
@media(max-width:980px) {
.inpage-about-show iframe{width:889px; height:500px;}
.inpage-about-show .leftp{float:none; clear:both; width:90%; margin:0 auto 20px auto; padding-top:0px;}
.inpage-about-show .rightp{float:none; clear:both; width:100%; margin:10px auto 10px auto; height:400px;}
}
@media(max-width:924px) {
.inpage-about-show iframe{width:740px; height:416px;}
}
@media(max-width:924px) {
.inpage-about-show iframe{width:740px; height:416px;}
}
@media(max-width:768px) {
.inpage-about-show form{margin:0 auto 20px auto;}
.inpage-about-show .netbooklist{float:none; clear:both; width:96%; margin:0 2%; padding-top:20px;}
.inpage-about-show .submit01{width:135px; height:38px; line-height:38px; font-size:17px; float:left; margin-left:20px;}
.inpage-about-show .submit02{width:135px; height:38px; line-height:38px; font-size:17px; float:left; margin-left:30px;}
}
@media(max-width:700px) {
.inpage-about-show iframe{width:100%; height:300px;}
.bookbiaoyu{font-size:16px; letter-spacing:2px;}
}
.inpage-contact-bg{
	width:100%; clear:both; margin:0 auto; overflow:hidden; background-size:100%;
}

/*下载中心*/
.download-search{
width:100%; border-bottom:1px solid #000; font-size:18px; font-weight:bold; padding:0 5px 0px 5px; box-sizing: border-box; overflow:hidden;
}
.download-search .mydform{
width:100%; max-width:100%; padding:0; margin:0 auto; position:relative;
}
.dlon
{
color:#888;
}
.dlon:focus
{
color:#000;
}
.download-title{
width:100%; border-bottom:1px solid #999; font-size:18px; font-weight:bold; padding:20px 5px 10px 5px; box-sizing: border-box; overflow:hidden;
}
.download-title-a{
float:left; width:50%;
}
.download-title-b{
float:left; width:33%;
}
.download-title-c{
float:left; width:12%;
}
.download-title-d{
float:right; text-align:right;
}
.download-list{
width:100%; font-size:18px; padding:18px 5px 18px 5px; box-sizing: border-box; border-bottom:1px solid #DDD; overflow:hidden; background-color:#f3f3f3;
}
.download-list:hover{
background-color:#f0f0f0;
}
.download-list-a{
float:left; width:50%; font-weight:bold; padding-right:30px; box-sizing:border-box;
}
.download-list-b{
float:left; width:33%; color:#777; font-size:16px; padding-right:30px; box-sizing:border-box;
}
.download-list-c{
float:left; width:12%; color:#777;
}
.download-list-c a{font-size:18px; color:#777;}
.download-list-c a:hover{color:#F00;}
.download-list-d{
float:right; text-align:right;
}
.download-list-d a{font-size:18px; color:#428bca;}
.download-list-d a:hover{color:#F00;}
@media(max-width:1024px) {
.download-title-c{display:none;}
.download-list-c{display:none;}
}
@media(max-width:700px) {
.download-title{font-size:16px;}
.download-list{font-size:16px;}
.download-title-a{width:50%;}
.download-list-a{width:50%;}
.download-title-b{width:35%;}
.download-list-b{width:35%; font-size:14px;}
.download-list-d a{font-size:16px;}
}

.inpage-video{
	width:98%; max-width:1800px; clear:both; margin:0 auto; overflow:hidden; padding-top:50px;
}
.inpage-video div{
	overflow:hidden;
}
.videomenu{
	width:100%; max-width:1800px; clear:both; margin:0 auto; overflow:hidden; font-size:0px; text-align:center; padding-top:40px; padding-bottom:40px;
}
.videomenu .mli{position:relative; width:13.428%; height:55px; line-height:55px; font-size:18px; text-align:center; box-sizing: border-box; cursor: pointer;text-overflow: ellipsis;overflow: hidden;white-space:nowrap; display:inline-block; background-color:#ddd; margin-right:1%; margin-bottom:10px;}
.videomenu .mli:nth-child(7n){margin-right:0;}
.videomenu .mli:last-child{margin-right:0;}
.videomenu .mli a{display: block;color:#000;}
.videomenu .mli a:after{content: " ";border-style: solid dashed dashed dashed;border-color: transparent; border-bottom-color:#ddd; border-width: 10px 10px 10px 10px;width: 0;height: 0;position: absolute;left: 50%;margin-left: -10px;bottom: 0;transition: all .5s;}
.videomenu .mli a.on, .videomenu .mli a:hover{background:#3773d3; color: #fff; transition: all .5s;}
.videomenu .mli a.on:after, .videomenu .mli a:hover:after{border-bottom-color: #fff;}

.inpage-video ul{
	padding:40px 0 40px 0;
}

.inpage-video ul li{
	float:left; width:49%; margin-right:2%; margin-bottom:30px; position:relative;
}
.inpage-video ul li:nth-child(2n){
	margin-right:0;
}
.inpage-video ul li:nth-child(2n+1){
	clear:both;
}
.casepic{
  clear:both; position:relative; width:100%; padding:60% 0 0 0; box-sizing: border-box;
  font-size: 0; overflow:hidden;
border-radius:10px 10px 0px 0px;
-webkit-border-radius:10px 10px 0px 0px;
-o-border-radius:10px 10px 0px 0px;
-moz-border-radius:10px 10px 0px 0px;
-ms-border-radius:10px 10px 0px 0px;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.player{
	position:absolute; z-index:3; left:50%; top:50%; margin-left:-60px; margin-top:-60px; width:120px; height:120px; background:url(images/player.png);
}

.casepic>img{
  position:absolute; left:0; top:0; right:0; bottom:0; width:100%; height:100%; margin:auto;
  object-fit: cover;
  border:0;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.inpage-video ul li:hover img{
    transform: scale(1.0);
}

.inpage-video ul li:hover .player-index {
   background:url(images/playerindex.png) rgba(0, 0, 0, 0) no-repeat right 10px top 10px;
}
@media(max-width:1420px) {
.videomenu{padding-bottom:30px;}
.videomenu .mli{width:14%; height:50px; line-height:50px; font-size:16px; margin-right:1%; margin-bottom:8px;}
.inpage-video ul li{
	margin-bottom:20px;
}
}
@media(max-width:1024px) {
.videomenu .mli{width:15%; height:45px; line-height:45px; font-size:14px; margin-right:1%; margin-bottom:6px;}
.inpage-video ul li{
	margin-bottom:15px;
}
}
@media(max-width:768px) {
.videomenu{padding-bottom:20px;}
.videomenu .mli{width:25%; height:42px; line-height:42px; font-size:14px; margin-right:1%; margin-bottom:5px;}
.videomenu .mli:nth-child(1){margin-left:1%;}
}
@media(max-width:668px) {
.inpage-video{width:98%;}
.videomenu{padding-bottom:15px;}
.videomenu .mli{width:40%; height:42px; line-height:42px; font-size:14px; margin-right:1%; margin-left:1%; margin-bottom:5px;}
.videomenu .mli:nth-child(1){margin-left:1%;}
.videomenu .mli:last-child{margin-right:1%;}
.inpage-video ul li{
	width:100%; margin-right:0; margin-bottom:4%;
}
}


/**加载中蒙版.loading{width:100%; height:100%; background-color:rgba(85, 85, 85, 0.5); opacity:1; position:fixed; -position:absolute; top:0; left:0; z-index:1099; display:none; padding:0;}**/ 
.loading{width:60%; height:90%; opacity:1; position:fixed; -position:absolute; top:10%; left:20%; display: none; z-index:100; padding:0; overflow:hidden;}
.closeloading{width:100%; height:100%; position:fixed; left:0; top:0; z-index:13000; display:none; background:url(images/closebiga.png) no-repeat top 16px right 16px rgba(85, 85, 85, 0.9);}
.loadingin{transform: scale(1);}
.loadingout{transform: scale(0);}

.loadvideo{
	width:100%; padding:57.5% 0 0 0; position:relative; display:block; overflow:hidden; background-color:#999; margin:0 auto;
}
.loadshow{
	width:100%; height:100%; display:block; position:absolute; left:0; top:0; overflow:hidden; box-sizing:border-box; border:30px solid #999; background:#FFF;
}
.loadshow iframe{
	width:100%; height:100%;
}
@media(max-width:1420px) {
.loadshow{border:15px solid #999;}
}
@media(max-width:1200px) {
.loading{width:76%; height:90%; top:10%; left:12%;}
}
@media(max-width:1024px) {
.loading{width:80%; height:90%; top:10%; left:10%;}
}
@media(max-width:768px) {
.loading{width:92%; height:88%; top:12%; left:4%;}
.closeloading{background:url(images/closebigb.png) no-repeat top 16px right 16px rgba(85, 85, 85, 0.9);}
.loadshow{border:10px solid #999;}
}
@media(max-width:668px) {
.loading{width:96%; height:85%; top:15%; left:2%;}
}

.inpage-proshow{
	width:98%; max-width:1600px; clear:both; margin:0 auto; padding-top:0px; position:relative;
}
.proshow-menu-container {
width:90px; position:absolute; right:0px; margin-right:-100px; z-index:1;
}
.proshow-menu{
position:fixed; width:90px; top:141px; z-index:10; overflow:hidden;
}
.proshow-menu a{
display:block; padding-left:15px; height:40px; line-height:40px; text-align:left; font-size:14px; color:#000; border-bottom:1px solid #DDD; background:url(images/menumark.png) no-repeat -5px 11px;
}
.proshow-menu a:hover, #menu a.current{color:#06F; background:url(images/menumark.png) no-repeat -5px 11px;}

.close-proshow-menu{
width:90px; height:36px; text-align:center; position:fixed; top:105px; z-index:500; border-bottom:1px solid #DDD; overflow:hidden;
}
.close-proshow-menu p:after {
	content: '关闭';
	font-family:light;
	font-size: 14px;
	z-index: 500;
	color: #000; display:block; width:100%; line-height:36px; text-align:center;
}
.close-proshow-menu.active  p:after {
	content: '展开'; 
}

.proshow-container{
	width:100%; clear:both; overflow:hidden;
}
.proshow-container div{
	overflow:hidden;
}
.inpage-proshow-box01{
	width:100%; clear:both; padding:0 0 50px 0; overflow:hidden;
}
.inpage-proshow-box01-wap{
	width:100%; clear:both; padding:50px 0; overflow:hidden; display:none;
}
.inpage-proshow-box01-pic{
	width:100%; clear:both; overflow:hidden; padding:0px 40px 30px 40px; box-sizing:border-box;
}
@media(max-width:700px) {
.inpage-proshow-box01-pic{padding:0px 30px 30px 30px;}
}
.inpage-proshow-box02{
	width:100%; clear:both; padding:30px 0 20px 0;
}
.inpage-proshow-box03{
	width:100%; clear:both; padding:20px 0; 
}
.inpage-proshow-box04{
	width:100%; clear:both; padding:20px 0; 
}
.inpage-proshow-box05{
	width:100%; clear:both; padding:20px 0; 
}
.inpage-proshow-box06{
	width:100%; clear:both; padding:20px 0;
}
.proshow-box01-left{
	width:35%; float:left;
}
.proshow-box01-left-01{
	clear:both; padding:20px 0; text-align:center;
}
.proshow-box01-left-02{
	clear:both; margin-top:20px; position:relative; width:100%; padding:56% 0 0 0; box-sizing: border-box; overflow:hidden;
}
.proshow-box01-left-02>img{
  position:absolute; left:0; top:0; right:0; bottom:0; width:100%; height:100%; margin:auto;
  object-fit: cover;
  border:0;
}

.proshow-box01-right{
	width:61%; float:right; font-size:18px; color:#454545; line-height:200%; padding-bottom:20px;
}
.promemo{
	clear:both; border-bottom:1px solid #CCC; padding-bottom:20px; margin-bottom:26px; overflow:hidden;
}

.proshow-box01-right img{
	max-width:100%; height:auto;
}
.proshow-box01-right table{
    width:100%; max-width:100%;
}

.proshow-box01-right-01{
	clear:both; font-size:20px; color:#000; font-weight:bold; text-align:center; line-height:250%;
}
.proshow-box01-right-01 span{
	margin-right:10px;
}
.proshow-title{
	width:100%; text-align:center; line-height:65px; font-size:32px; color:#000; overflow:hidden; display:block; position:relative; background-color:rgba(170, 170, 170, 0.1); border-bottom: solid 1px rgba(179, 179, 179, 0.3);
}
.proshow-all{
	width:100%; font-size:18px; color:#454545; line-height:200%; overflow:hidden; padding:20px 0; display:block;
}
.proshow-all img{
	max-width:100%; height:auto;
}
.proshow-all table{
    max-width:100%;
}
.pconoff{
	display:block;
}
.waponoff{
	display:none;
}
.psbox02-left{
float:left; width:60%;
}
.psbox02-right{
float:right; width:35%;
}
.psbox02-right img{
width:100%; height:auto; border:0;
}
@media(max-width:1800px) {
.proshow-menu-container {width:90px; position:absolute; right:0px; z-index:1; margin-right:0px;}
.close-proshow-menu{display:block;}
}
@media(max-width:1420px) {
.proshow-menu-container {width:90px;}
.close-proshow-menu{width:70px; height:32px;}
.close-proshow-menu p:after {font-size:13px; line-height:32px;}
.proshow-menu{width:70px; top:137px;}
.proshow-menu a{padding-left:12px; height:32px; line-height:32px; font-size:13px; background:url(images/menumark.png) no-repeat -5px 6px;}
.proshow-menu a:hover, #menu a.current{color:#06F; background:url(images/menumark.png) no-repeat -5px 6px;}
.proshow-title{line-height:60px; font-size:32px;}
.proshow-box01-right{font-size:16px; line-height:180%;}
.proshow-all{font-size:16px; line-height:180%; padding:20px 0;}
}

@media(max-width:1200px) {
.inpage-proshow{
	padding-top:0px;
}
.inpage-proshow-box01{
	padding:40px 0;
}
}
@media(max-width:1024px) {
.inpage-proshow{width:98%;}
.proshow-title{line-height:55px; font-size:26px;}
.inpage-proshow{padding-top:0px;}
.inpage-proshow-box01{padding:30px 0;}

.proshow-box01-left{
width:70%; float:none; clear:both; margin:0 auto;
}
.proshow-box01-right{
width:100%; float:none; font-size:14px; line-height:180%; padding-top:15px; padding-bottom:20px;
}
.proshow-all{font-size:16px; line-height:180%; padding:20px 0;}
}
@media(max-width:924px) {
.psbox02-left{float:none; width:100%;}
.psbox02-right{display:none;}
}

@media(max-width:700px) {
.proshow-box01-left{width:96%; clear:both; margin:0 auto;}
.inpage-proshow-box01{padding:0 0 0 0;}
.inpage-proshow-box01-wap{padding:20px 0; display:block;}
.inpage-proshow-box02{padding:20px 0 10px 0;}
.inpage-proshow-box03{padding:10px 0;}
.inpage-proshow-box04{padding:10px 0;}
.inpage-proshow-box05{padding:10px 0;}
.inpage-proshow-box06{padding:10px 0;}
.pconoff{display:none;}
.waponoff{display:block;}
.proshow-menu{display:none;}
.close-proshow-menu{display:none;}
.proshow-all{display:block;}
.proshow-title{
	line-height:50px; font-size:22px; background-color:rgba(170, 170, 170, 0.2);
}
.proshow-title p:after {
	content: '';
	background:url(images/jiantou2.png) no-repeat center;
	font-family:light;
	font-size: 22px;
	position:absolute;
	z-index: 10;
	color: #333; display:block; width:25px; height:25px; text-align:center; line-height:25px; right:10px; top:13px;
}
.proshow-title.active  p:after {
	color: #333;
	font-size: 28px;
	content: ''; 
	top:11px;
	background:url(images/jiantou.png) no-repeat center;
}
}

/*特效*/
.white,.whites{position: relative;overflow: hidden;}
.white:after,.whites:after{content: ''; cursor: pointer; position: absolute; left: -100%; top: 0; width:100%; height:100%; background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); transform: skewx(-25deg);}
.white:hover:after{left:100%; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s; transition:1s;}
.whites:hover:after{left:100%; -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s;}

.search-all{
	width:100%; clear:both; margin:0 auto; overflow:hidden; padding:40px 0 50px 0;
}
.searchlist{
float:left; width:46%; margin:0px 2% 30px 2%; background-color:#FFF; box-sizing: border-box; padding:6px 10px 10px 10px; border:1px solid #CCC; overflow:hidden; color:#06F;
border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
}
.searchlist div{overflow:hidden;}
.searchlist:nth-child(2n+1){clear:both;}
.searchlist:hover{
border:1px solid #003152;
}
.searchlist .searchleft{float:left; width:34%; box-sizing:border-box; padding:6px;}
.searchlist .searchleft .searchpic{
clear:both; position:relative; width:100%; padding:100% 0 0 0; overflow:hidden; box-sizing: border-box; overflow:hidden;
}
.searchlist .searchleft .searchpic>img{
  position:absolute; left:0; top:0; right:0; bottom:0; max-width:100%; max-height:100%; margin:auto;
  object-fit: cover;
  border:0;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.searchlist .searchright{float:right; width:65%; box-sizing:border-box;}
.searchlist .searchright .sa1{display:block; clear:both; font-size:16px; line-height:200%; color:#000;}
.searchlist .searchright .sa2{display:block; clear:both; font-size:14px; color:#999; line-height:200%; overflow:hidden; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical;}
.searchlist .searchright .sa3{display:block; clear:both; font-size:16px; line-height:250%;}
.searchlist:hover img{
    transform: scale(1.0);
}
@media screen and (max-width: 768px){
.searchlist{float:none; clear:both; width:98%; margin:0px 1% 10px 1%;}
}
@media screen and (max-width: 668px){
.searchlist{float:none; clear:both; width:99%; margin:0px auto 20px auto;}
}
/*home banner s*/
.index-page-banner-index-01{
width:100%; max-width:1920px; height:541px; clear:both; margin:0 auto; overflow:hidden; background:url(images/banner_02.jpg) center no-repeat; box-sizing: border-box; text-align:center;
display: -webkit-flex; display: flex; align-items:center;
}
/*home banner 2s*/
.index-page-banner-index-02{
width:100%; max-width:1920px; height:821px; clear:both; margin:0 auto; overflow:hidden; background:url(images/banner_06shiyong.jpg) top no-repeat; box-sizing: border-box; text-align:center;
display: -webkit-flex; display: flex; align-items:center; padding-top:10px;
}

.index-page-banner-index-all{
width:100%; clear:both; margin:0 auto; overflow:hidden;
}
.index-page-banner-index-allbg{
clear:both; overflow:hidden; background: url(images/dian_07.png) rgba(0,80,135,0.4); padding:30px 60px 30px 30px;
}
.index-page-banner-index-a{
clear:both;
}
.index-page-banner-index-a img{
border:0px; width:27.5%; max-width:443px; height:auto;
}
.index-page-banner-index-b{
clear:both; color:#FFF; font-size:24px; letter-spacing:20px; padding:40px 0px 30px 20px; line-height:250%; text-shadow: 2px 2px 2px #000;
}
.index-page-banner-index-c{
clear:both; color:#FFF; font-size:20px; letter-spacing:2px; padding-left:2px; line-height:200%; padding-bottom:20px; text-shadow: 1px 1px 1px #000;
}
.index-page-banner-index-d{
clear:both; color:#FFF; font-size:24px; letter-spacing:3px; padding:0px 0px 0px 0px; line-height:250%; text-shadow: 2px 2px 2px #000;
}
@media screen and (max-width: 1400px){
.index-page-banner-index-b{
font-size:22px; letter-spacing:18px; padding:40px 0px 30px 18px;
}
}
@media screen and (max-width: 1024px){
.index-page-banner-index-a img{
border:0px; width:50%; max-width:330px; height:auto;
}
.index-page-banner-index-b{
font-size:20px; letter-spacing:20px; padding:40px 0px 30px 20px;
}
.index-page-banner-index-c{
font-size:18px; letter-spacing:2px; padding-left:2px;
}
.index-page-banner-index-d{
font-size:20px; letter-spacing:3px; padding:0px 0px 0px 0px; line-height:250%;
}
}
@media screen and (max-width: 900px){

}
@media screen and (max-width: 800px){
.index-page-banner-index-allbg{
padding:30px 30px 30px 30px;
}
.index-page-banner-index-b{
font-size:20px; letter-spacing:10px; padding:40px 20px 30px 30px;
}
.index-page-banner-index-c{
font-size:16px; letter-spacing:2px; padding:0 20px 20px 22px;
}
.index-page-banner-index-d{
font-size:20px; letter-spacing:3px; padding:0px 0px 0px 0px; line-height:250%;
}
}
@media screen and (max-width: 700px){
.index-page-banner-index-a img{
border:0px; width:50%; max-width:280px; height:auto;
}
.index-page-banner-index-b{
font-size:18px; letter-spacing:6px; padding:40px 10px 30px 16px;
}
}
/*home banner e*/

.index-page-youshi{
width:100%; clear:both; margin:60px auto 0 auto; overflow:hidden;
}
.index-page-youshi div{
overflow:hidden;
}
.index-page-youshiall{
width:100%; max-width:1600px; clear:both; margin:0px auto;
display: -webkit-flex; display: flex; flex-direction:row; flex-wrap: wrap; align-items:center;  justify-content:center;
}
.index-page-youshilist{
float:left; width:22.75%; margin-right:3%; text-align:center; box-sizing:border-box;
}
.index-page-youshilist:nth-child(4){
margin-right:0;
}
.index-page-youshi-container{
position:relative; width:100%; padding:70% 0 0 0; overflow:hidden;
}
.index-page-youshi-container a{
width:100%; height:100%; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; display:block; box-sizing: border-box; padding:0;
}
.index-page-youshi-container a:hover .inbg{
background: url(images/dian_07.png) rgba(0,80,135,0.5); padding:6% 0 0 0;
}
.index-page-youshi-container a:hover span{
color:#FFF;
}
.index-page-youshi-container a:hover p{
color:#d9d9d9;
}
.index-page-youshi-container .inbg{
position:relative; width:100%; height:100%; box-sizing:border-box; padding:10% 0 0 0; container-type:inline-size; background: url(images/dian_07.png) rgba(0,80,135,0.2);
}
.index-page-youshi-container .inbg .outm{
width:25%; height:auto; border:0;
}
.index-page-youshi-container .inbg .onm{
width:0%; height:auto; border:0;
}
.index-page-youshi-container a:hover .inbg .outm{
width:0%; height:auto; border:0;
}
.index-page-youshi-container a:hover .inbg .onm{
width:25%; height:auto; border:0;
}

.index-page-youshilist span{
color:#FFF; font-size:5cqw; margin:2% 0 2% 0; font-weight:normal; line-height:180%; display:block; letter-spacing:10px; padding-left:10px; text-shadow: 1px 1px 1px #000;
}
.index-page-youshilist p{
color:#DDD; font-size:4.6cqw; line-height:180%; text-shadow: 1px 1px 1px #000;
}
@media screen and (max-width: 1400px){
.index-page-youshi{margin:80px auto 0 auto;}
}
@media screen and (max-width: 1200px){
.index-page-youshi{margin:100px auto 0 auto;}
}
@media screen and (max-width: 820px){
.index-page-youshi{margin:20px auto 0 auto;}
.index-page-youshilist{width:40%; margin:0 5% 20px 5%;}
.index-page-youshilist:nth-child(2n){margin-right:5%; margin-bottom:20px;}
.index-page-youshi-container{padding:60% 0 0 0;}
.index-page-youshi-container .inbg{position:relative; width:100%; height:100%; box-sizing:border-box; padding:5% 0 0 0; container-type:inline-size;}
}
@media screen and (max-width: 700px){
.index-page-youshi{margin:40px auto 0 auto;}
.index-page-youshilist{width:40%; margin:0 5% 20px 5%;}
.index-page-youshilist:nth-child(2n){margin-right:5%; margin-bottom:20px;}
}
@media screen and (max-width: 500px){
.index-page-youshi{margin:40px auto 0 auto;}
.index-page-youshilist{width:46%; margin:0 2% 20px 2%;}
.index-page-youshilist:nth-child(2n){margin-right:2%; margin-bottom:20px;}
}

/*home banner 2e*/

.index-box-1 {width:100%; clear:both; margin:0 auto; overflow:hidden; background-color:#FFF; padding-top:50px;}
.index-box-1 ul{
	width:100%; height:100%; background: #FFF; clear:both; margin:0 auto; overflow:hidden; position:relative; padding:10px 0 20px 0;
}
.index-box-1 ul li{
	float:left; width:25%; text-align:center; overflow:hidden; padding-top:30px;
	border-radius:40px;
	-webkit-border-radius:40px;
	-o-border-radius:40px;
	-moz-border-radius:40px;
	-ms-border-radius:40px;
}
.index-box-1 ul li:hover img{
transform: scale(1.0);
}
.index-box-1 ul li .hotproline{
	width:100%; overflow:hidden; border-bottom:1px solid #d8d8d8; border-right:1px solid #d8d8d8; box-sizing:border-box;
}
.index-box-1 ul li:nth-child(4) .hotproline{
	border-right:0px solid #d8d8d8;
}
.index-box-1 ul li:nth-child(5) .hotproline{
	border-bottom:0px solid #d8d8d8;
}
.index-box-1 ul li:nth-child(6) .hotproline{
	border-bottom:0px solid #d8d8d8;
}
.index-box-1 ul li:nth-child(7) .hotproline{
	border-bottom:0px solid #d8d8d8;
}
.index-box-1 ul li:nth-child(8) .hotproline{
	border-bottom:0px solid #d8d8d8; border-right:0px solid #d8d8d8;
}
.index-box-1 ul li .hotproline div{
	overflow:hidden;
}
.index-box-1 ul li .hotsalelist-sw-01{
	width:85%; line-height:40px; overflow:hidden; clear:both; margin:0 auto;
	display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;
}
.index-box-1 ul li .hotsalelist-sw-02{
	width:85%; line-height:28px; overflow:hidden; clear:both; margin:0 auto; margin-bottom:16px;
	display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;
}
.index-box-1 .img-center{
    position:relative; width:100%; padding:100% 0 0 0; overflow:hidden; box-sizing: border-box; overflow:hidden;
}
.index-box-1 .img-center>img{
  position:absolute; left:0; top:0; right:0; bottom:0; max-width:90%; max-height:90%; margin:auto;
  object-fit: cover;
  border:0;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
@media (max-width:1200px) {
.index-box-1 ul li{
	width:33.33333%;
}
.index-box-1 ul li:nth-child(3) .hotproline{
	border-right:0px solid #d8d8d8;
}
.index-box-1 ul li:nth-child(4) .hotproline{
	border-bottom:0px solid #d8d8d8; border-right:1px solid #d8d8d8;
}
.index-box-1 ul li:nth-child(5) .hotproline{
	border-bottom:0px solid #d8d8d8;
}
.index-box-1 ul li:nth-child(6) .hotproline{
	border-bottom:0px solid #d8d8d8;
}
.index-box-1 ul li:nth-child(7){
	display:none;
}
.index-box-1 ul li:nth-child(8){
	display:none;
}
}
@media (max-width:768px) {
.index-box-1 ul li{
	width:50%;
}
.index-box-1 ul li:nth-child(2n) .hotproline{
	border-right:0px solid #d8d8d8;
}
.index-box-1 ul li:nth-child(3) .hotproline{
	border-right:1px solid #d8d8d8;
}
.index-box-1 ul li:nth-child(4) .hotproline{
	border-bottom:1px solid #d8d8d8; border-right:0px solid #d8d8d8;
}
.index-box-1 ul li:nth-child(5) .hotproline{
	border-bottom:1px solid #d8d8d8;
}
.index-box-1 ul li:nth-child(6) .hotproline{
	border-bottom:1px solid #d8d8d8;
}
.index-box-1 ul li:nth-child(7){
	display:block;
}
.index-box-1 ul li:nth-child(8){
	display:block;
}
}

.index-page-pro-index{
width:100%; max-width:1900px; clear:both; margin:0px auto; overflow:hidden; padding:60px 2% 30px 2%; box-sizing:border-box;
}
.index-page-pro-index ul{
width:100%; clear:both; padding:40px 0px 20px 0px;
}
.index-page-pro-index ul li{
float:left; width:18.4%; margin-bottom:40px; margin-right:2%; border:1px solid #FFF; background-color:#FFF; box-sizing: border-box;
}
.index-page-pro-index ul li:nth-child(5n){
 margin-right:0;
}
.index-page-pro-index ul li:hover img{
    transform: scale(1.0);
}
.index-page-pro-index ul li:hover{border:1px solid #FFF; box-shadow:0 0 10px rgba(0,0,0,0.3);}
@media screen and (max-width: 1400px){
.index-page-pro-index{padding:60px 2% 30px 2%;}
}
@media screen and (max-width: 1200px){
.index-page-pro-index ul li{
width:23.5%; margin-bottom:40px; margin-right:2%;
}
.index-page-pro-index ul li:nth-child(5n){margin-right:2%;}
.index-page-pro-index ul li:nth-child(4n){margin-right:0;}
}
@media screen and (max-width: 1024px){
.index-page-pro-index{padding:35px 2% 0px 2%;}
.index-page-pro-index ul li{
width:32%; margin-bottom:40px; margin-right:2%;
}
.index-page-pro-index ul li:nth-child(4n){margin-right:2%;}
.index-page-pro-index ul li:nth-child(3n){margin-right:0;}
}
@media screen and (max-width: 700px){
.index-page-pro-index ul li{
width:49%; margin-bottom:20px; margin-right:2%;
}
.index-page-pro-index ul li:nth-child(3n){margin-right:2%;}
.index-page-pro-index ul li:nth-child(2n){margin-right:0;}
}

.index-box-video-all {
	width:100%; clear:both; margin:0px auto 0px auto; padding:60px 2% 0 2%; overflow:hidden; 
	background-image: url('images/casebg.jpg'), linear-gradient(rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.01));
	background-blend-mode: multiply;
	background-size: cover; background-attachment:fixed;
}
.player-index{
	position:absolute; z-index:3; left:0; top:0; width:100%; height:100%; background:url(images/playerindex.png) rgba(0, 0, 0, 0.5) no-repeat right 10px top 10px; transition: background 1.5s;
}
.player-text{
	position:absolute; z-index:10; left:0; bottom:0; width:100%; height:auto; box-sizing:border-box; padding:10px 3%;
	background:linear-gradient(90deg, rgba(25, 127, 253, 0.5), rgba(255, 0, 0, 0.2), rgba(255, 0, 0, 0),rgba(255, 0, 0, 0));  text-shadow: 1px 1px 2px #000;
}
.player-text p{
	color:#FFF; font-size:16px; padding:0; margin:0; letter-spacing:3px; overflow:hidden;
	display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;
}
.player-text span{
	color:#aaa; font-size:14px; line-height:150%; overflow:hidden;
	display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
}
.index-box-video-all ul {
clear:both; width:100%; margin:0 auto; overflow:hidden; position:relative; padding:50px 0 25px 0;
display: -webkit-flex; display: flex; flex-wrap:wrap; align-items:center; justify-content:center;
}
.index-box-video-all ul li{float:left; width:32%; margin:0 2% 35px 0;}
.index-box-video-all ul li:nth-child(-n+2){width:45%;}
.index-box-video-all ul li:nth-child(3n-1){margin:0 0 35px 0;}
.index-box-video-all ul li:nth-child(3){clear:both;}

.index-box-video-all ul li:nth-child(-n+2) .player-text p{
	color:#FFF; font-size:18px; padding:0; margin:0; letter-spacing:3px; overflow:hidden;
	display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;
}
.index-box-video-all ul li:nth-child(-n+2) .player-text span{
	color:#aaa; font-size:16px; line-height:150%; overflow:hidden;
	display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
}


.index-box-video-all .pic {
  clear:both; position:relative; width:100%; padding:60% 0 0 0; box-sizing: border-box;
  font-size: 0; overflow:hidden;
border-radius:10px 10px 0px 0px;
-webkit-border-radius:10px 10px 0px 0px;
-o-border-radius:10px 10px 0px 0px;
-moz-border-radius:10px 10px 0px 0px;
-ms-border-radius:10px 10px 0px 0px;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.index-box-video-all .pic>img {
  position:absolute; left:0; top:0; right:0; bottom:0; width:100%; height:100%; margin:auto;
  object-fit: cover;
  border:0;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.index-box-video-all ul li:hover .player-index {
   background:url(images/playerindex.png) rgba(0, 0, 0, 0) no-repeat right 10px top 10px;
}
.index-box-video-all ul li:hover img {
  transform: scale(1.0);
}
@media screen and (max-width: 1200px) {
.player-text p{
	font-size:14px; letter-spacing:2px;
}
.player-text span{
	font-size:12px;
}
.index-box-video-all ul li:nth-child(-n+2) .player-text p{
	font-size:16px;
}
.index-box-video-all ul li:nth-child(-n+2) .player-text span{
	font-size:14px;
}
}
@media screen and (max-width: 1024px) {
.index-box-video-all ul li:nth-child(-n+2) .player-text p{
	font-size:14px; letter-spacing:2px; 
}
.index-box-video-all ul li:nth-child(-n+2) .player-text span{
	font-size:12px;
}
}
@media screen and (max-width: 700px) {
.index-box-video-all ul li{float:none; width:100%; margin:0 0 35px 0;}
.index-box-video-all ul li:nth-child(-n+2){width:100%;}

.player-text p{
	font-size:16px; letter-spacing:3px;
}
.player-text span{
	font-size:14px;
}
.index-box-video-all ul li:nth-child(-n+2) .player-text p{
	font-size:16px; letter-spacing:3px; 
}
.index-box-video-all ul li:nth-child(-n+2) .player-text span{
    font-size:14px;
}
}

.index-box-case-all {
	width:100%; clear:both; margin:0px auto 0px auto; padding:60px 2% 0 2%; overflow:hidden; background-color:#FFF;
}

.index-box-case-all ul {clear:both; width:100%; margin:0 auto; overflow:hidden; position:relative; padding:50px 0 25px 0;}
.index-box-case-all ul li{float:left; width:32%; margin:0 2% 35px 0;}
.index-box-case-all ul li:nth-child(3n){margin:0 0 35px 0;}
.index-box-case-all ul li:nth-child(3n+1){clear:both;}
.index-box-case-all .pic {
  clear:both; position:relative; width:100%; padding:60% 0 0 0; box-sizing: border-box; border:1px solid #CCC;
  font-size: 0; overflow:hidden;
border-radius:9px;
-webkit-border-radius:9px;
-o-border-radius:9px;
-moz-border-radius:9px;
-ms-border-radius:9px;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.index-box-case-all .pic>img {
  position:absolute; left:0; top:0; right:0; bottom:0; width:100%; height:100%; margin:auto;
  object-fit: cover;
  border:0;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.index-box-case-all ul li:hover img {
  transform: scale(1.0);
}
.index-box-case-all a {
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
a.sw-case1
{
display:block; clear:both; color:#000; font-size:18px; line-height:200%; padding:5px 0 0 0;
display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden;
}
a.sw-case1:hover 
{
color:#F00;
}
a.sw-case2
{
display:block; clear:both; color:#999; font-size:16px; line-height:180%;
display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
a.sw-case2:hover 
{
color:#F00;
}
a.sw-case3
{
display:block; clear:both; color:#888; font-size:16px; line-height:200%;
}
a.sw-case3:hover 
{
color:#F00;
}

@media screen and (max-width: 1400px) {
a.sw-case1{font-size:16px; line-height:200%; padding:5px 0 0 0;}
a.sw-case2{font-size:14px; line-height:180%;}
a.sw-case3{font-size:14px; line-height:200%;}
}
@media screen and (max-width: 1200px) {
.index-box-case-all ul li{float:left; width:48.5%; margin:0 3% 35px 0;}
.index-box-case-all ul li:nth-child(3n){margin:0 3% 35px 0;}
.index-box-case-all ul li:nth-child(3n+1){clear:none;}
.index-box-case-all ul li:nth-child(2n){margin:0 0 35px 0;}
.index-box-case-all ul li:nth-child(2n+1){clear:both;}
}
@media screen and (max-width: 1024px) {
.index-box-case-all {padding-top:35px;}
.index-box-case-all ul {padding:30px 0 15px 0;}
}
@media screen and (max-width: 700px) {
.index-box-case-all ul li{float:left; width:100%; margin:0 0 25px 0;}
.index-box-case-all ul li:nth-child(3n){margin:0 0 35px 0;}
.index-box-case-all ul li:nth-child(2n){margin:0 0 25px 0;}
}


.index-box-5bg {width:100%; clear:both; margin:0 auto; overflow:hidden; background-color:#f3f3f3; padding-top:60px;}
.index-box-5 {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  padding:50px 0 80px 0;
  width:100%; clear:both; margin:0 auto; overflow:hidden; position:relative;
}
.index-box-5 .swiper-btn {
  width: 50px;
  height: 92px;
  position:absolute;
  top:50%; margin-top:-46px;
}
.index-box-5 .swiper-btn.prev {
  left:15px;
  background: url(images/allm_l.png) no-repeat center;
}
.index-box-5 .swiper-btn.prev:hover {
  background: url(images/allm_l.png) no-repeat center #DDD;
}
.index-box-5 .swiper-btn.next {
  right:15px;
  background: url(images/allm_r.png) no-repeat center;
}
.index-box-5 .swiper-btn.next:hover {
  background: url(images/allm_r.png) no-repeat center #DDD;
}
.index-box-5 .news-box {
  width:calc(100% - 160px); margin:0 auto;
}
.index-box-5 .swiper-slide {
  font-size: 0;
  background: #FFF;
}
.index-box-5 .swiper-slide a{
  font-size: 0; display:block; width:100%; padding:135% 0 0 0; position:relative;
}
.index-box-5 .swiper-slide a .newsbox{
  position:absolute; left:0; top:0; right:0; bottom:0; width:100%; height:100%; margin:auto;
}
.index-box-5 .swiper-slide:hover {
  background: #09F url(images/i5_bg.png) no-repeat right bottom;
}
.index-box-5 .swiper-slide:hover .pic {
  padding:0 0 0 0;
}
.index-box-5 .swiper-slide:hover .info {
  padding-top: .86rem;
}
.index-box-5 .swiper-slide:hover .info .name,
.index-box-5 .swiper-slide:hover .info .desc,
.index-box-5 .swiper-slide:hover .info .date {
  color: #fff;
}
.index-box-5 .swiper-slide:hover .more {
  margin-left: .45rem;
  margin-top: .7rem;
  position: static;
  border-color: #fff;
  background: url(images/a_r2.png) no-repeat center center;
}
.index-box-5 .swiper-slide a {
  position: relative;
  display: block;
  height: 5.86rem;
}
.index-box-5 .pic {
  clear:both; position:relative; width:100%; padding:60% 0 0 0; box-sizing: border-box;
  font-size: 0; overflow:hidden;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.index-box-5 .pic>img {
  position:absolute; left:0; top:0; right:0; bottom:0; width:100%; height:100%; margin:auto;
  object-fit: cover;
  border:0;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.index-box-5 .info {
  position: relative;
  padding: .58rem .45rem 0;
}
.index-box-5 .info .name {
  font-weight: 700;
  color: #000;
  font-size: 1rem;
  line-height: 1.8rem;
  height: 48px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  letter-spacing: 1px;
  padding-right: .18rem;
}
.index-box-5 .info .desc {
  font-size: 14px;
  color: #a1a1a1;
  line-height: 24px;
  height: 72px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  margin: .24rem auto .55rem;
}
.index-box-5 .info .date {
  color: #999;
  font-size: 14px;
}
.index-box-5 .more {
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 10;
  width: 15%;
  height: 11.11111%;
  border: 1px solid #09F;
  background: url(images/a_r2_on.png) no-repeat center center;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: background-position 0.3s ease;
  -webkit-transition: background-position 0.3s ease;
}
.index-box-5 .more:hover {
  background-position-x: 60%!important;
}
@media screen and (max-width: 1440px) {
  .index-box-5 .swiper-slide a {
    height: 7.2rem;
  }
}
@media screen and (max-width: 1200px) {
.index-box-5 .news-box {
  width:calc(100% - 100px); margin:0 auto;
}
.index-box-5 .swiper-btn.prev {
  left:0px;
}
.index-box-5 .swiper-btn.next {
  right:0px;
}
}

@media screen and (max-width: 1024px) {
  .index-box-5 .swiper-slide:hover .info {
    padding-top: 1.2rem;
  }
  .index-box-5 .swiper-slide:hover .more {
    margin-left: .45rem;
    margin-top: .8rem;
  }
  .index-box-5 .swiper-slide a {
    height: 8.5rem;
  }
  .index-box-5 .info {
    padding: .58rem .4rem;
  }
  .index-box-5 .info .name {
    font-size: 1rem;
    line-height: 1.8rem;
    height: 1.8rem;
    padding-right: 0;
  }
  .index-box-5 .info .desc {
    line-height: 20px;
    height: 60px;
    font-size: 16px;
  }
  .index-box-5 .info .date {
    font-size: 14px;
  }
  .index-box-5 .more {
    width: 9%;
    height: 6.66666%;
    background-size: 40%;
  }
  .index-box-5 .more:hover {
    background-size: 40%;
  }
}

@media screen and (max-width: 768px) {
.index-box-5 .news-box {
  width:calc(100% - 60px); margin:0 auto;
}
.index-box-5 .swiper-slide {
width: 100%!important;
}
.index-box-5 .swiper-btn {
  width: 30px;
  height: 60px;
  position:absolute;
  top:50%; margin-top:-30px;
}
.index-box-5 .swiper-btn.prev {
  left:0;
  background: url(images/feel3.png) no-repeat center;
}
.index-box-5 .swiper-btn.prev:hover {
  background: url(images/feel3.png) no-repeat center #DDD;
}
.index-box-5 .swiper-btn.next {
  right:0px;
  background: url(images/feel4.png) no-repeat center;
}
.index-box-5 .swiper-btn.next:hover {
  background: url(images/feel4.png) no-repeat center #DDD;
}
.index-box-5 .swiper-slide a {
    height: 12rem;
}
}
@media screen and (max-width: 1024px){
.index-box-5bg {padding-top:35px;}
.index-box-5 {padding:30px 0 50px 0;}
}
@media screen and (max-width: 668px) {
.index-box-5 .swiper-slide a {
    height: 9rem;
}
}

.proclassall { width:100%; clear:both; margin:0 auto; overflow:hidden; padding-top:0px; padding-bottom:60px;}
.proclassall div{ overflow:hidden;}
.proclassall .proclasslist{float:left; width:18.4%; margin:0 2% 2% 0;}
.proclassall .proclasslist:nth-child(5n){margin:0 0 2% 0;}

.proclassall .proclasslist p{text-align:center; font-size:18px; color:#000;}
.proclassall .classpic{
  clear:both; position:relative; width:100%; padding:100% 0 0 0; box-sizing: border-box;
  font-size: 0; overflow:hidden;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.proclassall .proclasslist:hover img {
  transform: scale(1.0);
}
.proclassall .proclasslist:hover P {
  color:#F00;
}
.proclassall .classpic>img {
  position:absolute; left:0; top:0; right:0; bottom:0; max-width:100%; max-height:100%; margin:auto;
  object-fit: cover;
  border:0;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
@media screen and (max-width: 1200px){
.proclassall .proclasslist{float:left; width:23.5%; margin:0 2% 2% 0;}
.proclassall .proclasslist:nth-child(5n){margin:0 2% 2% 0;}
.proclassall .proclasslist:nth-child(4n){margin:0 0 2% 0;}
}
@media screen and (max-width: 1024px){
.proclassall .proclasslist{float:left; width:32%; margin:0 2% 2% 0;}
.proclassall .proclasslist:nth-child(4n){margin:0 2% 2% 0;}
.proclassall .proclasslist:nth-child(3n){margin:0 0 2% 0;}
.proclassall .proclasslist p{font-size:16px;}
}
@media screen and (max-width: 700px){
.proclassall .proclasslist{float:left; width:49%; margin:0 2% 2% 0;}
.proclassall .proclasslist:nth-child(3n){margin:0 2% 2% 0;}
.proclassall .proclasslist:nth-child(2n){margin:0 0 2% 0;}
}

.smallclasslist { width:100%; clear:both; margin:3% auto 3% auto; overflow:hidden; background: url(images/bg_01.jpg) center;
font-size:20px; color:#000; line-height:300%; box-sizing:border-box; padding:0 0 0 2%;
border-radius:30px 0 30px 0;
-webkit-border-radius:30px 0 30px 0;
-o-border-radius:30px 0 30px 0;
-moz-border-radius:30px 0 30px 0;
-ms-border-radius:30px 0 30px 0;
}
@media screen and (max-width: 700px){
.smallclasslist{line-height:250%; padding:0 0 0 5%;}
}

/*资质证书轮播S*/
.gallery-big {
width:100%; margin:0 auto; clear:both; overflow:hidden;
}
.gallery-small {
position:relative; width:100%; padding:18.4% 0 0 0; clear:both; overflow:hidden; margin:5px 0 35px 0; background:#FFF;
}
.gallery-small .gallery-thumbs-box {
position:absolute; left:0; top:0; right:0; bottom:0; width:100%; height:100%; margin:auto;
}


.swiper-container {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.gallery-top {
	padding-bottom: 0px;
	width: 100%;
}
.gallery-top .swiper-slide {
position:relative; width:100%; padding:66.6% 0 0 0; overflow:hidden; background-color:#FFF; border:1px solid #CCC; box-sizing:border-box;
border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
}
.gallery-top .swiper-slide img {
	position:absolute; left:0; top:0; right:0; bottom:0; max-width:100%; max-height:100%; margin:auto;
}

.gallery-top .swiper-slide-active {
	opacity: 1;
}
.gallery-thumbs {
	height: 100%;
	box-sizing: border-box;
	/*padding-top: 3px; padding-bottom:3px; padding-left:10px;*/
}
/*
.gallery-thumbs .swiper-wrapper{
	display: -webkit-flex; display: flex;
	justify-content:center;
}*/
.gallery-thumbs .swiper-slide {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: 100%;
	overflow: hidden; border:2px solid #09F; box-sizing: border-box;
border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
}
.gallery-thumbs .swiper-slide img {
	max-width: 100%;
	height: 100%;
}
.gallery-thumbs-box .swiper-container {
	margin-left: auto;
	margin-right: auto;
}
.gallery-thumbs-box .swiper-button-prev {	
	background-size: 10px 18px;
	left: 5px;
	margin-top: -22px;
	top: 50%;
	outline: none; color:#000;
}
.gallery-thumbs-box .swiper-button-next {
	background-size: 10px 18px;
	right: 5px;
	margin-top: -22px;
	top: 50%;
	outline: none; color:#000;
}
.gallery-top-box {
	position: relative;
	width: 100%;
}
.gallery-top-box .swiper-container {
	margin-left: auto;
	margin-right: auto;
}
.gallery-top-box .swiper-button-prev {
	
	width: 10px;
	background-size: 18px 38px;
	left: 10px;
	margin-top: 0;
	top: 50%;
	outline: none;
	transform: translate(0, -50%); color:#000;
}
.gallery-top-box .swiper-button-next {
	
	width: 10px;
	background-size: 18px 38px;
	right: 10px;
	margin-top: 0;
	top: 50%;
	outline: none;
	transform: translate(0, -50%); color:#000;
}
.slideshow {
	float: right;
	margin-right: 30px;
	margin-top: 15px;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center right;
	background-image: url("images/play.png");
	cursor: pointer;
	padding-right: 15px;
	color: #999;
	transition: all 0.3s ease
}
.pauseed {
	background-image: url("images/pause.png");
}
@media(max-width:768px) {
.gallery-big {
width:100%; margin:0 auto; clear:both; overflow:hidden;
}
.gallery-small {
width:100%; margin:5px auto 10px auto; clear:both; overflow:hidden; padding:18.4% 0 0 0;
}
.gallery-top .swiper-slide {
padding:100% 0 0 0;
}
}
/*资质证书轮播E*/

/*加载缓冲S*/
    #loader-wrapper {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 999999;
    }

    #loader {
      display: block;
      position: relative;
      left: 50%;
      top: 50%;
      width: 150px;
      height: 150px;
      margin: -75px 0 0 -75px;
      border-radius: 50%;
      border: 3px solid transparent;
      border-top-color: #FFF;
      -webkit-animation: spin 2s linear infinite;
      -ms-animation: spin 2s linear infinite;
      -moz-animation: spin 2s linear infinite;
      -o-animation: spin 2s linear infinite;
      animation: spin 2s linear infinite;
      z-index: 1001;
    }

    #loader:before {
      content: "";
      position: absolute;
      top: 5px;
      left: 5px;
      right: 5px;
      bottom: 5px;
      border-radius: 50%;
      border: 3px solid transparent;
      border-top-color: #FFF;
      -webkit-animation: spin 3s linear infinite;
      -moz-animation: spin 3s linear infinite;
      -o-animation: spin 3s linear infinite;
      -ms-animation: spin 3s linear infinite;
      animation: spin 3s linear infinite;
    }

    #loader:after {
      content: "";
      position: absolute;
      top: 15px;
      left: 15px;
      right: 15px;
      bottom: 15px;
      border-radius: 50%;
      border: 3px solid transparent;
      border-top-color: #FFF;
      -moz-animation: spin 1.5s linear infinite;
      -o-animation: spin 1.5s linear infinite;
      -ms-animation: spin 1.5s linear infinite;
      -webkit-animation: spin 1.5s linear infinite;
      animation: spin 1.5s linear infinite;
    }


    @-webkit-keyframes spin {
      0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
      }
      100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
      }
    }

    @keyframes spin {
      0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
      }
      100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
      }
    }


    #loader-wrapper .loader-section {
      position: fixed;
      top: 0;
      width: 51%;
      height: 100%;
      background: #f3e2ff;
      z-index: 1000;
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0);
    }

    #loader-wrapper .loader-section.section-left {
      left: 0;
    }

    #loader-wrapper .loader-section.section-right {
      right: 0;
    }


    .loaded #loader-wrapper .loader-section.section-left {
      -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
      transform: translateX(-100%);
      -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
      transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    }

    .loaded #loader-wrapper .loader-section.section-right {
      -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
      transform: translateX(100%);
      -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
      transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    }

    .loaded #loader {
      opacity: 0;
      -webkit-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out;
    }

    .loaded #loader-wrapper {
      visibility: hidden;
      -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
      transform: translateY(-100%);
      -webkit-transition: all 0.3s 1s ease-out;
      transition: all 0.3s 1s ease-out;
    }

    .no-js #loader-wrapper {
      display: none;
    }

    .no-js h1 {
      color: #222222;
    }

    #loader-wrapper .load_title {
      font-family: 'Open Sans';
      color: #FFF;
      font-size: 19px;
      width: 100%;
      text-align: center;
      z-index: 9999999999999;
      position: absolute;
      top: 60%;
      opacity: 1;
      line-height: 30px;
    }

    #loader-wrapper .load_title span {
      font-weight: normal;
      font-style: italic;
      font-size: 13px;
      color: #FFF;
      opacity: 0.5;
    }
/*加载缓冲E*/
.gallery-big-border {
border:15px solid #f0f0f0;
}
@media(max-width:768px) {
.gallery-big-border {
border:3px solid #f0f0f0;
}
}

.foot-share ul li {
  position: relative;
}
.header-top-right ul li {
  position: relative;
}
.social-profile {
	float:left;
}
.social-profile li{
	float:left; margin-right:10px;
}
.social-profile li i{
	float:left; background-color:#FFF; color:#09F; width:36px; height:36px; line-height:36px; margin-right:10px; text-align:center; box-sizing:border-box; padding-left:2px;
border-radius:18px;
-webkit-border-radius:18px;
-o-border-radius:18px;
-moz-border-radius:18px;
-ms-border-radius:18px;
}

.social-profile li .subeqr{ width:100px; position:absolute; left:-32px; top:20px; z-index:5; background-color:#fff; border:1px solid #ddd; box-shadow:0 0 5px #ddd; /*display:none;*/ visibility:hidden; opacity:0; transition:all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55); } 
.social-profile li .subeqr img{width:100%; height:auto;} 
.social-profile li:hover .subeqr{ /*display:block;*/ visibility:visible; opacity:1; top:48px; } 
.social-profile li .subeqr:before{ content:''; width:0; height:0; border-bottom:10px solid #fff; border-right:10px solid transparent; border-left:10px solid transparent; position:absolute; left:38px; top:-10px; z-index:5; } 
.social-profile li .subeqr:after{ content:''; width:0; height:0; border-bottom:12px solid #ddd; border-right:12px solid transparent; border-left:12px solid transparent; position:absolute; left:36px; top:-12px; }

/**********************************/
/***** Layout & Section Title *****/
/**********************************/
.Proclass-container {
    width: 100%; background:#f0f0f0; box-shadow: 0px 12px 20px rgba(0, 0, 0, 0.5); overflow:hidden;
    padding:30px 30px 0px 30px;
    margin-right: auto;
    margin-left: auto;
}

.Proclass-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.Proclass-column {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
@media screen and (max-width: 700px) {
.Proclass-container {
    padding:20px 10px 0px 10px;
}	
}

@media (min-width: 576px) {
    .Proclass-column {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (min-width: 768px) {
    .Proclass-column {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (min-width: 1200px) {
    .Proclass-column {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
}

/*==========================
Contact Area CSS
============================*/
.contact-form-area {
  background: #FFF;
}
.contact-form-area h2{
  font-size: 30px;
  margin-bottom: 30px; color:#333;
}

.contact-form h3 {
  font-size: 30px;
  margin-bottom: 30px;
}

.contact-form .form-group {
  margin-bottom: 30px;
}

.contact-form .form-group label {
  margin-bottom: 5px;
}

.contact-form .form-group .form-control {
  border-radius: 0;
  height: 60px;
  border: 1px solid #ebebeb;
  background-color: #f9fffc;
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.contact-form .form-group .form-control::-webkit-input-placeholder {
  color: #d4d9d6;
}

.contact-form .form-group .form-control:-ms-input-placeholder {
  color: #d4d9d6;
}

.contact-form .form-group .form-control::-ms-input-placeholder {
  color: #d4d9d6;
}

.contact-form .form-group .form-control::placeholder {
  color: #d4d9d6;
}

.contact-form .form-group .form-control:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: #7aca76;
}

.contact-form .form-group textarea.form-control {
  height: auto;
}

.contact-form .submit-btn {
  border: none;
  background-color: #7aca76;
  color: var(--whiteColor);
  border-radius: 4px;
  padding: 15px 35px;
  font-size: 16px;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  border: 1px solid #7aca76;
}

.contact-form .submit-btn i {
  font-size: 20px;
  position: relative;
  top: 4px;
}

.contact-form .submit-btn:hover {
  background-color: transparent;
  color: #7aca76;
}

.contact-form .form-group .form-control {
  border: 1px solid #89748c;
  background-color: transparent;
  border-radius: 4px;
}

.contact-form .form-group .form-control::-webkit-input-placeholder {
  color: #998f9d;
}

.contact-form .form-group .form-control:-ms-input-placeholder {
  color: #998f9d;
}

.contact-form .form-group .form-control::-ms-input-placeholder {
  color: #998f9d;
}

.contact-form .form-group .form-control::placeholder {
  color: #998f9d;
}

.contact-form .form-group .form-control:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: #89748c;
}

.contact-form .submit-btn {
  background-color: #89748c;
  border: 1px solid #89748c;
  width: 100%;
}

.contact-form .submit-btn:hover {
  background-color: transparent;
  color: #89748c;
}

.contact-img {
  text-align: center;
  position: relative;
  z-index: 1;
}

.contact-img::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 450px;
  height: 450px;
  background-color: !important;
  border-radius: 100%;
  z-index: -1;
  margin: auto;
  text-align: center;
  right: 0;
}

.contact-form .contact__msg {
  display: none;
  text-align: center;
  margin-top: 20px;
}

.contact-form .subscribe__msg {
  display: none;
  margin-top: 20px;
}

.contact-form .hidden {
  display: none;
}

@media only screen and (max-width: 767px) {
  .contact-form {
    margin-top: 20px;
    margin-bottom: 30px;
  }
  .contact-form h3 {
    font-size: 20px;
    text-align: center;
    margin-bottom: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-form {
    margin-top: 30px;
    margin-bottom: 50px;
  }
  .contact-form h3 {
    font-size: 22px;
    text-align: center;
    margin-bottom: 20px;
  }
}

.head-box-shadow{
	box-shadow:0 0 10px rgba(0,0,0,0.3);
}

/*==========================
room-details-area CSS
============================*/

.room-details-show{
	width:100%; clear:both; margin:0 auto; overflow:hidden;
}
.room-details-show .rowshow{
	width:100%; clear:both; margin:0 auto; padding:50px 2%; overflow:hidden; box-sizing:border-box;
}
.room-details-show .rowshow .row-l{
	float:left; width:72%; overflow:hidden;
}
.room-details-show .rowshow .row-l .propicshow{
	width:100%; clear:both; overflow:hidden; margin:0 auto; box-sizing:border-box; padding:0 15%;
}
.room-details-show .rowshow .row-l hr{
	clear:both; background-color:#333; margin:0;
}

.room-details-show .rowshow .row-r{
	float:right; width:25%; overflow:hidden; background-color:#e9e9e9;
border-radius:15px; padding:20px; box-sizing:border-box; box-shadow:0 0 10px rgba(0,0,0,0.3);
-webkit-border-radius:15px;
-o-border-radius:15px;
-moz-border-radius:15px;
-ms-border-radius:15px;
}
.room-details-show .rowshow .row-r h3{
	color:#000; font-size:20px; line-height:150%; text-shadow: 1px 1px 2px #999;
}
.room-details-show .rowshow .row-r .prospec{
	color:#333; font-size:14px; padding:5px 0 0 0; line-height:160%; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical;  overflow:hidden;
}
.room-details-show .rowshow .row-r .probook{
	padding:0; box-sizing:border-box; margin-top:15px;
border-radius:10px;
-webkit-border-radius:10px;
-o-border-radius:10px;
-moz-border-radius:10px;
-ms-border-radius:10px;
}
.room-details-show .rowshow .row-r .probook .book-text{
	float:left; width:48.5%; margin-bottom:10px; margin-right:3%;
}
.room-details-show .rowshow .row-r .probook .book-text:nth-child(2n){
	margin-right:0;
}

.room-details-show .pro-show{
	width:100%; clear:both; margin:0; padding:20px 0; overflow:hidden;
}
.room-details-show .pro-show .pro-show-l{
	float:left; width:16.66666%; overflow:hidden; color:#000;
}
.room-details-show .pro-show .pro-show-l h5{
	color:#000; font-size:18px; font-weight:normal;
}
.room-details-show .pro-show .pro-show-r{
	float:right; width:83.33333%; overflow:hidden; font-size:16px; line-height:180%; color:#666;
}
.room-details-show .rowshow .row-l .pro-show .room-video-show{
	width:100%; padding:55% 0 0 0; position:relative; display:block; overflow:hidden; background-color:#999; margin:0 auto;
}
.room-details-show .rowshow .row-l .pro-show .room-video-show-tab{
	width:100%; height:100%; display:block; position:absolute; left:0; top:0; overflow:hidden; box-sizing:border-box; border:0px;
}
.room-details-show .rowshow .row-l .pro-show .room-video-show-tab iframe{
  width:100%; height:100%;
}



@media screen and (max-width: 1600px) {
.room-details-show .rowshow .row-l .propicshow{
	padding:0 10%;
}
}
@media screen and (max-width: 1400px) {
.room-details-show .rowshow .row-l .propicshow{
	padding:0 5%;
}
}
@media screen and (max-width: 1200px) {
.room-details-show .rowshow .row-l{
	float:none; width:100%; clear:both; overflow:hidden;
}
.room-details-show .rowshow .row-r{
	float:none; width:100%; clear:both; overflow:hidden; margin-bottom:30px;
}
.room-details-show .rowshow .row-r:last-child{
	float:none; width:100%; clear:both; overflow:hidden; padding:5px 20px 20px 20px; margin-top:30px; margin-bottom:0px;
}

.room-details-show .rowshow .row-l .propicshow{
	padding:0 0;
}
}
@media screen and (max-width: 1024px) {
.room-details-show .pro-show .pro-show-l{
	float:none; width:100%; clear:both; padding-bottom:10px;
}
.room-details-show .pro-show .pro-show-r{
	float:none; width:100%; clear:both;
}
}
@media screen and (max-width: 1200px) {
.room-details-show .rowshow .row-r:last-child{
	padding:20px 20px 20px 20px; margin-top:30px;
}
.room-details-show .rowshow .row-r .probook{
	background-color:transparent; padding:0; box-sizing:border-box; margin-top:0px;
}
}
@media screen and (max-width: 700px) {
.room-details-show .rowshow .row-r:last-child{
	padding:0px 20px 0px 20px;
}
}

.pro-title-pc{display:block;}
.pro-title-wap{display:none;}
@media screen and (max-width: 1200px){
.pro-title-pc{display:none;}
.pro-title-wap{display:block;}
}

#share {position:fixed;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight)-34+"px");bottom:34px; right:10px;width:30px;zoom:1;}
#share a{background-image:url(images/share.png); background-repeat:no-repeat; display:block; width:30px; height:30px; margin-bottom:2px; overflow:hidden; text-indent:-999px;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;
border-radius:10px;
-webkit-border-radius:10px;
-o-border-radius:10px;
-moz-border-radius:10px;
-ms-border-radius:10px;
}
#share a{}
#share a#totop{background-position:0 -120px;position:absolute;bottom:64px;cursor:pointer;}
#share a#totop:hover {background-position:-30px -120px;}