@charset "utf-8";
/*开放页面样式 包括首页和网站页面*/
@charset "utf-8";
/*全局*/
body{margin:0 auto;padding:0;background:#FFF;color:#666;font:12px "Microsoft YaHei";text-align:center;}
body div{margin:0px auto;text-align:left;} 
div,form,ul,ol,li,span,p,dl,dt,dd,img{margin:0;padding:0;border:0;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:12px;font-weight:normal;}
ul,ol,li{list-style:none;}
table,td,input,textarea{font-size:12px;}
.clear{height:0;clear:both;font-size:0;line-height:0;overflow:hidden;}
.mt15{margin-top:15px;}
.mr6{margin-right:6px;}
.bg01 a{display:block; color:#00C0EF !important;}
.bg02 a{display:block; color:#f39c12 !important;}
.bg03 a{display:block; color:#dd4b39 !important;}
.bg04{color:#00a65a !important;}

/* 链接颜色 */
a:link { text-decoration: none; color: #333 }
a:visited{ text-decoration: none; color: #333 }
a:hover{ text-decoration:none; color:#0AA7FF; }

/*区块设置 */
.area{margin:0px auto 0; width:1200px;background-color:#FFFFFF;}
.area .areaL{width:200px;float:left;background-color:#FFFFFF;}
.area .areaLM{width:980px;float:left;background-color:#FFFFFF}
.area .areaM{width:770px;float:left;background-color:#FFFFFF;margin-left:10px;}
.area .areaR{width:210px;float:right;background-color:#FFFFFF;margin-left:10px;}
.area .areaLR{width:990px;float:right;background-color:#FFFFFF; margin-left:10px;} 
div.TWAll{width:100%;_width:expression(this.offsetWidth); min-width:1200px;}
div.TArea{margin:0px auto;width:1200px;}

#Top{height:35px; background-color:#F5F5F5; border-bottom:1px solid #EEE; line-height:35px; color:#3C3C3C; font-size:12px; curosr:pointer;}
#Top #TopArea #TopL{width:300px; height:35px; float:left; color:#3C3C3C;}
#Top #TopArea #TopL a{margin-right:10px;}
#Top #TopArea #TopL .blue{color:#0AA7FF;}

#Top #TopArea #TopR{width:900px; height:35px; float:right;}
#Top #TopArea #TopR ul{float:right; height:35px; float:right;}
#Top #TopArea #TopR ul li{float:left; margin-left:24px;}
#Top #TopArea #TopR ul li i{margin-right:5px;}

#Top2{margin:20px 0;}
#Top2Area #LoginImg{height:60px; margin-top:20px; float:left;}
#Top2Area #Search{width:450px; float:left; margin:26px 0 26px 140px;}
#Top2Area #Search form{border:1px solid #0AA7FF;}
#Top2Area #Search .SearchButton{width:100px; height:40px; float:right; font-size:18px; letter-spacing:5px; color:#FFF; background-color:#0AA7FF; cursor:pointer; border:none; text-align:center;}
#Top2Area #Search .SearchInfo{width:336px; height:37px;border:0;padding-left:10px; font-size:14px; line-height:20px;}
#Top2Area #UserInfo{height:40px; width:150px; margin-top:26px; float:right; background-color:#0AA7FF; line-height:40px; text-align:center; font-size:16px;}
#Top2Area #UserInfo a{color:#FFF; display:block;}

#Column{height:42px; line-height:42px; border-bottom:2px solid #0AA7FF; float:left; z-index:200;}
#Column #ColumnArea ul{z-index:200;}
#Column #ColumnArea ul li.older{width:100px; float:left; text-align:center; font-size:16px; position:relative;}
#Column #ColumnArea ul li.older ul{ position:absolute; top:42px;width:170px; background-color:#0AA7FF; display:none;}
#Column #ColumnArea ul li.older ul.hover{display:block;}
#Column #ColumnArea ul li.index ul{display:block;}
#Column #ColumnArea ul li.special{width:170px; background-color:#0AA7FF;}
#Column #ColumnArea ul li.special a,#Column #ColumnArea ul li.speciala:hover{color:#FFF;}
#Column #ColumnArea ul li.younger{width:150px; height:45px; margin-left:20px; float:left; text-align:left; font-size:16px;}
#Column #ColumnArea ul li i{margin-right:15px;}

#Focus{float:left;}
#Focus #FocusArea{}
#Focus #FocusArea #FocusPic{width:790px; height:350px; margin-top:6px; margin-left:176px; float:left;}
#Focus #FocusArea #FocusLogin{width:226px; height:180px;  margin-top:6px; margin-left:6px; border:1px solid #D1ECFF; float:left; background:url(/statics/images/header_bg.png) no-repeat; position:relative; color:#3C3C3C;}
#Focus #FocusArea #FocusLogin #Headport{ width:60px; height:60px; margin:0 auto; margin-top:18px; border-radius:60px; overflow:hidden;}
#Focus #FocusArea #FocusLogin .info{display:block; margin:6px 0; text-align:center;}
#Focus #FocusArea #FocusLogin .other{width:206px; height:25px; margin-left:20px; margin-top:10px;}
#Focus #FocusArea #FocusLogin .other a{display:block; width:90px; height:25px; line-height:25px; background-color:#0AA7FF; color:#FFF; font-size:14px; font-weight:700;margin-right:7px; text-align:center; float:left;}
#Focus #FocusArea #FocusSteps{width:226px; height:160px; margin-top:6px; margin-left:6px; float:left;}
#Focus #FocusArea #FocusSteps ul li{width:111px; height:79px; border:1px solid #D1ECFF; float:left;}
#Focus #FocusArea #FocusSteps ul li a{width:111px; height:79px; display:block; float:left; position:relative;}
#Focus #FocusArea #FocusSteps ul li i{width:111px; height:30px; margin:9px auto; font-size:30px; text-align:center;}
#Focus #FocusArea #FocusSteps ul li p{width:111px; height:30px; text-align:center; float:left; font-size:14px; font-weight:700;}

.WebsiteTypeL{width:1175px; height:50px; color:#FFF; font-size:20px; font-weight:400; line-height:50px; padding-left:25px;}
.WebsiteTypeL a{color:#FFF;}
.WebsiteTypeL a:hover{color:#DDD;}
.WebsiteTypeL span,.WebsiteTypeD .WebsiteTypeS span{float:right; margin-right:20px; font-size:14px;}
.WebsiteTypeD {width:597px; float:left;}
.WebsiteTypeD .WebsiteTypeS{width:572px; height:50px; color:#FFF; font-size:20px; font-weight:400; line-height:50px; padding-left:25px; float:left;}
.WebsiteTypeD .WebsiteTypeS a{color:#FFF;}
.WebsiteTypeD .WebsiteTypeS a:hover{color:#DDD;}
.WebsiteType ul li{width:198px; height:198px; border:1px solid #e9e9e9; float:left;}
.WebsiteTypeD ul li{width:197px; height:198px; border:1px solid #e9e9e9; float:left;}

#HYCZ{background-color:#488bad;}
#MHWZ{background-color:#6467a0;}
#ZMT{background-color:#5a7259;}
#WXGZH{background-color:#3aaba9;}
#WBYX{background-color:#5e6c90;}
#PYQ{background-color:#568e7d;}

.bjsze .hover{background-color:#eee;}
#Website{width:100px; height:100px; margin:0 auto; margin-top:15px; border-radius:20px; overflow:hidden;}
.WebsiteName{display:block; margin:8px 0; text-align:center; font-size:18px; color:#333;}
.WebsitePrice{width:70px; height:30px; line-height:28px; border:1px solid #0AA7FF; border-radius:15px; color:#0AA7FF; font-size:14px; margin:0 auto; text-align:center; font-weight:400;}
.bjsze .hover .WebsiteName{color:#0AA7FF;}

.bjsze .hover .WebsitePrice{color:#FFF; background-color:#0AA7FF;}

/*.WebsitePrice a:hover{color:#FFF; background-color:#0AA7FF;}*/

#websitePageContent{height:300px; margin-top:30px;}
#websitePageContent .areaL, #websitePageContent .areaM, #websitePageContent .areaR{height:300px;}
#websitePageContent .areaL #fimg{border:1px solid #DDD; border-radius:100px; overflow:hidden; margin-bottom:20px; width:180px; height:180px; line-height:180px; float:left; }
#websitePageContent .areaL #fimg img{display: inline-block; vertical-align: middle;}
#websitePageContent .areaL #com { line-height:25px; height:35px}
#websitePageContent .areaL #com span{ float:left;}
#websitePageContent .areaL #com div#img{ float:left; height:25px; overflow:hidden;}
#websitePageContent .areaL #com div#details{ font-size:12px;}

#websitePageContent .areaM #title{ color:#000; font-weight:700; font-size:26px; line-height:40px; border-bottom:1px dotted #CCC; height:60px;}
#websitePageContent .areaM #title #price{ color:#000; font-weight:700; float:right; margin-right:60px; color:#e4393c;}
#websitePageContent .areaM #qk{ color:#000; font-size:14px; line-height:20px; border-bottom:1px dotted #CCC; margin:20px 0; height:100px;}
#websitePageContent .areaM #qk .as{ width:50%; float:left; height:30px; text-indent:12px;}
#websitePageContent .areaM #qk .as a{color:#0AA7FF;}
#websitePageContent .areaM #qk .as span{ width:80px; font-weight:700; display:block; float:left; color:#333}
#websitePageContent .areaM #pj .ts{ height:30px; line-height:30px; font-size:14px;}
#websitePageContent .areaM #pj .ts span{ color:#C63}
#websitePageContent .areaR .button{ float:right; width:150px; margin-left:100px; height:40px; margin-bottom:10px; text-align:center; background-color:#0AA7FF; color:#FFF; font-size:14px; line-height:40px;}


#websitePageContent .areaR .button{ float:right; width:150px; margin-left:100px; height:40px; margin-bottom:10px; text-align:center; background-color:#0AA7FF; color:#FFF; font-size:14px; line-height:40px;}

.WPDL{width:900px; float:left;}
.WPDR{width:260px; float:right;}
.WPDR #recommend i{width:230px; height:45px; line-height:45px; color:#333; float: left; padding:0 15px; font-size:16px; border-bottom:1px solid #DDD; font-style: normal; font-weight:700;}
.WPDR #recommend ul li{}

h5{ font-size:16px; line-height:45px; height:55px; text-align:left; text-indent:10px; margin:20px 0px 20px 16px; color:#0AA7FF; border-bottom:1px solid #DDD;  font-weight:normal;}
h5 i{width:5px; height:5px; margin-top:21px;  background-color:#0AA7FF; display:block; float:left;}
#websitePageDetail {}
#websitePageDetail #title{height:45px; margin-bottom:20px; border-bottom:1px solid #DDD; color:#666; font-size:14px; line-height:42px;overflow:hidden;}
#websitePageDetail #title h4{ float: left; padding:0 16px; font-size:16px; border-right:1px solid #DDD;}
#websitePageDetail #title h4.on{border-top:3px solid #0AA7FF;}
#websitePageDetail #detail { font-size:14px;}

#websitePageDetail #detail .as{ width:31%; float:left; line-height:40px; padding-left:2%;  font-size:14px;}
#websitePageDetail #detail #bz.as{ width:100%;}
#websitePageDetail #detail .as span{float:left; color:#333; font-weight:600;}
#websitePageDetail #detail #step{ width:100%; height:60px;}
#websitePageDetail #detail #step div{ width:125px; margin:10px 30px 20px 30px; float:left; border:1px solid #CCC; border-radius:30px; font-size:14px; line-height:50px; padding:0 15px;}
#websitePageDetail #question ul{width:100%;}
#websitePageDetail #question ul li{width:23%; float:left;}
#websitePageDetail #question ul li.q{padding:0 1%; margin-bottom:30px;}
#websitePageDetail #question ul li p{width:90%; line-height:28px; font-size:14px;}
#websitePageDetail #question ul li p.qCon{ color:#0AA7FF; line-height:45px; padding-bottom:5px;}
.recWebLogo{width:150px; height:150px; text-align: center; line-height:160px;}
.recWebLogo img{display: inline-block; vertical-align: middle;}
.recWebCon{width:180px; margin:0 auto; font-size:16px; padding:15px 0; line-height:24px;}
.recWebCon .anli{font-size:14px; color:#999;}
.recWebCon span{float:right; color:#e4393c; font-size:20px; font-weight:700;}


.h80{height:80px;}
.h120{height:120px;}
.h160{height:160px;}

.ArticalList .ArticalListArea{font-size:14px; margin-top:6px;}
.ArticalList .ArticalListArea #ArticalSearch{width:1198px; border:1px solid #EEE;}
.ArticalList .ArticalListArea .mediaCategory{width:1198px; float:left; border-bottom:1px solid #EEE;}
.ArticalList .ArticalListArea .mediaCategory .typeTitle{width:80px; height:40px; padding-left:20px; line-height:40px; float:left; margin-right:20px; color:#666;}
.ArticalList .ArticalListArea .h120 .typeTitle{height:120px;}
.ArticalList .ArticalListArea .mediaCategory .typeInfo{width:1070px; height:40px; line-height:40px; float:right;}
.ArticalList .ArticalListArea .mediaCategory .typeInfo ul li{margin-right:10px; float:left;}
.ArticalList .ArticalListArea .mediaCategory .typeInfo ul li a{color:#3c8dbc; padding:3px 7px;}
.ArticalList .ArticalListArea .mediaCategory .typeInfo ul li a:hover{color:#FFF; background-color:#0AA7FF;}
.ArticalList .ArticalListArea .mediaCategory .typeInfo ul li a.special{color:#FFF; background-color:#0AA7FF;}

.ArticalList .ArticalListArea #ArticalResult{width:1198px; margin-top:10px;}
.ArticalList .ArticalListArea #ArticalResult .Articaltable{width:1200px; padding-left:10px; padding-right:10px; float:left; font-size:14px; border:1px solid #EEE;}
.ArticalList .ArticalListArea #ArticalResult .Articaltable tr th{font-size:14px; height:50px; border-bottom:1px solid #EEE; font-weight:normal;}
.ArticalList .ArticalListArea #ArticalResult .Articaltable tr td{font-size:12px; height:80px; border-bottom:1px solid #EEE;}

.ArticalList .ArticalListArea #ArticalResult .Articaltable tr td.weblogo{width:90px; height:90px; margin-right:15px; position:relative;}


#Content{margin-top:20px;}
#Content #ContentArea{width:1150px; min-height:550px; border:2px solid #EEE; padding:25px;}
#Content #ContentArea #title{text-align:center; font-size:32px; line-height:60px;}
#Content #ContentArea #article{padding:0 100px; margin-top:16px; font-size:18px; line-height:35px; color:#404040;}
#Content #ContentArea #article p{margin-top:30px;}
#Content #ContentArea #article p img{margin-bottom:30px;}

#Footer{height:240px; margin-top:15px; background-color:#EEE; position:relative; float:left;  z-index:0; color:#333;}
#Footer #FooterArea{margin-top:45px;}
#Footer #FooterArea #FooterL{width:220px; float:left;}
#Footer #FooterArea #FooterL p{width:220px;}
#Footer #FooterArea #FooterL p.b{width:220px; font-size:22px; float:left; letter-spacing:1px; line-height:40px; margin-top:13px;}
#Footer #FooterArea #FooterL p.t{width:220px; font-size:18px; float:left;}
#Footer #FooterArea #FooterL p a{width:100px; height:30px; line-height:30px; text-align:center; background-color:#0AA7FF; border-radius:15px; margin-top:25px; display:inline-block; color:#FFF;}
#Footer #FooterArea #FooterR{width:980px; float:left;}
#Footer #FooterArea #FooterR ul{width:100px; margin-left:40px; float:left;}
#Footer #FooterArea #FooterR ul li{width:100px; line-height:30px; font-size:14px; color:#999;}
#Footer #FooterArea #FooterR ul li.tit{font-size:18px; margin-bottom:10px; color:#333;}
#Footer #FooterArea #FooterR ul li a{ color:#999;}
#Footer #FooterArea #FooterR ul li a:hover{color:#0AA7FF; }
#Footer #FooterArea #FooterR ul li.tit a{color:#333;}
#Footer #FooterArea #FooterR ul li.tit a:hover{color:#0AA7FF; }
#Footer #FooterArea p a:hover{color:#3cb4f9;}
#Copyrighter{ background-color:#666666; text-align:center; height:25px; line-height:25px;}
#Copyrighter #CopyrighterArea{ text-align:center;color: #333}