@charset "utf-8";
body,div,p,ul,li,dl,dt,dd,form,h1,h2,h3,h4,ol {font-family:"微软雅黑";padding:0;margin:0;list-style:none}
input {outline:none}
.clear {clear:both}
img {border:0}
.container {width:100%;margin:0 auto;}
.marginTop2 {margin-top:2px}
.marginTop8 {margin-top:8px}
.marginTop15 {margin-top:15px}
.marginTop70 {margin-top:70px}
.PTop12 {padding-top:12px;}
.PTop8 {padding-top:8px;}
.PTop4 {padding-top:4px;}
.PLeft6 {padding-left:6px}

.wrapper {width:1200px;margin:0 auto}

.viewport {max-width:640px;min-width: 320px;margin:0 auto;}
@font-face {
  font-family: 'iconfont';  /* project id 2207441 */
  src: url('//at.alicdn.com/t/font_2207441_479kdkgttxt.eot');
  src: url('//at.alicdn.com/t/font_2207441_479kdkgttxt.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_2207441_479kdkgttxt.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_2207441_479kdkgttxt.woff') format('woff'),
  url('//at.alicdn.com/t/font_2207441_479kdkgttxt.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_2207441_479kdkgttxt.svg#iconfont') format('svg');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
img {border:0}
header {background: #013069;width:100%;position: relative;color:#fff;font-size:0.8rem;display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    text-align: center;
    padding:0.3rem 0;
}
header .header-desc {width:500px;height:55px;float:left;padding:25px 30px 10px 30px;font-size:32px;font-weight:bold;}
header .header-desc img {width: 100%;height:100%;}
header .icon-back {color: #fff;position: absolute;left:.1rem;top:0;font-size: 1.1rem}
header #mainmenu {position: absolute;right:0;top:1rem;color:#fff;font-size:53rem}
.menu {position: fixed;width: 100%;height: 100%;left: 0;right: 0;top: 0;margin:0 auto;background-size: 100% 100%;z-index:9999;opacity: 0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);}
.menu .menuleft {width:30%;float: left;background: rgba(0,0,0,0.2);height: 100%}
.menu .menuright {width:70%;height:100%;float: right;background: rgba(0,0,0,0.9);}
.menu .close-menu {display: block;padding:2% 0 4% 0;color:#fff;font-size:2rem;margin-right:5%;text-align: right;}
.menu .menuright li {padding:1% 9%;border-top:2px solid #282828;position: relative;}
.menu .menuright li a {display: block;font-size:1.8rem;color:#ddd;padding:2.5% 0;}
.menu .menuright li a i {float: right;font:400 1.5rem/1.5rem consolas;top:0;bottom: 0;margin:auto 0;right: 8%;vertical-align: middle;line-height: 2rem}
.showmenu {opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);}
.menu i {position: absolute;right:1rem;top:1rem;z-index: 9;-webkit-transform:rotate(315deg);width:.5rem;height:.5rem;border-right:2px solid #fff;border-bottom: 2px solid #fff}
.header-desc{

}
#common-module-header {justify-content: space-between;}
#common-module-header a.tline{
    width:15%;
    display: block;
    text-align: center;
    position: relative;
    color:#fff;
    font-size:3rem;
    float: right;
    padding-top: 10px;
}
#common-module-header a.back{
    font-size:1rem;
}
.relative {position: relative;}
.container {width:100%;margin:0 auto;}
.marginTop2 {margin-top:2px}
.marginTop8 {margin-top:8px}
.marginTop15 {margin-top:15px}
.marginTop70 {margin-top:70px}
.PTop12 {padding-top:12px;}
.PTop8 {padding-top:8px;}
.PTop4 {padding-top:4px;}
.PLeft6 {padding-left:6px}
.wrapper {width:1200px;margin:0 auto}
.relative {position: relative;}
a {text-decoration: none;}
h1,h2,h3,h4,h5 {padding:0;margin:0}
#header {width:100%;z-index:99}
#header .topline {height:34px;background:#efefef;width:100%;font-size:14px;color:#666;}
#header .topline .welcome {position:absolute;top:8px;left:8px;width:350px;}
#header .topline .tel {width:200px;position:absolute;right:130px;top:8px;}
#header .topline .tel em {font-size:18px;margin-right:8px}
#header .topline .login {position:absolute;width:180px;right:0;top:8px;}
#header .topline .login a {display:block;width:70px;border:1px solid #ccc;border-radius:12px;color:#666;text-align:center;float:left;margin-right:8px}
#header {position: relative;}
#header .logobox {height:99px;display: flex;justify-content: space-between;}
#header .logo {width:880px;height:80px;padding-top:15px;display:flex;}
#header .logo img {}
#header .logobox .slogan {margin:10px 0 0 20px;border-left: 1px solid #eee;padding-left:30px;height:60px}
#header .logobox .slogantxt {font-size:20px;font-weight:bold;color:#005b85;font-family: "微软雅黑";}
#header .logobox .sloganproduct {font-size:12px;padding-top:5px;color:#111}
#header .logobox .tel {display: flex;padding-top:30px}
#header .logobox .telicon {width: 40px;height: 40px;margin-right:10px;}
#header .logobox .telicon img {width:90%;height:90%;}
#header .logobox .teltxt {color: #005b85;font-size:14px}
#header .logobox .teltxt span {font-size: 18px;font-weight:500;color: #000}
#header .menubox {height:40px;background:#005b85;}
#menu{height:40px;line-height:40px;}
#menu li {float:left;width:144px;text-align:center;line-height:40px;position:relative;}
#menu li a {display:block;width:100%;height:40px;color:#fff;cursor:pointer;}
#menu li .selected {background:#c4e8f9;color:#004393;}
#menu ul {height:39px;}
#menu ul .submenu {position: absolute;z-index: 999;display: none;width:144px;font-size:12px;}
#menu ul .submenu .menulist {background:#5280b7;}
#menu ul .submenu .sborder {background:#5280b7;height:10px;border-bottom-left-radius:8px;border-bottom-right-radius: 8px;}
#menu ul .submenu a {color:#fff;display: block;font-size: 14px;line-height: 28px;padding:0;height: 28px;text-align:center;}
#menu ul .submenu a:hover {background:#2a74cc}
#tbanner,#nbanner{ width:100%;overflow:hidden;}
#tbanner .banner_focus,#nbanner .banner_focus {position: relative;width:1000px;margin:0 auto;height:200px;}
#tbanner .banner_focus {height:480px}
#tbanner .slideBox,#nbanner .slideBox{ width:1920px;position:absolute;top:0;z-index:1;margin-left:-460px}
#tbanner .slideBox .bd{ position:relative; z-index:0; overflow:hidden;}
#tbanner .slideBox .bd li{ zoom:1; vertical-align:middle;}
#tbanner .slideBox .bd img{display:block; margin:0 auto;}
#tbanner .slideBox .bhbg {width:100%;height:25px;position: absolute;z-index: 99;bottom: 80px;}
#tbanner .slideBox .hd{line-height:18px;margin:0 auto;text-align: center;width:100%;position: absolute;z-index: 99;bottom:20px;}
#tbanner .slideBox .hd li{display:inline-block;
	width:50px;
	height:10px;
	border-radius:10px;
	background:#fff;
	margin:0 2px;
	cursor:pointer}
#tbanner	.slideBox .hd li.on{box-shadow:inset 0 1px 3px -1px #004393,0 1px 2px rgba(0,0,0,.5);
	background-color:#004393;
	background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#004393),color-stop(100%,#004393));
	background-image:-webkit-linear-gradient(top,#004393,#004393);
	background-image:-moz-linear-gradient(top,#004393,#004393);
	background-image:-ms-linear-gradient(top,#004393,#004393);
	background-image:-o-linear-gradient(top,#004393,#004393);
	background-image:linear-gradient(top,#004393,#004393)}
#nbanner {text-align:center;}
.footerbox {background:#2d2d2d;font-size:12px;color:#aaa;height:280px}
.footerbox .ftline {height:8px;background:#005b85;width:100%}
.footerbox .ftline-cs {background:#ef5712;position:absolute;right:0;top:0;width:40%;height:8px}
.footerbox .wrapper {padding-top:30px;height:238px;background-image: url('/images/flogo.png');background-repeat: no-repeat;background-position: right bottom;}
.footerbox .fcontact {width:460px;float:left;}
.footerbox h3 {font-size:18px;font-weight:700}
.footerbox h4 {font-size:14px;font-weight:500}
.footerbox h3,.footerbox h4 {color:#fff;}
.footerbox em {margin-right:9px;font-size:18px;}
.footerbox ul {margin-top:20px;}
.footerbox .fcontact li {padding:5px 0;}
.footerbox .fline,.footerbox .fline2 {position:absolute;left:460px;top:70px;border-right:1px solid #555;height:150px;width:10px}
.footerbox .fline2 {left:920px}
.footerbox .ffdbk {float:left;width:400px;margin-left:70px}
.footerbox .ffdbk ul {margin-top:5px} 
.footerbox input,.footerbox textarea {border:1px solid #555;background:#2d2d2d;color:#fff;width:280px;padding-left:8px;}
.footerbox input {height:20px;line-height:20px;}
.footerbox textarea {height:50px}
.footerbox .ffdbk li {padding:5px 0;}
.footerbox .ffdbk button {text-align:center;color:#fff;background:#ef5712;border:0;border-radius:12px;padding:4px 20px;}
.footerbox .fweixin {float:left;margin-left:30px;width:380px;padding-top:40px;line-height:180%;}
.footerbox .fweixin .fmenu {}
.footerbox .fweixin a {padding:0 6px;font-size:14px;}
.footerbox .fweixin .ftel {background:#fff;border-radius:20px;padding:5px 10px;margin-top: 20px;font-size: 12px;width:240px}
.footerbox .fweixin .ftel span {font-size:16px;font-weight:500;color:#005b85;}
.footer {width:100%;background:#000;height:30px;line-height:30px}
.footer a,.footerbox a {color:#fff}
.footer .copyright {float:left;width:55%;color:#fff;font-size:12px;overflow:hidden;}
.footer .beian {font-size:12px;color:#fff;float:right;}
#common-module-header {display: none;}
@media (min-width: 1700px) {
  .wrapper {width: 1670px;}
  .footer .fright input {width:280px;}
	.footer .fright textarea {width:280px;}
}
@media (max-width: 1699px) {
	.wrapper {width: 1370px;}
	
}
@media (max-width: 1399px) {
	.wrapper {width: 1170px;}
	.footerbox .fweixin {display:none;}
}
@media (max-width: 1199px) {
	.wrapper {width: 970px;}
	.footerbox .fweixin {display:none;}
	.footerbox .wrapper {background-image: none;}
	#header #menu li {
		width:110px;
	}
	#header .logobox .slogan {display: none;}
	.indexintro,.indexproducts {width:100%;margin: 0 auto}
	.footer .footmenu {font-size: 12px}
	.footer .footcontact {padding-left:20px}
	.footer .fright {padding-left:50px}
	.footer .fright input {width:180px;}
	.footer .fright textarea {width:180px;}
	.footer .flogo {width:300px;height:60px;}
	#header .logo {width:200px;height:40px;}
}
@media (max-width: 991px) {
	#common-module-header {display: block;}
	#header {display: none;}
	.footerbox .fweixin {display:none;}
	.wrapper {width: 100%;}
	#header .menulist {
		position: absolute;
		float: none;
		background: #04013a;
		width:100%;
		padding-left: 220px;
	}
	.indexintro,.indexproducts {width:100%;margin: 0 auto}
	.footer,#header,#tbanner .banner_focus, #nbanner .banner_focus,#tbanner,#nbanner {width:100%}
	.banner-container {width: 100%;}
	.footer .footmenu {font-size: 12px}
	.footer .footcontact {padding-left:20px}
	.footer .fright {padding-left:50px}
	.footer .fright input {width:165px;}
	.footer .fright textarea {width:165px;}
	.footer .flogo {width:300px;height:60px;}
	#header .logo {width:200px;height:40px;}
	.footer .fleft {width:52%}
}
@media (max-width: 767px) {
	#common-module-header {display: block;}
	#header {display: none;}
	.wrapper {width: 100%;}

	#header .menulist {
		position: absolute;
		float: none;
		background: #04013a;
		width:100%;
		padding-left: 220px;
	}
	.indexintro,.indexproducts {width:100%;margin: 0 auto}
	.footer,#header,#tbanner .banner_focus, #nbanner .banner_focus,#tbanner,#nbanner {width:100%}
	#header .menulist {width:750px}
	.banner-container {width: 100%;}
	.footer .footmenu {font-size: 12px}
	.footer .footcontact {padding-left:20px}
	.footer .fright {padding-left:50px}
	.footer .fright input {width:280px;}
	.footer .fright textarea {width:280px;}
	.footer .flogo {width:300px;height:60px;}
	#header .logo {width:200px;height:40px;}
	.footer .fleft {display:none;}
	.footer .fright {width:82%}
}