﻿@charset "utf-8";
/* 
* Author:lin xiao dong (1071322670@qq.com)
*/

/*首页-banner样式*/
.idx-hero{}


/*免费*/
.idx-topmes{ background-color:#fff; text-align:center;}
.idx-topmes-section{ font-size:16px; margin:0px auto; padding:30px 0px 20px 0px; width:1200px;}
.idx-topmes h2{ font-size:36px; padding:0px 0px 5px 0px; }
.idx-topmes h3{ color:#41484e; font-size:20px; font-weight:normal; padding:0px 0px 5px 0px;}
.idx-topmes h4{ font-size:18px;}
.idx-topmes p.less{color:#888; }
.idx-topmes p.less:hover{ color:#333;}
.idx-topmes span.less{ color:#888; font-size:14px; }


/*主推*/
.idx-topmess{ background-color:#fff;}
.idx-topmess-section{ font-size:16px; margin:0px auto; padding:50px 0px 50px 0px; width:1200px;}
.idx-topmess .title{ font-size:32px; text-align:center; padding:0px 0px 5px 0px; }
.idx-topmess .title h1{ display:inline; font-size:32px; font-weight:normal; }
.idx-topmess h2{ color:#41484e; font-size:18px; font-weight:normal; text-align:center;}
.idx-topmess h3{ color:#41484e; font-size:18px; font-weight:normal; text-align:center; padding:10px 0px; }
.idx-topmess strong{ font-weight:normal; font-size:24px; color:#fc0000;}
.idx-topmess strong:hover{ color:#3178cc;}

/*为什么选择*/
.idx-feature{ background-color:#fafafa; }
.idx-feature-section{ margin:0px auto; padding:50px 0px 60px 0px; width:1200px; zoom:1; overflow:auto;}
.idx-feature h2{ font-size:32px; font-weight:normal; height:24px; line-height:24px; padding:25px 0px 25px 0px; text-align:center;}
.idx-feature h3{ color:#339b00; font-size:20px; font-weight:normal; height:24px; line-height:24px; padding:5px 0px 60px 0px; text-align:center;}
.idx-feature h3:hover{ color:#ff6600; }
.idx-feature ul{ font-size:16px; zoom:1; overflow:auto;}
.idx-feature ul li{ color:#666; float:left; width:25%; text-align:center;}
.idx-feature ul img{ height:100px; width:100px;}
.idx-feature ul h4{ color:#333; font-size:22px; font-weight:normal; padding:15px 0px 5px 0px;}

.text-more{ font-size:20px; text-align:center; padding:50px 0px 0px 0px;}
.text-more a{ text-decoration:underline;}


/*多设备*/
.idx-device{ background-color:#fff; margin:0px auto 100px auto; padding:50px 0px 0px 0px; width:1200px; text-align:center;}
.idx-device .title{ font-size:32px; font-weight:normal; padding:0px 0px 10px 0px;}
.idx-device .subtitle{ color:#41484e; font-size:20px; line-height:200%;}
.idx-device-img{ margin:20px 0px;}
.idx-device-desc{ background:#fafafa; border:1px dashed #ccc; border-radius:20px; font-size:18px; padding:10px;}


/*案例*/
.ow-idx-case{ background:#fafafa; padding:50px 0px;}
.ow-idx-case h2{ font-size:30px; font-weight:normal; padding:0px 0px 20px 0px; text-align:center;}
.ow-idx-case .section{ position:relative; }
.ow-idx-case .section .case-wrapper{ height:230px; overflow:hidden; position:relative; top:0px; left:0px; width:1200px; }
.ow-idx-case .section ul.caselist{ height:220px; padding:5px 0px; overflow:hidden; position:absolute; left:0px; top:0px; width:1200px; z-index:1;}
.ow-idx-case .section ul.caselist li{ float:left; margin:0px 10px 0px 3px; width:228px; position:relative; vertical-align:top; -webkit-box-shadow:0px 0px 2px 1px rgba(0,0,0,0.1); -moz-box-shadow:0px 0px 2px 1px rgba(0,0,0,0.1); box-shadow:0px 0px 2px 1px rgba(0,0,0,0.1);}
.ow-idx-case .section ul.caselist .thumb{ background-color:#eee; height:140px; width:228px; text-align:center; overflow:hidden;}
.ow-idx-case .section ul.caselist .thumb img{ height:140px; width:228px;}
.ow-idx-case .section ul.caselist .info{ background-color:#fff; height:48px; padding:15px 15px 15px 15px; }
.ow-idx-case .section ul.caselist .info .title{ font-size:16px; font-weight:normal; height:24px; line-height:24px; overflow:hidden;}
.ow-idx-case .section ul.caselist .info .cate{ color:#999; font-size:14px; height:24px; line-height:24px; overflow:hidden;}
.ow-idx-case .section ul.caselist a{ display:block;}
.ow-idx-case .section ul.caselist a:visited{}
.ow-idx-case .section ul.caselist a:hover{ color:#c60000; text-decoration:none; }
.ow-idx-case .section ul.caselist a:hover .title{ color:#c60000;}
.ow-idx-case .section ul.caselist a:hover .thumb img{ transform:scale(1.06,1.06); transition-duration:500ms; transition-timing-function:ease-out; }
.ow-idx-case .prev{ background:url("../images/pic-player-pre-next.png") 0px 0px no-repeat; position:absolute; z-index:2; height:40px; width:32px; left:-60px; top:110px; cursor:pointer;}
.ow-idx-case .prev:hover{ background-position:0px -40px;}
.ow-idx-case .next{ background:url("../images/pic-player-pre-next.png") -32px 0px no-repeat; position:absolute; z-index:2; height:40px; width:32px; right:-60px; top:110px; cursor:pointer;}
.ow-idx-case .next:hover{ background-position:-32px -40px;}
.ow-idx-case .ow-idx-more{ margin-top:20px; text-align:center;}
.ow-idx-case .ow-idx-more a{ color:#666;}

/*新闻*/
.idx-news{ background-color:#fff;}
.idx-news-section{ margin:0px auto; padding:50px 0px; width:1208px;}
.idx-news .header{ padding:0px 0px 40px 0px; text-align:center;}
.idx-news .header .title{ color:#333; font-size:36px; font-weight:normal;}
.idx-news .header .subtitle{ color:#666; display:none; font-size:16px; padding:30px 0px 0px 0px;}
.idx-news .header .summary{ color:#666; font-size:14px;}
.idx-news .section{ padding:4px 4px; zoom:1; overflow:auto;}
.idx-news .section .news-section{ background-color:#fff; -webkit-box-shadow:0px 0px 2px 1px rgba(0,0,0,0.1); -moz-box-shadow:0px 0px 2px 1px rgba(0,0,0,0.1); box-shadow:0px 0px 2px 1px rgba(0,0,0,0.1); float:left; margin-right:26px; min-height:200px; width:280px; padding:0px 0px 5px 0px; }
.idx-news .section .news-section:hover{ -webkit-box-shadow:0px 0px 2px 1px rgba(0,0,0,0.3); -moz-box-shadow:0px 0px 2px 1px rgba(0,0,0,0.3); box-shadow:0px 0px 2px 1px rgba(0,0,0,0.3); }
.idx-news .section .news-section-4{ margin-right:0px;}
.idx-news .section h2{ border-bottom:1px dotted #ddd; font-size:20px; font-weight:normal; padding:5px 0px 5px 15px;}
.idx-news .section ul{ zoom:1; overflow:auto;}
.idx-news .section ul li{ background:#fff; border-bottom:0px solid #eee; border-top:none; font-size:16px; font-weight:normal;}
.idx-news .section ul li a{ color:#888; display:block;}
.idx-news .section ul li .title{ font-size:13px; font-weight:normal; line-height:20px; padding:5px 15px; vertical-align:middle; overflow:hidden;}
.idx-news .section ul li.li1{ margin:10px 0px 0px 0px;}
.idx-news .section ul li.first{ height:130px; margin:0px; overflow:hidden; }
.idx-news .section ul li.first a{ height:120px; position:relative; padding:0px;}
.idx-news .section ul li.first .thumb{ height:120px; width:100%; overflow:hidden; vertical-align:middle;}
.idx-news .section ul li.first .thumb img{ float:none; min-height:120px; width:100%;}
.idx-news .section ul li.first .title{ background-color:rgba(0,0,0,0.5); color:#fff; font-size:15px; font-weight:bold; height:auto; width:100%; padding:10px 0px; position:absolute; bottom:0px;}
.idx-news .section ul li.first .title span{ display:block; padding:0px 10px; }
.idx-news .section ul li .datetime{ color:#aaa; font-size:11px; padding-left:8px;}
.idx-news .section .moreline{ padding:5px 15px 0px 15px; text-align:center;}
.idx-news .section a.more{ color:#888; display:inline-block; font-size:12px;}
.idx-news .section a.more:visited{ color:#888;}
.idx-news .section a.more:hover{ color:#0078c9; text-decoration:none;}
.idx-news .section ul li a:hover{ color:#c60000; text-decoration:none;}

/*为什么选择*/
.idx-start{ background-color:#fafafa; border-bottom:1px solid #eee; }
.idx-start-section{ margin:0px auto; padding:50px 0px 80px 0px; width:1200px; zoom:1; overflow:auto;}
.idx-start .header{ font-size:20px; text-align:center;}
.idx-start .header h2{ font-size:32px; font-weight:normal;}
.idx-start .downline{ text-align:center; padding:20px 0px 0px 0px;}
.idx-start .download{ background:#3e5e9c; color:#fff; display:inline-block; font-size:20px; padding:10px 52px;}
.idx-start .download,
.idx-start .download:visited{ color:#fff;}
.idx-start .download:hover{ background-color:#4f6da7; text-decoration:none; }
.idx-start .download i{ font-size:16px; margin:0px 10px 0px 0px;}

/*我要建站*/
.idx-build-shop{ background-color:#3178cc; height:220px;}
.idx-build-shop:hover{ background-color:#2c6ab0;}
.idx-build-shop .section{ color:#fff; margin:0px auto; padding:40px 0px; width:1200px;}
.idx-build-shop .build-icon{ background:url("../images/build-icon.png") 0px 0px no-repeat; height:115px; width:86px;}
.idx-build-shop .build-text{ padding:0px 60px 0px 30px; width:800px; }
.idx-build-shop .build-h2{ border-bottom:1px solid #5a94d6; font-size:22px; padding:10px 0px;}
.idx-build-shop .build-h3{ color:#d6e4f5; font-size:16px; padding:10px 0px;}

/*功能*/
.idx-function{ background:#3178cc url("../images/section_bg#.jpg") center center repeat; padding:50px 0px 50px 0px;}
.idx-function-section{ margin:0px auto; padding:0px 0px; width:1200px;}
.idx-function .header{ color:#fff; text-align:center;}
.idx-function .header .title{ font-size:36px;}
.idx-function .header .subtitle{ font-size:20px;}
.idx-function .section{}
.idx-function .section ul{ padding:20px 0px 10px 0px; zoom:1; overflow:auto; }
.idx-function .section ul li{ border:0px solid #eee; color:#fff; float:left; padding:20px 0px; width:12.5%; text-align:center;}
.idx-function .section ul li i{ border:1px solid #fff; color:#fff; display:inline-block; font-size:16px; font-style:normal; font-weight:bold; height:60px; line-height:60px; width:60px; text-align:center; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; overflow:hidden; vertical-align:top;}
.idx-function .section ul li span{ display:block; font-size:18px; padding:10px 0px 0px 0px;}
.idx-function .section ul li:hover{ background-color:#1c5aa0; color:#fff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.idx-function .section ul li:hover i{ border:1px solid #fff; color:#fff; }

/*友情链接*/
.ow-flinks { border-top:1px solid #393a42; display:none; font-size:12px; line-height:24px; margin:0px auto; padding:15px 0px; width:1200px;}
.ow-flinks span{ margin-right:12px;}
.ow-flinks a{ margin:0px 12px 0px 0px; white-space:nowrap;}
.ow-flinks a,
.ow-flinks a:visited{ color:#a8aaba;}
.ow-flinks a:hover { color:#c60000; text-decoration:none;}
