@charset 'utf-8';
/** Generated by FG **/
@font-face {
	font-family: 'Conv_Roboto-Light';
	src: url('../fonts/Roboto-Light.eot');
	src: local('☺'), url('../fonts/Roboto-Light.woff') format('woff'), url('../fonts/Roboto-Light.ttf') format('truetype'), url('../fonts/Roboto-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Calibri';
	src: url('../fonts/CALIBRI.TTF');
	font-weight: normal;
	font-style: normal;
}
.indexbg{
	background: url(../images/bg.png) no-repeat;
	background-size: 100%;
	background-position: top center;
} 

/* .allbg{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: -99;
} */
.header1{
	width: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 999;
	height: 125px;
}
.header1 .container{
	width: 1560px;
}
.header1 .logo{
	line-height: 125px;
	transition: .5s;
}
.header1 nav ul{
	display: inline-block;
}
.header1 nav ul .navt{
	float: left;
	margin-right: 50px;
	line-height: 122px;
	transition: .5s;
}
.header1 nav ul .navt a{
	color: #fff;
	font-size: 16px;
	font-family: "Calibri","微软雅黑";
	padding: 0 15px;
	display: inline-block;
}
/* .header1 nav ul .navt:hover{
	border-bottom: 3px solid #2941bc;
} */
.header1 nav ul .navt:hover{
	border-bottom: 3px solid #fff;
}
.header1 .search{
	float: right;
	line-height: 120px;
	margin-right: 15px;
	transition: .5s;
}
.header1 .language{
	display: inline-block;
	float: right; 
	line-height: 120px;
	position: relative;
	transition: .5s;
}
.header1 .language .xialaimg.img_s{
	width: 20px;
}
/* .header1 .language .xialaimg.img_d{
	width: 20px;
} */
.header1 .language .pdlang{
	position: absolute;
	top: 125px;
	right: 5px;
	display: none;
	z-index: 1;
}
.header1 .language .pdlang ul li{
	padding: 10px;
	text-align: center;
	background-color: rgba(255,255,255,0.9);
	font-size: 14px;
	width: 85px;
	border-bottom: 1px dashed #cccccc;
}
.header1 .language .pdlang ul li:last-child{

	border-bottom: none;
}
.header1 .language .pdlang ul li a{	
	color: #333;
	line-height: 30px;
}
.header1 .language .pdlang ul li img{
	width: 25px;
	margin-right: 10px;
}
.header1 .language .pdlang ul li:hover a{
	color: #1d348a;
}
.header1 .border_bottom{
	position: fixed;
	top: 125px;
	left: 0px;
	width: 100%;
	height: 1px;
	background: -webkit-linear-gradient(left, #c0f2fc , #6c6fa1); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #c0f2fc, #6c6fa1); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #c0f2fc, #6c6fa1); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #c0f2fc , #6c6fa1); /* 标准的语法 */
}
.header1.act{
	background-color: #fff;
	border:1px solid #efefef;
	height: 105px;
}
.header1.act .logo{
	line-height: 105px;
}
.header1.act .logo img{
	width: 150px;
}
.header1.act  nav ul .navt{
	line-height: 101px;
}
.header1.act  nav ul .navt a{
	color: #193692;
}
.header1.act .language .img_s{
	display: none;
}
.header1.act .language .img_d{
	display: inline-block;
}
.header1.act .search{
	line-height: 105px;
}
.header1.act .search .img_s{
	display: none;
}
.header1.act .search .img_d{
	display: inline-block;
}
.header1.act nav ul .navt:hover{
	border-bottom: 3px solid #2941bc;
	box-sizing: border-box;
	box-sizing: content-box;
}
.header1.act .language{
	line-height: 105px;
	width: 47px;
}
.header1.act .border_bottom{
	display: none;
}
.header1.act .pulldown{
	top: 105px;
}
.header1.act .language .pdlang{
	top: 105px;
}
.header1 .pulldown{
	display: none;
	padding: 100px 0 90px;
	background-color: rgba(255,255,255,0.9);
	position: fixed;
	top: 125px;
	left: 0;
	width: 100%;
	z-index: 99;
}
.header1 .pulldown .pdleft{
	width: 43%;
	padding:0 125px 0 160px;
	border-right: 1px solid #cccccc;
}
.header1 .pulldown .pdleft h1{
	font-size: 36px;
	color: #003d8f;
	margin-bottom: 15px;
}
.header1 .pulldown .pdleft h2{
	font-size: 18px;
	color: #003d8f;
	margin-bottom: 20px;
	font-family: "Calibri","微软雅黑";
}
.header1 .pulldown .pdleft .pdbb{
	width: 33px;
	height: 1px;
	background-color: #003d8f;
	margin-bottom:35px;
}
.header1 .pulldown .pdleft p{
	font-size: 14px;
	color: #2c68b8;
	line-height: 30px;
}
.header1 .pulldown .pdright{
	position: relative;
	padding-left: 124px;
}
.header1 .pulldown .pdright ul li{
	background:url(../images/arrow.png) no-repeat;
	padding-left: 30px;
	font-size: 16px;
	padding-bottom: 17px;
	padding-right: 100px;
}
.header1 .pulldown .pdright ul li a{
	color: #003d8f;
}
.header1 .pulldown .pdright ul li a:hover{
	text-decoration: underline;
}
.header1 .pulldown .pdright .third{
	position: absolute;
	top: 0px;
	left: 100%;
	width: 352px;
	border-left: 1px solid #cccccc;
	padding-left: 120px;
	display: none;
}
.header1 .pulldown .pdright ul li.on .third{
	display: block;
}
.header1 .pulldown .pdright .third ul li{
	background:url(../images/arrow.png) no-repeat;
	padding-left: 30px;
	font-size: 16px;
	padding-bottom: 17px;
	padding-right: 0px;
}
.header1 .pulldown .pdright .third ul li a{
	color: #2c68b8;
}
.header2{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 80px;
	background-color: #fff;
	z-index: 99;
	padding-left: 40px;
	padding-right: 40px;
}
.header2 .logo{
	line-height: 80px;
}
.header2 .phsearch{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 100px;
}
.header2 .phsearch img{
	width: 30px;
	cursor: pointer;
}
.header2 .menuph{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 15px;
	width: 50px;
	height: 50px;
	cursor: pointer;
	text-align: center;
	background-color: #003d8f;
}
.header2 .menuph .point{
	position: relative;
	display: inline-block;
	width: 28px;
	height: 22px;
	margin-top: 14px;
}
.header2 .menuph .point:hover .navbtn,
.header2 .menuph .point:hover .navbtn::after,
.header2 .menuph .point:hover .navbtn::before{
    width: 28px;
}
.header2 .menuph .navbtn{
	position: absolute;
	top: 10px;
	right: 0;
	display: inline-block;
	width: 21px;
	height: 1px;
	-webkit-transition: all .3s ease-out 0s;
       -moz-transition: all .3s ease-out 0s;
        -ms-transition: all .3s ease-out 0s;
         -o-transition: all .3s ease-out 0s;
            transition: all .3s ease-out 0s;
    background:#fff;
}
.header2 .menuph .navbtn::after,
.header2 .menuph .navbtn::before{
    position: absolute;
    right: 0;
    display: inline-block;
    width: 28px;
    height: 1px;
    content: '';
    -webkit-transition: all .3s ease-out 0s;
       -moz-transition: all .3s ease-out 0s;
        -ms-transition: all .3s ease-out 0s;
         -o-transition: all .3s ease-out 0s;
            transition: all .3s ease-out 0s;
    background: #fff;
}
.header2 .menuph .navbtn::after{
    top: -11px;
}
.header2 .menuph .navbtn::before{
    top: 10px;
}
.header2 .menuph .point.active .navbtn{
    background: transparent;
}
.header2 .menuph .point.active .navbtn::after{
    top: 0;
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
}
.header2 .menuph .point.active .navbtn::before{
    top: 0;
    -webkit-transform: rotate(-45deg);
       -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
         -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
}
.searchbox{
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .85);
}
.searchbox .sou{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 847px;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}
.searchbox .sou input{
    font-size: 18px;
    float: left;
    width: 731px;
    height: 87px;
    padding-left: 30px;
    color: #333;
    background: #fff;
}
.searchbox .sou button{
    line-height: 86px;
    float: right;
    width: 102px;
    height: 87px;
    margin-left: 3px;
    text-align: center;
    background: #003d8f;
}
.searchbox .sou button img{
    width: 44px;
}
.searchbox .tansouc{
    position: absolute;
    top: 60px;
    right: 15px;
    cursor: pointer;
}
@media screen and (max-width: 991px)
{
    .searchbox .sou{
        width: 750px;
    }
    .searchbox .sou input{
        width: 638px;
    }
}
@media screen and (max-width: 767px)
{
    .searchbox .sou{
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
    }
    .searchbox .sou input{
        font-size: 12px;
        width:         calc(100% - 70px);
        width: -webkit-calc(100% - 70px);
        height: 50px;
        padding-left: 15px;
    }
    .searchbox .sou button{
        line-height: 50px;
        width: 60px;
        height: 50px;
    }
    .searchbox .sou button img{
        width: 26px;
    }
}
/*手机下拉*/
.phxia{
   position: relative;
   margin-top: 80px; 
   /* position: fixed;
   top: 80px;
   left: 0px; */
}
.xialaph{
    font-family: '微软雅黑';
    position: absolute;
    z-index: 99;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    /*padding-bottom: 60px;*/
    background-color: #fff;
}
@media screen and (min-width: 768px)
{
    .xialaph .container{
        width: 100%;
        padding: 0 20px;
    }
    
}
@media screen and (min-width: 992px)
{
    .xialaph .container{
        width: 100%;
        padding: 0 40px;
    }
}
.xialaph h4 a{
    font-size: 16px;
    font-weight: bold;
    line-height: 59px;
    text-transform: uppercase;
    color: #999;
}
.xialaph h4{
    position: relative;
    border-bottom: 1px solid #ddd;
}
.xialaph h4::after{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    content: '';
    opacity: .1;
    background-color: #e5e5e5;
}
.xialaph h4 img{
    float: right;
    width: 13px;
    margin-top: 23px;
    cursor: pointer;
}
.xialaph .ul2{
    padding-top: 7px;
    padding-bottom: 8px;
    background-color: #f0f0f0;
    display: none;
}
.xialaph h5 a{
    font-family: '微软雅黑';
    font-size: 14px;
    line-height: 40px;
    text-transform: uppercase;
    color: #999;
}
.xialaph h5{
    position: relative;
    padding-left: 30px;
}
.xialaph h5::after{
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 1px;
    content: '';
    opacity: .05;
    background-color: #fff;
}
.xialaph h4.active,
.xialaph h5.active{
    border-bottom: 0;
}
.xialaph h4.active img.img_s,
.xialaph h5.active img.img_s{
    display: none;
}
.xialaph h4.active img.img_d,
.xialaph h5.active img.img_d{
    display: block;
}
.xialaph h5 img{
    float: right;
    width: 13px;
    margin-top: 13px;
    cursor: pointer;
}
.xialaph .ul3{
    /* padding-top: 7px;
    padding-bottom: 8px; */
    padding-left: 50px;
    background-color: #f0f0f0;
    display: none;
}
.xialaph h6 a{
	font-family: '微软雅黑';
    font-size: 12px;
    line-height: 40px;
    text-transform: uppercase;
    color: #999;
}
.xialaph .phlanguage{
	text-align: center;
	line-height: 70px;
}
.xialaph .phlanguage a{
	font-size: 16px;
	color: #003d8f;
	margin-right: 20px;
}
.phonemeng{
    position: absolute;
    z-index: 90;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    opacity: .6;
    background-color: #000;
}
/* .phonemeng.active{
    display: block;
}  */
.index .banner-index{
	position: relative;
}
.index .phbanner{
	display: none;
}
.index .phbanner img{
	width: 100%;
}
.index .phbanner .slick-prev{
	background: url(../images/pre.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	left: 5px;
	width: 15px;
	height: 20px;
	z-index: 9;
}
.index .phbanner .slick-next{
	background: url(../images/next.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	right: 5px;
	width: 15px;
	height: 20px;
}
.index .banner1 .banslick{
	position: relative;
}
.index .bandown{
	position: absolute;
	bottom: -90px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
	cursor: pointer;
	width: 22px;
	height: 102px;
}
.index .banner1 .slick-prev{
	background: url(../images/pre.png) no-repeat;
	position: absolute;
	left: 40px;
	width: 30px;
	height: 50px;
	z-index: 9;
}
.index .banner1 .slick-next{
	background: url(../images/next.png) no-repeat;
	position: absolute;
	right: 40px;
	width: 30px;
	height: 50px;
}
.index .banner1 a button{
	color: #fff;
	background-color: #0c4184;
	padding: 0 85px;
	line-height: 55px;
	font-size: 20px;
	position: absolute;
	left: 9.3%;
	top: 66%;
	z-index: 99;
}
.index .banner1 .banslick{
	width: 100%;
}
.index .banner1 .banslick img{
	width: 100%;
}
@media (min-width: 767px){

	.fl {
    float: left !important;
}

.footer .footer_top .ftr ul {
    float: left;
    margin-left: 4.5rem;
}
	.donghua{
	    	animation:donghua 1000ms ease 1 forwards;
	    	-webkit-animation:donghua 1000ms ease 1 forwards;
	} 
	.donghua:nth-child(1){
		animation-delay: 0.1s;
	}
	.donghua:nth-child(2){
		animation-delay: 0.2s;
	}	
	.donghua:nth-child(3){
		animation-delay: 0.3s;
	}
	.donghua:nth-child(4){
		animation-delay: 0.4s;
	}
	/*.donghua:nth-child(5){
		animation-delay: 0.5s;
	}
	.donghua:nth-child(6){
		animation-delay: 0.6s;
	}	
	.donghua:nth-child(7){
		animation-delay: 0.7s;
	}
	.donghua:nth-child(8){
		animation-delay: 0.8s;
	} */
} 
@keyframes donghua
{
	from {/* transform: translateY(200px); */
		opacity: 0;
	}
	to {/* transform: translateY(0px); */
		opacity: 1;
	}
} 
@-webkit-keyframes
{
	from {/* transform: translateY(200px); */
		opacity: 0;
	}
	to {/* transform: translateY(0px); */
		opacity: 1;
	}
}
.index .info{
	padding-top: 30px;
	overflow: hidden;
}
.index .info .container{
	padding:0 184px; 
}
.index .info .infolist{
	margin-bottom: 90px;
	overflow: hidden;
	margin-right: -40px;
	margin-left: -40px;
}
.index .info .infolist .infocon{
	float: left;
	width: 25%;
	/*margin-right: 8%;*/
	text-align: center;
	/* transform: translateY(700px); */
	opacity: 0;
	padding: 0 40px;
}
.index .info .infolist .infocon:last-child{
	margin-right: 0px;
}
/* .index .info .infolist .infocon img{
	transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
}
.index .info .infolist .infocon:hover img{
	transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
} */
.index .info .infolist .infocon h1{
	font-size: 20px;
	color: #184098;
	line-height: 30px;
	margin: 20px 0 15px;
}
.index .info .infolist .infocon p{
	font-size: 14px;
	color: #156ba9;
	line-height: 30px;
}
.index .info .infotext{
	position: relative;
	font-size: 30px;
	opacity: 0;
	padding:0 40px; 
}
.downtop{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 0px;
}
.downbottom{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 25px;
	z-index: 9;
}
/* .index .info .infotext{
	opacity: 0;
} */
.index .info .infotext .inteleft{
	color: #10d1f7;
	width: 40.5%;
	text-align: right;
	line-height: 50px;
}
.index .info .infotext .interight{
	color: #193692;
	width: 40.5%;
	text-align: left;
	line-height: 50px;
}
.index .info .infotext .interight:nth-child(2){
	width: 38%;
}
.index .info .infotext .ipad{
	width: 100%;
	text-align: center;
	margin: 80px 0 120px;
}
.index .step{
	position: relative;
	padding: 90px 0 140px;
}
.index .step .stepimg{
	width: 49%;
	height: 100%;
}
.index .step .stepimg img{
	width: 100%;
}
.index .step .stepright{
	width: 33%;
}
.index .stepbox{
	opacity: 0;
}
.index .stepbox .stepnum {
	text-align: center;
}
.index .stepbox .stepnum h1{
	font-size: 100px;

	margin-bottom: 40px;
}
.index .step .stepbox:nth-child(1){
	color: #0bc0ed;
}
.index .step .stepbox:nth-child(2){
	color: #156ba9;
}
.index .step .stepbox:nth-child(3){
	color: #193692;
}
.index .step .stepnum img{
	margin-bottom: 40px;
}
.index .step .stepcon{
	width: 76%;
	margin-bottom: 55px;
}
.index .step .stepcon img{
	width: 50px;
}
.index .step .stepcon h1{
	font-size: 24px;
	line-height: 70px;
}
.index .step .stepcon p{
	font-size: 14px;
	line-height: 30px;
	text-align: justify;
}
.index .step .line{
	width: 1px;
	height: 60px;
	background-color: #0c4184;
	position: absolute;
	left: 50%;
	bottom: 30px;
}
.btn{
	position: absolute;
	/*bottom: -27px;*/
	left: 10%;
	transform: translateX(-50%);
	padding: 0 80px;
	line-height: 55px;
	background-color: #0c4184;
	z-index: 1;
}
.btn button{
	color: #fff;
	font-size: 20px;
}
.btn:hover{
border:1px solid #006aa6;background:#006aa6;
	
}

.btn:hover a{
border:1px solid #006aa6;background:#006aa6;
	
}


.index .platform{
	background:url(../images/bgblue_02.jpg) no-repeat;
	padding: 145px 0 80px;
	position: relative;
}
.index .platform .bandown{
	bottom: -60px;
}
.index .platform .container{
	padding:0 184px; 
}
.index .platform .platimg{
     margin-left: 230px;
 }

.index .platform .platext{
	width: 39%;
	opacity: 0;
}
.index .platform .platext h2{
	color: #fff;
	font-size: 36px;
	margin:32px 0;
}
.index .platform .platext h1{
	color: #fff;
	font-size: 48px;
	margin-bottom: 15px;
}
.index .platform .platext img{
	display: inline-block;
	width: 65px;
	height: 65px;
}
.index .platform .platext span{
	color: #fff;
	margin-left: 25px;
	font-size: 48px;
}
.index .platform .platext p{
	color: #fff;
	font-size: 16px;
	padding-left: 50px;
	line-height: 25px;
	margin-top: 45px;
}
.index .platform .platext button{
	padding:0 40px;
	color: #fff;
	background-color: #0c4184;
	line-height: 55px;
	margin-left: 50px;
	font-size: 18px;
	margin-top: 35px;
	border-radius: 4px;
	transition: .5s;
}
.index .platform .platext button:hover{
	background-color: #9b9f13;
}
.index .safe{
	background:url(../images/door2_02.jpg) top center;
	padding: 165px 0 100px;
	position: relative;
}
.index .safe .safecon{
	width: 540px;
	opacity: 0;
	margin-left: 11%;
}
.index .safe .safecon h1{
	font-size: 36px;
	margin-bottom: 20px;
	text-align: right;
	color: #193692;
}
.index .safe .safecon h1 span{
	font-weight: bold;
}
.index .safe .safecon h2{
	font-size: 20px;
	margin-bottom: 10px;
	text-align: right;
	color: #193692;
}
.index .safe .safecon h3{
	font-size: 14px;
	margin-bottom: 20px;
	text-align: right;
	color: #0bc0ed;
}
.index .safe .safeimg{
	float: left;
	margin-top: -30px;
}
.index .safe p{
	font-size: 14px;
	width: 450px;
	margin-top: 35px;
	display: inline-block;
	line-height: 40px;
	color: #333333
}
.index .safe .lock{
	position: absolute;
	left: 50%;
	top: 85px;
	transform: translateX(-50%);
}
.index .help{
	padding: 125px 0 90px;
	text-align: center;
}
.index .help .slick-list{
	padding: 0px !important;
}
.index .help h1{
	font-size: 30px;
	color: #333333;
	margin-bottom: 40px;
}
.index .help p{
	font-size: 14px;
	color: #747474;
	line-height: 40px;
}
.index .help .regular{
	width: 82%;
	margin: 55px auto 0;
}
.index .help .regular .slick-prev{
	background:url(../images/prev.png) no-repeat;
	background-size: 100% 100%;
	width: 70px;
	height: 70px;
	z-index: 9;
	left: -90px;
}
.index .help .regular .slick-next{
	background:url(../images/right.png) no-repeat;
	background-size: 100% 100%;
	width: 70px;
	height: 70px;
	z-index: 9;
	right: -90px;
}
.index .help a button{
	padding:0 80px;
	color: #fff;
	background-color: #0c4184;
	line-height: 55px;
	font-size: 20px;
	margin: 90px auto 0;
	border-radius: 4px;
	transition: .5s;
}
.index .help a button:hover{
	background-color: #9b9f13;
}
.index .bigbox{
	width:100%;
	overflow: hidden;
}
.index .box{
	width: 33.3%;
	float: left;
	padding: 58px 150px 75px;
	text-align: center;
	background-color: #e8e8e8;
	transition: 3000ms;
	position: relative;
	height: 323px;
}
.index .box .indboxbg{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: -webkit-linear-gradient(left bottom,#3c78dc, #09d9ff); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top right,#3c78dc , #09d9ff); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top right, #3c78dc , #09d9ff); /* Firefox 3.6 - 15 */
    background: linear-gradient(to top right,#3c78dc, #09d9ff); /* 标准的语法（必须放在最后） */
    opacity: 0;
    transition: 1s;
}
.index .box .index_boxc{
	position: relative;
	z-index: 2;
}
.index .box img{
	width: 70px;
}
.index .box h1{
	font-size: 16px;
	color: #666666;
	line-height: 30px;
}
.index .box p{
	font-size: 14px;
	color: #666666;
	line-height: 30px;
}
.index .box a{
	font-size: 14px;
	color: #0c4184;
	margin-top: 20px;
	display: inline-block;
}
.index .box:hover .indboxbg{
	opacity: 1;
}
/* .index .box:hover{
	background: -webkit-linear-gradient(left bottom,#3c78dc, #09d9ff); Safari 5.1 - 6.0
    background: -o-linear-gradient(top right,#3c78dc , #09d9ff); Opera 11.1 - 12.0
    background: -moz-linear-gradient(top right, #3c78dc , #09d9ff); Firefox 3.6 - 15
    background: linear-gradient(to top right,#3c78dc, #09d9ff); 标准的语法（必须放在最后）
} */
.index .box:hover .img_s{
	display: none;
}
.index .box:hover .img_d{
	display: inline-block;
}
.index .box:hover h1{
    color: #fff;
}
.index .box:hover p{
    color: #fff;	
}
.index .box:hover a{
    color: #fff;	
}
.footer .footer_top{
	background-color: #114f9d;
	padding-bottom: 1px;
}
.footer .container{
}
.footer .footer_top .ftl{
	/*padding: 50px;
	padding-top: 50px;*/
}
.footer .footer_top .ftl .ftp{
	padding-left: 40px;
}
.footer .footer_top .ftl h1{
	font-size: 18px;
	color: #fff;
	margin-bottom: 40px;
}
.footer .footer_top .ftl .footerbox{
	padding:25px 65px 35px 40px;
	background-color: #195db2;
	width: 88%;
	margin-top:25px;
}
.footer .footer_top .ftl .footerbox h1{
	font-size: 18px;
	color: #fff;
	margin-bottom: 20px;
}
.footer .footer_top .ftl .footerbox p{
	font-size: 14px;
	color: #83a5cc;
	line-height: 30px;
}
.footer .footer_top .ftl .footerbox input{
	padding: 0 15px;
	line-height: 50px;
	background-color: #114f9d;
	color: #5f86b8;
	margin-top: 25px;
	width: 330px;
}
.footer .footer_top .ftl .footerbox button{
	padding: 0 30px;
	line-height: 50px;
	color: #fff;
	background-color: #0c4184;
	margin-left: 10px;
	font-size: 18px;
}
.footer .footer_top .ftr{
	 padding-top: 30px; 
	padding-right: 65px;
}
.footer .footer_top .ftr ul{
	float: left;
	margin-left: 140px;
}
.footer .footer_top .ftr li{
	position: relative;
	padding-left: 26px;
	margin-bottom: 15px;
}
.footer .footer_top .ftr li a{
	color: #fff;
	font-size: 16px;
}
.footer .footer_top .ftr li a img{
	/* margin-right: 15px; */
	position: absolute;
	left: 0px;
	bottom: 2px;
}
.footer .footer_bottom{
	background-color: #0c4184;
	line-height: 60px;	
	color: #fff;
    font-size: 16px;
	text-align: center;
	margin-bottom: -15px;
}
.footer .footer_bottom p{
	background-color: #0c4184;
	line-height: 60px;
	color: #fff;
    font-size: 16px;
	text-align: center;
}
.footer .footer_bottom p a{
	background-color: #0c4184;
	line-height: 60px;
	color: #fff;
    font-size: 16px;
	margin-left:10px;
	text-align: center;
}
.weixin{
	position: relative;
}
.erweima{
	position: absolute;
	top: 30px;
	left: 0px;
	opacity: 0;
	transition: 1s;
}
.weixin:hover .erweima{
	opacity: 1;
}
.container{
	width: 1200px;
}
.banner{
	position: relative;
	background: url(../images/bg1_01.jpg) no-repeat top center;
	width: 100%;
	height: 490px;
	margin-top: -125px;
}
.banner .bantext{
	position: absolute;
	top: 63%;
	left: 50%;
	transform: translate(-50%,-50%);
	text-align: center;
}
.banner .bantext h2{
	font-size: 24px;
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 22px;
}
.banner .bantext h1{
	font-size: 36px;
	color: #fff;
}
.bread{
	width: 100%;
	border-bottom: 1px solid #e7e7e7;
	height: 70px;
	padding-top: 25px;
}
.bread .container > a{
	display: inline-block;
	padding-left: 20px;
	padding-right: 20px; 
	border-right: 1px solid #cccccc;
	color: #555555;
	text-align: center;	
	font-size: 16px;
}
.bread .bread_con a{
	display: inline-block;
	padding-left: 20px;
	padding-right: 20px; 
	border-right: 1px solid #cccccc;
	color: #555555;
	text-align: left;	
	font-size: 16px;
	width: 100%;
}
.bread .bread_con a img{
	float: right;
	margin-top:5px;
}
.bread a img{
	margin-left: 14px;
	width: 20px;
}
.bread .bread_con{
	display: inline-block;
	position: relative;
	height: 70px;
	/* text-align: center;
	border-right: 1px solid #cccccc;
	line-height: 70px; */
}
.bread .bread_con .breadlist{
	position: absolute;
	top: 45px;
	left: 0px;
	display: none;
	z-index: 1;
	width: 100%;
}
.bread .bread_con:last-child  a{
	border-right: none;
}
.bread .bread_con.class2{
	width:250px;
}
.bread .bread_con.class3{
	width:225px;
}
.bread .bread_con.class2 .breadlist ul{
	width:230px;
	padding-bottom: 20px;
	background-color: #fff;
}
.bread .bread_con .breadlist ul li{
	/* padding: 0 10px; */
	text-align: left;
	background-color: #fff;
	font-size: 12px;
}
.bread .bread_con .breadlist ul li a{	
	color: #333;
	/* line-height: 50px; */	
	border-right: none;
	height: 50px;
	padding-top: 20px;
}
.bread .bread_con .breadlist ul li:hover a{
	color: #1d348a;
}
.bread .bread_con .breadbtn img{
	width: 13px;
}
.bread .bread_con .bread_tn img{
	width: 13px;
}
.phbread{
	display: none;
	width: 100%;
	height: 50px;
	position: relative;
}
.phbread .menuph{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 15px;
	width: 40px;
	height: 40px;
	cursor: pointer;
	text-align: center;
	background-color: #fff;
}
.phbread .menuph .point{
	position: relative;
	display: inline-block;
	width: 28px;
	height: 22px;
	margin-top: 10px;
}
.phbread .menuph .point:hover .navbtn,
.phbread .menuph .point:hover .navbtn::after,
.phbread .menuph .point:hover .navbtn::before{
    width: 28px;
}
.phbread .menuph .navbtn{
	position: absolute;
	top: 10px;
	right: 0;
	display: inline-block;
	width: 21px;
	height: 1px;
	-webkit-transition: all .3s ease-out 0s;
       -moz-transition: all .3s ease-out 0s;
        -ms-transition: all .3s ease-out 0s;
         -o-transition: all .3s ease-out 0s;
            transition: all .3s ease-out 0s;
    background:#003d8f;
}
.phbread .menuph .navbtn::after,
.phbread .menuph .navbtn::before{
    position: absolute;
    right: 0;
    display: inline-block;
    width: 28px;
    height: 1px;
    content: '';
    -webkit-transition: all .3s ease-out 0s;
       -moz-transition: all .3s ease-out 0s;
        -ms-transition: all .3s ease-out 0s;
         -o-transition: all .3s ease-out 0s;
            transition: all .3s ease-out 0s;
    background: #003d8f;
}
.phbread .menuph .navbtn::after{
    top: -11px;
}
.phbread .menuph .navbtn::before{
    top: 10px;
}
.phbread .menuph .point.active .navbtn{
    background: transparent;
}
.phbread .menuph .point.active .navbtn::after{
    top: 0;
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
}
.phbread .menuph .point.active .navbtn::before{
    top: 0;
    -webkit-transform: rotate(-45deg);
       -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
         -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
}
.sol_con{
	padding-top: 80px;
}
.sol_con .title h1{
	font-size: 30px;
	color: #333333;
	line-height: 45px;
	text-align: center;
	text-transform: uppercase;
	font-family: 'Calibri', '微软雅黑';
}
.sol_con .title h1 span{
	color: #1a3ba2;
}
.sol_con .sol_box{
	/*background: url(../images/diqiu_02.jpg) right no-repeat;*/
	margin-top: 90px;
	padding-bottom: 100px;
}
.sol_con .sol_box .sol_text{
	width: 55%;
}
.sol_con .sol_box .sol_text h1{
	font-size: 18px;
	color: #454da1;
	text-align: left;
	margin-bottom: 30px;
}
.sol_con .sol_box .sol_text p{
	font-size: 16px;
	color: #444444;
	line-height: 30px;
}
.sol_con .sol_box .sol_text ul{
	margin-top: 75px;
}
.sol_con .sol_box .sol_text ul li{
	background:url(../images/rig.png) no-repeat;
	background-size: 20px 20px;
	padding-left: 60px;
	margin-top: 22px;
	font-size: 16px;
	color: #666666;
	line-height: 20px;
}
.solution .safesol{
	background:url(../images/pic_03.jpg);
	padding: 110px 0 150px;
} 
.solution .safesol .safetext{
	margin-right: 70px;
	width: 44%;
}
.data .safesol .safetext{
	margin-right: 70px;
	width: 41%;
}
.solution .safesol .safetext h1,.data .safesol .safetext h1{
	font-size: 24px;
	color: #fff;
	text-transform: uppercase;
	line-height: 30px;
}
.solution .safesol .safetext h2,.data .safesol .safetext h2{
	font-size: 24px;
	color: #fff;
	line-height: 30px;
	margin-bottom: 35px;
}
.solution .safesol .safetext p,.data .safesol .safetext p{
	font-size: 16px;
	color: #fff;
	line-height: 27px;
	margin-top: 15px;
}
.solution .preview{
	padding-top: 80px;
	padding-bottom: 95px;
}
.solution .preview .title{
	text-align: center;
	font-size: 24px;
	margin-bottom: 80px;
} 
.solution .preview .title h1{
	text-transform: uppercase;
	line-height: 40px;
}
.solution .preview .title img{
	margin-bottom: 10px;
}
.solution .preview .title h2{
	color: #333333;
	line-height: 40px;
	font-size: 24px;
}
.solution .preview .container{
	text-align: center;
}
.solution .preview .prevbox{
	/* width: 33%; */
	display: inline-block;
	text-align: left;
	float: none;
	margin: 1%;
}
/* .solution .preview .prevbox:nth-child(3){
	width: 32%;
	margin-left: 2%;
} */
.solution .preview .prevbox .previmg{
	height: 45px;
}
.solution .preview .prevbox ul{
	margin-top: 35px;
}
.solution .preview .prevbox ul li{
	margin-bottom: 20px;
	padding-left: 20px;
	background-position: 0 5px;
}
.solution .preview .prevbox ul li a{
	font-size: 16px;
}
.solution .preview .prevbox:nth-child(1) ul li{
	background:url(../images/dots.png) no-repeat;
}
.solution .preview .prevbox:nth-child(1) ul li a{
	color: #41cef1;
}
.solution .preview .prevbox:nth-child(2) ul li{
	background:url(../images/dots1.png) no-repeat;
}
.solution .preview .prevbox:nth-child(2) ul li a{
	color: #156ba9;
}
.solution .preview .prevbox:nth-child(3) ul li{
	background:url(../images/dots2.png) no-repeat;
}
.solution .preview .prevbox:nth-child(3) ul li a{
	color: #193692;
}
.login .login_con{
	width: 50%;
	text-align: center;
	color: #666666;
	background-color: #e8e8e8;
	padding-top: 70px;
	padding-bottom: 55px;
	transition:background-color 1s linear 0.2s;
	position: relative;
}
.login .login_con .loginbg{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 1;
	opacity: 0;
	transition: 1s;
	background: -webkit-linear-gradient(left bottom,#3c78dc, #09d9ff); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top right,#3c78dc , #09d9ff); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top right, #3c78dc , #09d9ff); /* Firefox 3.6 - 15 */
    background: linear-gradient(to top right,#3c78dc, #09d9ff); /* 标准的语法（必须放在最后） */
}
.login .login_con:hover .loginbg{
	opacity: 1;
}
.login .login_con .login_text{
	z-index: 2;
	position: relative;
}
.login .login_con img{
	margin-bottom: 25px;
	width: 55px;
	height: 55px;
}
.login .login_con h6{
	line-height: 30px;
	font-size: 16px;
	margin-bottom: 5px;
}
.login .login_con p{
	font-size: 14px;
}
.login .login_con a{
	margin-top: 40px;
	line-height: 30px;
	color: #0c4184;
	display:block;
}
/* .login .login_con:hover{
	color: #fff;
	background: -webkit-linear-gradient(left bottom,#3c78dc, #09d9ff); Safari 5.1 - 6.0
    background: -o-linear-gradient(top right,#3c78dc , #09d9ff); Opera 11.1 - 12.0
    background: -moz-linear-gradient(top right, #3c78dc , #09d9ff); Firefox 3.6 - 15
    background: linear-gradient(to top right,#3c78dc, #09d9ff); 标准的语法（必须放在最后）
} */
.login .login_con:hover .img_s{
	display: none;
}
.login .login_con:hover .img_d{
	display: inline-block;
}
.login .login_con:hover h6{
	color: #fff;
}
.login .login_con:hover p{
	color: #fff;
}
.login .login_con:hover a{
	color: #fff;
}
.data .sol_con .sol_box{
	/* background: url(../images/data_02.jpg) top center no-repeat; */
	padding-top: 80px;
}
.data .safesol{
	background:url(../images/pic1_02.jpg) top center no-repeat;
	background-size: 100% auto;
	padding: 145px 0 180px;
}
.pandect{
	background:url(../images/hand_02.jpg) no-repeat  top center;
	background-size: 100% auto;
	padding: 95px 0 75px;
}
.pandect .pan_con{
	width: 40%;
}
.data .pandect .pan_con h1{
	margin: 30px 0 40px;
	font-size: 24px;
	color: #333333;
}
.pandect .pan_con p{
	margin-bottom: 30px;
	font-size: 16px;
	color:#666666;
	line-height: 30px;
	text-align: justify;
}
.pandect .pan_con h2{
	color: #333333;
	font-size: 30px;
	margin-bottom: 15px;
	text-transform: uppercase;
	font-family: 'Calibri',Arial;
}
.pandect .pan_con h2 span{
	color: #1a3ba2;
}
.pandect .pan_con h3{
	font-size: 30px;
	color:#333333;
	margin-bottom: 35px;
}
.o_nbt{
	font-size: 30px;
	color:#333333;
	text-align: center;
	line-height: 80px;
	padding: 30px 15px;
	background: #f8f8f8;
}
.pay .pandect .pan_con{
	width: 46%;
}
.pay .pandect{
	background:url(../images/pay_02.jpg) no-repeat top center;
	padding: 110px 0 110px;
}
.pay .paylist {
	padding-bottom: 60px;
}
.ma_px{
	margin: 0 -15px;
}
.paylist .pay_box{
	width: calc(25% - 30px);
	height: 378px;
	padding: 50px 15px;
	text-align: center;
	margin: 0 15px 65px;
	background-color: #e7f6ff;
}
.paylist .pay_box .pay_img{
	width: 80px;
	height: 80px;
	margin: 0 auto 30px;
}
.paylist .pay_box .pay_img img{
	width: 100%;
	height: auto;
}
.paylist .pay_box h1{
	margin-bottom: 40px;
	font-size: 18px;
	color: #0075c1;
}
.paylist .pay_box p{
	font-size: 16px;
	color: #444444;
	line-height: 30px;
}
.paylist .pay_box .add{
	margin-top: 30px;
}
.card .pandect{
	background:url(../images/bbbg_02.jpg) top center no-repeat;
	padding-bottom: 58px;
}
.card .pandect .pan_con img{
	margin: 0px 0 30px;
}
.card .pandect .pan_con p{
	color: #444444;
	margin-bottom: 20px;
}
.card .safesol{
	background:url(../images/meinv_02.jpg) top center;
	padding: 90px 0;
}
.card .safesol .safetext{
	width: 50%;
}
.safesol ul li{
	width: 100%;
	padding: 35px 25px;
	font-size: 18px;
	border-bottom: 1px solid #4b5d97;
}
.safesol ul li a img{
	margin-right: 20px;
}
.safesol ul li a{	
	color: #fff;
}
.safesol ul li p{
	font-size: 16px;
	color: #fff;
	line-height: 20px;
	margin-top: 30px;
	display: none;
	height: 80px;
	/* overflow: ellipsis !important;
	word-spacing: .6 !important; */
}
.safesol ul li.active .img_s{
	display: none;
}
.safesol ul li.active .img_d{
	display: inline-block;
}
.card .partner{
	padding-top: 90px;  
	background-color: #e7f6ff;
}
.card .partner h1{
	font-size: 16px;
	color: #666666;
	text-align: center;
}
.card .par_con{
	width: 100%;
	margin-top: 100px;
	padding-bottom: 90px;
}
.card .par_con .par_logo{
	width: 11.11%;
	position: relative;
	text-align: center;
	margin-bottom: 10px;
}
.card .par_con .par_logo img{
	width: 112px;
	height: 115px;
}
.card .par_con .par_logo .xiabox{
	position: absolute;
	top: 130px;
	left: 0px;
	z-index: 9;
	width: 525px;
	/* height:190px; */
	border: 1px solid #1a3ba2;
	padding: 30px 30px 40px 30px;
	background-color: #fff;
	display: none;
}
.card .par_con .par_logo:nth-child(6) .xiabox,.card .par_con .par_logo:nth-child(7) .xiabox,.card .par_con .par_logo:nth-child(8) .xiabox,.card .par_con .par_logo:nth-child(9) .xiabox{
	left: -400px;
}
.card .par_con .par_logo:nth-child(15) .xiabox,.card .par_con .par_logo:nth-child(16) .xiabox,.card .par_con .par_logo:nth-child(17) .xiabox,.card .par_con .par_logo:nth-child(18) .xiabox{
	left: -400px;
}
.card .par_con .par_logo:nth-child(6) .xiabox .out,.card .par_con .par_logo:nth-child(7) .xiabox .out,.card .par_con .par_logo:nth-child(8) .xiabox .out,.card .par_con .par_logo:nth-child(9) .xiabox .out{
	left: 95%;
}
.card .par_con .par_logo:nth-child(15) .xiabox .out,.card .par_con .par_logo:nth-child(16) .xiabox .out,.card .par_con .par_logo:nth-child(17) .xiabox .out,.card .par_con .par_logo:nth-child(18) .xiabox .out{
	left: 95%;
}
.out { 
	display:block; 
	width:0; 
	height:0; 
	border-left:6px dashed transparent; 
	border-right:6px dashed transparent; 
	border-top:0; 
	border-bottom:7px solid #1a3ba2; 
	position:relative; 
	top:-38px; 
	left:10%; 
} 
.inner { 
	position:absolute; 
	border-left:6px dashed transparent; 
	border-right:6px dashed transparent;
	border-top:0; 
	border-bottom:7px solid #fff; 
	left:-6px; 
	top:2px; 
} 
.card .par_con .par_logo .xiabox h1{
	font-size: 18px;
	color: #1a3ba2;
	margin-bottom: 25px;
	text-align: left;
}
.card .par_con .par_logo .xiabox p{
	font-size: 16px;
	color: #666666;
	line-height: 30px;
	text-align: left;
}
.slick-slider .slick-prev{
	background: url(../images/prev.png) no-repeat;
	background-size: 100% 100%;
	z-index: 9;
}
.slick-slider .slick-next{
	background: url(../images/right.png) no-repeat;
	background-size: 100% 100%;
}
.ball .pandect{
	background:url(../images/qiu_02.jpg) top center no-repeat;
}
.ball .pandect .pan_con{
	width: 47%;
}
.ball .paylist .paylc{
	width: 1200px;
	margin: 65px auto 0;
}
.ball .pay_box .pay_img{
	width: 100%;
	margin: 0 auto 30px;
}
.ball .pay_box .pay_img img{
	width: auto;
	height: auto;
}
.europ .pandect{
	background:url(../images/europ_02.jpg) top center no-repeat;
}
.europ .pan_con{
	width: 44%;
}
.europ .europ_con .title{
	border-bottom: 1px solid #e1e1e1;
	text-align: center;
	margin-top: 30px;
}
.europ .europ_con .title button{
	display: inline-block;
	font-size: 18px;
	line-height: 50px;
	color: #666666;
	margin: 0 28px;
}
.europ .europ_con .title button.on{
	color: #1a3ba2;
	border-bottom: 2px solid #1a3ba2;
}
.europ .europ_con .europ_box{
	padding: 90px 0 90px;
	border-bottom: 1px dashed #e1e1e1;
	position: relative;
}
/* .europ .europ_con .europ_box:last-child{
	display: none;
} */
.europ .europ_con .europ_box .country{
	padding: 15px 0 0 20px;
	width: 32.5%;
}
.europ .europ_con .europ_box .country h1{
	font-size: 18px;
	font-weight: bold;
	font-family: "微软雅黑";
	margin-bottom: 30px;
}
.europ .europ_con .europ_box .country h1 img{
	margin-right: 25px;
	width: 30px;
	height: 20px;
}
.europ .europ_con .europ_box .country p{
	font-size: 16px;
	color: #666666;
	line-height: 30px;
}
.europ .europ_con .europ_box .record{
	width: 57%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0px;
}
.europ .europ_con .europ_box .record .record_fl{
	background:url(../images/dots2.png) no-repeat;
	background-position: 0 3px;
	padding-left: 25px;
	color: #666666;
	margin-bottom: 25px;
}
.europ .europ_con .europ_box .record .record_fr ul li{
	float: right;
	/* background:url(../images/people.png) no-repeat; */
	width: 12px;
	height: 26px;
}
.europ .record_fr ul .peoshow{
	width: 10px;
	height: 22px;
	background: url(../images/people.png) no-repeat;
}
.europ .record_fr ul .banshow{
	width: 10px;
	height: 22px;
	background: url(../images/banpeo.png) no-repeat;
}
.europ .europ_con .pdf{
	padding-top: 50px;
	text-align: center;
}
.europ .europ_con .pdf h1{
	font-size: 14px;
	color: #999999;
	margin-bottom: 17px;
}
.europ .europ_con .pdf button{
	padding: 0 40px;
	line-height: 45px;
	background-color: #0c4184;
	color: #fff;
	border-radius: 4px;
	text-align: center;
}
.europ .europ_con .fashion{
	background-color: #e7f6ff;
	padding-top: 75px;
	padding-bottom: 75px;
	margin-top: 50px;
}
.fashion{
	padding-top: 130px;
}
.fashion h1{
	font-size: 24px;
	color: #333333;
	margin-bottom: 70px;
	text-align: center;
}
.fashion .pay_logo .pl_box{
	width: 11.5%;
	text-align: center;
	margin-bottom: 15px;
	overflow: hidden;
	margin-right: 1%;
}
.fashion .pay_logo .pl_box img{
	transition: 1s;
	width: 100%;
	height: 100%;
}
@media (min-width: 767px){
	.fashion .pay_logo .pl_box img:hover{
		transform: scale(1.1);
	}	
}
.pact .sol_con .sol_box{
	/* background:url(../images/white_02.jpg) top center no-repeat; */
	padding-top: 100px;
}
.pact .sol_con .sol_box .sol_text{
	width: 45%;
}
.pact .sol_con .sol_box .sol_text h1{
	margin-bottom: 20px;
}
.pact .sol_con .sol_box .sol_text p{
	margin-top: 30px;
	text-align: justify;
}
.pact .safesol{
	background: url(../images/bck_02.jpg) top center no-repeat;
	padding:140px 0 103px;
}
.pact .safesol .safetext{
	width: 50%;
}
.pact .pandect{
	background:url(../images/white_05.jpg) top center no-repeat;
	padding-bottom: 30px;
}
.pact .pandect .pan_con{
	width: 45%;
}
.pact .pandect .pan_con .pan_tit{
	margin-bottom: 40px;
}
.pact .pandect .pan_con .pan_tit img{
	width: 55px;
	height: 50px;
	margin-right: 30px;
}
.pact .pandect .pan_con .pan_tit h1{
	font-size: 24px;
	color: #333333;
	line-height: 50px;
}
.cheat .sol_con .sol_box{
	/* background: url(../images/laier_02.jpg) top center no-repeat; */
	 margin-top: 60px;
} 
.cheat .sol_con .sol_box .sol_text{
	width: 42%;
	/* margin-top: 60px; */
	padding-top: 40px;
}
.cheat .sol_con .sol_box .sol_text h1{
	margin-top: 30px;
	margin-bottom: 30px;
}
.cheat .sol_con .sol_box .sol_text p{
	margin-top: 30px;
}
.cheat .safesol{
	background: url(../images/ppic_04.jpg) top center no-repeat;
	padding:140px 0 154px;
}
.cheat .safesol .safetext{
	width: 50%;
}
.cheat .safesol .safetext .stbox{
	padding-left: 78px;
}
.cheat .safesol .safetext .stbox:nth-child(1){
	background:url(../images/change.png) no-repeat;
	margin-bottom: 60px;
}
.cheat .safesol .safetext .stbox:nth-child(2){
	background:url(../images/blackf.png) no-repeat;
}
.cheat .safesol .safetext .stbox h6{
	font-size: 18px;
	color: #fff;
	margin-bottom: 22px;
}
.cheat .safesol .safetext .stbox p{
	color: #fff;
	line-height: 30px;
	font-size: 16px;
}
.cheat .pandect{
	background:url(../images/laier_04.jpg) top center no-repeat;
}
.cheat .pandect .stbox{
	padding-left: 82px;
}
.cheat .pandect .pan_con{
	width: 48%;
}
.cheat .pandect .stbox:nth-child(1){
	background:url(../images/zhinan.png) no-repeat;
	margin-bottom: 50px;
}
.cheat .pandect .stbox:nth-child(2){
	background:url(../images/suo.png) no-repeat;
}
.cheat .pandect .pan_con .stbox h6{
	font-size: 18px;
	color: #333333;
	margin-bottom: 22px;
}
.cheat .pandect .pan_con .stbox p{
	color: #666666;
	line-height: 30px;
	font-size: 16px;
}
.prefa .pandect{
	background: url(../images/yuzhi_02.jpg) no-repeat top center;
}
.prefa .pandect .pan_con{
	width: 46%;
}
.prefa .safesol{
	background: url(../images/backg_05.jpg) top center;
	padding: 110px 0 110px;
}
.prefa .safesol .safetext{
	width: 50%;
}
.prefa .safesol .safetext h1{
	font-size: 24px;
	color: #fff;
	margin: 20px 0 15px;
}
.prefa .safesol .safetext p{
	font-size: 16px;
	color: #fff;
	line-height: 30px;
	margin-top: 25px;
}
.prefa .fashion .title{
	border-bottom: 1px solid #e1e1e1;
	text-align: center;
}
.prefa .fashion .title button{
	display: inline-block;
	font-size: 18px;
	line-height: 50px;
	color: #666666;
	margin: 0 28px;
}
.prefa .fashion .title button.on{
	color: #1a3ba2;
	border-bottom: 2px solid #1a3ba2;
}
.prefa .fashion{
	background-color: #e7f6ff;
	padding-top: 80px;
}
.prefa .fashion .pay_logo .pl_box img{
	height: 80px;
}
.prefa .pay_logo {
	margin-top: 55px;
	padding-bottom: 50px;
}
/* .prefa .pay_logo .pl_box{
	width: 12.5%;
	margin-top: 20px;
} */
.partner .banner{
	background: url(../images/banner2_02.jpg) top center no-repeat;
}
.partner .pandect{
	background: url(../images/money_02.jpg) top center no-repeat;
}
.partner .logocon{
	padding-top: 50px;
	padding-bottom: 50px;
}
.partner .logocon .logolist{
	width: 12.5%;
	float: left;
	text-align: center;
	overflow: hidden;
}
.partner .logocon .logolist img{
	transition: 1000ms;
	width: 100%;
	height: 150px;
}
@media (min-width: 767px){
	.partner .logocon .logolist:hover img{
		transform:scale(1.1);
	}
}
.partner .logocon .logolist.logo1{
	background-color: #fff;
}
.partner .logocon .logolist.logo2{
	background-color: #f1faff;
}
.partner .logocon .logolist.logo3{
	background-color: #e7f6ff;
}
.partner .logocon .slick-prev{
	background:url(../images/prev.png) no-repeat;
	background-size: 100% 100%;
	/* width: 40px;
	height: 40px; */
	z-index: 9;
}
.partner .logocon .slick-next{
	background:url(../images/right.png) no-repeat;
	background-size: 100% 100%;
/* 	width: 40px;
height: 40px; */
	z-index: 9;
}
.compubt{
	background-color: #f6f9ff;
	padding-top: 70px;
}
.compubt .title h1 {
    font-size: 30px;
    color: #333333;
    line-height: 45px;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Calibri', '微软雅黑';
}
.compubt .title h1 span {
    color: #1a3ba2;
}
.compubt .ctop_con{
	padding: 48px 0 55px;
	margin: 0 -40px;
}
.compubt .ctop_con .slick-prev{
	width: 32px;
	height: 60px;
	background: url(../images/pprr.png) no-repeat;
	background-size: cover;
	left: -85px;
}
.compubt .ctop_con .slick-next{
	width: 32px;
	height: 60px;
	background: url(../images/nntt.png) no-repeat;
	background-size: cover;
	right: -85px;
}
.ctop_slide{
	margin: 0 20px;
}
.ctop_slide .ctop_box{
	width: 100%;
	min-height: 370px;
}
.ctop_slide .ctop_box .ctop_img{
	width: 100%;
	overflow: hidden;
}
.ctop_slide .ctop_box .ctop_img img{
	width: 100%;
	transition: .5s;
}
.ctop_slide .ctop_box .ctop_img:hover img{
	transform: scale(1.1);
}
.ctop_slide .ctop_box .ctop_txt{
	padding: 15px 0 35px;
}
.ctop_slide .ctop_box .ctop_txt h6{
	font-size: 16px;
	color: #1a3ba2;
	line-height: 28px;
	margin-bottom: 5px;
	text-align: justify;
	height: 56px;
}
.ctop_slide .ctop_box .ctop_txt p{
	font-size: 16px;
	color: #666666;
	line-height: 28px;
	text-align: justify;
}
.company .banner{
	background: url(../images/comp_01.jpg) top center no-repeat;
}
.company .pandect{
	background: url(../images/com.jpg) top center no-repeat;
}
.company .pandect h4{
	font-size: 18px;
	color: #1a3ba2;
	margin-bottom: 30px;
}
.company .computop{
	background: url(../images/comp_04.jpg) top center no-repeat;
	padding: 85px 0;
}
.company .computop .compfl{
	width: 24.5%;
	border-top: 3px solid #fff;
	padding-top: 20px;
}
.company .computop .compfl h1{
	font-size: 24px;
	color: #fff;
	line-height: 50px;
	text-transform: uppercase;
}
.company .computop .compfl h2{
	font-size: 24px;
	color: #fff;
}
.company .computop .compfr{
	width: 72.5%;
	border-top: 1px solid #fff;
	padding-top: 36px;
}
.company .computop .compfr .formation h1{
	font-size: 16px;
	color: #fff;
	margin-bottom: 20px;
}
.company .computop .compfr .formation{
	padding-bottom: 40px;
}
.company .computop .compfr .formation p{
	font-size: 16px;
	color: #fff;
	line-height: 30px;
}
.company .computop .compfr .formation p span{
	margin-right: 25px;
}
.company .sol_con .sol_text{
	width: 47.5%;
}
.company .sol_con .sol_text h1{
	font-size: 24px;
	color: #4fa5d3;
	margin-bottom: 20px;
}
.company .sol_con .sol_text h2{
	font-size: 24px;
	color: #333333;
	margin-bottom: 50px;
}
.company .sol_con .sol_text p{
	font-size: 16px;
	color: #666666;
	line-height: 30px;
	margin-bottom: 25px;
}
.company .sol_con .honor{
	padding-top: 40px;
	padding-left: 140px;
	padding-right: 82px;
	width: 52.5%;
	position: relative;
}
.company .sol_con .honor .slick-prev{
	background:url(../images/prev.png) no-repeat;
	background-size: 100% 100%;
	width: 70px;
	height: 70px;
	z-index: 9;
	position: absolute;
	right: 0px;
	top: 130px;
	left: initial;
}
.company .sol_con .honor .slick-next{
	background:url(../images/right.png) no-repeat;
	background-size: 100% 100%;
	width: 70px;
	height: 70px;
	z-index: 9;
	position: absolute;
	right: 0px;
	top: 220px;
}
.company .boss{
	padding:85px 0;
	background-color: #f6f9ff;
}
.company .boss .bossmess{
	padding: 70px 200px 0;
}
.company .boss .title{
	border-bottom: 1px solid #e1e1e1;
	text-align: center;
}
.company .boss .title button{
	display: inline-block;
	font-size: 16px;
	line-height: 50px;
	color: #666666;
	margin: 0 28px;
}
.company .boss .title button.on{
	color: #1a3ba2;
	border-bottom: 2px solid #1a3ba2;
}
.company .boss .titleph{
	display: none;
	text-align: center;
	position: relative;
	line-height: 50px;
	padding: 0 20px;
	border:1px solid #666;
	margin: 0 auto 30px;
	cursor: pointer;
}
.company .boss .titleph ul{
	position: absolute;
	width: 100%;
	top:51px;
	background-color: #f1f1f1;
	z-index: 10;
	left: 0;
	padding-top: 6px;
	padding-bottom: 6px;
	display: none;
}
.company .boss .titleph ul li{
	font-size: 14px;
	color: #999999;
	line-height: 36px;
	cursor: pointer;
}
.company .boss .titleph .pdi{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 10px;
}
.company .boss .bossmess .bossimg{
	width: 15.6%;
}
.company .boss .bossmess .bossimg img{
	width: 100%;
}
.company .boss .bossmess .bosstext{
	width: 84.4%;
	padding: 20px 0 0 40px;
}
.company .boss .bossmess .bosstext h1{
	font-size: 18px;
	color: #1a3ba2;
	margin-bottom: 30px;
}
.company .boss .bossmess .bosstext p{
	font-size: 16px;
	color: #666666;
	line-height: 30px;
}
.feedback .banner{	
	background: url(../images/success_01.jpg) top center no-repeat;
}
.feedback .client{
	padding: 60px 0 90px;
	background-color: #f6f9ff;
	margin-top: 65px;
}
.feedback .client .slick-prev{
	background:url(../images/pree.png) no-repeat;
	background-size: 100% 100%;
	width: 20px;
	height: 40px;
	z-index: 9;
	left: -37px;
}
.feedback .client .slick-next{
	background:url(../images/nextt.png) no-repeat;
	background-size: 100% 100%;
	width: 20px;
	height: 40px;
	z-index: 9;
	right: -37px;
}
.feedback .client .clientlist .clientlogo{
	position: relative;
}
.feedback .client .clientlist .clientlogo .border_top{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 2px;
	background-color: #2679dd;
	opacity: 0;
}
.feedback .client .clientlist .clientlogo .border_left{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 2px;
	height: 100%;
	background: -webkit-linear-gradient(left, #2679dd , #0ec7ef); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #2679dd, #0ec7ef); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #2679dd, #0ec7ef); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #2679dd , #0ec7ef); /* 标准的语法 */
	opacity: 0;
}
.feedback .client .clientlist .clientlogo .border_right{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 2px;
	height: 100%;
	background: -webkit-linear-gradient(left, #2679dd , #0ec7ef); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #2679dd, #0ec7ef); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #2679dd, #0ec7ef); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #2679dd , #0ec7ef); /* 标准的语法 */
	opacity: 0;
}
.feedback .client .clientlist .clientlogo .border_bottom{
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 2px;
	background-color: #0ec7ef;
	opacity: 0;
}
.feedback .client .clientlist .slick-current .border_top{
	opacity: 1;
}
.feedback .client .clientlist .slick-current .border_left{
	opacity: 1;
}
.feedback .client .clientlist .slick-current .border_right{
	opacity: 1;
}
.feedback .client .clientlist .slick-current .border_bottom{
	opacity: 1;
}
.feedback .client .clientlist .clientlogo{
	width: 148px;
	height: 110px;
	margin-right: 28px;
}
.feedback .client .clientlist .clientlogo img{
	width: 100%;
	height: 100%;
}
.feedback .client .clientcon{
	width: 68%;
	margin: 115px auto 0;
	position: relative;
	padding: 25px 105px 0 105px;
}
.feedback .client .clientcon .shang{
	position: absolute;
	top:0px;
	left: 0px; 
}
.feedback .client .clientcon .xia{
	position: absolute;
	bottom:80px;
	right: 0px; 
}
.feedback .client .clientcon p{
	text-align: center;
	font-size: 16px;
	color: #333333;
	line-height: 30px;
}
.feedback .client .clientcon p.clientname{
	font-size: 18px;
	color: #1a3ba2;
	margin-top: 70px;
	text-align: center;
}
.refer .banner{
	background: url(../images/refer_01.jpg) top center no-repeat;
}
.refer .pandect{
	background: url(../images/refer_03.jpg) top center no-repeat;
}
.refer .referlist{
	padding: 78px 0 68px;
	background-color: #e7f6ff;
}
.refer .referlist .title{
	line-height: 16px;
	text-align: center;
	color: #666666;
	margin-bottom: 75px;
}
.refer .referlist .rlc{
	width: 10%;
	text-align: center;
	margin-right: 1.25%;
	margin-bottom:20px;
	position: relative;
}
.refer .referlist .rlc .imgb{
	width: 100%;
	height: 114px;
} 
.refer .referlist .rlc:nth-child(9n+0){
	margin-right: 0px;
}
.refer .referlist .rlc .imgo{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
	transition: 1s;
}
.refer .referlist .rlc:hover .imgo{
	opacity: 0.8;
}
.contact .banner{
	background:url(../images/contact_01.jpg) top center no-repeat;
}
.contact .pandect{
	background:url(../images/contact_03.jpg) top center no-repeat;
}
.contact .conbox .phone{
	/* padding-right: 55px; */
	margin-bottom: 45px;
}
.contact .conbox .phone:first-child{
	margin-right: 50px;
}
.contact .conbox .phone img{
	margin-bottom: 15px;
}
.contact .pandect .pan_con p{
	font-size: 14px;
	color: #666666;
}
.contact .conbox .phone p{
	margin-bottom: 0px;
	color: #444444;
	font-size: 16px;
}
.contact .safesol{
	background:url(../images/contact_04.jpg) top center no-repeat;
	padding: 70px 0;
}
.contact .safesol .safetext{
	padding-right: 25px;
}
.contact .safesol .safetext h1{
	font-size: 24px;
	color: #fff;
	margin-bottom: 15px;
	text-transform: uppercase;
}
.contact .safesol .safetext h2{
	font-size: 24px;
	color: #fff;
	margin-bottom: 35px;
}
.contact .safesol .safetext .formone{
	width: 100%;
}
.contact .safesol .safetext input{
	width: 100%;
	height: 50px;
	color: #cccccc;
	padding-left: 15px;
	border:1px solid #9097b8;
	margin-bottom: 30px;
}

.contact .safesol .safetext .formone span:nth-child(1){
	width: 49.5%;
	margin-right: 7%;
}
.contact .safesol .safetext .formone span:nth-child(2){
	width: 42.5%;
}
.contact .safesol .safetext textarea{
	width: 100%;
	height: 134px;
	color: #999999;
	padding-left: 15px;
	padding-top: 15px;
	border:1px solid #9097b8;
	margin-bottom: 30px;
}
.contact .safesol .safetext span{
	position: relative;
	display: inline-block;
	width: 100%;
}
.contact .safesol .safetext span w{
	color:#40b8f1;
	position: absolute;
	top: 20px;
	right: -20px;
	font-size: 18px;
}
.contact .safesol .safetext button{
	width: 100%;
	height: 40px;
	background-color: #009bff;
	color: #fff;
	text-align: center;
}
.download .downloadcon{
	margin-top: 65px;
	margin-bottom: 45px;
	width: 100%;
}
.download .downloadcon .downbox{
	width: 100%;
	height: 68px;
	border:1px solid #e1e1e1;
	padding-left: 30px;
	position: relative;
	margin-bottom: 25px;
}
.download .downloadcon .downbox .downbl{
	width: calc(100% - 185px);
	padding-right: 45px;
}
.download .downloadcon .downbox .downbl h1{
	font-size: 16px;
	color: #666666;
	line-height: 68px;
}
.download .downloadcon .downbox .downbl .time{
	line-height: 68px;
	color: #888888;
	font-size: 14px;
}
.download .downloadcon .downbox .downbl .time span:first-child{
	margin-right: 20px;
}
.download .downloadcon .downbox .downbr{
	position: absolute;
	right: 0px;
	top: 0px;
	padding:0px 30px;
	/* margin: 20px 0; */
	width: 185px;
	border-left: 1px solid #e1e1e1;
	top: 50%;
	transform: translateY(-50%);
}
.download .downloadcon .downbox .downbr img{
	width: 34px;
	margin-right: 25px;
}
.download .downloadcon .downbox .downbr a{
	font-size: 14px;
	color: #666666;
	line-height: 68px;
}
.download .downloadcon .downbox:hover h1{
	color: #1a3ba2;
}
.download .downloadcon .downbox:hover .time{
	color: #1a3ba2;
}
.download .downloadcon .downbox:hover .downbr a{
	color: #1a3ba2;
}
.download .downloadcon .downbox:hover .img_s{
	display: none;
}
.download .downloadcon .downbox:hover .img_d{
	display: inline-block;
}



.clientlogo{
	width: 100%;
}
.clientlogo img{
	width: 100%;
}

/* 2018/02/08 */
.down_con{
	padding: 105px 73px;
}
.down_con .do_box{
	width: 25%;
	padding: 0 27px;
}
.down_con .do_box .do_nei{
	position: relative;
	padding: 50px 55px 0;
	background-color: #f7fcff;
	text-align: center;
	transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
}
.down_con .do_box .do_nei .do_img{
	width: 74px;
	margin: 0 auto 30px;
}
.down_con .do_box .do_nei .do_img img{
	width: 100%;
}
.down_con .do_box .do_nei h5{
	margin-bottom: 10px;
	font-size: 18px;
	color: #666666;
	line-height: 1.5;
}
.down_con .do_box .do_nei h6{
	margin-bottom: 20px;
	font-size: 18px;
	color: #3a7bdd;
	line-height: 1.5;
}
.down_con .do_box .do_nei p{
	font-size: 16px;
	color: #666666;
	line-height: 1.8;
}
.down_con .do_box .do_nei .do_add{
	padding: 35px 0;
}
.down_con .do_box .do_nei .do_add img{
	width: 30px;
}
.down_con .do_box .do_nei:hover .do_img .img_s{
	display: none;
}
.down_con .do_box .do_nei:hover .do_img .img_d{
	display: inline-block;
}
.down_con .do_box .do_nei:hover h5{
	color: #fff;
}
.down_con .do_box .do_nei:hover h6{
	color: #fff;
}
.down_con .do_box .do_nei:hover p{
	color: #cbecff;
}
.down_con .do_box .do_nei:hover .do_add .img_s{
	display: none;
}
.down_con .do_box .do_nei:hover .do_add .img_d{
	display: inline-block;
}
.down_con .do_box .do_nei:hover{
	background-color: transparent;
}
.down_con .do_box .do_nei:after{
	content: '';
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: -1;
	background: -webkit-linear-gradient(left, #3a7bdd, #0cd3fd); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #3a7bdd, #0cd3fd); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #3a7bdd, #0cd3fd); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #3a7bdd, #0cd3fd); /* 标准的语法 */
}
.phlogo h1{
	padding: 30px;
	font-size: 24px;
	color: #333333;
	text-align: center;
}
.phlogo ul{
	background-color: #f8f8f8;
	padding: 13px 6px;
}
.phlogo ul li{
    position: relative;
	width: 50%;
	padding: 6px;
}
.phlogo ul li .bg{
	width: 100%;
}
.phlogo ul li .pic{
    position: absolute;
    left: 50%;
    width:calc(100% - 12px);
    top:50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.ph_new{
	display: none;
}
@media screen and (max-width: 1680px){
	.down_con .do_box {
		padding: 0 10px;
	}
}
@media screen and (max-width: 1600px){
	.down_con .do_box .do_nei {
		padding: 50px 25px 0;
	}
		.fl {
    float: left !important;
}

.footer .footer_top .ftr ul {
    float: left;
    margin-left: 0.5rem;
}
}
@media screen and (max-width: 1366px){
	.down_con .do_box .do_nei {
		padding: 50px 15px 0;
	}
		.fl {
    float: left !important;
}

.footer .footer_top .ftr ul {
    float: left;
    margin-left: 4.5rem;
}
}
@media screen and (max-width: 1280px){
	.down_con {
		padding: 50px 40px;
	}
}
@media screen and (max-width: 1024px){
	.down_con .do_box .do_nei {
		padding: 25px 15px 0;
	}
	.down_con .do_box .do_nei .do_img {
		width: 50px;
		margin: 0 auto 20px;
	}
	.down_con .do_box .do_nei h5 {
		margin-bottom: 10px;
		font-size: 16px;
	}
	.down_con .do_box .do_nei h6 {
		margin-bottom: 10px;
		font-size: 16px;
	}
	.down_con .do_box .do_nei p {
		font-size: 14px;
	}
	.down_con .do_box .do_nei .do_add {
		padding: 20px 0;
	}
}
@media screen and (max-width: 991px){
	.down_con .do_box {
		width: 50%;
		margin-bottom: 20px;
	}
}
@media screen and (max-width: 767px){
	.down_con .do_box {
		width: 100%;
	}
	.down_con {
		padding: 20px 15px;
	}
	.ph_new{
		display: block;
	}
	.new_map{
		display: none;
	}
}
/*o_jason*/
.o_mapl{
	position: relative;
	width:calc(100% - 465px);
	float: left;
}
.o_fh{
	position: absolute;
	top: 55px;
	left: 3px;
	z-index: 2;
	cursor: pointer;
}
.o_fh img{
	width: 30px;
}
.o_map1{
	width:100%;
	height: 765px;
}
.o_mbtn{
	height: 130px;
	line-height: 130px;
	background: #145bb3;
	padding-left: 220px;
}
.o_mbtn .o_divbo{
	float: left;
	width:25%;
	display: inline-block;
	height: 130px;
}
.o_mbtn .o_div{
	display: inline-block;
	height: 130px;
	color: #789dcb;
	font-size: 18px;
	line-height: 130px;
	cursor: pointer;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;'
}
.o_mbtn .o_div:hover{
	color: #ffffff;
}
.o_mbtn .o_div.act{
	color: #ffffff;
}
.o_mapr{
	display: none;
	float: left;
	width: 465px;
	height: 895px;
	background: #e7f6ff;
	padding: 60px 50px 0;
}
.o_zhif{
	margin-bottom: 50px;
}
.o_zhif .o_img{
	position: relative;
	display: inline-block;
	line-height: 34px;
	top: -5px;
}
.o_zhif .o_img img{
	width: 34px;
}
.o_zhif p{
	display: inline-block;
	margin-left: 25px;
	font-size: 24px;
	line-height: 34px;
	color: #333333;
}
.o_tim{
	position: relative;
	font-size: 24px;
	line-height: 34px;
	color: #666666;
	padding-bottom: 20px;
	border-bottom: 1px solid #cac9da;
	margin-bottom: 50px;
}
.o_tim::after{
	content: '';
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 66px;
	height: 3px;
	background: #195db2;
}
.o_slibo{
	margin: 0 -12px;
}
.o_sbobo{
	display: none;
	position: relative;
	width:50%;
	float: left;
	padding: 0 12px;
	margin-bottom: 34px;
}
.o_sbobo .bg{
	display: block;
}
.o_sbobo .pic{
	position: absolute;
	width: 169px;
	left: 50%;
	top:50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	cursor: pointer;
}
.o_slio{
	position: relative;
}
.o_slio .xiabox {
	position: absolute;
	z-index: 9;
	width: 100%;
	border: 1px solid #1a3ba2;
	padding: 15px;
	background-color: #fff;
	display: none;
}
.o_slio .xiabox:nth-child(8n+1){
	top: 92px;
}
.o_slio .xiabox:nth-child(8n+2){
	top: 92px;
}
.o_slio .xiabox:nth-child(8n+3){
	top: 208px;
}
.o_slio .xiabox:nth-child(8n+4){
	top: 208px;
}
.o_slio .xiabox:nth-child(8n+5){
	top: 324px;
}
.o_slio .xiabox:nth-child(8n+6){
	top: 324px;
}
.o_slio .xiabox:nth-child(8n+7){
	top: 440px;
}
.o_slio .xiabox:nth-child(8n+8){
	top: 440px;
}
.o_slio .xiabox:nth-child(8n+2) .out,
.o_slio .xiabox:nth-child(8n+4) .out,
.o_slio .xiabox:nth-child(8n+6) .out,
.o_slio .xiabox:nth-child(8n+8) .out{
	left: 90%;
}
.o_slio .xiabox.act {
	position: absolute;
	z-index: 9;
	width: 362px;
	border: 1px solid #1a3ba2;
	padding: 15px;
	background-color: #fff;
	display: none;
}
.o_slio .xiabox.act .inner{
	right: -6px;
	left: auto;
}
.o_slio .out{
	top: -23px;
}
.o_slio .xiabox h1,
.o_zhif .xiabox h1{
	font-size: 18px;
	line-height: 24px;
	color: #1a3ba2;
	margin-bottom: 10px;
	text-align: left;
}
.o_slio .xiabox p,
.o_zhif .xiabox p{
	font-size: 16px;
	color: #666666;
	line-height: 30px;
	text-align: left;
	margin-left: 0;
}
.o_zhif .o_sbobo .pic{
	position: relative;
	width:100%;
	left: 0;
	top:0;
	-webkit-transform: translate(-0%, -0%);
	-moz-transform: translate(-0%, -0%);
	-ms-transform: translate(-0%, -0%);
	-o-transform: translate(-0%, -0%);
	transform: translate(-0%, -0%);
}
.o_zhif .o_sbobo{
	position: relative;
	cursor: pointer;
}
.o_zhif .o_sbobo:nth-child(2n+1) .xiabox {
	position: absolute;
	top:calc(100% + 15px);
	left: 0;
	z-index: 9;
	width: 362px;
	border: 1px solid #1a3ba2;
	padding: 15px;
	background-color: #fff;
	display: none;
}
.o_zhif .o_sbobo:nth-child(2n+2) .xiabox{
	position: absolute;
	top:calc(100% + 15px);
	right: 0;
	z-index: 9;
	width: 362px;
	border: 1px solid #1a3ba2;
	padding: 15px;
	background-color: #fff;
	display: none;
}
.o_zhif .out{
	top: -23px;
}
.o_zhif .o_sbobo:nth-child(2n+2) .out{
	left: 90%;
}
.o_sli .slick-dots{
	bottom: -20px;
}
.o_sli .slick-dots li.slick-active{
	background: #145bb3;
}
.ph_tit{
	padding: 20px 0 20px;
}
.ph_tit h6{
	font-size: 30px;
	line-height: 40px;
	color: #333333;
	font-family: Calibri,Arial,"微软雅黑";
	text-align: center;
}
.ph_tit h6 b{
	font-weight: normal;
	color: #1a3ba2;
}
.ph_tit h5{
	font-size: 30px;
	line-height: 40px;
	color: #333333;
	text-align: center;
}
.ph_img img{
	width:100%;
}
.ph_btn{
	padding: 10px 0;
}
.ph_btnw{
	padding: 7px 15px;
	width:50%;
}
.ph_btnn{
	font-size: 16px;
	line-height: 24px;
	color: #003d8f;
	text-align: center;
	background: #e8f6ff;
	padding: 18px 0;
}
/*@media screen and (max-width: 1440px){*/
	/*.o_map1{*/
		/*height: 624px;*/
	/*}*/
	/*.o_mapr{*/
		/*height: 754px;*/
	/*}*/
/*}*/

.bantext h3{
	font-family: "Calibri";
	font-size: 22px;
	color: #fff;
	line-height: 24px;
	margin-top: 10px;
}
.g_boxpnm p{
	font-family: "微软雅黑";
	font-size: 16px;
	color: #666;
	line-height: 24px;
}
.friendlink{
	cursor: pointer;
}
.friendlink span{
	font-family: "微软雅黑";
	font-size: 16px;
	color: #fff;
}
/*.g_yqlibox{
	position: absolute;
	left: 50%;
	transform: translate(-50%,0);
	bottom: 0;
}*/
.footer_top {
	position: relative;
}
.g_ynmhlicm{
	width: 100%;
	margin-top: 26px;
}
.g_yqnitm{
	float: left;
    margin-bottom: 20px;
    padding: 0 10px;
}
.g_yqnitm a {
    font-size: 14px;
    color: #ababab;
}
.position_bottomtlast h5 {
    margin-bottom: 20px;
    font-size: 16px;
    color: #848484;
    padding-left: 16px;
    padding-right: 16px;
    cursor: pointer;
}

.g_ynmhlicm{
	display: none;
}
.friendlink {
    margin-left: 40px;
    margin-top: 20px;
    display: inline-block;
}
.position_bottomtlast {
	padding-left: 6px;
	padding-right: 6px;
}
.g_yqllist {
	padding-left: 12px;
	padding-right: 12px;
}
.atynmk{
	color: #fff !important;
}
.g_rotate{
	width: 22px;
	display: inline-block;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	margin-top: 2px;
}
.g_rotate img{
	width: 100%;
	display: block;
}
.friendlink{
	position: relative;
	height: 30px;
}
.g_rotate .g_img2{
	display: none;
}
.atbnml .g_rotate .g_img1{
	display: none;
}
.atbnml .g_rotate .g_img2{
	display: block;
	transform: translateY(2px);
}
.g_yqnitm:hover a{
	color: #fff;
}
@media screen and (max-width: 1440px){
	.o_mbtn {
		padding-left: 100px;
	}
	.o_mapl {
		width: calc(100% - 425px);
		float: left;
	}
	.o_mapr{
		width: 425px;
		padding: 40px 30px 0;
	}
	.o_map1{
		height: 550px;
	}
	.o_mapr{
		height: 680px;
	}
	.o_zhif,
	.o_tim{
		margin-bottom: 25px;
	}
	.o_sbobo{
		margin-bottom: 20px;
	}
}
@media screen and (max-width: 1440px){
	.o_map1{
		height: 500px;
	}
	.o_mapr{
		height: 630px;
	}
}
@media screen and (max-width: 1199px){
	.g_yqlibox {
		display: none;
	}
	.ball .paylist .paylc{
		width:100%;
		padding: 0 15px;
		margin: 40px auto;
	}
	.paylist .pay_box{
		width:calc(33.33% - 30px);
	}
	.o_mapl{
		width:100%;
	}
	.o_map1{
		height: 500px;
	}
	.o_mbtn{
		padding: 0;
	}
	.o_mbtn .o_divbo{
		text-align: center;
	}
	.o_mapr{
		width:100%;
		padding: 30px 15px 60px;
		height: auto;
	}
	.o_zhif,
	.o_tim{
		margin-bottom: 25px;
	}
    .o_mapr[data-num='o_no']{
        padding: 30px 15px;
    }
    .o_mapr[data-num='o_no'] .o_zhif{
        width:100%;
        margin-bottom: 0;
    }
    .o_mapr[data-num='o_no'] .o_zhif p{
        width:100%;
    }
    .o_zhif,
	.o_sbobo{
		width:25%;
	}
	.o_sbobo .bg{
		width:100%;
	}
	.o_sbobo .pic{
		width:calc(100% - 24px);
	}
}
@media screen and (max-width: 991px){
	.paylist .pay_box {
		width: calc(50% - 30px);
	}
}
@media screen and (max-width: 767px) {
	.new_map {
		display: none;
	}
	.g_boxpnm p{
		font-size: 14px;
		line-height: 20px;
	}
}

.index .info .infolist .infocon:hover img {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
}
.index .info .infolist .infocon img {
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
}
@media (max-width: 768px){
.footer .container {
    width: 100%;
    padding: 0vw 0.33vw;
}

}