@charset "utf-8";
body,
html {
	font-family: "微软雅黑", Arial, Helvetica, Geneva, sans-serif;
}
.clear {clear: both;*zoom: 1}
.clear:after {content: '\20';clear: both;*zoom: 1;display: block;height: 0}
ol,ul {list-style: none;}

/* 顶部 */
.app_top{background-color: #f4f3f3; height: 40px; line-height: 40px;font-size: 13px;color: #666666;}
.app_top_left{width: 1000px;float: left;}
.app_top_right{width: 220px;float: left;text-align: right;}
.app_top_right a{margin: 0 5px;}

/* logo */
.app_logo{padding: 25px 0;}
.app_logo_left{width: 840px;float: left;}
.app_logo_right{width: 400px;float: left; position: relative;}
.app_logo_right span{position: absolute;right: 0; height: 44px;width: 300px;display: block;background: url(/img/tel.png) no-repeat; padding: 15px 0 0 50px;font-weight: bold;font-size: 26px;color: #585858;margin-top: 20px;}

/* 菜单 */
.app_menu{height: 54px;background: #0262b8;}
.app_menu .ui-nav{position: absolute;z-index: 99999999;}
.app_menu .ui-nav ul li a{color:#fff;padding:0 50px;font-size:17px; line-height: 54px;}
.app_menu .ui-nav ul li a:hover,.app_menu .ui-nav ul li.active a{background-color: #fa7821;}
.app_menu .ui-nav ul li ul{min-width:100px;border: none;}
.app_menu .ui-nav ul li ul li a,.app_menu .ui-nav ul li.active ul li a{color:#fff;padding:0 54px;text-align: center;border-top: 1px solid #eee;height: 45px; line-height: 45px;font-size: 15px;}
.app_menu .ui-nav ul li ul li a:hover{color:#fff;background:#615DFA;}

/* 搜索 */
.app_search{background-color: #ebebeb;height: 46px;line-height: 46px;overflow: hidden;font-size: 14px;}
.app_search_left{width: 840px;float: left;}
.app_search_left .hot{display: inline-block;}
.app_search_left .hot button{border: none;background: none;}
.app_search_right{width: 400px;float: left;text-align: right;}
.app_search_right .search input{border: 0;height: 28px;background-color: #f7f7f7; margin: 0;vertical-align: middle;padding-left:10px ;}
.app_search_right .search button{border: 0;height: 28px;background-color: #fa7820; margin: 0;vertical-align: middle;line-height: 28px;color: #fff;padding: 0 15px;}


/* index_F1 */
.f1{height: 685px;overflow: hidden;background: url(/img/f1.jpg) no-repeat center;margin: 7px auto;}
.f1 h2{text-align: center;background: url(/img/f1_title.png) no-repeat center;color: #fa7821;font-weight: bold;font-size: 36px;margin-top: 60px;}
.f1 p{text-align: center;color: #999999;font-size: 16px;}
.f1box{overflow:hidden;flex-wrap:nowrap;}
.f1box .ui-col-3{flex:0 0 295px;max-width:295px;margin:0 20px 0 0;}
.f1box .ui-card{border:0;border-radius:4px;}
.f1box .ui-card-image{height:220px;overflow:hidden;border-radius:4px 4px 0 0;}
.f1box .ui-card-image img{border-radius:4px 4px 0 0;height:100%;transition:all .5s;width: auto;}
.f1box .ui-card-image:hover img{transform:scale(1.4);}
.f1box .ui-card-title{height:50px;overflow:hidden;font-size: 22px;transition:all .5s;}
.f1box .ui-card-footer{border:0;border-radius:4px;}
.f1box .ui-card-text{height:147px;overflow:hidden;transition:all .5s;}
.ui-card-body{transition:all .5s;}
.ui-card:hover .ui-card-body{background-color: #fa7821;}
.ui-card:hover .ui-card-body .ui-card-title a{color: #fff;}
.ui-card:hover .ui-card-body .ui-card-text{color: #fff;}

/* index_F2 */
.f2{height: 495px;overflow: hidden;background: url(/img/f2.jpg) no-repeat center;}
.f2_left{width: 50%;float: left;}
.f2_left span{margin: 50px 0 0 20px;overflow: hidden;width: 499px;height: 371px;display: inline-block;border: 10px solid #6bb0e7;}
.f2_left img{transition:all .5s;}
.f2_left img:hover{transform:scale(1.4);}
.f2_right{width: 50%;float: right;padding-top: 50px;color: #fff;}
.f2_right h1{font-size: 40px;}
.f2_right h2{font-size: 29px;}
.f2_right p{font-size: 15px;line-height: 27px;margin: 20px 0 40px 0;}
.f2_right a{background-color: #fff;color: #5c5c5c;font-size: 17px;padding: 10px 50px;transition:all .5s;}
.f2_right a:hover{background-color:#fa7821 ;color: #fff;}

/* index_F3 */
.f3{height: 1542px;overflow: hidden;background: url(/img/f3.jpg) no-repeat center;}
.f3 .title h2{text-align: center;font-size: 40px;color: #fa7821;background: url(/img/f3_title.png) no-repeat right center;padding-right: 200px;height: 123px;line-height: 160px; width: 600px;margin: 0 auto;}
.f3 .title p{text-align: center;color: #999999;font-size: 16px;margin-top: 15px;margin-bottom: 60px;}
.fl{float: left;}
.fr{float: right;}
.f3_box{height: 254px; width: 900px; margin: 0 auto;}
.f3_box .info{width: 470px; padding-top: 50px;}
.f3_box .info h3{color: #0262b8;font-size: 27px;}
.f3_box .info p{color: #464545;font-size: 15px;line-height: 24px;margin-top: 20px;}

.f4 .title{line-height: 40px;border-bottom: 1px solid #ddd;margin-top: 30px;margin-bottom: 20px;}
.f4 .title p span{font-size: 26px;font-weight: bold;color: #0262b8;border-bottom: 3px solid #0262b8;height: 50px;display: inline-block;}
.f4 .title p a{font-size: 16px;color: #666666;float: right;}
.f4box{overflow:hidden;flex-wrap:nowrap;padding:0 20px;}
.f4box .ui-col-3{flex:0 0 285px;max-width:285px;margin:0 20px 0 0;}
.f4box .ui-card{border:0;border-radius:4px;}
.f4box .ui-card-image{height:300px;overflow:hidden;position: relative;margin-top: 20px; margin-bottom: 20px;}
.f4box .ui-card-image img{height:100%;transition:all .5s;width: auto;}
.f4box .ui-card-image:hover img{transform:scale(1.4);}
.f4box .ui-card-image p{position: absolute;bottom: 0;text-align: center;height: 40px;line-height: 40px;width: 100%; background: rgba(0,0,0,0.5);color: #fff;}
.f4box .ui-card-title{height:50px;overflow:hidden;font-size: 22px;transition:all .5s;}
.f4box .ui-card-footer{border:0;border-radius:4px;}
.f4box .ui-card-text{height:147px;overflow:hidden;transition:all .5s;}

.f5 .title h2{text-align: center;background: url(/img/f5_title.png) no-repeat center;color: #fa7821;font-weight: bold;font-size: 36px;margin-top: 60px;}
.f5 .title p{text-align: center;color: #999999;font-size: 16px; margin-bottom: 30px;}
.f5 .list{float: left;width: 386px;}
.f5 .list p{color: #0262b8; font-size: 22px;line-height: 46px;border-bottom: 1px solid #ddd;}
.f5 .list p a{color: #888; font-size: 15px; float: right; }
.f5 .list ul li{border-bottom: 1px dotted #ddd;line-height: 46px;height: 46px;overflow: hidden;background: url(/img/list.png) no-repeat 5px center;padding-left: 15px;}
.f5 .list ul li a{font-size: 15px;color: #333;}
.f5 .list ul li span{font-size: 15px;color: #333;float: right;}


.f6{height: 510px;overflow: hidden;background: url(/img/f6.jpg) no-repeat center;}
.f6 .title h2{text-align: center;background: url(/img/f6_title.png) no-repeat center;color: #fbe600;font-weight: bold;font-size: 36px;margin-top: 40px;}
.f6 .title p{text-align: center;color: #c3c3c3;font-size: 16px; margin-bottom: 20px;}

.f6_list{background-color: #687d8f;}
.f6box{overflow:hidden;flex-wrap:nowrap;padding:0 20px;}
.f6box .ui-col-3{flex:0 0 285px;max-width:285px;margin:0 20px 0 0;}
.f6box .ui-card{border:0;border-radius:4px;}
.f6box .ui-card-image{height:300px;overflow:hidden;position: relative;margin-top: 20px; margin-bottom: 20px;}
.f6box .ui-card-image img{height:100%;transition:all .5s;width: auto;}
.f6box .ui-card-image:hover img{transform:scale(1.4);}
.f6box .ui-card-image p{position: absolute;top: 0;text-align: center;height: 40px;line-height: 40px;width: 100%; background: rgba(0,0,0,0.5);color: #fff;}
.f6box .ui-card-title{height:50px;overflow:hidden;font-size: 22px;transition:all .5s;}
.f6box .ui-card-footer{border:0;border-radius:4px;}
.f6box .ui-card-text{height:147px;overflow:hidden;transition:all .5s;}

.f7{height: 430px;overflow: hidden;background: url(/img/f7.jpg) no-repeat center;}
.f7 .f7_left{float: left; width: 600px;color: #fff; padding-left: 30px;}
.f7 .f7_left h3{font-size: 41px; margin: 60px 0 10px 0;}
.f7 .f7_left p{font-size: 20px; line-height: 42px;}
.f7 .f7_right{float: right;width: 600px;}
.map_box{margin-top: 65px;padding-left: 30px;}


.f8{padding: 30px 0;}
.f8 .title p{color: #0262b8;font-size: 18px;border-bottom: 1px solid #ddd;font-weight: bold; line-height: 40px;}
.f8 .title p span{color: #777;font-size: 16px;margin-left: 10px;}
.f8 .info{line-height: 30px;}
.f8 .info a{margin: 0 10px;}

.foot_l{width: 180px;text-align: center; margin-top: 60px;}
.foot_c{width: 600px;border-left: 1px solid #525e76;margin-top: 30px;padding-left: 20px; margin-left: 30px;}
.foot_c a{color: #fff;}
.foot_r{width: 300px;text-align: right; margin-top: 30px;}