@charset "utf-8";
/* CSS Document */
html, body {height: 100%;}
html { margin:0; padding:0; }
body {margin:0; padding:0; -webkit-text-size-adjust:none; background:#ffffff;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,select,blockquote,p{ padding: 0; margin: 0; font: normal 12px Tahoma; vertical-align: middle; }
ol,ul { list-style:none;}
li{ list-style-type:none;} 
img{ vertical-align:top; border:0; width:100%;}
h1,h2,h3,h4,h5,h6{ font-size:inherit; font-weight:normal;}
address,cite,code,em,th,i{ font-weight:normal; font-style:normal;}
a{blr:expression(this.onFocus=this.blur())}/*去掉a标签的虚线框，避免出现奇怪的选中区域*/
:focus{outline:0;}
a:link { color: #3e3e3e; text-decoration: none; outline:none; }
a:visited { color: #3e3e3e; text-decoration: none; outline:none; }
a:hover { color: #bf0504; text-decoration:none; outline:none;  }
a:active { color: #3e3e3e; text-decoration: none; }
.cl{clear:both; overflow:hidden;}

/*首页*/
#main {
	max-width:1000px;
	min-width:320px;
	margin:0px auto;
	background:#ffffff;
	position:relative;
}
.banner_img {
	width: 100%;
	height: 290px;
	object-fit: cover;
}
.mar_auto{margin:0 auto;}
.M_logo{ background-color:#606060; padding:3% 0;}
.M_logo .logo{ width:46%;}
.M_banner_top{ padding:10% 0 4%; text-align:center;}
.M_banner_top h1{ width:46%;}
.M_banner_top h2 span{ font:1em/2.125em Arial, Helvetica, sans-serif; padding:4% 2%; display:inline-block;}
.M_banner_top h2 span a{color:#28a7e1;}
.banner{/*margin:0px auto;width:100%;*/overflow:hidden;position:relative;}
.index_qh{ width:52%; margin:0 auto;}
/*.main_visual{ width:60%; position:relative;}*/
.index_coin{ padding:13% 22%; background-color:#f0f0f0;}
.index_coin h1{ margin-bottom:8%;}
.index_coin span{ width:50%; display:block; margin:0 auto;}
.index_coin_p{padding:13% 22% 10%;}
/*场景*/
.M_top{background-color:#606060;padding:2% 3%;}
.M_top dl dt{  float:left; background:url(Images/M_back.png) no-repeat left center; width:40%;}
.M_top dl dt span{ margin-left:20%;font:1.25em/3em Arial, Helvetica, sans-serif;color:#ffffff;}
.M_top dl dt span a{color:#ffffff;}
.M_top dl dd{ font:1.875em/2em Arial, Helvetica, sans-serif; color:#ffffff;}

.M_Scene{padding:7% 0 6%; text-align:center;}
.M_scene_pad{ padding:0 8%;}
.M_Scene_Gray{ background-color:#efefef;}
.M_Scene h1{font:bold 1.875em/1.875em Arial, Helvetica, sans-serif; color:#28a7e1;}
.M_Scene h2{font:1.25em/1.5em Arial, Helvetica, sans-serif; color:#424242;}
.M_Scene span{ width:68%; margin:0 auto; display:block; padding-top:6%;}

.M_design{ padding:6% 0;}
.M_design_pad{ padding:0 6%;}
.M_design p{ width:30%;padding-bottom:6%;}
.M_design span{ width:76%;padding:6% 0; display:block;}
.M_design h1{font:bold 1.5em/1.5em Arial, Helvetica, sans-serif; color:#28a7e1;}
.M_design h2{font:1.5em/2em Arial, Helvetica, sans-serif; color:#28a7e1;}
.M_design h3{font:1.25em/1.875em Arial, Helvetica, sans-serif; color:#000000; padding:3% 0;}

/*.fun_banner{ padding:6% 8%;}*/
.M_fun_con{ background-color:#f3f3f3;/*padding:7% 8% 6%;*/}
.fun_font h1{font:bold 2em/2em Arial, Helvetica, sans-serif;color:#28a7e1; padding-bottom:1%;}
.fun_font h2{font:1.25em/1.5em Arial, Helvetica, sans-serif;color:#000000;}
.fun_font span{ width:65%; display:block; margin:0 auto; padding-top:3%;}
.fun_font{ text-align:center;padding:7% 8% 6%;}
.fun_font ul{ padding:7% 0 1%;}
.fun_font ul li {
    float: left;
    margin-right:6%;
}

/*产品*/
.pr_box {
	width: 100%;
	display: flex;
	margin-top: 12px;
	justify-content: space-between;
	margin-bottom: 24px;
	align-items: center;
}
.pr_title {
	font-size: 20px;
	line-height: 40px;
	margin-left: 10px;
}
.pr_pei {
	font-size: 20px;
	line-height: 40px;
	margin-left: 10px;
}
.pr_line {
	margin: 0 10px 0 7px;
}
.pr_btn {
	width: 110px;
	height: 32px;
	background: #28a7e1;
	font-size: 12px;
	line-height: 32px;
	color: #fff;
	text-align: center;
	margin-right: 10px;
}
.btn_txt {
	color: #fff;
	font-size: 14px;
}
.pr_icon {
	width: 20px;
	height: 20px;
	display: block;
	float: right;
	margin-top: 6px;
	margin-right: 6px;
}
.M_zha {
	width: 100%;
	height: 30px;
}

div.flicking_con{
	width:100%;
	height:21px;
	position:absolute;
	bottom:2%;
	left:50%;
	margin-left:-50%;
	z-index:999;
	text-align:center;
}
div.flicking_con a{
	width:13px;
	height:13px;
	margin:0;
	padding:0;
	background:url(../Images/btn_main_img.png) 0 0 no-repeat;
	display:inline-block;
	text-indent:-1000px;
}
div.flicking_con a.on{background-position:0 -13px;}

#btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:73px!important;height:74px!important;top:50%;margin-top:-37px;display:none;}
#btn_prev{background:url(../images/hover_left.png) no-repeat left top;left:100px;}
#btn_next{background:url(../images/hover_right.png) no-repeat right top;right:100px;}



.global {
    padding:2% 8% 10%;
}
.global h1 {
	color: #5d5d5d;
	font: bold 1.25em/1.5em Arial, Helvetica, sans-serif;
	margin-left:2%;
}
.global_list {
	margin-left:4%;
}
.list_con {
	float: left;
	width:44%;
	margin-right:6%;
	font:1em/1.5em 微软雅黑;
	color: #28a7e1;
}
.list_con ul {
	padding-top:3%;
}
.list_con ul li {
	font: 1em/1.5em 微软雅黑;
}
.list_con ul li a {
	color: #28a7e1;
}





/**************************/
/* for 960px or less */
@media screen and (max-width: 960px) {
	
}

/* for 768px or less */
@media screen and (max-width: 768px) {
	
}

/* for 640px or less */
@media screen and (max-width: 640px) {
	
}

/* for 480px or less */
@media screen and (max-width: 480px) {
	.M_Scene span{ width:100%;}
	.M_design span{ width:100%;}
	.fun_font span{ width:100%;}
}