@charset "utf-8";body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;color: #333;}
body,button,input,select,textarea{font:14px/1.5 helvetica,'Microsoft YaHei',tahoma,arial,\5b8b\4f53,sans-serif;}h1,h2,h3,h4,h5,h6{font-size:100%}
address,cite,dfn,em,var,i{font-style:normal}form{display:inline}small{font-size:12px}ul,ol{list-style:none}:focus{outline:0}
.clearfix{*zoom:1;*display:block;}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
a{text-decoration:none;color:#333}a:hover{text-decoration:none;color:#333;}sup{vertical-align:text-top}sub{vertical-align:text-bottom}
legend{color:#000}fieldset,img{vertical-align:middle;border:0;-ms-interpolation-mode:bicubic}button,input,select,textarea{font-size:100%}
table{border-collapse:collapse;border-spacing:0}input,button,select,textarea{outline:none}textarea{resize:none}.hide{display:none;}.show{display:block;}


.MainBg{ background: #f8f8f8;}
.ad{ height: 325px; background: url(../images/bn.png) no-repeat center;}
.root{ height: 20px; overflow: hidden;color: #999;margin: 20px 0; font-size: 12px;}
.root a{height: 20px; line-height: 20px;  font-size: 12px; color: #999;}
.root a:hover{ color: #028ae0;}
.root i{ width: 15px;height: 15px; float: left; background: url(../images/root.png) no-repeat; margin-top: 2px; margin-right: 5px;}

.MainLeft{ width: 220px; overflow: hidden; float: left;}
.NavLeft li {height: 50px; line-height: 50px; border-bottom: 1px solid #ddd; }
.NavLeft li a{display: block;padding: 0 20px;}
.NavLeft li a:hover{ background: #aaa; color: #fff;}
.NavLeft li a.active{ background: #3f9af1; color: #fff;}
.NavLeft li a span{ float: right;}
.MainRight{ width: 760px; overflow: hidden;float: right; }
.ConRight{padding: 20px 30px 50px 30px;}
.ConRight h1,.NavTitle{ padding-left: 10px;margin-bottom: 30px; color: #0062c1; font-size: 22px; font-weight: normal; border-left: 5px solid #0062c1; height: 25px;line-height: 25px; overflow: hidden;}
.NavTitle h1{ color: #0062c1; font-weight: normal; }
.ConText p{ text-indent: 2em; line-height: 27px;}
.ConText span{ font-weight: bold;font-size: 16px; color: #0062c1;}
.ImgMtb{ margin: 20px 0;}
.ConList li { border-bottom: 1px dashed #ddd;padding-bottom: 20px; margin-bottom: 20px;height: 125px;}
.ConList li img{ float: left; width: 200px; height: 125px; overflow: hidden; margin-right: 20px; }
.ConList h2 a{ font-size: 18px; color: #0062c1;}
.ConInfo p{line-height: 27px; height: 50px; margin: 8px 0;}
.ConInfo span{ color: #999;;font-size: 12px;}
.ConInfo span a{ color: #666; border: 1px solid #ddd;width: 70px;font-size: 12px; padding:5px 10px; float: right; background: #f5f5f5;}
.ConInfo span a:hover{ background: #ddd;}
.Page{ text-align: center; padding: 30px;}
.Page a,.Page i{ border: 1px solid #ddd; padding: 8px 12px; margin-right: 8px;}
.Page a:hover{ background: #ddd;}
.Page a.active{ background: #0062c1; color: #fff; border: 1px solid #0062c1;}
.Page i{color: #999;}
.NavTitle{ margin: 15px 0; margin-left: 20px;}
.ConPro{ overflow: hidden;}
.ProPic{ border: 1px solid #ddd; width: 650px; height: 435px; margin-top: 10px;}
.RollLeft,.RollRight{top: 197px; width: 40px; height: 40px; background: #333; color: #fff; line-height: 40px; font-size: 24px; text-align: center; opacity: 0.8; position: absolute;}
.RollLeft{left: 0;}
.RollRight{ right: 0;}
.ProThumb{ margin: 20px 0; height: 75px}
.ProThumb li{ float: left;  margin-right: 15px;  overflow: hidden;}
.ProThumb li a{width: 100px; height: 67px; display: block; border: 2px solid #fff;}
.ProThumb li a:hover,.ProThumb li.current a{ border: 2px solid #0062c1;}
.ProLabel{ border-bottom: 1px solid #ddd; height: 40px; }
.ProLabel li{ float: left; margin-right: 3px;}
.ProLabel li,.ProLabel li a{ display: block; height: 40px; width: 100px; text-align: center; line-height: 40px; background: #ddd; font-weight: bold;font-size: 15px; color: #555;}
.ProLabel .active,.ProLabel li a.active{ background: #3f9af1; color: #fff;}

.ConMain h2{ font-size: 22px; font-weight: normal; color: #3f9af1; height: 30px; line-height: 30px;margin: 20px 0;}
.CTitle{overflow: hidden;margin: 50px 0;text-align: center; }
.CTitle h1{ font-size: 24px; height: 30px; line-height: 30px; font-weight: normal;}
.UList li{ float: left; margin-bottom: 20px;}
.UList li:hover{ background: #fff;color: #3f9af1;}
.UList li:hover p a{ color: #3f9af1;}
.w320{ width: 320px; overflow: hidden;}
.UName{ text-align: center;height: 24px; line-height: 24px;margin: 15px;}
.w490{ width: 480px; float: left;}

.ProInfo{ padding: 20px; background: #fff;}
.ProInfo h2{ color: #3f9af1; line-height: 30px; overflow: hidden; font-size: 24px;font-weight: normal; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #3f9af1;}
.ProInfo p{ line-height: 24px; margin-bottom: 20px;}
.ProInfo a.ProDetail{ border: 1px solid #ddd; padding: 5px 10px; color: #666;}
.ProInfo a.ProDetail:hover{ border: 1px solid #3f9af1; color: #fff; background: #3f9af1; }

.WrapBox{ padding: 30px; background: #fff; }
.Contact{ float: left;}
.Contact li{line-height: 30px;width: 390px}
.Contact li b{ font-size: 16px; color:#0062c1; }
.Map{ float: right;}
.w300{ width: 300px; float: left;}
.APPCase{ height: 35px; line-height: 35px; overflow: hidden; text-align: center;}
.APPCase span{font-size: 30px;}
.APPCase i{font-size:24px; line-height: 35px; margin: 0 20px;}
.BmLine{ border-bottom: 1px solid #ddd;margin-bottom: 50px;}
.CaseList li{ float: left; height: 39px; overflow: hidden; line-height: 39px; width: 110px; background: url(../images/AppCase2.png) no-repeat; margin: 0 1px;}
.CaseList .active{ background: url(../images/AppCase1.png) no-repeat;}
.CaseList li a{ text-align: center; display: block; color: #fff; padding: 0 15px;}
.CaseList li a  i{background: url(../images/Ico.png) no-repeat;  float: left; width: 20px;	height: 20px; margin-top: 10px;}
.CaseList li a .item1{ background-position:  0 0;}
.CaseList li a .item2{ background-position:  -39px 0;}
.CaseList li a .item3{ background-position:  -63px 0;}
.CaseList li a .item4{ background-position:  -85px 0;}
.CaseList li a .item5{ background-position:  -109px 0;}
.CaseList li a .item6{ background-position:  -128px 0;}
.CaseList li a .item7{ background-position:  -155px 0;}
.CaseList li a .item8{ background-position:  -179px 0;}