﻿body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{padding:0;margin:0;}body,input,button,select,textarea{ font-size:12px;color:#333;}
body { background:#d2edff url(image/bg.png) top center no-repeat; font-family:Microsoft yahei;}
textarea{resize: none;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:none;vertical-align:middle;}
address,caption,cite,code,dfn,em,strong,th,var,em,i{font-weight:normal;font-style:normal;}
ol,ul{list-style:none;}list{vertical-align:middle;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:none;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}
a{text-decoration:none;}
a:hover{text-decoration:underline;color:#c00;}
input {vertical-align:middle;}
button{overflow:visible;}
.hide{display:none;}.show{display:block;}
/*****浮动和清除浮动******/
.left{float:left;display:inline;}
.right{float:right;display:inline;}
.clr { clear:both; height:0; line-height:0;}
.clearfix:after{content:'.';display:block;height:0;clear:both;visibility:hidden}.clearfix{display:inline-block;} *html .clearfix{height:1%}.clearfix{display:block;}.zoom{zoom:1}
/*****对齐方式******/
.text-center{text-align:center !important}
.text-left{text-align:left !important}
.text-right{text-align:right !important}
/*****间距******/
.mTop5{margin-top:5px;}.mBtm5{margin-bottom:5px;}.mLeft5{margin-left:5px;}.mRight5{margin-right:5px;}
.mTop10{margin-top:10px;}.mBtm10{margin-bottom:10px;}.mLeft10{margin-left:10px;}.mRight10{margin-right:10px;}
.mTop15{margin-top:15px;}.mBtm15{margin-bottom:15px;}.mLeft15{margin-left:15px;}.mRight15{margin-right:15px;}
.mTop20{margin-top:20px;}.mBtm20{margin-bottom:20px;}.mLeft20{margin-left:20px;}.mRight20{margin-right:20px;}
.pTop5{padding-top:5px;}.pBtm5{padding-bottom:5px;}.pLeft5{padding-left:5px;}.pRight5{padding-right:5px;}
.pTop10{padding-top:10px;}.pBtm10{padding-bottom:10px;}.pLeft10{padding-left:10px;}.pRight{padding-right:10px;}
.pTop15{padding-top:15px;}.pBtm15{padding-bottom:15px;}.pLeft15{padding-left:15px;}.pRight15{padding-right:15px;}
.pTop20{padding-top:20px;}.pBtm20{padding-bottom:20px;}.pLeft20{padding-left:20px;}.pRight20{padding-right:20px;}
.textc333:link{color:#333;}.textc333:visited{color:#999;}.textc333:hover{color:#c00;text-decoration:underline;}
.textc666:link{color:#666;}.textc666:visited{color:#999;}.textc666:hover{color:#c00;text-decoration:underline;}
/*****字体大小******/
.f12{font-size:12px !important;}.f14{font-size:14px !important;}.f16{font-size: 16px !important;}.f20{font-size: 20px !important;}.f24{ font-size: 24px !important;}
/*****字体颜色******/
.c333{color: #333;}.c666{ color: #666;}.c999{ color: #999;}
.cf30 {color:#f30;}.cf60 { color:#f60}.cc60 { color:#c60}
.red {color: #c00}.green { color:#093}.blue { color:#0062C7}.yellow { color:#f90}.orange{color:#f60}
/*****文字显示方式(换行还是不换)******/
.word-keepAll{word-break:keep-all;white-space:nowrap;}
.word-breakAll{word-break:break-all;word-wrap:break-word;}

.nav { width:1000px; margin:0 auto; padding:60px 0 20px; text-align:center; overflow:hidden}
.nav a { display:inline-block; color:#fff; text-align:left; padding-left:45px; margin:0 5px;}
.nav a:hover { text-decoration:none;}
.nav a h3 { font:700 18px/18px Microsoft yahei; width:100px;}
.nav a h3:hover { color:#fef668}
.nav a h3.on { color:#fef668}
.nav a h3 .on-tif { margin:5px 0 0 5px; width:12px; height:9px; display:inline-block;}
.nav a p { font:400 10px/16px Tahoma }
.nav-ad,.nav-member,.nav-system,.nav-account { background:url(image/nav.png) no-repeat;}
.nav-ad { background-position:0 -9px;}
.nav-member{ background-position:0 -80px;}
.nav-system { background-position:0 -170px;}
.nav-account{ background-position:0 -250px;}
.wrapper { width:1000px; margin:0 auto 10px; border-radius:5px; background:#fff; overflow:hidden;}
.main { padding:25px;}
.link { text-align:center; border-bottom:1px solid #CCC; line-height:30px; margin-bottom:30px; font-size:14px;color:#999 }
.link a { margin:0 10px; color:#999} .link a:hover { text-decoration:none;} 

.tit { width:70px; float:left; border-right:8px solid #14b8d4; margin-right:30px;}
.tit h3 { font-size:16px; font-weight:700; color:#044476; padding-right:5px;}
.main-right { width:840px; float:left}
.main-text { font-size:14px; margin-bottom:20px;}
.main-text p { line-height:22px; color:#666}
.line { border-bottom:1px solid #ccc; margin:30px 0; height:1px; overflow:hidden; clear:both;}
.table-ad { border:1px solid #0183ad; margin:10px 0}
.table-ad th { border:1px solid #0183ad; padding:10px 0; text-align:center; color:#fff; font-weight:700; font-size:14px; background:#14b8d4}
.table-ad td { border:1px solid #0183ad; padding:5px; text-align:center}
.table-ad td.c_l { text-align:left!important; padding:10px;}
.table-ad td a { color:#666;}
.table-ad td img { vertical-align:middle; margin:0 5px;}

.table-ad-1 { border:1px solid #0183ad; margin:0 0 10px}
.table-ad-1 th { border:1px solid #0183ad; padding:10px 0; text-align:center; color:#fff; font-weight:700; font-size:14px; background:#14b8d4}
.table-ad-1 td { border:1px solid #0183ad; padding:5px 20px;}
.table-ad-1 td p { line-height:20px;}

.table-ad-1 td a { color:#666;}
.table-ad-1 td img { vertical-align:middle; margin:0 5px;}

.bold { font-weight:700; color:#044476; font-size:14px;}
.ad-left { float:left;}
.many-bg { float:right; width:331px; height:128px; overflow:hidden; background:url(image/bg-bt.png) no-repeat; padding:50px 0 0 85px; margin-top:80px;}
.many-bg p { line-height:26px; color:#237db8; font-size:14px;}
.look-list li { float:left; margin:0 5px 10px 0;}
.line-l { background:url(image/splt-l.png) no-repeat; float:left; width:10px; height:637px; overflow:hidden;}

.box-text-dashed { border:1px dashed #7bb1d4; margin:0 0 20px 50px; padding:20px 30px; border-radius:3px; font-size:14px; position:relative;}
.box-text-dashed h3 { font-weight:700; color:#044476; margin-bottom:10px}
.box-text-dashed p { line-height:30px;}
.box-text-dashed p i { font-style:oblique; margin-right:10px;}
.box-dashed-l { width:12px; height:25px; background:url(image/css-life.png); position:absolute; left:-12px; top:20px;}
.case-box { background:url(image/case-bg.png); padding-left:70px; margin-top:30px;}
.case-box h3 { float:left;}
.case-list li { width:247px; margin-left:19px; float:left; text-align:center;}
.case-list li img { border:1px solid #ccc;}
.case-list li p { line-height:40px;}
.case-list li a { color:#044476; font-weight:700}
.case-list li a:hover { text-decoration:none; color:#f00}
.m-box { overflow:hidden}
.pd-1 { background:url(image/pd-1-bg.png) right no-repeat; width:180px; padding:20px 20px 0 0; float:left}
.pd-1 p { margin-bottom:20px; line-height:26px; font-size:14px;}
.pd-2 { height:225px; float:left; background:#eee; width:150px; margin:10px 0 0 40px;  border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.pd-2 p { padding:10px; line-height:26px;}
.about-l { float:left;}
.about-l h3 { background:url(image/start-icon.png) 0 8px no-repeat; padding-left:20px; font-size:14px; font-weight:700; color:#044476; line-height:30px; margin-bottom:5px;}
.about-l li { line-height:46px; font-size:14px; color:#044476; border-bottom:1px dashed #7bb1d4;}
.about-l li i {font-style:oblique; margin-right:10px;}

.logo-list li { float:left; margin:0 25px 20px 0; width:115px; text-align:center; overflow:hidden;}
.logo-list li img { width:115px; height:50px; margin-bottom:3px}