/* CSS Document */
*{ margin:0px; padding:0px;}
body{
	font-size:12px;
	font-family:"微软雅黑";
	/* [disabled]color:#525252; */
	background:#fff;
}
a { text-decoration:none;  outline:none; transition:all 0.2s; } 
a:focus{outline:none;}
@font-face{ font-family:'shu'; src:url('../font/DINCOND-BOLD.OTF');}
@font-face{ font-family:'shu1'; src:url('../font/DINPRO-BOLD.OTF');}
@font-face{ font-family:'ying'; src:url('../font/MONT.TTF');}
@font-face{ font-family:'consult'; src:url('../font/impact.ttf');}
a:hover{ text-decoration:none; }
img{ border:0;}
table{ margin:auto;}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus{outline:none;}

.weblist{height: 800px;}
.weblist .container{width:85%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;}
.weblist li{position:relative;margin-top: 100px;}
.weblist li .extra{position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;}
.weblist li .extra img{width:100%;}
.weblist li .sub_title{position:relative;font-size:26px;margin-top:30px;margin-bottom:70px;}
.weblist li .description{font-size:18px;line-height:30px}
.weblist li .sub_title:before{position:absolute;content:'';bottom:-30px;background-color:#f39800;height:4px;width:45px;}
.weblist .left{float:left;width:45%;}
.weblist .left img{padding-top: 180px; width:100%;height:530px; }
.weblist .right{float:right;}
.btns-box{margin-top:30px;}
.btns-box a{position:relative;font-size:16px;padding:10px;margin:0 10px;border-radius:7px;display:inline-block;transition:all 500ms ease;-moz-transition:all 500ms ease;-webkit-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;background-color: #045fb2;color: #fff;}
.btns-box .iconfont{margin-left:10px;}
.weblist li:nth-child(2n+1) .btns-box a:hover{background-color:#f39800;border-color:#f39800;color:#000}
.weblist li:nth-child(2n+1) .title{font-size:36px; padding-bottom: 20px;}
.weblist li:nth-child(2n) .btns-box a:hover{background-color:#f39800;border-color:#f39800;color:#000}
.weblist li:nth-child(2n+1) .btns-box a:hover{background-color:#f39800;border-color:#f39800;color:#000}
.weblist li:nth-child(2n) .title{font-size:36px;padding-top:100px;color:#000;padding-bottom: 20px;}
.weblist li:nth-child(2n) .right{color:#000;width:45%}
	
	
@media screen and (max-width:1430px)and (min-width:1272px){
.weblist .container{width: 100%;}
.place{height: 730px;}
.place_list ul li{width: 20%;}

}


/*定义新型浏览器特性*/
::-webkit-scrollbar{width:8px;height:10px}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background-color:#fff}
::-webkit-scrollbar-track-piece{background:#fff}
::-webkit-scrollbar-thumb:vertical{background-color:#333;}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#333}
::-webkit-scrollbar-corner:vertical{background-color:#333}
::-webkit-scrollbar-resizer:vertical{background-color:#333;}
.clear{ width:100%; height:0; font-size:0; line-height:0; clear:both;}
.loading{  position: fixed; top:0; z-index:9999; width:0px; background-color:#2e4c9f; height:5px;}

/*应用场景*/
.place{ width:100%; height:800px; position:relative; background-color:#fcfcfc;}
.place_bg{ width:80%; height:710px; position:absolute; right:0; top:-190px; background-color:#f0f0f0; border-bottom-left-radius:50px;}
.place .place_biaoti{padding-top: 50px;}
.place_tit{ width:100%; text-align:center; font-size:42px; color:#000; font-weight:bold; position:relative; z-index:1; height:90px; line-height:90px;}
.place_tit span{ color:#2e4c9f;}
.place_xian{ margin:auto; width:35px; height:4px; background-color:#2e4c9f; position:relative; z-index:1; border-radius:4px;}
.place_list{ width:1400px; height:255px; margin:auto; position:relative; z-index:1;}
.place_list ul li{ float:left; width:20%; height:100%; list-style:none;margin-top: 60px;}
.place_list ul li:nth-of-type(5n){clear: right;}
.place_list ul li:nth-of-type(5n+1){clear: left;}
.place_list ul li:hover .place_img{ margin-top:-10px;}
.place_list ul li:hover .place_beijing{ transform: rotate(0deg);}
.place_img{ width:100%; height:152px; text-align:center; position:relative;  -webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;transition: all 0.4s ease-in;}
.place_img_1{ margin:auto; position:relative; z-index:1; text-align:center; top:13px;}
.place_img_1 img{ width:auto;}
.place_beijing{width: 152px;  height: 152px; position:absolute; top:-20px; background:url(../image/ring_291.png) no-repeat center; background-size:cover; left:98px;  -webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;transition: all 0.4s ease-in; transform: rotate(-45deg);}
.place_1{ width:100%; text-align:center; font-size:22px; color:#000; height:30px; line-height:30px; margin-top:25px;}
.place_2{ width:100%; text-align:center; font-size:16px; color:rgba(0,0,0,0.6); height:35px; line-height:35px;}
.procedure{ width:100%; height:auto; overflow:hidden;}
.procedure_list{ width:1400px; height:310px; margin:auto; background:url(../image/procedure_07.png) no-repeat center top; margin-top:40px;}
.procedure_list ul li{ float:left; list-style:none; width:187px; height:310px; list-style:none; margin-right:55px;}
.procedure_list ul li:nth-child(2n){ padding-top:90px; height:242px;}
.procedure_list ul li:nth-child(6){ margin-right:0px;}
.procedure_list ul li:hover .procedure_img{-moz-box-shadow:0px 9px 19px rgba(40,62,230,0.08); -webkit-box-shadow:0px 9px 19px rgba(40,62,230,0.08); box-shadow:0px 9px 19px rgba(40,62,230,0.08);-webkit-animation:bounce 1s .2s ease both;-moz-animation:bounce 1s .2s ease both;}
.procedure_list ul li:hover .procedure_img img{ /*-webkit-transform: rotate(360deg) scale(1.1);*/}
.procedure_list ul li:hover .procedure_tit{ color:#2e4c9f;}

.procedure_img{ width:106px; height:106px; border-radius:50%;-moz-box-shadow:0px 9px 19px rgba(0,0,0,0.08); -webkit-box-shadow:0px 9px 19px rgba(0,0,0,0.08); box-shadow:0px 9px 19px rgba(0,0,0,0.08); background-color:#fff; overflow:hidden;-webkit-transition: all 0.4s ease-in-out;}
.procedure_img img{ width:106px; height:106px;-webkit-transition: all 0.8s ease-in-out;} 
.procedure_tit{font-weight: bold; width:100%; font-size:18px; color:#000; height:55px; line-height:55px; -webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;transition: all 0.4s ease-in;}
.procedure_list .xiao{font-size:16px;line-height: 22px;}



@media screen and (min-width: 1201px){
	.weblist .container {width: 82%;}
	.weblist .left {width: 40%;}
	.weblist .left img {height: 40%;}

	.place_list {width: 82%;}
	.place_list ul li {width: 20%;}
	.place {height: 730px;}
	.procedure_list {background: none;}
	.procedure_list ul{margin-left: 20px;}
	.procedure_list ul li {margin-right: 12px;}
	
}


@media screen and (max-width: 1200px){
	.weblist .container {width: 100%;}
	.weblist .left {width: 40%;}
	.weblist .left img {height: 100%;}
	.weblist li:nth-child(2n) .right {width: 55%;}

	.place_list {width: 100%;}
	.place {height: 730px;}
	.procedure_list {background: none;}
	.procedure_list ul{margin-left: 20px;}
	.procedure_list ul li {margin-right: 12px;}

}



@media screen and (max-width: 992px){
	/* .weblist .container {width: 100%;}
	.weblist .right {width: 48%;}
	.weblist .left {width: 48%;}
	.weblist li:nth-child(2n) .right {width: 48%;} */




}


@media screen and (max-width: 768px){

}

@media screen and (min-width:1200px)and (max-width:1350px){
	.place_list {display: flex;flex-wrap: nowrap;height: auto;}
	.place_list ul li {height: auto;}
	.weblist .left {width: 31%;}
	}