/*body*/
body{font-size: 14px; color: #333; background-color: #f5f5f5; margin:0; padding:0; font-family:"Hiragino Sans GB","Helvetica Neue",Helvetica,Arial,Verdana,"Microsoft Yahei",sans-serif;}

/*other*/
*{padding:0px;margin: 0px}
p{ margin:0; padding:0;}
a{text-decoration:none;}
li{ list-style: none;}
h1{margin:0;height:48px;font-size:20px;line-height:48px;text-align:center;color:#333;}
/*banner*/
.hk .banner-bg{ width: 100%; height: 450px;  background: url('../images/hk_banner.jpg');}
.hk .banner-bg .pic{ position: relative; top: 0;}
.hk .banner-bg img { width:auto;  height: 100%; }
.hk .banner_text{ margin-top: 0;padding-top: 150px; z-index: 10; }

/*Our advantage*/
.servers.ys .list-box{height:130px;background-color: #3caeed; border-right: 1px solid #fff; border-bottom: 1px solid #fff; padding: 20px 0px;}
.servers.ys .list-title{ text-align: center; color:#fff;}
.servers.ys .list-content { padding: 15px 0px; width: 100%; color:#fff;}
.servers.ys .list-content p{ width: 70%; margin: 0px auto; text-align: center; color: #fff; font-size: 12px;}

/*Our products*/
.servers.cp ul{background: #fff;}
.servers.cp li {padding: 0px;margin: 0px;}
.servers.cp ul li a{height: 68px;font-size: 20px;line-height: 48px;text-align: center;color: #333;}
.servers.cp ul li.active a{color:#fff; }
.nav-pills>li.active>a,.nav-pills>li.active>a:focus{color: #fff;background-color: #3caeed !important;border-radius:0;}

.nav-pills>li>a:hover,.nav-pills>li>a:focus{border-bottom:0;}

.servers.cp .nav-pills li a:hover{box-shadow:0px 0px 20px 2px #e2e2e2;}
.servers.cp .main {margin-top: 10px;}
.servers.cp .main ul{background: #f5f5f5;}
.servers.cp .main ul li{display: inline-block;}
.servers.cp .main ul li:hover{box-shadow:1px 1px 15px #e2e2e2;}
.servers.cp .main ul li .product-box{width: 97%; height: auto; background: #fff; margin:4px; text-align: center;color: #333;border:1px solid #ddd; border-radius: 4px;}
.servers.cp .main ul li .product-box .product-title{background: #fe0000; border-radius: 4px; width: 90%; margin: 0px auto;}
.servers.cp .main ul li .product-box .product-title h1{color:#fff; font-size: 18px; line-height: 70px;}
.servers.cp .main ul li .product-box .product-title h4{color:#fff; font-size: 18px; line-height: 70px;margin:20px 0;}
.servers.cp .main ul li .product-box .product-title b{color:#fff; font-size: 30px;line-height: 70px;}
.servers.cp .main ul li .product-box .product-title strong{color:#fff; font-size: 30px;line-height: 70px;}
.servers.cp .main ul li .product-box .product-context {width: 90%;height: auto; margin: 0px auto;}
.servers.cp .main ul li .product-box .product-context .product-context-row strong{text-align: left; font-weight: 400;}
.servers.cp .main ul li .product-box .product-context .product-context-row{width: 100%;height: 40px; display: inline-block;  font-size: 14px;color:#333;line-height: 40px; text-align: left; padding-left: 5px;}
.servers.cp .main ul li .product-box .product-btn {width: 90%;height: 50px; margin: 0px auto;background: #3caeed; margin-bottom: 10px; border-radius: 4px;}
.servers.cp .main ul li .product-box .product-btn a{width: 100%;height: 50px; line-height: 50px; font-size: 24px; margin: 0px auto;background: #3caeed; color:#fff;}
.servers.cp .main ul li .product-box .product-btn button{width: 100%;height: 50px; line-height: 50px; font-size: 24px; margin: 0px auto;background: #3caeed; color:#fff;border:none;border-radius: 4px;}
.servers.cp .ban-description{margin:20px 0px; }
.servers.cp .ban-description p{ color: #808080;font-size: 12px;}
.servers.cp .ban-description span{color: #fc6f6f;font-size: 12px;}
.servers.cp .ban-description a{color: #8cc8f0;font-size: 12px;}

.servers.cp .main .hy {width: 100%;  border:1px solid #ddd; padding: 0px; margin: 0px;}
.servers.cp .main .hy .nav ul{ width: 100%; height: 150px; background:#f5f5f5; text-align: center;}
.servers.cp .main .hy .nav ul li{ width: 100%; height: 150px; text-align: center; border-right:1px solid #ddd; }
.servers.cp .main .hy .nav ul li a:hover{box-shadow:0px 0px 20px 2px #e2e2e2;}
.servers.cp .main .hy .nav ul li a{height: 150px;display: block; line-height: 150px; font-size: 20px;color:#333; background: #f5f5f5;}
.servers.cp .main .hy .nav ul li.active a{background: #3caeed;}
.servers.cp .main .hy .nav ul>li.active>a:focus{height: 150px; display: block; line-height: 150px;color:#fff;background: #3caeed;}
.servers.cp .main .hy .con ul{width:100%;margin: 0px;padding:0px; display: block; background: #fff;}
.servers.cp .main .hy .con ul li:hover{box-shadow:0px 0px 0px #fff;}
.servers.cp .main .hy .con ul li h1{width: 100%; height: 120px; font-size: 20px; text-align: center; display: inline-block; line-height: 120px; margin: 0px auto;}
.servers.cp .main .hy .con ul li{height: 150px;display: inline-block; border-bottom: 1px solid #f1f1f1; border-left: 1px solid #f1f1f1;}
.servers.cp .main .hy .con ul .tit{height: 120px;line-height:120px;background:none;}
.servers.cp .main .hy .con ul .tit h4{height: 120px;line-height:120px;margin:0;}
.servers.cp .main .hy .con ul .con{height: 180px;}
.servers.cp .main .hy .con ul li span{width: 80%; height: 150px;text-align: center; display: inline-block; margin-top: 10px;}
.servers.cp .main .hy .con ul li button{width: 40%; height: 80px; background:#3caeed; margin: 40px auto; border:0px; border-radius: 4px;}
.servers.cp .main .hy .con ul li button a{width: 40%; height: 80px; font-size: 24px; background: #3caeed; color:#fbfbfb;}
.servers .jump_sslla img{ width: 100%; }
/*Introduction of engine room*/
.servers.jf .jf-box{background: url(../images/jf-bg.jpg);background-size: 100% 100%;}
.servers.jf .jf-box .jf-title{width: 122px;margin: 0px auto; padding-top: 25px;}
.servers.jf .jf-box .jf-title small{color:#fff;}
.servers.jf .jf-box .jf-title h4{width:auto; height: 45px; font-size: 30px; color:#fff;border-bottom:2px solid #3caeed;margin-top:8px;}
.servers.jf .jf-box .jf-context{margin: 0px auto;}
.servers.jf .jf-box .jf-context div p { text-align: left; color:#fff;padding: 20px 40px; margin-bottom: 20px;text-indent:2em;line-height:30px;}


/*Why choose our*/
.servers.why .why-box .why-title{width: 210px;margin: 0px auto; padding-top: 25px;}
.servers.why .why-box .why-title small{color:#6e6e6e; font-size: 12px;}
.servers.why .why-box .why-title h4{width:auto; height: 45px; font-size: 30px; color:#333;border-bottom:2px solid #3caeed;margin-top:8px;}
.servers.why .why-box .why-context ul li{margin-top: 10px; padding: 5px;}
.servers.why .why-box .why-context ul li:hover{	box-shadow:1px 1px 15px #e2e2e2; }
.servers.why .why-box .why-context .why-list{background: #3caeed; border-radius: 4px; }
.servers.why .why-box .why-context .why-list img{margin-top:20px;}
.servers.why .why-box .why-context .why-list .why-con .con-tit{font-size: 24px; color: #fff;}
.servers.why .why-box .why-context .why-list .why-con{max-height: 214px;}
.servers.why .why-box .why-context .why-list .why-con p{width: 86%; font-size: 14px; color: #fff; margin: 0px auto; padding-bottom: 20px; }

/*Relevant information*/
.servers.newList{background: #fff;}
.servers.newList .newList-title{width: 120px;margin: 0px auto; padding-top: 25px;}
.servers.newList .newList-title small{color:#6e6e6e; font-size: 12px;}
.servers.newList .newList-title h4{width:auto; height: 45px; font-size: 30px; color:#333;border-bottom:2px solid #3caeed;margin-top:8px;}
.newList-box{margin-top:20px; }
.servers.newList ul {padding: 0;}
.servers.newList ul li{line-height:28px;color:#666;}
.servers.newList ul li a{color:#666; max-width: 315px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;}
.servers.newList ul li span{float: right; margin-right: 50px;  }
.servers.newList ul li a:hover{color:#3caeed;}
.servers.newList .more{color:#3caeed;float:right;}