@charset "utf-8";
*{ margin:0; padding:0;}
table{
	border-collapse: collapse;
	text-align: center;background-color: #fff;
}
a{ text-decoration:none;}
a:hover,a:focus{ text-decoration:none;}
a:focus{ outline:none;}
.clear{ clear:both;}
p{ margin:0;}
.h1, .h2, .h3, h1, h2, h3{ margin:0;}
.cor_red{ color:#c7000a;}
.cor_yellow{ color:#f5fb47;}
.cor_blue{ color:#00eaff;}
.f22{ font-size:22px;}
ol{ padding-left:25px;}
html {
  height: 100%;
}
body {
  font-family:"微软雅黑";
  position: relative;
  height: 100%;
}
img {
    vertical-align: middle;
    max-width: 100%;
}
.QOverlay {
	background-repeat: no-repeat;
	background-color: #000000;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background:url(../images/banner1.jpg) center center no-repeat;
	background-size:cover;
}

.QLoader {
	background-color: #869e00;
	height: 3px;
	display: none;
}

.QAmt{
	color:#ffffff;
	font-family:"Times New Roman";
	font-size:24px;
	line-height:50px;
	height:50px;
	width:80px;	
	margin:0;
	margin-left:-25px;
	top:auto !important;
	bottom:10%;
	position:absolute !important;
}
.xxx li{float:left;line-height:20px;margin-right:6px;border:1px solid #E9E9E9;list-style:none;}
.xxx li.thisclass,.xxx li.thisclass a,.xxx li.thisclass a:hover{background-color:#F8F8F8;font-weight:bold;}
/* ---------------- 头部 ---------------- */
.head{ position:relative; z-index:100;}
.head .detail{height:92px;width:1130px;margin:0 auto;}
.head .detail .logo{float:left; width:98px;height:23px;margin-top:20px;}
.head .detail .tel{float:right; background:url(../images/tel.jpg) no-repeat;width:200px;color:#878787;font-size:16px;font-weight:bold; display:inline-block;text-indent:75px; font-family:Arial; height:40px; line-height:22px;margin-top:15px;margin-right:15px; }
.head .detail .QQ{float:right;width:80px;height:25px;margin-top:27px; margin-left:7px}
.head .detail .input{float:right;width:187px;margin-top:28px;margin-left:20px;margin-right:5px; text-indent:5px;}
.head .detail .btn{ float:right; background:url(../images/search_btn.jpg);border:0;width:32px;height:26px;margin-top:28px;cursor: pointer;}
.head .menu-box{ height:92px;}
.head .menu-box div.menu-content{width:1130px;margin:0 auto;height:92px;}
.head .menu-box div.menu{height:92px;line-height:92px;margin-right:60px;float:left; position:relative;}
.head .menu-box div.menu a{ display:block;padding:0 20px;font-size:16px;font-weight:bold;color:#333;z-index:11;height:92px;}
.head .menu-box div.menu td a{ height:auto;text-indent:0px;}
.head .menu-box div.menu div.sub td div.sub-detail a{ text-indent:0px; line-height:30px; }
.head .menu-box div.menu a:hover,.head .menu-box div.menu a.current{ color:#0067b2; background:url(../images/menu_on.jpg) repeat-x bottom;padding:0 19px;z-index:11; }
/*.head .menu-box div.menu div.sub{ position:absolute;left:0;top:47px; z-index:10;border:solid 1px #a3abb4; background:#fff;padding:10px 0 15px 0;}*/
.head .menu-box div.menu div.sub{ position:absolute;left:-200px;top:84px; z-index:10; background:url(../images/yy.png) repeat-x;padding:10px 0 15px 0; }
.head .menu-box div.menu div.sub div.sub-detail{margin:0 20px;}
.head .menu-box div.menu div.sub div.sub-detail h1{font-size:14px;height:36px;line-height:36px;color:#666;white-space:nowrap; }
.head .menu-box div.menu div.sub div.sub-detail a{line-height:28px;padding:0; text-indent:10px;font-weight:normal;font-size:12px;color:#666; white-space:nowrap;  display:block;}
.head .menu-box div.menu div.sub div.sub-detail a:hover{border:0;background:none;color:#0067b2;}
.head .menu-box div.menu div.sub div.sub-detail li a:hover span{border:0;background:none;color:#0067b2;}
.head .stock{float:left;width:110px;color:#878787;display:inline-block;font-family:微软雅黑; height:17px; line-height:15px;margin-top:20px;margin-left:135px;}
.head .stock span{ font-weight:bold; color:#878787;}
.head .menu-box div.menu div.sub div.sub-detail ul{ width:360px; height:auto; float:left; margin-top:10px;}
.head .menu-box div.menu div.sub div.sub-detail li{ float:left; overflow:hidden; margin:10px 15px;}
.head .menu-box div.menu div.sub div.sub-detail li a{ height:auto; line-height:45px; text-indent:0px;text-align:center;}
.head .menu-box div.menu div.sub div.sub-detail li a span{ color:#666; cursor:pointer;}
.head .menu-box div.menu div.sub div.sub_detail_1{ margin-left:0px;}


.Qlogo{ background:url(../images/qlogo.png) center center no-repeat; background-size:cover; width:400px; height:162px; position:absolute; left:50%; top:0; margin-top:-61px; margin-left:-121px;
transition:All 1s ease-in-out;
-webkit-transition:All 1s ease-in-out;
-moz-transition:All 1s ease-in-out;
-o-transition:All 1s ease-in-out;
}
.Qlogo.active{ top:50%;}
.Qloading{ background:url(../images/qloading.png) center center no-repeat; background-size:cover; width:56px; height:60px; position:absolute; left:50%; bottom:20%; margin-left:-28px;
-webkit-animation-name:Qloading;
-webkit-animation-duration:2s;
-webkit-animation-timing-function:linear;
-webkit-animation-delay:0;
-webkit-animation-iteration-count:infinite;
-webkit-animation-play-state:running;
animation-name:Qloading;
animation-duration:2s;
animation-timing-function:linear;
animation-delay:0;
animation-iteration-count:infinite;
animation-play-state:running;
}
@-webkit-keyframes Qloading {
	0% {
	transform: rotate(0deg);
	 -webkit-transform: rotate(0deg);
	 -moz-transform: rotate(0deg);
	 -o-transform: rotate(0deg);
	}
	50% {
	transform: rotate(230deg);
	 -webkit-transform: rotate(230deg);
	 -moz-transform: rotate(230deg);
	 -o-transform: rotate(230deg);
	}
	100% {
	transform: rotate(360deg);
	 -webkit-transform: rotate(360deg);
	 -moz-transform: rotate(360deg);
	 -o-transform: rotate(360deg);
	}
}
@keyframes Qloading {
	0% {
	transform: rotate(0deg);
	 -webkit-transform: rotate(0deg);
	 -moz-transform: rotate(0deg);
	 -o-transform: rotate(0deg);
	}
	50% {
	transform: rotate(230deg);
	 -webkit-transform: rotate(230deg);
	 -moz-transform: rotate(230deg);
	 -o-transform: rotate(230deg);
	}
	100% {
	transform: rotate(360deg);
	 -webkit-transform: rotate(360deg);
	 -moz-transform: rotate(360deg);
	 -o-transform: rotate(360deg);
	}
}


.swiper-container {
  width: 100%;
  height: 100%;
  color: #fff;
  text-align: center;
}

.swiper-pagination-switch {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background: #222;
  margin-right: 5px;
  opacity: 0.8;
  border: 1px solid #fff;
  cursor: pointer;
}
.swiper-visible-switch {
  background: #aaa;
}
.swiper-active-switch {
  background: #fff;
}
.bd_weixin_popup{ height:auto !important;}
/*header*/
.navbox{ background:rgba(255,255,255,0.78); border:none; margin-bottom:0; top:0px; box-shadow:0 0 5px rgba(0,0,0,0.31);
	transition:All 0.5s cubic-bezier(0.41,-0.2,0.4,1.19) 0.1s;
	-webkit-transition:All 0.5s cubic-bezier(0.41,-0.2,0.4,1.19) 0.1s;
	-moz-transition:All 0.5s cubic-bezier(0.41,-0.2,0.4,1.19) 0.1s;
	-o-transition:All 0.5s cubic-bezier(0.41,-0.2,0.4,1.19) 0.1s;}
.navbox.active{ top:0;}
.logo{ height:auto; padding:23px 0px 14px 40px;
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}
.navbox .navbar-header{ position:relative;}
.mobile_btn{ padding:5px; border-radius:0; border:none; margin:0; position:relative; width:32px; height:26px; right:15px;}
.navbox .mobile_btn .icon-bar{ 
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}
.navbox .mobile_btn .icon-bar{ background-color:#003A8F; left:5px; margin:0; position:absolute;
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}
.navbox .mobile_btn.collapsed .icon-bar.top { top:5px;
	-webkit-transform: rotate3d(0, 0, 1, 0) translate3d(0px, -0px, 0);
	-moz-transform: rotate3d(0, 0, 1, 0) translate3d(-0px, -0px, 0);
	-ms-transform: rotate3d(0, 0, 1, 0) translate3d(-0px, -0px, 0);
	-o-transform: rotate3d(0, 0, 1, 0) translate3d(-5px, -0px, 0);
	transform: rotate3d(0, 0, 1, 0) translate3d(-0px, -0px, 0); }
.navbox .mobile_btn.collapsed .icon-bar.mid { top:10px; opacity:1;}
.navbox .mobile_btn.collapsed .icon-bar.bottom { top:15px;
	-webkit-transform: rotate3d(0, 0, 1, 0) translate3d(0px, -0px, 0);
	-moz-transform: rotate3d(0, 0, 1, 0) translate3d(-0px, -0px, 0);
	-ms-transform: rotate3d(0, 0, 1, 0) translate3d(-0px, -0px, 0);
	-o-transform: rotate3d(0, 0, 1, 0) translate3d(-0px, -0px, 0);
	transform: rotate3d(0, 0, 1, 0) translate3d(-0px, -0px, 0); }

.navbox .mobile_btn .icon-bar.top { top:5px;
	-webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(-3px, 2px, 0);
	-moz-transform: rotate3d(0, 0, 1, -45deg) translate3d(-3px, 2px, 0);
	-ms-transform: rotate3d(0, 0, 1, -45deg) translate3d(-3px, 2px, 0);
	-o-transform: rotate3d(0, 0, 1, -45deg) translate3d(-3px, 2px, 0);
	transform: rotate3d(0, 0, 1, -45deg) translate3d(-3px, 2px, 0); }
.navbox .mobile_btn .icon-bar.mid { top:10px; opacity:0;}
.navbox .mobile_btn .icon-bar.bottom { top:15px;
	-webkit-transform: rotate3d(0, 0, 1, 45deg) translate3d(-5px, -5px, 0);
	-moz-transform: rotate3d(0, 0, 1, 45deg) translate3d(-5px, -5px, 0);
	-ms-transform: rotate3d(0, 0, 1, 45deg) translate3d(-5px, -5px, 0);
	-o-transform: rotate3d(0, 0, 1, 45deg) translate3d(-5px, -5px, 0);
	transform: rotate3d(0, 0, 1, 45deg) translate3d(-5px, -5px, 0); }

.navbox .mobile_btn:hover,.navbox .mobile_btn:focus{ background:none;}
#navlist{ line-height:92px; height:92px; position:absolute; left:50%; margin-left:-439px;}
.navbox #navlist > li { padding:0 20px; margin:0 10px; position:relative;
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}
.navbox #navlist > li > a{ color:#151823; font-size:16px; font-weight:bold; padding:0 10px; line-height:92px; height:92px;
	transition:All 0.3s ease-in-out;
	-webkit-transition:All 0.3s ease-in-out;
	-moz-transition:All 0.3s ease-in-out;
	-o-transition:All 0.3s ease-in-out;}
.navbox #navlist > .active > a, .navbox #navlist > .active > a:focus, .navbox #navlist > .active > a:hover,.navbox #navlist > li > a:hover{ background:none; color:#ea5404; border-bottom:4px solid #ea5404;}
.nav_right{ margin-right:15px;}
.header_share{ float:left; background:url(../images/header_topico1.png) center center no-repeat; height:92px; width:100px;}
.search_box{ float:left; height:92px; border-left:1px solid rgba(21,24,35,0.11); width:60px; position:relative;}
.search_submit,.search_icon{ position:absolute; top:25px; right:0; width:30px; border:none; height:38px; background:url(../images/header_searchico.png) center center no-repeat; cursor:pointer;}
.search_submit{ display:none;}
.search_input{ position:absolute; top:25px; right:0; background:#FFFFFF; height:38px; width:0; border:none;
	transition:All 0.3s ease-in-out;
	-webkit-transition:All 0.3s ease-in-out;
	-moz-transition:All 0.3s ease-in-out;
	-o-transition:All 0.3s ease-in-out;
}
.search_close{ position:absolute; right:0; top:30px; cursor:pointer; font-size:1.8rem; opacity:0;
	transition:All 0.3s ease-in-out;
	-webkit-transition:All 0.3s ease-in-out;
	-moz-transition:All 0.3s ease-in-out;
	-o-transition:All 0.3s ease-in-out;
}
.search_open .search_input{ width:200px; padding:0 35px 0 5px;}
.search_open .search_icon{ display:none;}
.search_open .search_submit{ display:block; background-size:80%;}
.search_open .search_close{ opacity:1; right:-20px;}

.section { text-align:center; overflow:hidden;}


/*banner*/
.banner{ height:100%; position:relative;}
.banner .swiper-slide{ background-size:cover; background-position:center center; height:100%;}
.banner .swiper-slide a{ display:block; height:100%;}
.banner .swiper-container .pagination{ width:100%; margin:0; border-radius:0; bottom:100px;}
.banner .swiper-container .pagination .swiper-pagination-switch{ background:#ffffff; width:40px; height:5px; border:none; opacity:1; border-radius:0;}
.banner .swiper-container .pagination .swiper-active-switch{ background:#eee; height:0.01px;}
.bannerx{ display:none;}

.banner_btn{ display:block; position:absolute; left:50%; margin-left:-15px; bottom:2%; border:1px solid #ffffff; border-radius:15px; width:30px; height:54px; z-index:1; cursor:pointer;}
.banner_dot{ display:block; width:6px; height:6px; background:#ffffff; border-radius:50%; margin:7px auto 0;}
.banner_arrow{ display:block; width:16px; height:16px; background:url(../images/banner_arrow.png) no-repeat; margin:0 auto;
-webkit-animation-name:bdrmodow; position:relative;
-webkit-animation-duration:1s;
-webkit-animation-timing-function:linear;
-webkit-animation-delay:0;
-webkit-animation-iteration-count:infinite;
-webkit-animation-play-state:running;
animation-name:bdrmodow;
animation-duration:1s;
animation-timing-function:linear;
animation-delay:0;
animation-iteration-count:infinite;
animation-play-state:running;
}

@-webkit-keyframes bdrmodow {
	0% {
		top:0px;
		opacity:0
	}
	30% {
		top:5px;
		opacity:1
	}
	100% {
		top:10px;
		opacity:0
	}
}
@keyframes bdrmodow {
	0% {
		top:4px;
		opacity:0
	}
	30% {
		top:9px;
		opacity:1
	}
	100% {
		top:25px;
		opacity:0
	}
}

/*main2*/
.mainbox2{ background:url(../images/mainbox2bg.jpg) center bottom no-repeat; background-size:cover;}
.mainbox3{ background:url(../images/mainbox3bg.jpg) center bottom no-repeat; background-size:cover; padding-top:80px;}
.mainbox4{ background:url(../images/zj2.jpg) center bottom no-repeat; background-size:cover;}
.mainbox4 .fp-tableCell{ padding-top:50px;}


@keyframes animatedBackground { from { background-position:0 0; } to { background-position: 100% 0; } }
@-webkit-keyframes animatedBackground { from { background-position:0 0; } to { background-position: 100% 0; } }

@keyframes animatedBackgroundF { from { background-position:100% 0; } to { background-position:0 0; } }
@-webkit-keyframes animatedBackgroundF { from { background-position:100% 0; } to { background-position:0 0; } }

@keyframes zhuan1 { from { transform:rotate(0deg); } to { transform:rotate(360deg) } }
@-webkit-keyframes zhuan1 {  from { transform:rotate(0deg); } to { transform:rotate(360deg) } }
@keyframes zhuan2 { from { transform:rotate(360deg); } to { transform:rotate(0deg) } }
@-webkit-keyframes zhuan2 {  from { transform:rotate(360deg); } to { transform:rotate(0deg) } }


.swiper-scrollbar {
	background:#9BAEBF;
    position: absolute;
    right: 12px;
    top: 40px;
    height: 90%;
    width: 5px;
}
.swiper-scrollbar .swiper-scrollbar-drag {
    background:#0081cc;
}


.main2_box{ height:100%;}
.main2_boxlist{ height:100%;}
.main2_img{ height:100%; background-position:center bottom; background-repeat:no-repeat; background-size:cover;}
.main2_left{ position:relative; left:-50%;
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}
.main2_rig{ position:relative; right:-50%;
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}
.mainbox2.active .main2_left{ left:0;}
.mainbox2.active .main2_rig{ right:0;}
.main2_rigcon{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,129,204,0); color:#5d5d5d; padding:0 15%; text-align:center; padding-top:90px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.main2_text{ position:relative; width:100%; bottom:-100%; font-size:15px; line-height:200%;
	transition:All 0.4s ease-in-out 0.4s;
	-webkit-transition:All 0.4s ease-in-out 0.4s;
	-moz-transition:All 0.4s ease-in-out 0.4s;
	-o-transition:All 0.4s ease-in-out 0.4s;}
.main2_text h3{ font-size:30px; color:#003a8f; font-weight:bold; padding-bottom:40px;}
.main2_text h4{ font-size:20px; color:#333333; font-weight:bold; padding:20px 0;}
.main2_text strong.cor_org{ color:#ea5404;}
.mainbox2.active .main2_text{ bottom:0;}
.main2_morebox{ padding-top:30px;}
.main2_more{ font-size:20px; color:#ffffff; text-align:center; font-family:"Times New Roman"; background:#003a8f; border-radius:4px; padding:8px 15px; text-transform:uppercase;}
.main2_more:hover{ color:#ffffff;}

.main3_box{ /*position:absolute; left:0; top:50%; width:100%; height:100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;*/
	transform:translateY(50%);
	-webkit-transform:translateY(50%);
	transition:All 0.8s ease-in-out 0.2s;
	-webkit-transition:All 0.8s ease-in-out 0.2s;
	-moz-transition:All 0.8s ease-in-out 0.2s;
	-o-transition:All 0.8s ease-in-out 0.2s;
}
.mainbox3.active .main3_box{ /*top:0;*/
	transform:translateY(0);
	-webkit-transform:translateY(0);
}
.main3_tit{ font-size:30px; color:#151823; padding-bottom:10px;}
.main3_titbot{ height:30px; padding-bottom:10px;}
.main3_lineH{ width:96px; height:1px; font-size:0; background:#1b68d8; display:inline-block; vertical-align:middle; position:relative; top:6px;}
.main3_lineH1{ right:-4px; }
.main3_lineH2{ left:-4px; }
.main3_line{ width:2px; background:#1b68d8; font-size:0; height:20px; display:inline-block; vertical-align:bottom;}
.main3_line1{animation: main3modow 0.8s linear infinite;
	-webkit-animation: main3modow 0.8s linear infinite;}
.main3_line2{animation: main3modow 1s linear infinite;
	-webkit-animation: main3modow 1s linear infinite;}
.main3_line3{animation: main3modow 3s linear infinite;
	-webkit-animation: main3modow 3s linear infinite;}
.main3_line4{animation: main3modow 0.5s linear infinite;
	-webkit-animation: main3modow 0.5s linear infinite;}
.main3_titcon{ font-size:14px; color:#5d5d5d; line-height:30px;}

.main3_boxlist{ padding-top:80px;}
.main3_con{ padding:0 20px;}
.main3_link{ display:block; background:#ffffff; border-radius:5px; box-shadow:0 0 10px rgba(0,0,0,0.5); position:relative;}
.main3_border{ position:absolute; left:0; top:0; width:100%; height:100%; border-radius:5px;}
.main3_img{ overflow:hidden; border-radius:5px 5px 0 0;}
.main3_caption{ padding:1px 5px; font-size:14px; color:#5d5d5d; line-height:26px;}
.main3_caption h4{ font-size:22px; color:#333333; line-height:30px; margin:0 0 10px; display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.main3_more{ font-size:15px; color:#FFFFFF; text-align:center; font-family:"Times New Roman"; background:#003a8f; width:60%; margin:0 auto; text-transform:uppercase; height:25px; line-height:25px; position:absolute; left:20%; bottom:0; visibility:hidden;
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
}
.main3_link:hover{ box-shadow:none;}
.main3_link:hover .main3_more{ bottom:-20px; visibility:visible;}
.main3_link:hover .main3_border{ border:1px solid #003a8f;}
.main3_box .main2_morebox{ display:none;}


@-webkit-keyframes main3modow {
	0% {
		height:0;
	}
	100% {
		height:20px;
	}
}
@keyframes main3modow {
	0% {
		height:0;
	}
	100% {
		height:20px;
	}
}



.main4_tit{ font-size:50px; color:#ffffff;}
.main4_tit span{ color:#ea5404;}
.main4_titbot{ width:85px; height:5px; background:#ffffff; margin:15px auto;}
.main4_titcon{ color:#FFFFFF; font-size:16px; line-height:200%; padding:0 21%;}

.main_box4list{ padding-top:60px;}
.main_box4img{ width:112px; height:112px; margin:0 auto; border:3px solid rgba(255,255,255,0.5); border-radius:50%; position:relative; padding-top:8px;
	/*display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;*/
}
.main_box4img img{ margin:0 auto; border:1px solid rgba(255,255,255,0.5); padding:22px; border-radius:50%;
	 transform: rotateY(0deg);
	 -webkit-transform: rotateY(0deg);
	 -moz-transform: rotateY(0deg);
	 -o-transform: rotateY(0deg);
}
.main_box4text{ color:#FFFFFF; font-size:18px; line-height:200%; padding-top:20px; vertical-align:bottom;}
.main_box4text span{ display:block;}
.main_box4img:after{ display:block; content:""; position:absolute; left:0; top:0; width:100%; height:100%; border-radius:50%; border:1px solid rgba(255,255,255,0.5);
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
}
.main_box4list li:hover .main_box4img:after{ border:20px solid rgba(255,255,255,0.5);}
.main_box4list li:hover .main_box4img img{ 
	transform: rotateY(360deg);
	 -webkit-transform: rotateY(360deg);
	 -moz-transform: rotateY(360deg);
	 -o-transform: rotateY(360deg);
	transition:All 0.8s ease-in-out 0.4s;
	-webkit-transition:All 0.8s ease-in-out 0.4s;
	-moz-transition:All 0.8s ease-in-out 0.4s;
	-o-transition:All 0.8s ease-in-out 0.4s;}
	
	
.footer_bottom{ position:absolute; bottom:-100px; left:0; width:100%; font-size:1.4rem; line-height:22px; padding:10px 0; color:#adadad; border-top:1px solid rgba(173,173,173,0.45);
transition:All 0.8s ease-in-out 0.4s;
	-webkit-transition:All 0.8s ease-in-out 0.4s;
	-moz-transition:All 0.8s ease-in-out 0.4s;
	-o-transition:All 0.8s ease-in-out 0.4s;
}
.active .footer_bottom{ bottom:0;}

.active .main_box4list li{ 
-webkit-animation-name:main4modow;
-webkit-animation-duration:1s;
-webkit-animation-timing-function:linear;
-webkit-animation-delay:0;
-webkit-animation-iteration-count:1;
-webkit-animation-play-state:running;
animation-name:main4modow;
animation-duration:1s;
animation-timing-function:linear;
animation-delay:0;
animation-iteration-count:1;
animation-play-state:running;}

@-webkit-keyframes main4modow {
	0% {
		top:-800px;
	}
	50% {
		top:0px;
	}
	75% {
		top:-30px;
	}
	100% {
		top:0px;
	}
}
@keyframes main4modow {
	0% {
		top:-800px;
	}
	60% {
		top:0px;
	}
	75% {
		top:-30px;
	}
	100% {
		top:0px;
	}
}

.banner_wrap{ position:relative; width:100%; height:481px; background-position:center center; background-repeat:no-repeat; background-size:cover;}

.mainwrap{ position:relative;}
.seat{ position:absolute; left:0; width:100%; bottom:0; background:#fff;}
.breadcrumb_box{ line-height:30px; padding:15px 0; margin:0; font-size:16px; color:#666666; background:url(../images/breadcrumb_boxbg.png) left 20px no-repeat; padding-left:30px;}
.breadcrumb_box li{ padding:0;}
.breadcrumb_box li a{ color:#666666;}
.breadcrumb_box > li + li:before{ content:">"; color:#666666;}
.breadcrumb_box > .active{ font-weight:bold; color:#003a8f;}

.fenlei_Box{ box-shadow:0 0 4px #d9d9d9; position:relative;}
.fenlei_list{ margin-bottom:0;}
.fenlei_list li{ padding:18px 4px 18px 8px; position:relative; z-index:10000;}
.fenlei_list > li + li:before{ display:block; content:"/"; color:#cfcfcf; position:absolute; left:0; top:25px;}
.fenlei_list li a{ font-weight:bold; color:#003a8f; display:block; padding:0 15px; line-height:36px; font-weight:bold; font-size:16px;}
.fenlei_list li a.active{ background:#003a8f; color:#003a8f; border-radius:5px;}

.fenlei_list > li.active > a,.fenlei_list > li.active > a.active{ background:#003a8f; color:#FFFFFF; border-radius:5px;}
.fenlei_list > li > a.active{ border-bottom:1px solid #ccc; border-radius:0;}


.fenlei_sub{ position:absolute; top:72px; min-width:170px;  display:none; background:rgba(255,255,255,0.8); box-shadow:0 4px 4px #d9d9d9; z-index:10000;}
.fenlei_sub li{ list-style:none; padding:0;}
.fenlei_sub li a{ display:block; line-height:32px; color:#666666; font-weight:normal;}
.fenlei_sub li a:hover{ color:#333333; text-decoration:underline; background:none; font-weight:bold;}
.fenlei_list > li .fenlei_sub li a:hover{ background:none; color:#333333;}


.main_box{ background:#f7f7f7;}
.main_protop{ padding-top:20px;}
.main_protop h2{ float:left; font-size:30px; color:#ea5404;}
.main_protop h2 p{ font-size:15px; color:#999999; padding-top:10px; line-height:20px;}
.share_box{ float:right;}
.jiathis_txt{ font-size:15px !important;}
.main_probot{ padding:10px 0 50px; font-size:15px; color:#666666; line-height:28px; background:#F7F7F7; min-height:450px;}
.main_probot p{ margin:15px 0;}
.pro_video{ padding:13px; background:#FFFFFF; box-shadow:0 0 5px #dfdfdf; margin:25px 0;}
.main_propager{ padding:20px 0;}
.shangxia{ float:left;}
.shangxia p,.shangxia p a{ font-size:15px; color:#666666; line-height:30px;}
.shangxia p a:hover{ color:#003a8f; font-weight:bold;}
.pro_back{ float:right;}
.pro_back a{ font-size:18px; color:#ea5404; height:41px; line-height:41px; width:154px; display:block; border:1px solid #ea5404; border-radius:20px; text-align:center;}
.pro_back a:hover{ background:#ea5404; color:#FFFFFF;}
.main_footer{ position:static; color:#dddddd; text-align:center; border:none; background:#494949;}
.pro_img{ padding:20px 0;}
.pro_img img{ margin:0 auto;}
.pro_table{ text-align:center; border-color:#dddddd;}
.pro_table th{ background:#e7e7e7; font-weight:bold; line-height:54px; color:#333333; text-align:center; border-color:#dddddd;}
.pro_table td{ border-color:#dddddd; font-size:16px; line-height:44px; color:#666666; vertical-align:middle;}
.pro_table > tbody > tr > td, .pro_table > tbody > tr > th, .pro_table > tfoot > tr > td, .pro_table > tfoot > tr > th, .pro_table > thead > tr > td, .pro_table > thead > tr > th{ vertical-align:middle;}
.pro_table td strong{ color:#333333;}

.newsbot{ font-size:15px; color:#666666; line-height:35px; padding:2px 0 50px;min-height:450px}
.newsbot p strong{ font-size:16px; color:#333333;}
.cor_org{ color:#ea5404;}
.newsbot p.cor_org{ font-weight:bold;}

.news_list{ padding-top:10px;}
.news_list li{ margin-bottom:60px;}

.job_top{ padding:25px 0; font-size:22px; color:#666666;}
.job_top h3{ font-size:32px; color:#333333; padding-bottom:5px;}

.job_centerbg{ background:url(../images/job_centerbg.jpg) center center no-repeat; background-size:cover;}
.job_center{ padding:50px 10%; text-align:center; font-size:15px; color:#FFFFFF; line-height:200%;}
.job_center p{ margin:15px 0;}

.job .panel-group .panel{ border-radius:0; box-shadow:none; border-bottom:1px solid #dddddd; background:none;}
.job .panel-group .panel .panel-heading{ padding:20px 0;}
.job .panel-group .panel .panel-heading a{ display:block; background:url(../images/job_titbg.png) right top no-repeat;}
.job .panel-group .panel .panel-heading a h5{ font-size:2.4rem; color:#333333; margin:0;}
.job .panel-group .panel .panel-heading a span{ display:block; font-size:1.6rem; color:#333333; line-height:24px; padding:8px 0;}
.job .panel-group .panel .panel-heading a p{ font-size:1.4rem; color:#666666; margin-bottom:0;}
.job .panel-group .panel .panel-heading a p b{ color:#ee8c00;}
.job .panel-group .panel .panel-heading a:hover,.job .panel-group .panel .panel-heading a:focus,.job .panel-group .panel .panel-heading a:active{ text-decoration:none;}
.job .panel-group .panel-heading + .panel-collapse > .panel-body{ border-top:none; background:#f0f0f0; padding:30px; font-size:15px; color:#444444; line-height:200%;}
.job .panel-group .panel .panel-heading.active a{ background-image:url(../images/job_titbga.png);}


.job_tip{ padding:0 0 40px;}
.job_tip p{ margin-bottom:0; font-size:15px; color:#666666; line-height:200%;}
.job_tip p strong{ font-size:1.6rem; color:#333333;}
.job_tip p a{ color:#ee8c00;}

.message_box{ border:1px solid #e0e0e0; margin:55px 0;}
.message_left{ border-right:1px solid #e2e2e2; padding-bottom:2rem; padding:20px 55px; background:#f8f8f8;}
.message_left .message_tit{ color:#003a8f; line-height:80px; font-size:2.4rem; margin:0;}

.message_left .form-horizontal .control-label{ color:#333333; font-weight:normal;}
.message_left .form-horizontal .form-control{ border:1px solid #dfdfdf; border-radius:0; box-shadow:none; background:#FFFFFF;}
.message_left .form-horizontal .form-group .btn{ background:#ea5404; color:#FFFFFF; border-radius:4px; height:40px; line-height:40px; padding:0; border-color:#ea5404;}

.message_img{ background:url(../images/consult_img.png) center center no-repeat;}

.onepage_top{ padding:60px 0;}
.onepage_tit{ text-align:center; font-size:24px; color:#333333; padding:20px 0;}
.onepage_tit span{ position:relative; z-index:1;}
.onepage_tit span em{ font-family:Arial; font-size:34px; color:#003a8f; font-style:normal;}
.onepage_tit span:after,.onepage_tit span:before{ display:block; content:""; position:absolute; top:50%; margin-top:-1px; width:24px; height:1px; font-size:0; background:#dddddd;}
.onepage_tit span:before{ left:-30px;}
.onepage_tit span:after{ right:-30px;}

.onepage_text{ text-align:center; font-size:15px; color:#666666; line-height:200%; padding:0 1%;}
.company_name{ font-size:24px; color:#333333; padding:5px 0;}
.onepage_text p{ margin:15px 0;}
.onepage_text p strong{ font-size:18px;}
.onepage_text p strong.cor_org{ color:#ea5404;}

.rongyu{ position:relative; padding:30px 0 20px;}
.rongyu .item{ text-align:center; font-size:15px; color:#666666; line-height:200%;}
.rongyu .item img{ border:1px solid #e0e0e0;}
.rongyu_prev,.rongyu_next{ width:30px; height:56px; top:50%; margin-top:-28px; position:absolute; cursor:pointer; z-index:10;
transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out;}
.rongyu_prev{ left:-60px; background:url(../images/rongyu_prev.png) 0 center no-repeat;}
.rongyu_next{ right:-60px; background:url(../images/rongyu_next.png) -30px center no-repeat;}
.rongyu_prev:hover{ background-position:-30px center;}
.rongyu_next:hover{ background-position:0 center;}
.rongyu .owl-controls{ display:none;}

.contact_left{ float:left; width:67.5%; padding:5px; background:#FFFFFF; border:1px solid #dfdfdf;}

.contact_right{ float:right; width:30%; font-size:15px; color:#535353; line-height:38px;}
.contact_name{ font-size:24px; color:#003a8f; font-weight:bold; padding:15px 0;}
.contact_right a{ color:#ea5404;}
.contact_right p img{ padding-right:5px;}
.contact_wx img{ margin-bottom:10px;}
.contact_wx p{ padding-left:10px; font-size:14px; color:#535353; line-height:36px;}

.casedetail_tit{ color:#333333;}

.case_nav{ display:none;}
.casebg{ width:100%; height:100%; background-size:cover; background-position:center center; background-repeat:no-repeat; position:relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.case_close{ position:absolute; top:40px; right:40px; z-index:1000;
	 transform: rotate(0deg);
	 -webkit-transform: rotate(0deg);
	 -moz-transform: rotate(0deg);
	 -o-transform: rotate(0deg);
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
}
.case_close:hover{	
	 transform: rotate(90deg);
	 -webkit-transform: rotate(90deg);
	 -moz-transform: rotate(90deg);
	 -o-transform: rotate(90deg);
}
#ChinaMap{ margin:0 auto;}
.mapTipText{width: 280px;height: 110px;background-color: #ffffff; border:1px solid #ea5404; border-radius:5px;}
.mapTipText .mapTipImg{height: 66px; width: 66px; float: left;border: 2px solid #ffffff; border-radius: 50%;overflow: hidden;margin: -12px 5px 0 -12px;}
.mapTipText .mapTipImg img{width: 100%;height: 100%;}
.mapTipText .mapTipList{margin-left: 4px;}
.mapTipText .mapTipList h2{text-align: left;}
.mapTipText .mapTipList h2 a{font-size: 20px; color: #262626;text-decoration:none;}
.mapTipText .mapTipList h2 a:hover{ color: #0085d2;}
.mapTipText .mapTipList h2 a span{font-size: 16px;margin-left: 3px;}
.mapTipText .mapTipList ul{ width: 273px;padding-right: 10px;}
.mapTipText .mapTipList ul li{list-style: none;float: left;padding: 5px 3px 0 3px;}
.mapTipText .mapTipList ul li a{color: #262626;text-decoration:none;}
.mapTipText .mapTipList ul li a:hover{color:#ea5404;}
#mapTipContent{width:900px;margin: 0 auto;display: none;}
#stateTip{position: absolute;left: 100%;text-align: left;display: inline;}

.map_mobilebg{ position:absolute; left:0; top:0; z-index:1; width:100%; height:100%; background:rgba(0,0,0,0.4); display:none;}
.map_mobile{ padding-top:100px; position:relative; z-index:2; display:none;}
.map_select{ border-bottom:1px solid #cccccc; padding-bottom:15px;}
.map_select .form-group{ margin-bottom:0;}
.map_sel select.form-control{ background:none; color:#FFFFFF;}
.map_sel select.form-control option{ background:none;}
.map_sel1{ padding-right:5px;}
.map_sel2{ padding-left:5px;}
.map_list{ padding-top:15px;}
.map_list li a{ display:block; font-size:14px; color:#393939; color:#FFFFFF; line-height:250%; border-bottom:1px dashed #cccccc;}

.jiathis_style > div{ border:none !important;}
.jiathis_style .jiadiv_01 { border: #CCCCCC solid 1px !important;}

/*2016-6-30*/
.caseTextbg{ background:#FFFFFF; border-radius:10px; padding:15px; position:fixed; right:10px; bottom:10%; width:20%; min-width:160px;}
.caseTextline{ width:152px; height:26px; position:absolute; left:50%; margin-left:-76px; top:-26px; background:url(../images/casetextbg.png) center top no-repeat;}
.caseText{ padding:15px; font-size:14px; color:#666666; line-height:24px; border:1px dotted #d2d2d2;}
.caseText p strong{ color:#333333;}

.online{ position:fixed; right:10px; top:40%; z-index:10;}
.onlinelist li{ width:45px; height:45px; line-height:45px; border-radius:5px; margin-bottom:1px; background:#3e6bab; text-align:center; position:relative;}
.onlinelist li a{ display:block; color:#FFFFFF; font-size:20px;}
.onlinelist li.Top{ background:#dedede;}
.onlinelist li.Top a{ font-size:13px; color:#838383; font-weight:bold;}
.onlinelist li.Top:after{ display:block; content:""; position:absolute; top:-5px; left:50%; margin-left:-5px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 5px 5px 5px;
border-color: transparent transparent #dcdddd transparent;
}
.online_subbg{ position:absolute; right:45px; padding-right:20px; top:0; color:#666666; display:none;}
.online_subbg:after{ display:block; content:""; background:url(../images/online_subbg.png) center center no-repeat; width:9px; height:15px; position:absolute; right:12px; top:20px;}
.online_sub{ background:#FFFFFF; border:1px solid #dddddd; width:200px;}
.wxP{ line-height:22px; padding-bottom:10px;}

.solution_con{ padding-top:40px;}
.solution_con .tabs{ width:100%; margin:0 auto; width:100%; margin:0; border-bottom:2px solid #084092;}
.solution_con .tabs a{ float:left; display:block; background:#dedede; color:#333333; border-radius:5px 5px 0 0; margin-right:1px; text-align: center; font-size: 16px; text-decoration: none; font-size:16px;}
.solution_con .tabs a span{ display:block; height:38px; line-height:38px; padding:0 20px;}
.solution_con .tabs a.active{ background:#003a8f; color:#FFFFFF;}
.solution_text{ padding-top:20px;}

/*2016-7-12*/
.wx_fix{ position:fixed; top:50%; left:50%; margin-left:-99px; margin-top:-99px; background:#FFFFFF; width:198px; padding:10px; display:none; z-index:10001;}
.wx_colse{ position:absolute; top:10px; right:10px; font-size:16px; cursor:pointer;}

@media (min-width:1230px){
	.container{ width:1230px;}
	.fenlei_list li a:hover{ background:#003a8f; color:#FFFFFF; border-radius:5px;}
}
@media (max-width:1400px){
	#navlist{ margin-left:-301px;}
	.navbox #navlist > li{ padding:0 12px; margin:0;}
	.navbox #navlist > li > a{ font-size:16px;}
	
	.onepage_text{ padding:0 4%;}
	.rongyu_prev{ left:-40px;}
	.rongyu_next{ right:-40px;}
	
	
	
}
@media (max-height:900px) and (min-height:769px){
}
@media (min-width:1367px) and (max-height:769px){
}
@media (max-width:1367px) and (max-height:769px){
	.banner_wrap{ height:380px;}
	.main3_boxlist{ padding-top:40px;}
	
	.rongyu{ padding:30px 40px 20px;}
	.rongyu_prev{ left:0;}
	.rongyu_next{ right:0;}
}
@media (max-width:1200px){
	#navlist{ margin-left:-250px;}
	.logo{ padding:13px 0px 15px 15px;}
	
	.main3_con{ padding:0;}
	.main4_tit{ font-size:40px;}
	.main_box4list{ padding-top:30px;}
	
	.contact_left{ width:62%;}
	.contact_right{ width:35%;}
}
@media (max-width:1025px){
	#navlist{ margin-left:-270px;}
	.navbox{ height:91px;}
	#fp-nav.left{ display:none;}
	
	.onepage_text{ padding:0;}
	
	
}
@media (max-width:1200px) and ( min-width:992px){
	.message_img{ background-size:80%;}
	
}
@media (max-width:991px) and ( min-width:767px){
	#navlist{ margin-left:-240px;}
	.navbox #navlist > li{ padding:0 8px;}
	.navbox #navlist > li > a{ font-size:14px;}
}
@media (max-width:991px){
	.header_share{ width:50px;}
	.search_box{ width:40px;}
	
	.fenlei_Box{ padding:10px 0;}
	.fenlei_list li{ padding:5px 0; display:block;}
	.fenlei_list > li + li:before{ display:none;}
	.fenlei_list li a{ font-size:14px;}
	.fenlei_sub{ position:static; top:0;}
	/*.fenlei_list li.active .fenlei_sub{ display:block;}*/
	.main_protop h2{ float:none; font-size:24px;}
	.pro_video{ padding:5px;}
	.share_box{ display:none;}
	.shangxia,.pro_back{ float:none;}
	.pro_back{ margin-top:10px;}
	.pro_back a{ width:120px; line-height:30px; height:30px; font-size:16px;}
	
	.news_list li{ margin-bottom:40px;}
	
	.job_top{ padding:30px 0;}
	.job_center{ padding:3%;}
	
	.message_img{ display:none;}
	.message_left{ padding:15px; border-right:none;}
	
	.contact_left{ width:100%;}
	.contact_right{ width:100%;}
	
	.casebg{ min-height:100%; height:auto; display:block;}
	.case_nav{ display:block;}
	.map_pc{ display:none;}
	.map_mobilebg,.map_mobile{ display:block;}
	
	.caseTextbg,.online{ display:none;}
}
@media (max-width:767px){
	.navbox{ height:auto; top:0;}
	
	.logo{ width:30%; padding:10px;}
	.nav_wrap{ padding-bottom:10px;}
	
	#navlist{ position:static; margin:0; padding:5px 0 10px; height:auto;}
	.navbox #navlist > li{ padding:0;}
	.navbox #navlist > li:before, .navbox #navlist > li:after{ display:none;}
	.navbox #navlist > li > a, .navbox #navlist > li > a:focus, .navbox #navlist > li > a:hover, .navbox #navlist > li > a:hover{ border-bottom:1px solid #ccc; padding:10px 2px; line-height:normal; height:auto;}
	.navbox #navlist > .active > a, .navbox #navlist > .active > a:focus, .navbox #navlist > .active > a:hover, .navbox #navlist > li > a:hover{ border-bottom:1px solid #ea5404;}
	.nav_right{ margin-right:-15px;}
	.banner .swiper-container .pagination{ bottom:50px;}
	.banner_btn,.banner_dot{ visibility:hidden;}
	.banner_arrow{ visibility:visible;}
	
	.search_box{ float:none; width:98%; margin:0 auto; height:40px;}
	.header_share{ display:none;}
	.search_input{ width:100%; top:0; padding:0 35px 0 10px;}
	.search_submit{ top:0; display:block;}
	.search_icon{ display:none;}
	
	.main2_rigcon{ padding:40px 15px 0;}
	.main2_text h3{ font-size:22px; padding-bottom:20px;}
	.main2_textbot{ display:none;}
	.main2_more{ font-size:16px;}
	.main2_left{ display:none;}
	
	.main3_tit{ font-size:24px;}
	.main3_titcon{ display:none;}
	.main3_boxlist{ padding-top:15px;}
	.main3_img{ display:none;}
	.main3_caption{ padding:5px;}
	.main3_caption h4{ font-size:14px;}
	.main3_caption p{ display:none;}
	.main3_more{ display:none;}
	.main3_box .main2_morebox{ display:block;}
	
	.mainbox4{ padding-top:0;}
	.main4_tit{ font-size:24px;}
	.main4_titcon{ display:none;}
	.main_box4img{ float:left; border:none; width:40px; height:30px; padding:0 10px; display:block;}
	.main_box4img img{ border:none; padding:0;}
	.main_box4img:after{ display:none;}
	.main_box4text{ float:left; padding:0; width:80%; text-align:left; line-height:150%; font-size:16px;}
	
	.main7_img{ width:100%; height:50%; background-size:100%;}
	.main2_boxlist{ padding-top:0;}
	.main7_leftcon{ padding:40px 15px 0;}
	.main7_text_top p{ display:none;}
	.main7_text_top h3{ font-size:16px;}
	.main7_more{ font-size:14px;}
	.main7_linetop:after,.main7_linebot:after{ border-width:3px;}
	.main7_left .main7_leftcon{ background:rgba(0,129,204,0.8);}
	.main7_left .main7_text{ top:0;}
	.main7_left .main7_linetop{ width:40%; visibility:visible;}
	.main7_left .main7_linebot{ width:50%; visibility:visible;}
	
	.banner_wrap{ height:300px;}
	.breadcrumb_box{ font-size:14px; line-height:20px; padding:8px 0; padding-left:20px; background-position:left 8px;}
	
	.news_list{}
	.news_list .main3_img{ display:block;}
	.news_list .main3_img img{ width:100%;}
	.news_list p{ display:block;}
	.news_list .main3_caption{ padding-bottom:20px;}
	.news_list li{ margin-bottom:20px;}
	.news_list .main3_caption h4{ margin:0; font-size:18px;}
	
	.job_top{ font-size:16px;}
	.job_top h3{ font-size:24px;}
	.job_center{ padding:15px 0; text-align:left;}
	.job .panel-group .panel .panel-heading .panel-title > a{ background-size:5%;}
	.job .panel-group .panel .panel-heading .panel-title > a h5{ font-size:18px;}
	
	.onepage_top{ padding:30px 0;}
	.onepage_tit{ font-size:18px; padding:0 0 10px;}
	.onepage_tit span em{ font-size:22px;}
	.onepage_tit span:after,.onepage_tit span:before{ display:none;}
	
	
	.Qlogo{ background-size:50%;}
	.Qloading{ background-size:50%;}
}
@media (max-width:600px){
	.solution_con .tabs a span{ padding:0 12px;}
}
@media (max-width:460px){
	
	.logo{ width:40%;}
}
@media (max-width:760px) and ( max-height:420px){
}
@media (max-width:360px){
}	
@media all and (orientation : landscape){
	.banner{ display:block;}
	.bannerx{ display:none;}
}
@media all and (orientation : portrait){ 
	.banner{ display:none;}
	.bannerx{ display:block;}
} 

/* 44分页*/	
.pagess {clear: both;margin: 20px;overflow: hidden;margin-left: 0px;text-align: center;font-size:12px}
.pagination li { display:inline-block;border: 1px solid #ccc;margin: 0 3px;line-height: 20px;background: #fff;color:#999 }
.pagination li:hover{ background:#1f479c; color:#fff;border: 1px solid #1f479c;    transition: all 0.5s ease 0s;}
.pagination li:hover a{color:#fff;}
.pagination li.active {display: inline-block;border: 1px solid #1f479c;margin: 0 3px;background: #1f479c;color: #fff;}
.pagination li.active a {color: #fff;padding: 1px 15px;}
.pagination li a{ display:block;color:#999;    transition: all 0.5s ease 0s;padding: 1px 15px;}
.pagination li a:hover {color: #fff;}