@charset "UTF-8";

body{font-family: "Microsoft YaHei" !important;min-width: 1200px;overflow: auto;}
*{font-size:14px;}

/*常用*/
.mainwidth{ width:1180px;margin:0 auto;overflow: hidden; }
.clearfix{*zoom:1;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.fl{float:left;}
.fr{float:right;}
li a{display: block;}

.Jwrap{display: none !important;}
.Jwrap.show{display: block !important;}

/*单行*/
.useline , .newslist .text-wrap .name , .newsthumb-box .size1 .title{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

/*公用阴影*/
.shadow-1 , .pro-list li:hover , .successcase li:hover{
    box-shadow: 0 1px 10px rgba(10,2,4,0.04);
    -webkit-box-shadow: 0 1px 10px rgba(10,2,4,0.2);
    -moz-box-shadow: 0 1px 10px rgba(10,2,4,0.2);
    -ms-box-shadow: 0 1px 10px rgba(10,2,4,0.2);
}

/*图片地址*/
.floor3{background-image: url(../images/introduceBg.jpg);}
.data-floor{background-image: url(../images/bg2.jpg);}
.pagetitle-box.page2{background-image: url(../images/bg-product.jpg);}
.pagetitle-box.page2_1{background-image: url(../images/bg-product-detail.jpg);}
.pagetitle-box.page3{background-image: url(../images/bg-case.jpg);}
.pagetitle-box.page4{background-image: url(../images/bg-about.jpg);}
.pagetitle-box.page5{background-image: url(../images/bg-news.jpg);}
.pagetitle-box.page7{background-image: url(../images/bg-joinUs.png);}
.concept-list .img-wrap {background-image: url(../images/sprites_1.png);background-repeat: no-repeat;}
.map-main{background-image: url(../images/bg-map.png);}


/*banner*/
.banner{height: 660px;width: 100%;overflow: hidden;}
/*大轮播*/
.slideBox{width:100%;height:660px;overflow:hidden;position:relative;}
.slideBox .hd{width: 200px;height: 6px;left: 50%;margin-left: -100px;text-align: center;position:absolute;bottom: 20px;z-index:1;}
.slideBox .hd ul{zoom:1;float:left;width: 200px;  height: 10px; line-height: 10px;white-space: nowrap;}
.slideBox .hd ul li{display: inline-block;margin: 0 5px; width: 10px; height: 10px;line-height:14px;text-align:center;background:#afb0b3;cursor:pointer;border-radius: 50%;vertical-align: top;}
.slideBox .hd ul li.on{background: #2063ff;color:#fff;}
.slideBox .bd{width: 1920px;position: absolute;height:100%;left: 50%;top: 0;margin-left: -960px;z-index:0;}
.slideBox .bd li{zoom: 1;vertical-align: middle;width: 100%;height:660px;overflow: hidden;background: #e1e1e1;position: relative;}
.slideBox .bd img{ width:100%; height:100%; display:block;  }
.slideBox .bd .bannerimg-main{ height: 100%; width: 1180px; position: absolute; left: 50%; margin-left: -590px; top: 0; overflow: visible; }

.slideBox .bannerimg-main img{width: auto;height: auto;position: absolute;}
.bannerimg-main .position_1{right: 30px;bottom: 42px;}
.bannerimg-main .position_4{right: 120px; bottom: 5px;}
.bannerimg-main .position_2{left: 0 ; top : 220px; }
.bannerimg-main .more{ position: absolute; display: block; width: 138px; height: 38px; border: solid 1px #ffffff; font-size: 16px; line-height: 38px; text-align: center; color: #ffffff; border-radius: 0 10px 0 10px;}
.bannerimg-main .position_3{left: 0 ; bottom : 120px; }
.bannerimg-main .more:hover{ background-color:#fff; /*background-color:rgba(255,255,255,0.8);*/color: #2063ff;}
.bannerimg-main .more{
	transition: all 0.3s;
    -moz-transition: all 0.3s; /* Firefox 4 */
    -webkit-transition: all 0.3s; /* Safari 和 Chrome */
    -o-transition: all 0.3s;/*-webkit-transition:-webkit-box-shadow .2s; transition:box-shadow .2s;*/
}

.bannerimg-main .intro{ position: absolute; width: 370px;}
.bannerimg-main .intro h3{font-size: 40px; color: #fff; margin-bottom: 10px; font-weight: normal; }
.bannerimg-main .intro p{ font-size: 16px; letter-spacing: 1px; color: #fff; line-height: 2; font-weight: normal; }

.bannerimg-main .position_1{
	animation: RightToLeft1 .9s cubic-bezier(.19,.74,.59,.96) forwards 1;
  	-moz-animation: RightToLeft1 .9s cubic-bezier(.19,.74,.59,.96) forwards 1;
 	-webkit-animation: RightToLeft1 .9s cubic-bezier(.19,.74,.59,.96) forwards 1;
  	-o-animation: RightToLeft1 .9s cubic-bezier(.19,.74,.59,.96) forwards 1;
}
.bannerimg-main .position_4{
    animation: RightToLeft1 .9s cubic-bezier(.19,.74,.59,.96) forwards 1;
    -moz-animation: RightToLeft1 .9s cubic-bezier(.19,.74,.59,.96) forwards 1;
    -webkit-animation: RightToLeft1 .9s cubic-bezier(.19,.74,.59,.96) forwards 1;
    -o-animation: RightToLeft1 .9s cubic-bezier(.19,.74,.59,.96) forwards 1;
}
.bannerimg-main .position_2{
	animation: leftToRight2 .9s cubic-bezier(.19,.74,.59,.96) forwards 1;
  	-moz-animation: leftToRight2 .9s cubic-bezier(.19,.74,.59,.96) forwards 1;
 	-webkit-animation: leftToRight2 .9s cubic-bezier(.19,.74,.59,.96) forwards 1;
  	-o-animation: leftToRight2 .9s cubic-bezier(.19,.74,.59,.96) forwards 1;
}
.bannerimg-main .position_3{
	animation: leftToRight1 1.1s cubic-bezier(.19,.74,.59,.96) forwards 1;
  	-moz-animation: leftToRight1 1.1s cubic-bezier(.19,.74,.59,.96) forwards 1;
 	-webkit-animation: leftToRight1 1.1s cubic-bezier(.19,.74,.59,.96) forwards 1;
  	-o-animation: leftToRight1 1.1s cubic-bezier(.19,.74,.59,.96) forwards 1;
}




/*floor*/
.pagemain{  }
.floor{padding:80px 0 100px 0;}
.floor .title-box{text-align: center;margin-bottom: 60px;}
.floor .title-box h3{font-size: 34px;color: #2063ff;line-height: 32px;font-weight: normal;}
.floor3 .title-box h3{ color: #ffffff; }
.floor .title-box p{font-size: 18px;color: #666666;line-height: 14px;margin-top: 12px;}
.floor3 .title-box p{ color: #ffffff; }
.floor1 , .floor5{ background-color: #f6f9fb; }
.floor2 , .floor4{ background-color: #fff;}
.floor3{ background-repeat: no-repeat; background-size: cover; }
.floor5{padding-bottom: 0;}

/*product-box*/
.product-box{ overflow: visible; }
.product-box .parth5{text-align: center;margin-bottom: 30px;color: #999;font-size: 16px;letter-spacing: 1px;font-weight: normal;line-height: 18px;position: relative;}
.product-box .parth5:before , .product-box .parth5:after{content: '.';line-height: 18px;width: 500px;height: 1px;background: #e8eae1;display: inline-block;vertical-align: middle;position: absolute;top: 9px;color: transparent;}
.product-box .parth5:before {left: 0;}
.product-box .parth5:after{ right: 0; }
.pro-list{width: 1200px;}
.pro-list{*zoom:1;}
.pro-list:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.pro-list li{width: 280px;height: 460px;float: left;background-color: #fff;margin-right: 20px;}
.pro-list .img-wrap{width: 280px;height: 280px;overflow: hidden;line-height: 280px;text-align: center;}
.pro-list .img-wrap img{width: 45%;vertical-align: middle;}
.pro-list li .title{line-height: 50px;text-align: center;color: #333333;font-size: 18px;}
.pro-list li .line{display: block;width: 40px;height: 2px;margin:0 auto;background-color: #2063ff;margin-bottom: 16px;}
.pro-list li .abstract{ font-size: 14px; padding: 0 20px; max-height: 90px; overflow: hidden; line-height: 1.57; text-align: center; color: #666666; }
.pro-list a{display: block;}

.pro-list{}
.pro-list li{
	transition: all 0.3s;
    -moz-transition: all 0.3s; /* Firefox 4 */
    -webkit-transition: all 0.3s; /* Safari 和 Chrome */
    -o-transition: all 0.3s;/*-webkit-transition:-webkit-box-shadow .2s; transition:box-shadow .2s;*/
}
.pro-list li:hover{
	transform: translateY( -6px );
}

/*gallery*/
.gallery{  background-color: #ffffff; }
.gallery{*zoom:1;}
.gallery:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.gallery .section{float: left;width: 50%;height: 590px;}
.gallery .size1{width: 100%;height: 50%}
.gallery .size2{width: 100%;height: 50%;}
.gallery .size3{width: 50%;height: 50%;float: left;}
.gallery .img-wrap{position: relative; display: block; overflow: hidden;}
.gallery .img-wrap p{width: 100%;height: 50px;line-height: 50px;text-align: center;background-color: rgba(18,24,36,0.8);position: absolute;left: 0;bottom: 0;font-size: 16px;color: #ffffff; z-index: 1;}
.gallery .img-wrap img{width: 100%;height: 100%;}
.gallery .img-wrap img:hover{
	animation: bgZoom .5s linear forwards 1;
	/* Firefox: */
	-moz-animation: bgZoom .5s linear forwards 1;
	/* Safari ºÍ Chrome: */
	-webkit-animation: bgZoom .5s linear forwards 1;
	/* Opera: */
	-o-animation: bgZoom .5s linear forwards 1;
}
.gallery .img-wrap .img_2{display: none;}
.gallery .img-wrap:hover .img_1{display: none;}
.gallery .img-wrap:hover .img_2{display: block;}

.gallery .size1 p{top: 0;bottom: auto;}


/*introduce*/
.introduce{}
.introduce p{color: #fff;line-height: 32px;font-size: 16px;margin-bottom: 40px;}
.introduce .knowmore{display: block; margin: 0 auto; border-radius: 0 10px 0 10px; text-align: center; color: #fff; font-size: 16px; border:1px solid #fff; height: 38px; width: 234px; line-height: 38px; margin-top: 100px;}
.introduce .knowmore:hover{background-color: #fff;color: #2063ff;}
.introduce .knowmore{
	transition: all 0.3s;
    -moz-transition: all 0.3s; /* Firefox 4 */
    -webkit-transition: all 0.3s; /* Safari 和 Chrome */
    -o-transition: all 0.3s;/*-webkit-transition:-webkit-box-shadow .2s; transition:box-shadow .2s;*/
}

/*concept*/
.concept{}
.concept-list{width: 1332px;}
.concept-list{*zoom:1;}
.concept-list:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.concept-list li{width: 181px;float: left;margin-right: 152px;text-align: center;/*opacity: 0; opacity: 1\9; opacity: 0\0;*/}


.fadeInUp0,.fadeInUp1,.fadeInUp2,.fadeInUp3{
    opacity: 0;
    animation: fadeInUp .7s cubic-bezier(.19,.74,.59,.96) forwards 1;
    /* Firefox: */
    -moz-animation: fadeInUp .7s cubic-bezier(.19,.74,.59,.96) forwards 1;
    /* Safari ºÍ Chrome: */
    -webkit-animation: fadeInUp .7s cubic-bezier(.19,.74,.59,.96) forwards 1;
    /* Opera: */
    -o-animation: fadeInUp .7s cubic-bezier(.19,.74,.59,.96) forwards 1;
}
.fadeInUp1{
    animation-delay: .3s ;
    -moz-animation-delay: .3s ;
    -webkit-animation-delay: .3s ;
    -o-animation-delay: .3s ;
}
.fadeInUp2{
    animation-delay: .5s ;
    -moz-animation-delay: .5s ;
    -webkit-animation-delay: .5s ;
    -o-animation-delay: .5s ;
}
.fadeInUp3{
    animation-delay: .7s ;
    -moz-animation-delay: .7s ;
    -webkit-animation-delay: .7s ;
    -o-animation-delay: .7s ;
}


.concept-list .img-wrap{width: 160px; height: 160px;margin:0 auto;}
.concept-list .img-wrap img{width: 100%;height: 100%;}
.concept-list .img-wrap.i-1{ background-position: 0 0; }
.concept-list .img-wrap.i-2{ background-position: -333px 0; }
.concept-list .img-wrap.i-3{ background-position: -667px 0; }
.concept-list .img-wrap.i-4{ background-position: -1000px 0; }
.concept-list .title{ line-height: 20px;color: #333333; font-size: 20px; margin-top: 38px; }
.concept-list .line{ display: block; width: 50px; height: 2px; background-color: #2063ff; margin: 20px auto 16px auto; }
.concept-list .text{ color: #666666; line-height: 23px; font-size: 14px; display: none;}

/*client*/
.client{}
.client-list{width: 1200px;}
.client-list{*zoom:1;}
.client-list:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.client-list li{width: 180px; float: left;margin-right: 20px; text-align: center;background-color: #fff; height: 240px; overflow: hidden; margin-bottom: 18px;cursor: pointer;}
.client-list .img-wrap{width: 100%;height: 180px; text-align: center;}
.client-list .img-wrap img{width: 100%;height: 100%;}
.client-list li .hospital{ color: #999999; font-size: 16px; line-height: 1.25; }
.client-list li:hover .hospital{color: #333333;}
.client-list li{
	transition: all 0.3s;
	-moz-transition: all 0.3s; /* Firefox 4 */
	-webkit-transition: all 0.3s; /* Safari 和 Chrome */
	-o-transition: all 0.3s;/*-webkit-transition:-webkit-box-shadow .2s; transition:box-shadow .2s;*/
}
.client-list li:hover{
	transform: translateY( -6px );
	box-shadow: 0 1px 10px rgba(10,2,4,0.04);
}
.client .tips{padding: 42px 0 58px 0;line-height: 16px; font-size: 16px ; color: #999; text-align: center;}
.client-list .img-wrap .img_1{display: block;}
.client-list .img-wrap .img_2{display: none;}
/*.client-list li:hover .img-wrap .img_1{display: none;}*/
/*.client-list li:hover .img-wrap .img_2{display: block;}*/

/*数据*/
.data-floor{ background-repeat: no-repeat; background-size: cover; height: 200px; }
.data-floor .data-box{width: 1200px;}
.data-floor .data-wrap{width: 360px;float: left;height: 100%;margin-right: 40px;text-align: center;  padding: 46px 0;}
.data-floor .data-wrap .number{font-size: 60px;color: #ffffff;font-weight: bold; display: block;}
.data-floor .data-wrap p{color: #ffffff;font-size: 20px;line-height: 20px;margin-top: 15px;}


/*pagetitle-box*/
.pagetitle-box{height: 300px;}
.pagetitle-box h1{line-height: 300px; color: #fff; font-size: 46px; font-weight: normal;}
.pagetitle-box.page2{ background-repeat: no-repeat; background-size: cover; }

.product-main {padding-top: 60px; background-color: #f6f9fb;}
.product-main .pro-list li{margin-bottom: 60px;}

.case-main {padding-top: 30px; background-color: #fff;}
.case{overflow: visible;}

.successcase{width: 1200px;}
.successcase{*zoom:1;}
.successcase:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.successcase li{width: 380px;height: 580px;float: left;background-color: #f6f9fb;margin-right: 20px;margin-bottom: 60px;}
.successcase .img-wrap{width: 380px;height: 280px; line-height: 280px; overflow: hidden; background: #fff; text-align: center;}
.successcase .img-wrap img{width: 180px;height: 180px; vertical-align: middle;}
.successcase li .title{text-align: center; color: #333333; font-size: 18px; line-height: 20px; padding: 30px 0 20px 0;}
.successcase li .line{display: block;width: 40px;height: 2px;margin:0 auto;background-color: #2063ff;margin-bottom: 16px;}
.successcase li .abstract{ text-align: left; color: #666666; font-size: 16px; line-height: 22px; padding: 0 35px; max-height: 175px; overflow: hidden;}
.successcase li .abstract p{ font-size: 16px; line-height: 1.75; color: #666666; }

/*移入上移效果*/
.successcase{}
.successcase li:hover{transform: translateY( -6px );}
.successcase  li{
	transition: all 0.3s;
    -moz-transition: all 0.3s; /* Firefox 4 */
    -webkit-transition: all 0.3s; /* Safari 和 Chrome */
    -o-transition: all 0.3s;/*-webkit-transition:-webkit-box-shadow .2s; transition:box-shadow .2s;*/
}

/*about-main*/
.about-main{background-color: #fff; padding:60px 0;}
.about-box{width: 1180px;}
.about-box{*zoom:1;}
.about-box:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.about-box .section-l{width: 280px;float: left;}
.about-box .section-r{width:800px;float: right;}
.about-box .navlist{ border-top: 1px solid #e5e8ef; }
.about-box .navlist li{padding-right: 34px; border-bottom: 1px solid #e5e8ef; height: 60px; line-height: 60px; text-align: right; }
.about-box .navlist li.on{border-right: 4px solid #2063ff; padding-right: 30px;}
.about-box .navlist li a{ font-size: 18px;color: #666666; }
.about-box .navlist li.on a{ color: #2063ff;  }

.about-article h3{line-height: 30px; color: #343434; font-size: 30px; margin-bottom: 30px; font-weight: normal;}
.about-article p{ color: #666; font-size: 16px;line-height: 32px;margin-bottom: 32px; }


/*行业新闻*/
.news-main{background-color: #fff; padding:60px 0 100px 0;}
.newsthumb-box{}
.newsthumb-box{*zoom:1;}
.newsthumb-box:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.newsthumb-box .section{float: left;height: 500px;}
.newsthumb-box .l-part{width: 790px;}
.newsthumb-box .r-part{width: 390px;}
.newsthumb-box .size1{width: 100%;height: 100%;}
.newsthumb-box .size2{height: 50%;width: 100%;float: left;}
.newsthumb-box .section .box{position: relative;}
.newsthumb-box .img-wrap{    width: 100%; height: 100%; overflow: hidden; line-height: 1;}
.newsthumb-box .img-wrap img{width: 100%; vertical-align: middle; }
.newsthumb-box .img-wrap img:hover{
	animation: bgZoom 1.5s linear forwards 1;
	/* Firefox: */
	-moz-animation: bgZoom 1.5s linear forwards 1;
	/* Safari ºÍ Chrome: */
	-webkit-animation: bgZoom 1.5s linear forwards 1;
	/* Opera: */
	-o-animation: bgZoom 1.5s linear forwards 1;
}
.newsthumb-box .section .title{position: absolute; left: 0; bottom: 0; right: 0; height: 80px; padding: 0 30px 0 20px; color: #ffffff; font-weight: normal; }
.newsthumb-box .section .title{
    background: #515151;
    background: rgba(51, 51, 51, 0.7);
    background: -moz-linear-gradient(top, rgba( 255, 255, 255, 0.19) 0% , rgba(51, 51, 51, 1) 100%);
    background: -webkit-linear-gradient(top, rgba( 255, 255, 255, 0.19) 0% , rgba(51, 51, 51, 1) 100% );
    background: -o-linear-gradient(top,rgba( 255, 255, 255, 0.19 ) 0% , rgba(51, 51, 51, 1) 100% );
    background: -ms-linear-gradient(top,rgba(255, 255, 255, 0.19 ) 0% , rgba(51, 51, 51, 1) 100% );
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.19) 0% , rgba(51, 51, 51, 1) 100% );
}
.newsthumb-box .size1 .title{font-size: 26px; line-height: 90px; letter-spacing: 1.3px; text-align: left; color: #ffffff; }
.newsthumb-box .size2 .title{ color: #ffffff; height: 40px; padding: 20px 30px 20px 20px; font-size: 18px; line-height: 1.33; text-align: left;}
.newsthumb-box .size2 .title span{ font-size: 18px; max-height: 48px; overflow: hidden; display: block;}

.newsoption{text-align: center;margin: 80px 0 40px 0;}
.newsoption a{ display: inline-block; height: 38px; line-height: 38px; width: 148px;text-align: center;border-radius:  0 10px 0 10px; border:1px solid #e5e8ef;margin:0 26px; color:#666666; font-size: 16px;}
.newsoption a.on{background-color: #2063ff; border-color: #2063ff; color: #fff;}

.newslist{ border-top:1px solid #e5e8ef;  }
.newslist li{ height: 200px;border-bottom:1px solid #e5e8ef; padding:20px 0; }
.newslist li a{display: block;}
.newslist .img-wrap{ height: 200px; width: 300px; overflow: hidden; float: left; line-height: 200px;}
.newslist .img-wrap img{width: 100%;vertical-align: middle;}
.newslist .text-wrap{ margin-left: 330px; margin-right: 5px; height: 200px;overflow: hidden; position: relative;}
.newslist .text-wrap .name{ color: #666666;line-height: 20px;font-size: 18px; margin: 4px 0 22px 0;}
.newslist .text-wrap .detail{ color: #999999;font-size: 16px;line-height: 28px;margin-bottom: 38px; max-height: 118px; overflow: hidden;}
.newslist .text-wrap .info{ position: absolute; bottom: 0; left: 0;  color: #999999; font-size: 16px;  }
.newslist .text-wrap .info span ,.newslist .text-wrap .info em{font-weight: normal;}
.newslist .text-wrap .info span{margin-right: 16px;}
.more-btn{ border: 1px solid #2063ff; color: #2063ff; font-size: 16px; width: 298px; height: 48px; line-height: 50px; display: block; margin: 0 auto; text-align: center; border-radius: 0 10px 0 10px; letter-spacing: 0.2px;}
.more-btn{
	transition: all 0.3s;
    -moz-transition: all 0.3s; /* Firefox 4 */
    -webkit-transition: all 0.3s; /* Safari 和 Chrome */
    -o-transition: all 0.3s;/*-webkit-transition:-webkit-box-shadow .2s; transition:box-shadow .2s;*/
}
.more-btn:hover{background-color: #2063ff; color: #fff;}
.news-main .more-btn{margin-top: 90px;}

.center-date{text-align: center; color: #999; padding-top: 14px;}


/*产品介绍*/
.presentation-main{ background-color: #f8f9fb; }
.presentation-article{ width: 980px; background-color: #ffffff;position: relative;margin: 0 auto;}
.presentation-article .title{position: absolute; top: -100px; text-align: center; height: 100px; background-color: #ffffff; font-size: 30px; line-height: 0.93; color: #333333; font-weight: normal; display: table; width: 100%;}
.presentation-article .title h1{display: table-cell; vertical-align: bottom; font-weight: normal;  line-height: 1.5; padding: 0 90px; text-align: center;}
.presentation-article .mainbody{padding: 30px 90px 0 90px; font-size: 16px; line-height: 2; letter-spacing: 0.2px; text-align: left; color: #333333;}
.presentation-article .mainbody p{text-indent: 2em; margin-bottom: 20px; /*padding: 0 90px;*/ font-size: 16px; letter-spacing: 0.2px; line-height: 2; }
.presentation-article .mainbody .bigbold{ font-weight: bold;font-size: 18px;  }
.presentation-article .mainbody .center{text-align: center;font-size: 14px; text-indent: 0;}
/*.presentation-article .mainbody img{width: 100%; display: block; vertical-align: top; margin-bottom: 30px;}*/
.presentation-article .mainbody img{ margin: 0 auto; max-width: 100%; display: block; vertical-align: top; margin-bottom: 30px;}
.presentation-article .more-btn{margin: 90px auto;}
.presentation-article .mainbody .center-title{text-align: center;    text-indent: 0;}

/*map-main*/
.map-main{background-repeat: repeat; position: relative;}
/*.map-box{*zoom:1;}
.map-box:after{content:".";display:block;height:0;clear:both;visibility:hidden;}*/
.map-box {height: 730px; padding: 80px 0; position: relative; }
.map-box .section-l{ width: 290px; height: 730px;position: absolute;top: 40px;left: 0; z-index: 1;}
.map-box .section-r{ position: absolute;top: 0;left: 0;height: 100%;width: 100%; }
.mapchart{ height: 100%;width: 100%; }
.map-box .section-r img{width: 100%;}

/*mapnavlist*/
/*.mapnavlist{border-top: 1px solid #214497;}*/
.mapnavlist li{ min-height: 90px;background: #111723;padding: 6px 20px ;color: #fff;border-bottom: 1px solid rgba(0,0,0,0.8);}
.mapnavlist li.on{background-color: #2e4e7e;}
.mapnavlist li p{color: #fff;}
.mapnavlist li p{font-size: 14px; line-height: 1.5; letter-spacing: 0.1px; text-align: left; color: #ffffff;margin-bottom: 10px;}
.mapnavlist li .name{ height: 15px; font-size: 16px; line-height: 1; color: #ffffff;margin-bottom: 16px;}



/*动画定义*/

/*轮播图动画  start*/
@keyframes leftToRight1 {
	from {
	    opacity: 0;
	    transform: translateX( -150px );

	}
	to {
	    opacity: 1;
	    transform: translateX( 0 );
	}
}
@keyframes leftToRight2 {
	from {
	    opacity: 0;
	    transform: translateX( -150px );

	}
	to {
	    opacity: 1;
	    transform: translateX( 0 );
	}
}
@keyframes RightToLeft1 {
	from {
	    opacity: 0;
	    transform: translateX( 150px );
	}
	to {
	    opacity: 1;
	    transform: translateX( 0 );
	}
}
/*轮播图动画  end*/

@keyframes bgZoom {
	from {
		  -webkit-transform:scale(1);
	      -ms-transform:scale(1);
	      -moz-transform:scale(1);
	      transform:scale(1);
	      -webkit-transform-origin: center center 0;
	      -moz-transform-origin: center center 0;
	      -ms-transform-origin: center center 0;
	      transform-origin: center center 0;
	}
	to   {
		-webkit-transform:scale(1.05);
	      -ms-transform:scale(1.05);
	      -moz-transform:scale(1.05);
	      transform:scale(1.05);
	      -webkit-transform-origin: center center 0;
	      -moz-transform-origin: center center 0;
	      -ms-transform-origin: center center 0;
	      transform-origin: center center 0;
	}
}

/*文字由下往上浮起*/
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY( 200px );
    }
    to {
        opacity: 1;
        transform: translateY( 0 );
    }
}


