@charset "utf-8";
/* CSS Document */
body{margin:0; padding:0; font:12px Arial,"microsoft yahei"; color:#333; background:#fff; min-width: 1200px; letter-spacing:1px;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0; }
ul,li,ol{list-style:none;}
a{text-decoration:none; color:#333;cursor: pointer;}
a:hover{text-decoration:none; color: #04269E;}
input,textarea,select,button{font-family:Arial,"Microsoft YaHei";}
input:focus,textarea:focus,select:focus,button:focus{ outline:none;}
::-moz-selection {background:#aaa;color:#FFF;}
::selection {background: #aaa;color: #FFF;}
img{border:0}
.clear {zoom: 1;clear:both; }
.clear:after {content: ''; display: block; clear: both; }
table{width: 100%; border-collapse:collapse;}
table tr,table td{max-width: 100%; border: solid 1px #eee; }
.fl{float:left;}
.fr{float:right;}
input,textarea,select{font-family:"Microsoft YaHei"; font-size:12px;}
input:focus,textarea:focus,select:focus{ outline:none;}
@font-face {font-family:'BebasNeue-Regular'; src: url('../fonts/BebasNeue-Regular-3.ttf'); }
@font-face {font-family:'Avignon'; src: url('../fonts/Avignon-Bold.ttf'); }

.scrollbar::-webkit-scrollbar{ width:6px; background:#f4f4f4; }/* 滚动条整体部分 */
.scrollbar::-webkit-scrollbar-button{ display:none;}/*  滚动条两端的按钮 */
.scrollbar::-webkit-scrollbar-track{ display:none;}/*  外层轨道 */
.scrollbar::-webkit-scrollbar-track-piece{ display:none;}/*  内层轨道 */
.scrollbar::-webkit-scrollbar-thumb{ background:#04269E;}/*  滚动条里面可以拖动的那部分 */
.scrollbar::-webkit-scrollbar-corner{display:none;}/* 边角 */
.scrollbar::-webkit-resizer{display:none;}/*  定义右下角拖动块的样式 */

.iconT{display: flex;align-items: center;text-align: center;justify-content: center;}

.c1200{ width: 1200px; margin:0 auto;}
.wrap{width: 87%;margin: 0 auto;min-width: 1150px;}

#footer {
	padding: 0 15px;
	background-color: #171c32;
}
#footer .fotbox {
	max-width: 1560px;
	margin: 0 auto;
}
#footer .iconul {
	padding: 30px 0;
	display: flex;
	justify-content: space-between;
	color: #fff;
	font-size: 16px;
}
#footer .iconul li {
	cursor: pointer;
}
#footer .iconul i {
	display: inline-block;
	vertical-align: middle;
	margin-top: -4px;
}
#footer .iconul li:hover {
	color: #00a0ea;
}
#footer .w1200 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 30px 0;
	border-top: 1px solid rgba(255,255,255,0.1);
	border-bottom: 1px solid rgba(255,255,255,0.1);
}
#footer .flbox {
	width: 59%;
	display: flex;
	justify-content: space-between;
	box-sizing: border-box;
	border-right: 1px solid rgba(255,255,255,0.1);
	padding-right: 5%;
}
#footer .flbox .fott {
	margin-bottom: 20px;
	font-size: 18px;
	color: #fff;
}
#footer .flbox ul li:not(:last-child) {
	margin-bottom: 15px;
}
#footer .flbox ul a {
	display: inline-block;
	color: rgba(255,255,255,.75);
}
#footer .flbox ul a:hover {
	color: #04269E;
}
#footer .frbox {
	width: 41%;
	box-sizing: border-box;
	padding-left: 5%;
}
#footer .frbox .tel a {
	font-family: Impact, "sans-serif";
	font-size: 24px;
	line-height: 36px;
	letter-spacing: 2px;
	color: #fff;
}
#footer .frbox .tel i {
	display: inline-block;
	vertical-align: middle;
}
#footer .frbox .tel span {
	font-size: 14px;
	color: rgba(255,255,255,.5);
}
#footer .frbox .txtul {
	margin-top: 15px;
}
#footer .frbox .txtul li {
	font-size: 14px;
	color: rgba(255,255,255,.75);
}
#footer .frbox .txtul li:not(:last-child) {
	margin-bottom: 15px;
}
#footer .frbox .txtul a {
	color: rgba(255,255,255,.75);
}
#footer .frbox .txtul a:hover {
	color: #04269E;
}
#footer .frbox .snsul {
	display: flex;
	margin-top: 20px;
}
#footer .frbox .snsul li:not(:last-child) {
	margin-right: 30px;
}
#footer .frbox .snsul li > img {
	width: 30px;
}
#footer .frbox .snsul li {
	position: relative;
	cursor: pointer;
}
#footer .frbox .snsul .code {
	padding-top: 10px;
	position: absolute;
	left: 50%;
	top: 100%;
	width: 90px;
	margin-left: -45px;
	opacity: 0;
	transition: 0.3s ease-out;
	transform: scale(0);
}
#footer .frbox .snsul .code img {
	width: 100%;
}
#footer .frbox .snsul li:hover .code {
	opacity: 1;
	transform: scale(1);
}
#footer .yqlink {
	padding: 20px 0 20px 75px;
	position: relative;
	color: #fff;
                text-align:center;
}
#footer .yqlink span {
	position: absolute;
	left: 0;
	top: 20px;
	font-size: 14px;
	color: #fff;
}
#footer .yqlink a {
	margin: 0 10px;
	display: inline-block;
	vertical-align: top;
	color: rgba(255,255,255,.75);
	font-size: 14px;
}
#footer .yqlink a:hover {
	color: #04269E;
}
.sub1{ display:none; /*默认隐藏*//* width:1920px;*/ width:100%; padding:0; position:fixed; top:80px; overflow:hidden; text-align:left; z-index:110; left:0px; /*height:544px; padding-bottom:50px;*/background-color:#fff;}
.sub1 .nav_xiao{ width:80%;  margin:0 auto;}

.sub1 .nav_xiao .xiao_five{ width:30%; overflow:hidden; float:left; margin-top:40px; margin-bottom:40px; border-right:1px solid #e6e6e6;}
.sub1 .nav_xiao .xiao_five img{ width:391px; height:259px;}


sub1 .nav_xiao .xiao_six_l{ float:left; width:140px; margin-left:70px; overflow:hidden; margin-top:35px;}
.sub1 .nav_xiao .xiao_six_l a{ display:block; height:46px; line-height:46px; font-size:16px; color:#333333; padding-left:20px; background:url(../images/2017/yuming_pic9.png) left center no-repeat; padding-top:0;}
.sub1 .nav_xiao .xiao_six_l a.osel{background:url(../images/2017/yuming_pic9_on.png) left center no-repeat; color:#f3782a;}
.sub1 .nav_xiao .xiao_six_r{ float:left; width:990px; overflow:hidden; text-align:center;}
.sub1 .nav_xiao .xiao_six_r img{ display:block; margin:0 auto; margin-bottom:32px;transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;}
.sub1 .nav_xiao .xiao_six_r a{ float:left;  width:140px;height:auto; border-left:1px solid #e2e3e3; padding-top:0; margin-top:50px;}
.sub1 .nav_xiao .xiao_six_r a:hover img{ margin-top:-4px; margin-bottom:36px;}
.sub1 .nav_xiao .xiao_six{overflow:hidden; width:70%;}
.sub1 .nav_xiao .xiao_six ul li{ float:left;display:inline; height:338px; width:24%; overflow:hidden;border-right:1px solid #e6e6e6; text-align:center;}
.sub1 .nav_xiao .xiao_six ul li.bgs1{ background:url(../images/201807/yuming_bg1.png) right 168px no-repeat;}
.sub1 .nav_xiao .xiao_six ul li.bgs2{ background:url(../images/201807/yuming_bg2.png) right 168px no-repeat;}
.sub1 .nav_xiao .xiao_six ul li.bgs3{ background:url(../images/201807/yuming_bg3.png) right 168px no-repeat;}
.sub1 .nav_xiao .xiao_six ul li .xiao_six_con{ margin:0 auto; width:100%; max-width:360px;height:338px; overflow:hidden; text-align:left;}
.sub1 .nav_xiao .xiao_six ul li:last-child{ border-right:0;}
.sub1 .nav_xiao .xiao_six ul li .xiao_six_l{ font-size:18px; font-weight:bold; height:62px; line-height:62px; border-bottom:1px solid #e6e6e6; margin-bottom:23px; color:#000;margin-left:34px;}
.sub1 .nav_xiao .xiao_six ul li a{ float:left; width:246px; overflow:hidden; height:30px; line-height:18px;font-size:16px; color:#666666;}
.sub1 .nav_xiao .xiao_six ul li a:hover{ color:#e44033; background:none;}
.sub1 .nav_xiao .xiao_six ul li .a{ display:block; width:182px; height:42px; line-height:42px;  text-align:center; color:#fff; font-size:16px; margin-top:31px;transition:all 0.3s; clear:both;}
.sub1 .nav_xiao .xiao_six ul li .a.bgs1{ background-color:#f67524;}
.sub1 .nav_xiao .xiao_six ul li .a.bgs2{ background-color:#248cf6; margin-top:61px;}
.sub1 .nav_xiao .xiao_six ul li .a.bgs3{ background-color:#1ecc85; margin-top:91px;}
.xiao_six_l a{font-size: 18px !important;
  text-align: left !important;
  height: 49px !important;
  line-height: 45px !important;color:black !important;padding-left:0px !important;}
.sub1 .nav_xiao .xiao

.chevron{width: 36px;height: 52px;position:absolute;left:50%;bottom:60px;z-index:20;text-align:center;transform:translateX(-50%);cursor: pointer;padding:0 10px;animation: pul 2s infinite;}
.chevron a{width: 32px;height: 48px;display: block;border: 2px solid #fff;border-radius: 18px;position: relative;}
.chevron a::after{content: '';width: 6px;height: 12px;background-color: #04269E;border-radius: 3px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
@-webkit-keyframes pul{ 0%{-webkit-transform: translate(0, 0);transform: translate(0, 0);} 50%{-webkit-transform: translate(0, 10px);transform: translate(0, 10px);} 100%{-webkit-transform: translate(0, 0); transform: translate(0, 0);} }
@keyframes pul{ 0%{-webkit-transform: translate(0, 0); transform: translate(0, 0);} 50%{-webkit-transform: translate(0, 10px); transform: translate(0, 10px);} 100%{-webkit-transform: translate(0, 0); transform: translate(0, 0);} }

.ser1_main1 *{
	/*box-sizing:content-box;*/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ser1_main1{
	padding: 65px 0 30px;
}
.ser1_main1 .ser1_tl{
	margin-bottom: 55px;
}
.ser1_main1 .ser1_tl h3{
	font-size: 30px;
    text-align: center;
    color: #333;
    font-weight: normal;
}
.ser1_main1 .con{
    width: 90rem;
    margin: 0 auto;
    padding: 0 7.7rem;
}
.ser1_main1 .con ul{
	position: relative;
}
.ser1_main1 .con ul:before{
	content: "";
	position: absolute;
	top: 50%;
	margin-bottom: -2px;
	height: 4px;
	width: 100%;
	background-color: #e5e5e5;
}
.ser1_main1 .con ul:after{
	display:block;
	clear:both;content:"";
	visibility:hidden;
	height:0;
} 
.ser1_main1 .con li{
	position: relative;
	float: left;
	width: 21%;
	height: 320px;
	margin-right: 5.33%;
	border: 2px solid #e5e5e5;
	text-align: center;
	padding-top: 25px;
	background-color: #fff;
	transition: all 0.3s;
}
.ser1_main1 .con li:nth-child(4n){
	margin-right: 0px;
}
.ser1_main1 .con li:nth-child(-n+3):after{
	position: absolute;
	top: 50%;
	right: -13%;
	margin-right: -16px;
	margin-top: -16px;
	content: "";
	width: 32px;
	height: 32px;
	background: url(../images/service1_jt.png) no-repeat center;
	transition: all 0.3s;
}

.ser1_main1 .con li .ico{
	/*margin-bottom: 20px;*/
}
.ser1_main1 .con li .ico img{
	display: block;
	margin: 0 auto;
}
.ser1_main1 .con li .text{
	padding: 0 25px;
}
.ser1_main1 .con li .text h3{
	margin-top: 20px;
    font-size: 20px;
    font-weight: normal;
}
.ser1_main1 .con li .text p{
    margin-top: 20px;
    color: #666;
    font-size: 14px;
    line-height: 1.8em;
}
.ser1_main1 .con li:hover{
	border-color: #00A2FF;
}
.ser1_main1 .con li:hover:nth-child(-n+3):after{
	transform: scale(1.2);
}
/*menuBox*/
.menuBox{width: 100%;height: 100%;background-color: #FFFFFF;position: fixed;top: 0;right: -100%;z-index: 9999;transition: all 0.8s ease;}
.menuBox::after{content:'';width: 1px;height: 100%;background-color: #e0e0e0;position: absolute;top: 0;left: 50%;transform: translateX(-50%);}
.menuBox .box{width: 94%;margin: 0 auto;min-width: 1150px;padding: 40px 0 0;position: relative;z-index: 9;}
.menuBox .box .logo{float: left;}
.menuBox .box .logo img{height: 42px;display: block;}
.menuBox .box .close{float: right;font-size: 16px;line-height: 50px;color: #333;position: relative;padding-right: 60px;cursor: pointer;transition: all 0.6s ease;}
.menuBox .box .close .iconfont{width: 50px;height: 50px;background-color: #333;color: #FFFFFF;font-size: 20px;position: absolute;top: 0;right: 0;border-radius: 50%;transition: all 0.6s ease;}
.menuBox .box .close:hover{color: #04269E;}
.menuBox .box .close:hover .iconfont{background-color: #04269E;transform: rotate(360deg);}
.menuBox .menuNav{width: 50%;height: 100%;position: absolute;top: 0;left: 0;}
.menuBox .menuNav ul{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.menuBox .menuNav ul li{margin: 18% 0;}
.menuBox .menuNav ul li a{font-size: 40px;color: #333; text-transform: uppercase;}
.menuBox .menuNav ul li a span{ font-size: 30px; color: #333; font-family:'Avignon';}
.menuBox .menuNav ul li:hover a,.menuBox .menuNav ul li#select a,.menuBox .menuNav ul li:hover a span,.menuBox .menuNav ul li#select a span{color: #04269E;}
.menuBox .menuContact{width: 50%;height: 100%;position: absolute;top: 0;right: 0;}
.menuBox .menuContact .img{width: 160px;height: 160px;margin-bottom: 100px;}
.menuBox .menuContact .img img{width: 100%;box-shadow: 0 0 16px rgba(0,0,0,0.08);-webkit-box-shadow: 0 0 16px rgba(0,0,0,0.08);-moz-box-shadow: 0 0 16px rgba(0,0,0,0.08);}
.menuBox .menuContact .contBox{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 416px;}
.menuBox .menuContact .contBox .title{font-size: 32px;color: #333;}
.menuBox .menuContact .contBox .phone{font-family: Avignon;font-size: 42px;font-stretch: normal;color: #333;}
.menuBox .menuContact .contBox .text{font-size: 14px;line-height: 26px;color: #666666;margin-top: 10px;}
.menuBoxOn{right: 0 !important;}
@media (max-width: 1366px) {
    .menuBox .menuNav ul li a{font-size: 30px;}
    .menuBox .menuContact .img{width: 120px;height: 120px;margin-bottom: 60px;}
    .menuBox .menuContact .contBox .title{font-size: 24px;}
    .menuBox .menuContact .contBox .phone{font-size: 38px;}
}

/*header*/
.header{width: 100%;background-color:rgb(91 94 95 / 29%);position:fixed;top: 0;left: 0;z-index: 999;transition: all 0.6s ease;}
.header::before{ content: ''; width: 100%; height: 1px; background-color: rgba(255,255,255,0.2); position: absolute; bottom: 0; left: 0;}
.header .box{ width: 100%; padding-left: 6.5%; box-sizing: border-box; position: relative; min-width: 1150px; font-size: 0;}
.headerLogo{float: left;margin-top:0;}
.headerLogo a{display: block; width: 184px; height: 50px; margin: 15px 0; background: url(../images/logo1.png)  no-repeat; background-size: auto 50px; transition: all 0.6s ease;}
.headerTel{ position: relative;  display: inline-flex; vertical-align: middle; height: 80px; background-color: rgba(255,255,255,0); align-items: center;justify-content: space-between; padding: 0 20px;}
.headerTel::before{ content: ''; width: 1px; height: 100%; background-color: rgba(255,255,255,0.2); position: absolute; left: 0; top: 0;}
.headerTel .iconT{  font-size: 40px; color: #fff;}
.headerTel span{ display: inline-block; margin-left: 0; font-size: 30px; color: #fff; font-family: Impact;}
.header .nav{ display: inline-block; vertical-align: middle; margin-right: 40px; }
.header .nav .nLi{display: inline-block;position: relative;margin-right: 40px;}
.header .nav .nLi h3{padding: 25px 0;transition: all 0.6s ease;}
.header .nav .nLi h3 a{display:block; line-height:30px;font-size:18px;color:#fff;font-wei ght: bold;}
.header .nav .sub{/*display:none;position:absolute;top:80px;transform: translateX(-50%);left: 50%;width: 140px;background-color:#fff;box-shadow: 0 0 20px rgba(0,0,0,0.1);-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.1);-moz-box-shadow: 0 0 20px rgba(0,0,0,0.1);*/}
.header .nav .sub a{display:block;text-align: center;font-size: 16px;color: #333;padding:14px 10px;box-sizing: border-box;transition: all 0.6s ease;}
.header .nav .sub a:hover,.header .nav .sub li.on a{background-color: #04269E;color: #FFFFFF;}
.header .nav .nLi:hover h3 a,.header .nav .nLi#on h3 a{color: #04269E;}
.header .popnav{width: 80px; position: relative; display: inline-block; ma rgin: 0 40px; vertical-align: middle; cursor: pointer;}
.header .popnav .menu{width: 24px;height: 18px;position: relative;overflow: hidden;float: left;}
.header .popnav .menu .solid{width: 24px;height: 2px;background-color: #fff;transition: all 0.6s ease;}
.header .popnav .menu .solid1{position: absolute;top: 0;left: 0;}
.header .popnav .menu .solid2{position: absolute;top: 0;left: 0;bottom: 0;margin: auto;width: 18px;transition: all 0.6s ease;}
.header .popnav .menu .solid3{position: absolute;bottom: 0;left: 0;}
.onSolid1{transform: rotate(45deg) translateY(11px);left: 8px !important;}
.onSolid2{transform: translateX(-30px);}
.onSolid3{transform: rotate(-45deg) translateY(-11px);left: 8px !important;}
.header .popnav .tit{color: #fff;font-size: 16px;float: right;line-height: 18px;transition: all 0.6s ease;}
.header .popnav:hover .menu .solid{background-color: #04269E;}
.header .popnav:hover .menu .solid2{width: 24px;}
.header .popnav:hover .tit{color: #04269E;}
@media (max-width: 1440px) {
    .header .nav{ display: inline-block; vertical-align: middle; margin-right: 0; }
}
@media (max-width: 1366px) {
    .header .nav .nLi{display: inline-block;position: relative;margin-right: 40px;}
}
.is-fixed{box-shadow: 0 0 20px rgba(0,0,0,0.1); background-color: rgba(255,255,255,1); -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.1);-moz-box-shadow: 0 0 20px rgba(0,0,0,0.1); border-bottom: rgba(255,255,255,0);}
.is-fixed .headerLogo a{ background: url(../images/logo1.png) no-repeat; background-size: auto 50px; }
.is-fixed .nav .nLi h3 a{color:#333;}
.is-fixed .popnav .menu .solid{background-color: #000;}
.is-fixed .popnav .tit{color: #000;}
.is-fixed::before,.is-fixed .headerTel::before{ display: none;}
.is-fixed .headerTel{  background-color: #04269E; }
.is-fixed .headerTel .iconT,.is-fixed .headerTel .iconT{   color: #fff;}

/*indexBanner*/
.banner{min-height:640px;box-sizing:border-box;position:relative;}
.banner .next-s{position:absolute;bottom:80px;display:inline-block;left:calc(10% + 270px);z-index:4;font-size:12px;color:#fff;background:url(../images/sjw.png) no-repeat right top 6.5px/4px;padding-right:10px;}
.banner .next-s:hover{color:#74cc1b;background:url(../images/sjh.png) no-repeat right top 6.5px/4px;}
.banner .wrapper{box-sizing:border-box;position:relative;padding-left:210px;}
.banner .wrapper>img{display:block;position:absolute;top:10px;margin-left:-270px;}
.banner .wenz{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;}
.banner .wenz h1{margin:50px 0 15px;font-size:70px;color:#fff;}
.tjb{background: linear-gradient(#4ec364,#79cd12);color:transparent;-webkit-background-clip: text;}
.banner .wenz p{color:#fff;}
.banner .wenz a{margin:60px 10px 0 0;}
.banner .swiper-pagination{z-index:3;bottom:80px !important;max-width:1600px !important;width:90% !important;left:calc(50% - 800px) !important;padding-left:210px;box-sizing:border-box;text-align:left !important;}
.down{position:absolute;right:calc(50% - 800px);bottom:90px;z-index: 5;font-size:14px;color:#fff;background:url(../images/icon02.png) no-repeat bottom center;padding-bottom:90px;animation: down .6s infinite alternate;-webkit-animation:down .6s infinite alternate;}
.down:hover{background:url(../images/icon02h.png) no-repeat bottom center;color:#74cc1b;}
.banner h1{display:none;}
@-webkit-keyframes down{
    /*from{-webkit-transform:translateY(15px)}*/
    0%{-webkit-transform:translateY(0px)}
    to{ -webkit-transform:translateY(15px)}
}

@keyframes down{
    /*from{-webkit-transform:translateY(15px)}*/
    0%{-webkit-transform:translateY(0px)}
    to{ -webkit-transform:translateY(15px)}
}




.indexBanner{width: 100%;position: relative;height: 100vh;background: #000;overflow: hidden;}
.banner{ height:100%; overflow:hidden; position:relative;}
.banner .swiper-slide{ position:relative; overflow:hidden;}
.banImg{ height:100%; transform:scale(1); transition:all 3s linear;}
.banner .swiper-slide-active .banImg{ transform:scale(1.1); transition:all 6s linear;}
.banLefBg,.banRigBg{ display:block; position:absolute; top:0; width:100%; height:100%;}
.banLefBg{ left:0; background:url(../images/ban0Bg1.png) center center no-repeat; background-size:cover;}
.banRigBg{ right:0; background:url(../images/ban0Bg2.png) center center no-repeat; background-size:cover;}
.banName{ position:absolute; left:0; top:0; right:0; bottom:0; background:url(../images/banWangJian.png) center center no-repeat; background-size:100% auto; z-index:1;}
#particles{ position:absolute; left:0; top:92px; right:0; bottom:0; z-index:1;}
#particles .pg-canvas{ opacity:0.1;}
.banText li{ position:absolute; left:50%; top:50%; transform:translate(-50%,-70%); color:#FFFFFF; text-align:center; width:100%; max-width:1400px; padding:0 15px; display:none;}
.banTextEn{ font-size:100px; line-height:80%; text-transform:uppercase; }
.banTextCn{ font-size:60px; line-height:250%;}
.banTextCn i{ margin:0 2px;}
.showTit i{ display:inline-block; vertical-align:text-bottom; transform:translateY(120px); opacity:0; transition:all 1s ease-in-out 0s;}
.banTextInfor{ font-size:34px;}
.banTextInfor i{ margin:0 2px;}
.banTextInfor i b{ display:block; vertical-align:middle; white-space:nowrap; overflow:hidden; transition:all 0.6s ease-out 0s;}
.banTextInfor i b.h{ width:0;}
.banTextEn i,.banTextCn i,.banTextInfor i{ display:inline-block; vertical-align:middle; font-style:normal;}
.banTextInfor i{ transform:translateX(-10px);}
.banText li.active{ display:block;}
.banText li.active .showTit.act i{ transform:translateY(0); opacity:1; font-family:"Microsoft YaHei";}
.banText li.active .banTextInfor.act i { transform:translateX(0);}
.banPage{ display:block; position:absolute; left:0; bottom:5%; width:100%; text-align:center; z-index:1;}
.banPage .swiper-pagination-bullet{ width:30px; height:16px; background:none; border-radius:0; opacity:0.5; margin:0 0.1rem;}
.banPage .swiper-pagination-bullet i{ display:block; width:100%; height:2px; margin:7px auto; background:#FFFFFF; transition:all 0.3s linear;}
.banPage .swiper-pagination-bullet-active{ background:url(../images/logoIcoWhite.png) center center no-repeat; background-size:contain; opacity:1;}
.banPage .swiper-pagination-bullet-active i{ width:0;}
.banBtn{ position:absolute; top:50%; width:40px; height:22px; z-index:1; background:url(../images/logoIcoWhite.png) center center no-repeat; background-size:contain; cursor:pointer; opacity:0; transition:all 0.3s linear; display:none;}
.banPrev{ left:2%;}
.banNext{ right:2%;}

/*aboutus*/
.aboutus .left_ioc{margin-top: 30%;position: absolute;left: -5%;}
.aboutus{;background-position-x: 95%;
	background-attachment: fixed;position: relative;height: 925px}
.aboutus .index_title{margin-bottom: 50px;}	
.aboutus .inx_ss{text-align: center;margin-top: 550px;font-size: 18px;}
.xin_hellow {
	position: relative;
	margin-top: 320px;
}
.aboutus .index_eng_title{color: #e4e4e4}
.xin_hellow p {
	text-align: center;
}

.xin_hellow p img:nth-child(1) {
	left:8%;
	position: absolute;

;
	transition: 1s ease-out .3s;
}

.xin_hellow p img:nth-child(2) {
	right: 8%;;
	position: absolute;

;
	transition: 1s ease-out .3s;
}
.xin_con1.active .xin_hellow p img:nth-child(1),
.xin_con1.active .xin_hellow p img:nth-child(2) {
	left: 0;
	opacity: 1;
}
.xin_con1_img span {
	overflow: hidden;
	position: absolute;
	top: 159px;
	transform: translateY(50px);
	transition: all 1s cubic-bezier(.35,.75,.55,1) 0.8s;
	right: 20px;
	opacity: 0;
}

.xin_con1_img span {
	transform: translateY(0px);
    opacity: 1;

}

.xin_con1 {
	padding-top: 500px;
}
.index_about{text-align:center;width:80%;margin:120px auto 0;padding:0px 0 80px;position:relative;}
.index_about .hellow p img:nth-child(2n){margin-left:-135px;}
.index_about .img{position:absolute;top:0;right:20%;}
.index_about .text{margin-top:60px;font-size:24px;line-height:48px;color:#666;}
.index_about .text h3{font-size:24px;}

.iclients-wrapper {padding: 10px 0px 70px; max-width: 1600px; width: 94%; margin: 0 auto; position: relative; z-index: 1; }
.iclients-list {overflow: hidden;margin-left: -2px;}
.iclients-list ul {margin-right: -2px;}
.iclients-list ul li {float: left; width: 20%; padding: 0px 2px 2px 0px; background: url(../images/szkhbg.png) no-repeat right bottom; box-sizing: border-box; position: relative;cursor: pointer;}
.iclients-list ul li .icname{display: none;text-align: center; background-color: rgba(0,0,0,0.75);width: 100%;height: 100%;overflow: hidden;position: absolute;left: -1px;top: -1px;}
.iclients-list ul li .icname div{display:table;width: 100%;height: 100%;}
.iclients-list ul li .icname div span{padding: 0 10px;color: #fff; font-size: 12px; line-height: 18px;display:table-cell; vertical-align:middle;}

.full-inum-brief {position: relative; width: 100%; }
.full-inum-brief .briefbg {position: relative; overflow: hidden; height: 520px; background-image: url(../images/inumbg.jpg); background-repeat: no-repeat; background-position: center; }
.full-inum-brief .inum-list {position: absolute; top: 50%; left: 50%; z-index: 10; margin: -190px 0 0 0; width: 1218px; text-align: center; box-sizing: border-box; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
.full-inum-brief .inum-list li {width: 406px; margin-bottom: 99px; float: left; color: #fff; }
.full-inum-brief .num {margin-bottom: 10px; font-size: 90px; line-height: 92px; font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;display:block;}
.full-inum-brief .text {font-size: 16px; line-height: 24px; }


/*indexTitle*/
.indexTitle{}
.indexTitle .tit{font-size: 38px;line-height: 38px;color: #000;}
.indexTitle .tit span{font-size: 18px;line-height: 18px;font-family: Avignon;color: #000;text-transform: uppercase;margin-left: 10px;}
.indexTitle .tit p{font-size: 18px;line-height: 18px;font-family: Avignon;color: #000;text-transform: uppercase;margin-top: 10px;}
.indexTitle .txt{font-size: 16px;line-height: 24px;color: #000;margin-top: 12px;}


/*indexService*/
.indexService{width: 100%;position: relative;overflow: hidden;z-index: 1;padding: 90px 0 70px; overflow: hidden;background: url(http://sdqiyezhan.com/template/default/images/bg5.jpg) no-repeat; color:#fff;}
.indexService::after{content: '';width: 58%;height: 100%;position: absolute;top: 0;right: 0;z-index: -1;}
.serviceBox{width:100%;position: relative;margin-top: 80px;}
.serviceBox .hd{width: 38%;float: left;}
.serviceBox .hd .img1,.serviceBox .hd .img2{width: 28px;height: 28px;}
.serviceBox .hd .img1{margin-top: -20px;}
.serviceBox .hd ul{border-left: 1px solid #fff;padding: 20px 0;margin: 10px 0 10px 14px;}
.serviceBox .hd ul li{margin-bottom: 30px;}
.serviceBox .hd ul li:last-child{margin-bottom: 0;}
.serviceBox .hd ul li .box{position: relative;padding-left: 4%;box-sizing: border-box;}
.serviceBox .hd ul li .box::before{content:'';width: 1px;height: 0;background-color: #fff;position: absolute;top: 0;left: -1px; transition: all 0.6s ease;}
.serviceBox .hd ul li .num{float: left;font-family: Avignon;font-size: 32px;color: #fff;line-height: 22px;transition: all 0.6s ease;}
.serviceBox .hd ul li .cont{float: left;max-width: 80%;margin-left: 3%;}
.serviceBox .hd ul li .cont .txt{position: relative;font-size: 38px;color: #fff; font-weight:bold;line-height: 48px;transition: all 0.6s ease; cursor: pointer;}
.serviceBox .hd ul li .cont .txt p{font-family: MicrosoftYaHei;font-size: 80px;font-weight: bold;line-height: 80px;text-transform: uppercase;color: #fff;opacity: 0;filter:alpha(opacity=0);position: absolute;top: 4px;left: 0;transition: all 0.6s ease;}
.serviceBox .hd ul li .cont .title{transition: all 0.6s ease;margin-top: 0;height: 0;overflow: hidden; font-size: 0;}
.serviceBox .hd ul li .cont .title .tit{font-size: 14px;color: #fff;margin-top: 6px; box-sizing: border-box; width: 48%; display: inline-block; vertical-align: top; margin-right: 2%; cursor: pointer;}
.serviceBox .hd ul li .cont .title .tit span{ display: inline-block; padding: 4px 8px; border: 2px solid rgba(0,0,0,0);}
.serviceBox .hd ul li .cont .title .tit:hover span{border-color: #00a0e7;color: #00a0e7;}
.serviceBox .hd ul li .text{ box-sizing: border-box; border: solid 2px #eee; position: absolute;top: -104px;z-index: 9;cursor: pointer; transition: all 0.6s ease;}
.serviceBox .hd ul li .text::before{ content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; background-color: #f7fafc; transition: all 0.6s ease;}
.serviceBox .hd ul li .text span{ display: inline-block; font-size: 16px; line-height: 24px;  color: #333; width: 100%; font-weight: bold; letter-spacing: 1px;  position: relative; z-index: 2; padding: 10px 15px; box-sizing: border-box; transition: all 0.6s ease;}
.serviceBox .hd ul li:nth-child(1) .text{right: 500px;}
.serviceBox .hd ul li:nth-child(2) .text{right: 330px;}
.serviceBox .hd ul li:nth-child(3) .text{right: 170px;}
.serviceBox .hd ul li:nth-child(4) .text{right: 0;}
.serviceBox .hd ul li.on .num{color: #fff;}
.serviceBox .hd ul li.on .cont .txt{color:#fff;padding-top: 20px;font-weight: bold;}
.serviceBox .hd ul li.on .cont .txt p{opacity:0.2;filter:alpha(opacity=20);}
.serviceBox .hd ul li.on .cont .title{margin-top: 10px;height: 120px;}
.serviceBox .hd ul li.on .box::before{ height: 100%;}
.serviceBox .hd ul li.on .text span{color: #fff;}
.serviceBox .hd ul li.on .text{ background-color: #00a0e7; border-color: #00a0e7;}
.serviceBox .hd ul li.on .text::before{ transform: scale(0);}
.serviceBox .bd{width: 20%;float: right;}
.serviceBox .bd .img{width: 100%;overflow: hidden;height: 540px;background-size: cover !important;position: relative;}
.serviceBox .bd .img.web .img1{width: 56%;position: absolute;bottom: 14%;right: 10%;z-index: 3;}
.serviceBox .bd .img.web .img2{width: 30%;position: absolute;bottom: 20%;right: 50%;}
.serviceBox .bd .img.web .img3{width: 14%;position: absolute;bottom: 20%;right: 67%;}
.serviceBox .bd .img.wechat .img1{width: 47%;position: absolute;bottom: 24%;left: 24%; }
.serviceBox .bd .img.wechat .img2{width: 31%;position: absolute;bottom: 5%;left: 8%;}
.serviceBox .bd .img.wechat .img3{width: 31%;position: absolute;bottom: 18%;left: 20%; }
.serviceBox .bd .img.wechat .img4{width: 31%;position: absolute;bottom: 47%;right: 20%;}
.serviceBox .bd .img.wechat .img5{width: 30.6%;position: absolute;bottom: 60.5%;right: 8.5%;}
.serviceBox .bd .img.marketing .img1{width: 55%;position: absolute; top: 5%; left:8%; }
.serviceBox .bd .img.marketing .img2{width: 15%;position: absolute; top: 10%; left:40%; }
.serviceBox .bd .img.marketing .img3{width: 12%;position: absolute; top: 16%; left:50%; }
.serviceBox .bd .img.marketing .img4{width: 25%;position: absolute; bottom: 7%; right:5%; }
.serviceBox .bd .img.marketing .img5{width: 66%;position: absolute; top: 10%; left:10%; }
.serviceBox .bd .img.vr .img1{width: 23%;position: absolute; top: 10%; left:5%; }
.serviceBox .bd .img.vr .img2{width: 15%;position: absolute; bottom: 5%; right:7%; }
.serviceBox .bd .img.vr .img3{width: 35%;position: absolute; top: 15%; left:34%; }
.serviceBox .bd .img.vr .img4{width: 48%;position: absolute; top: 10%; left:30%; }


.serviceBox .bd .img img{width: 100%;display: block;}
.serviceBox .arrow{ position:absolute; right:0; bottom:0;width: 62%;z-index: 9;}
.serviceBox .arrow a{display:block;width:40px; height:40px;line-height:40px;overflow:hidden;border-radius: 50%;border: 1px solid #FFFFFF;box-sizing: border-box;color: #FFFFFF;font-size: 28px;margin-bottom: 60px;margin-left: 6%;cursor:pointer;transition: all 0.6s ease;}
.serviceBox .arrow .prev{transform: rotate(-180deg);}
.serviceBox .arrow a:hover{background-color: #04269E;border-color: #04269E;}
@media (max-width: 1680px) {
    .serviceBox .bd .img{height: 490px;}
    .serviceBox .hd ul li{margin-bottom: 20px;}
    .serviceBox .hd ul li .cont .txt p{font-size: 44px;}
    .serviceBox .hd ul li .cont .title{margin-top: 4px;}
    .serviceBox .hd ul li.on .cont .txt{padding-top: 20px;}
}
@media (max-width: 1600px) {
    .serviceBox .bd .img{height: 470px;}
}
@media (max-width: 1440px) {
    .serviceBox .bd .img{height: 440px;}
    .serviceBox .hd ul{padding: 10px 0;}
    .serviceBox .hd ul li .num{font-size: 30px;line-height: 20px;}
    .serviceBox .hd ul li .cont .txt{font-size: 18px;line-height: 30px;}
    .serviceBox .hd ul li .cont .txt p{font-size: 40px;}
    .serviceBox .hd ul li.on .cont .txt{padding-top: 18px;}
    .serviceBox .arrow a{margin-bottom: 40px;}
    .serviceBox .hd ul li .cont .title .tit{font-size: 12px;}
}



/*indexCustomer*/
.indexCustomer{width: 100%;background-color: #f7fafc;padding: 100px 0;overflow: hidden;}
.indexCustomer .indexTitle .tit{text-align: center;}
.indexCustomer .indexTitle .txt1{text-align: center;position: relative;padding-top: 22px;margin-top: 20px;}
.indexCustomer .indexTitle .txt1::after{content: '';width: 6px;height: 14px;background-color: #333;position: absolute;top: 0;left:50%;transform: skewX(-15deg) translateX(-50%);margin-right: 14px;}
.indexCustomer .indexTitle .txt1::before{content: '';width: 6px;height: 14px;background-color: #333;position: absolute;top: 0;left:50%;transform: skewX(-15deg) translateX(-50%);margin-left: 14px;}
.indexCustomer ul{width: 100%;display: table;font-size: 0;text-align: left;margin-top: 70px;}
.indexCustomer ul li{width: 16.6666%;display: inline-block;vertical-align: top;overflow: hidden;border: 1px solid #dddddd;border-top: none;border-left: none;box-sizing: border-box;}
.indexCustomer ul li:nth-child(-n+6){border-top: 1px solid #ddd;}
.indexCustomer ul li:nth-child(6n+1){border-left: 1px solid #ddd;}
.indexCustomer ul li img{width: 100%;display: block;opacity:0.8;filter:alpha(opacity=80);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;transition: all 0.6s ease;}
.indexCustomer ul li:hover img{background-color: #FFFFFF;opacity:1;filter:alpha(opacity=100);-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);filter: none;}

/*indexNumber*/
.indexNumber{width: 100%;background-color: #00a0e7;padding: 60px 0;overflow: hidden;}
.indexNumber ul{width: 100%;display: table;font-size: 0;text-align: center;}
.indexNumber ul li{display: inline-block;vertical-align: top;margin-right: 200px; }
.indexNumber ul li:last-child{margin-right: 0;}
.indexNumber ul li .num{color: #fff;}
.indexNumber ul li .num span{font-size: 90px;line-height: 70px;font-family: BebasNeue-Regular;}
.indexNumber ul li .num sub{font-size: 30px;}
.indexNumber ul li .tit{font-size: 18px;color: rgba(255,255,255,0.8);margin-top: 8px;}

/*indexProgramme*/
.indexProgramme{width: 100%;padding: 110px 0;background:#000;background-size: cover;overflow: hidden;}
.indexProgramme .txt{font-size: 44px;line-height: 72px;color: #ffffff;text-align: center;}
.indexProgramme .box{width: 100%;display: table;font-size: 0;text-align: center;margin-top: 80px;}
.indexProgramme .box a{display: inline-block;width: 188px;height: 50px;border: solid 1px #ffffff;text-align: center;line-height: 50px;color: #FFFFFF;font-size: 16px;margin: 0 16px;transition: all 0.6s ease;}
.indexProgramme .box a:hover{background-color: #04269E;border-color: #04269E;}

/*indexNews*/
/*联系我们*/
.i_lx{height: 666px;overflow: hidden;background: url(../images/i_bg7.jpg) no-repeat center top;margin-top:80px;}
.i_contact_t{ margin-top:20px; height:96px; line-height:96px; font-size:36px; color:#fff;  letter-spacing:2px;}
.i_contact_ul{ float:left; width:32%; max-width:418px; overflow:hidden; margin-top:80px; color:#fff;}
.i_contact_ul ul li{ display:block; border-bottom:1px solid #617e8c;}
.i_contact_ul ul li a{ color:#fff;}
.i_contact_ul ul li a:hover{ color:#f67524;}
.i_contact_ul ul li:first-child{ padding-top:9px; height:97px; line-height:26px; font-size:24px;}
.i_contact_ul ul li:first-child a{ color:#fff;}
.i_contact_ul ul li:first-child a:hover span{color:#f67524;}
.i_contact_ul ul li:first-child span{ display:block; height:36px; line-height:36px; overflow:hidden; font-size:36px; font-weight:normal; font-family:"???????"; margin-top:3px;}
.i_contact_ul ul li:nth-child(2){ padding-top:40px; height:100px; line-height:60px;}
.i_contact_ul ul li:nth-child(2) a{ position:relative;}
.i_contact_ul ul li:nth-child(2) img{ float:left; width:60px; height:60px; margin-right:30px;transition: all 0.3s;}
.i_contact_ul ul li:nth-child(2) img:hover{opacity:0.6;filter:Alpha(opacity=60);}
.i_contact_ul ul li:nth-child(2) .wem1{    width: 203px;display: none; color: #363636;  text-align: center; padding-top: 215px;  position: absolute; left: -250px; top: -205px; background-image: url(../images/ewm.png); background-repeat: no-repeat;}
.i_contact_ul ul li:nth-child(2) a:hover .wem1{ display:block;}
.i_contact_ul ul li:nth-child(2) .wem2{width: 203px;display: none; color: #363636;text-align: center;padding-top: 215px; position: absolute;left: -158px;top: -205px;background-image: url(../images/ewm2.png);background-repeat: no-repeat;}
.i_contact_ul ul li:nth-child(2) a:hover .wem2{ display:block;}
.i_contact_ul ul li:nth-child(3){ border-bottom:0; padding-top:34px; font-size:17px; line-height:30px;}
.i_contact_ul ul li:nth-child(3) img{ float:left; width:40px; height:48px; margin-right:20px; margin-top:5px;}
.i_contact_r{ float:right; width:62%; overflow:hidden;margin-top:80px; background:#ffffff; height:506px; }
.i_contact_r .i_contact_t{ color:#000;}
.i_contact_r .i_contact_r_div{ width:94%; max-width:880px; overflow:hidden; margin:0 auto;}
.i_contact_r .i_contact_r_div ul li{ height:68px; line-height:68px;float:left; width:100%; margin-bottom:20px;}
.i_contact_r .i_contact_r_div ul li div{ border:1px solid #dfdfdf; overflow:hidden; }
.i_contact_r .i_contact_r_div ul li div .inputs{ width:100%; border:0; height:68px; text-indent:20px; background:none; color:#666666; font-size:18px; outline:none;}
.i_contact_r .i_contact_r_div ul li:nth-child(3){ width:49%; }
.i_contact_r .i_contact_r_div ul li:nth-child(4){ width:49%; float:right; }
.i_contact_r .i_contact_r_div ul li .bnts{width: 100%; height: 68px;  display: block; background: #f67524; border: 1px #f67524 solid; outline: none; color: #fff;font-size: 18px; text-align: center; line-height: 68px;cursor: pointer;transition:all 0.3s;}
.i_contact_r .i_contact_r_div ul li .bnts:hover{opacity:0.6;filter:Alpha(opacity=60);}
/*新闻*/
/*indexOffer*/
.indexOffer{width: 100%;padding: 90px 0;background: url("../images/offer_bg.jpg") center center no-repeat fixed;background-size: cover;overflow: hidden;}
.indexOffer .title{font-size: 42px;color: #ffffff;}
.indexOffer .title p{font-size: 32px;margin-top: 10px;}
.indexOffer .box{width: 100%;margin-top: 70px;}
.indexOffer .box .left{float: left;}
.indexOffer .box .left .tit{font-size: 16px;color: #e8e8e8;margin-bottom: 16px;}
.indexOffer .box .left .txt{font-size: 20px;color: #ffffff;float: left;width: 380px;line-height: 46px;margin-right: 50px;}
.indexOffer .box .left .txt span{font-size: 16px;}
.indexOffer .box .left .txt1{font-size: 16px;line-height: 48px;color: #e8e8e8;float: left;position: relative;padding-left: 46px;box-sizing: border-box;width: 110px;cursor:pointer;transition: all 0.6s ease;}
.indexOffer .box .left .txt1 .iconfont{width: 34px;height: 34px;border-radius: 50%;background-color: #FFFFFF;color: #333333;font-size: 20px;position: absolute;top: 7px;left: 0;transition: all 0.6s ease;}
.indexOffer .box .left .txt1:hover{color: #04269E;}
.indexOffer .box .left .txt1:hover .iconfont{background-color: #04269E;color: #FFFFFF;}
.indexOffer .box .right{float: right;width: 520px;}
.indexOffer .box .right .tit{font-size: 16px;color: #ffffff;text-align: right;margin-bottom: 16px;}
.indexOffer .box .right form{width: 100%;}
.indexOffer .box .right form label{display: block;position: relative;}
.indexOffer .box .right form label span{font-size: 14px;line-height:48px;color: #999;position: absolute; top: 0;left: 0;display: block;}
.indexOffer .box .right form .row{width: 360px;height:48px;padding:0 16px;box-sizing:border-box;float:left;background-color: rgba(240,240,240,0.9);}
.indexOffer .box .right form .txt.w1{width: 100%;font-size: 14px;color: #333;line-height: 20px;padding:14px 0;background-color: rgba(0,0,0,0);border: none;}
.indexOffer .box .right form .btn{width:160px;display:block;height: 48px;line-height:48px;cursor: pointer;float: left;background-color: #04269E;border: none;color: #fff;font-size: 16px;transition: all 0.6s ease;}
.indexOffer .box .right form .btn:hover{background-color: #04269E;}


/*footer*/
.footer{width: 100%;pa dding: 70px 0 40px;background: url("../images/footer_bg.jpg") center center no-repeat;background-size: cover;overflow: hidden;}
.footer .logo img{height: 48px;display: block;}
.footer .box{width: 100%;margin-top: 40px;}
.footer .left{width: 510px;float: left;}
.footer .left .dkh{ font-size: 19px; color: #fff; margin:0 0 20px 0; position: relative; padding-left: 30px;}
.footer .left .dkh span{ font-size: 40px; font-weight: bold; margin-left: 10px;}
.footer .left .dkh .iconfont{color: #e8e8e8;font-size: 26px;line-height:28px;position: absolute;bottom: 0;left: 0;}
.footer .left .tit{margin-bottom: 10px;}
.footer .box .tit{color: #e8e8e8;font-size: 16px;position: relative;line-height: 28px;padding-left: 30px;box-sizing: border-box;}
.footer .box .tit .iconfont{color: #e8e8e8;font-size: 26px;line-height:28px;position: absolute;top: 0;left: 0;}
.footer .center{float: left;margin-left: 10%;}
.footer .center .tit{margin-bottom: 12px;}
.footer .box .txt{font-size: 14px;line-height: 20px;color: #a5a8aa;margin-top: 6px;}
.footer .box .txt a{color: #a5a8aa;}
.footer .box .txt:hover a{color: #04269E;}
.footer .right{float: right;width: 120px;}
.footer .right img{width: 120px;height: 120px;display: block;}
.footer .right p{font-size: 14px;color: #a5a8aa;margin-top: 8px;text-align: center;}
.footer .copyRight{color: #a5a8aa;font-size: 12px;line-height: 20px;margin:26px 0 12px;}
.footer .copyRight a{color: #a5a8aa; display: inline-block;}
.footer .copyRight a:hover{color: #04269E;}
.footer .link{color: #a5a8aa;font-size: 12px;line-height: 16px;}
.footer .link a{color: #a5a8aa;}
.footer .link a:hover{color: #04269E;}
@media (max-width: 1440px) {
    .footer .center{margin-left: 6%;}
}


/*Popup*/
.popup{width: 100%;height: 100vh;background-color: rgba(0,0,0,0.8);position: fixed;top: 0;left: 0;z-index: 999;display: none;}
.WeChat{width: 360px;height: 400px;border-radius: 10px;background: #FFFFFF;position: fixed;top: 50%;left: 50%;display: none;margin:-200px 0 0 -180px;z-index: 1000;}
.WeChat .wx{width: 200px;height: 200px;overflow: hidden;margin: 50px auto 10px;border: 1px solid #eee;}
.WeChat .wx img{width: 100%;}
.WeChat p{color: #333;font-size: 14px;text-align: center;width: 360px;}
.WeChat .close{width: 110px;height: 36px;background: #04269E;color: #fff;border-radius: 5px;font-size: 14px;margin: 20px auto 0;line-height: 36px;text-align: center;cursor: pointer;}

/*demandBox*/
.demandBox{width: 360px;padding:30px 0 40px;border-radius: 10px;background: #FFFFFF;position: fixed;top: 50%;left: 50%;margin:-200px 0 0 -180px;z-index: 1000;display: none;}
.demandBox .title{color: #04269E;font-size: 20px;font-weight: bold;text-align: center;margin: 0 0 30px;}
.demandBox .demand{width: 300px;margin: 0 auto;}
.demandBox .demand form{width: 100%;}
.demandBox .demand form label{display: block;position: relative;}
.demandBox .demand form label span{font-size: 16px;line-height:30px;color: #333;position: absolute; top: 8px; left: 0;display: block;}
.demandBox .demand form .row{width: 100%;margin: 0 0 10px;border: 1px solid #dddddd;padding: 0 10px;box-sizing: border-box;border-radius: 3px;}
.demandBox .demand form .txt.w1{width: 100%;font-size: 16px;color: #333;line-height: 20px;padding:12px 0;background-color: rgba(0,0,0,0);border: none;}
.demandBox .demand form .row1{width: 100%;border: 1px solid #dddddd;padding: 0 10px;box-sizing: border-box;border-radius: 3px;}
.demandBox .demand form .txt.w2{ width: 100%;font-size: 16px;color: #333;height: 80px;line-height:20px;resize: none;padding:12px 0;background-color: rgba(0,0,0,0);border: none;}
.demandBox .demand form .button{width: 100%;margin:20px 0 0;}
.demandBox .demand form .button .btn{width:130px;display:block;height: 40px;line-height:40px;cursor: pointer;float: left;border-radius: 3px;background-color: #04269E;border: none;color: #fff;font-size: 16px;transition: all 0.6s ease;}
.demandBox .demand form .button .btn:hover{background-color: #333;}
.demandBox .demand form .button .sClose{width:130px;height: 40px;line-height:40px;cursor: pointer;text-align: center;float: right;border-radius: 3px;background-color: #333;color: #fff;font-size: 16px;transition: all 0.6s ease;}
.demandBox .demand form .button .sClose:hover{background-color: #04269E;}

/* customer */
.customer{width: 70px;position:fixed;right:0; top:50%; margin-top: -177px; z-index:99;}
.customer dl{width: 100%;height: 70px;position: relative; z-index: 2; margin-bottom: 1px;}
.customer dl dt{width: 70px;height: 70px; box-sizing: border-box; padding: 7px 0; color:#FFFFFF;background-color: #00a0e7;cursor: pointer;position: relative; z-index: 5;transition: all 0.6s ease; text-align: center; }
.customer dl dt i{ display: inline-block; font-size:32px;}
.customer dl dt p{ font-size: 12px; margin-top: 3px;}
.customer dl:hover dt{background-color: #04269E;}
.customer dl.icon1 dd{width: 150px;background-color:rgba(0, 0, 0, 0.8);padding: 10px 0;position: absolute; top: 0;right:-150px;z-index: 1;transition: all 0.6s ease; }
.customer dl.icon1 dd a{display: block; color: #fff; width: 75px; margin: 10px auto; padding-left: 45px;border-radius: 17px;text-align: left; line-height: 34px; border: solid 1px #fff; background: url(../images/fdqq.gif) center left 15px no-repeat;}
.customer dl.icon1 dd a:hover{ background-color: #04269E; border-color: #04269E; color: #fff;}
.customer dl.icon2 dd{width: 150px; height: 150px;position: absolute; top: 0; right: -300px; z-index: 1; transition: all 0.6s ease; }
.customer dl.icon2 dd img{ width: 100%; display: block;  border: solid 1px #eee;box-sizing: border-box;}
.customer dl.icon3 dd{width: 200px;height: 70px;padding: 10px 15px;box-sizing: border-box; color: #fff;font-size: 14px; line-height: 24px;background-color:rgba(0, 0, 0, 0.8); position: absolute; top: 0;right: -300px; z-index: 1; transition: all 0.5s ease;}
.customer dl:hover dd{right: 70px;}

/* PopUp */
.PopUp{position: fixed; width: 500px; height: 210px; top: 50%; left: 50%; padding: 40px; margin: -145px 0 0 -290px; z-index: 99999999; display: none; background: url(../images/suncher_fd.jpg) center center no-repeat; color: #fff; overflow: hidden;  -webkit-box-shadow:0 0 10px rgba(0,0,0,0.1); -moz-box-shadow:0 0 10px rgba(0,0,0,0.1); box-shadow:0 0 10px rgba(0,0,0,0.1);}
.PopUp .left{  width: 320px;  text-align: left;}
.PopUp .left .sgm{ font-size: 22px; line-height: 38px}
.PopUp .left .sgm p{ font-weight: bold; font-size: 24px;}
.PopUp .left .tel{ font-size: 42px; margin: 15px 0 5px;}
.PopUp .left .sgs{ font-size: 12px; margin-top: 10px;}
.PopUp .right{ width: 162px;}
.PopUp .right img{ width: 162px; height: 162px;}
.PopUp .right a{ margin-top: 16px; width: 162px; height: 38px; line-height: 38px; background-color: #fff; display: block; text-align: center; font-size: 16px; color: #04269E;}
.PopUp .kq{ font-size: 30px; color: #fff; position: absolute; top: 10px; right: 10px;}


/*RightFd*/
.RightFd{ width: 310px; height: 100px; right: 0; bottom: 0; position: fixed; z-index: 9998; }
.RightFd .FdCont{ width: 175px; height: 36px; padding: 0 20px 0 15px; margin: 32px 0; background: url(../images/suncher_fd3.png) center center no-repeat;  position:relative; white-space: nowrap; }
.RightFd .FdCont .bd{ }
.RightFd .FdCont .bd .tempWrap{ width:175px !important;}
.RightFd .FdCont .bd ul{ overflow:hidden; zoom:1; }
.RightFd .FdCont .bd ul li{  float:left; height:36px; margin-right: 10px;  line-height:36px;  text-align:left; _display:inline; width:auto !important;  }
.RightFd .FdCont .bd ul li a{ display: block; color: #fff; font-size: 14px; }
.RightFd .right a{ display: block; width: 100px; height: 100px;   background: url(../images/suncher_fd2.png) center center no-repeat; }


/*pageBanner*/
/*.pageBanner{width: 100%;overflow: hidden;position: relative;}
.pageBanner img{width: 100%;display: block;position: relative; }
.pageBanner iframe{ width: 100%; height: 100%;box-sizing: border-box; position: absolute; top: 0; left: 0; right: 0; z-index: 1;}
.pageBanner .wrap{height: 100%;position: absolute;top: 0;left: 0;right: 0; z-index: 2;}
.pageBanner .cont{width: 100%;position: absolute;top: 50%;left: 0;transform: translateY(-20%);padding:0 3%;box-sizing: border-box;}
.pageBanner .cont .tit{font-size: 60px;line-height: 70px;color: #ffffff;}
.pageBanner .cont .tit span{font-weight: bold;}
.pageBanner .cont .title{font-size: 42px;color: #ffffff;margin-top: 20px;}
.crumbs{ position: absolute; bottom: 0; left: 0; width: 100%; z-index: 3; padding: 15px 0; border-top: solid 1px rgba(255,255,255,0.1);}
.crumbs .box{width: 87%;margin: 0 auto;min-width: 1150px; font-size: 14px; color: #fff;}
.crumbs .box span{ margin: 0 5px;}
.crumbs .box a{ color: #fff;}
.crumbs .box a:hover{ color: #04269E;}
.aboutBanner .cont{ transform: translateY(-50%);}
@media (max-width: 1366px) {
    .pageBanner .cont .tit{font-size: 48px;line-height: 50px;}
    .pageBanner .cont .title{font-size: 38px;margin-top: 14px;}
}
@media (max-width: 1200px) {
    .pageBanner .cont .tit{font-size: 50px;line-height: 50px;}
    .pageBanner .cont .title{font-size: 32px;}
}
*/

/* fenye */
.pages { font-size:20px; padding: 50px 0; text-align:center; width: 100%; text-transform: uppercase; background-color: #fafafa;}
.pages a { display:inline-block;  text-align:center; color:#21282e; padding:0 ;  margin:0 15px;}
.pages a:hover { color:#04269E; text-decoration:none;   -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; }
.pages span { display:inline-block;  color:#04269E; text-decoration:line-through; text-align:center; padding: 0; margin:0 15px;}


/*pageAbout*/
.pageTitle{font-size: 48px;color: #333;}
.pageTitle p{font-size: 32px;font-family:Avignon;color: #dadada;text-transform: uppercase;line-height: 34px;}
.pageAbout{width: 100%;overflow: hidden;position: relative;margin-top: -100px;padding-bottom: 120px;}
.pageAbout::after{content: '';width: 56%;height: 100%;background-color: #f7fafc;position: absolute;top: 0;right: 0;z-index: -1;}
.pageAbout ul{width: 100%;display: table;font-size: 0;text-align: center;background-color: #f4f4f4;padding: 60px 0;position: relative;z-index: 1;}
.pageAbout ul::after{content: '';width: 50%;height: 100%;background-color: #04269E;position: absolute;top: 0;right: -25%;z-index: -1;}
.pageAbout ul li{display: inline-block;vertical-align: top;margin-right: 200px;}
.pageAbout ul li:last-child{margin-right: 0;}
.pageAbout ul li .num{color: #fff;}
.pageAbout ul li .num span{font-size: 90px;line-height: 70px;font-family: BebasNeue-Regular;}
.pageAbout ul li .num sub{font-size: 30px;}
.pageAbout ul li .tit{font-size: 18px;color: rgba(255,255,255,0.8);margin-top: 8px;}
.pageAbout .cont{width: 86%;margin-top: 80px;min-width: 1150px;}
.pageAbout .cont .titleBox{float: left;}
.pageAbout .cont .titleBox .icon{width: 40px;height: 40px;border-radius: 50%;border: 1px solid #999;margin-top: 100px;overflow: hidden;}
.pageAbout .cont .titleBox .icon .iconfont{color: #666666;font-size: 28px;animation: icon 1.3s linear infinite;cursor: pointer;}
@keyframes icon{ 0%{margin-top: -8px;} 100%{margin-top: 14px;opacity: 0;filter:alpha(opacity=0);} }
@-webkit-keyframes icon{ 0%{margin-top: -8px;} 100%{margin-top: 14px;opacity: 0;filter:alpha(opacity=0);} }
.pageAbout .cont .text{float: right;width: 65%;margin-top: 44px;margin-left: 18%;}
.pageAbout .cont .text .tit{font-size: 28px;line-height: 36px;color: #333333;margin-bottom: 20px;}
.pageAbout .cont .text .txt{font-size: 16px;line-height: 30px;color: #666666;}
.pageAbout .imgBox{width: 81.25%;margin-top: 70px;min-width: 1175px;overflow: hidden;}
.pageAbout .imgBox img{width: 100%;display: block;}
@media (max-width: 1440px) {
    .pageAbout .imgBox{width: 88%;}
}
@media (max-width: 1440px) {
    .pageAbout .imgBox{width:90%;}
}
@media (max-width: 1366px) {
    .pageAbout .imgBox{width:92%;}
    .pageAbout ul li .num span{font-size: 80px;line-height: 60px;}
    .pageAbout ul li .num sub{font-size: 28px;}
}
@media (max-width: 1280px) {
    .pageAbout .imgBox{width:96%;}
    .pageAbout ul li .num span{font-size: 70px;line-height: 50px;}
    .pageAbout ul li .num sub{font-size: 24px;}
    .pageAbout ul li .tit{font-size: 16px;}
}

/*pageHonor*/
.pageHonor{width: 100%;background-color: #f7fafc;padding:0 0 100px 0;overflow: hidden;}
.pageHonor .indexTitle .tit{text-align: center;}
.pageHonor .indexTitle .txt1{text-align: center;position: relative;padding-top: 22px;margin-top: 20px;}
.pageHonor .indexTitle .txt1::after{content: '';width: 6px;height: 14px;background-color: #333;position: absolute;top: 0;left:50%;transform: skewX(-15deg) translateX(-50%);margin-right: 14px;}
.pageHonor .indexTitle .txt1::before{content: '';width: 6px;height: 14px;background-color: #333;position: absolute;top: 0;left:50%;transform: skewX(-15deg) translateX(-50%);margin-left: 14px;}
.pageHonor .swiper-container {width: 100%; margin-top: 60px;}
.pageHonor .swiper-slide {  width: 25%; box-sizing: border-box; padding: 0 20px;}
.pageHonor .swiper-slide .img{width: 100%;border: 1px solid rgba(0,0,0,0.12); box-sizing: border-box; background-color: #FFFFFF;}
.pageHonor .swiper-slide .img img{width: 100%;display: block;}
.pageHonor .swiper-slide .tit{font-size: 18px;color: #333333;text-align: center;margin-top: 15px; line-height: 24px; text-transform: uppercase;}
.pageHonor .btnbox{ width: 100%; margin-top: 30px; display: inline-flex; align-items: center;text-align: center;justify-content: center;}
.pageHonor .swiper-button-prev,.pageHonor .swiper-button-next{ position: relative; display: inline-block; background-image: none;  width: 40px; height: 40px; border-radius: 50%; overflow: hidden; background-color: rgba(255, 66, 41, 0.1); padding: 0; margin: 0; transition: all 0.6s ease;}
.pageHonor .swiper-button-prev span,.pageHonor .swiper-button-next span{ font-size: 20px; position: absolute; top:0; left: 0; right: 0; bottom: 0; margin: auto; transition: all 0.6s ease; color: #04269E;}
.pageHonor .swiper-button-prev span{ transform:rotate(180deg) ;}
.pageHonor .swiper-button-prev:hover,.pageHonor .swiper-button-next:hover{ background-color: #04269E;}
.pageHonor .swiper-button-prev:hover span,.pageHonor .swiper-button-next:hover span{ color: #fff;}
.pageHonor .swiper-pagination{ position: relative; display: inline-block; margin: 0 40px;max-width: 70%;}
.pageHonor .swiper-pagination-bullet {width: 14px ;  height:14px ;margin: 0  10px;border-radius: 14px ;background-color: rgba(255, 66, 41, 0.5) ; }
.pageHonor .swiper-pagination-bullet-active{  width: 28px; background-color: rgba(255, 66, 41, 1);}


/*pagePersistence*/
.pagePersistence{width: 100%;overflow: hidden;position: relative;margin-bottom: 100px;height: 650px;}
.pagePersistence .cont{width: 34%; padding-top: 60px;}
.pagePersistence .cont ul{margin-top:80px;}
.pagePersistence .cont ul li{margin-bottom:40px;}
.pagePersistence .cont ul li .tit{font-size: 20px;line-height: 26px;color: #333;}
.pagePersistence .cont ul li .txt{font-size: 14px;line-height: 24px;color: #999999;margin-top: 10px;}
.pagePersistence .persistence{width:63%;overflow:hidden;position: absolute;right: 0;top: 0;}
.pagePersistence .persistence .bd{width: 100%;}
.pagePersistence .persistence .bd li{width: 100%;height:650px;overflow: hidden;}
.pagePersistence .persistence .bd li a{display: block;width: 100%;height: 100%;}
.pagePersistence .persistence .bd img{width:100%;display:block;}
.pagePersistence .persistence .hd{width:80px;height:70%;overflow:hidden;background-color:#fff;position:absolute;top:0;left:0;z-index:1; }
.pagePersistence .persistence .hd ul li{padding: 16px 0 16px 10px;box-sizing: border-box;font-size: 24px;color: #b4b8bb;cursor:pointer;font-family: Avignon;}
.pagePersistence .persistence .hd ul li.on{color:#000; }



/*网站*/
/*pageWebsite*/
.pageWebsite{width: 100%;min-height:760px;overflow: hidden;position: relative;background-color: #FFFFFF;margin-bottom: 100px;}
.pageWebsite .img{width: 57%;overflow: hidden;float: right;position: relative;}
.pageWebsite .img img{width: 100%;display: block;}
.pageWebsite .img .img1{width:47%;position: absolute;top: 12%;right: -10%;}
.pageWebsite .img .img2{width:44%;position: absolute;bottom: 4%;right: 0;}
.pageWebsite .img .img3{width:49%;position: absolute;top: 4%;right: 26%;}
.pageWebsite .img .img4{width:19%;position: absolute;bottom: 36%;left: 6%;}
.pageWebsite .img .img5{width:15%;position: absolute;bottom: 8%;left: 38%;}
.pageWebsite .contBox{width: 87%;position: absolute;top: 0;left: 0;right: 0;margin: auto;min-width: 1150px;padding-top: 80px;padding-right: 56%;box-sizing: border-box;}
.pageWebsite .contBox .text{font-size: 16px;line-height: 28px;color: #676767;margin: 20px 0 30px;}
.pageWebsite .contBox ul{width:100%;display: table;font-size: 0;text-align: left;}
.pageWebsite .contBox ul li{display: inline-block;vertical-align: top;font-size: 16px;color: #333333;width: 150px;margin-right:9%;margin-top: 16px;}
.pageWebsite .contBox ul li span{font-size: 20px;}
.pageWebsite .box{width: 87%;position: absolute;bottom: 0;left: 0;right: 0;margin: auto;min-width: 1150px;}
.pageWebsite .box ul{width: 76%;background-color: #FFFFFF;padding: 60px 0 0;display: inline-block;font-size: 0;text-align: left;min-width: 1150px;}
.pageWebsite .box ul li{display: inline-block;vertical-align: top;margin-right: 10%;cursor: pointer;}
.pageWebsite .box ul li:last-child{margin-right: 0;}
.pageWebsite .box ul li .iconfont{width: 76px;height: 76px;border: solid 1px #ccd0d4;border-radius: 50%;color: #04269E;font-size: 50px;margin: 0 auto;transition: all 0.6s ease;}
.pageWebsite .box ul li .tit{font-size: 24px;color: #333333;text-align: center;margin: 14px 0 20px;transition: all 0.6s ease;}
.pageWebsite .box ul li .txt{font-size: 14px;line-height: 26px;color: #999999;text-align: center;}
.pageWebsite .box ul li:hover .iconfont{transform: rotateY(360deg);background-color: #04269E;color: #FFFFFF;border-color: #04269E;}
.pageWebsite .box ul li:hover .tit{color: #04269E;}


/*pagePlan*/
.pagePlan{width: 100%;background-color: #FFFFFF;overflow: hidden;margin-bottom: 60px;}
.pagePlan .wrap{position: relative;height: 770px;}
.pagePlan .img{width: 59%;float: left;overflow: hidden;}
.pagePlan .img img{width: 100%;display: block;}
.pagePlan .cont{width: 37%;float: left;margin-left: 4%;}
.pagePlan .cont .tit{font-size: 48px;color: #333;margin: 80px 0 20px;}
.pagePlan .cont .text{font-size: 16px;line-height: 34px;color: #333333;}
.pagePlan .cont .text .txt{position: relative;padding-left: 16px;box-sizing: border-box;}
.pagePlan .cont .text .txt::after{content: '';width: 6px;height: 6px;background-color: #909596;border-radius: 50%;position: absolute;top: 14px;left: 0;}
.pagePlan .imgBox{width: 51%;position: absolute;bottom: 0;right: 0;overflow: hidden;}
.pagePlan .imgBox img{width: 100%;display: block;}
@media (max-width: 1680px) {
    .pagePlan .wrap{height: 700px;}
}
@media (max-width: 1440px) {
    .pagePlan .wrap{height: 630px;}
    .pagePlan .cont .tit{font-size: 44px;}
}

/*pageAchievements*/
.pageAchievements{width: 100%;height: 930px;background: url("../images/web/bg.jpg") left center no-repeat;overflow: hidden;position: relative;}
.pageAchievements .img{width: 53%;height: 100%;position: absolute;top: 0;right: 0;}
.pageAchievements .cont{width: 40%;padding-top: 90px;}
.pageAchievements .cont .title{font-size: 42px;line-height: 60px;color: #333;}
.pageAchievements .cont ul{width: 100%;margin-top: 70px;}
.pageAchievements .cont ul li{width: 100%;position: relative;padding-left: 160px;box-sizing: border-box;margin-bottom: 60px;}
.pageAchievements .cont ul li .num{font-size: 80px;line-height: 40px;font-family:Avignon;color: #d0d0d0;position: absolute;top: 0;left: 0;}
.pageAchievements .cont ul li .tit{font-size: 24px;line-height:30px;color: #333;margin-bottom: 10px;}
.pageAchievements .cont ul li .txt{font-size: 18px;line-height:28px;color: #333333;}
.pageAchievements .cont .a{width: 200px;height: 50px;background-color: #04269E;margin: 0 0 0 160px;line-height: 50px;text-align: center;color: #fff;font-size: 16px;transition: all 0.6s ease; cursor: pointer;}
.pageAchievements .cont .a:hover{background-color: #333;}
@media (max-width: 1600px) {
    .pageAchievements .img{background-position: right -20% center !important;}
}
@media (max-width: 1440px) {
    .pageAchievements .img{background-position: right -40% center !important;}
}
@media (max-width: 1366px) {
    .pageAchievements .img{background-position: right -60% center !important;}
}
@media (max-width: 1280px) {
    .pageAchievements .img{background-position: right -80% center !important;}
}
@media (max-width: 1200px) {
    .pageAchievements .img{background-position: right -160% center !important;}
}


/*微信*/
/*pageWeChat*/
.pageWeChat{width: 100%;min-height:700px;overflow: hidden;position: relative;background-color: #FFFFFF;margin-bottom: 100px;}
.pageWeChat .img{width: 57%;overflow: hidden;float: right;position: relative;}
.pageWeChat .img img{width: 100%;display: block;}
.pageWeChat .img .img1{width:40%;position: absolute;top: -4%;right: -2%;}
.pageWeChat .img .img2{width:36%;position: absolute;bottom: -12%;right: -23%;}
.pageWeChat .img .img3{width:40%;position: absolute;top: -12%;right: 34%;}
.pageWeChat .img .img4{width:40%;position: absolute;bottom: -12%;right: 8%;}
.pageWeChat .img .img5{width:40%;position: absolute;bottom: -4%;left: 16%;}
.pageWeChat .contBox{width: 87%;position: absolute;top: 0;left: 0;right: 0;margin: auto;min-width: 1150px;padding-top: 80px;padding-right: 56%;box-sizing: border-box;}
.pageWeChat .contBox .text{font-size: 16px;line-height: 28px;color: #676767;margin: 20px 0 30px;}
.pageWeChat .contBox ul{width:100%;display: table;font-size: 0;text-align: left;}
.pageWeChat .contBox ul li{display: inline-block;vertical-align: top;font-size: 16px;color: #333333;width: 165px;margin-right:9%;margin-top: 16px;}
.pageWeChat .contBox ul li span{font-size: 20px;}
.pageWeChat .box{width: 87%;position: absolute;bottom: 0;left: 0;right: 0;margin: auto;min-width: 1150px;}
.pageWeChat .box ul{width: 76%;background-color: #FFFFFF;padding: 60px 0 0;display: inline-block;font-size: 0;text-align: left;min-width: 1150px;}
.pageWeChat .box ul li{display: inline-block;vertical-align: top;margin-right: 9%;cursor: pointer;}
.pageWeChat .box ul li:last-child{margin-right: 0;}
.pageWeChat .box ul li .iconfont{width: 76px;height: 76px;border: solid 1px #ccd0d4;border-radius: 50%;color: #04269E;font-size: 50px;margin: 0 auto;transition: all 0.6s ease;}
.pageWeChat .box ul li .tit{font-size: 24px;color: #333333;text-align: center;margin: 14px 0 20px;transition: all 0.6s ease;}
.pageWeChat .box ul li .txt{font-size: 14px;line-height: 26px;color: #999999;text-align: center;}
.pageWeChat .box ul li:hover .iconfont{transform: rotateY(360deg);background-color: #04269E;color: #FFFFFF;border-color: #04269E;}
.pageWeChat .box ul li:hover .tit{color: #04269E;}


/*pageService*/
.pageService{width: 100%;background-color: #FFFFFF;overflow: hidden;margin-bottom: 100px;position: relative;}
.pageService .img{width: 59%;overflow: hidden;}
.pageService .img img{width: 100%;display: block;}
.pageService .cont{width: 87%;min-width:1150px;padding-left: 56%;box-sizing: border-box;position: absolute;top: 0;left: 50%;transform: translateX(-50%);}
.pageService .cont .tit{font-size: 48px;color: #333;margin: 80px 0 20px;}
.pageService .cont .text{font-size: 16px;line-height: 34px;color: #333333;}
.pageService .cont .text .txt{position: relative;padding-left: 16px;box-sizing: border-box;}
.pageService .cont .text .txt::after{content: '';width: 6px;height: 6px;background-color: #909596;border-radius: 50%;position: absolute;top: 14px;left: 0;}
@media (max-width: 1680px) {
    .pageService .cont .tit{font-size: 46px;}
}
@media (max-width: 1280px) {
    .pageService .cont{padding-left: 58%;}
}
@media (max-width: 1200px) {
    .pageService .cont{padding-left:61%;}
}

/*pageDemand*/
.pageDemand{width: 100%;background: url(../images/wechat/bg.jpg) no-repeat fixed;overflow: hidden;position: relative;}
.pageDemand .wrap{position: absolute;top: 0;left: 0;right: 0;}
.pageDemand .box{width: 32%;padding-top: 6%;}
.pageDemand .box .title{font-size: 48px;line-height: 68px;color: #fff;}
.pageDemand .box .txt{font-size: 16px;line-height: 28px;color: #fff;margin: 20px 0 100px;}
.pageDemand .box .a{width: 200px;height: 50px;background-color: #04269E;line-height: 50px;cursor: pointer;text-align: center;color: #fff;font-size: 16px;transition: all 0.6s ease;}
.pageDemand .box .a:hover{background-color: #333;}
.pageDemand .item{width: 62%;height: 100%;float: right;}
.pageDemand .item ul{ width: 100%; font-size: 0; padding: 10px; box-sizing: border-box;}
.pageDemand .item ul li { display: inline-block; vertical-align: top; margin:10px 0; padding:0 10px; font-size: 16px; width: 33.33%; box-sizing: border-box; }
.pageDemand .item ul li .bg{background-color: rgba(255,255,255,1); box-sizing: border-box; padding: 30px; position: relative; transition: all 0.8s ease;}
.pageDemand .item ul li .bg:hover{ background-color: rgba(255,255,255,1);}
.pageDemand .item ul li .iconT{ position: absolute; top: 50%; transform: translateY(-50%); right: 30px; z-index: 2;  width: 30%; text-align: center; height: 100px; }
.pageDemand .item ul li h3{ display: inline-block; font-size: 60px; color: #04269E; font-family:'Avignon'; line-height: 60px; margin-top: -20px;}
.pageDemand .item ul li .tit{ font-size: 20px; color: #333; margin-top: 20px; font-weight: bold; width: 55%;} 
.pageDemand .item ul li .txt{ font-size: 14px; color: #666; margin-top: 10px; width: 55%;}

@media (max-width: 1680px) {
    .pageDemand .box .title{font-size: 44px;line-height: 64px;}
}
@media (max-width: 1680px) {
    .pageDemand .box .title{font-size: 40px;line-height: 62px;}
}
@media (max-width: 1440px) {
    .pageDemand .box .title{font-size: 36px;line-height: 58px;}
}



/*网络营销*/
/*pageMarket*/
.pageMarket{width: 100%;min-height:700px;overflow: hidden;position: relative;background-color: #FFFFFF;margin-bottom: 100px;}
.pageMarket .img{width: 57%;overflow: hidden;float: right;position: relative;}
.pageMarket .img img{width: 100%;display: block;}
.pageMarket .img .img1{width:57%;position: absolute;top: 15%;left: 20%;}
.pageMarket .img .img2{width:18%;position: absolute;top: 8%;left: 6%;}
.pageMarket .img .img3{width:30%;position: absolute;top: 12%;right: 35%;}
.pageMarket .img .img4{width:18%;position: absolute;top: 17%;right: 18%;}
.pageMarket .img .img5{width:18%;position: absolute;top: 33%;left: 22%;}
.pageMarket .img .img6{width:20%;position: absolute;top: 50%;left: 28%;}
.pageMarket .img .img7{width:13%;position: absolute;top: 55%;left: 41%;}
.pageMarket .img .img8{width:23%;position: absolute;top: 60%;left: 52%;}
.pageMarket .img .img9{width:23%;position: absolute;top: 64%;right: 3%;}
.pageMarket .contBox{width: 87%;position: absolute;top: 0;left: 0;right: 0;margin: auto;min-width: 1150px;padding-top: 80px;padding-right: 56%;box-sizing: border-box;}
.pageMarket .contBox .text{font-size: 16px;line-height: 28px;color: #676767;margin: 20px 0 30px;}
.pageMarket .contBox ul{width:100%;display: table;font-size: 0;text-align: left;}
.pageMarket .contBox ul li{display: inline-block;vertical-align: top;font-size: 16px;color: #333333;width: 170px;margin-right:9%;margin-top: 16px;}
.pageMarket .contBox ul li span{font-size: 20px;}
.pageMarket .box{width: 87%;position: absolute;bottom: 0;left: 0;right: 0;margin: auto;min-width: 1150px;}
.pageMarket .box ul{width: 76%;background-color: #FFFFFF;padding: 60px 0 0;display: inline-block;font-size: 0;text-align: left;min-width: 1150px;}
.pageMarket .box ul li{display: inline-block;vertical-align: top;margin-right: 14%;cursor: pointer;}
.pageMarket .box ul li:last-child{margin-right: 0;}
.pageMarket .box ul li .iconfont{width: 76px;height: 76px;border: solid 1px #ccd0d4;border-radius: 50%;color: #04269E;font-size: 50px;margin: 0 auto;transition: all 0.6s ease;}
.pageMarket .box ul li .tit{font-size: 24px;color: #333333;text-align: center;margin: 14px 0 20px;transition: all 0.6s ease;}
.pageMarket .box ul li .txt{font-size: 14px;line-height: 26px;color: #999999;text-align: center;}
.pageMarket .box ul li:hover .iconfont{transform: rotateY(360deg);background-color: #04269E;color: #FFFFFF;border-color: #04269E;}
.pageMarket .box ul li:hover .tit{color: #04269E;}


/*pageInquiry*/
.pageInquiry{width: 100%;position: relative;padding-bottom: 120px;overflow: hidden;margin-bottom: 80px;}
.pageInquiry .img{width: 100%;overflow: hidden;}
.pageInquiry .img img{width: 100%;display: block;}
.pageInquiry .wrap{height: 100%;position: absolute;top: 0;left: 0;right: 0;}
.pageInquiry .contBox{width: 52%;overflow: hidden;position: absolute;top: 0;right: 0;height: 100%;}
.pageInquiry .contBox img{width: 100%;display: block;}
.pageInquiry .cont{width: 100%;position: absolute;top: 0;left: 0;background-color: rgba(0,0,0,0.7);height: 100%;padding: 6% 7%;box-sizing: border-box;}
.pageInquiry .cont .tit{font-size: 48px;color: #fff;margin: 0 0 10px;}
.pageInquiry .cont .title{font-size: 16px;color: #e8e8e8;margin-bottom: 60px;}
.pageInquiry .cont .text{font-size: 16px;line-height: 34px;color: #fff;}
.pageInquiry .cont .text .txt{position: relative;padding-left: 16px;box-sizing: border-box;float: left;margin-right: 10%;}
.pageInquiry .cont .text .txt:last-child{margin-right: 0;}
.pageInquiry .cont .text .txt::after{content: '';width: 6px;height: 6px;background-color: #909596;border-radius: 50%;position: absolute;top: 14px;left: 0;}
.pageInquiry .cont .a{width: 200px;height: 50px;margin: 120px 0 0 0;line-height: 50px;background-color: #04269E;cursor: pointer;text-align: center;color: #fff;font-size: 16px;transition: all 0.6s ease;}
.pageInquiry .cont .a:hover{background-color: #fff;color: #04269E;}

/*pageChannel*/
.pageChannel{width: 100%;background-color: #FFFFFF;padding-bottom: 100px;}
.pageChannel .cont{text-align: center;}
.pageChannel .cont .tit{font-size: 48px;color: #333333;}
.pageChannel .cont .title{font-size: 16px;color: #676767;margin-top: 14px;}
.pageChannel .box{width: 100%;position: relative;margin-top: 60px;z-index: 1;}
.pageChannel .box .bg-solid{width: 100%;height: 1px;background-color: #eeeeee;position: absolute;top: 120px;left: 0;z-index: -1;}
.pageChannel .box ul{width: 64%;margin: 0 auto;display: table;font-size: 0;text-align: center;min-width: 1150px;}
.pageChannel .box ul li{display: inline-block;vertical-align: top;margin-right: 20%;cursor: pointer;}
.pageChannel .box ul li:last-child{margin-right: 0;}
.pageChannel .box ul li .num{font-size: 40px;line-height: 40px;color: #b3b6bb;font-family: Avignon;transition: all 0.6s ease;}
.pageChannel .box ul li .icon{width: 140px;height: 140px;background-color: #FFFFFF;margin: 10px auto 20px;}
.pageChannel .box ul li .icon img{width: 120px;height: 120px;border-radius: 50%;border: 1px solid #e0e0e0;margin: 10px;box-sizing: border-box;transition: all 0.6s ease;}
.pageChannel .box ul li .tit{font-size: 24px;color: #333333;margin-bottom: 30px;transition: all 0.6s ease;}
.pageChannel .box ul li .txt{font-size: 14px;line-height: 26px;color: #999999;}
.pageChannel .box ul li:hover .num{color: #04269E;}
.pageChannel .box ul li:hover .icon img{transform: rotateX(360deg);border-color: #333;}
.pageChannel .box ul li:hover .tit{color: #04269E;}


/*pageExtension*/
.pageExtension{width: 100%;background: url("../images/marketing/bg.jpg") center center no-repeat fixed;padding: 80px 0;background-size:cover;}
.pageExtension .text{font-size: 48px;line-height: 70px;color: #ffffff;text-align: center;}


/*全景*/
/*pageVr*/
.pageVr{width: 100%;min-height:720px;overflow: hidden;position: relative;background-color: #FFFFFF;margin-bottom: 100px;}
.pageVr .img{width: 57%;overflow: hidden;float: right;position: relative;}
.pageVr .img img{width: 100%;display: block;}
.pageVr .img .img1{width:24%;position: absolute;top: 5%;left: 7%;}
.pageVr .img .img2{width:15%;position: absolute;bottom: 5%;right: 8%;}
.pageVr .img .img3{width:40%;position: absolute;top: 10%;right: 25%;}
.pageVr .img .img4{width:53%;position: absolute;top: 5%;right: 15%;}
.pageVr .contBox{width: 87%;position: absolute;top: 0;left: 0;right: 0;margin: auto;min-width:1150px;padding-top: 80px;padding-right: 56%;box-sizing: border-box;}
.pageVr .contBox .text{font-size: 16px;line-height: 28px;color: #676767;margin: 20px 0 30px;}
.pageVr .contBox ul{width:100%;display: table;font-size: 0;text-align: left;}
.pageVr .contBox ul li{display: inline-block;vertical-align: top;font-size: 16px;color: #333333;width: 170px;margin-right:9%;margin-top: 16px;}
.pageVr .contBox ul li span{font-size: 20px;}
.pageVr .box{width: 87%;position: absolute;bottom: 0;left: 0;right: 0;margin: auto;min-width: 1150px;}
.pageVr .box ul{width: 76%;background-color: #FFFFFF;padding: 50px 0;display: inline-block;font-size: 0;text-align: left;min-width: 1150px;}
.pageVr .box ul li{display: inline-block;vertical-align: top;margin-right: 15%;width: 260px;cursor: pointer;}
.pageVr .box ul li:last-child{margin-right: 0;}
.pageVr .box ul li .tit{font-size: 24px;color: #000;line-height: 34px;transition: all 0.6s ease;}
.pageVr .box ul li .txt{font-size: 14px;line-height: 24px;color: #666;margin: 30px 0 60px;transition: all 0.6s ease;}
.pageVr .box ul li a{display: block;width: 146px;height: 42px;background-color: #ffffff;border: solid 2px #030000;line-height: 42px;text-align: center;color: #000;font-size: 16px;transition: all 0.6s ease;}
.pageVr .box ul li:hover .tit{color: #04269E;}
.pageVr .box ul li:hover .txt{color: #000000;}
.pageVr .box ul li:hover a:hover{color: #FFFFFF;background-color: #04269E;border-color: #04269E;box-shadow: 0 5px 18px 0 rgba(255, 66, 41, 0.18);-webkit-box-shadow: 0 5px 18px 0 rgba(255, 66, 41, 0.18);-moz-box-shadow: 0 5px 18px 0 rgba(255, 66, 41, 0.18);}


/*pageSuperiority*/
.pageSuperiority{width: 100%;background-color: #FFFFFF;padding-bottom: 100px;overflow: hidden;}
.pageSuperiority .box{text-align: center;}
.pageSuperiority .box .tit{font-size: 48px;color: #333333;}
.pageSuperiority .box .txt{font-size: 16px;color: #676767;margin-top: 14px;}
.pageSuperiority ul{width: 100%;display: table;font-size: 0;text-align: left;margin-top: 40px;}
.pageSuperiority ul li{width: 49%;display: inline-block;vertical-align: top;margin-right: 2%;margin-top: 2%;overflow: hidden;background-color: #000000;}
.pageSuperiority ul li:nth-child(2n){margin-right: 0;}
.pageSuperiority ul li a{display: block;width: 100%;position: relative;}
.pageSuperiority ul li img{width: 100%;display: block;transition: all 0.6s ease;transform: scale(1.05);}
.pageSuperiority ul li .cont{position: absolute;bottom: 6%;left: 0;padding:0 6%;box-sizing: border-box;transition: all 0.6s ease;}
.pageSuperiority ul li .cont .tit{font-size: 24px;color: #ffffff;margin-bottom: 20px;}
.pageSuperiority ul li .cont .txt{font-size: 14px;line-height: 26px;color: #ffffff;position: relative;padding-bottom: 20px;}
.pageSuperiority ul li .cont .txt::after{content: '';width: 0;height: 2px;background-color: rgba(255,255,255,0.5);position: absolute;bottom: 0;left: 0;transition: all 0.6s ease;}
.pageSuperiority ul li:hover img{opacity: 0.6;filter:alpha(opacity=60);transform: scale(1);}
.pageSuperiority ul li:hover .cont{bottom: 50%;transform: translateY(50%);}
.pageSuperiority ul li:hover .cont .txt::after{width: 50px;}

/*pageVisual*/
.pageVisual{width: 100%;background: url("../images/vr/bg.jpg") right top no-repeat fixed;padding: 40px 0 110px;background-size:cover;}
.pageVisual .wrap{position: relative;padding-top: 70px;}
.pageVisual .text{font-size: 48px;line-height: 70px;color: #ffffff;}
.pageVisual img{position: absolute;top: 0;right: 0;}


/*pageCaseBanner*/
.pageCaseBanner{width: 100%;position: relative; background-color: #fafafa; overflow: hidden;}
.pageCaseBanner .img{width: 100%;display: block; position: absolute; z-index: 1; top: 0; left: 0; right: 0; margin: auto;}
.pageCaseBanner .box{ padding-top: 230px; z-index: 3; position: relative;}
.pageCaseBanner .box.webbox{width: 75.4%;margin:0 auto 0; }
.pageCaseBanner .box.webbox .cont{text-align: center;}
.pageCaseBanner .box.webbox .cont .tit{font-size: 56px;color: #ffffff;}
.pageCaseBanner .box.webbox .cont .title{font-size: 18px; line-height: 40px; color: #ffffff;margin-top: 10px;}
.pageCaseBanner .box.webbox .imgBox{width: 100%;position: relative;margin-top: 4%; overflow: hidden;}
.pageCaseBanner .box.webbox .imgBox .img1{width: 100%;display: block;position: relative; z-index: 1;}
.pageCaseBanner .box.webbox .imgBox .img2{width: 77.7%; height: 84.8%; position: absolute;top: 6%;left: 0;right: 0;margin: auto; z-index: 2; overflow: hidden;}
.pageCaseBanner .box.webbox .imgBox .img2 img{ width: 100%; display: block;}
.pageCaseBanner .box.webbox .imgBox .img2 iframe{ width: 100%; height: 100%;}

.pageCaseBanner .box.wxbox{width: 75.4%;margin:0 auto  ; padding-bottom: 60px;  font-size: 0;}
.pageCaseBanner .box.wxbox .cont{ width: 44%; padding-right: 30%;margin-top: -10%; display: inline-block; vertical-align: middle; }
.pageCaseBanner .box.wxbox .cont .tit{font-size: 56px;color: #ffffff;}
.pageCaseBanner .box.wxbox .cont .title{font-size: 16px; line-height: 40px; color: #ffffff;margin-top: 20px;}
.pageCaseBanner .box.wxbox .imgBox{ width: 26% ; display: inline-block; vertical-align: middle; position: relative;margin-top: 0; overflow: hidden;  }
.pageCaseBanner .box.wxbox .imgBox .mb{  width: 100%;  z-index: 2;}
.pageCaseBanner .box.wxbox .imgBox .mb .img1{width: 100%;display: block;position: relative; z-index: 2;}
.pageCaseBanner .box.wxbox .imgBox .mb .img2{width: 69.8%; height:88%; position: absolute;top: 6.5%;left: 0;right: 0;margin: auto; z-index: 1; overflow: hidden;}
.pageCaseBanner .box.wxbox .imgBox .mb .img2 img{ width: 100%; display: block;}
.pageCaseBanner .box.wxbox .imgBox .mb .img2 iframe{ width: 100%; height: 100%;}


/*pageCaseD*/
.pageCaseD{width: 100%;padding: 80px 0 ; position: relative; z-index: 2;}
.pageCaseD .box{width: 75%;min-width: 1150px;margin: 0 auto;}
.pageCaseD .box .cont{ width:70%; position: relative;}
.pageCaseD .box .cont .info{ width: 100%; font-size: 0;}
.pageCaseD .box .cont .info dl{ display: inline-block; width: 45%; vertical-align: top; margin-right: 10%;}
.pageCaseD .box .cont .info dl:last-child{ margin-right: 0;}
.pageCaseD .box .cont .info dl dt{ font-size: 24px; color: #333; text-transform: uppercase; font-family:'Avignon';}
.pageCaseD .box .cont .info dl dd{ width: 100%; padding: 10px 0; line-height: 20px;min-height: 20px; border-bottom: solid 1px #eee; font-size: 14px; color: #333;}
.pageCaseD .box .cont .info dl dd a{ font-size: 14px; color: #333; }
.pageCaseD .box .cont .info dl dd a:hover{ color: #04269E;}
.pageCaseD .box .cont .info dl dd em{ margin: 0 5px;}
.pageCaseD .box .cont .info dl dd em:last-child{ display: none; }
.pageCaseD .box .cont .title{font-size: 36px;color: #000; margin: 15px 0 10px 0;}
.pageCaseD .box .cont .sum{ width: 100%;font-size: 14px;line-height: 28px;color: #666666;}
.pageCaseD .box .cont .sum img{ max-width: 100%;}
.pageCaseD .box .ewm{  width: 15%;float: right; text-align: center;  box-sizing: border-box;}
.pageCaseD .box .ewm #ewm{ border-radius: 5px; overflow: hidden; background-color: #fff;  width: 100%; border: solid 1px #eee;padding: 15px;  box-sizing: border-box;}
.pageCaseD .box .ewm canvas{ width: 100%; }
.pageCaseD .box .ewm p{ font-size: 14px; margin-top: 10px;}
.pageCaseD .box .ewm img{border-radius: 5px; overflow: hidden; background-color: #fff;  width: 100%; border: solid 1px #eee;padding: 15px;  box-sizing: border-box;}
.pageCaseD .box .img{width: 100%;overflow: hidden;margin-top: 80px;box-shadow: 0 0 20px rgba(0,0,0,0.1);-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.1);-moz-box-shadow: 0 0 20px rgba(0,0,0,0.1); text-align: center;}
.pageCaseD .box .img img{max-width: 100%;display: inline-block;}

/*pageLink*/
.pageLink{width: 100%;transition: all 0.6s ease;}
.scoll{position: fixed;bottom:60%;left: 0;z-index: 9999;transition: all 0.6s ease;}
.pageLink .box{width: 96%;position: relative; margin: auto ;}
.pageLink .box a{display: inline-block;position: relative; width: 50px; font-size: 14px;line-height:20px;color: #fff;box-sizing: border-box;padding: 15px ;border-radius: 25px;background-color: rgba(0,0,0,0.5);opacity: 0.3;filter:alpha(opacity=30);transition: all 0.6s ease; overflow: hidden;}
.pageLink .box a .iconfont{font-size: 16px;line-height:20px; width: 20px; text-align: center;  }
.pageLink .box a span{ display: inline-block;  transition: all 0.6s ease;  position: absolute; top: 0; line-height: 50px; transform: scaleX(0); }
.pageLink .box a.fr{ right: 6%;  }
.pageLink .box a.fr span{ left: 15px;}
.pageLink .box a.fl{ left: 6%;}
.pageLink .box a.fl span{ right: 15px;}
.pageLink .box a.fl .iconfont{transform: rotate(-180deg);}
.pageLink .box a.fr .iconfont{ float: right;}
.pageLink .box a:hover{background-color: #04269E;opacity: 1;filter:alpha(opacity=100); width: 90px;}
.pageLink .box a:hover span{  transform: scaleX(1);}
.pageLinkOn{bottom: 14%;transition: all 0.6s ease;}
.pageLinkOn .box a.fr{ right: 1%;}
.pageLinkOn .box a.fl{ left: 1%;}

/*pageCode*/
.pageCode{width: 100%; padding: 100px 0; background-color: #fafafa;}
.pageCode .img{width: 200px;height: 200px;border: 1px solid #eeeeee;margin: 0 auto;}
.pageCode .img img{width: 200px;height: 200px;}
.pageCode .txt{font-size: 14px;line-height: 26px;color: #999999;text-align: center;margin-top: 20px;}


/*pageNav*/
.pageNav{width: 100%;border-bottom: 1px solid #eeeeee;padding: 40px 0 ;overflow: hidden;}
.pageNav .wz{max-width: 38%;float: left;font-size: 24px;color: #999999;}
.pageNav .wz a{color: #999999;}
.pageNav .wz a:hover{color: #04269E;}
.pageNav .wz span{ margin: 0 5px;}
.pageNav ul{width: 86%;float: right;display: table;font-size: 0;text-align: right;}
.pageNav ul li{display: inline-block;vertical-align: top;margin-left: 80px;}
.pageNav ul li:first-child{margin-left: 0;}
.pageNav ul li a{font-size: 24px;color: #333333;}
.pageNav ul li:hover a,.pageNav ul li.on a{color: #04269E;}
@media (max-width: 1366px) {
    .pageNav ul li{margin-left: 70px;}
}
@media (max-width: 1280px) {
    .pageNav ul li{margin-left: 60px;}
}

/*pageNews*/

.row-a5{padding-bottom: 30px;



	background-color: #f2f4f7;



}



.m-tab1{overflow: hidden;margin-bottom: 23px;}



.m-tab1 li{float: left;margin-right: 5px;}



.m-tab1 li a{display: block;height: 32px;



	font-size: 16px;padding: 0 15px;line-height: 30px;



	border: 1px solid #f2f4f7;



}



.m-tab1 li.on a{color: #f53117;border-color: #f53117;}



.m-ovh{*zoom:1;}



.m-ovh:after,.m-ovh:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; }



.m-pic2{float: left;width: 66.66%;padding-right: 13px;}



.m-pic2 .con{position: relative;display: block;}



.m-pic2 .pic{padding-top: 21.55%;height: 0;position: relative;overflow: hidden;}



.m-pic2 .pic img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: block;}



.m-pic2 h4{position: absolute;left: 35px;right: 160px;bottom: 18px;



	font-size: 20px;color: #fff;



	text-overflow:ellipsis;



	white-space: nowrap;



	overflow: hidden;



}



.m-pic2 h4 span{padding-left: 14px;font-weight: normal;}



.m-pic2 .slick-dots{position: absolute;right: 22px;bottom: 20px;}



.m-pic2 .slick-dots li{float: left;width: 10px;height: 10px;



	border-radius: 50%;cursor: pointer;margin-left: 8px;



	background-color: #fff;



}



.m-pic2 .slick-dots li button{display: none;}



.m-pic2 .slick-dots li.slick-active{background-color: #f53117;}







.m-list1{margin: 0 -15px;}



.m-list1 li{width: 33.33%;float: left;margin-bottom: 30px;}



.m-list1 .con{display: block;padding: 33px 43px 35px;



	background-color: #fff;margin: 0 15px;position: relative;



	box-shadow: 0px 0px 15px rgba(255,0,0,0);



	border: 1px solid #fff;



	transition: .3s;



	-ms-transition: .3s;



	-moz-transition: .3s;



	-webkit-transition: .3s;



	-o-transition: .3s;



}



.m-list1 .con:after{content: '';position: absolute;left: 55px;bottom: 36px;



	width: 58px;height: 58px;



	background: url(../images/i-bg5.png) no-repeat center center;



}



.m-list1 .date{float: left;text-align: right;font-family: arial;padding-top: 3px;



	color: #000;



	transition: .3s;



	-ms-transition: .3s;



	-moz-transition: .3s;



	-webkit-transition: .3s;



	-o-transition: .3s;



}



.m-list1 .date span{font-size: 18px;display: block;}



.m-list1 .date em{font-size: 28px;font-weight: bold;line-height: 1.1;}



.m-list1 .txt{overflow: hidden;padding-left: 44px;}



.m-list1 h4{font-size: 20px;line-height: 30px;margin-bottom: 11px;color: #000;height: 60px;



	display: -webkit-box;



	-webkit-box-orient: vertical;



	-webkit-line-clamp: 2;



	overflow: hidden;



	transition: .3s;



	-ms-transition: .3s;



	-moz-transition: .3s;



	-webkit-transition: .3s;



	-o-transition: .3s;



}



.m-list1 .desc{font-size: 14px;line-height: 24px;color: #666666;height: 48px;



	position: relative;margin-bottom: 32px;



	display: -webkit-box;



	-webkit-box-orient: vertical;



	-webkit-line-clamp: 2;



	overflow: hidden;



}



.m-list1 i{width: 35px;height: 1px;display: block;



	background-color: #9e9e9e;



}



.m-list1 .con:hover .date,.m-list1 .con:hover h4{color: #f53117;}



.m-list1 .con:hover{



	border-color: #f53117;



	box-shadow: 0px 0px 20px rgba(255,0,0,.3);



	-webkit-transform: translateY(-5px);



	-moz-transform: translateY(-5px);



	-o-transform: translateY(-5px);



	-ms-transform: translateY(-5px);



	transform: translateY(-5px);



}







.g-btn{clear: both;text-align: center;padding: 28px 0;}



.g-btn a{display: inline-block;padding: 0 15px 0 43px;position: relative;



	font-size: 18px;font-family: arial;



	background: url(../images/i-more2.png) no-repeat 15px 1px;



}



.g-btn a:after,.g-btn a:before{content: '';position: absolute;top: 50%;



	width: 48px;height: 1px;



	background-color: #9e9e9e;



}



.g-btn a:after{left: 100%;}



.g-btn a:before{right: 100%;}



.g-btn a:hover{color: #f53117;background-image: url(../images/i-more-on.png);}



.g-btn a:hover:after,.g-btn a:hover:before{background-color: #f53117;}







.row-a6{padding: 80px 0 93px;



	background: url(../images/bg-3.jpg) no-repeat right center;



	-o-background-size: cover;



	-ms-background-size: cover;



	-moz-background-size: cover;



	-webkit-background-size: cover;



	background-size: cover;



}



.m-txt1{}



.m-txt1 .tit{position: relative;padding-bottom: 27px;margin-bottom: 25px;}



.m-txt1 .tit:after{content: '';position: absolute;left: 0;bottom: 0;



	width: 50px;height: 1px;background-color: #f53117;



}



.m-txt1 .tit span{font-size: 16px;display: block;margin-bottom: 10px;font-weight: bold;}



.m-txt1 .tit h3{font-size: 48px;position: relative;display: inline-block;}



.m-txt1 .tit h3 em{position: absolute;right: -32px;width: 29px;height: 29px;



	text-align: center;line-height: 27px;



	font-style: normal;font-size: 20px;font-family: '宋体';



	border-radius: 50%;border: 1px solid #000;



}



.m-txt1 h3:before{content: '';position: absolute;right: -215px;top: -30px;



	height: 146px;width: 146px;



	background: url(../images/i-bg6.png) no-repeat center center;



}



.m-txt1 .desc{font-size: 16px;line-height: 35px;max-width: 715px;}









/*pageRecommend*/
.pageRecommend{width: 100%;margin: 50px 0;}
.pageRecommend .title{color: #333333;font-size: 24px;}
.pageRecommend ul{width: 100%;display: table;font-size: 0;text-align: left;}
.pageRecommend ul li{width: 32%;display: inline-block;vertical-align: top;margin-right: 2%;margin-top: 2%;}
.pageRecommend ul li a{display: block;width: 100%;padding-bottom: 40px;position: relative;}
.pageRecommend ul li:nth-child(3n){margin-right: 0;}
.pageRecommend ul li .img{width: 100%;overflow: hidden;}
.pageRecommend ul li .img img{display: block;width: 100%;transition: all 0.6s ease;}
.pageRecommend ul li .tit{font-size: 24px;color: #333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin-top: 30px;transition: all 0.6s ease;}
.pageRecommend ul li .time{font-size: 16px;letter-spacing: 1px;color: #999999;text-transform: uppercase;margin: 10px 0 20px;transition: all 0.6s ease;}
.pageRecommend ul li .txt{font-size: 14px;line-height: 24px;color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;transition: all 0.6s ease;}
.pageRecommend ul li .l{width: 40px ; height: 3px; background-color: #999;  position: absolute;bottom: 0;left: 0;transition: all 0.6s ease;}
.pageRecommend ul li:hover .img img{transform: scale(1.1);}
.pageRecommend ul li:hover .tit{color: #04269E;}
.pageRecommend ul li:hover .time,.pageNews ul li:hover .txt{color: #333;}
.pageRecommend ul li:hover .l{ width: 30%; background-color: #04269E;}


/*pageContact*/
.pageContact{width: 100%;background-color: #FFFFFF;position: relative;overflow: hidden;}
.pageContact .cont{width: 38%;padding: 70px 0 100px;}
.pageContact .cont .text{width: 100%;position: relative;padding-left: 70px;box-sizing: border-box;margin-top: 60px;}
.pageContact .cont .text .iconfont{color: #333333;font-size: 36px;position: absolute;top: -6px;left: 0;}
.pageContact .cont .text .txt{font-size: 16px;line-height: 28px;color: #000000;margin-bottom: 10px;}
.pageContact .cont .text .txt a{display: block;color: #000000;transition: all 0.6s ease;}
.pageContact .cont .text .txt a:hover{color: #04269E;}
.pageContact .imgBox{width: 56.25%;position: absolute;top: 0;right: 0;height: 100%;}

/* pageMap */
.pageMap{width: 100%; height: 640px;}
.pageMap #mapall {height:640px;width: 100%;}

/* pageForm */
.pageForm{width: 74%;margin:100px auto;min-width: 1150px;}
.pageForm .title{width: 100%;font-size: 48px; color: #333;}
.pageForm .title p{font-size: 18px; color: #333;margin-top: 10px;}
.pageForm .list{ width:100%; margin:80px 0 0; overflow:hidden;}
.pageForm .row{ width:100%;margin:0 0 30px 0;}
.pageForm .row .row_left{ width:47%; float:left; display:block; }
.pageForm .row .row_right{ width:47%; float:right; display:block; }
.pageForm label{ position:relative; display:block; }
.pageForm label span{ position:absolute; left:0; top:20px; font-size:16px; color:#666;}
.pageForm .txt{ border: 0; border-bottom:1px solid #eee; padding:20px 0; background:#fff;}
.pageForm .txt:focus{  border: 0; border-bottom:1px solid #04269E; padding:20px 0; background:#fff;}
.pageForm .txt.w1{ width:100%; height:20px; line-height:20px;font-size: 16px;}
.pageForm .txt.w2{ width:100%; height:100px; line-height:20px;font-size: 16px;}
.pageForm dl{ margin-top: 20px;}
.pageForm dl label{ float: left;}
.pageForm dl label span{  top:15px;}
.pageForm dl .ipt{ border: 0; width: 200px; border-bottom:1px solid #eee; padding:15px 0; line-height: 20px; font-size:16px; }
.pageForm dl input:focus{ float: left; width: 200px; border: 0; border-bottom:1px solid #eee; padding:15px 0; line-height: 20px;  font-size:16px; }
.pageForm #code{ width: 100px; height: 50px; margin: 0 10px;}
.pageForm .btn{ border:0;background:#04269E; border-radius:0; width:220px; height:50px;cursor:pointer; text-align:center;font-size:18px;color:#fff;font-weight: bold; margin-top: 20px;}
.pageForm .row .btn:hover{background:#21282e; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease;-ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease;}
.pageForm .row p.xin{line-height:30px; font-size:14px; color: #999;margin-top: 15px;}
.pageForm .row p.xin span{ color:#04269E; font-size: 18px;}



@font-face {
  font-family: 'Glyphicons Halflings';

  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
  content: "\002a";
}
.glyphicon-plus:before {
  content: "\002b";
}
.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "\20ac";
}
.glyphicon-minus:before {
  content: "\2212";
}
.glyphicon-cloud:before {
  content: "\2601";
}
.glyphicon-envelope:before {
  content: "\2709";
}
.glyphicon-pencil:before {
  content: "\270f";
}
.glyphicon-glass:before {
  content: "\e001";
}
.glyphicon-music:before {
  content: "\e002";
}
.glyphicon-search:before {
  content: "\e003";
}
.glyphicon-heart:before {
  content: "\e005";
}
.glyphicon-star:before {
  content: "\e006";
}
.glyphicon-star-empty:before {
  content: "\e007";
}
.glyphicon-user:before {
  content: "\e008";
}
.glyphicon-film:before {
  content: "\e009";
}
.glyphicon-th-large:before {
  content: "\e010";
}
.glyphicon-th:before {
  content: "\e011";
}
.glyphicon-th-list:before {
  content: "\e012";
}
.glyphicon-ok:before {
  content: "\e013";
}
.glyphicon-remove:before {
  content: "\e014";
}
.glyphicon-zoom-in:before {
  content: "\e015";
}
.glyphicon-zoom-out:before {
  content: "\e016";
}
.glyphicon-off:before {
  content: "\e017";
}
.glyphicon-signal:before {
  content: "\e018";
}
.glyphicon-cog:before {
  content: "\e019";
}
.glyphicon-trash:before {
  content: "\e020";
}
.glyphicon-home:before {
  content: "\e021";
}
.glyphicon-file:before {
  content: "\e022";
}
.glyphicon-time:before {
  content: "\e023";
}
.glyphicon-road:before {
  content: "\e024";
}
.glyphicon-download-alt:before {
  content: "\e025";
}
.glyphicon-download:before {
  content: "\e026";
}
.glyphicon-upload:before {
  content: "\e027";
}
.glyphicon-inbox:before {
  content: "\e028";
}
.glyphicon-play-circle:before {
  content: "\e029";
}
.glyphicon-repeat:before {
  content: "\e030";
}
.glyphicon-refresh:before {
  content: "\e031";
}
.glyphicon-list-alt:before {
  content: "\e032";
}
.glyphicon-lock:before {
  content: "\e033";
}
.glyphicon-flag:before {
  content: "\e034";
}
.glyphicon-headphones:before {
  content: "\e035";
}
.glyphicon-volume-off:before {
  content: "\e036";
}
.glyphicon-volume-down:before {
  content: "\e037";
}
.glyphicon-volume-up:before {
  content: "\e038";
}
.glyphicon-qrcode:before {
  content: "\e039";
}
.glyphicon-barcode:before {
  content: "\e040";
}
.glyphicon-tag:before {
  content: "\e041";
}
.glyphicon-tags:before {
  content: "\e042";
}
.glyphicon-book:before {
  content: "\e043";
}
.glyphicon-bookmark:before {
  content: "\e044";
}
.glyphicon-print:before {
  content: "\e045";
}
.glyphicon-camera:before {
  content: "\e046";
}
.glyphicon-font:before {
  content: "\e047";
}
.glyphicon-bold:before {
  content: "\e048";
}
.glyphicon-italic:before {
  content: "\e049";
}
.glyphicon-text-height:before {
  content: "\e050";
}
.glyphicon-text-width:before {
  content: "\e051";
}
.glyphicon-align-left:before {
  content: "\e052";
}
.glyphicon-align-center:before {
  content: "\e053";
}
.glyphicon-align-right:before {
  content: "\e054";
}
.glyphicon-align-justify:before {
  content: "\e055";
}
.glyphicon-list:before {
  content: "\e056";
}
.glyphicon-indent-left:before {
  content: "\e057";
}
.glyphicon-indent-right:before {
  content: "\e058";
}
.glyphicon-facetime-video:before {
  content: "\e059";
}
.glyphicon-picture:before {
  content: "\e060";
}
.glyphicon-map-marker:before {
  content: "\e062";
}
.glyphicon-adjust:before {
  content: "\e063";
}
.glyphicon-tint:before {
  content: "\e064";
}
.glyphicon-edit:before {
  content: "\e065";
}
.glyphicon-share:before {
  content: "\e066";
}
.glyphicon-check:before {
  content: "\e067";
}
.glyphicon-move:before {
  content: "\e068";
}
.glyphicon-step-backward:before {
  content: "\e069";
}
.glyphicon-fast-backward:before {
  content: "\e070";
}
.glyphicon-backward:before {
  content: "\e071";
}
.glyphicon-play:before {
  content: "\e072";
}
.glyphicon-pause:before {
  content: "\e073";
}
.glyphicon-stop:before {
  content: "\e074";
}
.glyphicon-forward:before {
  content: "\e075";
}
.glyphicon-fast-forward:before {
  content: "\e076";
}
.glyphicon-step-forward:before {
  content: "\e077";
}
.glyphicon-eject:before {
  content: "\e078";
}
.glyphicon-chevron-left:before {
  content: "\e079";
}
.glyphicon-chevron-right:before {
  content: "\e080";
}
.glyphicon-plus-sign:before {
  content: "\e081";
}
.glyphicon-minus-sign:before {
  content: "\e082";
}
.glyphicon-remove-sign:before {
  content: "\e083";
}
.glyphicon-ok-sign:before {
  content: "\e084";
}
.glyphicon-question-sign:before {
  content: "\e085";
}
.glyphicon-info-sign:before {
  content: "\e086";
}
.glyphicon-screenshot:before {
  content: "\e087";
}
.glyphicon-remove-circle:before {
  content: "\e088";
}
.glyphicon-ok-circle:before {
  content: "\e089";
}
.glyphicon-ban-circle:before {
  content: "\e090";
}
.glyphicon-arrow-left:before {
  content: "\e091";
}
.glyphicon-arrow-right:before {
  content: "\e092";
}
.glyphicon-arrow-up:before {
  content: "\e093";
}
.glyphicon-arrow-down:before {
  content: "\e094";
}
.glyphicon-share-alt:before {
  content: "\e095";
}
.glyphicon-resize-full:before {
  content: "\e096";
}
.glyphicon-resize-small:before {
  content: "\e097";
}
.glyphicon-exclamation-sign:before {
  content: "\e101";
}
.glyphicon-gift:before {
  content: "\e102";
}
.glyphicon-leaf:before {
  content: "\e103";
}
.glyphicon-fire:before {
  content: "\e104";
}
.glyphicon-eye-open:before {
  content: "\e105";
}
.glyphicon-eye-close:before {
  content: "\e106";
}
.glyphicon-warning-sign:before {
  content: "\e107";
}
.glyphicon-plane:before {
  content: "\e108";
}
.glyphicon-calendar:before {
  content: "\e109";
}
.glyphicon-random:before {
  content: "\e110";
}
.glyphicon-comment:before {
  content: "\e111";
}
.glyphicon-magnet:before {
  content: "\e112";
}
.glyphicon-chevron-up:before {
  content: "\e113";
}
.glyphicon-chevron-down:before {
  content: "\e114";
}
.glyphicon-retweet:before {
  content: "\e115";
}
.glyphicon-shopping-cart:before {
  content: "\e116";
}
.glyphicon-folder-close:before {
  content: "\e117";
}
.glyphicon-folder-open:before {
  content: "\e118";
}
.glyphicon-resize-vertical:before {
  content: "\e119";
}
.glyphicon-resize-horizontal:before {
  content: "\e120";
}
.glyphicon-hdd:before {
  content: "\e121";
}
.glyphicon-bullhorn:before {
  content: "\e122";
}
.glyphicon-bell:before {
  content: "\e123";
}
.glyphicon-certificate:before {
  content: "\e124";
}
.glyphicon-thumbs-up:before {
  content: "\e125";
}
.glyphicon-thumbs-down:before {
  content: "\e126";
}
.glyphicon-hand-right:before {
  content: "\e127";
}
.glyphicon-hand-left:before {
  content: "\e128";
}
.glyphicon-hand-up:before {
  content: "\e129";
}
.glyphicon-hand-down:before {
  content: "\e130";
}
.glyphicon-circle-arrow-right:before {
  content: "\e131";
}
.glyphicon-circle-arrow-left:before {
  content: "\e132";
}
.glyphicon-circle-arrow-up:before {
  content: "\e133";
}
.glyphicon-circle-arrow-down:before {
  content: "\e134";
}
.glyphicon-globe:before {
  content: "\e135";
}

.glyphicon-wrench:before {
  content: "\e136";
}
.glyphicon-tasks:before {
  content: "\e137";
}
.glyphicon-filter:before {
  content: "\e138";
}
.glyphicon-briefcase:before {
  content: "\e139";
}
.glyphicon-fullscreen:before {
  content: "\e140";
}
.glyphicon-dashboard:before {
  content: "\e141";
}
.glyphicon-paperclip:before {
  content: "\e142";
}
.glyphicon-heart-empty:before {
  content: "\e143";
}
.glyphicon-link:before {
  content: "\e144";
}
.glyphicon-phone:before {
  content: "\e145";
}
.glyphicon-pushpin:before {
  content: "\e146";
}
.glyphicon-usd:before {
  content: "\e148";
}
.glyphicon-gbp:before {
  content: "\e149";
}
.glyphicon-sort:before {
  content: "\e150";
}
.glyphicon-sort-by-alphabet:before {
  content: "\e151";
}
.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}
.glyphicon-sort-by-order:before {
  content: "\e153";
}
.glyphicon-sort-by-order-alt:before {
  content: "\e154";
}
.glyphicon-sort-by-attributes:before {
  content: "\e155";
}
.glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}
.glyphicon-unchecked:before {
  content: "\e157";
}
.glyphicon-expand:before {
  content: "\e158";
}
.glyphicon-collapse-down:before {
  content: "\e159";
}
.glyphicon-collapse-up:before {
  content: "\e160";
}
.glyphicon-log-in:before {
  content: "\e161";
}
.glyphicon-flash:before {
  content: "\e162";
}
.glyphicon-log-out:before {
  content: "\e163";
}
.glyphicon-new-window:before {
  content: "\e164";
}
.glyphicon-record:before {
  content: "\e165";
}
.glyphicon-save:before {
  content: "\e166";
}
.glyphicon-open:before {
  content: "\e167";
}
.glyphicon-saved:before {
  content: "\e168";
}
.glyphicon-import:before {
  content: "\e169";
}
.glyphicon-export:before {
  content: "\e170";
}
.glyphicon-send:before {
  content: "\e171";
}
.glyphicon-floppy-disk:before {
  content: "\e172";
}
.glyphicon-floppy-saved:before {
  content: "\e173";
}
.glyphicon-floppy-remove:before {
  content: "\e174";
}
.glyphicon-floppy-save:before {
  content: "\e175";
}
.glyphicon-floppy-open:before {
  content: "\e176";
}
.glyphicon-credit-card:before {
  content: "\e177";
}
.glyphicon-transfer:before {
  content: "\e178";
}
.glyphicon-cutlery:before {
  content: "\e179";
}
.glyphicon-header:before {
  content: "\e180";
}
.glyphicon-compressed:before {
  content: "\e181";
}
.glyphicon-earphone:before {
  content: "\e182";
}
.glyphicon-phone-alt:before {
  content: "\e183";
}
.glyphicon-tower:before {
  content: "\e184";
}
.glyphicon-stats:before {
  content: "\e185";
}
.glyphicon-sd-video:before {
  content: "\e186";
}
.glyphicon-hd-video:before {
  content: "\e187";
}
.glyphicon-subtitles:before {
  content: "\e188";
}
.glyphicon-sound-stereo:before {
  content: "\e189";
}
.glyphicon-sound-dolby:before {
  content: "\e190";
}
.glyphicon-sound-5-1:before {
  content: "\e191";
}
.glyphicon-sound-6-1:before {
  content: "\e192";
}
.glyphicon-sound-7-1:before {
  content: "\e193";
}
.glyphicon-copyright-mark:before {
  content: "\e194";
}
.glyphicon-registration-mark:before {
  content: "\e195";
}
.glyphicon-cloud-download:before {
  content: "\e197";
}
.glyphicon-cloud-upload:before {
  content: "\e198";
}
.glyphicon-tree-conifer:before {
  content: "\e199";
}
.glyphicon-tree-deciduous:before {
  content: "\e200";
}
.glyphicon-cd:before {
  content: "\e201";
}
.glyphicon-save-file:before {
  content: "\e202";
}
.glyphicon-open-file:before {
  content: "\e203";
}
.glyphicon-level-up:before {
  content: "\e204";
}
.glyphicon-copy:before {
  content: "\e205";
}
.glyphicon-paste:before {
  content: "\e206";
}
.glyphicon-alert:before {
  content: "\e209";
}
.glyphicon-equalizer:before {
  content: "\e210";
}
.glyphicon-king:before {
  content: "\e211";
}
.glyphicon-queen:before {
  content: "\e212";
}
.glyphicon-pawn:before {
  content: "\e213";
}
.glyphicon-bishop:before {
  content: "\e214";
}
.glyphicon-knight:before {
  content: "\e215";
}
.glyphicon-baby-formula:before {
  content: "\e216";
}
.glyphicon-tent:before {
  content: "\26fa";
}
.glyphicon-blackboard:before {
  content: "\e218";
}
.glyphicon-bed:before {
  content: "\e219";
}
.glyphicon-apple:before {
  content: "\f8ff";
}
.glyphicon-erase:before {
  content: "\e221";
}
.glyphicon-hourglass:before {
  content: "\231b";
}
.glyphicon-lamp:before {
  content: "\e223";
}
.glyphicon-duplicate:before {
  content: "\e224";
}
.glyphicon-piggy-bank:before {
  content: "\e225";
}
.glyphicon-scissors:before {
  content: "\e226";
}
.glyphicon-bitcoin:before {
  content: "\e227";
}
.glyphicon-btc:before {
  content: "\e227";
}
.glyphicon-xbt:before {
  content: "\e227";
}
.glyphicon-yen:before {
  content: "\00a5";
}
.glyphicon-jpy:before {
  content: "\00a5";
}
.glyphicon-ruble:before {
  content: "\20bd";
}
.glyphicon-rub:before {
  content: "\20bd";
}
.glyphicon-scale:before {
  content: "\e230";
}
.glyphicon-ice-lolly:before {
  content: "\e231";
}
.glyphicon-ice-lolly-tasted:before {
  content: "\e232";
}
.glyphicon-education:before {
  content: "\e233";
}
.glyphicon-option-horizontal:before {
  content: "\e234";
}
.glyphicon-option-vertical:before {
  content: "\e235";
}
.glyphicon-menu-hamburger:before {
  content: "\e236";
}
.glyphicon-modal-window:before {
  content: "\e237";
}
.glyphicon-oil:before {
  content: "\e238";
}
.glyphicon-grain:before {
  content: "\e239";
}
.glyphicon-sunglasses:before {
  content: "\e240";
}
.glyphicon-text-size:before {
  content: "\e241";
}
.glyphicon-text-color:before {
  content: "\e242";
}
.glyphicon-text-background:before {
  content: "\e243";
}
.glyphicon-object-align-top:before {
  content: "\e244";
}
.glyphicon-object-align-bottom:before {
  content: "\e245";
}
.glyphicon-object-align-horizontal:before {
  content: "\e246";
}
.glyphicon-object-align-left:before {
  content: "\e247";
}
.glyphicon-object-align-vertical:before {
  content: "\e248";
}
.glyphicon-object-align-right:before {
  content: "\e249";
}
.glyphicon-triangle-right:before {
  content: "\e250";
}
.glyphicon-triangle-left:before {
  content: "\e251";
}
.glyphicon-triangle-bottom:before {
  content: "\e252";
}
.glyphicon-triangle-top:before {
  content: "\e253";
}
.glyphicon-console:before {
  content: "\e254";
}
.glyphicon-superscript:before {
  content: "\e255";
}
.glyphicon-subscript:before {
  content: "\e256";
}
.glyphicon-menu-left:before {
  content: "\e257";
}
.glyphicon-menu-right:before {
  content: "\e258";
}
.glyphicon-menu-down:before {
  content: "\e259";
}
.glyphicon-menu-up:before {
  content: "\e260";
}
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}




.q27{ text-align:center; overflow: hidden; padding-bottom:30px;}
.q27 dl{ font-size:36px; padding-top:30px; color:#333333; font-weight:bolder;}
.q27 dt{ font-size:18px; color:#666666; padding-top:20px;}
.q22{ width:100%; margin:0 auto; overflow:hidden; padding-top:5px;}
.q22 li{
	width:352px;
    margin-right: 3px;
    background-color: #f4f4f4;
    height: 376px;
    float: left;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background-repeat: no-repeat;
    background-position: center bottom;
    margin-left: 17px;
}
@media screen and (max-width: 1800px) {
  .q22 li{
    width: 334px;
    height: 356px;
  }  
}
@media screen and (max-width: 1760px) {
  .q22 li{ width: 327px;
  height: 349px;
  }
}
@media screen and (max-width: 1710px) {
  .q22 li{
    width: 318px;
    height: 338px;
  }  
}
@media screen and (max-width: 1650px) {
  .q22 li{
    width: 303px;
    height: 323px;
  }  
}
@media screen and (max-width: 1600px){
.q22 li {
    width: 286px;
    height: 309px;
}
}



@media screen and (max-width: 1440px) {
.q22{ width:94%; margin:0 auto; overflow:hidden; padding-top:5px;}
.q22 li{
  /* width: 316px;
  height: 334px; */

	background-color:#f4f4f4;

	float:left;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	background-repeat: no-repeat;
	background-position: center bottom;
    /* margin-left:14px; */
    margin-left: 5px;
}
}
@media screen and (max-width: 1510px) {
  .q22{ width:94%; margin:0 auto; overflow:hidden; padding-top:5px;}
  .q22 li{
    width: 264px;
    height: 281px;
  
    background-color:#f4f4f4;
  
    float:left;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background-repeat: no-repeat;
    background-position: center bottom;
      /* margin-left:14px; */
      margin-left: 12px;
  }
  }

  @media screen and (max-width: 1480px){
    .q22 li {
      width: 257px;
      height: 275px;
    }
    }
  



  @media screen and (max-width: 1450px) {
    .q22 li{
      margin-left:2px;
    }
  }
  


  @media screen and (max-width: 1400px) {
    .q22 li{
      margin-left:4px;
      width: 248px;
      height: 264px;
      
    }
    .q22 h2{line-height:26px !important;}
  }
  @media screen and (max-width: 1350px) {
    .q22 li{
      margin-left:7px;
      width: 237px;
      height: 250px;

    }
  }
  @media screen and (max-width: 1310px) {
    .q22{margin:0 auto; overflow:hidden; padding-top:5px;}
    .q22 li{
      width: 224px;
      height: 237px;
    
      background-color:#f4f4f4;
    
      float:left;
      -moz-transition: all 0.3s ease;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
      background-repeat: no-repeat;
      background-position: center bottom;
        /* margin-left:14px; */
        margin-left: 5px;
    }
    }
    @media screen and (max-width: 1300px) {
      .q22{ width:94%; margin:0 auto; overflow:hidden; padding-top:5px;}
      .q22 li{
        width: 213px;
        height: 229px;
      
        background-color:#f4f4f4;
      
        float:left;
        -moz-transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        background-repeat: no-repeat;
        background-position: center bottom;
          /* margin-left:14px; */
          margin-left: 13px;
      }
      }
.q22 li:hover{ background-color:#04269E;}
.q22 dl{ width:85%; margin:0 auto; padding-top:40px;}
.q22 dt{ font-size:26px;color: #5f5454;;}
.q22 h1{
	font-size:14px;
	color:#666666;
	font-weight:normal;
	padding-top:5px;
	background-image: url(../images/lii.png);
	background-repeat: no-repeat;
	background-position: left bottom; padding-bottom:20px; margin-bottom:-6px;
}
.q22 span{ font-size:40px; color:#666666; margin-bottom:10px;}
.q22 li:hover{
	background-image: none;
}
.q22 li:hover dt{ color:#FFFFFF;}
.q22 li:hover span{ color:#ececec;}
.q22 li:hover h1{ color:#fff;}
.q22 h2{ font-size:16px; color:#FFFFFF; line-height:35px; cursor:pointer; font-weight:normal;-moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; display:none;}
.q22 h2:hover{ padding-left:5px;}
.q22 li:hover h2{ display:block;}

.q23{ background-image:url(../images/cr_img11.png);background-size:100%;}
.q24{ background-image:url(../images/yx_06.png);background-size:100%;}
.q25{ background-image:url(../images/sj_03.png);background-size:100%;}
.q26{ background-image:url(../images/d_06.png);background-size:100%;}
.q35{ background-image:url(../images/27.png);background-size:100%;}
.q28{ background-image:url(../images/28.png);background-size:100%;}
/* .q29{ background-image:url(../images/29.png);background-size:100%;} */
.q30{ background-image:url(../images/30.png);background-size:100%;}
.q31{ background-image:url(../images/31.png);background-size:100%;}
.q32{ background-image:url(../images/32.png);background-size:100%;}
.q33{ background-image:url(../images/33.png);background-size:100%;}
.q34{ background-image:url(../images/34.png);background-size:100%;}


.jftk {
  background: url(../images/jftk.jpg) no-repeat center center;
  background-size: cover;
  overflow: hidden;
}

.q29 {
  text-align: center;
  overflow: hidden;
  height: 103px;
  padding-top: 36px;
}

.q29 span {
  padding: 3px 25px 3px 25px;
  background-color: #04269E;
  font-size: 18px;
  color: #FFFFFF;
  margin-left: 10px;
  margin-right: 10px;
  border-radius: 20px;
  cursor: pointer;
}

.q29 em {
  padding: 6px 19px 6px 21px;
  font-size: 18px;
  color: #333;
  margin-left: 8px;
  margin-right: 4px;
  border-radius: 20px;
  cursor: pointer;
  -moz-transition: all 0.3s ease;
  box-sizing: border-box;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-style: normal;
  border: 1px solid #666666;
}

.q29 em:hover {
  background-color: #04269E;
  color: #FFFFFF;
}

.jflist {
  overflow: hidden;
}

.jflist li {
  float: left;
  width: 24%;
  margin-right: 0.5%;
  margin-left: 0.5%;
  margin-bottom: 3%;
  background: #ededed;
  background-size: 100% auto;
  -moz-box-shadow: 1px 1px 3px #666666;
  -webkit-box-shadow: 1px 1px 3px #666666;
  box-shadow: 1px 1px 3px #666666;
}

.jflist li a {
  display: block;
  /*border-bottom: 30px solid #b3b3b3;*/
}

.jflist li .img {
  overflow: hidden;
  position: relative;
}

.jflist li .img img {
  display: block;
  width: 100%;
}

.jflist li .img .icobj {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  top: 100%;
  left: 0;
  color: #ffffff;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.jflist li .img .icobj i {
  width: 80px;
  height: 80px;
  border: 1px solid #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -40px 0 0 -40px;
  border-radius: 50%;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.jflist li .img .icobj i {
  background: url(../images/xqico.png) no-repeat center center;
  background-size: 100%;
}

.jflist li .img .icobj2 i {
  background: url(../images/xqico2.png) no-repeat center center;
  background-size: 100%;
}

.jflist li:hover .img .icobj {
  top: 0;
}

.jflist li .img .icobj i:hover {
  background-color: #04269E;
  transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -o-transform: rotate(360deg);
}

.jflist li .txt {
  padding: 12px 0 20px 0;
  position: relative;
  height: 142px;
}

.jflist li .txt .column {
  position: absolute;
  right: 0;
  top: -23px;
  width: 120px;
  height: 46px;
  text-align: center;
  line-height: 46px;
  color: #ffffff;
  font-size: 24px;
  background-color: rgba(1, 70, 137, 0.8);
}

.jflist li .txt h3 {
  color: #333333;
  font-size: 24px;
  text-align: center;
  line-height: 52px;
  position: relative;
}

.jflist li .txt h3:after {
  content: "";
  width: 70%;
  height: 1px;
  background: #014689;
  display: block;
  margin: 0 auto;
}

.jflist li .txt .can {
  color: #666666;
  text-align: center;
  font-size: 14px;
  line-height: 30px;
  margin-top: 10px;
}

.jflist li .txt .can span {
  margin: 0 12px;
}

.jflist li .txt .can span.canh {
  color: #b81c22;
}

.jflist li .txt p {
  color: #666666;
  font-size: 14px;
  line-height: 24px;
  padding: 10px 8px 0 14px;
}

.jflist li .txt i {
  display: block;
  margin: 15px 0 0 0;
  height: 22px;
  background: url(../images/jfico01.png) no-repeat center center;
  background-size: auto 100%;
}

.jflist li:hover a {
  border-color: #014689;
}

.jflist li:hover .txt {
  background: #04269E;
}

.jflist li:hover .txt .can {
  color: #ffffff;
}

.jflist li:hover .txt .can span.canh {
  color: #ffffff;
}

.jflist li:hover .txt h3 {
  color: #ffffff;
}

.jflist li:hover .txt h3:after {
  background: #ffffff;
  width: 20%;
}

.jflist li:hover .txt p {
  color: #ffffff;
}

.jflist li:hover .txt i {
  background-image: url(../images/jfico02.png);
}

.q29 {
  text-align: center;
  overflow: hidden;
  height: 103px;
  padding-top: 36px;
}

.q29 span {
  padding: 3px 25px 3px 25px;
  background-color: #04269E;
  font-size: 18px;
  color: #FFFFFF;
  margin-left: 10px;
  margin-right: 10px;
  border-radius: 20px;
  cursor: pointer;
}