﻿/*************************************主页***********************************/
/*头部*/
.index-top-fixed {
width:100%;
position:fixed;
z-index:9999;
}
.index-top-bg {
width:100%;
height:38px;
line-height:38px;
}

.index-top-bg .index-top {
width:1200px;
margin:0 auto;
}
.index-top-bg .index-top a {
  float: left;
  color: #fff;
  font-size: 14px;
  letter-spacing: 2px;
}
.index-top-bg .index-top .index-top-iphone {
float:right;
margin:0 12px 0 0;
width:242px;
height:43px;
line-height:38px;
background:url(../images/index-top-iphone.png) no-repeat;
text-align:center;
font-size:16px;
color:#fff;
}
/*导航*/
.index-top-nav {
width:1200px;
margin:5px auto 0;
height:89px;
}
.index-top-nav>a {
float:left;
margin:12px 0 0 6px;
}
.index-top-nav>a img {
max-width:478px;
max-height:60px;
filter: brightness(10) contrast(10);
-webkit-filter:brightness(10) contrast(10);
}
.index-top-nav>ul {
float:right;
margin:30px 30px 0 0;
}
.index-top-nav>ul>li {
float:left;
text-align:center;
margin:0 0 0 20px;
}
.index-top-nav>ul>li a {
display:block;
width:100%;
font-size:16px;
color:#ffffff;
}
.index-top-nav>ul>li:hover a {
color:#ffffff;
}
.index-top-nav>ul>li a span {
display:block;
margin:10px auto 0;
font-size:10px;
color:#ffffff;
}
.index-top-nav>ul>li:hover a span {
color:#ffffff;
}
/*轮播*/
.index-banner{
position:relative;
padding:0px;
min-width:1200px;
}
.banner {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.banner>ul {
    display: none;
    /*width: 999999999px;*/
    height: 100%;
    position: absolute;
    top:0;
    left: 0;
}
.banner>ul> li  {
    float: left;
    height: 100%;
}
.banner>ul>li> a {
    display: block;
    font-size: 200px;
    text-align: center;
    line-height: 500px;
    font-weight: bold;
    width:100%;
height:100%;
background-position:top center !important;
}
/*.left-btn,.right-btn {
    width: 61px;
    height: 61px;
    position: absolute;
    top: 45%;
    right: 30px;
    background: url("../images/right-1.png");
    cursor: pointer;
}
.left-btn {
    left: 30px;
    background: url("../images/left-1.png");
}*/
.img-btn-list {
    width: 100%;
    position: absolute;
    bottom:107px;
    left: 0;
    text-align: center;
}
.img-btn-list>span  {
    display: inline-block;
    width: 31px;
    height: 7px;
    margin: 0 5px;
    background:#d5dbe3;
    cursor: pointer;
}
.img-btn-list>span.current {
    background:#e94c0f;
}
@font-face {
    font-family: 'HansHandItalic';
    src: url('fonts/hanshand-webfont.eot');
    src: url('fonts/hanshand-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/hanshand-webfont.woff') format('woff'),
         url('fonts/hanshand-webfont.ttf') format('truetype'),
         url('fonts/hanshand-webfont.svg#webfont34M5alKg') format('svg');
    font-weight: normal;
    font-style: normal;
}
.index-banner .index-banner-form-bg {
width:1200px;
margin:0 auto;
position:relative;
}
.index-banner .index-banner-form-bg .index-banner-form {
width:300px;
height:325px;
background:url(../images/bd-bg.png) no-repeat;
position:absolute;
z-index:999;
right:0px;
bottom:150px;
}
.index-banner .index-banner-form-bg .index-banner-form .index-banner-form-content {
width:270px;
height:296px;
margin:14px auto 0;
text-align:center;
}
.index-banner .index-banner-form-bg .index-banner-form h1 {
font-size:22px;
color:#000;
padding:19px 0 0 0;
}
.index-banner .index-banner-form-bg .index-banner-form h1 img {
vertical-align:middle;
margin:-3px 9px 0 0;
}
.index-banner .index-banner-form-bg .index-banner-form h2 {
font-size:10px;
color:#979797;
margin:10px auto 0;
}
.index-banner .index-banner-form-bg .index-banner-form form input {
margin:10px auto 0;
width:210px;
height:34px;
line-height:34px;
border:1px solid #c0c0c0;
outline:none;
padding:0 0 0 10px;
color:#777;
font-family:"宋体";
}
.index-banner .index-banner-form-bg .index-banner-form form .selectbox {
    width: 220px;
    height:34px;
    line-height: 34px;
    border: 1px solid #c0c0c0;
    font-size: 12px;
    margin:10px auto 0;
    position: relative;
    background-color: white;
    text-align:left;
    text-indent:1em;
    z-index:999;
}
.index-banner .index-banner-form-bg .index-banner-form form .selectbox i {
    width: 0;
    height: 0;
    border-top: 8px solid #b3b3b3;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    position: absolute;
    top: 13px;
    right: 10px;
}
.index-banner .index-banner-form-bg .index-banner-form form .selectbox span {
    display: block;
    height: 34px;
    cursor: pointer;
    color:#777;
}
.index-banner .index-banner-form-bg .index-banner-form form .selectbox ul, #selectbox li {
    padding: 0;
    margin: 0;
}
.index-banner .index-banner-form-bg .index-banner-form form .selectbox ul {
background:#fff;
width:100%;
border:1px solid #c0c0c0;
    margin:0 0 0 -1px;
    position:relative;
    z-index:999;
    display: none;
}
.index-banner .index-banner-form-bg .index-banner-form form .selectbox li {
    line-height: 36px;
    color: #777;
    list-style-type: none;
    border-bottom: 1px dashed #eee;
    cursor: pointer;
    transition: all 1s ease 0s;
}
.index-banner .index-banner-form-bg .index-banner-form form .selectbox li:hover {
    border-bottom: 1px solid #51A6FF;
    background-color: #DAF0FF;
    padding-left: 20px;
    font-weight: bold;
}
.index-banner .index-banner-form-bg .index-banner-form form .selectbox li:last-child {
    border-bottom: 0
}
.index-banner .index-banner-form-bg .index-banner-form form button {
width:222px;
height:34px;
line-height:34px;
background:#164ec1;
color:#fff;
text-align:center;
border:none;
margin:24px auto 0;
}
/*主页内容区*/
.index-content {
width:1200px;
margin:64px auto 28px;
}
.index-content>li {
float:left;
position:relative;
cursor:pointer;
}
.index-content>li>a {
display:block;
width:100%;
height:100%;
}
.index-content>li>a>img {
max-width:260px;
max-height:280px;
}
.index-content>li .index-content-li-div {
width:364px;
height:auto;
cursor:pointer;
position:relative;
}
.index-content>li .index-content-li-div p {
position:absolute;
left:0;
bottom:0;
width:236px;
height:56px;
line-height:18px;
background:url(../images/index-content-li-div.png) repeat;
padding:12px;
color:#fff;
overflow:hidden;
font-size:14px;
}
.index-content>li a .index-content-circular {
width:73px;
height:73px;
background:url(../images/circular.png) no-repeat;
position:absolute;
top:-35px;
left:50%;
margin:0 0 0 -35.5px;
z-index:999;
font-size: 36px;
    text-align: center;
    line-height: 70px;
    color: #fff;
}
.index-content>li a .index-content-span {
width:360px;
height:70px;
background:none;
text-align:center;
}
.index-content>li a .index-content-span h1 {
font-size:16px;
color:#000;
padding:15px 0 5px 0;
}
.index-content>li a .index-content-span h2 {
font-size:10px;
color:#8e8e8e;
}

.index-content>li:hover p {
background:url(../images/index-content-li-div-on.png) repeat;
transition:0.5s;
-moz-transition:0.5s;
-webkit-transition:0.5s;
-o-transition:0.5s;
}
.index-content>li:hover .index-content-circular {
background:url(../images/circular-on.png) no-repeat;
transition:0.5s;
-moz-transition:0.5s;
-webkit-transition:0.5s;
-o-transition:0.5s;
}
.index-content>li:hover .index-content-span {
background:#f1f4f6;
}

.index-content-two {
width:100%;
height:696px;
background:url(../images/index-content-two.jpg) no-repeat center;
position:relative;
text-align:center;
min-width:1200px;
}
.index-content-two i {
width:0;
    height:0;
    border-top:19px solid #fff;
    border-left:11px solid transparent;
    border-right:11px solid transparent;
    position:absolute;
    top:0;
    left:50%;
    margin:0 0 0 -11px;
}
.index-content-two .index-content-two-title {
width:195px;
height:41px;
background:url(../images/title.png) no-repeat;
margin:0 auto;
text-align:center;
position:relative;
top:60px;
}
.index-content-two .index-content-two-title h1 {
width:100%;
font-size:24px;
color:#000;
position:absolute;
top:-18px;
left:0;
}
.index-content-two .index-content-two-title h2 {
padding:19px 0 0 0;
color:#8e8e8e;
}
.index-content-two>h3 {
font-size:14px;
color:#565656;
margin:76px auto 12px;
}
.index-content-two>h4 {
font-size:10px;
color:#878787;
}
.index-content-two .index-content-mac {
width:895px;
height:471px;
background:url(../images/mac.png) no-repeat;
margin:22px auto 0;
padding:40px 0 0 0;
}
.index-content-two .index-content-mac>ul {
width:540px;
height:335px;
margin:0 auto;
background:#fff;
}
.index-content-two .index-content-mac>ul>li {
float:left;
width:179px;
height:167px;
border:1px solid #eaeaea;
margin:-1px 0 0 -1px;
text-align:center;
position:relative;
}
.index-content-two .index-content-mac>ul>li>a {
width:100%;
height:100%;
display:block;
padding:1px;
}
.index-content-two .index-content-mac>ul>li>a h1 {
font-size:16px;
color:#000;
}
.index-content-two .index-content-mac>ul>li>a h2 {
font-size:10px;
color:#adadad;
margin:7px 0 0 0;
}
.index-content-two .index-content-mac>ul>li>a .index-mac-tb {
width:100%;
height:50px;
margin:30px auto 18px;
text-align:center;
}
.index-content-two .index-content-mac>ul>li>a .index-mac-tb img {
position:absolute;
left:50%;
margin:0 0 0 -25px;
}
.index-content-two .index-content-mac>ul>li:hover a .index-mac-tb .tb {
display:none;
}
.index-content-two .index-content-mac>ul>li>a .tb-on {
display:none;
}
.index-content-two .index-content-mac>ul>li:hover a .index-mac-tb .tb-on {
display:block;
}
.index-content-two .index-content-mac>ul>li:hover {
background:#ba0107;
-webkit-box-shadow: 3px 3px 23px;  
  -moz-box-shadow: 3px 3px 23px;  
  box-shadow: 3px 3px 23px;
}
.index-content-two .index-content-mac>ul>li:hover h1 {
color:#fff;
}
.index-content-two .index-content-mac>ul>li:hover h2 {
color:#fff;
}
.index-content-two .man {
position:absolute;
left:50%;
bottom:-58px;
margin:0 0 0 -700px;
z-index:999;
width:400px;
}
.index-content-two .hover-left {
position:absolute;
left:0px;
top:640px;
opacity:0;

}
.index-content-two .hover-right {
position:absolute;
right:100px;
top:440px;
opacity:0;
}
.index-content-three {
width:100%;
height:696px;
position:relative;
text-align:center;
min-width:1200px;
}
.index-content-three i {
width:0;
    height:0;
    border-top:19px solid #f5f5f5;
    border-left:11px solid transparent;
    border-right:11px solid transparent;
    position:absolute;
    top:0;
    left:50%;
    margin:0 0 0 -11px;
display:none;
}
.index-content-three .index-content-three-title {
width:195px;
height:41px;
background:url(../images/title2.png) no-repeat;
margin:0 auto;
text-align:center;
position:relative;
top:60px;
}
.index-content-three .index-content-three-title h1 {
width:100%;
font-size:24px;
color:#000;
position:absolute;
top:-18px;
left:0;
}
.index-content-three .index-content-three-title h2 {
padding:19px 0 0 0;
color:#8e8e8e;
}
.index-content-three>h3 {
font-size:14px;
color:#9c9c9c;
margin:76px auto 12px;
}
.index-content-three>h4 {
font-size:10px;
color:#b9b9b9;
}
.index-content-three .index-content-three-xxk { 
width:1200px; 
height:auto; 
margin:0 auto;
}
.index-content-three .index-content-three-xxk .ul { 
width:100%; 
height:25px;
margin:33px auto 30px; 
text-align:center;
}
.index-content-three .index-content-three-xxk .ul .li { 
display:inline-block;
*display:inline;
width:90px; 
height:25px; 
line-height:25px;
font-size:14px;
color:#000;
text-align:center; 
cursor:pointer;
margin:0 5px;
}
.index-content-three .index-content-three-xxk .ul .li.on { 
background:#ba0107;
color:#fff;
}
.index-content-three .index-content-three-xxk .down { 
width:100%; 
height:370px; 
}
.index-content-three .index-content-three-xxk .down .li { 
display:none; 
width:100%; 
height:100%; 
}
.index-content-three .index-content-three-xxk .down .li.on { 
display:block; 
}
.index-content-three .index-content-three-xxk .down .li ul li {
width:370px;
height:370px;
float:left;
position:relative;
}
.index-content-three .index-content-three-xxk .down .li ul li a {
width:100%;
height:100%;
display:block;
}
.index-content-three .index-content-three-xxk .down .li ul li .fdj-none {
position:absolute;
top:0px;
left:0px;
display:none;
}
.index-content-three .index-content-three-xxk .down .li ul li:hover .fdj-none {
display:block;
}
.index-content-three .index-content-three-xxk .down .li ul li+li {
margin:0 0 0 45px;
}
.index-content-three .index-content-three-xxk .down .li ul li a img {
max-width:370px;
max-height:172px;
}
.index-content-three .index-content-three-xxk .down .li ul li a h1{
  margin: 15px 0 10px 0;
  font-size: 16px;
  color: #000;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 45px;
}
.index-content-three .index-content-three-xxk .down .li ul li a p {
height:60px;
overflow:hidden;
font-size:12px;
color:#9d9d9d;
text-align:left;
text-indent:2em;
padding:0 10px;
line-height:20px;
}
.index-content-three .index-content-three-xxk .down .li ul li a button {
width:118px;
height:36px;
line-height:36px;
background:#ba0107;
color:#fff;
font-size:10px;
border:none;
margin:40px 0 0 0;
outline:none;
}
.index-content-three .index-content-three-xxk .down .li ul li:hover button {
background:#e94c0f;
}
.index-content-four {
width:100%;
height:606px;
position:relative;
text-align:center;
/*background:#4a4e6a;*/
background:url(../images/bj.jpg) repeat;
min-width:1200px;
}
.index-content-four i {
width:0;
    height:0;
    border-top:19px solid #fff;
    border-left:11px solid transparent;
    border-right:11px solid transparent;
    position:absolute;
    top:0;
    left:50%;
    margin:0 0 0 -11px;
}
.index-content-four .index-content-four-title {
width:195px;
height:41px;
background:url(../images/title3.png) no-repeat;
margin:0 auto;
text-align:center;
position:relative;
top:60px;
}
.index-content-four .index-content-four-title h1 {
width:100%;
font-size:24px;
color:#c0c6ec;
position:absolute;
top:-18px;
left:0;
}
.index-content-four .index-content-four-title h2 {
padding:19px 0 0 0;
color:#8b93c2;
}
.index-content-four>h3 {
font-size:14px;
color:#98a1d7;
margin:76px auto 12px;
}
.index-content-four>h4 {
font-size:10px;
color:#98a1d7;
}


.index-content-four .index_content_nav a{
  color: #c0c6ec;
}




.index-content-five {
width:100%;
height:956px;
position:relative;
text-align:center;
min-width:1200px;
background: #fff;
}
.index-content-five i {
    width:0;
    height:0;
    border-top:19px solid #f5f5f5;
    border-left:11px solid transparent;
    border-right:11px solid transparent;
    position:absolute;
    top:0;
    left:50%;
    margin:0 0 0 -11px;
display:none;
}
.index-content-five .index-content-five-title {
width:195px;
height:41px;
background:url(../images/title2.png) no-repeat;
margin:0 auto;
text-align:center;
position:relative;
top:60px;
}
.index-content-five .index-content-five-title h1 {
width:100%;
font-size:24px;
color:#000;
position:absolute;
top:-18px;
left:0;
}
.index-content-five .index-content-five-title h2 {
padding:19px 0 0 0;
color:#8e8e8e;
}
.index-content-five>h3 {
font-size:14px;
color:#9c9c9c;
margin:76px auto 12px;
}
.index-content-five>h4 {
font-size:10px;
color:#b9b9b9;
}
.index-content-five .index-content-five-xxk { 
width:1200px; 
height:auto; 
margin:0 auto;
}
.index-content-five .index-content-five-xxk .ul { 
width:100%; 
height:25px;
margin:33px auto 30px; 
text-align:center;
}
.index-content-five .index-content-five-xxk .ul .li { 
display:inline-block;
*display:inline;
padding:0px 10px; 
height:25px; 
line-height:25px;
font-size:14px;
color:#000;
text-align:center; 
cursor:pointer;
margin:0 5px;
}
.index-content-five .index-content-five-xxk .ul .li.on { 
background:#ba0107;
color:#fff;
}
.index-content-five .index-content-five-xxk .down { 
width:100%; 
height:740px; 
}
.index-content-five .index-content-five-xxk .down .li { 
display:none; 
width:100%; 
height:100%; 
}
.index-content-five .index-content-five-xxk .down .li.on { 
display:block; 
}
.index-content-five .index-content-five-xxk .down .li ul li {
width:20%;
height:340px;
float:left;
position:relative;
}
.index-content-five .index-content-five-xxk .down .li ul li:hover a h1{
        color:#b50b0b;
}
.index-content-five .index-content-five-xxk .down .li ul li a {
width:100%;
height:100%;
display:block;
}
.index-content-five .index-content-five-xxk .down .li ul li a img {
max-width:370px;
max-height:252px;
}
.index-content-five .index-content-five-xxk .down .li ul li a h1 {
margin:10px 0 5px 0;
font-size:16px;
color:#000;
}
.index-content-five .index-content-five-xxk .down .li ul li a p {
height:60px;
overflow:hidden;
font-size:12px;
color:#9d9d9d;
text-align:left;
text-indent:2em;
padding:0 10px;
line-height:20px;
}





.index-content-six {
width:100%;
background:#fff;
position:relative;
text-align:center;
min-width:1200px;
}
.index-content-six i {
width:0;
    height:0;
    border-top:19px solid #4c506b;
    border-left:11px solid transparent;
    border-right:11px solid transparent;
    position:absolute;
    top:0;
    left:50%;
    margin:0 0 0 -11px;
}
.index-content-six .index-content-six-title {
width:195px;
height:41px;
background:url(../images/title.png) no-repeat;
margin:0 auto;
text-align:center;
position:relative;
top:60px;
}
.index-content-six .index-content-six-title h1 {
width:100%;
font-size:24px;
color:#000;
position:absolute;
top:-18px;
left:0;
}
.index-content-six .index-content-six-title h2 {
padding:19px 0 0 0;
color:#8e8e8e;
}
.index-content-six>h3 {
font-size:14px;
color:#9c9c9c;
margin:76px auto 12px;
}
.index-content-six>h4 {
font-size:10px;
color:#b9b9b9;
}
.index-content-six .index-content-six-bg {
width:1177px;
height:425px;
background:url(../images/five-bg.png) no-repeat;
margin:48px auto 0;
}
.index-content-six .index-content-six-bg>img {
float:left;
margin:23px 0 0 19px;
}
.index-content-six .index-content-six-bg .index-content-six-content {
width:544px;
height:260px;
float:right;
margin:110px 45px 0 0;
text-align:left;
position:relative;
}
.index-content-six .index-content-six-bg .index-content-six-content p {
font-size:15px;
color:#fff;
line-height:28px;
}
.index-content-six .index-content-six-bg .index-content-six-content div {
width:100%;
position:absolute;
bottom:0px;
}
.index-content-six .index-content-six-bg .index-content-six-content div h1 {
float:left;
font-size:20px;
color:#fff;
}
.index-content-six .index-content-six-bg .index-content-six-content div h1 span {
font-size:28px;
}
.index-content-six .index-content-six-bg .index-content-six-content div a {
display:block;
float:right;
width:118px;
height:36px;
line-height:36px;
text-align:center;
border:none;
background:#ddb900;
color:#fff;
font-size:14px;
}
/*底部*/
.index-footer-bg {
width:100%;
min-height:361px;
background:#4C4C4C;
min-width:1200px;
}
.index-footer-bg .index-footer {
width:1200px;
margin:0 auto;
}
.index-footer-bg .index-footer>h1 {
font-size:24px;
color:#fff;
padding:25px 0 0 42px;
margin:0 0 25px 0;
font-family:"微软雅黑";
}
.index-footer-bg .index-footer>h1 span {
margin:0 0 0 16px;
font-size:16px;
color:#f3d642;
font-family:"微软雅黑";
}
.index-footer-bg .index-footer .index-footer-one {
width:364px;
float:left;
margin:0 0 0 51px;
}
.index-footer-bg .index-footer .index-footer-one form input {
width:352px;
height:38px;
line-height:38px;
border:1px solid #fff;
outline:none;
padding:0 0 0 10px;
color:#777;
font-family:"宋体";
}
.index-footer-bg .index-footer .index-footer-one form input+input {
margin:10px auto;
}
.index-footer-bg .index-footer .index-footer-one form textarea {
width:352px;
height:85px;
line-height:20px;
border:1px solid #fff;
outline:none;
padding:10px 0 0 10px;
color:#777;
font-family:"宋体";
resize:none
}
.index-footer-bg .index-footer .index-footer-one form button {
width:364px;
height:40px;
line-height:40px;
background:#d64108;
color:#fff;
text-align:center;
border:none;
margin:15px auto 0;
font-size:14px;
}
.index-footer-bg .index-footer .index-footer-two {
width:364px;
float:left;
margin:0 0 0 40px;
}
.index-footer-bg .index-footer .index-footer-two dl {
float:left;
}
.index-footer-bg .index-footer .index-footer-two dl dt {
font-size:18px;
color:#fff;
margin:0px;
}
.index-footer-bg .index-footer .index-footer-two dl dd {
margin:0 0 3px 0;
color:#c9c9c7;
font-size:14px;
}
.index-footer-bg .index-footer .index-footer-three {
width:285px;
float:left;
margin:0 0 0 94px;
}
.index-footer-three .index-footer-code {
float:left;
margin:43px 0px 23px 12px;;
}

.index-footer-three .index-footer-code img { width:120px; height:120px;}


.index-footer-three .index-footer-code div {
float:left;
text-align:center;
}
.index-footer-three .index-footer-code div p {
margin:12px 0 0 0;
color:#fff;
}
/*底部*/
.index-bottom-bg {
width:100%;
height:auto;
        padding-bottom:30px;
background:#262e37;
border-top:1px solid #3a4149;
min-width:1200px;
}
.index-bottom-bg .index-bottom {
width:1200px;
margin:0 auto;
}
.index-bottom-bg .index-bottom p {
line-height:24px;
margin:12px 0 0 0;
        text-align:center;
}
.index-bottom-bg .index-bottom p a {
margin:0px;
color:#cfcccc;
}
.index-bottom-bg .index-bottom p a:hover {
color:#97B3D4;
}
.index-bottom-bg .index-bottom em {
display:block;
width:100%;
text-align:center;
color:#f5f4f4;
margin:16px 0 23px 0;
}
.index-bottom-bg .index-bottom em a{color:#fff;}
.index-bottom-bg .index-bottom ul {
width:100%;
text-align:center;
}
.index-bottom-bg .index-bottom ul li {
display:inline-block;
*display:inline;
}
.index-bottom-bg .index-bottom ul li+li {
margin:0 0 0 20px;
}
.index-bottom-bg .index-bottom>img {
display:block;
width:50px;
margin:17px auto 0;
}
/*二级页*/
.kc_list-banner {
width:100%;
height:450px;
background:url(/images/nybanner.png) no-repeat center;
}
.kc_list-content {
  width: 1170px;
  margin:40px auto;
}
 .position {
float:right;
height:18px;
line-height:18px;
margin:32px auto 0;
background:url(../images/home.png) no-repeat;
text-indent:2em;
color:#000;
}
 .position a {
 color:#787878;
 }
.kc_list-content .content-title {
width:1200px;
margin:32px auto 46px;
font-size:26px;
text-align:center;
}
.kc_list-content .index-content {
margin:64px auto 96px;
}
.kc_list_n-content {
background:#ffffff;
width:1200px;
height:auto;
margin:60px auto;
}


.kc_list_n-content .content-title {
text-align:left;
margin:29px auto 24px;text-align: center;
}
.kc_list_n-content .time-button {
width:100%;
}
.kc_list_n-content .time-button .kc_list-content-time {
text-align: center;
}
.kc_list_n-content .time-button .kc_list-content-time span {
color:#969696;
margin:0 14px 0 0;
}
.kc_list_n-content .time-button .kc_list-content-button {
float:right;
margin:0 42px 0 0;
position:relative;
}
.kc_list_n-content .time-button .kc_list-content-button a {
margin:0 0 0 7px;
display:inline-block;
}
.kc_list_n-content .time-button .kc_list-content-button .dy {
display:inline-block;
width:auto;
height:28px;
line-height:28px;
background:url(../images/dy.png) no-repeat;
text-indent:3em;
position:absolute;
top:-6px;
left:-80px;
color:#969696;
}
.kc_list_n-content>p {
width:100%;
font-size:15px;
line-height:28px;
text-indent:2em;
color:#5c5c5c;
font-family:"微软雅黑";
margin:27px 0 0 0;
}
.kc_list_n-content>a>img {
margin:30px 0;
}







.kc_list_n-content .ul { 
width:100%; 
height:25px;
margin:57px auto 24px; 
}
.kc_list_n-content .ul .li { 
display:inline-block;
*display:inline;
font-size:16px;
color:#8e8e8e;
text-align:center; 
cursor:pointer;
margin:0 5px;
}
.kc_list_n-content .ul .li.on { 
color:#000;
}
.kc_list_n-content .down { 
width:100%; 
/*height:800px; */
border-top:1px solid #bdbdbd;
padding:29px 0 0 0;
}
.kc_list_n-content .down .li { 
display:none; 
width:100%; 
height:100%; 
line-height:26px;
font-size:14px;
color:#5c5c5c;
}
.kc_list_n-content .down .li p {
text-indent:2em;
}
.kc_list_n-content .down .li.on { 
display:block; 
}
.kc_list_n-content .kc_list_n-content-nextprev {
width:100%;
border-top:1px solid #bdbdbd;
margin:28px 0 0 0;
padding: 21px 15px 15px 15px;
clear:both;
}
.kc_list_n-content .kc_list_n-content-nextprev p {
margin:5px 0 5px 0;
        font-size:15px;
color:#7d7d7d;
}
.kc_list_n-content .kc_list_n-content-nextprev p a{color:#b50b0b}
.lianxiserver {
background:none;
width:1200px;
height:auto;
margin:0 auto;
text-align:center;
}
.lianxiserver .content-title {
color:#2465b7;
}
.lianxiserver-icon {
position:relative;
}
.lianxiserver-icon a {
margin:0 0 0 7px;
display:inline-block;
}
.lianxiserver-icon a+a {
vertical-align:middle;
}
.lianxiserver-icon .dy {
display:inline-block;
width:auto;
height:28px;
line-height:28px;
background:url(../images/dy.png) no-repeat;
text-indent:3em;
color:#969696;
margin:0 15px 0 0;
}



.lianxiserver-footer-bg {
background:none;
}
.lianxiserver-footer-bg .index-footer h1 {
color:#000;
}
.lianxiserver-footer-bg .index-footer h1 span {
color:#cacaca;
}
.lianxiserver-footer-bg .index-footer .index-footer-one form input {
border:1px solid #d4d4d4;
}
.lianxiserver-footer-bg .index-footer .index-footer-one form textarea {
border:1px solid #d4d4d4;
}
.lianxiserver-footer-bg .index-footer .index-footer-two dl dt {
color:#1b5fb4;
}
.lianxiserver-footer-bg .index-footer .index-footer-two dl dd a {
color:#737373;
}
.lianxiserver-footer-bg .index-footer .index-footer-two dl dd:hover a {
color:#484848;
}
.lianxiserver-footer-bg .index-footer-three .index-footer-iphone h1 {
color:#2969bb;
}
.lianxiserver-footer-bg .index-footer-three .index-footer-iphone p {
color:#000;
}
.lianxiserver-footer-bg .index-footer-code div p {
color:#5e5e5e;
}
.lianxiserver-footer-bg .index-footer-code ul li {
color:#737373;
}
.lianxiserver-icon-dt {
width:1192px;
height:435px;
border:4px solid #eaeaea;
margin:40px auto 0;
}
.z_list-content {
height:auto;
}
.z_list-content .index-content-three-xxk { 
width:1200px; 
height:auto; 
margin:0 auto;
}
.z_list-content .index-content-three-xxk .ul { 
width:100%; 
height:25px;
margin:33px auto 30px; 
text-align:center;
}
.z_list-content .index-content-three-xxk .ul .li { 
display:inline-block;
*display:inline;
width:90px; 
height:25px; 
line-height:25px;
font-size:14px;
color:#000;
text-align:center; 
cursor:pointer;
margin:0 5px;
}
.z_list-content .index-content-three-xxk .ul .li a{color:#000;}
.z_list-content .index-content-three-xxk .ul .li.on { 
background:#ba0107;
color:#fff;
}
.z_list-content .index-content-three-xxk .ul .li.on a{ 
background:#ba0107;
color:#fff;
}
.z_list-content .index-content-three-xxk .down { 
width:100%; 
/*max-height:382px; */
}
.z_list-content .index-content-three-xxk .down .li { 
display:none; 
width:100%; 
height:100%; 
}
.z_list-content .index-content-three-xxk .down .li.on { 
display:block; 
}
.z_list-content .index-content-three-xxk .down .li ul li {
width:370px;
height:382px;
float:left;
margin:24px 14px;
text-align:center;
position:relative;
}
.z_list-content .index-content-three-xxk .down .li ul li .fdj-none {
position:absolute;
top:0px;
left:0px;
display:none;
}
.z_list-content .index-content-three-xxk .down .li ul li a {
width:100%;
height:100%;
display:block;
}
/*.z_list-content .index-content-three-xxk .down .li ul li+li {
margin:0 0 0 45px;
}*/
.z_list-content .index-content-three-xxk .down .li ul li a img {
max-width:370px;
max-height:172px;
}
.z_list-content .index-content-three-xxk .down .li ul li a h1 {
margin:30px 0 20px 0;
font-size:16px;
color:#000;
}
.z_list-content .index-content-three-xxk .down .li ul li a p {
height:60px;
overflow:hidden;
font-size:12px;
color:#9d9d9d;
text-align:left;
text-indent:2em;
padding:0 10px;
line-height:20px;
}
.z_list-content .index-content-three-xxk .down .li ul li a button {
width:118px;
height:36px;
line-height:36px;
background:#ba0107;
color:#fff;
font-size:10px;
border:none;
margin:40px 0 0 0;
outline:none;
}
.z_list-content .index-content-three-xxk .down .li ul li:hover button {
background:#e94c0f;
}
.z_list-content .index-content-three-xxk .down .li ul li:hover .fdj-none {
display:block;
}
.z_list-content .index-content-button {
margin:92px auto 54px;
}


.zj_list-content {
height:auto;
background:#fff;
}
.zj_list-content .index-content-three-xxk { 
/*width:1200px; */
width:1735px;
height:auto; 
margin:0 auto;
}
.zj_list-content .index-content-three-xxk .ul { 
width:100%; 
height:25px;
margin:33px auto 30px; 
text-align:center;
}
.zj_list-content .index-content-three-xxk .ul .li { 
display:inline-block;
*display:inline;
width:90px; 
height:25px; 
line-height:25px;
font-size:14px;
color:#000;
text-align:center; 
cursor:pointer;
margin:0 5px;
}
.zj_list-content .index-content-three-xxk .ul .li.on { 
background:#ba0107;
color:#fff;
}
.zj_list-content .index-content-three-xxk .down { 
width:100%; 
/*max-height:382px; */
}
.zj_list-content .index-content-three-xxk .down .li { 
display:none; 
width:100%; 
height:100%; 
}
.zj_list-content .index-content-three-xxk .down .li.on { 
display:block; 
}
.zj_list-content .index-content-three-xxk .down .li .index-content {
margin:64px 0 48px 0;
height:auto;
}
.zj_list-content .index-content-three-xxk .down .li .index-content li {
margin:19px;
}
.zj_list-content .index-content-button {
margin:0 auto 70px;
clear:both;
}

.zj_list_n-content .content-title span {
margin:0 0 0 36px;
color:#838383;
font-size:14px;
vertical-align:middle;
}


.xs_list-content {
height:auto;
        overflow:hidden;
background:#fff;
        text-align:center;
}
.xs_list-content .index-content-five-xxk { 
/*width:1200px; */
width:1735px;
height:auto; 
margin:0 auto;
}
.xs_list-content .index-content-five-xxk .ul { 
width:100%; 
height:25px;
margin:33px auto 30px; 
text-align:center;
}
.xs_list-content .index-content-five-xxk .ul .li { 
display:inline-block;
*display:inline;
width:90px; 
height:25px; 
line-height:25px;
font-size:14px;
color:#000;
text-align:center; 
cursor:pointer;
margin:0 5px;
}
.xs_list-content .index-content-five-xxk .ul .li a{color:#000;}
.xs_list-content .index-content-five-xxk .ul .li.on { 
background:#ba0107;
color:#fff;
}
.xs_list-content .index-content-five-xxk .ul .li.on a{ 
background:#ba0107;
color:#fff;
}
.xs_list-content .index-content-five-xxk .down { 
width:100%; 
}
.xs_list-content .index-content-five-xxk .down .li { 
display:none; 
width:100%; 
height:100%; 
}
.xs_list-content .index-content-five-xxk .down .li.on { 
display:block; 
}
.xs_list-content .index-content-five-xxk .down .li ul li {
width:25%;
height:340px;
float:left;
position:relative;
}
.xs_list-content .index-content-five-xxk .down .li ul li:hover a h1{
        color:#b50b0b;
}
.xs_list-content .index-content-five-xxk .down .li ul li a {
width:100%;
height:100%;
display:block;
}
.xs_list-content .index-content-five-xxk .down .li ul li a img {
max-width:370px;
max-height:252px;
}
.xs_list-content .index-content-five-xxk .down .li ul li a h1 {
margin:10px 0 5px 0;
font-size:16px;
color:#000;
}
.xs_list-content .index-content-five-xxk .down .li ul li a p {
height:60px;
overflow:hidden;
font-size:12px;
color:#9d9d9d;
text-align:left;
text-indent:2em;
padding:0 10px;
line-height:20px;
}

.xs_list-content .index-content-button {
margin:0 auto 70px;
clear:both;
}

.img-p {
width:100%;
margin:21px 0 0 0;
}
.img-p .zjjs {
float:left;
margin:0 30px 0 0;
}
.img-p>p {
float:left;
width:80%;
font-size:15px;
line-height:28px;
text-indent:2em;
color:#5c5c5c;
font-family:"微软雅黑";
margin:27px 0 0 0;
}




.scrollpic {
max-width: 1200px;
min-height: 330px;
margin:54px auto 0;
position: relative;
}

#myscroll {
display: block;
width: 100%;
position: relative;
height: 330px;
overflow: hidden;
margin-left: -10px;
}

#myscroll #myscrollbox {
display: block;
float: left;
position: absolute;
left: 0;
top: 0;
width: 1000000px;
}

#myscroll ul {
display: block;
float: left;
list-style-type: none;
padding: 0;
margin: 0;
}

#myscroll ul li {
display: block;
float: left;
padding: 0;
margin: 0;
}

#myscroll ul li a {
display: block;
float: left;
width: 240px;
padding: 0 5px;
position: relative;
height: 330px;
color: #333;
}

#myscroll a .intro {
position: absolute;
left: 5px;
z-index: 10;
background:url(../images/zjjs-bg.png) repeat;
width: 231px;
}
#myscroll ul li:hover a .intro {
background:url(../images/zjjs-bg-1.png) repeat;
}
#myscroll a .intro h5 {
padding: 0;
margin: 0;
font-size: 16px;
height: 60px;
width: 255px;
line-height: 60px;
text-align:left;
text-indent:1em;
color:#fff;
}
#myscroll a .intro h5 b {
color:#a3ccff;
font-weight:normal;
font-size:14px;
margin:0 0 0 22px;
}
#myscroll ul li:hover a .intro h5 b {
color:#fff;
}
#myscroll a .intro p {
font-size: 13px;
line-height: 20px;
margin:0px 15px 10px;
/*height: 40px;*/
overflow: hidden;
text-align:left;
color:#fff;
}

#myscroll a .intro {
bottom: -61px;
}

#myscroll a:hover .intro {
bottom: 0px;
}

#mybtns {
width: 100%;
display: block;
height: 42px;
position: absolute;
z-index: 99999999;
top: 50%;
margin: -21px 0 0 0;
}

#mybtns a {
width: 42px;
height: 42px;
display: block;
float: left;
margin-right: 1px;
background-color: #c1c1c1;
}

#mybtns a:hover {
background-color: #d7000f;
}

#mybtns a:hover, #myscroll, #mybtns a,#myscroll a:hover .intro, #myscroll a .intro,#myscroll #myscrollbox {
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}

#mybtns #left {
background: url(../images/jt_l.png) no-repeat;
float: left;
margin:0 0 0 -35px;
}

#mybtns #right {
background: url(../images/jt_r.png) no-repeat;
float: right;
margin:0 -35px 0 0;
}


.zj_list-content .index-content-three-xxk .down ul {
display: block;
float: left;
list-style-type: none;
padding: 0;
margin: 0;
}

.zj_list-content .index-content-three-xxk .down ul li {
display: block;
float: left;
padding: 0;
margin: 25px 0;
height:395px;
overflow:hidden;
}

.zj_list-content .index-content-three-xxk .down ul li a {
display: block;
float: left;
width: 305px;
padding: 0 21px;
position: relative;
height: 390px;
color: #333;
}

.zj_list-content .index-content-three-xxk .down a .intro {
position: absolute;
left: 21px;
z-index: 10;
background: url(../images/zjjs-bg.png) repeat;
width: 305px;
}

.zj_list-content .index-content-three-xxk .down a .intro h5 {
padding: 0;
margin: 0;
font-size: 16px;
height: 60px;
width: 305px;
line-height: 60px;
text-align:left;
text-indent:1em;
color:#fff;
}
.zj_list-content .index-content-three-xxk .down a .intro h5 b {
color:#a3ccff;
font-weight:normal;
font-size:14px;
margin:0 0 0 22px;
}
.zj_list-content .index-content-three-xxk .down a .intro p {
font-size: 13px;
line-height: 20px;
margin:0 15px 10px;
/*height: 40px;*/
overflow: hidden;
text-align:left;
color:#fff;
}

.zj_list-content .index-content-three-xxk .down a .intro {
bottom: -61px;
        height:110px;
}

.zj_list-content .index-content-three-xxk .down a:hover .intro {
bottom: -5px;
}

.zj_list-content .index-content-three-xxk .down a:hover .intro {
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}

#WebRight_ImgS_TwoDimensionCode{display:none}
@media(min-width:320px) and (max-width:1024px) {
.banner>ul> li {
width:1200px !important;
}
.img-btn-list {
display:none;
}
.index-content-two .hover-right{
 display:none;
}
}


#doyoo_panel{z-index:999999!important;}
#doyoo_panel div.doyoo_pan_icon_inner{z-index:999999;}
#closePopOrderForm{
  position: absolute;
  right: 10px;
  top: 20px;
  background:none;
  width: 40px;
  border:2px solid #216ce9;
  color: #216ce9;
  height: 40px;
  line-height: 0px;
  font-size: 40px;
  border-radius:50%;
  text-align: center;
  padding-bottom: 5px;
}
.popOrderForm{
  z-index: 19891014;
  background-color: rgb(0, 0, 0);
  opacity: 0.3;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0px;
  top: 0px;
  display:none;
}

#popOrderForm {
  width: 242px;
  height:329px;
  position: fixed;
  z-index: 19891015;
  background-color: transparent !important;
  box-shadow: 0 0 0 rgba(0,0,0,0) !important;
  right: 38px;
  bottom: 20px;
  display:none;
  background-size: 100%;
}

#popOrderForm h2 {
  font-family: 微软雅黑;
  font-size: 13px;
  color: #333;
  text-align: center;
  padding-top: 109px;
}

#popOrderForm h2 i{ width:4px; height:4px; background:#949494; border-radius:100%; -moz-border-radius:100%; -ms-border-radius:100%; -o-border-radius:100%; -webkit-border-radius:100%; display:inline-block; margin:0 8px; vertical-align:3px;}

#popOrderForm p {
  border-bottom:1px solid #dadada;
  width: calc(100% - 38px);
  height: 32px;
  padding-top: 3px;
  margin:0px 20px;
}

#popOrderForm p input{line-height: 30px;border:0;width: 100%;background:none;outline:none;font-size: 10px;}

#popOrderForm .submit {
  text-align: center;
  background:#1a7ae5;
  color: #fff;
  cursor: pointer;
  width: 159px;
  height: 30px;
  border:none;
  border-radius:4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  -webkit-border-radius:4px;
  margin-left: 44px;
  margin-top: 18px;
}


.float_right{width:35px; height:688px; position:fixed;right:0;top:50px; z-index:999999999999;}

.float_right ul li{ display:block; width:35px; height:160px; margin-bottom:1px; position:relative;}

.float_right ul li>a span{ font-family:微软雅黑; font-size:14px; color:#fff; width:22px; margin:0 auto; text-align:center; line-height:14px; display:block;}

.float_right ul li>a ins{ display:block; width:7px; height:13px; margin:34px auto 0; background:url(../images/bg.png?version=0530) no-repeat -387px -23px}

.float_right ul li.c4>a ins{margin:76px auto 0;}

.float_right ul li.c1{ background:#1a7ae5; padding-top:12px; height:148px;}

.float_right ul li.c1 i{ width:22px; height:23px; background:url(../images/bg.png?version=0530) no-repeat -295px -21px; display:block; margin:0 auto 4px;}

.float_right ul li.c2{ background:#fc8c01; padding-top:14px; height:161px;}

.float_right ul li.c2 i{ width:23px; height:22px;background:url(../images/qqkf.png) no-repeat; display:block; margin:0 auto 6px;}

.float_right ul li.c3{ background:#aada46; padding-top:14px; height:161px;}

.float_right ul li.c3 i{ width:23px; height:19px; background:url(../images/bg.png?version=0530) no-repeat -297px -80px; display:block; margin:0 auto 6px;}

.float_right ul li.c4{ background:#898989; padding-top:14px; height:188px;}

.float_right ul li.c4>a i{ width:18px; height:18px; background:url(../images/bg.png?version=0530) no-repeat -300px -105px; display:block; margin:0 auto 7px;}

.float_right a.gotop{ width:35px; height:44px; background:url(../images/bg.png?version=0530) no-repeat -343px -63px; display:block;}

.float_right dl{ width:0; height:161px; top:0; right:0; z-index:100; position:absolute; overflow:hidden; }

.float_right ul li.c4 dl{ height: 202px;}

.float_right ul li.c1 dt{ border-width:1px 1px 0 1px; border-style:solid; border-color:#1a7ae5; width:139px; height:125px; background:#fff;}

.float_right ul li.c1 dd{ height:34px; width:141px; background:#1a7ae5; display:block; overflow:hidden;}

.float_right ul li.c1 dd i{width:22px; height:23px; background:url(../images/bg.png?version=0530) no-repeat -295px -21px; display:block; float:left; margin:7px 6px 0 19px}

.float_right ul li.c1 dd span{ font-family:微软雅黑; font-size:14px; color:#fff; line-height:34px;}

.float_right ul li.c1 dd ins{ float:right;width:7px; height:13px; margin:11px 12px 0 0; background:url(../images/bg.png?version=0530) no-repeat -387px -23px}

.float_right ul li.c2 dt{ border-width:1px 1px 0 1px; border-style:solid; border-color:#fc8c01; width:146px; height:128px; padding:14px 21px; background:#fff;}

.float_right ul li.c2 dd{ height:34px; width:141px; background:#fc8c01; display:block; overflow:hidden;}

.float_right ul li.c2 dd i{width:23px; height:22px; background:url(../images/qqkf.png) no-repeat; display:block; float:left; margin:7px 6px 0 19px}

.float_right ul li.c2 dd span{ font-family:微软雅黑; font-size:14px; color:#fff; line-height:34px;}

.float_right ul li.c2 dd ins{ float:right;width:7px; height:13px; margin:11px 12px 0 0; background:url(../bg/bg.png?version=0530) no-repeat -387px -23px}

.float_right ul li.c3 dt{ border-width:1px 1px 0 1px; border-style:solid; border-color:#aada46; width:146px; height:128px; padding:10px 18px; background:#fff;}

.float_right ul li.c3 dd{ height:34px; width:141px; background:#aada46; display:block; overflow:hidden;}

.float_right ul li.c3 dd i{width:23px; height:19px; background:url(../images/bg.png?version=0530) no-repeat -297px -80px; display:block; float:left; margin:7px 6px 0 19px}

.float_right ul li.c3 dd span{ font-family:微软雅黑; font-size:14px; color:#fff; line-height:34px;}

.float_right ul li.c3 dd ins{ float:right;width:7px; height:13px; margin:11px 12px 0 0; background:url(../images/bg.png) no-repeat -387px -23px}

.float_right ul li.c4 dt{ border-width:1px 1px 0 1px; border-style:solid; border-color:#898989; width:139px; height:167px; background:#fff;}

.float_right ul li.c4 dt span{ font-family:微软雅黑; font-size:14px; color:#000; display:block; text-align:center;}

.float_right ul li.c4 dt span.c1{}

.float_right ul li.c4 dt span.c2{}

.float_right ul li.c4 dt i{ font-family:Verdana, Geneva, sans-serif; font-size:14px; color:#808080; display:block; text-align:center;}

.float_right ul li.c4 dd{ height:34px; width:141px; background:#898989; display:block; overflow:hidden;}

.float_right ul li.c4 dd i{width:18px; height:18px; background:url(../images/bg.png?version=0530) no-repeat -300px -105px; display:block; float:left; margin:7px 6px 0 19px}

.float_right ul li.c4 dd span{ font-family:微软雅黑; font-size:14px; color:#fff; line-height:34px;}

.float_right ul li.c4 dd ins{ float:right;width:7px; height:13px; margin:11px 12px 0 0; background:url(../images/bg.png?version=0530) no-repeat -387px -23px}


.kec-1 {
    width: 1140px;
    padding: 29px;
    border: 1px solid #eeeeee;
    background: #fff;
    margin-top: 50px;
    overflow: hidden;
}
.kec-11 {
    width: 480px;
    height: 270px;
    overflow: hidden;
    float: left;
}
.kec-11 img {
    width: 480px;
    height: 270px;
}
.kec-12 {
    width: 630px;
    height: auto;
    overflow: hidden;
    float: right;
}
.kec-121 {
    width: 100%;
    height: 44px;
    line-height: 44px;
    font-size: 24px;
    color: #333333;
    overflow: hidden;
    font-weight: bold;
}
.kec-122 {
    width: 100%;
    height: 30px;
    line-height: 30px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 16px;
    color: #333333;
    overflow: hidden;
}
.kec-122 span {
    display: inline-block;
    margin-left: 0;
    height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    margin-right: 10px;
    background: #e81929;
    color: #fff;
}
.kec-125 {
    width: 100%;
    line-height: 30px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 16px;
    color: #333333;
    overflow: hidden;
}
.kec-125 span {
    display: inline-block;
    margin-left: 0;
    height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    background: #e81929;
    color: #fff;
}
.kec-125 font {
    margin-left: 10px;
}
.kec-124 {
    width: 100%;
    height: 50px;
    text-align: center;
    margin-left: 0;
    margin-top: 29px;
}
.kec-1241 {
    width: 160px;
    height: 50px;
    overflow: hidden;
    background: #e81929;
    float: left;
   border-radius: 5px;
}
.kec-1241 a {
    display: block;
    width: 160px;
    height: 50px;
    line-height: 50px;
    font-size: 25px;
    color: #fff;
}
.kec-1242 {
    width: 160px;
    height: 50px;
    margin-left: 20px;
    overflow: hidden;
    background: #e81929;
    float: left;
    border-radius: 5px;
}

.kec-1242 a {
    display: block;
    width: 160px;
    height: 50px;
    line-height: 50px;
    font-size: 25px;
    color: #fff;
}



.index-content-three-title{ width: 195px;
    height: 41px;
    background: url(../images/title2.png) no-repeat;
    margin: 0 auto;
    text-align: center;
    position: relative;
    top: 60px;
}
.index-content-three-title h1{
    width: 100%;
    font-size: 24px;
    color: #000;
    position: absolute;
    top: -18px;
    left: 0;
}
.index-content-three-title h2{
    padding: 19px 0 0 0;
    color: #8e8e8e;
}
.index-content-three-title1 h3{
    font-size: 14px;
    color: #9c9c9c;
    margin: 76px auto 12px;
    text-align: center;
}
.index-content-three-title1 h4 {
    font-size: 10px;
    color: #b9b9b9;
    text-align: center;
}




.headtop{
   background:#fff;
}
.headtop .index-top-bg {
   background:#383838;
}
.headtop .index-top-nav>a img {
filter: unset;
-webkit-filter:unset;
}
.headtop .index-top-nav > ul > li a{
  color:#8e8e8e;
}
.headtop .index-top-nav>ul>li a span {
  color:#8e8e8e;
}
.headtop .index-top-nav>ul>li:hover a {
  color:#b50b0b;
}
.headtop .index-top-nav>ul>li:hover a span {
  color:#b50b0b;
}


.title{
  position: relative;
  max-width: 94%;
  margin:0 auto;
  height: 75px;
  overflow: hidden;
}
.title .content-title{
  position: absolute;
  text-align: left;
  color: #e94c0f;
  font-weight: bold;
}
.detailsTxt{
   border-top: solid 1px #eee;
}
.left_nav{
  width: 250px;
  float: left;
}
.left_nav li{
  height: 56px;
  line-height: 56px;
  text-align: left;
  font-size: 16px;
  border-bottom:solid 1px #eee;
  padding-left: 40px;
}
.left_nav .on{
  background:#e94c0f;
  color: #fff;
}
.detailsTxt::after {
  content: "";
  display: table;
  clear: both;
}
.detailsTxt .ueditor {
  float: left;
  width: 100%;
  border-left:solid 1px #eee;
  padding:30px;
  font-size: 16px;
  line-height: 32px;
}
.head_nav{
  width: 1170px;
  margin:40px auto;
  background:#fff;
  min-height: 66px;
  line-height: 66px;
  font-size: 16px;
  border-radius:10px;
  padding:0px 15px;
}
.head_nav a{margin: 0px 15px;}

/*师资团队*/
.teacher_list-content ul{}
.teacher_list-content ul li{
  width: calc(25% - 15px);
  float: left;
  margin-right:15px;
  overflow:hidden;
  border-radius:10px;
  background:#ffffff;
  margin-bottom:15px;
}
.teacher_list-content ul li:nth-child(4n){
  margin-right:0px;
}
.teacher_list-content ul li a {
  padding: 15px;
  display: block;
  width: 100%;
  height: 100%;
}
.teacher_list-content ul li a img {
  border-radius: 5px;
}
.teacher_list-content ul li .intro{
  margin-top: 10px;
  display: block;
  width: 255px;
  height: 105px;
}
.teacher_list-content ul li .intro h5{
  font-size: 16px;
  font-weight: bold;
}
.teacher_list-content ul li .intro p{
  -webkit-line-clamp: 3;
  overflow:hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient:vertical;
  font-size: 14px;
  color: #666;
  margin-top: 3%;
  line-height: 1.8;
  font_radio: 2;
  display-radio: -webkit-box;
}


/*师资详情*/
.teacher_head{
  background:#fff;
  margin-top: -50px;
  min-height: 280px;
}
.teacher_head::after {
  content: "";
  display: table;
  clear: both;
}
.teacher_head img{
  position: relative;
  width: 200px;
  border:3px solid #fff;
  float:left;
  margin-bottom: 20px;
}
.teacher_head .right {
  float: left;
  margin-top: 100px;
  margin-left: 100px;
}
.teacher_head h1{
  font-size: 24px;
  margin:0%;
  font-weight: 500;
}
.teacher_head p{
  line-height: normal;
  font-size: 14px;
  color: #999;
  margin-top: 15px;
  margin-bottom: 20px;
  width: 800px;
}
.teacher_head .btn *{
  display: inline-block;
  position: relative;
  overflow:hidden;
  text-align: center;
  box-sizing: border-box;
  width: 180px;
  border-radius:4px;
  padding:0%;
  height: 52px;
  line-height: 52px;
  background:#e94c0f;
  border:0px;
  font-size: 18px;
  color: #fff;
  float:left;
}
.teacher_head .btn a{
  background: #c62b20;
  margin-left: 20px;
}


.teacher-content .intro{
  background:#fff;
  float: left;
  width: 800px;
  padding: 40px;
  font-size: 16px;
  line-height: 32px;
  min-height:800px;
}
.teacher-content .intro .t{
  line-height: normal;
  font-size: 20px;
  font-weight: bold;
  border-bottom:solid 1px #eee;
  padding-bottom: 15px;
}
.teacher-content .recommend{
  background:#fff;
  float: left;
  width: 300px;
  overflow:hidden;
  margin-left: 20px;
  border-radius:10px;
}
.teacher-content .recommend .r{
  border-bottom:solid 1px #eee;
  height: 80px;
  line-height: 80px;
  text-align: center;
  font-size: 18px;
  color: #e94c0f;
  font-weight: 650;
}
.teacher-content .recommend .list{
  padding:10px;
}
.teacher-content .recommend li{
  position: relative;
}
.teacher-content .recommend li span{
  position: absolute;
  width: 100%;
  bottom: 0px;
  left: 0px;
  background:#e94c0f;
  color: #fff;
  text-align: center;
  line-height: 48px;
}


/*文章列表页*/
.news_list-content{width:1200px;}
.news_list-content ul{padding: 0px 15px;}
.news_list-content li{
  overflow: hidden;
  clear: both;
  margin-bottom: 15px;
  background: #fff;
  padding: 10px 30px;
  border-radius: 5px;
}
.news_list-content img{
  float: left;
  margin-right: 20px;
  transform: scale(1);
  transition: all .5s cubic-bezier(.25, .46, .45, .94);
  box-shadow:  2px 5px rgba(,,,.1);
}
.news_list-content img:hover{
  transform: scale(1.1);
  box-shadow:  10px 20px rgba(,,,.15);
}
.news_list-content h1{
  font-size: 20px;
  margin-bottom: 10px;
}
.news_list-content h1:hover{
  color:#e94c0f;
}
.news_list-content .desc {
  font-size: 14px;
  color: #999;
  line-height: 24px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  height:72px;
}
.news_list-content .bottom{
  font-size: 14px;
  color: #999;
  line-height: 24px;
}
.news_list-content .bottom a{
  float: right;
  color: #666;
}
.news_list-content .bottom a:hover{
  color:#e94c0f;
}
.bt{
  font-size: 24px;
  text-align: center;
  line-height: 60px;
  color:#e94c0f
}
.info_attr{
  text-align: center;
  font-size: 15px;
  color: #bfbfbf;
  border-bottom: 1px solid #bfbfbf;
  padding-bottom: 20px;
}

.pro_list-content{}
.pro_list-content ul{
  overflow: hidden;
  clear: both;
}
.pro_list-content li {
  width: calc(25% - 16px);
  float: left;
  margin-left: 16px;
  background: #fff;
  border-radius: 10px;
  padding: 1%;
  margin-bottom: 13px;
  min-height: 279px;
}
.pro_list-content li:nth-child(4n+1){
  margin-left: 0px;
}
.pro_list-content li img{
  transition: all ease .5s;
}
.pro_list-content li:hover img {
  transform: scale(1.1);
}
.pro_list-content li a{
  display: block;
  overflow: hidden;
  width: 100%;
  border-radius: 10px;
}
.pro_list-content li h1 {
  font-size: 18px;
  height:48px;
  font-weight: 500;
  margin-bottom: 2%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pro_list-content li p {
  font-size: 15px;
  color: #999;
}
/*课程详情*/
.course_head{
  background:#fff;
  padding-top: 20px;
  min-height: 280px;
  position: relative;
}
.course_head .title-div{clear:both;overflow:hidden;}
.course_head .title-div span{float:left;}
.course_head .title-div .position{margin: auto 15px auto;}
.course_head::after {
  content: "";
  display: table;
  clear: both;
}
.course_head img {
  position: relative;
  width: 480px;
  border: 3px solid #fff;
  float: left;
  margin: 20px;
}
.course_head .right {
  float: left;
  margin-top: 30px;
  margin-left: 30px;
}
.course_head h1{
  font-size: 24px;
  margin:0%;
  font-weight: 500;
  width: 620px;
}
.course_head p{
  line-height: normal;
  font-size: 14px;
  color: #999;
  margin-top: 15px;
  margin-bottom: 20px;
}
.course_head .btn *{
  display: inline-block;
  position: relative;
  overflow:hidden;
  text-align: center;
  box-sizing: border-box;
  width: 180px;
  border-radius:4px;
  padding:0%;
  height: 52px;
  line-height: 52px;
  background:#e94c0f;
  border:0px;
  font-size: 18px;
  color: #fff;
  float:left;
}
.course_head .btn a{
  background: #c62b20;
  margin-left: 20px;
}

.course-content .intro{
  background:#fff;
  float: left;
  width: 800px;
  padding: 40px;
  font-size: 16px;
  line-height: 32px;
}
.course-content .intro .t{
  line-height: normal;
  font-size: 20px;
  font-weight: bold;
  border-bottom:solid 1px #eee;
  padding-bottom: 15px;
}
.course-content .recommend{
  background:#fff;
  float: left;
  width: 300px;
  overflow:hidden;
  margin-left: 20px;
  border-radius:10px;
}
.course-content .recommend .r{
  border-bottom:solid 1px #eee;
  height: 80px;
  line-height: 80px;
  text-align: center;
  font-size: 18px;
  color: #e94c0f;
  font-weight: 650;
}
.course-content .recommend .list{
  padding:10px;
}
.course-content .recommend li{
  position: relative;
  margin-bottom: 10px;
}
.course-content .recommend li span{
  position: absolute;
  width: 100%;
  bottom: 0px;
  left: 0px;
  background:#e94c0f;
  color: #fff;
  text-align: center;
  padding: 10px 0px;
}

/*榜样学员*/
.student_list-content ul{}
.student_list-content ul li{
  width: calc(25% - 15px);
  float: left;
  margin-right:15px;
  overflow:hidden;
  border-radius:10px;
  background:#ffffff;
  margin-bottom:15px;
}
.student_list-content ul li:nth-child(4n){
  margin-right:0px;
}
.student_list-content ul li a {
  padding: 15px;
  display: block;
  width: 100%;
  height: 100%;
}
.student_list-content ul li a img {
  border-radius: 5px;
}
.student_list-content ul li .intro{
  margin-top: 10px;
  display: block;
  width: 255px;
}
.student_list-content ul li .intro h5{
  font-size: 16px;
  font-weight: bold;
}
/*翻页按钮*/
.list-page-button{text-align: center;}
.list-page-button a {
  display: inline-block;
  line-height: 45px;
  height: 45px;
  width: 45px;
  margin: 0 3px;
  text-align: center;
  background: #fff;
  border:1px solid #fff;
  font-size: 16px;
  border-radius: 5px;
}
.list-page-button a:hover{
  border:1px solid #f00;
  color:#f00;
}
.list-page-button span {
  display: inline-block;
  line-height: 45px;
  height: 45px;
  width: 45px;
  margin: 0 3px;
  text-align: center;
  background: #f00;
  border:1px solid #fff;
  font-size: 16px;
  border-radius: 5px;
}
.list-page-button span font{
 color:#fff;
}
.list-page-button .nolink{
  background: #f2f3f5;
  border:1px solid #f2f3f5;
  cursor: not-allowed;
}
.list-page-button .total{display:none;}
.list-page-button .current{display:none;}
.list-page-button .first{display:none;}
.list-page-button .prev{font-size: 0px;color: transparent;}
.list-page-button .prev::before {
  content: "<";
  font-size: 16px;
  color: #000;
}
.list-page-button .next{font-size: 0px;color: transparent;}
.list-page-button .next::before {
  content: ">";
  font-size: 16px;
  color: #000;
}
.list-page-button .final{display:none;}
.list-page-button .jump{display:none;}

/*在线预约*/
.line_bt{
  font-size: 24px;
  text-align: center;
  line-height: 60px;
  color: #e94c0f;
}
.line_bt span{
  position: relative;
  width: 420px;
  display: inline-block;
}
.line_bt span::before {
  content: "";
  background: #dfdfdf;
  width: 120px;
  height: 1px;
  top: 32px;
  position: absolute;
  left: 0px;
}
.line_bt span::after{
  content: "";
  background: #dfdfdf;
  width: 120px;
  height: 1px;
  top: 32px;
  position: absolute;
  right: 0px;
}
.line_bt p{
  font-size: 14px;
  color: #999;
  line-height: 0px;
}
.custom{
  width: 1000px;
  margin: 30px auto;
}
.custom li{
  float: left;
  width: 480px;
  height: 40px;
  margin-right: 36px;
  margin-bottom: 25px;
  color: #666;
  line-height: 40px;
  border: 1px solid #dfdfdf;
  padding: 0px;
  font-size: 0px;
  overflow: hidden;
}
.custom li:nth-of-type(2) {
  margin-right: 0;
}
.custom label{
  display: block;
  float: left;
  width: 70px;
  font-size: 16px;
  text-align: center;
  letter-spacing: 2px;
  background: #f6fbfc;
  border-right: 1px solid #dfdfdf;
}
.custom input {
  width: 400px;
  height: 32px;
  padding-left: 5px;
  line-height: 38px;
  border: none;
  outline: 0;
}
.custom textarea{
  width: 1046px;
  height: 130px;
  padding: 16px;
  border: none;
  resize: none;
  outline: 0;
}
.custom .w100 {
  width: 995px;
  height: auto;
}
.custom .w100 label{
  width: 100%;
  text-align: left;
  padding-left: 10px;
  border-bottom: 1px solid #dfdfdf;
}
.custom .input-submit{
  display: block;
  width: 180px;
  height: 46px;
  margin: 0 auto;
  font-size: 14px;
  color: #fff;
  border-radius: 23px;
  border: none;
  cursor: pointer;
  background: rgba(214, 65, 8, .75);
  -webkit-transition: background-color .3s, color .3s;
  -o-transition: background-color .3s, color .3s;
  -moz-transition: background-color .3s, color .3s;
  transition: background-color .3s, color .3s;
  -webkit-box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2);
}

/*首页*/
.index-content-title .border{
  width: 195px;
  height: 41px;
  background: url(../images/title_border.png) no-repeat;
  margin: 0 auto;
  text-align: center;
  position: relative;
  top: 60px;
}
.index-content-title h1 {
  width: 100%;
  font-size: 24px;
  color: #000;
  position: absolute;
  top: -18px;
  left: 0;
}
.index-content-title h2 {
  padding: 19px 0 0 0;
  color: #8e8e8e;
}
.index-content-title h3 {
  font-size: 14px;
  color: #9c9c9c;
  margin: 76px auto 12px;
  text-align: center;
}
.index-content-title h4 {
  font-size: 10px;
  color: #b9b9b9;
  text-align: center;
}
.index_content_nav {
  text-align: center;
  margin: 15px 0px;
}
.index_content_nav a {
  display: inline-block;
  padding: 0 20px;
  border-left: 1px solid #ddd;
  font-size: 16px;
  transition: all .5s;
}
.index_content_nav a:first-child{
  border-left:none;
}
.index_content_nav a:hover{
  color:#e94c0f;
}
.index_content_list {
  width: 1200px;
  margin: 10px auto;
  overflow:hidden;
}
.index_content_list .recomend {
  width: calc(50% - 20px);
  display: block;
  float: right;
  margin-bottom: 0px;
  height: 385px;
}
.index_content_list ul{
  float: left;
  width: 50%;
}
.index_content_list ul a{
  float: left;
  width: calc(50% - 20px);;
}
.index_content_list a p{
  line-height: 40px;
  padding: 0 20px;
  font-size: 16px;
  color: #fff;
  background: rgba(0,0,0,.4);
  position: absolute;
  height: 40px;
  bottom: 0;
  right: 0;
  left: 0;
}
.index_content_list a{
  display: block;
  margin: 10px;
  position: relative;
  transition: all .5s;
}
.index_content_list img{
  width:100%;
  height:100%;
}
.index_content_list a:hover p {
  height: 100%;
  background: rgba(0,176,160,.7);
  display: flex;
  align-items: center;
}
.index_content_list a p span{
  display: inline-block;
  width: 31px;
  height: 14px;
  background: url(../images/icon5.png) no-repeat center center;
  float: right;
  height: 40px;
}
.index_content_list a:hover p span {
  display: block;
  margin: 0 auto;
  float: none;
  height: 20px;
}

#focus_Box{position:relative;width:1210px;height:558px;margin:20px auto;}
#focus_Box ul{position:relative;width:1210px;height:558px}
#focus_Box li{z-index:0;position:absolute; width:0px;background:#787878;height:0px;top:146px;cursor:pointer;left:377px;border-radius:4px;box-shadow:1px 1px 12px rgba(200, 200, 200, 1)}
#focus_Box li img{width:100%;background:url(../images/loading.gif) no-repeat center 50%;height:100%;vertical-align:top}
#focus_Box li p{position:absolute;left:0;bottom:0px;width:100%;height:40px;line-height:40px;background:url(../images/float-bg.png) repeat;text-indent:8px;color:#fff;}
#focus_Box li p span{display:inline-block;width:70%;height:40px;overflow:hidden;}
#focus_Box .prev,#focus_Box .next{display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:52px;height:52px;top:211px;}
#focus_Box .prev{background:url(../images/btn.png) left bottom no-repeat;left:0px}
#focus_Box .next{background:url(../images/btn.png) right bottom no-repeat;right:0px} 
#focus_Box .prev:hover{background-position:left top;}
#focus_Box .next:hover{background-position:right top;}