@charset "utf-8";
body {color:#444; background:#fff; font-size:14px; font-family:Microsoft YaHei;}
body,td,th{ font-size:14px; color:#444; font-family:Microsoft YaHei;}
a{ font-size:14px; color:#444; text-decoration:none; font-family:Microsoft YaHei;}
a:hover{ text-decoration:none; font-size:14px; color:#008dd5; font-family:Microsoft YaHei;}
body,div,ul,li,h1,h2,h3,h4,h5,h6,form,ul,li,p,th{margin:0px; padding:0px; list-style:none; border:0px;}
dl,dt,dd{ margin:0px; padding:0px; list-style:none;}
ul,li{ list-style:none;}
input,textarea,slsct{ font-family:inherit; font-weight:inherit; font-size:14px;}
img{ border:0;}
.cl{ height:0px; clear:both;}
.fl{ float:left;}
.fr{ float:right;}
.clear{height:0; overflow:hidden; clear:both;}
.cp img{ border:1px solid #dedede; padding:1px; background:#fff;}
.cp img:hover{ border:1px solid #008dd5;padding:1px; background:#008dd5;}
.clearfix {zoom: 1;}/*兼容 IE*/

/*定义版面统一宽度*/
.w1300{ width:1300px; margin:0 auto; overflow:hidden;}
.page{width:1300px; margin:0 auto;}


/*距离*/
.top10{ margin-top:10px;}
.top20{ margin-top:20px;}
.top30{ margin-top:30px;}
.top40{ margin-top:40px;}
.top50{ margin-top:50px;}
.top60{ margin-top:60px;}
.top70{ margin-top:80px;}
.top80{ margin-top:80px;}
.top90{ margin-top:90px;}
.top100{ margin-top:100px;}


/*tit*/
.tit{ font-size:40px; font-weight:bold; color:#008dd5; text-align:center;}
.tit b{ color:#333; font-size:40px;}
.tit p{ margin-top:8px; text-align:center; font-size:17px; font-weight: lighter; color:#666;}
.tit a{ font-size:40px; color:#008dd5;}
.tit b a{ color:#333;}

.tit2{ font-size:40px; font-weight:bold; color:#fff; text-align:center;}
.tit2 b{ color:#fff; font-size:40px;}
.tit2 p{ margin-top:8px; text-align:center; font-size:17px; font-weight: lighter; color:#fff;}
.tit2 a,.tit2 b a{ color:#fff;}



/*动画效果*/
@keyframes nbanA{
	0%{transform: translateY(0px);}
	50%{transform: translateY(-10px);}
	100%{transform: translateY(0px);}
}
@keyframes moveBg {
	0% {
		background-position: 0% 30%;
	}
	100% {
		background-position: 100% 50%;
	}
}

.tit1{ margin-top:20px; animation: nbanA 2s infinite; text-align:center;}


/*head*/
.head_bg{width: 100%; background:#f8f8f9; line-height: 45px; margin: 0 auto; height: 45px;}
.head_1{}
.head_bg .fr a { float:left; padding-left: 45px; background: url(../img/20201110175901_757795403.png) no-repeat 2px 6px; transition: 0.3s all ease-in-out; font-size: 13px; line-height: 45px; padding-right: 20px; cursor: pointer; position: relative;border-left: #eee 1px solid;}
.head_bg .fr .wx{ background-position: -115px 6px;}
.head_bg .fr .phone{ background-position:-0px 6px; }
.head_bg .fr a:hover,.head_bg .fr strong:hover{ background-position-y:-46px; color: #fff; background-color: #008dd5}
.head_bg .fr .wx .wxewm { width: 100%; height: auto; position: absolute; top: 45px; z-index: 2; left: 0; display: none; }
.head_bg .fr .wx .wxewm img{ width: 100%; height: auto; display: block; }
.head_bg .fr .add {background-position: -232px 6px;}



/*top*/
.logo{ float:left; padding:20px 0;}
.logo1{ float:left; font-weight:bold; color:#333; padding-top:25px; width:350px;}
.logo11 b{ float:left; padding-top: 6px;}
.logo11 span{ float:left; line-height:42px; font-size:24px; }
.logo12{font-size:18px; font-weight:normal;}

.tel{  height:63px; margin-top:20px; background:url(../img/20201110193511_755942974.png) no-repeat left; padding-left:63px;}
.tel span{ font-size:15px; display:block; }
.tel b{ font-size:30px; color:#008dd5; line-height:30px; font-family: -webkit-pictograph;} 
.wxzx{float: right; padding-top: 10px;margin-right: 20px;}


/*nav*/
.nav{ height: 75px; background: #008dd5; border-bottom:5px solid #0071c7;}
.nav ul li{ float: left; display: block; width:144px; position: relative; }
.nav ul li a{ display: block; color: #fff; line-height: 80px; font-size: 16px; text-align: center; position: relative; z-index: 3333; }
.nav ul li a span { display: block; height: 22px; font-size: 13px; color: #fff; }
.nav ul li:after{ content: ''; display: block; background:url(../img/20201110172242_45721395.png); width: 100%; height: 0%; position: absolute; bottom: 0px; left: 0; filter: alpha(opacity=0); transition: 0.3s all cubic-bezier(.46,.03,.52,.96); z-index: 2222;}
.nav ul li.cur:after,.nav ul li:hover:after{ filter: alpha(opacity=100); bottom: 0; height: 100%; }
.nav ul li:nth-child(11) { background: none; }
.nav ul li.cur a span, .nav ul li:hover a span{ color:#bea217; }



/*导航下拉*/
.nav li .sedNav {width:144px;  position: absolute; background-color:rgba(0,141,213,0.7); left:0px; top:80px; z-index: 999999999; display: none;     }
.nav li .sedNav a {display: block; line-height: 50px; color: #fff; font-size: 14px;text-align: center; border-bottom: 1px solid #ededed;}
.nav li .sedNav a:hover {color: #fff; background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#fd8300), color-stop(100%,#fd8300));
    background: -webkit-linear-gradient(top, #fd8300 0%,#fd8300 100%);
    background: -webkit-linear-gradient(left, #fd8300 0%,#fd8300 100%);
    background: linear-gradient(to right, #fd8300  0%,#fd8300 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd8300', endColorstr='#fd8300',GradientType=0 );
}
:root .gradient{-webkit-filter:none;filter:none;}


/*search*/
.search{}
.keyword,.keyword a{ font-size:14px; color:#222222;}
.keyword span{ font-weight:normal;}
.keyword a:hover{ color:#008dd5; text-decoration:underline;}
.keyword{ line-height:76px; padding-left:50px; background:url(../img/20201110194902_1926476742.png) no-repeat left center;}
.search_bg{ width:268px; height:44px; border-radius:25px; margin-top:15px; background:#eff4f7;}
#soo{ float:right; margin:5px 5px 0 0;}
#infoname{ padding-left:20px; width:200px; box-sizing:content-box; height:44px; border:none; background:none;}


/*copy*/
.copyright{ background:#18252e;} 
.crconcat{ height:168px; background:url(../img/20201112190716_1928020184.jpg) no-repeat center;}
.crconcat ul{ font-size:0;}
.crconcat ul li{ display:inline-block; box-sizing:border-box; height:168px; font-size:18px; color:#fff; padding: 45px 50px; vertical-align:top;}
.crconcat ul li:last-child(1){ padding-right:0;}
.crconcat ul li+li{ border-left:1px solid #1794e5;}
.crconcat ul li span{ padding-left:45px; font-size:18px; color:#a1d8fb; display:block; line-height:30px; margin-bottom:10px;}
.crconcat ul li:nth-child(1) span{ background:url(../img/20201112190758_1726336204.png) no-repeat left center;}
.crconcat ul li:nth-child(2) span{ background:url(../img/20201112190758_1065419522.png) no-repeat left center;}
.crconcat ul li:nth-child(3) span{ background:url(../img/20201112190758_1065419522.png) no-repeat left center;}
.crconcat ul li em{ font-size:20px; font-family:Arial, Helvetica, sans-serif; font-style:normal;}
.crconcat ul li a{ display:inline-block; width:200px; line-height:55px; border:1px solid #1794e5; border-radius:30px 0 30px 0; font-size:18px; color:#fff; text-align:center; margin-top:17px;}
.crconcat ul li a i{ display:inline-block; padding-left:45px; background:url(../img/20201112191019_1602851453.png) no-repeat left center; font-style: normal;}
.crconcat ul li a:hover{ box-shadow:0 0 3px #fff;}
.links{ line-height:103px; border-bottom:1px dashed #27353f; font-size:16px; color:#fff;}
.links p.fl{ padding-left:35px; background:url(../img/20201112190853_401781654.png) no-repeat left center; font-weight:bold;}
.links p.fl span{ font-size:18px; vertical-align:bottom; padding:0 20px 0 5px;}
.end{ border-top:1px solid #0a1116; line-height:107px; text-align: center;}
.end,.end a{ font-size:15px; color:#676c6f;}
.end a:hover{ color:#fff;}
.crcon{ padding:60px 0 50px 0; border-bottom:1px solid #27353f;}
.kslj{ font-size:0;}
.kslj li{ display:inline-block; vertical-align:top; padding:0 75px; position:relative;}
.kslj li:after,.kslj li:nth-child(1):before{ content:''; display:block; position:absolute; width:3px; height:175px; right:0; top:0; background:url(../img/20201112191059_1307989506.png) no-repeat center;}
.kslj li p{ font-size:20px; color:#fff; margin-bottom:20px;}
.kslj li:nth-child(1):before{ right:auto; left:0;} 
.kslj li a{ display:block; font-size:14px; color:#676c6f; line-height:30px;}
.kslj li a:hover{ color:#fff;}
.codecon dl p{ font-size:18px; color:#fff; margin-bottom:20px; text-align:center;}
.codecon dl img{ display:block; padding:4px; border:1px solid #2f363c; width:140px; height:140px;}
.codecon dl { width:150px !important;}
.codetab{ margin:47px 0 0 47px;}
.codetab p{ border-radius:50%; cursor:pointer; background:#365063;}
.codetab p+p{ margin-top:14px;}
.codetab p.on{ background:#0688dc;}




.pages_box {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 50px;
	line-height: 28px;
}

.pages_box li {
	display: inline-block;
}

.pages_box a {
	vertical-align: top;
	display: inline-block;
	padding: 5px 15px;
	border: 1px solid #e5e5e5;
	border-radius: 3px;
	text-align: center;
	margin: 0 2px;
	background: #fff;
	font-size: 14px;
	color: #222;
}

.pages_box .active a {
	border-color: #ee7b1d;
	background: #ee7b1d;
	color: #fff;
}

.pages_box .active a:hover {
	color: #fff;
}

.pages_box a:hover {
	color: #ee7b1d;
}


.bodycon {
	width: 1300px;
	margin: 0 auto;
}

.mianbxContent {
	margin-bottom: 20px !important;
	height: 40px !important;
	line-height: 40px !important;
	font-size: 16px !important;
	text-align: left !important;
	background-color: #eee;
	width: 100% !important;
	text-indent: 2.5em;
	transition: 0.1s all;
	background: url(../img/20201113175052_36409679.png) no-repeat 7px 8px;
	border-bottom: 1px solid #eee;
	letter-spacing: 1px;
	position: relative;
	border-top: 1px solid #eee;
}

.mianbxContent:hover {
	background-position: 7px -29px;
}

.bodycon .left {
	float: left;
	width: 300px;
}
.bodycon .center {
	float: right;
	width: 1000px;
}

.bodycontent {
	width: 1000px;
	margin: 0 auto;
	text-align: center;
}