@charset "utf-8";
html,
body 
{ line-height:180%; font-size:1.0rem; font-family: "Microsoft Yahei"; background:white;}
ul,ol {padding:0px;}
li {list-style:none;}

a {transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; color:#333;text-decoration:none;}
a:hover {text-decoration:none;}

/* 划过图片放大 */
.img-auto { display:block; overflow:hidden; }
.img-auto img { width:auto; height:auto; margin:0px auto; transition: 600ms; }
.img-auto img:hover { -webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1); }

img {
            position: relative;
        }
        
        img::after {
            content: "";
            height: 100%;
            width: 100%;
            position: absolute;
            left: 0;
            top: 0;
            background: url(../images/iphonex.png) no-repeat center;
        }




/* 通用 */

.blank5,.blank10,.blank15,.blank20,.blank30,.blank50,.blank60 {clear:both;height:5px;overflow:hidden;}
.blank10 {height:10px;}
.blank15 {height:15px;}
.blank20 {height:20px;}
.blank30 {height:30px;}
.blank50 {height:50px;}
.blank60 {height:60px;}


/* 导航 */
.navbar-default {
margin:0px;
padding:15px 0px;
background:white;
border-bottom:1px solid #eee;
border-radius: 0px;
transition: 600ms; 
z-index:999;
}

#navbar {float:right;}


@media (max-width: 768px) {
.navbar-default {padding:15px 0px;}
#navbar {float:none;}
}



.navbar-default .navbar-nav>li> a {color:#000; font-size:1.0rem; line-height:32px;}

/* logo */
a.navbar-brand { width:200px; margin:0px; padding:0px; overflow:hidden;}
a.navbar-brand img {max-width:200px;max-height:48px; margin: 10px auto 0px auto;}
@media (max-width: 768px) {
a.navbar-brand {position: absolute; left:10px; top:20px;  max-width:120px;}
a.navbar-brand img {max-width:120px;max-height:35px;}
.navbar.active a.navbar-brand {top:5px;}
}

/* 导航右侧 */
@media (min-width: 768px) {
#navbar {
float:right;
}
}

/*导航用户注册*/

.user-panel { margin:15px 0px 0px 50px;  }
.user-panel a,
.user-panel a:link,
.user-panel a:visited{float:left; color:#060D33;font-size:14px;padding:0px 10px;text-align:center;text-decoration:none;border:1px solid #060D33;border-radius: 0px 3px 3px 0px;}
.user-panel a:hover{color:#060D33}
.user-panel a.top-login,.user-panel a.top-login:hover {color:#fff;background:#060D33;border-radius: 3px 0px 0px 3px;}



/*导航用户注册*/
.user-panel-old { margin:34px 0 0 30px;  }
.user-panel-old a,
.user-panel-old a:visited,
.user-panel-old a:link{
	color: #198DDD;
	font-size: 14px;
	padding: 5px 15px;
	text-align: center;
	text-decoration: none;
	border:1px solid #198DDD;
}
.user-panel-old a:hover{ color:#198DDD;}
.user-panel-old a.top-login {color:white; background:#198DDD;}
.user-panel-old a:hover {background:#26c79d; color:white;border:1px solid #26c79d;}

}


@media (min-width: 768px) {
ul.navbar-nav li.oen { height:70px; padding:10px 0px;}
}

.top-nav-right {
  position: absolute;
  top:14px;
  right:0px;
  width:80px;
  height:30px;
  margin:0px;
  padding:0px;
  transition: 600ms; 
}



.top-nav-right ul {margin:0px;padding:0px;}

.top-nav-right ul li { 
float:left; 
width:20px;
line-height:30px;
margin:2px; 
}
.top-nav-right ul li.nav-shopping a { 
position: absolute;
top:0px;
right:0px;display:block; width:20px; height:20px;
}
.shopping-box {margin:0px auto; padding:20px;}
.shopping-box li {margin:10px;}

@media (max-width: 768px) {
.user-panel { margin:10px 0px 0px 15px;  }
.top-nav-right {margin-top:10px;}
.top-nav-right ul li.nav-shopping,
.top-nav-right ul li.glyphicon-search {
display:none;
}
.navbar-toggle {z-index:999;}
.top-nav-right {width:30px;
top:0px;
left:5px; z-index:99; font-size:1.2rem; }
}
.user-panel a {line-height:32px;}

#fat-menu {margin-top:3px;}


.navbar.active {padding:0px;transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s;}
.navbar.active .top-nav-right {top:5px;}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {background-color: #fff;}
.carousel {background:#f8f8f8; }
.bs-slider > .carousel-inner > .item > img, .bs-slider > .carousel-inner > .item > a > img {float:right;max-height:650px;width:auto !important;}


.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {background:none; color:#333}
.user-head-span {
    border: 2px solid #06276a;
	color:#06276a;
    border-radius: 50%;
    display: inline-block;
	margin-right:5px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    vertical-align: middle;
}
.user-head-span:hover {color:#06276a;}

.nav>li>a>img.headimage {width:30px; height:30px;}

.head-login .dropdown-menu {min-width:200px;border-top:3px solid #060D33; }
.dropdown-menu-user li a i {padding-right:10px;}
.dropdown-menu-user .line{clear:both; height:1px; border-top: 1px solid #e7eaf3; overflow:hidden;margin:10px; }
.dropdown-menu>li>a {display: inline-block;}
.dropdown-menu>li>a:hover {background:none;}
.dropdown-menu>li>a.paycheck { padding:5px 10px; border:1px solid #ccc; background:#f5f5f5;}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {background:none;}

.head-login {line-height:50px;}
.head-login a {display:block; padding:15px 0px;}
.head-login .caret {margin:-2px 0px 0px 5px;}

.user-head-dropdown .dropdown-menu {top:55px;  left:-180px;  background:#06276a;color:#fff; box-shadow: 0 8px 20px rgba(55, 125, 255, 0.075); border:none; border-top:2px solid #06276a;border-radius:0px; z-index:999; width:220px;}
.user-head-dropdown .dropdown-menu li {max-width:280px; }
.user-head-dropdown .dropdown-menu li a {
	display:inline-block;
    padding: 0px 30px;
    text-align: left;
    line-height: 45px;
    color: #fff;    
    text-decoration: none;}
.user-head-dropdown .user li i {padding-right:6px;}
.user-head-dropdown .dropdown-menu li.divider {margin:0px;height:1px;padding:0px;}
.user-head-dropdown .dropdown-menu:before {bottom: 100%;
	right:16px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: #06276a;
    border-width: 8px;
    margin-left: -8px;
}
.user-head-dropdown .dropdown-menu li a:hover {background:none;}
.user-head-dropdown .dropdown-menu li a.paycheck {display:inline; border:1px solid #fff; padding:2px 5px;}

.user-head-dropdown .dropdown-menu .line {height:1px;border-bottom: 1px solid rgba(0, 0, 0, .03);}

@media (max-width: 486px) {
.navbar-default .navbar-nav .open .dropdown-menu {border-left:3px solid #06276a; margin-left:15px;}
.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a {padding:0px 5px 0px 15px;}
}

.bs-slider{
	clear:both;
    overflow: hidden;
    position: relative;
    background: #f8f8f8;
}
.bs-slider:hover {
    cursor: -moz-grab;
    cursor: -webkit-grab;
}
.bs-slider:active {
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}
.bs-slider .bs-slider-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.40);
}
.bs-slider > .carousel-inner > .item > img,
.bs-slider > .carousel-inner > .item > a {
    margin: auto;
    width: 100% !important;

}

/********************
*****Slide effect
**********************/

.fade {
    opacity: 1;
}
.fade .item {
    top: 0;
    z-index: 1;
    opacity: 0;
    width: 100%;
    height:600px;
    position: absolute;
    left: 0 !important;
    display: block !important;
    -webkit-transition: opacity ease-in-out 1s;
    -moz-transition: opacity ease-in-out 1s;
    -ms-transition: opacity ease-in-out 1s;
    -o-transition: opacity ease-in-out 1s;
    transition: opacity ease-in-out 1s;
    background-size:auto 100%;
}
.fade .item:first-child {
    top: auto;
    position: relative;
}
.fade .item.active {
    opacity: 1;
    z-index: 2;
    -webkit-transition: opacity ease-in-out 1s;
    -moz-transition: opacity ease-in-out 1s;
    -ms-transition: opacity ease-in-out 1s;
    -o-transition: opacity ease-in-out 1s;
    transition: opacity ease-in-out 1s;
}






/*---------- LEFT/RIGHT ROUND CONTROL ----------*/
.control-round .carousel-control {
    top: 47%;
    opacity: 0;
    width: 45px;
    height: 45px;
    z-index: 100;
    color: #ffffff;
    display: block;
    font-size: 2.0rem;
    cursor: pointer;
    overflow: hidden;
    line-height: 43px;
    text-shadow: none;
    position: absolute;
    font-weight: normal;
    background: transparent;
    -webkit-border-radius: 100px;
    border-radius: 100px;
}
.control-round:hover .carousel-control{
    opacity: 1;
}
.control-round .carousel-control.left {
    left: 1%;
}
.control-round .carousel-control.right {
    right: 1%;
}
.control-round .carousel-control.left:hover,
.control-round .carousel-control.right:hover{
    color: #fdfdfd;
    background: rgba(0, 0, 0, 0.5);
    border: 0px transparent;
}
.control-round .carousel-control.left>span:nth-child(1){
    left: 45%;
}
.control-round .carousel-control.right>span:nth-child(1){
    right: 45%;
}





/*---------- INDICATORS CONTROL ----------*/
.indicators-line > .carousel-indicators{
    right: 48%;
    bottom: 3%;
    left: auto;
    width: 90%;
    height: 20px;
    font-size: 0;
    overflow-x: auto;
    text-align: right;
    overflow-y: hidden;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 1px;
    white-space: nowrap;
}
.indicators-line > .carousel-indicators li{
    padding: 0;
    width: 50px;
    height: 5px;
    border: 1px solid rgb(158, 158, 158);
    text-indent: 0;
    overflow: hidden;
    text-align: left;
    position: relative;
    letter-spacing: 1px;
    background: rgb(158, 158, 158);
    -webkit-font-smoothing: antialiased;
    -webkit-border-radius: 50%;
    border-radius: 0px;
    margin-right: 2px;
    -webkit-transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99);
    transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99);
    z-index: 10;
    cursor:pointer;
}
.indicators-line > .carousel-indicators li:last-child{
    margin-right: 0;
}
.indicators-line > .carousel-indicators .active{
    margin: 1px 5px 1px 1px;

    background-color: #fff;
    position: relative;
    -webkit-transition: box-shadow 0.3s ease;
    -moz-transition: box-shadow 0.3s ease;
    -o-transition: box-shadow 0.3s ease;
    transition: box-shadow 0.3s ease;
    -webkit-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;

}
.indicators-line > .carousel-indicators .active:before{
    transform: scale(0.5);
    background-color: #fff;
    content:"";
    position: absolute;
    left:-1px;
    top:-1px;
    width:10px;
    height: 10px;
    border-radius: 50%;
    -webkit-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
}



/*---------- SLIDE CAPTION ----------*/
.slide_style_left {
    text-align: left !important;
}
.slide_style_right {
    text-align: right !important;
}
.slide_style_center {
    text-align: center !important;
}

.slide-text {
    left: 0;
    top: 155px;
    right: 0;
    margin: auto;
    padding: 10px;
    position: absolute;
    text-align: left;
    padding: 10px 85px;
    
}

.slide-text > h1 {
    padding: 0;
    color: #ffffff;
    font-size: 3.8rem;
    font-style: normal;
    line-height: 56px;
    margin-bottom: 0px;
    letter-spacing: 1px;
    display: inline-block;
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
}
.slide-text > p {

	margin:0px auto;
    padding: 0;
    color: #ffffff;
    font-size: 1.6rem;
    line-height: 34px;
    font-weight: 300;
    margin-bottom: 40px;
    letter-spacing: 1px;
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s;
}
.slide-text > a.btn-default{
    color: #000;
    font-weight: 400;
    font-size: 1.0rem;
    line-height: 15px;
    margin-right: 10px;
    text-align: center;
    padding: 17px 30px;
    white-space: nowrap;
    letter-spacing: 1px;
    display: inline-block;
    border: none;
    text-transform: uppercase;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
    transition: background 0.3s ease-in-out, color 0.3s ease-in-out;

}
.slide-text > a.btn-primary{
    color: #ffffff;
    cursor: pointer;
    font-weight: 400;
    font-size: 1.0rem;
    line-height: 15px;
    margin-left: 10px;
    text-align: center;
    padding: 17px 30px;
    white-space: nowrap;
    letter-spacing: 1px;
    background: #00bfff;
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    border: none;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
    transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
}
.slide-text > a:hover,
.slide-text > a:active {
    color: #ffffff;
    background: #222222;
    -webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
    transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
}






/*------------------------------------------------------*/
/* RESPONSIVE
/*------------------------------------------------------*/

@media (max-width: 991px) {
    .slide-text h1 {
        font-size: 3.8rem;
        line-height: 50px;
        margin-bottom: 20px;
    }
    .slide-text > p {

        font-size: 18px;
    }
}


/*---------- MEDIA 480px ----------*/
@media  (max-width: 768px) {
    .slide-text {
        padding: 10px 50px;
    }
    .slide-text h1 {
        font-size: 3.0rem;
        line-height: 40px;
        margin-bottom: 10px;
    }
    .slide-text > p {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 20px;
    }
    .control-round .carousel-control{
        display: none;
    }

}
@media  (max-width: 480px) {
    .slide-text {
        padding: 10px 30px;
    }
    .slide-text h1 {
        font-size: 1.8rem;
        line-height: 25px;
        margin-bottom: 5px;
    }
    .slide-text > p {
        font-size: 1.0rem;
        line-height: 1;
        margin-bottom: 10px;
    }
    .slide-text > a.btn-default, 
    .slide-text > a.btn-primary {
        font-size: 1.0rem;
        line-height: 10px;
        margin-right: 10px;
        text-align: center;
        padding: 10px 15px;
    }
    .indicators-line > .carousel-indicators{
        right:43%;
    }

}




@media (max-width: 1280px) {
.slide-text h1 {font-size:2.0rem;}
.slide-text p {line-height:180%;font-size:1.6rem;}
}
@media (max-width: 768px) {

.slide-text h1,
.slide-text p,
.slide-text > a.btn-default, .slide-text > a.btn-primary {display:none;}
}

.slide-text,.slide-text > h1,.slide-text > p {color:#000; text-align:left;}
.slide-text,.slide-text > h1 {font-size:2.8rem; }
.slide-text-ul li {font-size:1.2rem; line-height:32px;}
.slide-text-ul li span{display: inline-block;vertical-align: middle;width: 7px;height: 7px;background: #06276a;border-radius: 5px;margin-right: 13px;}



.banner-quick {width: 96%;max-width:1200px; position:absolute; left:0;right: 0; top:120px;margin:auto;height: 0; z-index:9}
.banner-quick-box {float:right; width:360px;  box-sizing:border-box; }

.banner-quick-items {
	margin: 0px 0px 16px 0px;
	background: #06276a;
	overflow: hidden;
	display: inline-block;
	color:#fff;
	text-align:center;
	height:140px;
}

.banner-quick-items a,.banner-quick-items a:hover {color:#fff;}

.banner-quick-items i {
	display: block;
	position: relative;
	margin: 0 auto;
	margin-top: 20px;
	height: 69px;
	font-size:2.8rem;
	 text-align:center;
	border:5px solid #06276a;
}

.banner-quick-items p {opacity: 0; text-align:left;  padding:0px 15px;}

.banner-quick-items:hover {
	background-position: 0px 0px;
	transition: all .1s ease-in-out .1s;
	background:#fff;
	color:#06276a;
	border:8px solid #06276a;
}
.banner-quick-items strong {display:block; clear:both; font-size:1.0rem; text-align:center; color:#fff;}

.banner-quick-items:hover i {height:60px;border:5px solid  transparent; border-bottom:none; color:#06276a}
.banner-quick-items:hover strong {color:#06276a}

.btn-default,a.btn-default {
	height: 44px;
    line-height: 44px;
	padding:0px 35px;
    border: 2px solid #06276a;
    color: #06276a;
    display: inline-block;
    border-radius: 3px;
    font-size: 1.0rem;
    text-decoration: none;}
.btn-default:hover,a.btn-default:hover {background:#06276a; color:#fff; border: 2px solid #06276a; box-shadow:0 5px 20px 0 #ccc;}


@media (max-width: 486px) {
#bootstrap-touch-slider {height:395px; background:url(../images/banner1.jpg) center top no-repeat;}
.carousel-indicators,.carousel-inner {display:none;}
.banner-quick {top:55px;}
}


.index-admin-test .modal-content {border-top:3px solid #06276a; border-radius: 0px;font-size:0.9rem;}
.index-admin-test .modal-content h5 {font-weight:bold;}
.index-admin-test .modal-content .btn-default {border:1px solid #ccc; color:#333; height:32px; line-height:32px; font-size:0.9rem;}
.index-admin-test .modal-content .btn-default:hover {color:#fff;}







.section1 {}
.section1 .s1-item {}
.section1 .s1-item h4 {}
.section1 .s1-item .s1-text {}
.section1 .s1-item .s1-img {}
.section1 .s1-item p {}


.section1 {margin:55px 0px}
.section1 .s1-item {display:block; margin:0px 10px 30px 10px; border:1px solid #ddd; border-radius:0px; padding:45px 15px; text-align:center; box-sizing:border-box;}
.section1 .s1-item h4 { font-size:1.6rem; color:#111; text-align:center;}
.section1 .s1-item span.free {background-color: #f5f5f5; border-radius:2px; padding:2px 15px;}
.section1 .s1-item span.business {background:#06276a; border-radius:2px; padding:5px 15px; color:#fff;}
.section1 .s1-item .s1-text { font-size:1.0rem; text-align:center; color:#555; line-height:30px; margin-top:25px;}
.section1 .s1-item .btn{ color:#06276a; text-align:center; border:2px solid #06276a; margin:30px auto 0px auto; font-size:1.0rem; padding:0px 30px; border-radius:3px;}
.section1 .s1-item:hover{ box-shadow:0 0 20px 0 #ccc; border:1px solid #06276a;}
.section1 .s1-item:hover .btn{ background:#06276a; color:#fff;}
@media (max-width: 486px) {
.section1 {margin:55px 0px 0px 0px}
}

.section2 {}
.section2 .s2-item {margin-top:30px; text-align:center;}
.section2 .s2-item h4 {font-size: 2.2rem; margin-bottom:30px;}
.section2 .s2-item .s1-text {}
.section2 .s2-item .s1-img {}
.section2 .s2-item p { font-size: 1.0rem; color: #999;}
@media (max-width: 486px) {
.section2 .s2-item h4 {font-size:1.6rem; padding:0px 15px; line-height:160%;}
}

.s2-player{ text-align:center; margin:30px 0px}
.s2-player .video{ font-size:1.2rem; color:#06276a; text-decoration:none; padding-left:35px; display:inline-block; line-height:30px;}
.s2-player span{border-radius: 100%;-moz-border-radius: 100%;-webkit-border-radius: 100%;}
.s2-player i {display:block; float:left; width:22px; height:22px; line-height:22px;  text-align:center; background:#06276a; border-radius:50%;  -webkit-animation-name: scaleDraw; /*关键帧名称*/
            -webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
            -webkit-animation-iteration-count: infinite;  /*动画播放的次数*/
            -webkit-animation-duration: 5s; /*动画所花费的时间*/}
.s2-player i.glyphicon { font-size:0.8rem; color:#fff; margin:0px auto; }

@keyframes scaleDraw {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
            0%{
                transform: scale(1);  /*开始为原始大小*/
            }
            25%{
                transform: scale(1.2); /*放大1.1倍*/
            }
            50%{
                transform: scale(1);
            }
            75%{
                transform: scale(1.2);
            }
        }
.edition-1-bg {
    margin: 0px 0px 0px 0px;
    background-position: center top;
    background-repeat: no-repeat;
	overflow:hidden;
    min-height:555px;
}



.edition-1-2-bg {
    width: 723px;
    height: 518px;
    margin: 0px auto;
    padding: 35px 15px 0px 15px;
  no-repeat;
    border-radius: 0.5rem;
	border:1px solid #ddd;
    overflow: hidden;
}

@media (max-width: 486px) {
.edition-1-bg {padding:15px 0px ;min-height:auto;}
.edition-1-2-bg { width:auto; margin:0px 30px;height:auto;}
}

.edition-1-2-bg:hover {box-shadow: 0 0px 20px  rgba(140, 152, 164, 0.175);}

.section3 {position: relative;height: 210px; background: #06276a url(../images/section1-bg.jpg) center top no-repeat; padding:60px 0px; color:rgba(255, 255, 255, 0.85); box-shadow:0 5px 20px 0 #999; }
.section3 .section3-box { text-align:center; border-left: 1px solid rgba(4,55,138,0.9);}
.section3 span {position: relative;font-size:2.6rem;}
.section3 span small {position:absolute; right:-15px; top:0; font-size:0.6rem;}
.section3 p {margin-top:10px;}
#section1-bg {position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: .1;
    filter: alpha(opacity=40);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(40));}
.section3 ::selection {background:rgba(255,255,255,.3); }
.section3 ::-moz-selection { background:rgba(255,255,255,.3); }
@media (max-width: 486px) {
.section3 {display:none;}
.section3 .section3-box {height:120px;}
}


.section4 {margin:88px 0px;}
.section4 .title,.section4 .template-type-index {text-align:center; }
.section4 .template-type-index {margin:30px 0px; }
.tempalte-box-index {margin-bottom:30px; position: relative;}
.tempalte-box-index p {opacity:0;height:0px;overflow:hidden;}
.tempalte-box-index-img {position: relative; }
.tempalte-box-index-img a {display:block; overflow:hidden;}
.tempalte-box-index-subtitle {position:absolute; top:-10px; left:30px; 
    width: 49px;
    height: 49px;
    text-align: center;
    line-height: 49px;
    font-size: 12px;
    color: white;
	margin:-55px 0px 0px 0px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    background: #06276a;
	opacity: 0;
	z-index:999
	}
.tempalte-box-index-title {opacity:0; padding:5px 0p 15px 0px; text-align:center; transition: all .1s;}
.tempalte-box-index-title span {background:#f5f5f5; padding:5px 15px; border-radius: 3px;}

.tempalte-box-index:hover {margin-top:-3px;transition: all .1s;}
.tempalte-box-index:hover .tempalte-box-index-title {opacity:1; }

.tempalte-box-index:hover .tempalte-box-index-subtitle {margin:-5px 0px 0px 0px; box-shadow:0 5px 20px 0 #999;  transition: all 0.7s; opacity: 1;}

.template-info {
    width: 70%;
    border-radius: 3px;
    padding: 1.2% 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -35%;
    margin-top: 0;
    background: #fff;
    text-align:center;
    opacity: 0;
    transition: all .6s cubic-bezier(.215,.61,.355,1) 0s;
    box-shadow: 0 20px 40px rgba(0,0,0,.4);
}




.tempalte-box-index .template-info a.preview, .tempalte-box-index .template-info a.ontrial, .tempalte-box-index .template-info a.pro-details { width: 31%; border: 1px solid #198DDD; border-radius: 3px; height: auto; padding: 0px; text-align: center; line-height: 30px; display: inline-block; background: #198DDD; margin: 0; color: #fff; font-size: 12px; transition: all 0.3s ease-out 0s; }
.tempalte-box-index .template-info a.preview { background-color: #26c79d; border: 1px solid #26c79d; }
.tempalte-box-index .template-info a.preview:hover { background-color: #00C0FF; border: 1px solid #00C0FF; }
.tempalte-box-index .template-info a.pro-details { background-color: #fff; border: 1px solid #00C0FF; color: #00C0FF; }
.tempalte-box-index .template-info a.pro-details:hover { background-color: #00C0FF; color: #fff; }
.tempalte-box-index .template-info a.ontrial:hover { background-color: #00C0FF; border: 1px solid #00C0FF; }
.tempalte-box-index .template-info { width: 70%; border-radius: 3px; padding: 1.2% 0; position: absolute; top: 50%; left: 50%; margin-left: -35%; margin-top: 0px; background: rgba(255, 255, 255, 1); opacity: 0; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.4); }
#projectlist .projectitem .project_img:hover .template-info { opacity: 1; }


.tempalte-box-index:hover .template-info {opacity:1;}

@media (max-width: 768px) {
    .tempalte-box-index .template-info {opacity:1;bottom:-10px;top:auto;box-shadow:none;}
}

.section4 .btn-default { height:52px; line-height:52px; padding:0px 88px;}
@media (max-width: 486px) {
.section4 {margin:30px 0px}
}

.section5 {padding:55px 0px; background:#f8f8f8; }
.section5 .s5-item {padding:0px 50px 0px 300px;}
.section5 .s5-item h4 {font-size: 1.4rem;}
.section5 .s5-item .s5-text {padding:30px 0px;}
.section5 .s5-item p {font-size:1.0rem;}
@media (max-width: 486px) {
.section5 .s5-item {background-position:-60px top;}
.section5 .s5-item .s5-text {padding: 30px 0px  30px 50%;}
}

.section5 .s5-item1 a {color:#4f78c2;}
.section5 .s5-item2 a {color:#5f6682;}
.section5 .s5-item3 a {color:#219999;}
.section5 .s5-item4 a {color:#b89a73;}

.section5 .s5-item .btn-default {background:none; border-width:1px;height: 26px; line-height: 26px; font-size:0.8rem; padding:0px 8px;}

.section5 .s5-item1 .btn-default {border-color:#4f78c2;}
.section5 .s5-item2 .btn-default {border-color:#5f6682;}
.section5 .s5-item3 .btn-default {border-color:#219999;}
.section5 .s5-item4 .btn-default {border-color:#b89a73;}

@media (max-width: 486px) {
.section5 .s5-item {margin-bottom:15px; padding:15px;background-position:}
}


.section6 {padding:55px 0px 10px 0px;}
.section6 dl dt {position: relative;  margin:55px 0px 15px 0px; height: 64px;
    line-height: 64px;
    border-bottom: 1px solid #e5e5e5;font-weight:normal; font-size:1.2rem; }

	.section6 dl dt a i {color:#26c79d; font-size:1.4rem; margin:0px 10px 0px 0px;}

.section6 dl dt:before {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 8px;
    margin: auto;
    content: "\e080";
	font-family: "glyphicons halflings";
    font-size: 0.6rem;
	color:#ccc;
}
.section6 dl dd {margin-bottom:15px; font-size:1.0rem;position: relative; }
.section6 dl dd span.date {display:block; margin-top:10px; color:#ccc;font-size:0.8rem; font-weight:normal;}




.foot { padding:55px 0px 0px 15px;  background:#2c2c2c; border-top:5px solid #555; }
.cms-copyright {font-size:0.8rem;margin:15px 0px 0px 0px; color:#5d5d5d;}
.cms-copyright-line {height:2px; border-top: solid #343434 1px;
    border-bottom: solid #202020 1px;
    margin-bottom: 15px;overflow:hidden; }
.cms-copyright a {color:#5d5d5d;}

.friendlink {clear:both;}
.friendlink,.friendlink a {color:#5d5d5d;font-size:0.8rem;}
.friendlink a {padding-right:15px;}


@media (max-width: 486px) {
.friendlink {padding:0px 15px;}
}

.nav_footer dt{ font-size:1.0rem; color:#5d5d5d; padding-bottom:10px; font-weight:normal;}
.nav_footer dd { line-height:200%; font-size:1.0em; color:#5d5d5d;}
.nav_footer a,.nav_footer a:visited,.nav_footer a:link{
	font-size: 1.0em;
	color: #5d5d5d;
	text-decoration: none;
}
.nav_footer a:hover{color:#FFF;}

.foot-right-certificate-box {margin:5px 10px 5px 0px; padding:15px 0px; border:1px solid #5d5d5d;text-align:center;  }
.nav_footer .foot-right-certificate dd a {position: relative; display:block; width:70%; margin:0px auto; font-size:0.8rem; }
.foot-right-certificate dd a:hover {color:#5d5d5d}
.foot-right-certificate dd a:after{
            content: "";
            width: 100%;
            height: 1px;
            background: #5d5d5d;
            position: absolute;
            top: 100%;
            left: 0%;
            transition: all .8s;
        }
 




@media (min-width: 768px) {
.servers-wap {
display:none;
}
.dropdown-menu>li>a {padding:10px 20px;}

.navbar .nav > li.oen ul.two {
	margin: 0;
}


}

@media (max-width: 768px) {
/* 手机菜单圆形按钮颜色 */
.plug-menu {
background: #06276a;
}

/* 手机菜单弹出按钮颜色 */
.top_menu>li {
background: #06276a;
}

/* 手机菜单平铺背景颜色 */
.foot_mp {
background: #06276a;
}


.servers,
.foot-share,
.content_tools_box
{display:none;}

}

.line94 {clear:both; height:94px;}
.line125 {clear:both; height:125px;}

.banner-txt { padding: 70px 0px 35px 0px; text-align:center; }
.banner-txt h2 {font-size: 2.2rem;color: #111; line-height:180%; }
.banner-txt h3 {font-size: 1.2rem;color: #999; margin-top: 20px; line-height:180%;}
@media (max-width: 768px) {
.banner-txt {padding:70px 15px; }
.banner-txt h2 {font-size:1.2rem;}
}

@media (max-width: 486px) {
    .banner-txt {padding:35px 15px; }
	.banner-txt h1 {font-size:24px;}
	.banner-txt h3 {font-size:16px;}
}

.search-template {margin:30px auto;max-width:750px; }
.search-template-input {height: calc(3rem + 2px);
    padding: 0.75rem 1rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #1e2022;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #d5dae2;
    box-shadow: 0 0 20px rgba(0,0,0,0.08);
	height:50px;
	border-radius: 0px;
	}

.search-template-input:hover {border-color: rgba(55, 125, 255, 0.5);}
.search-template .btn-default {height: 50px;box-shadow: 0 0 20px rgba(0,0,0,0.08);}
.search-template-btn {padding:0px 20px;color:#fff; height:50px; box-shadow: 0 0 20px rgba(0,0,0,0.08); background:#06276a;}
.search-template-btn:hover {color:#fff;}
.search-template h5 {font-weight:bold; font-size:16px; color:#333;}
.search-template small {font-size:12px; color:#ccc; }


.tempalte-type,.down-system-environment {height:60px; line-height:60px; margin:30px 0px; padding:0px 50px;box-shadow: 0 0 20px rgba(0,0,0,0.08); border-radius: 5px; text-align:center; }
.tempalte-type a {display:block; margin:0px 50px;}
.tempalte-type a.active {border-bottom:2px solid #06276a;}


.template-type-box-btn { display: block;
    width:100px;
    height: 38px;
    line-height: 38px;
    margin: 0px auto;
    border-radius: 30px;
    border: 1px solid #ccc;
    color:#ccc;
    text-align: center;
    font-size: 0.8rem; font-weight:bold;
    border: 1px solid #ccc;
}

@media (max-width:768px) {
    .tempalte-type,.down-system-environment {height:auto;}
    .template-type-box-btn {display:none;}
}
.template-type-box-btn:hover {background:#06276a; color:#fff;}


/* 颜色选择 */
.color {clear:both; padding-left:10px; }
.color strong,.template_type strong {float:left; font-weight:bold;}
.color a {float:left;display:block;width:24px;height:24px;margin:0px 5px; background:url(../images/color.png);}
.color .black {background-position:0 0;}
.color .black:hover{background-position:0 -32px;}
.color .blue {background-position:-32px 0;}
.color .blue:hover{background-position:-32px -32px;}
.color .green {background-position:-64px 0;}
.color .green:hover{background-position:-64px -32px;}
.color .yellow {background-position:-96px 0;}
.color .yellow:hover{background-position:-96px -32px;}
.color .red {background-position:-128px 0;}
.color .red:hover{background-position:-128px -32px;}
.color .purple {background-position:-160px 0;}
.color .purple:hover{background-position:-160px -32px;}

.template_type span {padding-left:10px;}
.template_type a {float:left;display:block;width:180px; padding-left:10px;  background:url(../images/dot_gray.gif) left center no-repeat; font-size:0.8rem;}

.color span,.template_type span {font-weight:bold;font-size:0.8rem;}





@media (max-width: 486px) {
.tempalte-type,.down-system-environment {height:auto; margin:30px 15px;}
}

.pagination li a {
    height: 38px;
    padding: 8px 14px;
    border: 1px solid #06276a;
    text-decoration: none;
    margin: 0 3px 10px;
    color: #06276a;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 0px;
}

.pagination li.active a {border: 1px solid #06276a; color:#fff; background:#06276a; border-radius: 0px;}
.pagination>li:last-child>a, .pagination>li:last-child>span {border-radius: 0px;}

@media (max-width: 486px) {
.pagination {margin:0px 15px;}
}
/* 内页文字大小按钮 */
.content_tools {
float:right;
margin:30px 0px; 
padding:5px 15px;
background:#eee;
text-align:right;
font-size:14px;
}
.content-box h1.content-title {text-align:center; font-size:1.8rem;}
.content-txt {clear:both; margin:30px 0px; font-size:1.2rem; line-height:200%;}

.content-title-subtitle {margin:15px 0px; padding:15px 0px; border-top: 1px dashed #ccc;
    border-bottom: 1px dashed #ccc; text-align:center; }
.content-title-subtitle span {padding:0px 15px;}



.pager li>a, .pager li>span { border-radius: 0px;}


.conent-relevant-list dd a {  display:block; margin:0px 10px 0px 0px; padding:10px 0px 10px 5px; border-bottom: 1px dashed #ededee;}


.conent-relevant-list dd:before {
       content:"";
	position:absolute;
	left:5px;
	top:20px;
	width: 5px;
	height: 5px;
	background: #26c79d;
	border-radius: 10px;
}

.content-right-box {background:#f5f5f5; margin-bottom:15px;  padding:15px;}
.content-right-box h5 { margin-bottom:15px; font-size:1.2rem;}

.content-right-jianzhan {margin-bottom:15px; padding-bottom:15px; border:1px solid #ccc; }
.content-right-jianzhan h5 {padding:15px 0px 15px 15px;  border-bottom:1px solid #ccc; font-size:1.2rem;}
.content-right-jianzhan h5 i {color:#26c79d;}
.content-right-jianzhan ul li {float:left; width:50%;}
.content-right-jianzhan ul li a {padding:10px 0px 10px 15px;}

.checkout {max-width:200px;}

.collection-fabulous {margin:80px 0px 30px 0px; text-align:center;}
.collection-btn,.fabulous-btn { margin:0px 15px; padding:6px 20px; background:#f5f5f5; border:none;}



.system_down{ padding:15% 0px 10% 0px; text-align:center; border-top:1px solid #f0f2f5; }
.system_down h1{ line-height:120%; color:#2a333c; font-size:3.2em; margin-bottom:20px; }
.system_down h2.desc{ line-height:180%; font-size:1.4em;  color:#5e7387;  }
.system_down a.btn-down{ clear:both; display:block; max-width:288px; margin:50px auto 20px auto; border-radius:0; font-size:1.4em; padding:14px 60px; background:#06276a;color:white; border-radius:2px; }
.system_down a.btn-down:hover {background:#06276a;  }
.system_down p.info-down{ color:#999; margin:15px 0px; font-size:16px; }
.system_down a.btn-a{ padding:5px 10px; border-radius:2px; border:1px solid #5e7387; color:#5e7387; margin:0px 5px; }
.system_down a.btn-a:hover {background:#ccc;}

.explain {clear:both; background:#f3f3f3; line-height:1.6em; padding:50px 0px; text-align:center; }
.explain a { display:inline-block;padding:15px 50px; background:#004ba0; font-size:1.4em; text-align:center; color:white;box-shadow: 0 4px 17px rgba(55, 125, 255, 0.35);}
.explain a:hover { background:#06276a; }
@media (max-width: 768px) {
.system_down h1 {font-size:2.0em;}
.system_down h2.desc {font-size:1.0em;}
.explain a {display:block; padding:15px 10px;font-size:1.0em;}
}

.down-system-environment { padding:30px 50px ; text-align:left; height:240px;}

.badge {background-color:#f5f5f5; border-radius: 2px;}


.buy_title {height:52px;line-height:52px; margin:50px 0px; padding-left:15px; border-left:5px solid #2769B5; font-size:30px; color:#000; background:#eee;}

.buy_box,.buy_box a {color:#555;}
.buy_box h5 {clear:both; height:37px;line-height:37px; padding-left:55px; font-size:20px; font-weight:bold;}

.buy_box p {clear:both; line-height:40px; padding-left:55px; }
.buy_box p span {float:left;}
.buy_box p strong {padding:0px 5px; font-size:14px; font-weight:bold; text-decoration:underline;}



.buy_box .buy_btn,.buy_box .buy_reg,.buy_box .buy_b,.buy_box .buy_f,a.btn-down,.btn-buy {display:block; padding:8px 50px 8px 20px;  font-size:1.0em; color:white; background:#06276a;color:white; border-radius:2px; text-align:center;}
.buy_box .buy_btn:hover,.buy_box .buy_reg:hover,.buy_box .buy_b:hover,.buy_box .buy_f:hover,a.btn-down:hover,.btn-buy:hover {background:#06276a; }
a.btn-buy {display:block; width:288px; margin:50px auto 20px auto;color:white;}
a.btn-down {display:block; width:288px; margin:50px auto 20px auto;}

.buy_box .q {font-size:22px; font-weight:bold; color:#4A90D8; }



.agent {clear:both;  }
.agent .buy_title {background:#F5F5F5;}
.agent_1 { line-height:250%;padding:140px 100px 50px 100px; background:url(../images/agent_1.gif) center top no-repeat;}
.agent_1 p {clear:both;  margin-bottom:10px; font-size:16px;}
@media (max-width: 768px) {
.agent_1 {padding:40px 15px; background:#fff; border-radius: 3px; }
}

.zx_box {clear:both; margin:30px 0px 0px 0px; height:256px;background:url(../images/zx_box.gif);}
.flash_list_div {height:156px; padding:50px 80px 20px 160px; color:#5E8EBC;font-size:14px;}
.flash_list_div h5 { font-size:20px; line-height:66px;}
.flash_list_div:first-letter {font-size:40px;}
.flash_list_div a.more {float:right; width:133px; height:40px; line-height:34px; text-align:center; color:white; right:85px; bottom:8px; background:url(../images/more.gif) ;}
.flash_list_div .date {padding-top:10px;}
@media (max-width: 768px) {
.zx_box {height:auto;  background:#fff; border-radius: 3px;}
.flash_list_div {height:auto; padding:20px 15px;}
.flash_list_div h5 {font-size:16px;}
}



.system_down{ padding:8% 0px 1% 0px; text-align:center; border-top:1px solid #f0f2f5;font-family:'黑体','微软雅黑'; }
.system_down img {margin:0px auto;}
.system_down h1{ line-height:100%; color:#2a333c; font-size:2.2em; margin:20px 0px 20px 0px; }
.system_down h2.desc{ line-height:160%; font-size:1.4em;  color:#5e7387;  }
.system_down a.btn-down{ clear:both; display:block; width:288px; margin:20px auto 20px auto; border-radius:0; font-size:1.4em; padding:14px 60px; background:#06276a;color:white; border-radius:2px; }
.system_down a.btn-down:hover {background:#06276a;  }
.system_down p {clear:both;  margin:0px auto; padding:0px; text-align:center; }
.system_down p.info-down { color:#999; margin:0px auto; font-size:16px; text-align:center; }
.system_down a.btn-a{ padding:5px 10px; border-radius:2px; border:1px solid #5e7387; color:#5e7387; margin:0px 15px; }
.system_down a.btn-a:hover {background:#ccc;}
@media (max-width: 768px) {
.system_down h1 {font-size:2.0em;}
}



.business {clear:both; padding:55px 0px; background:#485053 url(../images/business_bg.jpg) center center no-repeat; color:#e4e4e4; }
@media (max-width: 768px) {
.business { background:#485053; }
}
.business a {color:white; padding:3px 10px; border:1px solid white;border-radius:3px;}
.business a:hover {color:#333; background:white; padding:3px 10px; border:1px solid white;}
.business_info {float:left; }
.business_info h3 {font-size:1.4em; margin-bottom:20px; color:white;}
.business_info p {margin-bottom:20px;}
@media (max-width: 768px) {
.business_recommend {margin-top:20px;}
.business_recommend h4 {text-align:left;line-height:180%;}
}
.business_recommend {text-align:center;}
.business_recommend ul {float:right; margin:50px 0px 0px 0px;}
.business_recommend ul li {float:left; width:120px; height:150px; }
.xinnet {background:url(../images/xinnet.png) center top no-repeat;}
.web360 {background:url(../images/web360.png) center top no-repeat;}
.chinaz {background:url(../images/chinaz.png) center top no-repeat;}
.zkeys {background:url(../images/zkeys.png) center top no-repeat;}

.buy_table { margin:80px 0px; padding:0px; background:url(../images/buy_table_bg.gif) left 22px; line-height:54px; text-align:center; overflow:hidden; }
.buy_table div,.buy_table ul {margin:0px;padding:0px;}
@media (min-width: 768px) {
.buy_table .ul0,.buy_table .ul1,.buy_table .ul2,.buy_table .ul3,.buy_table .ul4 {width:20%;}
}
.buy_table ul li {height:54px;line-height:54px;padding:0px 15px;}
.buy_table .ul0 ul {margin:0px;padding:0px;}
.buy_table .ul1 {padding:0px 10px 0px 0px;}
.buy_table .ul2 {padding:0px 10px 0px 0px;}
.buy_table .ul3 {padding:0px 10px 0px 0px;}
.buy_table .ul4 {padding:0px 0px 0px 0px;}

.buy_table .ul1 ul {border:1px solid #2BB45C;}
.buy_table .ul2 ul {border:1px solid #33A0A3;}
.buy_table .ul3 ul {border:1px solid #0697D8;}
.buy_table .ul4 ul {border:1px solid #1475b9;}

.buy_table .ul0 div {height:238px; margin:0px; padding:10px 20px; background:white;border-radius: 3px;overflow:hidden;}
.buy_table .ul1 div {height:238px;padding:10px 20px;background:#2BB45C;color:white; text-align:left;overflow:hidden;}
.buy_table .ul2 div {height:238px;padding:10px 20px;background:#33A0A3;color:white; text-align:left;overflow:hidden;}
.buy_table .ul3 div {height:238px;padding:10px 20px;background:#0697D8;color:white; text-align:left;overflow:hidden;}
.buy_table .ul4 div {height:238px;padding:10px 20px;background:#1475b9;color:white; text-align:left;overflow:hidden;}
@media (max-width: 768px) {
.buy_table .ul0,.buy_table .ul1,.buy_table .ul2,.buy_table .ul3,.buy_table .ul4 {clear:both;margin:0px 0px 20px 0px;padding:0px;}
}

.buy_table a {
display: block;
    height: 38px;
    line-height: 38px;
	margin-top:10px;
    background: white;
    border-radius: 3px;
    text-align: center;
}
.buy_table h3 {
    font-size: 1.8em;
    line-height: 1.8em;
    margin: 0px;
    padding: 0px;
}
.buy_table div.buy-box-info {
	height:68px;
    line-height: 1.4em;
    font-size: 0.8em;
	overflow:hidden;
    padding: 0px;
}

.buy_table h5 {
clear: both;
    height: 37px;
    line-height: 37px;
    font-size: 20px;
    font-weight: normal;
    border-top: 1px solid #6cc58d;
    border-bottom: 1px solid #6cc58d;
}

.buy_table .ul2 h5 {
    border-top: 1px solid #6cb7ba;
    border-bottom: 1px solid #6cb7ba;
}
.buy_table .ul3 h5 {
    border-top: 1px solid #51b0dc;
    border-bottom: 1px solid #51b0dc;
}

.buy_table a.buy_btn1,.buy_table a.buy_btn2,.buy_table a.buy_btn3 {
    display: block;
    height: 38px;
    line-height: 38px;
    text-align: center;
    color: white;
    background: #33A0A3;
    border-radius: 3px;
	box-shadow: 0 4px 17px #ccc;
}

.buy_table a:hover {
background:#2BB45C;color:white;
}

.buy_table a.buy_btn2 {
    background: #0697D8;
}

.buy_table a.buy_btn3 {
    background: #1475b9;
}
.buy_table_b {background:white;}

#accordion .panel{
    border: none;
    border-top: 1px solid #f5f5f5;
    box-shadow: none;
    border-radius: 0;
    margin: 0;
}
#accordion .panel:last-child{
    border-bottom: 1px solid #f5f5f5;
}
#accordion .panel-heading{
    padding: 0;
}
#accordion .panel-title a{
    display: block;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    color: #635858;
    background: #fff;
    padding: 15px 20px 15px 47px;
    position: relative;
    transition: all 0.5s ease 0s;
}
#accordion .panel-title a:before{
    content: "\2212";

    display: block;
    width: 30px;
    height: 30px;
    line-height: 32px;
    border-radius: 50%;
    background: #f5f5f5;
    font-size: 14px;
    color: #06276a;
    text-align: center;
    position: absolute;
    top: 25%;
    left: 0;
    transition: all 0.3s ease 0s;
}
#accordion .panel-title a.collapsed:before{
    content: "\002b";
}
#accordion .panel-body{
    font-size: 15px;
    color: #635858;
    line-height: 25px;
    border: none;
    padding: 14px 20px 14px 47px;
}


.explain {clear:both; background:#f3f3f3; line-height:1.6em; padding:50px 0px; text-align:center; }
.explain a { display:inline-block;padding:15px 50px; background:#004ba0; font-size:1.4em; text-align:center; color:white;box-shadow: 0 4px 17px rgba(55, 125, 255, 0.35);}
.explain a:hover { background:#06276a; }

.go_agent {clear:both; line-height:180%; padding:30px 0px; background:#FF5C00; color:white; font-size:3.0em; text-align:center; }
.go_agent a {color:#FF5C00; background:white; padding:10px 20px; border-radius:3px; font-size:20px; }
@media (max-width: 768px) {
.go_agent {padding:30px 50px; font-size:2.0em; }
.go_agent a {display:block;}
}
.go_agent a:hover {background:#ffd700;}


.down_ico {float:left; padding:0px 50px 0px 0px;}
.down_list {float:left;  }
.down_list li {line-height:40px; padding-left:10px; background:url(../images/dot_gray.gif) left center no-repeat;font-size:16px; }
.down_info_list strong {font-weight:bold;}

.download_left4con{  height:auto; border:1px solid #ececec; border-right:none; border-bottom:none; box-shadow: 0 4px 17px #eee;}
.download_left4con .t_left {text-align:right;}
.download_left4con td{ border:1px solid #ececec; border-left:none; border-top:none; padding:5px 18px;}


.down_info_list {clear:both; } 




.template-type-visual,
.template-type-responsive,
.template-type-wap,
.template-type-pc,
.template-type,
.template-type-pc a
{float:left;}

.template-type-wap {margin:0px 25px;}
.template-type-visual,.template-type-pc {margin-right:25px;}




.news_list,.help_list {padding:30px; border:1px solid #eee; border-top:0px;  font-size:16px; }
.news_list li,.help_list li {line-height:50px; border-bottom:1px dotted #ccc;}

.news_list li {background:url(../images/icon01.gif) left center no-repeat;padding-left:15px;}


.system_down{ padding:15% 0px 10% 0px; text-align:center; border-top:1px solid #f0f2f5; }
@media (max-width: 486px) {
.system_down{ padding:25% 0px 10% 0px;}
}
.system_down h1{ line-height:120%; color:#2a333c; font-size:3.2em; margin-bottom:20px; }
.system_down h2.desc{ line-height:180%; font-size:1.4em;  color:#5e7387;  }
.system_down a.btn-down{ clear:both; display:block; max-width:288px; margin:50px auto 20px auto; border-radius:0; font-size:1.4em; padding:14px 60px; background:#06276a;color:white; border-radius:2px; }
.system_down a.btn-down:hover {background:#06276a;  }
.system_down p.info-down{ color:#999; margin:15px 0px; font-size:16px; }
.system_down a.btn-a { display:inline-block; padding:8px 30px; border-radius:3px; border:1px solid #5e7387; color:#5e7387; margin:0px 1px 15px 1px; }
.system_down a.btn-a:hover {background:#ccc;}
@media (max-width: 486px) {

}
.explain {clear:both; background:#f3f3f3; line-height:1.6em; padding:50px 0px; text-align:center; }
.explain a { display:inline-block;padding:15px 50px; background:#004ba0; font-size:1.4em; text-align:center; color:white;box-shadow: 0 4px 17px rgba(55, 125, 255, 0.35);}
.explain a:hover { background:#06276a; }
@media (max-width: 768px) {
.system_down h1 {font-size:2.0em;}
.system_down h2.desc {font-size:1.0em;}
.explain a {display:block; padding:15px 10px;font-size:1.0em;}
}

.hr {
    clear: both;
    height: 1px;
    border-bottom:1px dotted #ccc;
}
.down_info_list-right {margin-top:60px; }
@media (max-width: 468px) {
.down_info_list-right {margin-top:30px; }
}


.nav .open>a,.nav .open>A:focus,.nav .open>a:hover {background:none;}


.show_now{
	text-align:center;
	color:#FFF;
	padding:188px 0px 188px 0px;
}
.show_now div{
	}
.show_now strong{ font-size:50px; padding:10px; font-weight:normal; color:#198DDD;}
.show_now p{ font-size:16px; padding:30px 10px 60px 10px; color:#888;}


a.btn-demo,
a.btn-demo:visited,
a.btn-demo:link{
    background-color: #198DDD;
    color: #FFF;
    padding: 20px 100px;
    text-align: center;
    font-size: 18px;

    text-decoration: none;
    display:inline-block;
    margin:10px auto;

}
a.btn-demo:hover,
a.btn-demo:active{ background-color:#0070FF;    box-shadow: 0 8px 15px #ccc;}

.show_now a.btn{padding:10px 30px;font-size:16px;    box-shadow: 0 8px 15px #ccc;}

.anli {text-align:center; padding:88px 0px;}
.anli strong{ font-size:1.0em;  font-weight:normal;padding:10px 10px 70px 10px; }
.anli h2 { font-size:1.0em; font-weight:normal;}
.anli h3{ font-size:3.2em; padding:10px; font-weight:normal;color:#198DDD;}
@media (max-width: 768px) {
    .anli h3{font-size:1.4em;line-height:150%;}
}


.template-tag {clear:both; margin:55px 0px;}
.template-tag a {
    color: #333;
    background-color: #fff;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 6px 10px #eee;
}

.template-tag a:hover {
    background:#555; color:white;
}

.content-right-pic-list {text-align:center; font-size:0.8rem;}
.template-item-pic {display:block; max-height:180px; overflow:hidden; margin-bottom:15px;}
.content-right-pic-list p {margin-bottom:5px;}
.content-right-pic-list p a {display:block; height:14px; line-height:14px; overflow:hidden; }
.content-right-pic-list .item {margin:0px 15px;}

@media (max-width: 768px) {
.title h2 {font-size:26px;text-align:center;}

}