@charset "utf-8";
/* CSS Document */
@font-face{
    font-family:'苹方-简 细体';
    src: url('../font/苹方-简 细体.ttf');
}
@font-face{
    font-family:'方正兰亭刊黑';
    src: url('../font/方正兰亭刊黑_GBK.TTF');
}
@font-face{
    font-family:'微软雅黑Light';
    src: url('../font/微软雅黑Light_1.0.ttc');
}
*{margin:0; padding:0; font-family:"苹方-简 细体","方正兰亭刊黑","微软雅黑Light"; list-style-type:none; border:0;font-size: 17px;}
body,html{background: #f2f2f2;font-family: '苹方-简 细体',"方正兰亭刊黑","微软雅黑Light"; font-size: 100%;  overflow:-moz-scrollbars-vertical;}
ul,ol{list-style:none}
a{text-decoration:none;}
a:hover{text-decoration:none}
body a{transition: 0.5s all; -webkit-transition: 0.5s all; -o-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; }
ul{ padding: 0; margin: 0; }
.row{margin:0;}
h1,h2,h3,h4,h5,h6,label,p{margin:0;}
.abs{position: absolute;}

/*头部部分css*/
/*.header{width:100%;position: relative;background: #363636;}*/
.header{width:100%;position: fixed;background:#000;left:0;top:0;z-index: 99;}
.guanggao{width: 100%;height:40px;line-height:40px;background:#444;color:#a8a8aa;text-align: right;display: none; }
.header .container{max-width: 100%;}
/*导航*/
.logo1 img{width: auto;height: 20px;}
.bg{width: 100%;overflow: hidden; position:relative;}
/*页脚*/
.footer{width: 100%;margin-top: 50px;overflow: hidden;}
.footer .container{padding-top: 34px;padding-bottom: 21px;max-width: 100%;}
.foot-a1{width: 100%;border-bottom: 1px solid #b3b3b3;color: #757575;font-size: 20px;padding-bottom: 16px;letter-spacing:4px;}
.foot-a2{width: 100%;padding: 16px 0 8px;overflow: hidden;}
.foot-b{float: left;color: #888;line-height: 1.7em;}
.foot-b div{float: left;}
.foot-b a,.foot-b span{color: #888;cursor:pointer;}
.foot-b a:hover{color: #262626;text-decoration:underline ;}
.foot-b span{padding: 0 9px;}
.foot-c{float: right;color: #555;line-height: 1.7em;}
.foot-d{color: #888;line-height: 1.7em;font-size: 11px;}
.foot-b div,.foot-b a,.foot-b span,.foot-c span,.foot-d a{font-size: 11px;}
.foot-d a{color:#888;}

/*轮播图*/
.home-slide .carousel-indicators li{width: 64px;height: 2px;background-color: #7a7a7a;}
.home-slide .carousel-indicators .active{background-color: #262626;width: 64px;height: 2px;}
.home-slide .carousel-inner .item img{width: 100%;}
/*内容*/
.main{width: 100%;overflow: hidden;margin-top: 5px;padding-bottom:4px; position:relative;}
.daotu{width: 100%;overflow: hidden;position: relative;}
.daotu img{width: 100%;}
.daotu>div{padding: 0;height: 100%;overflow: hidden;}
.daop1{font-size: 18px;margin-top: 60%;margin-left: 20%;color: #4d4d4d;}
.daop1 span{font-size: 30px;}
.daoti h4{text-align: center;font-size: 18px;font-weight: bold;width: 240px;margin: 50px auto -5px;letter-spacing:10px;}
.daoti h4 a{color: inherit;}
.hxian{width: 240px;margin: 0 auto;border-top: 4px solid #8c8c8c;}


.daocen{width: 100%;margin: 50px auto;}
.daotu>div.daocer{position: absolute;height:auto;width: 50%;left:25%;top:45%;}
.daop2{text-align: center;font-size: 30px;font-weight: bold;color: #fff;}
.daop3{text-align: center;color: #fff;border: 1px solid #fff;width: 140px;margin:  0 auto;padding: 0.8em 0;}
.daop3 a{color: #fff;background: rgba(255,255,255,0.7);padding: 0.3em 0.8em;}


/*--banner-grids--*/
.banner-grids {
    padding: 0;
}
.banner-grid {
    padding: 0 0.2em;
    margin-bottom: 0.4em;
}
.banner-grid figure {
    position: relative;
    float: left;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
    width:100%;
}
.banner-grid figure img {
    position: relative;
    display: block;
    width:100%;
    height:auto;
}
.banner-grid figure figcaption {
    padding: 2em;
    /*padding:20% 0;*/
    color: #fff;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.banner-grid figure figcaption::before,
.banner-grid figure figcaption::after {
    pointer-events: none;
}

.banner-grid figure figcaption{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
figure.effect-bubba {
    background-color:#000;
}
figure.effect-bubba:hover img {
    opacity: 0.3;
}

figure.effect-bubba figcaption::before,
figure.effect-bubba figcaption::after {
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

figure.effect-bubba figcaption::before {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    transform: scale(0,1);
    -webkit-transform:scale(0,1);
    -moz-webkit-transform: scale(0,1);
    -o-webkit-transform:scale(0,1);
}

figure.effect-bubba figcaption::after {
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: scale(1,0);
    -moz-webkit-transform: scale(1,0);
    -o-webkit-transform: scale(1,0);
    transform: scale(1,0);
}

figure.effect-bubba h4 {
    padding-top:15%;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0,-20px,0);
    transform: translate3d(0,-20px,0);
    opacity: 0;
    text-transform: uppercase;
    font-size: 1.1em;
    font-family: 'Cinzel', serif;
    font-weight: 700;
}
figure.effect-bubba h5 {
    padding-top:2%;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0,-20px,0);
    transform: translate3d(0,-20px,0);
    opacity: 0;
    text-transform: uppercase;
    font-size: 1.1em;
    font-family: 'Cinzel', serif;
    font-weight: 700;
}
figure.effect-bubba h4 img{
    width: 32%;
    margin: 0 auto;
    opacity: 1;
}
figure.effect-bubba:hover h4 img{opacity: 1;}

figure.effect-bubba p {
    margin-top: 12%;
    padding: 20px 0;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(0,20px,0);
    transform: translate3d(0,20px,0);
    -moz-transform: translate3d(0,20px,0);
    -o-transform: translate3d(0,20px,0);
}
figure.effect-bubba p.ovp {margin-top: 20%;}
figure.effect-bubba:hover figcaption::before,
figure.effect-bubba:hover figcaption::after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

figure.effect-bubba:hover h4,figure.effect-bubba:hover h5,
figure.effect-bubba:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
/*.daoleft figure.effect-bubba h4,.daoright figure.effect-bubba h4{margin-top: 20%;}*/
.banner-grid figcaption h4 span,.banner-grid figcaption h5 a{padding: 8px;font-size: 18px;border: 1px solid #fff;color: #fff;}
.banner-grid figcaption h5 a{padding: 10px 14px;}
.banner-grid figcaption h5 a span{padding: 4px 8px;font-size: 18px;background: rgba(255,255,255,0.7);color: #fff;}
figure.effect-bubba p.daop2{padding: 5% 0;}
/*about.html*/
.about{width: 100%;overflow: hidden;position: relative;padding-bottom: 25%;}
.about-bg1{float: left;width: 40%;}
.about-bg2{float: right;width: 25%;margin-top: 70%;}
.about-content{width: 100%;position: absolute;left: 0;top:0;height: 100%;}
.about-content .container{position: relative;height: 100%;}
/*.about-tu1{width: 17%;margin: 30% 0 0 60%;}*/
/*.about-tu2{width: 38%;margin: 50% 0 0 34%;}*/
/*.about-tu3{width: 48%;margin: 45% 0 0 25%;}*/
/*.about-tu4{width: 80%;margin: 50% 0 0 10%;}*/
.about-tu1{width: 17%;position:absolute;left:66%;top:8%;}
.about-tu2{width: 38%;position:absolute;left:20%;top:34%;}
.about-tu3{width: 48%;position:absolute;left:20%;bottom:34%;}
.about-tu4{width: 80%;position:absolute;left:10%;bottom:1%;}

/*domain.html*/
/*.domaintu{width: 100%;}*/
/*.domainzi{margin: 1.5em auto;text-align: center;font-weight: bold;}*/
/*.domaintu1{width: 100%;margin-top: 0.5em;}*/
.domainnav img{width: 100%;}
.domaintop,.domainul{width: 100%;overflow: hidden;}
.domainul li{float: left;margin: 15px 25px;list-style-type:disc;font-size: 18px;}
.domaintu{width: 100%;overflow: hidden;}
.domaintu img{width: 32%;/*margin-right: 0.3%;*/}
.domaintu img:last-child{margin-right: 0;}

.domainbot{margin-top: 100px;width: 100%;overflow: hidden;}

/*contact.html*/
.contact-top{margin: 0 auto;text-align: center;}
.contact-top h4{font-weight: bold;/*font-size: 1.5em;*/line-height: 1.8em;}
.contact-top p{/*font-size: 1.5em;*/line-height: 1.8em;}
.contact-top p span{font-weight: bold;}
/*地图*/
.contact .container{max-width: 100%;}
.contact-bot{width: 90%;margin: 50px auto 30px;height: 640px;border: 2px solid rgba(121, 114, 114, 0.15);}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
.anchorBL,.BMap_cpyCtrl{display: none;}
/*2*/
.contact-bot2{width: 100%;margin: 50px auto 30px;}
.contact-bot2 img{width: 100%;}


/*case.html*/
.case1,.case2{width: 100%;overflow: hidden;}
.case1{margin-bottom: 0.4em;}
.case2 .col-sm-6:nth-of-type(1){padding-left: 0;padding-right: 0.2em;}
.case2 .col-sm-6:nth-of-type(2){padding-right: 0;padding-left: 0.2em;}
.case1 img,.case2 img{width: 100%;}

/*case-public.html*/
.public{margin-top: 50px;}
.public img{width: 100%;}
.public .col-sm-12{padding-top: 50px;padding-bottom: 50px;}


/*.case-movies.html*/
.bgtu{width: 100%;}
.movies{width: 100%;height:100%;left:0;top:0;}
/*.movies-tu2{width: 18%;left:5.7%;top:16%;}*/
/*.movies-tu3{width: 18%;right:7%;top:10%;}*/
/*.movies-tu4{width: 18%;left:5%;bottom:11%;}*/
/*.movies-tu5{width: 15%;right:4.5%;bottom:18%;}*/
.movies-tu2{width: 19%;left:4.8%;top:2.9%;}
.movies-tu3{width: 18%;right:9.6%;top:16%;}
.movies-tu4{width: 15%;left:6.6%;bottom:13.5%;}
.movies-tu5{width: 22%;right:-0.1%;bottom:17%;}

/*movies-television.html*/
.movies-sub{background: #fff;}
.movies-sub2{background: #fff;border-bottom: 1px solid #f2f2f2;padding-top: 130px;}
.movies-lunbo{width: 100%;margin:0 auto;overflow: hidden;/*height: 513px;*/}
/*.movies-subh1 .movies-lunbo{height: 188px;}*/
/*.movies-subh2 .movies-lunbo{height: 268px;}*/
/*.movies-subh3 .movies-lunbo{height: 289px;}*/
/*.movies-subh4 .movies-lunbo{height: 212px;}*/
.swiper-container img{width: 100%;}
.swiper-left{width: 100%;position: relative;margin: 0;float: left;}
.swiper-right{width: 20%;height:100%;position: relative;margin: 0;float: left;padding: 0 10px;}
.swiper-right .swiper-slide{width: 100%;opacity: 0.4;}
.swiper-right .swiper-slide-active{opacity: 1;}

.movies-wen{padding: 0 70px ;}
.movies-wen li{/*list-style-type:disc;*/color: #000620;font-size: 14px;line-height: 1.7em;text-align: justify;padding: 0.5em 0;}
.movies-wen li:nth-of-type(1){border-bottom: 1px solid #a4a4a4;}
.movies-wen li span{font-weight: bold;font-size: inherit;}
/*影视图*/
.ystu{overflow: hidden;}
/*.ystu li{}*/
.ystu img{width: 100%;margin: 15px 0;}


/*life-*/
/*.life-wen{padding: 0 70px ;}*/
.life-wen h4{font-weight: bold;text-align: center;padding-bottom: 1em;line-height: 1.8em;font-size: 20px;}
.life-wen p{font-size:16px;line-height: 1.8em;text-align: justify;text-indent:2em;margin-top: 20px;}
.life-tu{margin-top: 20px;}
.life-tu img{margin-bottom: 1.2em;}
.font16 p{font-size: 14px;}
.zicenter li{text-align: center;}
/*life.html*/
.biaoti-navs{width: 100%;border-bottom: 1px solid #a4a4a4;margin-top: 70px;}
.biaoti-nav{overflow: hidden;}
.biaoti-nav li{float: left;padding: 10px 0;margin-right: 40px;}
.biaoti-nav li a{color: #a4a4a4;font-size: 16px;padding: 8px 2px;}
.biaoti-nav li a:hover,.biaoti-nav li a.now{color: #00ada0;border-bottom: 3px solid #00ada0;text-decoration: none;}
.life{margin-top: 50px;}
.life-content{overflow: hidden;height:290px;}
.life-content:last-child{margin-bottom: 0;}
/*.life-content img{width: 100%;}*/
/*.life-side{width: 50%;}*/

.ih-item{
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 5px solid #fff;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}
.ih-item .img {
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    cursor: pointer;
}
.ih-item .img img{
	width: 100%;
	height: auto;
	object-fit:cover;
	/* width: 85%;
	height: auto;
	margin: 0 auto;
	display: block; */
	}
.ih-item .info {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: #333333;
    background: rgba(0, 0, 0, 0.6);
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.ih-item .info h3 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    font-size: 17px;
    padding: 10px;
    /*background: #111111;*/
    margin: 16% 0 0 0;
}

.ih-item .info p {
    font-style: italic;/*斜体*/
    font-size: 12px;
    position: relative;
    color: #bbb;
    padding: 20px 20px 20px;
    text-align: center;
}

.ih-item a:hover .img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.ih-item:hover .img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.ih-item a:hover .info {
    visibility: visible;
    opacity: 1;
}
.ih-item:hover .info {
    visibility: visible;
    opacity: 1;
}

.ih-item .info {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
}

.ih-item a:hover .info {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}
.ih-item:hover .info {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}
.ih-itemzi{width: 98%;padding: 15px 1%;}
.ih-itemzi p{width:100%;text-align: center;color: #757575;font-size: 16px;}

/*公关*/
.overlay {
    background: rgba(0,0,0,0.8);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    display:none;
    _background-color:#a0a0a0;
}
/*.overli{display: none;}*/
/*.ovimg{width: 70%;height:auto;margin: 15% 15% 5%;overflow: hidden;}*/
/*.ovimg img{width: 100%;}*/
.overli img{width: auto;height:60%;margin: 15% auto 0;}
.overli p{color: #fff;width: 80%;margin: 10px auto 0;text-align: center;font-size: 14px;}
.overli p.pap{color: #fff;width: 70%;margin: 10px auto 0;text-align: justify;font-size: 14px;text-indent: 2em;}
.clock{width: 60px;position: absolute;right:5%;top:8%;}
.clock2{width: 60px;position: absolute;right:5%;top:2%;}
.clock img,.clock2 img{width: 100%;}
.shipins{background: #000;}
.shipins .overul{position: relative;}
.shipins .overul .overli{width: 100%;}
.shipins .overul .overli video{height: 100%;width: 80%;margin:0 10%;max-height: 100%;}

.life-wen img{    width: 100%;
    margin: 20px auto 0;
    display: block;}
.life-anli{width: 100%;overflow: hidden;margin: 10px 0;padding-bottom: 15px;border-bottom: 1px solid #c3c3c3;}
.life-anli a img{width: 100%;}
.life-anli a h4{text-align: center;padding: 0.6em 0;color: #313131;font-size: 20px;font-weight: bold;}
.life-anli a p{text-indent: 2em;font-size: 16px;line-height: 2em;color: #696969;text-align: justify;}

/*.myvideo1{display: block;}*/
/*.myvideo2{display: none;}*/
/*视频改*/
.shipins .overul video{width: 80%;margin:0 10%;max-height: 100%;}
.videowei p{color: #fff;width: 80%;margin: 10px auto 0;text-align: center;font-size: 14px;display: none;}
.videowei p.pap{color: #fff;width: 80%;margin: 10px auto 0;text-align: justify;font-size: 14px;text-indent: 2em;}

.fwpingpai{margin-top: 100px;}
.fw_biaoti{font-size: 42px;text-align: center;margin: 0 auto;font-weight: bold;border-bottom: 1px solid #636363;padding-bottom: 16px;}
.fw_logo{width: 100%;margin: 0 auto;overflow: hidden;border-top: 1px solid #8a8a8a;border-left: 1px solid #8a8a8a; }
.fw_logo li{float: left;width:16.666666666666668%;border-bottom: 1px solid #8a8a8a;border-right: 1px solid #8a8a8a;text-align: center;}
.fw_logo li img{width: 100%;margin: 0 auto;}