@charset "utf-8";
/* CSS Document */
* {
	font-family: "微软雅黑"
}
body, h1, h2, h3, h4, h5, ul, li, dl, dt, dd, input {
	margin: 0;
	padding: 0;
}
img {
	border: none;
}
a, ul, li, h1, h2, dl, dt, dd {
	list-style: none;
	text-decoration: none; color:#000
}
/*.top-box{ background:#183883;}
.top{ height:40px; overflow:hidden; width:1100px; margin:0 auto}
.top-l{ float:left; width:250px; line-height:40px; font-size:12px; color:white;}
.top-r{ float:right; width:410px;}
.top-p{ float:left; width:160px; padding-left:30px;font-size:12px; color:white; background:url(../images/top-p.png) no-repeat left center; line-height:40px;}
.top-e{ float:left; width:160px; padding-left:30px;font-size:12px; color:white; background:url(../images/top-e.png) no-repeat left center; line-height:40px;}
.top-ri{ float:right; width:100px;font-size:12px; color:white; line-height:40px;}
.top-ri a{font-size:12px; color:white;line-height:40px; margin:0 4px}*/

.top-box {
	
}
.top {
	height: 40px;
	overflow: hidden;
	width: 1200px;
	margin: 0 auto
}
.top-l {
	float: left;
	width: 250px;
	line-height: 40px;
	font-size: 12px;
	color: white;
}
.top-r {
	float: right;
	width: 300px;
}
.top-r a {
	float: left;
	padding-left: 40px;
	font-size: 12px;
	color: white;
	line-height: 40px;
	height: 40px;
	margin-right: 20px;
}
.china {
	background: url(../images/china.png) no-repeat left center;
}
.engli {
	background: url(../images/english.png) no-repeat left center;
}
.top-e {
	background: url(../images/email.png) no-repeat left center;
}
.nav {
	
	width: 1200px;
	margin: 0 auto
}
.nav dl {
	height: 86px;
	overflow: hidden
}
.nav dl dt {
	float: left;
	width: 380px;
	height: 86px;
}
.nav dl dd {
	float: left;
	width: auto;
	padding-left: 10px;
	padding-right: 10px;
}
.nav dl dd a {
	font-size: 15px;
	color: #3e3e3e;
	line-height: 86px;
	height: 78px
}
.nav-c {
	border-bottom: 2px solid #183883;
}
.nav dl dd a:hover {
	border-bottom: 2px solid #183883;
}
.nav-banner {
	position: relative;
	margin: 0 auto;
	height: 566px;
	
	width: 100%;
}
.banner {
	width: 100%
	height: 566px;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -960px;
}
.banner ul {
		width: 100%
	height: 566px;
}
.banner ul li {
		width: 100%
	height: 566px;
}
.banner ul li img {
		width: 100%
	height: 566px;
}
.small {
	position: absolute;
	left: 50%;
	bottom: 12%;
	cursor: pointer;
	margin-left: 0px
}
.small a {
	width: 46px;
	height: 4px;
	background: white;
	float: left;
	margin: 0 8px;
}
.small .small_s {
	background: #183883;
	width: 40px;
	height: 4px
}
.you {
	height: 480px;
	
	width: 1200px;
	margin: 0 auto
}
.you h1 {
	width: 1200px;
	height: 44px;
}
.you h1 img {
	margin-left: 380px;
}
.you dl {
	float: left;
	width: 380px;
	margin: 0 7px;
	height: 300px;
	padding-top: 30px
}
.you dl dt {
	height: 257px;
}
.you dl dd {
	background: #eceeef;
	height: 50px
}
.you dl dd h2 {
	font-size: 16px;
	width: 228px;
	margin: 0 auto;
	text-align: center;
	height: 50px;
	line-height: 55px;
}
.you dl dd h2 a {
	color: #2d2d2d;
}
.you dl dd p {
	font-size: 12px;
	color: #585858;
	width: 228px;
	margin: 0 auto;
	line-height: 22px;
	height: 110px;
	overflow: hidden
}
.pro-box {
	height: 440px;
	overflow: hidden;
	background: #dce6ff;
	padding-top: 40px
}
.pro {
	width: 1200px;
	margin: 0 auto
}
.pro h1 {
	width: 1200px;
	height: 44px;
	width: 1100px
}
.pro h1 img {
	margin-left: 380px;
}
.pro-z {
	overflow: hidden;
	padding-top: 16px
}
.pro-zl {
	float: left;
	width: 248px;
}
.pro-zl li {
	width: 248px;
	height: 39px;
	background: url(../images/pro-ln1.png) no-repeat top center;
	margin-bottom: 4px
}
.pro-zl li a {
	font-size: 16px;
	color: #302f2f;
	padding-left: 12px;
	height: 39px;
	line-height: 34px;
	display: block
}
.pro-zl li:hover {
	background: url(../images/pro-ln.png) no-repeat top center;
}
.pro-zl li a:hover {
	color: #fff
}
.pro-zl .pro-zlc {
	background: url(../images/pro-ln.png) no-repeat top center;
}
.pro-zl .pro-zlc a {
	color: #FFF
}
.pro-zr {
	width: 800px;
	float: right
}
.pro-zr h2 {
	height: 24px;
	width: 800px;
}
.pro-zr h2 a {
	height: 24px;
	color: #183883;
	font-size: 11px;
	text-align: right;
	display: block;
	line-height: 24px;
	font-weight: normal
}
.pro-zr ul {
	width: 800px;
	overflow: hidden;
	background: #fff;
	padding-left: 20px;
	height: 304px;
	padding-top: 6px
}
.pro-zr ul li {
	width: 170px;
	height: 130px;
	margin: 10px;
	float: left
}
.pro-zr ul li a img {
	width: 170px;
	height: 130px;
}
.abo-box {
	width: 1200px;
	margin: 0 auto;
	padding-top: 40px;
	height: 390px;
	overflow: hidden
}
.abo {
	height: 340px
}
.fr{float: right}.fl{float: left}

.chuangke-top{width: 100%;margin: 0 auto;overflow:hidden;height: 40px;line-height: 40px;border-bottom: #DDDDDD 1px solid;}

.chuangke-top h1{font-weight: normal;font-size: 14px;}

.chuangke-top li{display: inline-block;margin: 0 10px;}

.chuangke-wd{width: 1200px;margin:0 auto;overflow: hidden;} 

.head{width:1200px; margin:0 auto;overflow:hidden; height: 150px;}

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

.head dd{padding-left: 10px;float: left;margin-top:40px;border-left: 1px solid #ececec;}

.head h2{font-size: 36px;font-weight: bold;color: #464646;margin-bottom: 5px;}
 .headerLogo {
	width: 50%;
	float: left;
	display: flex;
	align-items: center;
	padding-top: 25px;
	
	
}
 

 .headerTel{float: right;padding-top: 10px;}
 .headerTel p {
	font-family: "SourceHanSansSC-Light";
	font-size: 15px;
	line-height: 30px;
	color: #686868;
	background: url(../images/hd00007_03.png) no-repeat left center;
	padding-left: 60px;
	padding-top: 20px;
}

 .headerTel p span {
	font-family: "DIN-Black";
	font-size: 29px;
	/*line-height: 64px;*/
	color: #1058a0;
	font-weight: bold;
	line-height: 15px;
}

.chuangke-tel{background: url(../images/phone.png) no-repeat 0px 11px;margin-top: 30px;padding-left: 50px;}

.chuangke-tel p{font-size: 18px;text-align-last: justify;}

.chuangke-tel b{display: block;font-size: 26px;color: #FF3D17;font-family: impact;}

.chuangke-nav{width: 100%;height: 62px;line-height: 62px;background-color: #002780;}

.chuangke-nav li>a:hover,.chuangke-nav li.cur>a{ background-color:#ff6600;height: 62px;display: block;}

.chuangke-nav li{ float:left;width: 14%;text-align: center;}

.chuangke-nav a{color: #FFFFFF;}
.abo h1 {
	height: 34px;
	width: 1200px;
}
.abo1 {
	overflow: hidden;
	width: 1200px;
	padding-top: 20px
}
.abo1 dt {
	float: left;
	width: 500px;
	height: 325px
}
.abo1 dd {
	width: 660px;
	float: right
}
.abo1 dd h2 {
	line-height: 44px;
	height: 44px;
	font-size: 18px;
	color: #2c2c2c;
	width: 660px;
}
.abo1 dd p {
	font-size: 16px;
	color: #4a4a4a;
	
	overflow: hidden;
	
	line-height: 25px
}
.abo1 dd a {
	font-size: 16px;
	color: #183883;
	margin-top: 30px;
	display: block
}
.anli-b {
	position: relative;
	width: 1200px;
	margin: 0 auto;
	position: absolute;
	padding-top: 20px
}
.anli-b .mr_frbox {
	height: 140px;
}
.anli {
	width: 1040px;
	height: 140px;
	float: left;
	overflow: hidden;
	margin-left: 6px;
}
.anli ul li {
	float: left;
	width: 200px;
	height: 140px;
	overflow: hidden;
	display: inline;
	margin: 0 4px;
}
.anli ul li img {
	width: 200px;
	height: 140px;
}
.anli-b .but-left {
	width: 23px;
	height: 30px;
	float: left;
	margin-top: 60px;
	cursor: pointer;
	display: inline;
}
.anli-b .but-right {
	width: 23px;
	height: 30px;
	float: right;
	margin-top: 60px;
	cursor: pointer;
}

.we, .hang, .bai {
	width: 350px;
	height: 390px;
	float: left
}
.we, .hang {
	margin-right: 24px
}
.we h1 {
	height: 34px;
	width: 350px;
}
.hang h1 {
	height: 34px;
	width: 350px;
}
.bai h1 {
	height: 34px;
	width: 350px;
}
.news dl {
	padding-top: 20px
}
.news dl dt {
	width: 350px;
	height: 130px;
	margin-bottom: 20px
}
.news dl dd {
	width: 350px;
	height: 34px;
	overflow: hidden
}
.news dl dd a {
	height: 34px;
	line-height: 34px;
	color: #4c4c4c;
	font-size: 16px;
	overflow: hidden;
	float: left;
	width: 256px;
}
.news dl dd span {
	float: right;
	width: 74px;
	text-align: right;
	line-height: 34px;
	color: #4c4c4c;
	font-size: 12px
}
.link-box {
	background: #ebebeb;
	height: 110px;
}
.link {
	width: 1200px;
	margin: 0 auto;
	padding-top: 20px
}
.link h1 {
	height: 18px
}
.link ul {
	width: 1040px;
	padding: 0 30px;
	padding-top: 20px;
	height: 24px
}
.link ul a {
	font-size: 16px;
	color: #363636;
	float: left;
	margin: 0 20px
}
.shen {
	width: 1200px;
}
.shen a {
	float: right;
	width: 200px;
	text-align: right;
	font-size: 12px;
	color: #183883
}
.bot-box {
	background: url(../images/di-nav.png);
	height: 150px;
}
.bot {
	width: 1200px;
	margin: 0 auto
}
.bot ul {
	width: 1200px;
	height: 50px;
}
.bot ul li {
	height: 50px;
	width: 183px;
	float: left;
	text-align: center
}
.bot ul li a {
	line-height: 46px;
	width: 183px;
	font-size: 14px;
	color: #FFF
}
.di-x {
	width: 1200px;
	padding-top: 24px;
}
.di-x p {
	line-height: 30px;
	color: #666;
	font-size: 14px;
	text-align: center;
	width: 1200px;
	margin: 0;
}
.di-x p a {
	color: #666;
	font-size: 14px
}
.pagination-wrapper {
	margin: 20px 0;
}
.pagination {
	height: 34px;
	text-align: center;
}
.pagination span {
	
	
}
.pagination .page-status{float: left;height: 32px;
	line-height: 32px;
	padding: 0 12px;
	font-size: 16px;}
.pagination span a {
	display: inline-block;
	float: left;
	display: block;
	height: 32px;
	line-height: 32px;
	padding: 0 12px;
	font-size: 16px;
	border: 1px solid #dddddd;
	color: #555555;
	text-decoration: none;
}
.pagination span a:hover {
	background: #f5f5f5;
	color: #0099ff;
}
.pagination span.thisclass {
	background: #09f;
	color: #fff;
}
.pagination li.thisclass a, .pagination li.thisclass a:hover {
	background: transparent;
	border-color: #09f;
	color: #fff;
	cursor: default;
}



.product{ width:100%; background-color: #f6f6f6;padding-bottom: 30px;}



.productHome{ width:1200px; margin:0 auto; overflow:auto; padding-top:20px;}



.productHome a:hover{ text-decoration:none; }



.productHome .title{ text-align:center; font-size:36px; margin-top:20px; font-weight:bold; }



.productHome .title2{ text-align:center; font-size:16px; margin-top:11px; color:#0088CE; }



.productHome .productNav{ margin:30px auto 0; width:232px;  float:left; border:1px solid #666; padding-bottom:13px;  }



.pro_title { background:#0088CE; height:80px; }



.pro_title h1{ font-size:22px; text-align:center; line-height:50px; color:#fff;}



.pro_title p { font-size:16px; text-align:center; color:#fff;}



.productHome .productNav ul{ width:240px;  margin:0 auto; overflow:hidden; }



.productHome .productNav h3{ text-align:center; width:225px; height:40px; line-height:40px; display:block; background:#0088CE; border:1px #ccc solid; margin:10px auto 0; border-radius: 3px;}



.productHome .productNav h3 a{ color:#fff; font-size: 18px; }





.productHome .productNav ul li a:hover{ }



.productHome .productNav  ul{  overflow:hidden; width:100%; }



.productHome .productNav ul li{ width:222px; height:38px; line-height:38px; margin: 8px 5px; text-align:center; background: #ccc; border-radius: 5px;}



.productHome .productNav ul li a{ font-size:16px;   }



.productHome .productNav ul li:hover{background:#0088CE;  }



.productHome .productNav ul li:hover a{ color: #fff; }





.productHome .productHomeContent{ width: 1200px; margin:30px auto 0; float:right;}



.productHome .productHomeContent ul{ overflow:hidden; }



.productHome .productHomeContent ul li{ width: 380px; float:left; margin-right:5px; margin-bottom:15px; border:1px solid #D0D0D0; padding:3px; }



.productHome .productHomeContent ul li a{ display:block; position:relative; z-index:2; }



.productHome .productHomeContent ul li .productPic{ width:100%; height: 260px; overflow:hidden; position:relative;background-color: #FFFFFF; }



.productHome .productHomeContent ul li .productName{ background:#0784C7; line-height:42px; text-align:center; color:#fff; font-size:16px; }



.productHome .productHomeContent ul li .productCon{ background:#F7F7F7; border:#ECECEC solid 1px; border-top:0; line-height:2; padding:15px 10px; font-size: 14px; }



.productHome .productHomeContent ul li .productCon span{ color:#0088CE; }



.productHome .productHomeContent ul li img{ max-width:360px; max-height:270px; position:relative; /* top:-25px; */ transform: scale(1); transition:all 0.5s; }



.productHome .productHomeContent ul li:hover img{ /* top:-25px; */ transform: scale(1.2); }


.new {

    margin: 0 auto;

    overflow: hidden;

    padding: 10px;

    width: 1200px;

}

.news {

    float: left;

    font-family: "微软雅黑";

    font-size: 16px;

    width: 780px;

}

.news ul li {

    background:  url("../images/dian.png") no-repeat scroll left 10px;

    border-bottom: 1px dashed #666;

    float: left;

    font-size: 14px;

    height: 45px;

    line-height: 45px;

    margin: 5px 10px 5px 0;

    padding-left: 5px;

    width: 375px;

}

.news ul li span a {

    color: #7e7e7e;

    float: right;

    font-size: 12px;

    margin-right: 10px;

}

.news ul li a {

    margin-left: 10px;

}

.news_bt {

	background:  url("../images/btabg.png") no-repeat ;

    line-height: 40px;

    margin-bottom: 10px;

    overflow: hidden;

    width: 780px;

}

.news_bt span a {

    color: #0088CE;

    float: right;

    font-size: 12px;

    margin-right: 15px;

}

.news_bt a {

    color: #0088CE;

}

.new_con {

    overflow: hidden;

}

.new_con ul {

    margin-top: 10px;

    overflow: hidden;

}



.support {

    float: right;

    font-family: "微软雅黑";

    font-size: 16px;

    margin-right: 2px;

    width: 400px;

}

.support_bt {

   background:  url("../images/btabg.png") no-repeat ;

    line-height: 40px;

    margin-bottom: 10px;

    overflow: hidden;

    width: 400px;

}

.support_bt span a {

    color: #0088CE;

    float: right;

    font-size: 12px;

    margin-right: 15px;

}

.support_bt a {

    color: #0088CE;

}

.support ul li {

    background:  url("../images/dian.png") no-repeat left 10px;

    border-bottom: 1px dashed #666;

    font-size: 14px;

    height: 30px;

    line-height: 30px;

    margin: 5px 10px 5px 0;

    padding-left: 5px;

    width: 395px;

}

.support ul li span a {

    color: #7e7e7e;

    float: right;

    font-size: 12px;

    margin-right: 10px;

}

.support ul li a {

    margin-left: 10px;

}



a.bta {

    color: #0088CE;

    float: left;

    font-family: "微软雅黑";

    font-size: 18px;

    font-weight: 800;

    text-align: center;

    width: 107px;

}


.gsjj {

    float: left;

    font-family: "微软雅黑";

    font-size: 16px;

    padding: 10px 10px 10px 0;

    width: 1200px;

}

.gsjj_bt {

	

    background:  url("../images/btabg.png") no-repeat ;

    line-height: 40px;

    margin-bottom: 10px;

    overflow: hidden;

    width: 1200px;

}

.gsjj_bt span a {

    color: #0088CE;

    float: right;

    font-size: 12px;

    margin-right: 15px;

}

.gsjj_bt a {

    color: #0088CE;

}

.gsjj p {

    color: #000;

    font-size: 14px;

    line-height: 35px;

    margin: 10px;

}

.gsjj_con{}



.gsjj_img{float: left; display: block; width: 350px; margin-right: 10px;}



.gsjj_c{  width: 1190px; }



/*header*/
#header {
	width:100%;
	
	position:relative;
	background-color:#E3F4FD
}
.top {
	width:1200px;
	height:120px;
	margin:0 auto;
	position:relative;
	 background:  url("../images/logo.jpg") no-repeat ;
}
.logo {
	position:absolute;
	top:12px;
	left:20px;
}
.dwy {
	position:absolute;
	top:35px;
	color:#0379cc;
	left:274px;
	line-height:22px;
	line-height:18px;
	font-family:"微软雅黑";
}
.tel {
	height:32px;
	font-size:12px;

	padding-left:15px;
	position:absolute;
	padding-right:10px;
	top:0px;
	right:20px;
	background-color:#FFFFFF
}
.xlwba {
	position:absolute;
	top:35px;
	right:180px;
}
.xlwba a {
	margin:0 5px;
}
.topa {
	width:100%;
	background:url(../images/nav.png) repeat-x;
	height:50px;
	
	z-index:1000;
	top:96px;
}
.left {
	float:left
}
.right {
	float:right
}
.topnav {
	width: 1100px;
	margin:0 auto;
}
.nav {
	width: 1100px;
	float:left;
}
.mainNav ul {
	position: relative;
	z-index:999;
}
.mainNav ul, div.mainNav li {
	padding:0;
	margin:0;
	list-style:none outside;
}
.mainNav ul.level1 {
	width: 1100px;
	height:50px;
}
.mainNav ul.level1 li {
	position:relative;
	float:left;
	width: 14%;
	text-align:center
}
.mainNav ul.level1 li.active {
	height:47px;
	border-bottom:none;
	;
	color:#ff7200
}
.mainNav ul.level1 li a {
	height:50px;
	line-height:50px;
	margin:0 18px;
	display:inline-block;
	font-size:16px;
	font-family:"微软雅黑";
	color:#fff;
}


.mainNav ul.level1 li:hover {
	height:50px;
	background-color:#FF6C00;
	line-height:50px;

	font-size:14px;
	font-family:"微软雅黑";
	color:#fff;
}
.mainNav ul.level2 {
	position:absolute;
	background:url(../images/level.png);
	top:50px;
	left:0px;
	display:none;
	width:100%;
	border-bottom:3px solid #ff7200;
}
.mainNav ul.level2 li {
	padding:0;
	margin:0;
	margin-right:0;
	line-height:30px;
	height:30px;
	display:block;
	float:left;
	width:100%;
	text-align:center;
	font-size:14px;
	z-index:777;
}
.mainNav ul.level2 li.active {
	border-bottom:none;
	background:url(../images/levela.png);
	line-height:30px;
	height:30px;
	color:#fff;
}
.mainNav ul.level2 li a {
	height:30px;
	line-height:30px;
	padding:0;
	margin:0;
	color:#fff;
	font-size:12px;
	font-family:"宋体";
	display:block;
	font-size:12px;
}
.mainNav ul.level2 li.active a {
	line-height:30px;
	height:30px;
	color:#fff;
	font-size:12px;
}
.border-none {
	border:none;
}
.mainNav ul.nav-pro {
	width:755px;
	left:-175px;
	background:url(../images/level.png);
	padding-top:0px;
}
.mainNav ul.nav-pro .nav-pro-list {
}
.mainNav ul.nav-pro .nav-pro-list a {
	color:#fff;
	padding:0px;
	height:30px;
	line-height:30px;
	display:block;
}
.mainNav ul.nav-pro .nav-pro-list .active a {
	color:#fff;
}
.mainNav ul.nav-pro .nav-pro-list dl {
	width:150px;
	height:205px;
	display:inline;
	float:left;
	border-right:1px dotted #4e4e4e;
	padding-bottom:5px;
}
.mainNav ul.nav-pro .nav-pro-list dl dt {
	text-align:center;
	font-weight:bold;
	font-size:14px;
	height:30px;
	line-height:30px;
	background:url(../images/navicona.png) no-repeat;
}
.mainNav ul.nav-pro .nav-pro-list dl dt a {
	font-size:12px;
	font-family:"宋体";
	font-weight:bold;
}
.mainNav ul.nav-pro .nav-pro-list dl dd a {
	font-size:12px;
	font-family:"宋体";
}
.mainNav ul.nav-pro .nav-pro-list dl dd {
	font-size:12px;
	height:30px;
	line-height:30px;
	text-align:left;
	text-indent:22px;
}
.mainNav ul.nav-pro .nav-pro-list dl dd.active {
	background:url(../images/naviconb.png) no-repeat;
	;
	color:#fff;
}



.banner { overflow:hidden; width:100%; height:639px; background:url(../images/banner.jpg) no-repeat center top; margin-top:-35px; position:relative; z-index:1}

#flashs{ position:relative; height:550px; overflow:hidden;    z-index: 1;     width: 100%;}

#flashs .bgitem{  z-index:1;position:absolute; top:0; }

#flashs .btn{ position:absolute; z-index:7; bottom:25px; left:50%; margin-left:-95px; padding:0px 6px;}

#flashs .btn span{ color:#fff;  background:#333; cursor: pointer;display: inline-block;margin:0 2px;width:25px;height:25px;font-size:14px;line-height:25px;text-align:center;}

#flashs .btn span.cur{ background:#FF9000;}

.xiaotu{ width:100%; background:url(../images/nei.jpg) center no-repeat; height:300px; }


.product .tab {
	text-align: center;
	
}
.product .tab a {
	padding: 0 16px;
	height: 40px;
	line-height: 40px;
	background: #0784C7;
	font-size: 18px;
	display: inline-block;
	margin: 0 10px;
	color: #fff;
}
.product .tab a:hover {
	background: #12b34a;
}


.xi_bt{font-weight: normal;background: url(../images/xi_tbg.png) no-repeat 50% 60px;text-align: center;height: 150px;}
.xi_bt b{display: block;font-size: 24px;color: #e1e1e1;text-transform:uppercase}
.xi_bt a{font-size: 36px;color: #1058a0; text-decoration:none;font-weight: bold;margin-top: 10px;}
.xi_bt span{display: block;font-size: 18px;color: #666; padding:5px 0 0;}