@charset "utf-8";
/* CSS Document */
/* CSS Reset 
/*-----------------------------------------------------------------------------------*/
*{ margin:0; padding:0;}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
 a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp
, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, 
{ margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; color:#313131; background: transparent;}ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } 

table { border-collapse: collapse; border-spacing: 0; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ .none { display: none; } /* End Clearfix */
body{font-size:12px;}
.cnfont{font-size:16px;}

.big{
	overflow:hidden;
	width:100%;
	max-width:640px;
	height:auto;
	margin:0 auto;
	}
.Main_Center{margin:0 3%; height:auto; overflow:hidden;}
a{text-decoration:none; color:#313131;}
.top{border-bottom:1px solid #dbdbdb;}
.top .logo{width:100%;}
.top .base{position:relative; z-index:2; margin-top:-12%; float:right; width:50%;}
.top .base div{float:right; text-align:right;}
.top .base .lng_en{width:38%; background:url(../mobile_images/en.jpg) no-repeat 20% center; background-size:42%; height:2.5em; line-height:2.5em; margin-right:2%;}
.top .base .lng_cn{width:38%; background:url(../mobile_images/cn.jpg) no-repeat 20% center; background-size:42%; height:2.5em; line-height:2.5em; margin-right:4%;}
.top .base .home{width:14%; background:url(../mobile_images/home.png) no-repeat 20% center; background-size:80%; height:2.5em; margin-right:4%;}
.Nav_list{margin:0 6.25%; height:auto; overflow:hidden;}
.Nav_list ul{margin:0; padding:0;}
.Nav_list ul li{width:33.3%; float:left; list-style:none;}
.Nav_list ul li a{ margin-left:2%; line-height:1em; border-left:2px solid #0074b9; text-indent:5%; margin:1em 0; display:block; padding-right:0.2%;}

.fullSlide {width:100%;position:relative;overflow:hidden; max-width:640px; border-top:1px solid #dbdbdb; height:200px;}
.fullSlide .bd {margin:0 auto;position:relative;z-index:0;}
.fullSlide .bd ul {width:100% !important;}
.fullSlide .bd li {width:100% !important;height:auto;text-align:center; list-style-type:none;}
.fullSlide .bd li img{ width:100%; height:auto;}
.fullSlide .hd {width:100%;position:absolute;z-index:1;bottom:15px;left:0;height:12px;line-height:12px;}
.fullSlide .hd ul {text-align:center;}
.fullSlide .hd ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:8px;height:8px;margin:0 5px;overflow:hidden; line-height:999px; background-color:#ffffff; border-radius:6px;}
.fullSlide .hd ul .on {background-color:#313131;}

.Notice{text-indent:3%; height:3em; line-height:3em; background:url(../mobile_images/notice.png) no-repeat center left; background-size:5%; text-indent:8%;}
.search{margin:1em 6.25%; border-radius:5px; border:1px solid #dbdbdb; height:2em;}
.search form{border:none; margin:0; padding:0; height:100%; overflow:hidden;}
.search .keyword{width:90%; margin-left:1%; height:100%; border:none; float:left; line-height:2em;}
.search .submit{width:9%; float:left; background:url(../mobile_images/search_btn.png) no-repeat center; border:0px; height:100%;}

.split{height:0.7em; border:1px solid #cacaca; background:#f2f2f2; border-left:none; border-right:none;}

.btn ul{margin:0px; padding:0px; height:auto; overflow:hidden; margin-bottom:2em;}
.btn ul li{width:50%; float:left; list-style:none; margin-top:1.5em; height:calc(100%);}
.btn ul li a{display:block; width:78%; margin:0 auto; color:#ffffff;}
.btn ul li a img{width:100%;}
.btn ul li a span{text-indent:1em; text-align:center; display:block;}

.ad img{width:100%;}

.Exhibition ul{margin:0; padding:0; border-left:4px solid #0074b9; height:auto; overflow:hidden; margin:1.5em 0;}
.Exhibition ul li{list-style:none; width:24%; padding-right:1%; float:left;text-indent:0.5em; }
.fullSlide2 {width:100%;position:relative;overflow:hidden; max-width:640px; border-top:1px solid #dbdbdb; margin-bottom:0.5em; height:200px;}
.fullSlide2 .bd {margin:0 auto;position:relative;z-index:0;}
.fullSlide2 .bd ul {width:100% !important;}
.fullSlide2 .bd li {width:100% !important;height:auto;text-align:center; list-style-type:none;}
.fullSlide2 .bd li span{display:block; height:2em; line-height:2em; position:absolute; bottom:2px; background:url(../mobile_images/index_pro_bg.png); width:96%; text-align:left; padding:0 2%; color:#ffffff;}
.fullSlide2 .bd li img{ width:100%; height:auto;}
.fullSlide2 .hd {width:100%; margin-top:0.7em; left:0;height:12px;line-height:12px;}
.fullSlide2 .hd ul {text-align:center;}
.fullSlide2 .hd ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:6px;height:6px;margin:0 3px;overflow:hidden; line-height:999px; background-color:#7d7d7d; border-radius:6px;}
.fullSlide2 .hd ul .on {background-color:#0074b9;}

.product {margin-bottom:1em;}
.product .title{border-left:4px solid #0074b9; height:1rem; margin:0.7em 0; text-indent:0.5em;}
.product ul{margin:0px; padding:0px;}
.product ul li{list-style:none; width:25%; float:left;}
.product ul li img{width:80%; margin:0 10%; text-align:center;}
.product ul li span{display:block; text-align:center; height:2em; line-height:2em;}

.htv div{width:50%; margin:1.5em 0; float:left;}
.htv div img{width:90%; margin:0 5%;}
.htv div video{width:90%; margin:0 5%; height:calc(100% - 2em)}
.htv div span{display:block; text-align:center; height:2em; line-height:2em;}


.Case {margin-bottom:1em; height:auto; overflow:hidden;}
.Case .title{border-left:4px solid #0074b9; height:1rem; margin:0.7em 0; text-indent:0.5em;}
.Case ul{margin:0px; padding:0px; height:auto; overflow:hidden; border-right:2px solid #d3d3d3;}
.Case ul li{list-style:none; width:24%; float:left; border-left:2px solid #d3d3d3;}
.Case ul li a{display:table; margin:0 auto;}
.Case ul li img{width:50%; margin:0 auto; display:table; max-width:36px;}
.Case ul li span{display:block; text-align:center; height:2em; line-height:2em;}
.Case_list{ height:auto; overflow:hidden;}
.Case_list div{width:50%; margin-top:1.5em; margin-bottom:0.5em; float:left; display:block;}
.Case_list div img{width:90%; margin:0 5%;}
.Case_list div span{bottom:2em; background:url(../mobile_images/index_pro_bg.png); width:80%; margin:0 5%; padding:0 5%; text-align:left; color:#ffffff; display:block; position:relative; z-index:2; height:2em; line-height:2em;}

.Other{margin:1.5em 0;}
.Other ul{margin:0px; padding:0px; height:auto; overflow:hidden;}
.Other ul li{list-style:none; width:25%; float:left; text-align:center;}
.Other ul li a{margin:0 auto;}
.Other ul li img{width:70%; margin:0 auto; display:table;}
.Other ul li span{display:block; text-align:center; height:2em; line-height:2em;}

.copyright{text-align:center; color:#717173; margin-top:1.5em; line-height:2em; margin-bottom:25%;}
.copyright a{color:#717173;}



.xfan{
	overflow:hidden;
	height:auto;
	width:100%;
	background:url(../mobile_images/foot_bg.jpg) repeat-x;
	background-size:auto 100%;
	position:fixed;
	z-index:100;
	right:0;
	bottom:0;
}
.xfan ul{
	height:auto;
}
.xfan ul li{
	list-style-type:none;
	float:left;
	width:25%;
}
.xfan ul li a{
	display:block;
	overflow:hidden;
	text-align:center;
	color:#ffffff;
	padding:10.4% 0 12.5% 0;
	line-height:2em;
}
.xfan ul li a img{
	display:block;
	overflow:hidden;
	margin:0 auto;
	width:52%;
}

.Nav_Sub_list{height:auto; overflow:hidden;}
.Nav_Sub_list ul{margin:0; padding:0;}
.Nav_Sub_list ul li{float:left; list-style:none; display:table; padding-right:1.5em;}
.Nav_Sub_list ul #stop a{color:#0074b9;}
.Nav_Sub_list ul li a{line-height:1.2em; margin:1em 0; display:block;}

.banner img{width:100%; margin-bottom:1.5em;}

.Image_list{margin:0px; padding:0px; height:auto; overflow:hidden;}
.Image_list li{list-style:none; width:48%; float:left; margin:1%; height:auto; overflow:hidden; display:inline-block;}
.Image_list li a{display:block;}
.Image_list li a div{display:table-cell; width:100%; vertical-align:middle; text-align:center; height:8em;}
.Image_list li img{width:100%;}
.Image_list li span{ background:url(../mobile_images/index_pro_bg.png); width:90%; padding:0 5%; text-align:left; color:#ffffff; display:block; position:relative; margin-top:-2em; height:2em; line-height:2em;}

.Exhibition_list{margin:0px; padding:0px; height:auto; overflow:hidden;}
.Exhibition_list li{list-style:none; width:30%; float:left; margin:0 1.5%; height:auto; overflow:hidden; display:inline-block;}
.Exhibition_list li a{display:block;}
.Exhibition_list li .img{border:1px solid #e3e3e3;}
.Exhibition_list li img{width:100%;}
.Exhibition_list li span{ width:90%; padding:0 5%; display:block; height:2em; line-height:2em; text-align:center; margin-bottom:1em;}

.zw{margin-bottom:1.2em;}

.contact .list{padding:0.5em; line-height:1.5em; border-bottom:1px solid #c7c7c7;}
.contact ul{margin:0; padding:0; margin-top:1.2em;}
.contact ul li{width:36%; margin:0 7%; float:left; text-align:center; list-style:none;}
.contact ul li img{width:100%;}
.contact ul li span{margin-top:0.75em; display:block;}

.News_list{width:100%; line-height:2.5em; margin:0; padding:0;}
.News_list li{list-style:none; text-indent:1.5em; background:url(../mobile_images/point.png) no-repeat center left; background-size:6px; width:100%; height:2.5em; overflow:hidden;}

.info{line-height:1.5em;}
.info img{max-width:100%;}