@charset "utf-8";
/* CSS Document */

/*--------------- 
总体 
---------------*/
body{ position:relative; width:100%; font-family: "Times New Roman"; font-size: 16px; background:#fff; color:#777; overflow-x:hidden; }
.en { position:relative; width:100%; font:normal 14px/24px "Arial"; background:#fff; color:#777; overflow-x:hidden; }
a { text-decoration:none; font-family: "Times New Roman"; font-size: 16px; }
h3, h4, h5 { font-weight:normal; }
.cl{clear: both}
.blank20{height:20px; line-height: 20px; clear: both; overflow: hidden}
.wrapper{width:1300px; overflow: hidden;margin: 0 auto;padding: 0; height:auto; position: relative;}
.wrapper2{width:1300px;margin: 0 auto;padding: 0; height:auto; position: relative;}
.mt50{margin-top: 50px;}
.mt70{margin-top: 70px;}
img{vertical-align: middle}
.top{background: #00528c;width: 100%;height: 50px;line-height: 50px;}
.top_l{float: left;}
.top_l ul li{width: 130px;height: 50px;line-height: 50px;text-align: center;color: #fff;float: left;border-right: #003459 1px solid;}
.top_l ul li a{color: #fff;text-transform: capitalize}
.top_l ul li:nth-child(1){background: url(../images/sanjiao.png) 105px center no-repeat;}
.top_r{width: 190px;float: right;background: #0a4066;height: 50px;line-height: 50px;position:relative}
.top_r input[type=text]{height: 50px;line-height: 50px;float: right;width: 65%;color: #fff; background: none;border: 0;text-transform: capitalize}
.top_r input[type=submit]{background: url(../images/search.png) center center no-repeat;width: 24px;height: 24px;border: 0;position: absolute;left: 20px;top: 12px;cursor: pointer}
.top_r input::-webkit-input-placeholder {color: #fff; font-size: 16px;}
header{width: 100%;height:auto;background: #fff;font-family: "Times New Roman";text-transform: capitalize}
.logo{background:url(../images/top_bg.jpg) center center no-repeat;width: 100%;height: 160px;text-align: center;margin: 0 auto;padding: 0 }
.logo img{text-align: center;margin-top: 20px;}
.fixednav {  
    position: fixed;  
    top: 0px;  
    left: 0px;  
    width: 100%;  
    z-index: 999;  
}  
nav{height: 70px;line-height: 70px;width: 100%;text-align: center;background: #00528c;}
nav ul{width: 70%;margin: 0 auto;text-align: center;}
nav ul li{text-align: center;float: left;width: 20%;margin: 0 auto;padding: 0;height: 70px;line-height: 70px;}
nav ul li:hover{background: #66a7d3;}
nav ul li.active{background: #66a7d3;}
nav ul li a{text-transform: capitalize;color: #fff;font-size: 24px;display: block;height: 70px;line-height:70px;width: 100%;}
nav ul li{text-align: center}
#nav-menu li { position: relative;}
 #nav-menu li ul{
  position: absolute;
  left:0;
  top:50px;
  background: #fff;
  display: none;
	 z-index: 99;
width: 100%;
}
#nav-menu li ul li, #nav-menu li ul li a{
  height:40px;
  line-height:40px;
	font-size: 14px;
color: #777;
	border-right: 0;
}

#nav-menu li ul li{
  border-top: 1px solid #cbcbcb;
}
#nav-menu li:hover ul{
  display: block;

}
#nav-menu li:hover {cursor: pointer}
#nav-menu li ul li:hover{background: #00528c;color: #fff;border-top: #fff 1px solid;}
#nav-menu li ul li:hover a{color: #fff;}
.device {
  width: 100%;
  height:813px;

overflow: hidden;

  margin:0 auto;
  position: relative;
 text-align:center;


}

.swiper-container {
  height: 100%;
  width:100%;
	overflow: hidden;
}
.swiper-container img{width: 100%;}
.content-slide {
  padding: 20px;
  color: #fff;
}

.pagination {
	display:block;
  position: absolute;
  left: 0;
  text-align: center;
  bottom:30px;
  width: 100%;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 15px;
  background: #fff;
  margin: 0 10px;
  cursor: pointer;
}
.swiper-active-switch {
  background: #00528c;
}
.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
}
.swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;

	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide {
	display:inline-block;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}

.part01{background:url(../images/bg2.jpg) center center no-repeat;width: 100%;height: 960px;margin: 0 auto;padding: 0;}
.part01_t{text-align: center;width:100%;font-size: 50px;color: #fff;font-weight: bold;margin-top: 50px;text-transform: capitalize;}
.part01_l{margin-top: 50px;width: 100%;text-align: center;height: auto;overflow: hidden}
.part01_l ul {width: 84%;margin: 0 auto;}
.part01_l ul li{text-align: center;width: 330px;height: 300px;padding-top: 20px;margin-top:10px;float: left;margin-right:50px ;}
.part01_l ul li:nth-child(3n){margin-right: 0;}
.part01_l ul li h2{font-size: 60px;font-weight: bold;color: #ffcb05;text-align: center;margin: 5px auto;height: auto;}
.part01_l ul li p{font-size: 20px;color: #fff;width:90%;margin: 0 auto;text-align: center;text-transform: capitalize;line-height: 26px}
.part01_l ul li img{display: block;text-align: center;width: 148px;height: 148px;margin: 0 auto;}
.part01_l ul li .img_h{display: none;}
.part01_l ul li:hover{background:#ffcb05 }
.part01_l ul li:hover h2{color: #00528c}
.part01_l ul li:hover p{color: #00528c}
.part01_l ul li:hover .img_n_h{display: none}
.part01_l ul li:hover .img_h{display: block}
.part01_m{background: #00528c;width: 200px;height: 60px;text-align: center;line-height: 60px;margin: 40px auto;}
.part01_m a{display: block;width: 100%;height: 60px;line-height: 60px;color: #fff;text-transform: capitalize;font-size: 18px;}
.part02{width: 100%;height: auto;overflow: hidden;margin: 0 auto;padding: 0;}
.part02_l{width: 100%;margin-top: 50px;height: auto;overflow: hidden;}
.part02_l ul li{width:400px;height: auto;float: left;margin-right: 50px;text-align: center;}
.part02_l ul li:nth-child(3){margin-right: 0;}
.part02_l ul li h2{font-size: 24px;color: #000;text-align: left;height: auto;margin-bottom: 20px;font-weight: bold;}
.part02_l ul li .part02_z{width: 100%;height: 150px;margin: 0 auto;padding: 0;overflow: hidden;background: #66a7d3;}
.part02_l ul li .part02_z p{width: 90%;margin: 10px auto;text-align: left;line-height: 24px;color: #fff;font-size:18px;}
.part02_l ul li .part02_z span{text-align: left;font-size: 18px;text-decoration: underline;color: #fff;display: block;width: 90%;margin: 0 auto}
.part02_l ul li:nth-child(2) .part02_z{background: #00afa2;}
.part02_l ul li:nth-child(3) .part02_z{background: #34bee4;}
.part03{width: 100%;height: auto;overflow: hidden;margin: 50px auto;padding: 0;position: relative}
.part03_t{width: 100%;margin: 0 auto;height: auto;overflow: hidden}
.part03_t h2{color:#000;font-size: 24px;font-weight: bold;float: left;height: 60px;line-height: 60px;}
.part03_t span{width: 200px;height:60px;line-height: 60px;text-align: center;color: #fecb09;font-size: 18px;float: right;background: #00528c;}
.part03_l {width: 100%;margin: 70px auto 0 auto;height:auto;overflow: hidden;position: relative;}
.part03_l .mask{margin: 0 auto;height: auto;overflow: hidden;position: relative;width: 90%;}
.part03_l .mask ul{position: relative;overflow: hidden}
.part03_l .mask ul li{width: 220px;margin-right:100px;text-align: center;float: left;height: auto;overflow: hidden}
.part03_l .mask ul li img{width: 134px;height: 134px;}
.part03_l .mask ul li p{width: 100%;text-align: center;text-transform: capitalize;color: #000;line-height: 24px;margin-top: 20px;font-size: 20px;}
.part03_l .preview,.part03_l .next{background: url(../images/arrow_g_l.png) center center no-repeat;width:40px;height: 67px;left: 0;top: 40%;position: absolute;cursor: pointer}
.part03_l .next{background: url(../images/arrow_g_r.png) center center no-repeat;left: auto;right: 0}
.part03_l .preview:hover{background: url(../images/arrow_l.png) center center no-repeat;}
.part03_l .next:hover{background: url(../images/arrow_r.png) center center no-repeat;}
.part04{width: 100%;padding: 70px 0;height: auto;overflow: hidden;background: #eee;}
.part04_l{width: 100%;margin: 0 auto;padding: 0;height:235px;}
.part04_l ul li{width:400px;margin-right: 50px;float: left;height: 235px;}
.part04_l ul li:nth-child(3){margin-right: 0;}
.part04_l ul li img{width: 400px;height: 155px;border-bottom: #fecb09 3px solid;}
.part04_l ul li h2{font-size: 24px;color: #333;font-weight: bold;height: auto;margin: 15px auto; overflow: hidden}
.part04_l ul li p{color: #555;text-align:left;font-size: 18px;line-height: 26px;}
.part04_l ul li span{text-decoration: underline;color: #00528c;text-align: left;display: block;margin-top: 15px;font-size: 18px;}
.part05{width: 100%;padding:50px 0 0 0;height: auto;overflow: hidden;}
.part05_t{text-align: center;width: 100%;margin: 0 auto;padding: 0;}
.part05_t h2{text-align: center;color:#000;font-size: 50px;font-weight: bold;}
.part05_t p{text-align: center;color: #555;font-size: 20px;line-height: 26px;width: 35%;margin: 30px auto}
.part05_l{width: 100%;height:auto;overflow: hidden;margin: 0 auto;padding: 0;position: relative;text-align:center;}
.part05_l ul{font-size:0;}
.part05_l ul li{display:inline-block;width: 460px;height: 460px;margin-right: 21px;position: relative;margin-top: 20px;}
.part05_l ul li:nth-child(4){margin-right: 0;}
.part05_l ul li .part05_z{display: none;width: 100%;height: 100%;position: absolute;background: rgba(0,0,0,0.75);left: 0;top: 0;padding: 100px 0;}
.part05_l ul li img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.part05_l ul li h2{position: absolute;bottom: 0;left: 0;font-size: 20px;text-transform: capitalize;font-weight: bold;color: #fff;height: 80px;line-height: 80px;text-indent: 1em;width: 100%;background: rgba(0,0,0,0.75)}
.part05_l ul li:hover h2{display: none}
.part05_l ul li:hover .part05_z{display: block;}
.part05_l ul li .part05_z h3{text-align: left;color: #fff;font-size: 24px;width: 80%;margin: 0 auto;}
.part05_l ul li .part05_z p{font-size: 18px;text-align: left;line-height: 26px;margin: 30px auto;min-height: 70px;color: #fff;width: 80%;}
.part05_l ul li .part05_z span{text-decoration: underline;color: #fecb09;font-size: 18px;width: 80%;display: block;margin: 40px auto}
.part06{width: 100%;margin:40px auto;overflow: hidden;height: auto;}
.part06_t{text-align: center;color: #000;font-size: 50px;width: 100%;font-weight: bold;}
.part06_l{margin-top: 50px;width: 100%;height: auto;overflow: hidden}
.part06_l ul li{width: 400px;height: 200px;float:left;margin-right: 50px;position: relative;}
.part06_l ul li:nth-child(3){margin-right: 0;}
.part06_l ul li img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.part06_l ul li .part06_z{background: rgba(0,0,0,0.6);width: 100%;height: 100%;position: absolute;}
.part06_l ul li .part06_z h2{width: 80%;text-align: center;color: #fff;font-size: 24px;margin: 70px auto}
.part07{background:url(../images/bw_bg.jpg) center center repeat-x;width: 100%;height:770px;overflow: hidden;}
.part07_t{margin-top:70px;text-align: center;color: #fff;font-size: 50px;font-weight: bold;}
.part07_l{margin-top: 50px;height: auto;overflow: hidden;width: 100%;}
.part07_l ul li{width:50%;float: left;position: relative;height: 300px;}
.part07_l ul li img{width: 100%;height: 100%;position: absolute;left: 0;top: 0}
.part07_l ul li .part07_z{position: absolute;bottom: 20px;width: 100%;margin: 0 auto;left:0;}
.part07_l ul li .part07_z h2{font-size: 24px;color: #fff;background:rgba(102,167,211,0.8);width: 80%;margin: 0 auto;padding:15px 20px 0 20px;height: 70px;}
.part07_l ul li:nth-child(2) .part07_z h2{background:rgba(254,203,9,0.8);}
.part07_l ul li:nth-child(3) .part07_z h2{background:rgba(0,175,162,0.8);}
.part07_l ul li:nth-child(4) .part07_z h2{background:rgba(52,190,228,0.8);}
.part07_f{background: #eee;width: 100%;height: auto;overflow: hidden;padding-top: 50px;}
.part07_f_t h2{font-size: 24px;font-weight: bold;color: #000;text-align:left;}
.part07_f_t p{color: #555;font-size: 20px;text-align: left;line-height: 26px;margin-top: 20px;width: 73%;}
.part07_f_l{width: 100%;margin: 0 auto;height: auto;overflow: hidden;position: relative}
.part07_f_l .mask{width: 87%;margin: 40px auto;position: relative;overflow: hidden}
.part07_f_l .mask ul {position: relative;overflow: hidden;}
.part07_f_l .mask ul li{width:550px;height: 250px;float: left;margin-right: 20px;position: relative;}
.part07_f_l .mask ul li img{position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.part07_f_l .mask ul li h2{width: 80%;margin: 0 auto;font-size: 24px;color: #fff;line-height: 30px;text-align: left;position: absolute;left: 50px;top: 100px}
.part07_f_l .preview,.part07_f_l .next{background: url(../images/arrow_g_l.png) center center no-repeat;width:40px;height: 67px;left: 0;top: 40%;position: absolute;cursor: pointer}
.part07_f_l .next{background: url(../images/arrow_g_r.png) center center no-repeat;left: auto;right: 0}
.part07_f_l .preview:hover{background: url(../images/arrow_l.png) center center no-repeat;}
.part07_f_l .next:hover{background: url(../images/arrow_r.png) center center no-repeat;}
.part07_f_t2 {width: 100%;margin-top: 40px;height: 60px;line-height: 60px;}
.part07_f_t2 h2{float: left;font-size: 24px;font-weight: bold;color: #000;}
.part07_f_t2 span{float: right ;width: 200px;height: 60px;line-height: 60px;text-align: center;color: #fff;font-size: 18px;background: #00528c;}
.part07_f_info{width: 100%;background: #fff;border: #ddd 1px solid;height: auto;overflow: hidden;margin:50px auto;}
.part07_f_info img{float: left;border-right: #ddd 1px solid;}
.part07_f_z2{float: left;margin-left: 30px;width: 60%;}
.part07_f_z2 h2{font-size: 20px;color: #000;font-weight: bold;margin-top: 60px;}
.part07_f_z2 p{color: #555;text-align: left;line-height: 26px;margin-top: 15px;height: 70px;overflow: hidden;font-size: 18px;}
.part07_f_z2 span{color: #00528c;font-size: 18px;text-decoration: underline;margin-top: 30px;display: block}
.part08{width: 100%;height: auto;overflow: hidden;padding: 50px 0;margin: 0 auto;}
.part08_t_l{width: 100%;margin: 0 auto;padding: 0;height: auto;overflow: hidden;}
.part08_t_l ul li{float: left;width: 625px;height: 400px;position: relative;margin-right: 50px;}
.part08_t_l ul li:nth-child(2){margin-right: 0;}
.part08_t_l ul li img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.part08_t_l ul li .part08_t_l_d{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(0,0,0,0.3)}
.part08_t_l ul li h2{background:rgba(0,82,140,0.8);width:90%;height: 65px;bottom: 20px;left:5%;position: absolute;text-align: left;text-indent: 1em;font-size: 24px;color: #fff;font-weight: bold;line-height: 65px}
.part08_f_l{width: 100%;margin-top: 10px;height: auto;overflow: hidden;}
.part08_f_l ul li{width:400px;float: left;height: 455px;overflow: hidden;margin-right: 50px;margin-top: 50px;}
.part08_f_l ul li:nth-child(3n){margin-right: 0;}
.part08_f_l ul li h2{font-size: 24px;color: #000;font-weight: bold;margin: 10px auto;height:55px;overflow: hidden}
.part08_f_l ul li p{color: #555;font-size: 18px;line-height: 26px;height: 80px;overflow: hidden;text-align: left}
.part08_f_l ul li span{display: block;text-decoration: underline;font-size: 18px;color: #00528c;margin-top: 20px;}
.part09{width: 100%;background: url(../images/bg3.jpg) center center no-repeat;height:750px;}
.part09_t{text-align: center;font-size: 50px;font-weight: bold;margin: 60px auto;color: #fff;height: auto;overflow: hidden}
.part09_l{width: 74%;margin: 0 auto;padding: 0;height: auto;overflow: hidden}
.part09_l ul li{width: 300px;height: 200px;border: #fff  1px solid;background:rgba(102,167,211,0.75);float: left;margin-right: 20px;margin-bottom: 25px;text-align: center}
.part09_l ul li:nth-child(3n){margin-right: 0;}
.part09_l ul li img{margin-top: 40px;width: 75px;height: 75px;}
.part09_l ul li h2{font-size: 24px;color: #fff;font-weight: bold;margin-top: 20px;}
.part09_l ul li:nth-child(2){background:rgba(0,175,162,0.75);}
.part09_l ul li:nth-child(3){background:rgba(150,47,71,0.75);}
.part09_l ul li:nth-child(4){background:rgba(254,203,9,0.75);}
.part09_l ul li:nth-child(5){background:rgba(0,82,140,0.75);}
.part09_l ul li:nth-child(6){background:rgba(52,190,228,0.75);}
.part10{width: 100%;padding:50px 0 0 0;height: auto;overflow: hidden;}
.part10_t{text-align: center;width: 100%;margin: 0 auto;padding: 0;}
.part10_t h2{text-align: center;color:#000;font-size: 50px;font-weight: bold;}
.part10_t p{text-align: center;color: #555;font-size: 20px;line-height: 26px;width: 60%;margin: 30px auto}
.part10_l{width: 100%;margin: 50px auto;height: auto;overflow: hidden;}
.part10_l_left{width: 645px;float: left;height: 530px;overflow: hidden}
.part10_l_right{width: 645px;float: right;height: 530px;overflow: hidden}
.part10_l .fl{float: left;}
.part10_l .fr{float: right;}
.index_pic1{width:430px;height:auto;overflow: hidden}
.index_pic1 img:nth-child(1){width: 430px;height: 170px;}
.index_pic1 img:nth-child(2){width:430px;height:350px;margin-top: 10px;}
.index_pic2{width: 205px;height: auto;overflow: hidden}
.index_pic2 img{width:205px;height:170px;margin-bottom: 10px;}
.part10_l_right .index_pic1 img:nth-child(1){width:430px;height:350px;}
.part10_l_right .index_pic1 img:nth-child(2){width: 430px;height: 170px;margin-top: 10px;}
footer{background: #00528c;width: 100%;height: auto;overflow: hidden;padding: 60px 0 10px 0 }
.footer_01{float: left;border-left:#fff 1px solid;width: 160px;height: 185px}
.footer_01 ul li{text-align: left;text-indent: 1em;line-height: 28px;}
.footer_01 ul li a{font-size: 18px;color: #fff;}
.footer_02{float: left;border-left:#fff 1px solid;width: 160px;margin-left: 130px;height: 185px}
.footer_02 ul li{text-align: left;text-indent: 1em;line-height: 28px;}
.footer_02 ul li a{font-size: 18px;color: #fff;}
.footer_03{margin-left: 130px;float: left;margin-top: 20px;}
.footer_04{width: 480px;float: right;}
.footer_04 ul li{width:220px;float: left;margin-top:20px;}
.footer_04 ul li:nth-child(2){float: right;}
.footer_04 ul li p{color: #fff;text-align: left;margin-top: 5px;line-height: 26px;}
.footer_t{width: 100%;height: auto;overflow: hidden}
.footer_f{width: 100%;clear: both;margin-top: 40px;border-top: #fff 1px solid;height:60px;line-height: 60px;font-size: 16px;text-align: center;position: relative}
.footer_f_z{color: #fff;width: 100%;margin: 0 auto;}
.footer_f ul{position: absolute;right:0;top:0}
.footer_f ul li{display: inline-block;margin-left: 10px;}
.list_l{width: 250px;float: left;height: auto;overflow: hidden;margin:50px auto;}
.list_r{width: 1000px;float:right;height: auto;overflow: hidden;margin:50px auto;}
.list_l ul li{height: 60px;overflow: hidden;width: 100%;background: #00528c;margin-bottom:2px;_margin-bottom:2px;}
.list_l ul li h2{line-height: 60px;height: 60px;padding:  0 20px;text-align:left;font-size: 18px;color:#fff;}
.list_l ul li p{display: inline-block; text-align:left;padding:9px 10px;color:#fff;line-height: 20px;word-break:break-all}
.list_l ul li:hover{background: #66a7d3;cursor: pointer}   
.list_l ul li.active{background: #66a7d3;}   
.list_l_news{margin-top:30px;width: 100%;height: auto;overflow: hidden;}
.list_l_news p{text-align: left;margin-top:10px;font-size: 16px;line-height:26px;color:#777;}
.mbx{height: 40px;line-height: 40px;width: 100%;background: #66a7d3;overflow: hidden}
.mbx_z{width: 96%;margin: 0 auto;text-align: left;color: #fff;}
.mbx_z a{margin: 0 5px;color: #fff;font-size: 16px;}
.list_r_t{margin-top: 50px;position: relative;width: 100%;text-align: center}
.list_r_t h2{display: inline-block;font-size: 36px;text-transform: capitalize;color: #000;text-align: center;font-weight: bold;width: 100%;}
.list_r_t:after{display: inline-block;width: 100px;height: 3px;content: "";margin: 30px auto;text-align: center;background:#00528c;}
.list_r_table{width: 100%;margin: 30px auto;height: auto;overflow: hidden}
.list_r_table ul li{outline: #ccc 1px solid;outline-offset: -1px; width: 333px;height: 100px;float: left;}
.list_r_table ul li h2{color: #00528c;font-size: 18px;text-align: left;width: 90%;margin: 15px auto 0 auto;font-weight: bold;}
.list_r_table ul li p{color:#555;margin: 5px auto;text-align: left;line-height: 26px;height: 50px;overflow: hidden;width: 90%;font-size: 18px;}
.list_r_xylb {width: 100%;margin: 30px auto;height: auto;overflow: hidden}
.list_r_xylb ul li{width: 300px;height: 300px;background: #efefef;float: left;margin-right: 50px;text-align: center;margin-bottom: 50px;}
.list_r_xylb ul li:nth-child(3n){margin-right: 0;}
.list_r_xylb ul li img{width: 134px;height: 134px;margin:30px auto;}
.list_r_xylb ul li p{text-align: center;font-size: 20px;color: #000;width: 80%;margin: 0 auto;line-height: 26px}
.list_r_bygs {width: 100%;margin: 30px auto;height: auto;overflow: hidden}
.list_r_bygs ul li{width: 300px;height: 225px;margin-right: 50px;float: left;margin-bottom: 50px;cursor: pointer}
.list_r_bygs ul li img{width: 100%;height: 100%;}
.list_r_bygs ul li:nth-child(3n){margin-right: 0;}
.bigPic { display:table; vertical-align:middle; position:fixed; z-index:999; left:0; top:0; width:100%; height:100%; text-align:center; background:rgba(0,0,0,.8); }
.bigPic div { display:table-cell; vertical-align:middle; }
.bigPic figure { position:relative; display:inline-block; }
.bigPic button { position:absolute; right:-30px; top:-30px; width:24px; height:24px; background:url(../images/ico_close.png) no-repeat; }
.list_r_search {width: 100%;margin: 30px auto;height: auto;overflow: hidden}
.list_r_search ul li{height: 60px;line-height: 60px;border-bottom: #ccc 1px dashed;width: 100%;}
.list_r_search ul li a{display: block;width: 100%;height: 60px;line-height: 30px;font-size: 20px;color: #000;}
.list_r_sys {width: 100%;margin: 30px auto;height: auto;overflow: hidden}
.list_r_sys ul li{width: 100%;margin-bottom: 60px;height: auto;overflow: hidden;}
.sys_l{width: 650px;height: 300px;position: relative;float: left;}
.sys_l img{width: 100%;height: 100%;position: absolute;left: 0;right: 0;}
.sys_l h2{width: 77%;height: 50px;line-height: 26px;font-size: 24px;font-weight: bold;margin: 0 auto;text-align: left;position: absolute;bottom: 20px;left:45px;color: #fff;background:rgba(102,167,211,0.8);padding:15px 30px;overflow: hidden}
.sys_r{float: right;color: #555;font-size: 18px;line-height: 26px;width: 320px;}
.sys_r p{width: 100%;height: 180px;line-height: 26px;text-align: left;overflow: hidden}
.sys_r span{margin-top: 60px;color: #00528c;text-decoration: underline;display: block;font-size: 18px;}
.list_r_sys ul li:nth-child(2) .sys_l h2{background:rgba(254,203,9,0.8);}
.list_r_sys ul li:nth-child(3) .sys_l h2{background:rgba(0,175,162,0.8);}
.list_r_sys ul li:nth-child(4) .sys_l h2{background:rgba(52,190,228,0.8);}

.list_r_bwg {width: 100%;margin: 30px auto;height: auto;overflow: hidden}
.list_r_bwg ul li{width: 100%;margin-bottom: 50px;height: auto;overflow: hidden;}
.bwg_l{width: 400px;height: 250px;float: left;}
.bwg_l img{width: 100%;height: 100%;}
.bwg_r{float: right;width: 57%;}
.bwg_r h2{font-size: 24px;color: #333;height: auto;overflow: hidden;font-weight: bold;}
.bwg_r p{height: 100px;color: #555;text-align: left;line-height: 26px;font-size: 18px;margin-top: 30px;overflow: hidden}
.bwg_r span{margin-top: 30px;color: #00528c;text-decoration: underline;display: block;font-size: 18px;}


.list_r_jyb {width: 100%;margin: 30px auto;height: auto;overflow: hidden}
.list_r_jyb ul li{width: 480px;margin-bottom: 30px;height:500px;overflow: hidden;float: left;}
.list_r_jyb ul li:nth-child(2n){float: right;}
.jyb_t{width: 480px;height: 218px;margin: 0 auto;overflow: hidden;}
.jyb_t img{width: 100%;height: 100%;}
.jyb_f{width:100%;margin-top: 20px;height: auto;overflow: hidden;}
.jyb_f h2{font-size: 24px;color: #333;height: auto;overflow: hidden;font-weight: bold;text-align: left;height:80px;}
.jyb_f p{height: 100px;color: #555;text-align: left;line-height: 26px;font-size: 18px;margin-top: 0px;height:100px}
.jyb_f span{margin-top: 30px;color: #00528c;text-decoration: underline;display: block;font-size: 18px;}
.fck{width: 100%;height: auto;overflow: hidden;margin-top: 30px;text-align: left;line-height: 26px;color: #555;font-size: 18px;}
.fck p,.fck div{text-align: left;line-height: 26px;color: #555;font-size: 18px;}
.title{margin-top: 50px;position: relative;width: 100%;text-align: center}
.title h1{display: inline-block;font-size: 36px;text-transform: capitalize;color: #000;text-align: center;font-weight: bold;width: 100%;}
.title p{font-size: 16px;color: #999;margin-top: 20px;}
.page{text-align:center;width: 100%;clear: both;height: auto;overflow: hidden;padding: 50px 0}
.page table{width: 100%;text-align: center;margin:0 auto;display:inline;}
.page td{font-size: 16px !important}
.page td .PrevDisabled{font-size: 16px !important;border:0 !important; background: #00528c;color: #333 !important;}
.page td span{ margin: 0 5px !important;padding: 8px 12px !important;background: #eee !important;    color: #333 !important;font-size: 16px !important;border:0 !important;}
.page td a{ margin: 0 5px !important;padding: 8px 12px !important;background: #ddd !important;color: #333 !important;font-size: 16px !important;border:0 !important;}
.page td a:link{background: #eee !important; border:0 !important; font-size: 16px !important;}
.page td a:visited{ background: #eee !important; border:0 !important; font-size: 16px !important;}
.page td a:hover{background: #00528c !important; border:0 !important;    font-size: 16px !important;}
.page td a:active{background: #00528c !important; border:0 !important;font-size: 16px !important;}
.page .this-page{background: #00528c !important;color:#fff !important;}

.p_pages { clear:both; display:inline-block; padding:50px 0; width:100%; text-align:center; font-size:16px; }
.page a { display:inline-block; margin:0 5px; padding:6px 12px; border:1px #eee solid; color: #111 }
.p_no_d{ display:inline-block; margin:0 5px; padding:6px 12px; border:1px #eee solid;background:#00518e; color:#fff; }
.page span{display:inline-block;}
.p_fun_d { display:inline-block; margin:0 5px; padding:6px 12px; border:1px #eee solid; color: #111 }
.p_fun_d  a { display:inline-block; margin:0 5px; padding:6px 12px; border:1px #eee solid; color: #111 }
.p_fun_d:hover{ background:#00518e; color:#fff; }
.p_fun_d a:hover,.p_fun_d.thisclass a { background:#00518e; color:#fff; }
.top button{display: none}



@media screen and (max-width:1600px){
.logo{background-size: cover;height: 130px;}
.logo img{width: 20%}
.device{height:676px}
.part05_l ul li{width: 380px;height: 380px}
.part05_l ul li .part05_z{padding:70px 0;}
}
@media screen and (max-width:1519px){
	.device{height:649px}
	.part05_l ul li{width: 364px;height: 364px;}
	
}
@media screen and (max-width:1440px){
.logo{height: 119px}
.device{height:608px}
.part05_l ul li{width: 340px;height: 340px}
.part05_l ul li .part05_z{padding:50px 0;}
}
@media screen and (max-width:1366px){
.logo{height: 110px}
.logo img{width: 18%}	
.device{height:576px}
.part05_l ul li{width: 321.5px;height: 321.5px}
.part05_l ul li .part05_z{padding:40px 0;}
}
@media screen and (max-width:1280px){
.device{height:539px}
.wrapper{width: 96%}
.part01_l ul li{margin-right: 10px;}
.part02_l ul li{width: 33%;margin-right: 0.5%;}
.part03_l .mask{width: 71%}
.part04_l ul li{width: 33%;margin-right: 0.5%;}
.part04_l ul li img{width: 100%}
.part05_l ul li{width: 23.5%;margin-right: 2%;}
.part06_l ul li{width: 33%;margin-right: 0.5%;}
.part07_f_l .mask{width: 93%}
.part08_t_l ul li{width: 49%;margin-right: 2%;}
.part08_f_l ul li{width: 33%;margin-right: 0.5%;}
.part09_l ul li{width: 31.5%;margin-right: 2%;}
.part10_l_left{width: 49.8%}
.index_pic1{width: 67%}
.index_pic2{width: 32%}
.part10_l_right{width: 49.8%}
.list_r{width: 100%;float:none;margin:50px auto 0 auto;}
.list_l{width: 100%;float:none;margin-top: 0;}
.list_r_bygs ul li{width: 33%;height: auto;overflow:hidden;margin-right: 0.5%;}
.list_l_news{text-align: center;}
.footer_03{margin-left:80px;}
.sys_l{width: 65%;height: 364px}
.sys_r{width: 32%}
.part07_l ul li{height: 280px}
.list_r_jyb ul li{width: 48%}
.list_r_banner img{width: 100%}
.list_r_table ul li{width: 33%}
.bwg_l{width: 40%;height: 315px}
.list_r_xylb ul li{width: 33%;margin-right: 0.5%;}
.fck{margin:30px auto 50px auto;}
			
}
@media screen and (max-width:1024px){
.logo{height: 83px}
.logo img{margin-top: 15px;}
.device{height: 437px}
.part01_l ul li{width: 32%;}
.part02_l ul li img{width: 100%;}
.part03_l .mask{width: 87%;}
.part05_l ul li{height: 465px;width: 49%;}
.part05_l ul li:nth-child(2n){margin-right: 0;}	
.part07_f_l .mask{width: 58%;}
.part07_f_z2{width: 54%;}	
.index_pic1 img:nth-child(1){width: 100%;height: 100%;}	
.index_pic1 img:nth-child(2){width: 100%;height: 100%;}	
.index_pic2 img{width: 100%;height: 100%;margin-bottom: 8px;}
.part10_l_right .index_pic1 img:nth-child(1){width: 100%;height: 100%;}	
.part10_l_right .index_pic1 img:nth-child(2){width: 100%;height: 100%;}	
.part10_l_left{height: auto;}
.part10_l_right{height: auto;}
nav ul{width: 80%;}	
.part01_l ul li h2{font-size: 54px;}
.part02_l ul li h2{height: 55px;}	
.part02_l ul li .part02_z{height: 170px;}	
.part07_l ul li{height: 227px;}
.part08_t_l ul li{height: 308px;}	
.part04_l ul li h2{height: 55px;}	
.part04_l ul li{height:265px }	
	.footer_01{float: none;border-bottom: #fff 1px solid;border-left: 0;width: 100%;padding-bottom: 10px;height: auto;overflow: hidden}
	.footer_01 ul li{float: left;width: 20%;text-align: center;text-indent: 0;}	
	.part08_f_l ul li{width: 48%;margin-right: 2%;text-align: center}
	.part08_f_l ul li h2{text-align: left;width: 85%;}
	.part08_f_l ul li p{width: 87%;margin: 0 auto;}
	.part08_f_l ul li span{text-align: left;width: 87%;margin: 20px auto 0 auto}
	.part08_f_l ul li:nth-child(2n){margin-right: 0;}
	.part08_f_l ul li:nth-child(3n){margin-right: 2%;}
	
	.footer_02{float: none;border-bottom: #fff 1px solid;border-left: 0;width: 100%;padding-bottom: 10px;height: auto;overflow: hidden;margin-left: 0;margin-top: 20px;}
	.footer_02 ul li{float: left;width: 20%;text-align: center;text-indent: 0;}		
	
	.footer_03{float: none;width: 100%;margin: 20px auto;text-align: center;}
	.footer_04{width: 100%;float: none;margin: -160px auto 0 auto;text-align: center}
	.footer_04 ul li{float: left;width: 50%;}
	.footer_04 ul li p{width: 65%;margin: 20px auto}
	.sys_l{height: 272px;width: 60%;}
	.sys_l h2{left: 35px}
	.sys_r{width: 38%;}
	.bwg_l{height: 255px;}
}
@media screen and (max-width:800px){
	.logo{height: 65px;}
	.device{height: 328px}
	.part01_l ul li h2{font-size: 36px;}
	nav ul{width: 95%;}
	.part02_l ul li{width: 100%;margin: 0 auto 30px auto;}
	.part02_l ul li .part02_z{height: 130px;}
	.part03_l .mask{width: 72%;}
	.part04_l ul li{width: 100%;height: auto;margin: 0 auto 20px auto;overflow: hidden;}
	.part04_l ul li img{height: 100%;}
	.part05_t p{width: 100%;}
	.part05_l ul li{width: 465px;float: left;margin: 0 auto}
	.part05_l{height: 465px;overflow: hidden;position: relative;}
	.part05_l .mask{width: 465px;margin: 0 auto;overflow: hidden;position: relative}
	.part05_l .mask ul{position: relative;overflow: hidden}
	.part06_l ul li{width: 100%;margin: 20px auto;}
	.part07_l ul li{width: 100%;margin: 20px auto;height: 300px}
	.part07{height: auto}
    .part05_l  .preview,.part05_l  .next{background: url(../images/arrow_g_l.png) center center no-repeat;width:40px;height: 67px;left: 20px;top: 40%;position: absolute;cursor: pointer}
    .part05_l  .next{background: url(../images/arrow_g_r.png) center center no-repeat;left: auto;right: 20px}
    .part05_l  .preview:hover{background: url(../images/arrow_l.png) center center no-repeat;}
    .part05_l  .next:hover{background: url(../images/arrow_r.png) center center no-repeat;}
	.part06_l{position: relative}
	.part06_l .mask{width: 400px;margin: 0 auto;height: 200px; position: relative;overflow: hidden;}
	.part06_l .mask ul{position: relative;overflow: hidden}
    .part06_l  .preview,.part06_l  .next{background: url(../images/arrow_g_l.png) center center no-repeat;width:40px;height: 67px;left: 20px;top: 40%;position: absolute;cursor: pointer}
    .part06_l  .next{background: url(../images/arrow_g_r.png) center center no-repeat;left: auto;right: 20px}
    .part06_l  .preview:hover{background: url(../images/arrow_l.png) center center no-repeat;}
    .part06_l  .next:hover{background: url(../images/arrow_r.png) center center no-repeat;}
	.part06_l ul li{width: 400px;}
	.part07_f_l .mask{width: 75%;}
	.part07{background-size: cover}
	.part07_f_t p{width: 100%;}
	.part07_f_info{text-align: center;}
	.part07_f_info img{float: none;margin-top: 20px;}
	.part07_f_z2{width: 100%;margin: 0 auto;float:none;}
	.part07_f_z2 h2{margin-top: 20px;}
	.part07_f_z2 {width: 96%;}
	.part08_t_l ul li{width: 100%;height: 400px;float: none;margin: 0 auto;text-align: center;margin-top: 20px;}
	.part09{height: auto;background-size: cover}
	.part09_l ul li{width: 49%;margin-right: 2%;border: 0}
	.part09_l ul li:nth-child(2n){margin-right: 0;}
	.part09_l ul li:nth-child(3n){margin-right: 2%;}
	.part09_l ul li:nth-child(6){margin-right: 0;}
	.footer_04 ul li{width: 45%;}
	.part10_t p{width: 100%;}
	.part03_l .mask{width: 35%;}
	.list_r_table ul li{height: 130px;}
	.list_r_table ul li p{height: 80px;}
	.sys_l{float: none;width: 100%;height: 340px;}
	.sys_l h2{width: 82%;}
	.sys_r{width: 100%;margin-top: 20px;}
	.sys_r p{height: auto}
	.sys_r span{margin-top: 30px;}
	.jyb_f p{margin: 20px auto}
	.bwg_l{float: none;margin: 0 auto;float: none;width: 100%;text-align: center}
	.bwg_l img{width: 400px;height: 260px;}
	.bwg_r{width: 100%;float: none;margin: 20px auto}
	.bwg_r span{margin-top: 0;}
	.list_r_bygs ul li{width: 49%;margin-right: 2%;}
	.list_r_bygs ul li:nth-child(2n){margin-right: 0;}
	.list_r_bygs ul li:nth-child(3){margin-right: 2%;}
	.bigPic button{right: 30px}
	.bigPic img{width: 80%;}
}
@media screen and (max-width:640px){
	.top_r{display: none;}
	nav{display: none;height: auto;line-height: 50px}
	nav ul li{width: 100%;border-bottom: #fff 1px solid;height: 50px;line-height: 50px;}
	nav ul{width: 100%;}
	nav ul li a{height:50px;line-height: 50px;}
	nav ul li:last-child{border-bottom: 0;}
.top button { position:absolute; right:20px; top:8px; display:inline-block; width:45px; height:24px;  line-height:10px; display: block; }
    .top button span{    display: inline-block; margin: 2px 0; width: 100%; height: 4px; background: #fff}	.device{height:273px}
	.part01{height: auto;background-size:cover}
	.part07_f_l .mask{width: 90%;}
	.part01_l ul li{width: 49%;margin-right: 2%;}
	.part01_l ul li:nth-child(2n){margin-right: 0;}
	.part01_l ul li:nth-child(3n){margin-right: 2%;}
	.part01_l ul li:nth-child(6){margin-right: 0;}
	.part08_f_l{width: 100%;}
	.part10_l_left{width: 100%;}
	.part10_l_right{display: none;}
	.part08_f_l{position: relative;height: 460px;}
	.part08_f_l .mask{width: 400px;margin: 0 auto;position: relative;overflow: hidden}
	.part08_f_l ul{position: relative;overflow: hidden;}
    .part08_f_l ul li{width: 400px;margin: 0 auto;}
	.part08_f_l  .preview,.part08_f_l  .next{background: url(../images/arrow_g_l.png) center center no-repeat;width:40px;height: 67px;left: 20px;top: 40%;position: absolute;cursor: pointer}
.part08_f_l  .next{background: url(../images/arrow_g_r.png) center center no-repeat;left: auto;right: 20px}
.part08_f_l  .preview:hover{background: url(../images/arrow_l.png) center center no-repeat;}
.part08_f_l  .next:hover{background: url(../images/arrow_r.png) center center no-repeat;}
	.part08_f_l ul li:nth-child(3n){margin-right: auto;}
	.part08_f_l ul li:nth-child(6){margin-right: auto;}
	.footer_04 ul li{width: 37%;}
	.footer_04 ul li p{width: 100%;}
	.list_r{margin: 0 auto;}
	.sys_l{height: 284px;}
	.sys_l h2{left: 26px;}
	.list_r_jyb ul li{width: 100%;margin: 30px auto;height: auto;}
	.jyb_f p{margin: 0 auto}
	}

@media screen and (max-width:480px){
	.footer_f ul{display: none}
	.logo img{width: 27%;}
	.top_l ul li:last-child{display: none}
     .top_l ul li ul li:last-child{display:block}
	.device{height:177px}
	.part01_l{position: relative}
	.part01_l .mask{width: 165px;margin: 0 auto;position: relative;overflow: hidden;}
	.part01_l .mask ul {position: relative;overflow: hidden}
	.part01_l .mask ul li{width: 165px;margin: 0 auto;}
	.part01_l ul li:nth-child(3n){margin: 0 auto}
	.part01_l  .preview,.part01_l  .next{background: url(../images/arrow_g_l.png) center center no-repeat;width:40px;height: 67px;left: 20px;top: 40%;position: absolute;cursor: pointer}
.part01_l  .next{background: url(../images/arrow_g_r.png) center center no-repeat;left: auto;right: 20px}
.part01_l .preview:hover{background: url(../images/arrow_l.png) center center no-repeat;}
.part01_l  .next:hover{background: url(../images/arrow_r.png) center center no-repeat;}
	.part02_l ul li .part02_z{height: 150px;}
	.part03_l .mask{width: 54%;}
	.part05_l .mask{width: 400px;}
	.part05_l .mask ul li{width: 400px;}
	.part07_l ul li{height: 185px;}
	.part07_l ul li .part07_z h2{font-size: 18px;}
	.part07_f_l .mask ul li{width: 400px;height: 182px;}
	.part07_f_l .mask ul li h2{width: 85%;left: 26px;top: 37px;font-size: 20px;line-height: 26px;}
	.part07_f_t2 h2{font-size: 20px;}
	.part07_f_t2 span{width: 150px;}
	.part07_f_info img{margin-top: 0;width: 100%;}
	.part01_l .mask{height: 320px;width: 153px;}
	.part01_l ul li p{width: 100%;}
	.part05_l{height: 400px;}
	.part05_l ul li{height: 400px;}
	.part07_f_z2 p{height: auto}
	.part08_t_l ul li{height: 254px;}
	.part09_l{width: 100%;}
	.footer_01 ul li{width: 33%;}
	.footer_01 ul li:nth-child(4){width: 50%;}
	.footer_01 ul li:nth-child(5){width: 50%;}
	.footer_02 ul li{width: 33%;}
	.footer_02 ul li:nth-child(4){width: 50%;}
	.footer_02 ul li:nth-child(5){width: 50%;}
	.footer_04{margin: 30px auto;}
	.footer_04 ul li:nth-child(2){float: none;}
	.footer_04 ul li{width: 100%;float: none;margin-top: 20px;}
	.sys_l{height: 185px;}
	.sys_l h2{width: 100%;left: 0;bottom: 0;padding: 15px 5px;font-size:16px}
	.jyb_f p{margin: 20px auto}
	.jyb_t{width: 400px;height: 182px;}
	.page table table tr td:nth-child(1){width: 100% !important;display:inline-block;margin:0 auto;text-align: center;height: 40px}
	.page td{display: inline-block}
	.page td a{ font-size: 14px !important;}
.page td a:link{ font-size: 14px !important;}
.page td a:visited{ font-size: 14px !important;}
.page td a:hover{ font-size: 14px !important;}
.page td a:active{ font-size: 14px !important;}
	.list_r_xylb ul li{width: 49%;margin-right: 2%;}
	.list_r_xylb ul li:nth-child(2n){margin-right: 0;}
	.list_r_xylb ul li:nth-child(3){margin-right: 2%;}
	.list_r_xylb ul li p{width: 100%;}
	.list_r_table ul li{width: 50%;}
	.title h1{font-size: 26px;}
	.list_r_t h2{font-size: 26px;}
	.list_r_search ul li{height: auto;overflow: hidden;line-height: 26px}
	.list_r_search ul li a{height: auto;font-size: 16px;line-height: 26px;padding: 10px 0}
}

@media screen and (max-width:375px){
		.logo img{width: 32%;}

	.device{height:160px}
	.part01_l .mask{width: 165px;}
	.part02_l ul li .part02_z{height: 175px;}
	.part03_t span{width: 150px;}
	.part03_l .mask{width: 60%;}
	.part05_l .mask ul li{width: 330px;height: 330px;}
	.part05_l .mask{width: 330px;}
	.part05_l .preview, .part05_l .next{top:33%;left: 10px}
	.part05_l .next{right:10px;left: auto}
	.part08_t_l ul li{height: 230px;}
	.part07_f_t2 span{width: 120px;}
	.part10_t h2{font-size: 40px;}
	.part06_l .preview, .part06_l .next{width: 20px;height: 34px;background-size:cover;left: 0;top: 45%}
	.part06_l .next{left: auto;right: 0}
	.part06_l ul li .part06_z h2{position: absolute;left: 23px;}
	.part07_f_l .preview, .part07_f_l .next{width: 20px;height: 34px;background-size:cover;left: 0;top: 45%}
	.part07_f_l .next{left: auto;right: 0}
	
	.part07_f_l .mask ul li h2{width: 70%;}
	.part08_f_l .preview, .part08_f_l .next{width: 20px;height: 34px;background-size:cover;left: 0;top: 45%}
	.part08_f_l .next{left: auto;right: 0}
	.part08_f_l ul li{width: 350px;}
	.part08_f_l .mask{width: 350px;}
	.part08_f_l ul li img{width: 100%;}
	.jyb_t{width: 350px;height: 159px;}
	.bwg_l img{width: 350px;height: 228px;}
		.page table table tr td:nth-child(2) span:nth-child(1){display: inline-block;text-align: center;}
		.page table table tr td:nth-child(2) a:last-child{display: inline-block;width: 100%;text-align: center;height: auto;overflow: hidden;float: left;margin-top: 20px !important;}


}
@media screen and (max-width:360px){
	
	.device{height: 154px;}
	.part03_l .mask{width:61%;}
	.part07_f_z2 p{padding-bottom: 20px;}
}

@media screen and (max-width:320px){
		.logo img{width: 37%;}
	.top button{right: 5px}
		.device{height: 137px;}
	.part03_t span{width: 130px;}
	.part03_l .mask{width: 70%;}
	.part05_t p{width: 96%;}
	.part05_l{height: 300px;}
	.part05_l .mask{width: 300px;}
	.part05_l .mask ul li{width: 300px;height: 300px;}
	.part05_l .preview, .part05_l .next{width: 20px;height: 34px;background-size:cover;left: 0;top: 45%}
	.part05_l .next{left: auto;right: 0}
	.part06_t{font-size: 40px;}
	.part06_l ul li .part06_z h2{left: 0}
	.part07_l ul li{height: 138px;}
	.part07_f_l .mask{width:100%;}
	.part07_f_t2 h2{font-size: 16px;}
	.part08_t_l ul li{height: 192px;}
	.part08_f_l .mask{width: 300px;}
	.part08_f_l ul li{width: 300px;}
	.sys_l{height: 142px;}
	.jyb_t{width: 300px;height: 136px;}
	.bwg_l img{width: 300px;height: 195px;}
	.list_r_bygs ul li{width: 100%;margin: 50px auto}
	.list_r_bygs ul li:nth-child(3){margin: 50px auto}
	.list_r_xylb ul li{width: 100%;margin:50px auto;}
	.list_r_xylb ul li:nth-child(3){margin: 50px auto}
}