html,body{ height:100%; }

/****index***/
.index-banner{ height:100%; width:100%; text-align:center; }
.index-banner h1{ padding-top:8%; padding-bottom:6%; }
.index-banner h2{ padding-bottom:6%; }
.index-banner a{ display:inline-block; color:#fff;}
.index-banner p{ width:200px; text-align:left; margin:0 auto; margin-bottom:4%; font-size:18px; color:#fff; }
.index-banner .index-banner-link{ cursor:pointer; width:51px; height:51px; -moz-border-radius: 51px; -webkit-border-radius: 51px; border-radius: 51px;}

/**********************header***************************************/
#header{ z-index:999; width:100%; height:80px; background-color:#fff;box-shadow: 0 1px 3px #226bb0; }
#header a:hover{ text-decoration:none; }
#header h2{ margin-top:8px; }
#header h2 a{ display:inline-block; }
#header ul{ margin-right:20px; }
#header ul li{ float:left; height:80px; line-height:80px; }
#header ul li.on{ }
#header ul li a{ display:inline-block; padding:0 14px; font-size:18px; color:#555; }
#header ul li a:hover{ background-color:#f9f9f9; }
#header ul li.on a{ color:#226bb0; }
#header .head-member{ position:relative; width:135px; height:80px; background-color:#f9f9f9; text-align:center; }
#header .head-member .head-member-status{ display:inline-block; width:100%; height:80px; line-height:80px; font-size:18px; color:#aaa; }
#header .head-member .head-member-status img{ vertical-align: text-top; margin-right:5px; width:27px; height:27px;-moz-border-radius: 27px; -webkit-border-radius: 27px; border-radius: 27px; }
#header .head-member dl{ display:none; background-color:#fff;box-shadow: 0 1px 3px #999; }
#header .head-member dl a{ display:inline-block; width:100%; height:40px; line-height:40px; border-bottom:1px dashed #ddd; }
#header .head-member dl a:hover{ background-color:#f0f0f0; }


/***************************************************************/
.index-focus{ width:100%; height:580px; background-color:#387fc2; color:#fff; line-height:1; }
.index-focus a{ color:#fff; }
.index-focus a:hover{ text-decoration:none; }
.index-focus .wrap{}
.index-focus .index-focus-con{ width:100%; height:320px; overflow:hidden; padding-top:130px; }
.index-focus .index-focus-con .fr{ width:450px; }
.index-focus .index-focus-con h2{ font-size:60px; }
.index-focus .index-focus-con p{ margin:65px 0; font-size:22px; line-height:2; }
.index-focus .index-focus-con a{ float:right; margin-right:30px; display:inline-block; width:123px; height:40px; line-height:40px; border:1px solid #fff; font-size:20px; text-align:center; }
.index-focus .index-focus-tab{ width:80px; margin:90px auto 0; }
.index-focus .index-focus-tab li{ float:left; margin-right:10px; width:8px; height:8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; text-indent:-999em; border:1px solid #fff; cursor:pointer; }
.index-focus .index-focus-tab li.on{ background-color:#fff; }
.index-focus a.prev,.index-focus a.next{ position:absolute; top:260px; font-size:64px; font-family: 'Arizonia', 'cursive'; }
.index-focus a.prev{ left:-60px; }
.index-focus a.next{ right:-60px; }


/***************************************************************/
.hd{ width:610px; height:50px; margin:0 auto 45px; font-size:38px; text-align:center;}
.index-plugins .hd{ background-position:0 0; }
.index-news .hd{ background-position:0 -50px; }
.index-case .hd{ background-position:0 -100px; }
.more{ font-size:18px; color:#226bb0; text-align:center; display:block; margin-top:18px; }

.index-plugins{ padding:60px 0; }
.index-plugins ul{ font-size: 0; text-align: justify; /*for IE*/ text-justify: distribute-all-lines; zoom:1;}
.index-plugins ul::after{ content: ""; display: inline-block; width: 100%;}
.index-plugins li{ display: inline-block; width:185px; font-size: 12px; /*IE6 7*/ *display: inline; zoom:1;}
.index-plugins li h2{ line-height:1; margin-bottom:15px; }
.index-plugins li a{ display:inline-block; width:100%; overflow:hidden; font-size:18px; text-align:center; }
.index-plugins li p{ margin-top:10px; height:72px; width:100%; overflow:hidden; font-size:14px; color:#7d7d7d; line-height:24px; }

.index-news{ padding:60px 0; background-color:#f9f9f9; }
.index-news ul{ font-size: 0; text-align: justify; /*for IE*/ text-justify: distribute-all-lines; zoom:1;}
.index-news li{ margin-bottom:40px; display: inline-block; width:450px; font-size: 12px; /*IE6 7*/ *display: inline; zoom:1;}
.index-news li h2{ width:100%; font-size:18px; line-height:34px; height:34px; overflow:hidden; }
.index-news li h2 i{ float:left; display:inline-block; width:34px; height:34px; }
.index-news li h2 a{ float:left; width:416px; height:34px; overflow:hidden; display:inline-block; }
.index-news li p{ margin-left:34px; margin-bottom:5px; width:416px; height:96px; overflow:hidden; line-height:24px; font-size:14px;color:#777; }
.index-news li p i{ position:absolute; display:inline-block; width:24px; height:24px; }
.index-news li span{ margin-left:34px; font-size:14px; color:#777; }

.index-case{ padding:60px 0; }
.index-case ul{ font-size: 0; text-align: justify; /*for IE*/ text-justify: distribute-all-lines; zoom:1;}
.index-case ul::after{ content: ""; display: inline-block; width: 100%;}
.index-case li{ margin-bottom:20px; display: inline-block; width:230px; font-size: 12px; /*IE6 7*/ *display: inline; zoom:1;}
.index-case li img{ border:1px solid #e5e5e5;filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter:grayscale(1); }
.index-buy{ padding:60px 0; background-color:#e5e5e5;}
.pro_buy{background-color: #fff; font-size:16px;}
.pro_buy tr td {
    border: 1px solid #e0e0e0;
    width: 25%;
    line-height: 55px;
}
.pro_buy tr td img {
    vertical-align: middle;
}
.pro_buy tr td strong {
    color: #EF2A0F;
}
.pro_buy .pro_list {
    line-height:25px;
}
.index-yaoqiu{ padding:70px 0;}
.index-yaoqiu p{font-size:16px; line-height:34px;}
.index-yaoqiu strong{color: #EF2A0F;}
.index-yaoqiu b{color: green;}
.index-ad{ height:100%; width:100%; text-align:center; }
.index-ad img{width:100%;}
.index-link{padding:15px;}
.index-link a{ margin-right:15px;}
.index-ad{width:100%; text-align:center; }
.index-ad2 img{width:100%;}
/**********************footer***************************************/
#footer{padding:15px;line-height:20px; background-color:#333; color:#ccc; text-align:center}
#footer a{color:#ccc;}

.hd2{ font-size:14px; padding:10px; border-bottom:2px solid #ccc;}
.list1 ul li{float:left; padding:15px;border-bottom: 1px dashed #ddd; clear:both; width:950px;}
.list1 .left_pic,.list1 .left_pic a,.list1 .left_pic img{ width:120px; height:120px; float:left;}
.list1 .right_list{ padding-left:10px;float:left;}
.list1 .right_list h3{ line-height:40px;}