*{margin:0;padding:0;box-sizing:border-box;font-family:"微软雅黑"}
a{text-decoration:none;transition:all .3s ease-in;background-color:transparent;color:#777}
a:hover{color:#2B2F3D}
ul{list-style:none}
img{vertical-align:middle;max-width:100%;height:auto;border:none}
.banner-top.index{position:relative;height:600px}
.container{width:1200px!important;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;z-index:10;position:relative}
.container:after{content:'';display:block;height:0;clear:both;visibility:hidden}
.row{margin-right:-15px;margin-left:-15px}
header{z-index:1000;position:relative;background:0 0}
.topnav{position:relative;z-index:1001;margin-bottom:0;background:rgba(255,255,255,.05);padding:3px 0;box-sizing:content-box}
.topnav .navbar{min-height:30px;background-color:transparent}
.navbar-nav{font-size:14px}
.topnav .navbar .navbar-nav>li{color:#FFF;line-height:30px;padding:1px 10px}
.navbar-nav>li{float:left}
.topnav .navbar .navbar-nav>li>a{color:#fff!important;padding:0;position:relative;line-height:32px;height:32px;font-size:14px}
.hot-yhcx{color:#fff!important;font-size:14px!important;margin-top:-3px}
.topnav .navbar .navbar-nav>li .fa{color:#FC0;margin-right:5px;font-size:1.2em;font-weight:600;vertical-align:middle}
header .navbar .navbar-nav>li:last-child{margin-right:0}
.navbar-left{float:left!important}
.navbar-right{float:right!important}
.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-right:4px solid transparent;border-left:4px solid transparent}
.lang-style .dropdown-menu{position:absolute;box-shadow:none!important;border-radius:3px!important;background:#fff;padding:10px 0;min-width:110px!important}
.lang-style .dropdown-menu .caret1{position:absolute;margin-top:-16px;margin-left:47px;border-bottom:8px dashed;border-right:8px solid transparent;border-left:8px solid transparent;border-top:0!important}
.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}
.dropdown-menu>li>a:hover{color:#0153DF}
header.fixed{z-index:1001;position:fixed;width:100%;top:0;background:linear-gradient(45deg,#10559e 3%,#1e88e5 55%,#40baf5 91%);padding:8px 0}
header.fixed .navbar .navbar-header{margin-top:5px}
header.fixed .navbar .navbar-brand{width:195px;height:50px;background-size:225px 50px}
header.fixed .navbar .navbar-nav>li>a{line-height:50px}
header.fixed .navbar .navbar-nav>li>a.login{margin-top:11px}
header .navbar{margin:0;border:0 none;background-color:transparent;position:relative;min-height:50px;border-radius:4px}
.navbar-right{float:right!important;margin-right:-15px}
.navbar-left{float:left!important}
header .navbar .navbar-header{margin-top:9px;display:block;float:left}
header .navbar .navbar-brand{display:inline-block;padding:0;height:54px;width:248px;background:url(../images/logo.png) no-repeat;background-size:100%;text-indent:-999em}
.header .topnav .navbar .navbar-nav{margin-left:0}
header .navbar .navbar-nav{margin-left:50px; line-height:59px;}
header .navbar .navbar-nav>li:last-child{margin-right:0}
header .navbar .navbar-nav>li>a{color:#FFF;font-size:16px;line-height:70px;padding:5px 20px;position:relative;text-transform:uppercase}
header .navbar .navbar-nav>.active>a,header .navbar .navbar-nav>.active>a:focus,header .navbar .navbar-nav>.active>a:hover,header .navbar .navbar-nav>li>a:focus,header .navbar .navbar-nav>li>a:hover{color:#FFF}
header .navbar .navbar-nav>li>a.login{padding:7px 18px;line-height:20px;margin-top:16px;margin-right:10px;border-color:rgba(255,255,255,.2);border-style:solid;border-width:1px;color:#FFF;font-size:16px;position:relative;display:block;border-radius:4px}
.col-xs-12{width:100%;float:left;position:relative}
.p-r-0{padding-right:0!important}
.p-r-0{padding-right:0!important}
.p-l-0{padding-left:0!important}
header .navbar .navbar-nav>li>a.login:hover{box-shadow:inset 0 0 0 2px #FC0;background-color:transparent}
.top-menu-header{background:#202124!important;border-bottom:1px rgba(255,255,255,.2) solid;opacity:.95}
.subnav{position:absolute;z-index:1001;top:114px;left:0;width:100%;background-color:#202124;opacity:.95}
.subnav.fixed{top:71px;position:fixed}
.subnav .sub-nav{background-color:#202124;opacity:.95}
.subnav .sub-nav:after{content:'';clear:both}
.col-sm-12{width:100%}
.sub-nav dl{margin:20px 70px 20px 0;float:right;}
.sub-nav dl .col-xs-6{width:50%;float:left}
.sub-nav dt,.sub-nav dt a{color:#FFF;font-size:14px;line-height:30px;padding-bottom:10px;margin-top:20px;font-weight:400}
.sub-nav dd{line-height:30px;position:relative}
.sub-nav dd .hot{background-image:url(../images/nav-hot.png);margin-left:5px;margin-top:10px;width:28px;height:11px;text-indent:-999em;display:block;float:right}
.sub-nav dd a{color:rgba(255,255,255,.7)}
.sub-nav dd a:hover{color:#FC0}
.nav-menu{width:100%;overflow:hidden;background-color:#F7FBFB;box-shadow:inset 0 -1px 0 #e3e3e3}
.nav-menu ul{display:block;margin:0 auto;padding:0}
.nav-menu ul li{float:left;width:20%;list-style:none}
.nav-menu ul li:first-child a{border-left:1px solid #e3e3e3}
.nav-menu ul a{color:#555;width:100%;font-size:16px;text-transform:uppercase;padding:20px 0;float:left;text-align:center;border-right:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;background-color:#F7FBFB;letter-spacing:.5px;transition:all .2s ease-in-out}
.nav-menu ul a:hover{color:#F86539;background-color:#FFF}
.nav-menu ul .active a{color:#F86539;font-weight:700;background-color:#FFF;border-bottom:1px solid #FFF}
.nav-menu ul a:after{content:"";clear:both}
.slideBox{position:absolute;top:0;width:100%}
.slideBox .hd{width:100%;height:25px;overflow:hidden;position:absolute;bottom:20px;z-index:1000}
.slideBox .hd ul{text-align:center;width:100%}
.slideBox .hd ul li{display:inline-block;width:12px;height:12px;border-radius:50%;border:1px solid #fff;cursor:pointer}
.slideBox .hd ul li.on{background:#fff;color:#fff}
.slideBox .bd{height:600px;position:relative;width:100%;overflow:hidden}
.slideBox .bd li{height:600px;width:100%}
.slideBox .item{height:600px}
.gaofang-banner-bg{background:url(../images/gaofang-banner-bg.svg) no-repeat;background-size:65%;background-position:center center;height:845px}
.item .container p.banner-title{color:#fff;-webkit-font-smoothing:initial;font-size:50px;line-height:55px; margin-bottom:30px;}
.item .container p.banner-title span{font-size:36px;margin-top:8px}
.item .container ul.banner-slogan{margin-top:10px;left:0!important;width:487px!important}
.item .container ul.banner-slogan li{font-size:15px;color:rgba(255,255,255,.9);line-height:28px;height:auto;left:0!important;width:auto!important}
.item .container .col-sm-7{width:58.33333333%;float:left}
.item .container .col-sm-5{width:41.66666667%;float:left}
.free-use-btn.btn-white{padding:0 35px;line-height:36px;font-size:14px;display:inline-block;font-weight:600;cursor:pointer;transition:all .2s ease-in-out;border:1px rgba(255,255,255,.5) solid;color:#fff;margin-top:20px;border-radius:3px}
.free-use-btn.btn-white:hover{border-color:#fff}
.slideBox .next,.slideBox .prev{position:absolute;left:3%;top:50%;margin-top:-25px;display:block;width:32px;height:40px;background:url(../images/slider-arrow.png) -110px 5px no-repeat;filter:alpha(opacity=50);opacity:.5;transform:scale(.6)}
.slideBox .next{left:auto;right:3%;background-position:8px 5px}
.slideBox .next:hover,.slideBox .prev:hover{filter:alpha(opacity=100);opacity:1}
.slideBox .prevStop{display:none}
.slideBox .nextStop{display:none}
.index-tuijian{padding:100px 0 50px 0}
.index-tuijian .col-xs-3{padding:0 10px;width:25%;float:left}
.index-tuijian .col-xs-3 .index-bq-one ul{padding-left:0}
.index-tuijian .col-xs-3 .index-bq-one ul li{list-style:none;line-height:30px;font-size:13px}
.index-tuijian .col-xs-3 .index-bq-one ul li span{font-size:15px;margin-bottom:10px;padding-top:10px}
.index-tui-new .new-mj{position:absolute;right:15px;top:5px;background:linear-gradient(70deg,#ffa909 3%,#ff9d06 55%,#ff9102 91%)!important;padding:0 5px;color:#fff;height:16px;line-height:14px;border-radius:8px 0 8px 0;font-size:6px}
.index-tuijian .col-xs-3 .index-bq-one ul li span b{color:#1e88e5}
.index-tuijian .col-xs-3 .index-bq-one{border:1px #efefef solid;padding:15px 10px 5px 15px}
.index-tuijian .col-xs-3 .index-bq-one{border-top:2px #1e88e5 solid;overflow:hidden}
.index-tuijian .col-xs-3 .col-xs-5{width:41.66666667%;padding-left:0;float:left;position:relative;min-height:1px;padding-right:15px}
.index-tuijian .col-xs-3 .col-xs-7{width:58.33333333%;padding-right:0;float:left}
.index-tui-new{position:relative}



.are-2 {
    width: 1200px;
    margin: 0px auto;
    overflow: hidden;
}

.are-2-1 {
    text-align: center;
    font-size: 30px;
    color: #252b3a;
    padding-top: 45px;
	font-weight:normal;
}

.are-2-2 {
    text-align: center;
    font-size: 14px;
    color: #555;
}







.dx_class {
    font-size: 0;
    margin-top: 50px;
}

.dx_classd {
    text-align: center;
    font-size: 0;
}

    .dx_classd a {
        display: inline-block;
        width:285px;
        height: 55px;
        line-height: 55px;
        margin: 0 10px;
        background-color: #dedede;
        font-size: 20px;
        color: #333333;
        text-align: center;
    }

        .dx_classd a img {
            vertical-align: middle;
            margin-right: 10px;
        }

.dx_classdIMG1 {
    display: none;
}

.dx_classdActive {
    background-color:#004ce7 !important;
    color: #fff !important;
}

    .dx_classdActive .dx_classdIMG {
        display: none;
    }

    .dx_classdActive .dx_classdIMG1 {
        display: inline-block !important;
    }

.dx_classd1 {
    background-color: #f7f8fa;
    padding: 50px 0;
}

.dx_classd1d {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    display: none;
}

.dx_classd1dLeft {
    width: 24%;
    float: left;
}

.step {
}

    .step li {
        list-style-type: none;
        margin: 0 20px 0 0;
        border-bottom: 1px solid #eaeaea;
        background-color: #ffffff;
    }

.stepIMG1 {
    display: none;
}

.step_p {
    font-size: 20px;
    color: #333333;
    line-height: 90px;
}

    .step_p img {
        vertical-align: middle;
        margin-right: 10px;
        padding-left: 15px;
    }

.step_p1 {
    font-size: 14px;
    color: #ffffff;
    display: none;
}

.step_p2 {
    font-size: 0;
    display: none;
}

    .step_p2 a {
        font-size: 14px;
        margin: 0 3px;
        width: 80px;
        text-align: center;
        line-height: 30px;
        display: inline-block;
    }

.ljxq {
    height: 30px;
    border: 1px solid #fdfffe;
    color: #ffffff;
    background-color: #004ce7;
	border-radius:20px;
}

.zcty {
    height: 28px;
    background-color: #ffffff;
    color: #004ce7;
	border-radius:20px;
}

.stepon {
    margin: 0 !important;
    background: url(../images/stepon.png) no-repeat !important;
    line-height: normal;
    padding:20px 30px !important;
    background-size: 100% 100% !important;
    border: 0 !important;
}

    .stepon .step_p {
        line-height: normal !important;
    }

    .stepon .step_p1 {
        display: block !important;
        margin-top: 10px;
    }

    .stepon .step_p2 {
        display: block !important;
        margin-top: 10px;
    }


    .stepon .step_p img {
        padding-left: 0 !important;
    }

    .stepon .step_p {
        color: #ffffff !important;
    }

    .stepon .stepIMG {
        display: none;
    }

    .stepon .stepIMG1 {
        display: inline-block;
    }

.dx_classd1dRight {
    width: 73%;
    float: right;
}

.dx_classd1dRightd {
    display: none;
}

.show {
    display: block !important;
}

.dx_classd1dRightd dl {
    overflow: hidden;
}

    .dx_classd1dRightd dl dt {
        float: left;
        width: 100%;
    }

.dx_classd1dRightdP {
    font-size: 30px;
    color: #333333;
}

    .dx_classd1dRightdP span {
        display: inline-block;
        margin-right: 10px;
        width: 39px;
        height: 30px;
        vertical-align: middle;
		background-image:url(../images/dx.png);
    }

.dx_classd1dRightdP1 {
    font-size: 14px;
    color: #999999;
    line-height: 28px;
    margin-top: 20px;
}

    .dx_classd1dRightdP1 img {
        vertical-align: middle;
        margin-right: 6px;
    }








.are-4 {
background: url(../picture/computer.jpg) no-repeat center top fixed;
    background-size: cover;
    z-index: 1;
    position: relative;
    height:150px;
}

.are-4:before {
    content: '';
    background-color: #000;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: .60;
}

.are-4-1 {
    float: left;
    color: #ffffff;
    margin-left: 60px;
    margin-top: 30px;
}

.are-4-2 {
    font-size: 28px;
	margin-bottom:20px;
}

.are-4-3 {
}

.are-4-3 ul {
}

.are-4-3 ul li {
    font-size:14px;
    float: left;
    background: url(../images/are-11.png) no-repeat center left;
    padding-left: 10px;
    margin-right: 40px;
}

.are-4-4 {
    width: 190px;
    height: 45px;
    border: 1px solid #C5C3C1;
    float: right;
    color: #ffffff;
    text-align: center;
    margin-top: 55px;
    line-height: 300%;
    border-radius: 5px;
	margin-right:70px;
}

.are-4-4:hover{color:#3A7AFF;background:white;}




.advantage {
    margin-top: 60px;
}

.advantage1 {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.advantage1_p {
    font-size: 30px;
    color: #333333;
    text-align: center;
}

.advantage_u {
    overflow: hidden;
    margin-top: 45px;
}

    .advantage_u li {
        list-style-type: none;
        width: 25%;
        float: left;
        text-align: center;
        padding: 0 30px;
        border-left: 1px solid #ebebeb;
        text-align: center;
        margin-bottom: 20px;
    }

.advantage_up1 {
    font-size: 20px;
    color: #333333;
    margin-top: 10px;
}

.advantage_up2 {
    font-size: 14px;
    color: #999999;
    margin-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}






.index-news {
	min-width: 1200px;
	height: 700px;

}




.wp {
    width: 1200px;
    min-width: 1200px;
    margin: 0 auto;
}
.index-news .s {
	padding-top: 60px;
}
.index-news .news-list {
	float: left;
	width: 400px;
}
.index-news .list-s {
	margin: 0 15px;
	background: #fff;
	border: 1px #f2f2f2 solid;
}
.index-news .m {
	position: relative;
}
.index-news .m p {
	position: absolute;
	left: 0;
	width: 100%;
	top: 0;
	bottom: 0;
	text-align: center;
	line-height: 140px;
	font-size: 20px;
	background: rgba(0,0,0,0);
	color: #eee;
}
.index-news .m img {
	width: 100%;
	height: 140px;
}
.index-news ul {
	padding: 10px 15px;
}
.index-news li {
	height: 36px;
	line-height: 36px;
	overflow: hidden;
	font-size: 14px;
	padding-left: 10px;
	background: url(../images/lidot.gif) no-repeat left center;
	border-bottom: 1px dashed #ddd;
}
.index-news li span {
	float: right;
	margin-left: 10px;
	font-size: 12px;
	color: #888;
}
.container {
    width: 1200px;
    margin: 0 auto;
}



.but{
	display: inline-block; 
   width: 118px;
color: #756f6f;
    cursor: pointer;
    line-height: 34px;
    border-radius: 23px;
    background: #ffffff;
    border: 1px solid #ddd;}

.but:hover {
  background: #3971ef;
  color:#fff;
}

.but:focus {
  background: #3971ef;
}

.anniu{text-align: center;
    padding: 15px;}












.as_GT {
	background: url(../images/computer.jpg) no-repeat center top fixed;
	background-size: cover;
	z-index: 1;
	position: relative;
	height: 527px;
	margin-top: 63px;
	padding-top: 61px;
	padding-bottom: 61px;
	/*padding:61px 12.5%;*/
}

.as_GT:before {
	content: '';
	background-color: #000;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	opacity: .60;
}



.fr{
	float: right;
}
.fl{
	float: left;
}
.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.footer {
	background: #222222;
	position: relative;
}

.footer #mydiv {
	position: absolute;
	z-index: 5;
	opacity: .2;
}

.footer .footer_content {
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
	z-index: 6;
}

.footer .footer_content .footer_content_top {
	padding: 60px 0px;
	padding-bottom: 40px;
	display: inline-block;
}

.footer .footer_content .footer_content_top .content_top_left {
	width: 600px;
}

.footer .footer_content .footer_content_top .content_top_left .top_left_list {
	width: 30%;
	text-align:center;
}

.footer .footer_content .footer_content_top .content_top_left .top_left_list dd {
	margin-bottom: 20px;
}

.footer .footer_content .footer_content_top .content_top_left .top_left_list dd a {
	font-size: 14px;
	color: #fff;
}

.footer .footer_content .footer_content_top .content_top_left .top_left_list dt a {
	font-size: 14px;
	color: #777777;
	display: inline-block;
	width: 100%;
	margin-bottom: 12px;
}

.footer .footer_content .footer_content_top .content_top_left .top_left_list dt a:hover {
	color: #fff;
}

.footer .footer_content .footer_content_top .content_top_left .top_left_list dt a:last-child {
	margin-bottom: 0px;
}

.footer .footer_content .footer_content_top .content_top_right {
	width:360px;
}

.footer .footer_content .footer_content_top .content_top_right .top_right_title {
	font-size: 16px;
	color: #fff;
	margin-bottom: 20px;
}

.footer .footer_content .footer_content_top .content_top_right .top_right_content .right_content_list dd {
	position: relative;
	line-height: 20px;
	margin-right: 15px;
	
}

.footer .footer_content .footer_content_top .content_top_share {
	width: 240px;
}

.footer .footer_content .footer_content_top .content_top_share .top_share_content {
	margin-top: 40px;
}

.footer .footer_content .footer_content_top .content_top_share .top_share_content dd {
	color: #777777;
	font-size: 14px;
	margin-bottom: 10px;
}

.footer .footer_content .footer_content_top .content_top_share .top_share_content dt a {
	width: 50px !important;
	height: 50px !important;
	margin: 0px 0px !important;
	padding-left: 0px !important;
	text-align: center;
	color: #fff;
	font-size: 20px;
	line-height: 50px;
	border: 1px solid #363636;
	margin-right: -1px !important;
}

.footer .footer_content .footer_content_top .content_top_right .top_right_content .right_content_list {
	color: #777777;
	font-size: 14px;
	margin-bottom: 15px;
	display:flex;
}

.footer .footer_content .footer_content_top .content_top_right .top_right_content .right_content_list dt {
	width: 80%;
}

.bds_tsina {
	background: #2a2a2a !important;
}

.bds_sqq {
	background: #2a2a2a !important;
}

.bds_weixin {
	background: #2a2a2a !important;
}

.footer .footer_content .footer_content_top .content_top_share .top_share_content dt a:hover {
	background: #252525 !important;
	opacity: 1 !important;
	color: #fb6a19;
}

.footer .footer_content .footer_content_bottom {
	margin-bottom: 20px;
	display:flex;
}

.footer .footer_content .footer_content_bottom .content_bottom_left {
	font-size: 14px;
	color: #555555;
	width: 6%
}

.footer .footer_content .footer_content_bottom .content_bottom_right {
	width: 94%;
}

.footer .footer_content .footer_content_bottom .content_bottom_right a {
	font-size: 12px;
	color: #555555;
	display: inline-block;
	width: 8%;
	margin-left: 1%;
	margin-bottom: .8%;
}

.footer .footer_content .footer_content_bottom .content_bottom_right a:hover {
	color: #fff;
}
.footer_content_copyright a{
	text-decoration: none;
	color: #555555;
	font-size: 13px;
	transition: all 0.5s ease 0s;
}

.footer_content_copyright {
	text-decoration: none;
	color: #555555;
	font-size: 13px;
	transition: all 0.5s ease 0s;
	padding: 24px 0px;
	text-align: center;
	border-top: 1px solid #313131;
	z-index: 521;
	position: relative;}