@charset "utf-8";
/*----------------公共部分----------------*/
html{overflow-x:hidden; overflow-y:auto;}
body{ background-repeat:no-repeat; background-position:left top; position:relative;}
body, li, ul, ol, dl, dt, dd, form, input, textarea, h1, h2, h3, h4, h5, h6, p,select{ margin: 0px; padding: 0px; list-style-type:none; font-size: 12px; /*解决ie6缓动*/ background-attachment: fixed; font:12px/1.5 tahoma,arial,"Microsoft YaHei";outline: 0 none; color:#333;}
em,i{font-style:normal;}
a{color:#333;}
a{text-decoration:none;}
*{margin:0px; padding:0px;outline: none !important;}
.view{z-index: 1;position: absolute;}
.horizontal .view{position:relative; float:left;}
.vertical .view{position:relative;}
.view_contents{position:relative; width:100%; margin:0 auto; padding:0; z-index:10; height:100%; overflow: hidden;}
.layout{ position: relative; width: 100%; margin: 0px auto; padding: 0px; z-index: 1;}
.layout > .view_contents{ /*overflow: visible;*/ cursor:default;}
/*流布局*/
.flow .view_contents > .view{float: left;}
.clear { clear: both; }
/*苹果去除样式*/
select,input[type='button'],input[type="reset"],input[type='submit'],input[type='text'],input[type="password"],input[name='query'],input[name='d']{-webkit-appearance: none; border-radius:0px}
input:focus{ -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-user-modify:read-write-plaintext-only;}

/*模块分页*/
.page_btn{clear: both; margin-top: 20px; width: 100%; text-align: center;}
.page_btn a{display: inline-block; color: #333; box-sizing: border-box; margin: 0 5px; width: 24px; height: 24px; line-height: 24px; border: 1px solid #ccc; font-family: 'microsoft YaHei';}
.page_btn a.cur,.page_btn a:hover{border:1px solid #4c4c4c;}
.prev_btn,.next_btn{font-family: '黑体' !important; border: 0 !important;}
.no_page{border: 0 !important;}
@media screen and (max-width:768px){
/*分页*/
.page_btn a:nth-child(n+5){display: none;}
.page_btn a:nth-last-child(1),.page_btn a:nth-last-child(2),.page_btn a:nth-last-child(3){display: inline-block !important;}
}

/*图片放大样式*/
.imgBox{position: fixed; z-index: 9999; background-color: rgba(0, 0, 0, 0.4); top: 0; left: 0; width: 100%; height: 100%;}
.imgBox img{ position: absolute; width: auto; max-width: 80%; /*max-height: 65%;*/ border: 20px solid #fff;top: 40%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); box-shadow: 0 0 10px rgba(0,0,0,.3);}
.imgBox.scroll{overflow-y:scroll;overflow-x:hidden;}
.imgBox.scroll::-webkit-scrollbar {width: 6px; height: 6px; background: rgba(0,0,0,.05);}
.imgBox.scroll::-webkit-scrollbar{width: 6px; height: 6px; background: rgba(0,0,0,.02);}
.imgBox.scroll::-webkit-scrollbar-button{background: #f7f7f7; height: 0;}
.imgBox.scroll::-webkit-scrollbar-corner{background: rgba(0,0,0,.05);}
.imgBox.scroll::-webkit-scrollbar-thumb{background: rgba(255,255,255,.7); border-radius: 3px;}

.imgBox.scroll img{top:5%; margin-bottom: 5%; transform: translate(-50%,0%); -webkit-transform: translate(-50%,0%); -moz-transform: translate(-50%,0%); -o-transform: translate(-50%,0%);}
.pos_fixed{position: fixed; width: 100%;}
.imageButton{position: fixed; bottom: 15%; left: 50%; 
	-webkit-transform: translateX(-50%); 
	-moz-transform: translateX(-50%); 
	-ms-transform: translateX(-50%); 
	-o-transform: translateX(-50%); 
	transform: translateX(-50%); 
}
.imageButton span{display: inline-block; cursor:pointer; box-shadow: 0 0 6px rgba(0,0,0,.2);
	-webkit-transition: all ease .2s; 
	-moz-transition: all ease .2s; 
	-ms-transition: all ease .2s;
	-o-transition: all ease .2s; 
	transition: all ease .2s; 
}
.imageButton span:hover{opacity: .8;}
.imageButton span.closeShowPic{ font-size: 40px; border-radius: 100%;font-family: serif; line-height: 1; background-color: #fff; padding: .2em; text-align: center;}
@media screen and (max-width: 768px){/*mobi*/
	.imgBox img{border-width: 10px;}
	.imgBox.scroll img{top:5%; margin-bottom: 10vh;}
}

body{ background-position:left top; }



 #image_style_01_1511431194576{width:25.000000000000007%;height:200px;position:absolute;left:37.5%;top:14px;}   @media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1511431194576{width:53.333333333333336%;height:200px;top:14px;left:23.333333333333332%;}}   @media screen and (max-width:640px) {#image_style_01_1511431194576{width:48%;height:83px;left:26%;top:12px;}} #image_style_01_1511431194576 > .view_contents{overflow:visible;} 
 #div_includeBlock_1511431181543{width:66.66666666666666%;height:300px;position:absolute;left:16.66666666666667%;top:16px;}   @media screen and (min-width:641px) and (max-width:1200px) {#div_includeBlock_1511431181543{width:83.33333333333334%;height:300px;left:8.333333333333329%;top:16px;}}   @media screen and (max-width:640px) {#div_includeBlock_1511431181543{width:100%;height:114px;top:0px;left:0%;}}  @media screen and (max-width:640px) { #div_includeBlock_1511431181543  {background:#2464b5;}} #comm_layout_header{height:300px;}   @media screen and (min-width:641px) and (max-width:1200px) {#comm_layout_header{}}   @media screen and (max-width:640px) {#comm_layout_header{height:114px;}} #comm_layout_header > .view_contents{max-width:1200px;} 


 #banner_style_01_1511431287156{width:100%;height:500px;position:absolute;left:0%;top:80px;}   @media screen and (min-width:641px) and (max-width:1200px) {#banner_style_01_1511431287156{width:100%;height:300px;left:0%;top:80px;}}   @media screen and (max-width:640px) {#banner_style_01_1511431287156{width:100%;height:206px;top:0px;left:0%;}}  #layout_1511431283031{height:300px;}   @media screen and (min-width:641px) and (max-width:1200px) {#layout_1511431283031{}}   @media screen and (max-width:640px) {#layout_1511431283031{height:206px;}} #layout_1511431283031 > .view_contents{overflow:visible;max-width:1200px;} 


 #text_style_01_1511488240177{width:30.833333333333336%;font-size:12px;color:#333;line-height:1.6;font-family:Microsoft YaHei;position:absolute;left:34.58333333333333%;top:28px;}   @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1511488240177{width:38.54166666666667%;left:30.729166666666664%;top:28px;}}   @media screen and (max-width:640px) {#text_style_01_1511488240177{width:60%;top:28px;left:20.933333333333334%;}}  #text_style_01_1511488240177>.view_contents {box-sizing:border-box;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1511488240177>.view_contents {box-sizing:border-box;}} @media screen and (max-width:640px) { #text_style_01_1511488240177>.view_contents {box-sizing:border-box;font-size:14px;text-align:center;}}

 #image_style_01_1511488287955{width:16.666666666666664%;height:200px;position:absolute;left:41.66666666666667%;top:61px;}   @media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1511488287955{width:20.833333333333336%;height:200px;left:39.58333333333333%;top:61px;}}   @media screen and (max-width:640px) {#image_style_01_1511488287955{width:32.266666666666666%;height:105px;top:52px;left:3.8666666666666667%;}} #image_style_01_1511488287955 > .view_contents{overflow:visible;} 

 #image_style_01_1511488335427{width:16.666666666666664%;height:200px;position:absolute;left:0%;top:72px;}   @media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1511488335427{width:20.833333333333336%;height:200px;}}   @media screen and (max-width:640px) {#image_style_01_1511488335427{width:27.200000000000003%;height:111px;top:62px;left:65.85416666666667%;}} #image_style_01_1511488335427 > .view_contents{overflow:visible;} 

 #text_style_01_1511488577826{width:30.833333333333336%;font-size:12px;color:#333;line-height:1.6;font-family:Microsoft YaHei;position:absolute;left:0%;top:183px;}   @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1511488577826{width:38.54166666666667%;}}   @media screen and (max-width:640px) {#text_style_01_1511488577826{width:25.6%;top:173px;left:68.12083333333334%;}}  #text_style_01_1511488577826>.view_contents {box-sizing:border-box;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1511488577826>.view_contents {box-sizing:border-box;}} @media screen and (max-width:640px) { #text_style_01_1511488577826>.view_contents {box-sizing:border-box;}}

 #text_style_01_1511488562349{width:30.833333333333336%;font-size:12px;color:#333;line-height:1.6;font-family:Microsoft YaHei;position:absolute;left:34.58333333333333%;top:171px;}   @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1511488562349{width:38.54166666666667%;left:30.729166666666664%;top:171px;}}   @media screen and (max-width:640px) {#text_style_01_1511488562349{width:22.666666666666664%;top:173px;left:10.266666666666667%;}}  #text_style_01_1511488562349>.view_contents {box-sizing:border-box;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1511488562349>.view_contents {box-sizing:border-box;}} @media screen and (max-width:640px) { #text_style_01_1511488562349>.view_contents {box-sizing:border-box;}}

 #text_style_01_1511488382122{width:30.833333333333336%;font-size:12px;color:#333;line-height:1.6;font-family:Microsoft YaHei;position:absolute;left:34.58333333333333%;top:94px;}   @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1511488382122{width:38.54166666666667%;left:30.729166666666664%;top:94px;}}   @media screen and (max-width:640px) {#text_style_01_1511488382122{width:19.733333333333334%;top:103.5px;left:40.13333333333333%;}}  #text_style_01_1511488382122>.view_contents {box-sizing:border-box;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1511488382122>.view_contents {box-sizing:border-box;}} @media screen and (max-width:640px) { #text_style_01_1511488382122>.view_contents {box-sizing:border-box;text-align:center;font-size:18px;}} #layout_1511488202310{height:300px;}   @media screen and (min-width:641px) and (max-width:1200px) {#layout_1511488202310{}}   @media screen and (max-width:640px) {#layout_1511488202310{height:226px;}} #layout_1511488202310 > .view_contents{overflow:visible;max-width:1200px;} 


 #image_style_01_1511489319563{width:16.666666666666664%;height:200px;position:absolute;left:41.66666666666667%;top:29px;}   @media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1511489319563{width:20.833333333333336%;height:200px;left:39.58333333333333%;top:29px;}}   @media screen and (max-width:640px) {#image_style_01_1511489319563{width:96%;height:238px;top:17px;left:2%;}} #image_style_01_1511489319563 > .view_contents{overflow:visible;} 

 #image_style_01_1511489387215{width:16.666666666666664%;height:200px;position:absolute;left:41.66666666666667%;top:267px;}   @media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1511489387215{width:20.833333333333336%;height:200px;left:39.58333333333333%;top:267px;}}   @media screen and (max-width:640px) {#image_style_01_1511489387215{width:98%;height:115px;top:265px;left:1.0666666666666667%;}} #image_style_01_1511489387215 > .view_contents{overflow:visible;}  #layout_1511489295486{height:300px;}   @media screen and (min-width:641px) and (max-width:1200px) {#layout_1511489295486{}}   @media screen and (max-width:640px) {#layout_1511489295486{height:393px;}} #layout_1511489295486 > .view_contents{overflow:visible;max-width:1200px;}  @media screen and (max-width:640px) { #layout_1511489295486  {background:#eeeeee;}}



 #text_style_01_1511488709489{width:46.25000000000001%;font-size:12px;color:#333;line-height:1.6;font-family:Microsoft YaHei;position:absolute;left:26.874999999999996%;top:19px;}   @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1511488709489{width:60%;top:19px;left:20%;}}   @media screen and (max-width:640px) {#text_style_01_1511488709489{width:83.46666666666667%;left:8.266666666666666%;top:18px;}}  #text_style_01_1511488709489>.view_contents {box-sizing:border-box;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1511488709489>.view_contents {box-sizing:border-box;}} @media screen and (max-width:640px) { #text_style_01_1511488709489>.view_contents {box-sizing:border-box;color:#ffffff;font-size:14px;text-align:center;}}
 #div_includeBlock_1511488644222{width:66.66666666666666%;height:300px;position:absolute;left:16.66666666666667%;top:20px;}   @media screen and (min-width:641px) and (max-width:1200px) {#div_includeBlock_1511488644222{width:83.33333333333334%;height:300px;left:8.333333333333329%;top:20px;}}   @media screen and (max-width:640px) {#div_includeBlock_1511488644222{width:100%;height:80px;top:0px;left:0%;}}  @media screen and (max-width:640px) { #div_includeBlock_1511488644222  {background: url(../img/upimages/wximg/pkgimg/20170518/bg.jpg);background-size:auto 100%;background-repeat:no-repeat;}} #comm_layout_footer{height:300px;}   @media screen and (min-width:641px) and (max-width:1200px) {#comm_layout_footer{}}   @media screen and (max-width:640px) {#comm_layout_footer{height:80px;}} #comm_layout_footer > .view_contents{max-width:1200px;} 

	#image_style_01_1511431194576 .CompatibleImg img{width:100%; height:100%}@media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1511431194576 .CompatibleImg img{width:100%; height:100%}}@media screen and (max-width:640px) {#image_style_01_1511431194576 .CompatibleImg img{width:100%; height:auto; margin-left:0px}}

{width: 100%;}

.imgStyle { height:100%; width:100%; overflow: hidden; box-sizing: border-box;}
.imgStyle>a{overflow: hidden; width: 100%; height: 100%;}
.imgStyle img{box-sizing: border-box;}

/* banner样式 */

.bannerStyle_1{width:100%; height:100%; position:relative;}
.bannerStyle_1 .main_visual{height:100%; overflow:hidden; position:relative; }

.bannerStyle_1 .main_image{height:100%; overflow:hidden; position:relative; }

/* 圆点 */
.bannerStyle_1 div.flicking_con{position:absolute; bottom:20px; left:0; z-index:999; width:100%; height:14px; text-align:center; }
.bannerStyle_1 div.flicking_con a{width:14px; height:14px; padding:0; background:none; border:1px solid #eee; display:inline-block; box-sizing:border-box; margin:0 3px; border-radius:100%; }
.bannerStyle_1 div.flicking_con a.on{background:rgba(204,204,204,0.4); border:0;}

/* 左右按钮 */
.bannerStyle_1 .btn_prev,.bannerStyle_1 .btn_next{z-index:11111; position:absolute; width:73px; height:74px; top:50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); display:none; }
.bannerStyle_1 .btn_prev{background:url(../img/banner/style_01/hover_left.png) no-repeat left top; left:20px; background-size: 80%;}
.bannerStyle_1 .btn_next{background:url(../img/banner/style_01/hover_right.png) no-repeat right top; right:20px; background-size: 80%;}

/* 遮罩面板 */
.bannerStyle_1 .ground_glass{display:none; position:absolute; top:0; left:0; opacity:0; width:100%; height:100%; z-index:998; background-color:#fff;}

@media screen and  (min-width:320px) and (max-width:767px){
	.bannerStyle_1 div.flicking_con a{width: 9px; height: 9px;}
}

/* 默认 动画效果 */
.bannerStyle_1 .main_image .img-list{width:100%; height:100%; overflow:hidden; position:absolute; top:0; left:0}
.bannerStyle_1 .main_image .img-item{position:absolute; width:100%; height:100%; display:block; top:0;}
.bannerStyle_1 .main_image .img-item span{display:block; width:100%; height:100%; background-size:cover !important;}
.bannerStyle_1 .main_image .img-item a{display:block; width:100%; height:100%; overflow: hidden;}

/* 3D矩形旋转 动画效果 */
.bannerStyle_1.rotate-3d .img-part{
	position: absolute;
	top: 0;
	width: calc(20% + 1px);	/* [注意] 修改为总宽度 / 动画块个数 */
	height: 100%;
	background-color: #fff;
	transition: all .7s;
	/* 设置子元素在3D空间中呈现 */
	transform-style: preserve-3d;
}
.bannerStyle_1.rotate-3d .img-part .img{
	width: 100%;
	height: 100%;
	position: absolute;
	background-size: 500% auto;	/* [注意] 宽度 为 动画块个数 * 100%, 这样图片可以分若干份后始终100%, 如果不需要这样, 可以设置为cover */
}
.bannerStyle_1.rotate-3d .img-part .img:nth-child(1){
	transform: rotateX(0deg) translateZ(150px);
}
.bannerStyle_1.rotate-3d .img-part .img:nth-child(2){
	transform: rotateX(-90deg) translateZ(150px);
}
.bannerStyle_1.rotate-3d .img-part .img:nth-child(3){
	transform: rotateX(-180deg) translateZ(150px);
}
.bannerStyle_1.rotate-3d .img-part .img:nth-child(4){
	transform: rotateX(-270deg) translateZ(150px);
}

            #banner_style_01_1511431287156 .bannerStyle_1 .main_image .img-item .img_0{background: url('../img/upimages/wximg/pkgimg/20170518/banner10.jpg') center top no-repeat;}
                #banner_style_01_1511431287156 .bannerStyle_1 .ground_glass{}
    
	#image_style_01_1511488287955 .CompatibleImg img{width:100%; height:100%}@media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1511488287955 .CompatibleImg img{width:100%; height:100%}}@media screen and (max-width:640px) {#image_style_01_1511488287955 .CompatibleImg img{width:100%; height:auto; margin-left:0px}}

{width: 100%;}

.imgStyle { height:100%; width:100%; overflow: hidden; box-sizing: border-box;}
.imgStyle>a{overflow: hidden; width: 100%; height: 100%;}
.imgStyle img{box-sizing: border-box;}

	#image_style_01_1511488335427 .CompatibleImg img{width:100%; height:100%}@media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1511488335427 .CompatibleImg img{width:100%; height:100%}}@media screen and (max-width:640px) {#image_style_01_1511488335427 .CompatibleImg img{width:100%; height:auto; margin-left:0px}}

{width: 100%;}

.imgStyle { height:100%; width:100%; overflow: hidden; box-sizing: border-box;}
.imgStyle>a{overflow: hidden; width: 100%; height: 100%;}
.imgStyle img{box-sizing: border-box;}

	#image_style_01_1511489319563 .CompatibleImg img{width:100%; height:100%}@media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1511489319563 .CompatibleImg img{width:100%; height:100%}}@media screen and (max-width:640px) {#image_style_01_1511489319563 .CompatibleImg img{width:100%; height:auto; margin-left:0px}}

{width: 100%;}

.imgStyle { height:100%; width:100%; overflow: hidden; box-sizing: border-box;}
.imgStyle>a{overflow: hidden; width: 100%; height: 100%;}
.imgStyle img{box-sizing: border-box;}

	#image_style_01_1511489387215 .CompatibleImg img{width:100%; height:100%}@media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1511489387215 .CompatibleImg img{width:100%; height:100%}}@media screen and (max-width:640px) {#image_style_01_1511489387215 .CompatibleImg img{width:100%; height:auto; margin-left:0px}}

{width: 100%;}

.imgStyle { height:100%; width:100%; overflow: hidden; box-sizing: border-box;}
.imgStyle>a{overflow: hidden; width: 100%; height: 100%;}
.imgStyle img{box-sizing: border-box;}

				.bottomMenu{width: 100%; box-sizing:border-box; display: none;position:fixed;bottom:0;z-index:999999}
				.bottomMenu ul{width:100%; height: 40px; padding:6px 0; background-color: #fff; border-top: 1px solid #ddd; box-shadow: 0 0px 6px rgba(0,0,0,.1); display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
				.bottomMenu ul li{position:relative; box-sizing: border-box; -webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
				.bottomMenu ul li .menuItem{position: relative;}
				.bottomMenu ul li .menuIco{width: 26px; height: 26px; overflow: hidden; margin: auto;}
				.bottomMenu ul li .menuIco img{width: 100%;}
				.bottomMenu ul li .menuName{font-size: 12px; white-space: nowrap; margin: auto; text-align: center; color: #333; line-height: 18px;}
				.bottomMenu ul li .submenuItems{position: absolute; bottom: 48px; z-index:999999; width: 100%; text-align: center; border: 1px solid #ddd; background-color: #fff; box-shadow: 0 0px 6px rgba(0,0,0,.1);}
				.bottomMenu ul li .submenuItems a{display: block; height: 36px; line-height: 36px; font-size: 12px; color: #333; border-bottom: 1px solid #ddd;}
				@media screen and (max-width:767px) {
					.bottomMenu{display: block;}
					body{padding-bottom:55px;}
				}