﻿.banner{ position: relative; width:100%; height: 500px; background: #f8f8f8;}
.banner-img{ width: 100%; height:410px; overflow:hidden;}
.banner-img li{ height:410px; width:100%; position:absolute;}
.banner-img li a{ display: block; width:100%; height: 100%;}
.num{ overflow:hidden;}
.banner-thumbnail{ height:76px; width: 1200px; margin:0 auto; padding:2px 0 1px; position:relative;}
.banner-thumbnail img{ width:254px; height:56px; border:1px solid #e6e6e6; cursor:pointer; opacity:0.5; filter:alpha(opacity=50);}
.banner-thumbnail img:hover{ opacity:1; filter:alpha(opacity=100);}
.banner-thumbnail li.currently img{ border-color:#e6e6e6; opacity:1;}
.banner-thumbnail-box{ width:1086px; overflow:hidden; margin:14px auto 0; height:56px; position:relative;*padding-top:15px;}
.banner-thumbnail-box li{ float:left; width:276px; height:58px;}
#small_pic{position:absolute;}
.banner-thumbnail .btn, .banner .btn { width:20px; height:36px; display:block; background-image:url(img/sprite.png); background-repeat:no-repeat; position:absolute; top:26px; text-indent:-9999em;}
.banner .tit-ban {position: absolute;bottom: 100px;left: 50%;width: 150px;height: 8px;margin-left: -75px;text-align: center;font-size: 0px;z-index: 999;}
.banner .tit-ban span {display: inline-block;width: 8px;height: 8px;-webkit-border-radius: 50%;border-radius: 50%;background-color: #3e546b;margin: 0 9px;}
.banner .tit-ban .b-c-white {background-color: #fff;}
.banner-defense {width: 1200px;height: 90px;margin: 0 auto;}
.banner-defense .defense-attack {float: left;width: 50%;height: 90px;line-height: 80px;font-size: 16px;color: #888888;text-align: center;}
.banner-defense .defense-attack .clr-yellow {font-size: 32px;margin:0 3px; color: #f4c328;}
.banner-defense .defense-attack .icon {display: inline-block;width: 18px;height: 18px;vertical-align: middle;margin-right: 5px;}
.banner-defense .defense-attack .attack-icon {
    background: url('img/sprite.png') -450px 0 no-repeat;}
.banner-defense .defense-attack .flow-icon {
    background: url('img/sprite.png') -470px 0 no-repeat;}
.banner-thumbnail .prev, .banner .prev { background-position:0 -25px; left: 0;}
.banner-thumbnail .next, .banner .next {right:0; background-position:-20px -25px;}
.banner .prev { background-position:0 -25px; left: 30px; top: 180px; z-index: 999;}
.banner .next {right:30px; background-position:-20px -25px; top: 180px; z-index: 999;}
.thumbnail-cur{width:256px; height:56px; position:absolute; z-index:111; }

.dns{font-size: 16px; color: #9a9a9a; line-height: 30px; text-align: center; overflow:hidden;}
.dns h2{ font-size: 30px; color: #4d4d4d; line-height: 45px;}
.introduce{ padding-top: 75px; }
.introduce ul{ overflow: hidden; text-align: left; padding: 74px 0 57px;}
.introduce li{ width:340px; height: 110px; border-left:1px solid #e3e3e3; float: left; margin-left: -1px; display: inline; padding-left:30px; padding-right:30px;}
.introduce .img{ float: left; padding-right: 18px; height: 110px;}
.introduce img{ margin-top: 5px;}
.introduce .orange{ color: #f4ad29;}
.introduce p{ line-height: 25px;}
.introduce .p1{ font-size: 12px;}
.introduce strong{ font-size: 48px; color: #4c4c4c; line-height: 52px; font-weight: normal; padding-right: 5px;}
.introduce .open{ display: inline-block; width:122px; height: 40px; border-radius:50px; text-align: center; line-height: 40px; background: #f4c329; color: #fff;}
.size{ font-size:12px;}

.solution{ padding-top: 135px;}
.solution ul{ padding-top: 70px; text-align: left;}
.solution li{ height: 355px; width: 362px; padding-left: 238px; float: left;}
.solution .li1{ background: url(img/solution_li1.png) no-repeat 0 0;}
.solution .li2{ background: url(img/solution_li2.png) no-repeat 32px 24px;}
.solution .li3{ background: url(img/solution_li3.png) no-repeat 27px 10px;}
.solution .li4{ background: url(img/solution_li4.png) no-repeat 54px 22px;}
.solution h3{ font-size: 22px; color: #4c4c4c; padding:18px 0 10px;}
.solution .btn{ display: block; width:120px; height: 38px; border:1px solid #f4c329; border-radius:50px; background: #fff; color: #f4c128; text-align: center; line-height: 38px; margin-top: 15px;}
.solution .disabled{ border-color: #9a9a9a; color: #9a9a9a; cursor:default;}

.ui-news{ padding-top: 55px; color: #4d4d4d; font-size: 14px; overflow: hidden;}
.ui-news dt{ font-size: 26px; padding-bottom: 22px;border-bottom: 1px solid #d6d6d6; position: relative;}
.ui-news dd a{ float: left;  white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #4d4d4d; text-align: left;}
.ui-news dd{ padding:10px 0; text-align: right; color: #9a9a9a; overflow: hidden;}
.ui-news li{ overflow: hidden; padding-top: 20px;}
.ui-news .more{ color: #b1b1b1; position: absolute; right: 0; top:8px; font-size: 14px;}
.notice{ float: left; width:388px; padding-right: 56px;}
.notice dd a{width:265px;}
.news{ float: left; width: 756px;}
.news ul{ overflow: hidden; margin-left: -87px;}
.news li{ float: left; width:334px; margin-left:87px; display: inline;} 
.news dd a{width:212px;}
.partners{ padding: 75px 0; overflow: hidden;}
.partners h2{ font-size: 32px; color: #4d4d4d; padding-bottom: 30px; text-align: center;}
.partners ul{ overflow: hidden; margin-left: -17px;}
.partners li{ float: left; width:183px; height: 71px; text-align:center; line-height: 71px; border:1px solid #e4e4e4; background: #fff; margin:0 0 17px 17px; display: inline;}
/*友情链接*/
.links{ width:100%; border-bottom: 1px solid #483c35; padding: 15px 0; background: #3a302a;}
.links dl{ width:1200px; margin:0 auto; overflow: hidden;}
.links dt{ float: left; padding:0px 10px 0 0;color: #71645d; height: 33px; line-height: 30px;}
.links dd{ float: left; width:1115px; line-height: 30px;}
.links dd a{ display: inline-block; color: #71645d; vertical-align: middle;float: left;margin-right: 5px;}
.links dd b{ display: inline-block; width:2px; height: 13px; background: #71645d; margin:0 10px; vertical-align: middle;}

.setdns-pw{width:450px;height:500px;margin:0 auto;padding:90px 0 670px 750px;background:none}
.setdns-pw .frame{width:313px;height:380px;padding-left:27px;border:2px solid #e2e3e7;background-color:#fafafa;-webkit-border-radius:5px;border-radius:5px}
.setdns-pw .frame .user-name{padding:43px 0 10px;font-size:24px;color:#e5a32d}
.setdns-pw .frame .my-user{line-height:36px;margin-top:20px;font-size:16px;color:#4c4c4c}
.setdns-pw .frame .my-user label{display:inline-block;width:70px}
.setdns-pw .frame .my-user input[type="password"]{display:inline-block;width:200px;height:34px;padding-left:5px;border:1px solid #e2e3e7}
.setdns-pw .frame .my-user em{display:inline-block;width:200px;padding-left:10px}
.setdns-pw .frame .user-error{display:none;line-height:25px;margin-bottom:15px;font-size:12px;color:#fe2d32}
.setdns-pw .frame .user-affirm-off{width:281px;height:35px;margin-top:15px}
.setdns-pw .frame .user-affirm-off .user-affirm,.setdns-pw .frame .user-affirm-off .user-off{float:left;width:125px;height:35px;background-color:#f6cc58;line-height:35px;border:0;text-align:center;color:#fff;-webkit-border-radius:4px;border-radius:4px}
.setdns-pw .frame .user-affirm-off .user-off{float:right}
.setdns-pw .frame .setdns-cerify{font-size:12px;color:#fe2d32;line-height:25px;padding-left:76px}
.setdns-pw .frame .forget-password{width:285px;height:25px}
.setdns-pw .frame .forget-password a{float:right;font-size:14px;color:#f6cc58}













