html * {-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
*, *:after, *:before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html, body {height: 100%;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td,*{margin:0;padding:0;}
body{font-size:14px;font-family:STHeiti-Light, 'Hiragino Sans GB', 'Microsoft Yahei',Arial;background-color:#F5F5F5;overflow-x: hidden;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup,sub{vertical-align:baseline;}
legend{color:#999999;}
a{color:#999;text-decoration:none;}
a.ke-insertfile{background:url(file.gif) no-repeat 0px 50%;padding-left:10px;margin-right:5px;}
a.ke-insertfile:hover{background:url(file-hover.gif) no-repeat 0px 50%;}
a.highlight {color:blue;}
strong {font-weight: bold;}

input[type="text"],input[type="password"] {border: solid 1px #DDD; line-height: 22px; height: 22px;padding-left: 2px;}
input[type="submit"],input[type="reset"],input[type="button"]{width:77px;height: 29px;line-height: 29px;cursor: pointer;background:url(mysubmit.gif) no-repeat 50% 50%;color:#CC231B;}
input[type="text"]:focus,input[type="password"]:focus{border-color:#FF8800;}
select {border: solid 1px #DDD;padding:3px 2px 2px 2px;}
textarea {border: solid 1px #DDD;}

/* additional */
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear { zoom: 1; }

.vm {vertical-align:middle;}
.vm * {vertical-align:middle;}

.main,.footer,.path,.nav{clear:both;}

.search {margin:10px 5px 5px 5px;position:relative;}
	.search .input {width:100%;height:36px;line-height:36px;border: solid 1px #024481;}
	.search .select {position:absolute;height:34px;line-height:34px;top:1px;right:62px;border:0px;padding:0px;margin:0px;background:none;}
	.search .submit {position:absolute;width:60px;height:34px;line-height:34px;top:1px;right:1px;border:0px;padding:0px;margin:0px;background:#024481;color:#fff;}

.nav{position: absolute;top:8%;left:15%;}
	.nav ul li{ width:auto;display:block;margin-top:5px;overflow:hidden;}
	.nav ul li a{display:inline-block;color:#FFF;padding:8px 15px 8px 10px;border-radius:3px;opacity: 0.8; filter: alpha(opacity=80);}
	.nav ul li a.navnews {background-color:#AF8C85}
	.nav ul li a.navproduct{background-color:#865247}
	.nav ul li a.navjob {background-color:#C7624E}
	.nav ul li a.navcase {background-color:#D34225}
	.nav ul li a.navabout {background-color:#93220B}
	.nav ul li a.navmarketing {background-color:#480F03}
	.nav ul li a.navcontact {background-color:#ff8a4a}
	.nav ul li a.navtel {background-color:#fc5366}
	.nav ul li a.navqq {background-color:#36A1DB}
	.nav ul li a img{ width: 20px;height: 20px;vertical-align:middle;}
	.nav ul li span{ font-size:14px; vertical-align:middle;margin-left:5px}

.banner{ position:relative; width:100%;background:#fff;margin:0; padding:0;}
	.banner .swipe{overflow: hidden;visibility: hidden;position:relative;}
	.banner .swipe-wrap{overflow:hidden;position:relative;}
	.banner .swipe-wrap > div {float: left;width: 100%;position:relative;}
	#position{ position:absolute; bottom:0; right:0; padding-right:8px; margin:0; background:#999; opacity: 0.4; width:100%; filter: alpha(opacity=50);text-align:right;}
	#position li{width:10px;height:10px;margin:0 2px;display:inline-block;-webkit-border-radius:5px;border-radius:5px;background-color:#AFAFAF;}
	#position li.cur{background-color:#FF0000;}
	.img-responsive { display: block; max-width:100%;height: auto;}

.slideBox{ position:relative; overflow:hidden; margin:0 auto; background:#fff;}
	.slideBox .hd{ width:100%; height:11px;  position:absolute; z-index:1; top:5px; right:5px;text-align:right;  }
	.slideBox .hd ul{ display:inline-block; height:11px; padding:3px 5px; background-color:rgba(255,255,255,0.7); 
		/*-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; */font-size:0; vertical-align:top;
	}
	.slideBox .hd ul li{ display:inline-block; width:8px; height:5px; /*-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; */background:#8C8C8C; margin:0 2px;  vertical-align:top; overflow:hidden;   }
	.slideBox .hd ul .on{ background:#FE6C9C;  }
	.slideBox .bd{ position:relative; z-index:0; }
	.slideBox .bd li{ position:relative; text-align:center;  }
	.slideBox .bd li img{ background:url(TouchSlide_loading.gif) center center no-repeat;  vertical-align:top; width:100%;}
	.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(153,153,153,1.0);  } 

.main{clear: both;}
	.title{font-family:Georgia, "Times New Roman", Times, serif;font-size:0.9em;color:#fff;font-weight: bold;background:#4E6361;padding:8px;border-bottom:0px;}
	.title span{float:right;font-weight:normal;font-size:0.8em;}
	.title a{color:#fff}
	.list{overflow: hidden;}
	.classlist {padding-top:5px;padding-bottom:5px;}
	.list .vlist{width:100%;border-top: 1px solid #DCDCDC;border-bottom: 1px solid #FFF;}
	.list .vlist a {display: block;position: relative;overflow: hidden;border-top: 1px solid #FFF;border-bottom: 1px solid #DCDCDC;height: 72px;padding: 10px 0px;white-space: nowrap;}
	.list .vlist a i {display: block;overflow: hidden;float: left;margin: 5px 0px 5px 10px;width: 60px;height: 40px;padding: 1px;background-color: #FFF;}
	.list .vlist a img {width: 100%;}
	.list .vlist a h3 {line-height: 220%;display: block;overflow: hidden;text-indent: 10px;text-overflow: ellipsis;}
	.list .vlist a p {color: #8C8C8C;font-size: 12px;line-height: 150%;text-indent: 10px;display: block;overflow: hidden;text-indent: 10px;text-overflow: ellipsis;}
	.list .vlist a.more {height:auto;text-align:center;color:#64807D;}

	.list ul.classlist{/*border-bottom: solid #999 1px;*/}
	.list ul.classlist li{float:left;padding:2px;border: solid #999 1px;padding:2px 5px;margin:2px 2px;}
	.list ul.classlist li.current a{font-weight: bold;}

	.product {float:left;width:100%;}
	.product li{display:block; width:50%; float:left;text-align:center;margin-bottom:8px;}
	.product li .thumb{height: 132px;line-height: 128px;padding:0 5px;margin:5px;border-radius:5px;overflow:hidden;border: dotted #999 1px;}
	.product li .thumb img{max-width: 100%; height: auto;max-height:110px;border-radius:5px;vertical-align:middle;margin:0 auto;}
	.product h3 {font-weight: 400; height:22px;line-height:22px;overflow:hidden;font-size:0.85em;}

	.baselist {}
	.baselist li {margin:6px;padding:5px;border: dotted #D5E1E2 0px;background: none;overflow: hidden;text-align:center;}
	.baselist li:hover {border: solid #88B76F 0px;}
	.baselist .thumb {width: 100%; }
	.baselist .thumb img {width: 100%;}
	.baselist h3 {font-weight: 400; }

	.thumbtext {}
	.thumbtext .tthead{}
	.thumbtext .tthead h3{font-weight: bold;padding-bottom:5px;}
	.thumbtext .ttbody{border-top: dashed #BA0109 1px;padding:5px;font-size:14px;}
	.thumbtext .ttbody img.thumb{/*display:block;margin:0 auto;margin-bottom:6px;width:100%;border-radius:15px;*/width:88px;display:block;float:left;margin:5px 6px 6px 0;border-radius:5px;}
	.thumbtext .ttbody p{line-height:160%}
	.thumbtext .ttfoot{border-top: dashed #BA0109 1px;text-align:right;padding-top:5px;font-size:0.85em;clear: both;}

	.ctitle {margin:10px 10px 0px 10px;}
	.ctitle h3{line-height:1.6em;font-size:1.2em;color:#999;font-weight:800;}
	.ctitle h6{line-height:32px;font-size:1em;font-size:0.85em;font-weight:normal;border-bottom: solid #999 1px;}

	.content{color:#999;padding:10px;}
	.content img{text-align:center;margin:0 auto;padding:10px 0 0 0;max-width:/*expression(eval(document.documentElement.clientHeight==0?document.body.offsetWidth:document.documentElement.clientWidth)-55+"px")*/100%;height:auto;}
	.content p{padding:5px 0;}
	.content p,.blog-content ul,.blog-content ol,.blog-content code,.blog-content dl{line-height:1.8em;}
	.content dt{font-weight:bold;text-decoration:underline;padding-left:10px;}
	.content dd{padding-left:30px;}
	.content blockquote,.content em{font-style:normal;margin-left:0;margin-right:0;}
	.content ul,.content ol,.content pre{padding-left:2.6em;word-break:break-all;font-size:0.9em;}
	.content ul{border:1px solid #70990F;background:#DEF2B0;list-style-type:disc;}
	.content ol{border:1px solid #CCCCCC;background:#E7E7E7;list-style-type:decimal-leading-zero;}
	.content pre{background: #FFF6BF;border: 1px solid #FFD324;color: #514721; padding-left:0.6em;/*padding: 0.6em 0.8em;margin-left:1.5em;margin-right:1.5em;*/}
	.content ul li,.content ol li{font-size:0.85em;padding-left:6px;margin-left:1px;background:#fff;word-break:break-all;background:#fff;line-height:200%;}
	.content ul li{list-style:disc;border-left:1px solid #70990F;border-bottom:1px dotted #70990F;}
	.content ol li{list-style:decimal-leading-zero;border-left:1px solid #CCCCCC;border-bottom:1px dotted #CCCCCC;}
	.content li span {float:none;}
	.content blockquote ul div.blockquoteem{border-top:5px solid #70990F;padding:5px;margin:0px 0px 0px 1px;}
	.content blockquote ol div.blockquoteem{border-top:5px solid #CCCCCC;padding:5px;margin:0px 0px 0px 1px;}
	.content blockquote pre div.blockquoteem{border-top:5px solid #CCCCCC;padding:5px;margin:0px 0px 0px 1px;}
	.content blockquote div.blockquoteem em{color:blue;cursor:pointer;margin-right:1em;}
	.content blockquote div.blockquoteem em:hover{color:red;}
	.listheight{min-height:40px;}
	/*.blockquotecopy{max-height: 350px;overflow-x: no;overflow-y: auto;}*/
	.blockquotecopy ul,.blockquotecopy ol,.blockquotecopy pre{max-height: 350px;overflow-x: hidden;overflow-y: auto;}
	/* Tables */
	.content table {border: 1px solid #CCB;margin-bottom: 2em;width: 100%;font-size:0.8em;}
	.content th {font-weight: bold;background: #E5E5E5;border: 1px solid #D5D5D5;color: #555;/*text-align: left;*/}
	.content thead th {background: #C3D9FF;}
	.content th,.content td,.mainbox .content caption {padding:4px 4px;}
	.content tr {border-bottom: 1px solid #DDD;}
	.content td {background: #F0F0F0;border: 1px solid #999;}
	.content tr.even td {background: #F5F5F5;}
	.content tfoot {font-style: italic;}
	.content caption {background: #EEE;}
	.bdsharebuttonbox {display:block;}
	.pernext {border-top: solid #999 1px;padding:5px 0;margin:10px;}
	.pernext li {margin-top:6px;}

	table.addform {margin-bottom: 0em;width: 100%;font-size:0.85em;border: 0px solid #D5D5D5;}
	.addform th {font-weight: bold;background: #E5E5E5;color: #555;height:30px;line-height:30px;}
	.addform thead th {background: #C3D9FF;}
	.addform th,td,caption {padding:2px 4px;}
	.addform td {vertical-align:middle;}
	.addform input[type="text"] {width: 100%;}
	.addform textarea {width:100%;padding:1px;}

	.commentt {padding:5px;border-bottom: dashed #BA0109 1px;font-weight: bold;}
	.commentv {border-bottom: dashed #BA0109 1px;padding:5px;}
	.commentv img {display:block;margin:0 auto;}
	.commentu {text-align:right;padding:5px 5px 0 5px;font-size:0.85em;color:#666;}
	.commenta {border: solid #FFDD9F 1px;margin:5px 0;padding:5px;color:#FE7200}

.footer{width:100%;font-size:0.85em;text-align:center;border-top: dashed #999 1px;}
	.footer a{display:inline-block;color:#999;}
	.footer p{color:#999;padding-top:5px;}

.author{font-family:Arial, Helvetica, sans-serif;border-top:1px solid #eeeeee;text-align:right;font-size:0.85em;padding:10px;}
	.author a{display:inline-block;color:#004b7f;}
	.author a:hover{}

.pg {font-family:Arial, Helvetica, sans-serif;font-size:1em;display:block;margin:10px 0 10px 0;}
.pg strong, .pg a, .pg span{ display:inline-block;margin:0 0 0 5px;padding:5px 8px;color:#ffffff;-moz-border-radius:.3em;-webkit-border-radius:.3em;border-radius:.3em;background:#024481;}
.pg a:hover,.pg .current,.pg strong { background:#f09b00;font-weight: bold;}
.pg label,.pg span.location,.pg span.disable {display:none;}

.nobt{border-top:none;}
.nobb{border-bottom:none;}
.nort{border-top-left-radius:0;border-top-right-radius:0;}
.norb{border-bottom-right-radius:0;border-bottom-left-radius:0;}

.clearindex {height:100%;overflow: hidden;}
.clearindex .list{margin-bottom:6px;}
.clearindex .footer{position: absolute;bottom:5px;display:none;}
.clearpage .title{display:none;}

@media only screen and (max-width:400px){
	.product li:nth-of-type(2n+1){clear:both;}
}
@media only screen and (min-width:401px) and (max-width:550px){
	.product li{width:33.3%;}
	.product li:nth-of-type(3n+1){clear:both;}
}
@media only screen and (min-width:551px) and (max-width:720px){
	.product li{width:25%;}
	.product li:nth-of-type(4n+1){clear:both;}
}

@media only screen and (min-width:721px) and (max-width:1720px){
	.product li{width:20%;}
	.product li:nth-of-type(5n+1){clear:both;}
}