@charset "utf-8";
/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p,ul,ol{margin:0;padding:0;}
body{font-family:Arial,"Microsoft YaHei","Helvetica Neue";color:#343434;background:#fff;font-size:12px;line-height:1.5}
ul,ol{list-style:none;}
a img{border:none;}
h1,h2,h3,h4,h5,h6,div,li,p{font-weight:normal;}
h1,h2,h3,h4,h5,h6,{font-size:0.28rem}
a{color:#454545;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:hover,a.current{outline:none; color:#389fe1}
em,i{font-style:normal;}
img{vertical-align:middle}
html,body{height:100%;}
div{display:block}

.mT5{margin-top:5px}
.mB10{margin-bottom:10px}
.mB20{margin-bottom:20px}
.mT10{margin-top:10px}
.mT20{margin-top:20px}
.mL10{margin-left:10px}
.mR10{margin-right:10px}
.f_Left{float:left}
.f_Right{float:right}

.top{height:32px;line-height:32px;background:#666;color:#fff;padding:0 10px; font-size:16px; font-weight:bold; text-align:right}
a.loginBtn,a.btnDowo{display:block;float:right;background:#389fe1;color:#fff;font-size:14px; font-weight:normal; text-align:center;height:26px;line-height:26px;width:80px;margin:2px 0 0 5px}
a.btnDowo{background:#ec6c62;}

.header{height:80px;}
.nav li{float:left}
.banner{height:400px;background:#565656}

.logo{float:left;width:230px;height:80px;}


.productTitle{background:#f5f6f7;color:#fff;height:100px;}
.productTitle .pT{float:left;padding:10px 5%}
.productTitle h1{font-size:14px;height:30px;line-height:30px;overflow:hidden;color:#fff}
.productTitle h2{font-size:12px;color:#fff}
.productTitle .pT a{color:#fff}

	a.btnDowo:hover{background:#ec6c62}

a.btn2{float:left;display:block;font-size:18px;text-align:center;height:60px;padding:10px 15px;line-height:60px;color:#fff;overflow:hidden}

.topTel{float:right; margin:18px 10px 0 0;}


.mLeft{background:#389fe1;float:left;width:160px;height:240px;color:#fff;text-align:center;overflow:hidden}
	.mLeft h1{margin-top:40px;}
	.mLeft h2{margin-bottom:40px;}
.mRight{float:left;margin-left:10px;_display:inline}

.productList{width:1200px;margin:0 auto;}
.productList li{float:left;width:25%;height:100px;overflow:hidden}
	.productList .proTitle {font-size:16px;font-weight:700;color:#777879;}
	.productList li dl{padding:0 10%}
	.productList li dl dt{}
	.productList li a dl dt span{float:left;padding-right:20px;margin-top:25px;transition:linear 0.2s;-webkit-transition: linear 0.2s;}
	.productList li a dl dt span.ico1{background:url(../images/ico1.png) 0 0 no-repeat;width:48px;height:48px}
	.productList li a dl dt span.ico2{background:url(../images/ico1.png) 0 -96px no-repeat;width:48px;height:48px}
	.productList li a dl dt span.ico3{background:url(../images/ico1.png) 0 -192px no-repeat;width:48px;height:48px}
	.productList li a dl dt span.ico4{background:url(../images/ico1.png) 0 -288px no-repeat;width:48px;height:48px}
	.productList li a:hover span.ico1{background-position:0 -48px}
	.productList li a:hover span.ico2{background-position:0 -144px}
	.productList li a:hover span.ico3{background-position:0 -240px}
	.productList li a:hover span.ico4{background-position:0 -336px}
	.productList li a:hover dl dd h1{color:#ec6c62}
	.productList li dl dd{padding-top:20px}
	.productList li dl dd h1{font-size:16px;color:#389fe1;height:32px;line-height:32px;overflow:hidden;font-weight:700}
	.productList li dl dd h2{font-size:12px;color:#666;height:18px;line-height:18px;overflow:hidden;}
	
.indexMain{clear:both;max-width:1200px;margin:0 auto;padding-top:40px;overflow:hidden}
	.indexTitle h1{font-size:22px;color:#343434;padding-bottom:5px;margin-bottom:10px;border-bottom:1px #efefef solid; height:30px; line-height:30px}
	.indexTitle h2{font-size:12px;color:#999;margin-bottom:5px;}
	.indexTitle h2 span a{float:right;color:#999}
	.indexTitle h2 span a:hover{color:#389fe1}


/*Slide Start幻灯片位置开始*/
#Slidebox{width:100%;height:400px;margin:0 auto;  /*position:relative;*/ background:#efefef; overflow:hidden;}
#flashBg {height: 400px;overflow: hidden;width:100%;clear: both;}
#flashLine {background: url(../images/touming.png) repeat-x center bottom;height: 400px;width: 100%;clear: both;}
#flash{width: 1440px;height: 400px;overflow: hidden;margin: 0 auto;clear: both;position: relative;padding: 0px 0px;}
#flash a {width: 1440px;height: 400px;display: none;}
#flash img {width: 1440px;height: 400px;}
.flash_bar {width:555px;padding-left: 48%;z-index: 69;height: 30px;overflow: hidden;position: absolute;padding-top: 13px!important;padding-top: 12px;
bottom:0px;left:0px; background: url(../images/tg_flashbar.png) no-repeat 0px 0px;text-align: center;}
.flash_bar .dq {
display: block;float: left;width: 12px;height: 12px;margin:2px 4px;cursor: pointer;background: url(../images/pagination.png) no-repeat 0px -12px; overflow:hidden;
_background: none; 
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://vizo.retail20.cn/images/pagination.png" ,sizingMethod="crop");
}

.flash_bar .no {display: block;float: left;width: 12px;height: 12px;margin:2px 4px;cursor: pointer;
background:url(../images/pagination.png) no-repeat 0px 0px; overflow:hidden;
_background: none;
_filt}

.main{clear:both;width:1200px;margin:0 auto}
.footer{clear:both;border-top:2px #389fe1 solid;background:#454545;padding:20px 0;height:250px;color:#999;text-align:center}
.footNav{float:left;margin-right:30px;text-align:left; width:80px}
	.footNav dt{color:#fff;font-size:12px;height:40px;line-height:40px;margin-bottom:10px}
	.footNav dt span{display:block;font-size:14px;border-bottom:2px #389fe1 solid;float:left}
	.footNav dt em{display:block;border-bottom:2px #fff solid;float:left;padding:0 5px}
	.footNav dd{height:30px;line-height:30px}
	.footNav dd a{color:#999}
.footBottom{background:#353535;text-align:center;line-height:2;color:#999;padding:5px 10px}

.weixin{float:right;color:#fff; margin-top:20px}

.nav {position:relative;z-index:50;background-color:#fff;}
.nav li{float:left;width:120px;height:36px;line-height:36px;padding-top:27px;text-align:center;position:relative;overflow:visible}
.nav li a {display:block;font-family:"Microsoft YaHei";font-size:14px;padding:0;text-align:center;}
.nav li a:hover {color:#389fe1;}
.nav-menu {position:absolute;left:0;top:80px;width:100%;height:0px;overflow:hidden;background:rgba(0,0,0,.6);-webkit-transition:all .6s;-moz-transition:all .6s;transition:all .6s;}
.nav:hover .nav-menu{height:200px;}
.nav-menu ul{padding-left:230px}
	.nav-menu ul li{float:left;width:120px;height:30px;line-height:30px;text-align:left;padding-top:10px}
	.nav-menu ul li a{color:#efefef}


.wrap{overflow:hidden;}
.left{width:25%;float:left;padding-top:40px;background:#f7f8f9;padding-bottom:100000px;margin-bottom:-100000px;_padding-bottom:0;_margin-bottom:0;}
.right{width:75%;float:right;padding-top:40px;padding-bottom:100000px;margin-bottom:-100000px;_padding-bottom:0;_margin-bottom:0;}


.indexLeft{width:500px;float:left}
.indexCenter{width:360px;float:left;margin:0 20px;_display:inline}
.indexRight{width:300px;float:right}

.mainLeft{width:880px;float:left}
.mainRight{width:300px;float:right}

.list dt,.list dd{height:40px;line-height:40px;overflow:hidden}
.list dt{height:40px;line-height:40px;}
.list dt div{}
.list dd a{display:block;background:#dedede;height:35px;line-height:35px;text-align:center;width:150px;color:#666}
.list dd a:hover{background:#389fe1; color:#fff}

.aboutList dt{border-bottom:1px #efefef solid;color:#333;height:35px;line-height:35px;font-size:16px}
.aboutList dd{ padding:10px 0; line-height:1.8; color:#999}



.list5 li{float:left;width:25%;color:#fff;text-align:center;overflow:hidden; margin-bottom:20px}
	.list5 li a{display:block;margin:0 10px;background:#f9f9f9;border:1px #f1f1f1 solid;height:240px; border-radius:5px;overflow:hidden;transition:linear 0.2s;-webkit-transition: linear 0.2s;}
	.list5 li a:hover{background:#ec6c62;border-color:#ec6c62;}
	.list5 li a h1{margin-top:40px; }
	.list5 li a h3{margin-top:10px;color:#389fe1}
			.list5 li a:hover h3{color:#fff}
	.list5 li a h2{margin:10px 0 30px;color:#888;height:80px;line-height:2; overflow:hidden;font-size:12px;text-align:left;padding:0 20px}
	.list5 li a:hover h2{ color:#fff}
 	.list5 li.bg2 div{background:#ec6c62}

a.more{display:block; color:#fff; border:1px #fff solid; width:80px; height:24px; line-height:24px; text-align:center; margin:0 auto}
a.more2{float:right;color:#666;text-align:center; font-size:12px}


.ico5,.ico6,.ico7,.ico8{background:url(../images/ico1.png) 0 -384px no-repeat;width:48px;height:48px;margin:0 auto}
.list5 li a:hover h1.ico5{background-position:0 -432px}

.ico6{background-position:0 -480px}
	.list5 li a:hover h1.ico6{background-position:0 -528px}	

.ico7{background-position:0 -576px}
	.list5 li a:hover h1.ico7{background-position:0 -624px}		
	
.ico8{background-position:0 -672px}
	.list5 li a:hover h1.ico8{background-position:0 -720px}

384
	
.mRight{float:left;margin-left:10px;_display:inline}
.indexNews{ width:320px;}
.indexNews li{height:35px;line-height:35px;margin-bottom:15px;overflow:hidden}
.indexNews li .time{line-height:1;float:left;width:60px;text-align:center}
.indexNews li .time h1{color:#666;font-size:18px;font-weight:700;}
.indexNews li .time h2{font-size:10px;color:#999}


.leftNav{float:right;text-align:left;width:240px}
.leftTitle{font-size:24px;color:#444;padding-right:30px}
.leftNav dl{ margin-top:10px}
.leftNav dt{font-size:14px;font-weight:700;color:#666;height:40px;line-height:40px;padding-left:1.5em;overflow:hidden}
.leftNav dd{height:36px;line-height:36px;border-bottom:1px #efefef solid;overflow:hidden}
.leftNav dd a{display:block;padding-left:3em;}
.leftNav dd a:hover,.leftNav dd a.now{background:#389fe1;color:#fff}

.leftContat{float:right;text-align:left;width:220px;padding:0 10px}

.rightCenter{padding-left:50px;width:80%}
	.rightTitle{font-size:24px;color:#444;height:40px;line-height:40px;overflow:hidden;border-bottom:1px #efefef solid;padding-bottom:5px;margin-bottom:10px;}
		.rightTitle span{font-size:12px;float:right;color:#787878}
			.rightTitle span em{margin:0 5px;font-family:SimSun;}
				.rightTitle span a{color:#787878}
	.rightBox{font-size:14px;line-height:1.8;color:#666}
	.rightBox p.indent{text-indent:2em;}
	.rightBox b.indent{display:block}

.newsList li{height:40px;line-height:40px;border-bottom:1px #efefef solid;overflow:hidden}
.newsList li a{display:block;font-size:14px;color:#666}	
.newsList li a:hover{color:#389fe1}
.newsList li a span{float:right; color:#999; font-size:12px}

.gbook li{ clear:both;padding:15px 0}
.gbook li label{float:left;text-align:right;display:block;width:200px;line-height:2}
.gbook li .input1,.gbook li .input2{float:left;border:1px #cdcdcd solid;line-height:16px;padding:5px;width:300px}
.gbook li select{float:left;padding:5px;width:300px;border:1px #cdcdcd solid;}
.gbook li em{margin:0 5px;float:left;color:#f30}

.timeline {padding:30px 0;}
.timeline h2 em, .timeline .detail em {display:inline-block;*display:inline;*zoom: 1;position:absolute;}
.timeline ol {background: url(../images/updatelog_timeline.png) repeat-y 228px 0;}
.timeline ol li {overflow:hidden;*zoom:1;padding:10px 0 10px 285px;position:relative;}
.timeline ol ul li {padding: 2px 0;}
.timeline h2 {position:absolute;left:0;top:20px;text-align:right;width:180px;font-size:18px;margin-right:105px;}
.timeline h2 span {display:block;font-size:16px;color:#7f7f7f;}
.timeline h2 em {width:33px;height:44px;background:url(../images/updatelog.png) -134px 0 no-repeat;right:-67px;top:0;}
.timeline .detail {border:1px solid #dedede;position:relative;background:#fff;padding:10px 15px;color:#7f7f7f;}
.timeline .detail em {width:17px;height:26px; background:url(../images/updatelog.png) -150px -44px no-repeat;left:-17px;_left:-32px;top:20px;}

.btnX{background:#389fe1; border:0;width:80px; height:30px; line-height:30px; text-align:center; color:#fff}

.tableList th.tc,.tableList td.tc{text-align:center;}
.tableList th.tr,.tableList td.tr{text-align:right;}
.tableList td,.tableList th{text-align:left}


.tableList{clear:both;width:100%;border-collapse:collapse;width:90%;font-size:12px;margin:0 auto;}
.tableList td,.tableList th{padding:0 10px;height:30px;line-height:30px;border:1px #ddd solid}
.tableList tr{background:#fff;}
.tableList th{border-bottom:1px #dcdcdc solid}
.tableList thead tr{background:#f3f3f3;}
.tableList tbody tr:hover{background:#f9f9f9}
.tableList tbody td{height:40px;line-height:40px;color:#666}
.tableList .txt{height:34px;line-height:34px;overflow:hidden}
.tableList tfoot{}
.tableList tfoot td{background:#fff;padding:0 10px 5px}

.jobList dt{display:block;font-size:14px;height:30px;line-height:30px;overflow:hidden;color:#454545;background:#f1f2f3;text-align:center}	
.jobList dd{color:#666;padding:10px 0;font-size:12px; margin-bottom:20px}

.downList li{float:left;width:33%;}
.downList li a{display:block;border:1px #efefef solid;background:#f1f2f3;height:80px;line-height:60px;text-align:center;padding:10px;margin:10px;color:#666}
.downList li a:hover{background:#389fe1 url(../images/download.png) center bottom no-repeat;color:#fff}

.list4 li{float:left;width:33%;margin-bottom:15px}

.caseList{ margin-top:20px}
.caseList li{height:90px; border-bottom:1px #efefef solid;margin-bottom:20px;padding-bottom:15px}
.caseList li img{border:1px #efefef solid;float:left; margin-right:10px;}
.caseList li h1{font-size:15px; height:24px;line-height:24px;overflow:hidden}
.caseList li h2{font-size:12px;height:40px;line-height:20px;overflow:hidden; margin-bottom:5px}
.caseList li h1 a{color:#389fe1; font-weight:700}
.caseList li h3 a{ background:#389fe1; display:block; height:20px; line-height:20px;padding:0 10px; border-radius:3px;color:#fff;font-size:12px; float:right;margin-right:10px}


#rightBox{}
a#backTop{display:block;width:48px;height:48px;text-align:center;background:#fff url(../images/up.png) no-repeat;border:1px #dcdcdc solid}
a#backTop:hover{background:#389fe1 url(../images/up2.png) no-repeat;}

.newsInfo dt{font-size:24px;line-height:40px;text-align:center;color:#333}
.newsInfo dd.timeData{font-size:12px;border-bottom:1px #ebf4ef solid;text-align:center;margin-bottom:5px;padding-bottom:10px;}
.newsInfo dd{padding:5px 0}
.newsInfo dd.newsInfo{text-align:left;height:auto;padding:10px 0;font-size:14px;line-height:1.8;overflow:auto;zoom:1;text-align:justify;text-justify:inter-ideograph;color:#333;border-bottom:1px #efefef solid;}
.newsInfo dd.goBack{text-align:right;border:none;}
.newsInfo dd.newsInfo img{
         max-width:700px;
     zoom:expression( function(elm) { 
         if (elm.width>700) { 
             var oldVW = elm.width; elm.width=700; 
             elm.height = elm.height*(700 /oldVW);
         }
         elm.style.zoom = '1';
     }(this));
} 

@media screen and (max-width: 1440px)
{


}

@media screen and (max-width: 1280px)
{
.logo{float:none;width:560px;height:60px;}
}

@media screen and (max-width: 1170px)
{


}



/*page*/
.page{display:inline;clear:both;margin-top:20px;float:left;text-align:center;height:36px;line-height:36px;font-size:12px}
.page a{display:block;float:left;background:#fff;width:36px;height:36px;line-height:36px;margin-right:10px;color:#666;text-decoration:none; font-family:"SimSun";cursor:pointer}
.page a:hover {background:#18499e;color:#fff}
.page span{width:36px;height:36px;line-height:36px;color:#fff;float:left;display:block;background:#18499e;margin-right:10px;}
.page a.now{background:#18499e;color:#fff}