body{background-color: #E3FEFA;min-width: 1200px;width: 100%;}
.mainbox{width: 1200px;margin:0 auto;}
.header{width:100%;height:90px;overflow: hidden;background-color:rgba(228,254,251,0.7);position: fixed;top: 0;left: 0;right: 0;z-index: 9999;padding: 0 127px 0 33px;}
.header_placeholder{width:100%;height:90px;}
.header .logo{width: 267px;float: left;margin-top: 20px;}
.header .right{float: right;height: 100%;}
.header .right .nav{float: left;margin-top: 20px;}
.header .right .nav li{float: left;margin-right: 48px;}
.header .right .nav li span{ display: block;padding: 16px 0;cursor: pointer;}
.header .right .nav li span img{width: auto;height: 100%}
.header .right .music{cursor: pointer;float: left;width: 36px;margin-top: 27px;height: 36px;background-image: url(../images/music_off.png);background-size: cover;background-position: center;background-repeat: no-repeat;}
.header .right .music.play{background-image: url(../images/music_on.png);}
.banner{position: relative;width: 100%;overflow: hidden;}
.banner .pb{position: absolute;}
.banner .pb.img1{top: 11%;left: 34%;width: 9%;}
.banner .pb.img2{top:6%;left:  57.5%/*calc(34% + 284px)*/;width: 31%;}
.banner .pb.img3{top:42%;left:40%;width: 10%;}  /*768 699*/
.banner .pb.img4{top:41%;left: calc(40% + 21px + 10%);width: 8.75%;} /*987 684*/
.gd{position: absolute;right: 0;color: #263E60;}
.gd:hover{color: red} 
.jumubox{width: 100%;overflow: hidden;padding-bottom: 78px;}
.jumubox .mainbox .container{position: relative;z-index: 1;width: 1343px;margin:0 -93px 0 -50px;padding-right: 43px;height: 912px;background-size: cover;background-position: center top;background-repeat: no-repeat;}
.jumubox .mainbox .container .tit{width: 165px;position: absolute;top: 44px;right: 255px;}
.jumubox .mainbox .container .tabbox{width: 1114px;margin: 0 auto;text-align: center;padding-top: 204px}
.jumubox .mainbox .container .tabbox a{display: inline-block;width: 157px;height: 52px;margin:0 12px;background-size: cover;background-position: center;background-repeat: no-repeat;}
.jumubox .mainbox .container .tabbox .tab1{background-image: url(../images/jumu-tab1.png);}
.jumubox .mainbox .container .tabbox .tab1.active{background-image: url(../images/jumu-tab1-active.png);}
.jumubox .mainbox .container .tabbox .tab2{background-image: url(../images/jumu-tab2.png);}
.jumubox .mainbox .container .tabbox .tab2.active{background-image: url(../images/jumu-tab2-active.png);}
.jumubox .mainbox .container .content{width: 1154px;margin: 46px auto 0;;height: 426px;overflow: hidden;position: relative;z-index: 10}
.jumubox .mainbox .container .content .scrollbox{display: none;width: 100%;height: 100%;}
.jumubox .mainbox .container .content .scrollbox.active{display: block;}
.jumubox .mainbox .container .content .scrollbox .scroll{padding:0 20px}
.jumubox .mainbox .container .content p:first-child{margin-top: 0}
.jumubox .mainbox .container .content p{font-size: 16px;line-height: 50px;color:#232323;margin-top: 26px;letter-spacing: 3px;text-indent: 2em;background-size: 100% auto;background-repeat: repeat;background-position: center top;background-image: url(../images/text-line.png);}
.jumubox .mainbox .container .bg1{width: 286px;position: absolute;left: -119px;bottom: -78px;}
.jumubox .mainbox .container .bg2{width: 575px;position: absolute;right: -310px;bottom: -78px;}

.zhuyanbox{width: 100%;height: auto;padding-top: 76px;overflow: hidden;}
.zhuyanbox .container{width: 100%;height: 748px;background-size: cover;background-position: center;background-repeat: no-repeat;}
.zhuyanbox .container .mainbox{position: relative;padding-top: 63px;}
.zhuyanbox .container .bg1{width: 522px;position: absolute;top: -76px;left: -363px;}
.zhuyanbox .container .tit{width: 164px;position: absolute;top: -39px;left: 172px;}
.zhuyanbox .container .tabbox{width: 100%;display: flex;align-items: center;justify-content: center;}
.zhuyanbox .container .tab{display: block;width: 132px;height: 44px;background-color: #263E60;transition:background-color 0.3s;position: relative;background-size: 41px;background-position: center;background-repeat: no-repeat;}
.zhuyanbox .container .tab.active{background-color: #C8251E}
.zhuyanbox .container .tab1{background-image: url(../images/zhuyan-tab1.png);}
.zhuyanbox .container .tab2{background-image: url(../images/zhuyan-tab2.png);}
.zhuyanbox .container .contentbox{margin-top: 54px;width: 100%;position: relative;z-index: 1}
.zhuyanbox .container .content{display: none;position: relative;}
.zhuyanbox .container .content.active{display: block;}
.zhuyanbox .container .content .swiper-slide{width: 291px;height: 380px;padding: 32px 32px 78px;background-image: url(../images/zhuyan-imgbg.png);background-size: cover;background-position: center;background-repeat: no-repeat;}
.zhuyanbox .container .content .swiper-slide .txt{position: absolute;left: 32px;right: 32px;height: 62px;bottom: 17px;display: flex;align-items: center;justify-content: center;}
.zhuyanbox .container .content .swiper-slide .txt p{width: 100%;text-align: center;font-size: 18px;color: #104773;line-height:26px;max-height: 52px;overflow: hidden;}
.zhuyanbox .container .content .prev{width: 72px;height: 72px;background-size: cover;background-position: center;background-repeat: no-repeat;background-image: url(../images/zhuyan-btnl.png);position: absolute;left: -99px;top:50%;margin-top: -36px;cursor: pointer;outline: none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;transition: all 0.3s}
.zhuyanbox .container .content .next{width: 72px;height: 72px;background-size: cover;background-position: center;background-repeat: no-repeat;background-image: url(../images/zhuyan-btnr.png);position: absolute;right: -99px;top:50%;margin-top: -36px;cursor: pointer;outline: none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;transition: all 0.3s}
.zhuyanbox .container .content .prev:hover{opacity: 0.8}
.zhuyanbox .container .content .next:hover{opacity: 0.8}
.zhuyanbox .container .content .prev.swiper-button-disabled{opacity: 0.5}
.zhuyanbox .container .content .next.swiper-button-disabled{opacity: 0.5}
.zhuyanbox .container .content .prev.swiper-button-disabled:hover{opacity: 0.5}
.zhuyanbox .container .content .next.swiper-button-disabled:hover{opacity: 0.5}
.zhuyanbox .container .bg2{width: 320px;position: absolute;bottom: -170px;right: -181px;z-index: 2;}
.bold{font-weight: bold;}
.zuopinbox{width: 100%;height: auto;overflow: hidden;}
.zuopinbox .mainbox{position: relative;padding-top: 97px;}
.zuopinbox .container{width: 1256px;position: relative;height: 963px;margin: 0 -19px 0 -37px;padding:202px 	95px;background-size: cover;background-position: center;background-repeat: no-repeat;}
.zuopinbox .container .bg1{width: 256px;position: absolute;top: -66px;right: -71px}
.zuopinbox .container .tit{width: 165px;position: absolute;top: -27px;right: 183px}
.zuopinbox .container .bg2{width: 422px;position: absolute;bottom: 45px;left: -246px;z-index: -1}
.zuopinbox .container .bg3{width: 241px;position: absolute;bottom: 130px;left: -123px;}
.zuopinbox .container .bg4{width: 196px;position: absolute;bottom: 46px;right: -160px;}
.zuopinbox .container .tabbox{width: 100%;overflow: hidden;display: flex;align-items: center;justify-content: center;}
.zuopinbox .container .tabbox .tab{width: 263px;height: 52px;display: block;margin-right: 40px;position: relative;background-size: cover;background-position: center;background-repeat: no-repeat;}
.zuopinbox .container .tabbox .tab:last-child{margin-right: 0}
.zuopinbox .container .tabbox .tab1{background-image: url(../images/zuopin-tab1.png);}
.zuopinbox .container .tabbox .tab1.active{background-image: url(../images/zuopin-tab1-active.png);}
.zuopinbox .container .tabbox .tab2{background-image: url(../images/zuopin-tab2.png);}
.zuopinbox .container .tabbox .tab2.active{background-image: url(../images/zuopin-tab2-active.png);}
.zuopinbox .container .tabbox .tab3{background-image: url(../images/zuopin-tab3.png);}
.zuopinbox .container .tabbox .tab3.active{background-image: url(../images/zuopin-tab3-active.png);}
.zuopinbox .container .content{width: 1028px;margin:44px auto 0;height: 468px;}
.zuopinbox .container .content .scrollbox{display: none;width: 100%;height: 100%;overflow: hidden;}
.zuopinbox .container .content .scrollbox.active{display: block;}
.zuopinbox .container .content .scrollbox .scroll{padding:0 20px}
.zuopinbox .container .content p{font-size: 16px;line-height: 36px;text-indent: 2em;color:#232323;}
.zuopinbox .container .content p.qx{text-indent: 0em;}
.zhizuobox{width: 100%;height: auto;overflow: hidden;margin-top: 105px;}
.zhizuobox .container{width: calc( 50% + 600px );position: relative;float: right;padding-top: 196px;}
.zhizuobox .container .bg1{width: 256px;position: absolute;top: 88px;left: -91px}
.zhizuobox .container .bg2{width: 169px;position: absolute;top: 0px;left: 1085px;z-index: 2}
.zhizuobox .container .tit{width: 164px;position: absolute;top: 120px;left: 170px;}
.zhizuobox .container .tabbox{position: absolute;z-index: 1;top: 116px;right: 0;width: calc( 50% + 300px );height: 44px;background-color: rgba(60,60,60,0.1)}
.zhizuobox .container .tabbox .tab{float: left;width: 132px;height: 44px;background-color:#263E60;transition:background-color 0.3s;position: relative;background-size:83px;background-position: center;background-repeat: no-repeat;}
.zhizuobox .container .tab.active{background-color: #C8251E}
.zhizuobox .container .tab1{background-image: url(../images/zhizuo-tab1.png);}
.zhizuobox .container .tab2{background-image: url(../images/zhizuo-tab2.png);}
.zhizuobox .container .tab3{background-image: url(../images/zhizuo-tab3.png);}
.zhizuobox .contentbox{width: 100%;height: 572px;background-color: #C8251E;}
.zhizuobox .content{width:1200px;height: 100%;float: left;background-color: #263E60;padding: 40px;position: relative;}
.zhizuobox .container .content .scrollbox{display: none;width: 100%;height:392px;overflow: hidden;margin-top: 50px;position: relative;z-index: 10}
.zhizuobox .container .content .scrollbox.active{display: block;}
.zhizuobox .container .content .scrollbox .scroll{padding:0 20px}
.zhizuobox .container .content .scrollbox .zUIpanelScrollBar{background-color: #a7cef1}
.zhizuobox .container .content p{font-size: 16px;line-height: 36px;text-indent: 2em;color:#a7cef1}
.zhizuobox .container .content .scrollbox.video {margin-top: 97px;}
.zhizuobox .container .content .scrollbox.video .itembox{width: 100%;overflow: hidden;}
.zhizuobox .container .content .scrollbox.video .item{float: left;width: 348px;margin-right: 38px;cursor: pointer;}
.zhizuobox .container .content .scrollbox.video .item:nth-child(3n){margin-right: 0}
.zhizuobox .container .content .scrollbox.video .item h3{font-size: 16px;line-height: 36px;text-align:center;color:#a7cef1;font-weight: normal;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-top: 12px;transition: color 0.3s}
/*.zhizuobox .container .content .scrollbox.video .item:hover h3{color: rgba(167,206,241,0.7);}*/
.zhizuobox .container .content .scrollbox.swiper{width: 1200px;height: 100%;margin:0 -40px;position: relative;}
.zhizuobox .container .swiper .swiper-container{width: 920px;height: 100%;}
.zhizuobox .container .content .prev{width: 72px;height: 72px;background-size: cover;background-position: center;background-repeat: no-repeat;background-image: url(../images/zhuyan-btnl.png);position: absolute;left: 25px;top:50%;margin-top: -36px;cursor: pointer;outline: none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;transition: all 0.3s}
.zhizuobox .container .content .next{width: 72px;height: 72px;background-size: cover;background-position: center;background-repeat: no-repeat;background-image: url(../images/zhuyan-btnr.png);position: absolute;right: 25px;top:50%;margin-top: -36px;cursor: pointer;outline: none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;transition: all 0.3s}
.zhizuobox .container .content .prev:hover{opacity: 0.8}
.zhizuobox .container .content .next:hover{opacity: 0.8}
.zhizuobox .container .content .prev.swiper-button-disabled{opacity: 0.5}
.zhizuobox .container .content .next.swiper-button-disabled{opacity: 0.5}
.zhizuobox .container .content .prev.swiper-button-disabled:hover{opacity: 0.5}
.zhizuobox .container .content .next.swiper-button-disabled:hover{opacity: 0.5}
.zhizuobox .container .content .bg{width: 612px;height: 458px;position: absolute;bottom: 0;right: -360px;background-size: cover;background-position: center;background-repeat: no-repeat;}

.meitibox{width: 100%;padding-top: 112px;margin-top: 97px;overflow: hidden;}
.meitibox .container{width: 100%;height: auto;background-size: cover;background-position: center top;background-repeat: no-repeat;}
.meitibox .container .mainbox{position: relative;padding: 50px 0 96px}
.meitibox .container .bg1{width: 256px;position: absolute;top: -111px;right: -90px}
.meitibox .container .tit{width: 164px;position: absolute;top: -73px;right: 165px}
.meitibox .container .content{width: 100%;padding: 0 18px;}
.meitibox .container .content .item{width: 100%;background-color: #ebfbf9;padding: 18px 72px;margin-bottom: 13px;font-size: 16px;line-height: 24px;border-bottom: 1px solid #003d5b;display: flex;align-items: center;justify-content: space-between;color:#000;transition: all 0.3s;}
.meitibox .container .content .item span:last-child{margin-left:120px;flex-shrink: 0}
.meitibox .container .content .item:hover{background-color: #003d5b;color: #fff}
.meitibox .container .content .item:last-child{margin-bottom: 0}

.footer{width: 100%;padding: 53px 0 49px;background-color: #003d5b}
.footer .mainbox{overflow: hidden;}
.footer .mainbox .left{float: left;width: 422px}
.footer .mainbox .left a{display: block;margin-bottom: 13px;}
.footer .mainbox .right{float: right;width: 681px;}

@media screen and  (max-width: 1500px){
	.header{padding:0 50px;}
	.jumubox .mainbox .container{width: 1243px;height: 849px;margin:0;}
	.jumubox .mainbox .container .tit{top: 30px;right: 233px;}
	.jumubox .mainbox .container .tabbox{padding-top: 184px}
	.jumubox .mainbox .container .content{width: 1080px;height: 402px;margin-top: 26px}
	.jumubox .mainbox .container .content p{line-height: 47px;}
	.zhuyanbox .container .content.active{width: 1080px;margin:0 auto;}
	.zhuyanbox .container .content .prev{left: -80px;}
	.zhuyanbox .container .content .next{right: -80px;}
	.zhuyanbox .container .content .swiper-slide{height: 340px;padding-bottom: 74px}
	.zhuyanbox .container .content .swiper-slide .txt{bottom: 13px}
	.zhuyanbox .container .bg2{width: 300px;right: -100px;}
	.zhizuobox .container .tabbox{width: 60%}
}

#videoshowbox{position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 9999;display: none;}
#videoshowbox .shadow{position: absolute;top: 0;bottom: 0;left: 0;right: 0;background-color: rgba(0,0,0,0.85);}
#videoshowbox .warp{height: 75%;width: 960px;height: 720px;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin:auto;box-sizing: border-box;}
#videoshowbox .warp .videobox{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
#videoshowbox .warp .video{width: 100%;display: none;}
#videoshowbox .warp .video.show{display: block;}
#videoshowbox .warp .video video{width: 100%;}
#videoshowbox .warp .close{position: absolute;right: -60px;top: 0;width: 40px;height: 40px;background-size: cover;background-position: center;cursor: pointer;background-image: url(../images/close.png);}


@media screen and  (max-height: 800px){
	#videoshowbox .warp{width: 640px;height: 480px;}
}