@charset "utf-8";
*{  padding:0;margin:0;border:none;text-decoration:none;  list-style-type:none;  font-family:'Microsoft YaHei',sans-serif;  color:#000;  }
body,div,h1,h2,h3,h4,h5,h6,dl,dd,dt,p,a,form,select,input,ul,ol,li{margin:0; padding:0; text-indent:0; font-weight:normal;font-size:14px; color:#333333;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
ul,ol{list-style:none; text-indent:0; list-style-position:outside;}  img{border:0;}
.clear{  clear:both; }
img{display:block;}
.browserupgrade{  margin:0;  z-index:9999;  width:100%;  height:42px;  color:#e50b71;  text-indent:20px;  line-height:42px;  overflow:hidden;  background:#222222;  border-bottom:4px solid #000000;  }
.browserupgrade a{  font-size:16px;  color:#fdc12d;  cursor:pointer; }
.browserupgrade a.brow-close{  font-size:14px;  margin-right:20px;  float:right; }
.clear{clear:both;}
.body{
	background-color:#ffffff;
}
.main{
    width:1200px;
    margin:0 auto;
}
.main::after{
    content:'';
    display:block;
    clear:both;
}
a{
    cursor:pointer;
}
.m_head{
    display:none;
}
.m_daohang{
    display:none;
}
.m_fenge{
    display:none;
}
.yinyu{
	width:100%;
	background-color:#f9f9f9;
}
.yinyu p{
	width:1200px;
	margin:0 auto;
	height:40px;
	line-height:40px;
	
}
.yinyu p span{
	font-size:14px;
	color:#abaaaa;
	display:block;
}
.yinyu p span:first-child{
	float:left;
}
.yinyu p span:nth-child(2){
	float:right;
}
.yinyu p span a{
	color:#abaaaa;
    margin-right: 20px;
}
header .h_logo{
    width: 1200px;
    margin: 0 auto;
    height:130px;
    box-sizing: border-box;
}
header .h_logo h1{
    float:left;
}
header .h_logo h1 img{
    width:154px;
    height:56px;
    margin-top:51px;
	margin-left:38px;
	margin-right:12px;
}
header .h_logo .h{
    width:1px;
    height:33px;
    background-color: #c4c4c4;
    float:left;
    margin:58px 0 0 15px;
}
header .h_logo .address{
    float:left;
    height:30px;
    line-height:30px;
    margin:58px 0 0 22px;
    cursor:pointer;
    position:relative;
    padding-bottom: 20px;
}
header .h_logo .address .img_address{
    width:14px;
    height:18px;
    float:left;
    margin-top:6px;
}
header .h_logo .address p{
    float:left;
    margin-left:8px;
}
header .h_logo .address p a{
    font-size:16px;
    color:#666666;
}
header .h_logo .address p a span{
    font-size: 18px;
    color: #888888;
}
header .h_logo .address i{
    width:14px;
    height:8px;
    background: url(../images/jiantou_xia.png) no-repeat center;
    background-size:14px 8px;
    float:left;
    margin-top:11px;
    margin-left:8px;
    transition: 0.3s;
}
header .h_logo .address:hover i{
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    transition: 0.5s;
}
header .h_logo .address .info{
    width:375px;
    height:208px;
    border: 2px solid #c9cbce;
    background-color: #ffffff;
    position:absolute;
    top:42px;
    display:none;
    transition: 0.3s;
    z-index:99;
}
header .h_logo .address .info:before, header .h_logo .address .info:after{
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-width: 10px;
    border-style: solid;
    position: absolute;
    left: 20px;
    z-index: 999999;
}
header .h_logo .address .info:before{
    border-color: transparent transparent #ffffff;
    top: -17px;
    z-index: 9999999;
}
header .h_logo .address .info:after{
    border-color: transparent transparent #c9cbce;
    top: -20px;
}

header .h_logo .address .info p{
    width:100%;
    font-weight: bold;
    margin:10px 4px 4px 4px;
    padding-left: 10px;
    color: #666666;
}
header .h_logo .address .info ul{
    width:100%;
    padding:0 15px;
    overflow: hidden;
}
header .h_logo .address .info ul li{
    float:left;
    width: 60px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #666666;
    background-color: #f5f5f5;
    margin-right:10px;
	margin-bottom: 10px;
}
header .h_logo .address .info ul li a{
	display:block;
}
header .h_logo .address .info ul li:hover a{
    color:#2faaff;
}


header .h_logo a.lo{
    float:left;
    display:block;
}
header .h_logo a.lo img{
    width:224px;
    height:47px;
    margin-top:31.5px;
}
header .h_logo img.xcy{
    width:138px;
    height:18px;
    float:left;
    margin-top:80px;
    margin-left:16px;
}
header .h_logo img.m_menu{
    display:none;
}
header .h_logo .phone{
    float: right;
    margin-top:49px;
    background: url(../images/phone.png) no-repeat left center;
    padding-left:45px;
}
header .h_logo .phone span{
    display:block;
    font-size:14px;
    color:#808080;
}
header .h_logo .phone p{
    font-size:20px;
    color:#4b4ec8;
    font-weight:bold;
}
header .h_logo form{
    float: left;
    width:470px;
    height: 40px;
    margin:52px 0 0 70px;
}
header .h_logo form input.so{
    width:390px;
    height:40px;
    border:solid 1px #4b4ec8;
    float:left;
    box-sizing: border-box;
    padding-left:45px;
    color:#333333;
    font-size:15px;
    background:url(../images/so.png) no-repeat left 17px center;
}
header .h_logo form input::-webkit-input-placeholder{
    color:#bdbdbd;
}
header .h_logo form input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#bdbdbd;
}
header .h_logo form input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#bdbdbd;
}
header .h_logo form input:-ms-input-placeholder{  /* Internet Explorer 10-11 */
    color:#bdbdbd;
}


header .h_logo form p.tj{
    font-size:18px;
    width:80px;
    height:40px;
    float:left;
    background-color: #4b4ec8;
    color:#ffffff;
    text-align: center;
    line-height:40px;
    cursor:pointer;
}
header .nav{
    width:100%;
    margin:0 auto;
    height:40px;
    background-color: #333333;
}
header .nav .menu{
    width:220px;
    height:40px;
    float:left;
    position:relative;
    box-sizing: border-box;

}
header .nav .menu ul.yw{
    position:absolute;
    top:40px;
    width:220px;
    height:447px;
    background: rgba(255,255,255,0.85);
    z-index:9999;
    border-bottom-left-radius:10px;
    overflow:hidden;
}
header .nav .menu ul.yw li{
    width:220px;
    height:64px;
    box-sizing: border-box;
    border-bottom:solid 1px rgba(255,255,255,0.1);
	background: url(../images/menu_more2.png) no-repeat right 20px center;
}
header .nav .menu ul.yw li:last-child{
    border-bottom:none;
    height:63px;
}
header .nav .menu ul.yw li.act{
	background: url(../images/menu_more2.png) no-repeat right 20px center;
    background-color: #ffffff;
	
}

header .nav .menu ul.yw li img{
    float:left;
    top:40px;
    margin-left:30px;
    margin-top:21.5px;
}
header .nav .menu ul.yw li span{
    line-height:63px;
    
    margin-left:15px;
}
header .nav .menu ul.yw li span a{
	font-size:16px;
	color:#000000;
}
header .nav .menu ul.yw li.act span a{
    color:#666666;
}
header .nav .menu .my{
    margin-top:1px;
}
header .nav .menu .menu_xf{
    width:980px;
    height:447px;
    background-color: #ffffff;
    margin:0 0 0 220px;
    position:absolute;
    z-index:999;
    border-bottom:solid 1px #4b4ec8;
    border-right:solid 1px #4b4ec8;
    box-sizing: border-box;
    display:none;
}
header .nav .menu .menu_xf .left{
    width:670px;
    height:446px;
    float:left;
    border-right:solid 1px #ededed;
    box-sizing: border-box;
}
header .nav .menu .menu_xf .left .container{
    overflow: hidden;
    margin-top:15px;
}

header .nav .menu .menu_xf .left .container h4{
    width:140px;
    font-size:14px;
    float:left;
    font-weight:bold;
    text-align: center;
    margin-top:10px;
    color:#666666;
}
header .nav .menu .menu_xf .left .container h4 a{
    font-size:14px;
    font-weight:bold;
}
header .nav .menu .menu_xf .left .container ul{
    width:519px;
    float:left;
    border-bottom:solid 1px #ededed;
    padding-bottom:20px;
    margin-right:10px;
}
header .nav .menu .menu_xf .left .last ul{
    border-bottom:none;
}
header .nav .menu .menu_xf .left .container ul li{
    float:left;
    margin-right:20px;
    margin-top:10px;
}
header .nav .menu .menu_xf .left .container ul li a{
    color:#535353;
    font-size:14px;
}
header .nav .menu .menu_xf .left .container ul li.hot a{
    color:#4b4ec8;
}
header .nav .menu .menu_xf .left .container ul li:hover a{
    color:#4b4ec8;
}
header .nav .menu .menu_xf .right{
    width:309px;
    height:446px;
    float:left;
    box-sizing: border-box;
    overflow: hidden;
}

header .nav .menu p{
    width:100%;
    height:40px;
    font-size:16px;
    color:#ffffff;
    text-align: center;
    box-sizing: border-box;
    line-height:40px;
    background: url(../images/menu.png) no-repeat left 32px center;
    position:relative;
}
header .nav .menu p::after{
    content:'';
    position:absolute;
    display:block;
    width:0;
    height:0;
    border:5.5px solid transparent;
    border-top-color:#ffffff;
    top:19px;
    right:37px;

}
header .nav .dh{
    width:980px;
    overflow: hidden;
    float:left;
}
header .nav .dh li{
    float:left;
    height:40px;
    line-height:40px;
    margin-left:47px;
    position:relative;
}
header .nav .dh li a{
    font-size:16px;
    color:#ffffff;
}
header .nav .dh li:hover a{
    color:#4b4ec8;
}
header .nav .dh li.xz a{
    color:#4b4ec8;
}
.banner{
    max-width:1920px;
    width:100%;
    height:562px;
    margin:0 auto;
    position:relative;
    overflow:hidden;
}
.banner .swiper-slide{
    height:562px;
    overflow: hidden;
    position: relative;
}
.banner .swiper-slide a img{
    top: 0;
    left: 50%;
    margin-left: -960px;
    width: 1920px;
    height: 562px;
    display: block;
    position: absolute;
    transition: 0.2s;
}
.banner .swiper-slide a img.m{
    display:none;
}
.banner .swiper-pagination{
    bottom: 144px;
    width: 1200px;
    z-index: 20;
    text-align: center;
    position: absolute;
    left: 50%;
    margin-left: -50px;
}
.banner .swiper-pagination-bullet{
    width:8px;
    height:8px;
    border:solid 2px #ffffff;
    opacity:1;
    margin-right:5px;
	background-color:#ffffff;
}
.banner .swiper-pagination-bullet-active{
    width:40px;
    height:8px;
    background-color: #ffffff;
    border-radius:8px;
}
.chaxun{
    width:100%;
    background-color: #f5f5f4;
}
.chaxun .main{
    width:1200px;
    height:190px;
    margin:-96px auto 0 auto;
    position:relative;
    z-index:999;
    box-shadow: 0 0 40px rgba(0,0,0,0.3);
    background:url(../images/chaxun.jpg) no-repeat center;
    border-radius:10px;
    
}
.chaxun .main{
    overflow: hidden;
}
.chaxun .left{
    width:190px;
    float:left;
    margin-top:36px;
    margin-left:36px;
    border-radius:8px;
    overflow:hidden;
}
.chaxun .left img{
    width:100%;
}
.chaxun .right{
    float:left;
    width:900px;
    margin-left:36px;
    margin-top:40px;
}

.chaxun .right .tab{
    margin-bottom:10px;
}
.chaxun .right .tab h4{
    display:none;
}
.chaxun .right .tab::after{
    content:'';
    display:block;
    clear:both;
}
.chaxun .right .tab span{
    font-size:18px;
    color:#666666;
    float:left;
    margin-right:25px;
    cursor:pointer;
}
.chaxun .right .tab span.xz{
    color:#3c7ed3;
}
.chaxun .right .tab p{
    font-size:16px;
    color:#333333;
    margin-left:182px;
    position:relative;
    top:-13px;
}
.chaxun .right .tab p b{
    font-size:26px;
    font-weight:bold;
    color:#ff734e;
    padding:0 5px;
}
.chaxun .right .form{
    display:none;
    overflow:hidden;
}
.chaxun .right .form.xz{
    display:block;
}
.chaxun .right .form .so{
    width:770px;
    height:55px;
    float:left;
    box-shadow: 0 0 10px rgba(15,3,5,0.1);
    border-top-left-radius:5px;
    border-bottom-left-radius:5px;
}
.chaxun .right .form .so input.yewu{
    width:100%;
    height:55px;
    line-height:56px;
    padding-left:58px;
    box-sizing: border-box;
    background: url(../images/chaxun_so.png) no-repeat left 24px center;
    background-color: #ffffff;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    font-size:15px;
    color:rgba(0,0,0,0.5);
}
.chaxun .right .form .so input::-webkit-input-placeholder{
    color:rgba(0,0,0,0.5);
}
.chaxun .right .form .so input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:rgba(0,0,0,0.5);
}
.chaxun .right .form .so input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:rgba(0,0,0,0.5);
}
.chaxun .right .form .so input:-ms-input-placeholder{  /* Internet Explorer 10-11 */
    color:rgba(0,0,0,0.5);
}
.chaxun .right .form span.tj{
    display:block;
    width:130px;
    height:55px;
    background-image: linear-gradient(to right, #3b80d4 0%, #4b4dc8 100%);
    float:left;
    text-align: center;
    line-height:55px;
    font-size:16px;
    color:#ffffff;
    cursor:pointer;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
/*弹框*/
.sbcx{display: none;}
.gshm{display:none;}
.pop-form{
    width: 348px;
    background-color: #fff;
    border: solid 1px #2faaff;
    padding: 10px 25px 30px 25px;
    z-index: 99999; position: fixed;
    top: 50%; left: 50%;
    margin-top: -230px;
    margin-left: -200px;
    text-align: center;

}
.pp-title{ font-size: 24px; color: #2faaff; font-weight: bold; line-height: 46px; padding: 13px 0; border-bottom:dashed 1px #2faaff;}
.pp-close{width: 29px; height: 29px;  position: absolute; right: 0; top: 0;}
.pop-form p{ margin-top: 20px;}
.pop-form p img{ display:inline;}
.pop-form input{ width: 336px; height: 38px; line-height: 38px; border: solid 1px #aaa; padding-left: 10px; }
.pop-form select{width: 348px; height: 40px; line-height: 40px; border: solid 1px #aaa; padding-left: 6px; }
.pop-form  .pf-tel{position: relative;  padding-top: 22px;}
.pop-form  .ppt-con .phone{ width: 336px;}
.pp-hint{position: absolute; left:0; top: 0; height: 20px; line-height: 20px; background-color: #58b850; color: #fff; font-size: 12px; border-radius: 2px; padding: 0 10px;}
.pp-hint img{ vertical-align: top; margin: 5px 5px 0 0;}
.error{position: absolute; left: 0; top:63px; font-size: 12px; color: #2faaff; display: none;  }
.error img{ vertical-align: top; margin: 2px 2px 0 0;}
.pop-form .pp-btn{ margin-top: 30px;border: none; width: 348px; height: 42px; line-height: 42px; background-color: #2faaff; text-align: center; font-size: 16px; color: #fff; cursor: pointer;}
/*弹框*/
.ztn .title{
    overflow: hidden;
}
.ztn .title h3{
    font-size:36px;
    color:#333333;
    font-weight:bold;
    text-align: center;
    margin-top:78px;
    line-height:36px;
}
.ztn .title p{
    font-size:18px;
    color:rgba(51,51,51,0.8);
    text-align: center;
    margin-top:19px;
    line-height:18px;
}
.ztn .container{
    margin-top:45px;
    margin-bottom:80px;
}
.ztn1{
    background-color: #f5f5f4;
}
.ztn1 .main{
    overflow: hidden;
}
.ztn1 .container{
    overflow: hidden;
}
.ztn1 .container .left{
    border-top-left-radius: 10px;
    border-bottom-left-radius:10px;
    overflow: hidden;
    border-top:solid 1px #e9e9e9;
    border-left:solid 1px #e9e9e9;
    width:901px;
    float:left;
    box-sizing: border-box;
}
.ztn1 .container .left [data-tag]:before{
    content: attr(data-tag);
    position: absolute;
    width: 120px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    padding-top: 20px;
    color: #fff;
    background-color: #ccc;
    right: 0;
    top: 0;
    transform: rotateZ(45deg) translate(22%, -100%);
}
.ztn1 .container .left [data-tag-type="2"]:before {
    background-color: #2F82FF;
}
.ztn1 .container .left .box{
    width:300px;
    float:left;
    height:200px;
    background-color: #ffffff;
    padding-left:38px;
    box-sizing: border-box;
    border-right:solid 1px #e9e9e9;
    border-bottom:solid 1px #e9e9e9;
    position:relative;
    overflow:hidden;
    box-sizing: border-box;
}
.ztn1 .container .left .box h4{
    margin-top:34px;
}
.ztn1 .container .left .box h4 a{
    font-size:20px;
    color:#171e30;
    font-weight:bold;
    padding-left:30px;
    height:22px;
}
.ztn1 .container .left .box1 h4 a{
    background: url(../images/ztn1_1.png) no-repeat left center;
}
.ztn1 .container .left .box2 h4 a{
    background: url(../images/ztn1_2.png) no-repeat left center;
}
.ztn1 .container .left .box3 h4 a{
    background: url(../images/ztn1_3.png) no-repeat left center;
}
.ztn1 .container .left .box4 h4 a{
    background: url(../images/ztn1_4.png) no-repeat left center;
}
.ztn1 .container .left .box5 h4 a{
    background: url(../images/ztn1_5.png) no-repeat left center;
}
.ztn1 .container .left .box6 h4 a{
    background: url(../images/ztn1_6.png) no-repeat left center;
}
.ztn1 .container .left .box ul{
    overflow: hidden;
    margin-top:20px;
}
.ztn1 .container .left .box ul li{
    float:left;
    height:16px;
    margin-bottom:11px;
    
}
.ztn1 .container .left .box1 ul li{
    margin-right:12px;
}
.ztn1 .container .left .box2 ul li,.ztn1 .container .left .box4 ul li{
    margin-right:28px;
}
.ztn1 .container .left .box3 ul li,.ztn1 .container .left .box5 ul li{
    margin-right:38px;
}
.ztn1 .container .left .box ul li a{
    font-size:14px;
    color:#7a7a7a;
    line-height:16px;
    height:16px;
}
.ztn1 .container .left .box ul li:hover a{
    color:#f68f0f;
    text-decoration:underline;
}
.ztn1 .container .left .box1 ul li a{
    padding-left:20px;
    
}
.ztn1 .container .left .box ul li.hot a{
    background: url(../images/ztn1_hot.png) no-repeat left center;
}
.ztn1 .container .left .box span{
    display:block;
    width:104px;
    height:28px;
    border:solid 1px #f68f0f;
    border-radius:3px;
    position:absolute;
    left:40px;
    bottom:26px;
    font-size:14px;
    color:#f68f0f;
    line-height:28px;
    text-align: center;
    cursor:pointer;
}
.ztn1 .container .left .box span:hover{
    background-color:#f68f0f ;
    color:#ffffff;
}
.ztn1 .container .right{
    background: url(../images/ztn1_right_bj.png) no-repeat center;
    float:left;
    width:299px;
    height:400px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.ztn1 .container .right .box{
    padding-left:60px;
}
.ztn1 .container .right .box h4{
    margin-top:34px;
    margin-bottom:20px;
}
.ztn1 .container .right .box h4 a{
    font-size:20px;
    color:#ffffff;
    font-weight:bold;
    padding-left:30px;
    height:22px;
}
.ztn1 .container .right .box h4 a{
    background: url(../images/ztn1_7.png) no-repeat left center;
}
.ztn1 .container .right .box ul li{
    height:16px;
    margin-bottom:20px;
    width:100%;
}

.ztn1 .container .right .box ul li a{
    font-size:16px;
    color:#ffffff;
    line-height:16px;
    height:16px;
    padding-left:20px;
}
.ztn1 .container .right .box ul li.hot a{
    background: url(../images/ztn1_right_hot.png) no-repeat left center;
}
.ztn1 .container .right .box ul li:hover a{
    color:#f68f0f;
    text-decoration: underline;
}
.ztn1 .container .right .box span{
    width:160px;
    height:30px;
    background-color: #d9e3f5;
    font-size:14px;
    color:#171e30;
    text-align: center;
    line-height:30px;
    display:block;
    border-radius:3px;
    margin-top:25px;
    cursor:pointer;
}
.ztn1 .container .right .box span:hover{
    color:#ffffff;
    background-color:#f68f0f ;
}
.m_ztn1{
    display:none;
}
.ztn2 .container{
    width:100%;
    height:404px;
    box-shadow:0 0 20px rgba(0,0,0,0.1);
    border-radius:15px;
    overflow: hidden;
}
.ztn2 .container .left{
    width:764px;
    height:284px;
    background-image: linear-gradient(to right, #3b80d4 0%, #4b4dc8 100%);
    margin-top:60px;
    position:relative;
    float:left;
}
.ztn2 .container .left .teacher{
    display:none;
}
.ztn2 .container .left .teacher.xz{
    display:block;
}
.ztn2 .container .left::before{
    position:absolute;
    content:'';
    left:38px;
    top:25px;
    width:48px;
    height:238px;
    background: url(../images/YUYING.png) no-repeat center;
}
.ztn2 .container .left .img{
    position:absolute;
    left:130px;
    bottom:0;
}
.ztn2 .container .left .info{
    width:354px;
    margin-left:410px;
    overflow: hidden;
}
.ztn2 .container .left .info h4{
    font-size:30px;
    font-weight:bold;
    color:#ffffff;
    margin-top:32px;
    height:30px;
    
}
.ztn2 .container .left .info h4 span{
    font-size:16px;
    color:#ffffff;
    margin-left:20px;
    font-weight:normal;
}
.ztn2 .container .left .info p{
    font-size:16px;
    color:#ffffff;
    margin-top:16px;
    line-height:24px;
    padding-right:20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.ztn2 .container .left .info h5{
    font-size:18px;
    color:#ffffff;
    font-weight:bold;
    line-height:18px;
    margin-top:20px;
}
.ztn2 .container .left .info a{
    display:block;
    width:128px;
    height:34px;
    border:solid 1px #ffffff;
    font-size:16px;
    line-height:34px;
    text-align: center;
    color:#ffffff;
    border-radius:17px;
    margin-top:20px;
}
.ztn2 .container .left .info:hover a{
    background-color: #ffffff;
    color:#4b4ec8;
}
.ztn2 .container .right{
    float:left;
    width:328px;
    margin-left:40px;
    margin-top:60px;
}
.ztn2 .container .right ul{
    overflow: hidden;
}
.ztn2 .container .right ul li{
    width:140px;
    height:130px;
    float:left;
    margin-bottom:24px;
    margin-right:24px;
    overflow:hidden;
}
.ztn2 .container .right ul li img{
    width:100%;
    
}
.ztn3{
    width:100%;
    height:680px;
    background: url(../images/ztn3_bj.jpg) no-repeat center;
}
.ztn3 .title h3{
    color:#ffffff;
}
.ztn3 .container{
    width:100%;
    border-radius:11px;
    overflow:hidden;
    margin-bottom:44px;
}
.ztn3 .container .left{
    width:600px;
    height:335px;
    float:left;
    overflow: hidden;
}
.ztn3 .container .left img{
    width:100%;
    transition: 0.5s;
}
.ztn3 .container:hover .left img{
    transform:scale(1.01);
    transition: 0.5s;
}
.ztn3 .container .right{
    float:left;
    width:600px;
    height:335px;
    background:url(../images/ztn3_right_bj.jpg) no-repeat center;
    padding-top:15px;
    padding-left:74px;
    box-sizing: border-box;
}
.ztn3 .container .right h4{
    width:422px;
    height:44px;
    border-radius:22px;
    
    font-size:18px;
    line-height:44px;
    color:#666666;
    padding-left:50px;
    box-sizing: border-box;
    background: url(../images/ztn3_Q.png) no-repeat left 12px center;
    background-color: #f2f3f6;
    margin-top:30px;
}
.ztn3 .container .right p{
    font-size:14px;
    color:#666666;
    line-height:28px;
    width:344px;
    margin-left:50px;
    margin-top:16px;
}
.ztn3 p.zixun{
    width:320px;
    height:60px;
    border-radius:30px;
    margin:0 auto;
    background-image: linear-gradient(to right, #fe9e02 0%, #f28716 100%);
    font-size:20px;
    line-height:60px;
    text-align: center;
    color:#ffffff;
    cursor:pointer;
}
.ztn4{
    background-color: #ffffff;
}
.ztn4 .title p{
    width:580px;
    margin:19px auto 0 auto;
    line-height:30px;
}
.ztn4 .container ul{
    width:1213.33px;
    overflow: hidden;
}
.ztn4 .container ul li{
    width:290px;
    height:180px;
    float:left;
    margin-right:13.33px;
    position:relative;
    cursor:pointer;
    overflow: hidden;
    margin-bottom:14px;
    border-radius:3px;
}
.ztn4 .container ul li .img{
    width:100%;
    height:100%;
    overflow:hidden;
    background-color: rgba(0,0,0,1);
    position:relative;
}
.ztn4 .container ul li .img span{
    width:176px;
    height:42px;
    border:solid 1px #ffffff;
    border-radius:21px;
    display:block;
    position:absolute;
    font-size:16px;
    color:#ffffff;
    line-height:42px;
    text-align: center;
    top:68px;
    left:56px;
}
.ztn4 .container ul li .img span:hover{
    background-color: #ffffff;
    color:#4b4dc8;
}
.ztn4 .container ul li .img img{
    width:100%;
}
.ztn4 .container ul li .info{
    position:absolute;
    top:115px;
    height:100%;
    transition:0.5s;
}
.ztn4 .container ul li.h .info{
    top:107px;
}
.ztn4 .container ul li .info h4{
    height:50px;
    font-size:18px;
    line-height:26px;
    color:#ffffff;
    margin:0 auto;
    padding:18px 26px 0 26px;
    background-image: linear-gradient(transparent 0%,#000000 60%);
    transition:0.5s;
    text-align: center;
}
.ztn4 .container ul li.h .info h4{
    height:66px;
    padding:7px 26px 0 26px;
    text-align: left;
}
.ztn4 .container ul li .info p{
    font-size:14px;
    line-height:20px;
    color:rgba(255,255,255,0.6);
    padding:0 26px 0 26px;
}
.ztn4 .container ul li:hover .info{
    top:0;
    transition:0.5s;
    background-image: linear-gradient(to right, #3b80d4,#4b4dc8);
}
.ztn4 .container ul li:hover .info h4{
    background-image:none;
    opacity: 1;
    padding:30px 26px 0 26px;
}
.ztn4 .container ul li:hover .info h4{
    height:40px;
}
.ztn4 .container ul li.h:hover .info h4{
    height:66px;
}
.ztn5{
    background: url(../images/ztn5_bj.jpg) no-repeat center;
    height:680px;
}
.ztn5 .container{
    width:100%;
    height:365px;
    position:relative;
    overflow:hidden;
}
.ztn5 .container .box{
    height:110px;
    position:absolute;
    width:348px;
    box-sizing:border-box;
}
.ztn5 .container .box1{
    background: url(../images/ztn5_1.png) no-repeat top 54px center;
    left:62px;
    top:0;
}
.ztn5 .container .box2{
    background: url(../images/ztn5_2.png) no-repeat top 54px center;
    right:64px;
    top:0;
    padding-left:36px;
}
.ztn5 .container .box3{
    background: url(../images/ztn5_3.png) no-repeat top 54px center;
    left:62px;
    top:124px;
}
.ztn5 .container .box4{
    background: url(../images/ztn5_4.png) no-repeat top 54px center;
    right:64px;
    top:124px;
    padding-left:36px;
}
.ztn5 .container .box5{
    background: url(../images/ztn5_5.png) no-repeat top 33px center;
    left:62px;
    top:252px;
}
.ztn5 .container .box6{
    background: url(../images/ztn5_6.png) no-repeat top 33px center;
    right:64px;
    top:252px;
    padding-left:36px;
}
.ztn5 .container .box h4{
    font-size:24px;
    color:#333333;
    font-weight:bold;
    line-height:54px;
    padding-left:49px;
    position:relative;
}
.ztn5 .container .box h4::before{
    background: -webkit-linear-gradient(left,#3b80d4,#4b4dc8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size:35px;
    font-family:'宋体';
    font-style:italic;
    position:absolute;
    left:0;
    top:0;
    width:50px;
}
.ztn5 .container .box.box1 h4::before{
    content:'01';
}
.ztn5 .container .box.box2 h4::before{
    content:'02';
}
.ztn5 .container .box.box3 h4::before{
    content:'03';
}
.ztn5 .container .box.box4 h4::before{
    content:'04';
}
.ztn5 .container .box.box5 h4::before{
    content:'05';
}
.ztn5 .container .box.box6 h4::before{
    content:'06';
}
.ztn5 .container .box p{
    font-size:16px;
    color:#999999;
    line-height:45px;
    padding-left:49px;
}
.ztn5 .container ul{
    width:330px;
    height:330px;
    margin:10px auto 0 auto;
    overflow: hidden;
    border-radius:50%;
}
.ztn5 .container ul li{
    position:relative;
    display:none;
}
.ztn5 .container ul li.xz{
    display:block;
}
.ztn5 .container ul li img{
    position:absolute;
    left:50%;
    margin-left:-284px;
    top:-48px;
}
.ztn6 .container{
    width:1224px;
    overflow: hidden;;
    padding-top:10px;
}
.ztn6 .container .box{
    width:282px;
    float:left;
    margin-right:24px;
    position:relative;
    transition:0.5s;
    top:0;
}
.ztn6 .container .box:hover{
    top:-10px;
    transition:0.5s;
}
.ztn6 .container .box .img{
    overflow:hidden;
    height:180px;
}
.ztn6 .container .box .img img{
    width:100%;
    transition:0.5s;
}
.ztn6 .container .box:hover .img img{
    transform:scale(1.05);
    transition:0.5s;
}
.ztn6 .container .box .con{
    border-left:solid 1px #cdcccc;
    border-right:solid 1px #cdcccc;
    border-bottom:solid 1px #cdcccc;
    overflow:hidden;
    padding-top:36px;
    padding-bottom:36px;
}
.ztn6 .container .box  .fl{
    width: 76px;
    height: 68px;
    border-right: 1px solid #dfdfdf;
    float:left;
}
.ztn6 .container .box  .fl p{
    font-size: 42px;
    font-weight: normal;
    color: #444444;
    line-height: 42px;
    height: 42px;
    display: inline-block;
    width: 76px;
    text-align: center;
}
.ztn6 .container .box  .fl span{
    font-size: 12px;
    font-weight: normal;
    color: #444;
    line-height: 11px;
    height: 11px;
    display: inline-block;
    width: 67px;
    text-align: center;
    margin-top: 12px;
    float: left;
}
.ztn6 .container .box  .fr{
    float: left;
    cursor: pointer;
    width: 162px;
    height: 67px;
    margin-left:18px;
}
.ztn6 .container .box  .fr h3{
    font-weight: normal;
    width: 162px;
    line-height: 24px;
    font-size: 16px;
    display: inline-block;
    color: #444;
    overflow: hidden;
}
.ztn6 .container .box  .fr span{
    font-weight: normal;
    line-height: 13px;
    font-size: 13px;
    display: inline-block;
    color: #999;
    overflow: hidden;
    margin-top: 4px;
}
.ztn6 .container .box :hover .fr span{
    color:#ff6637;
}

.ztn_xw{
    background-color: #ffffff;
}
.ztn_xw .title p:before{
    left:38%;
}
.ztn_xw .title p:after{
    right:38%;
}
.ztn_xw ul{
    display:inline-block;
    text-align: center;
    width:100%;
    margin-top:30px;
}
.ztn_xw ul li{
    display:inline-block;
    text-align: center;
    width:134px;
    height:40px;
    border:solid 1px #cdcbcb;
    box-sizing: border-box;
    line-height:38px;
    font-size:17px;
    color:#777777;
    margin-right:15px;
    cursor:pointer;
    border-radius:5px;
}
.ztn_xw ul li a{
    font-size:17px;
    color:#777777;
    display:block;
}
.ztn_xw ul li.xz{
    background-color: #4b4ec8;
    color:#ffffff;
    border:solid 1px #4b4ec8;
}
.ztn_xw ul li.xz a{
    color:#ffffff;
}
.ztn_xw .container{
    margin:50px auto 90px auto;
    width:1200px;
    overflow: hidden;
}
.ztn_xw .container .xw{
    display:none;
}
.ztn_xw .container .xw.xz{
    display:block;
}
.ztn_xw .container .left{
    width:365px;
    float:left;
}
.ztn_xw .container .left .tuij{
    width:100%;
    height:195px;
    position:relative;
    overflow: hidden;
    margin-bottom:40px;
}
.ztn_xw .container .left .tuij img{
    width:365px;
    transition:0.5s;
}
.ztn_xw .container .left .tuij:hover img{
    transform:scale(1.1);
    transition:0.5s;
}
.ztn_xw .container .left .tuij p{
    width:100%;
    height:50px;
    line-height:50px;
    font-size:18px;
    color:#ffffff;
    background-color: rgba(0,0,0,0.7);
    position:absolute;
    bottom:0;
    text-align: center;
}
.ztn_xw .container .left .tuij span{
    display:block;
    position:absolute;
    left:0;
    top:0;
    width:45px;
    height:25px;
    background-color: #4b4ec8;
    color:#ffffff;
    line-height:25px;
    text-align: center;
}
.ztn_xw .container .box{
    width:365px;
    height:67px;
    float:left;
    cursor:pointer;
}
.ztn_xw .container .right .box{
    margin-left:52.5px;
    margin-bottom:50px;
}
.ztn_xw .container .box .fl{
    width: 67px;
    height: 67px;
    padding-right: 27px;
    border-right: 1px solid #dfdfdf;
    margin-right: 27px;
    float:left;
}
.ztn_xw .container .box .fl p{
    font-size: 45px;
    font-weight: normal;
    color: #444;
    line-height: 45px;
    height: 45px;
    display: inline-block;
    width: 67px;
    text-align: center;
    float: left;
}
.ztn_xw .container .box:hover .fl p{
    color:#c29c5d;
}
.ztn_xw .container .box .fl span{
    font-size: 11px;
    font-weight: normal;
    color: #444;
    line-height: 11px;
    height: 11px;
    display: inline-block;
    width: 67px;
    text-align: center;
    margin-top: 12px;
    float: left;
}
.ztn_xw .container .box:hover .fl span{
    color:#c29c5d;
}
.ztn_xw .container .box .fr{
    float: right;
    cursor: pointer;
    width: 240px;
    height: 67px;
}
.ztn_xw .container .box .fr h3{
    font-weight: normal;
    width: 240px;
    height: 16px;
    line-height: 16px;
    font-size: 16px;
    display: inline-block;
    float: left;
    color: #444;
    overflow: hidden;
}
.ztn_xw .container .box:hover .fr h3{
    color:#c29c5d;
}
.ztn_xw .container .box .fr p{
    font-weight: normal;
    width: 240px;
    height: 44px;
    line-height: 22px;
    font-size: 13px;
    display: inline-block;
    float: left;
    color: #999;
    overflow: hidden;
    margin-top: 7px;
}
.ztn_xw .container .right{
    float:left;
    width:835px;
}




.ztn7{
    background-color: #f5f5f4;
}
.ztn7 .main{
    overflow:hidden;
}
.ztn7 .container{
    width:1200px;
    height:220px;
    position:relative;
    margin-bottom:80px;
}
.ztn7 .container ul{
    overflow: hidden;
    display:inline-block;
    text-align: center;

}
.ztn7 .container ul:first-child{
    position:absolute;
    top:0;
    left:0;
}
.ztn7 .container ul:last-child{
    position:absolute;
    top:120px;
    left:0;
}
.ztn7 .container ul li{
    float:left;
    border:solid 1px #eeeeee;
    display:inline-block;
    text-align: center;
    margin:0 9px;
    width:182px;
    box-sizing: border-box;
    border-radius: 3px;
    transition:0.1s;
}
.ztn7 .container ul li:hover{
    border:solid 2px #2faaff;
    transition:0.1s;
}


.fw{
    width:100%;
    height:160px;
    background-color: #ffffff;
}
.fw .container{
    width:1260px;
}
.fw .container ul{
    overflow: hidden;
}
.fw .container ul li{
    width:260px;
    float:left;
    margin-right:55px;
    position:relative;
}
.fw .container ul li::after{
    content:'';
    width:1px;
    height:82px;
    background-color: #dadada;
    position:absolute;
    top:40px;
    right:20px;
}
.fw .container ul li:last-child::after{
    display:none;
}
.fw .container ul li img{
    width:44px;
    margin-top:24px;
    margin-left:69px;
}
.fw .container .bottom{
    width:185px;
    margin-top:10px;
    box-sizing: border-box;
}
.fw .container .bottom p{
    font-size:22px;
    line-height:22px;
    color:#000105;
    font-weight:bold;
    text-align: center;
}
.fw .container .bottom span{
    font-size:12px;
    line-height:12px;
    color:#333333;
    display:block;
    margin-top:4px;
    text-align: center;
    margin-top:13px;
}
.fw .container ul li.last .bottom{
    border-right:none;
}




footer{
    background-color: #303030;
    overflow: hidden;
}
footer .container{
    width:1200px;
    margin:0 auto;
}
footer .container .top{
    margin:35px 0;
    overflow: hidden;
}
footer .container .top .left{
    float:left;
    overflow: hidden;
    border-right:solid 1px #3a3a3a;
}
footer .container .top .left .box{
    float:left;
    margin-right:80px;
}
footer .container .top .left .box h4{
    font-size:18px;
    color:#ffffff;
    text-align: left;
    padding-bottom:15px;
}
footer .container .top .left .box p{
    font-size:14px;
    line-height:29px;

}
footer .container .top .left .box p a{
    color:#7c7c7c;
}
footer .container .top .left .box p:hover a{
    color:#2faaff;
    text-decoration:underline;
}
footer .container .top .center{
    width:226px;
    float:left;
    border-right:solid 1px #3a3a3a;
}
footer .container .top .center h4{
    font-size:18px;
    color:#ffffff;
    text-align: center;
    margin-bottom:10px;

}
footer .container .top .center p{
    font-size:14px;
    color:#7c7c7c;
    text-align: center;
    margin-bottom:20px;
}
footer .container .top .center img{
    width:124px;
    height:124px;
    margin:0 auto;
}
footer .container .top .right{
    float:right;
    width:335px;
}
footer .container .top .right .con{
    width:220px;
    margin:0 auto;

}
footer .container .top .right .phone{
    font-size:18px;
    color:#ffffff;
    text-align: center;
    background: url(../images/footer_phone.png) no-repeat left 30px center;
    margin-bottom:12px;
    padding-left:15px;
    box-sizing: border-box;
}
footer .container .top .right p{
    font-size:14px;
    color:#7c7c7c;
    text-align: center;
}
footer .container .top .right hr{
    width:100%;
    height:1px;
    background-color:#434444;
    margin:13px auto;
}
footer .container .top .right .kf{
    font-size:16px;
    color:#ffffff;
    text-align: center;
    margin-bottom:10px;
}
footer .container .top .right .dh{
	border-bottom:solid 1px #434444;
	margin-bottom:10px;
	padding-bottom:10px;
}
footer .container .top .right span{
    display:block;
    width:200px;
    height:30px;
    border-radius: 5px;
    background-color: #656d7b;
    line-height:30px;
    text-align: center;
    font-size:14px;
    color:#ffffff;
    margin:15px auto 0 auto;
    cursor:pointer;
}
footer .container .top .right span:hover{
    color:#2faaff;
}
footer .container .bottom{
    border-bottom:solid 1px #3a3a3a;
    font-size:12px;
    color:#7c7c7c;
    text-align: center;
    padding:18px 0;
}
footer .container .bottom a{
	font-size:12px;
	color:#2faaff;
}
footer .container .friendlink{

}
footer .container .friendlink p{
    font-size:12px;
    color:#7c7c7c;
    margin-top:25px;
}
footer .container .friendlink p span{
    font-size:14px;
    font-weight:bold;
    color:#7c7c7c;

}
footer .container .friendlink ul{
    overflow: hidden;
    margin-bottom:30px;
}
footer .container .friendlink ul li{
    float:left;
    margin-top:12px;
    margin-right:20px;
}
footer .container .friendlink ul li a{
    font-size:12px;
    color:#7c7c7c;
}
.biaodan{
    display:none;
}
.beian{
    display:none;
}
.m_zixun{
    display:none;
}