body{margin: 0px auto; padding: 0px; font-size:14px; line-height:24px; color: #333; font-family:Microsoft YaHei; overflow-x: hidden;}
div{margin: 0px; padding: 0px;}
span, p{margin: 0px; padding: 0px;}
h1,h2,h3,h4,h5,h6{margin: 0px; padding: 0px;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup,i{font-style:inherit;font-weight:inherit;}
*{box-sizing: border-box;}
html, body {min-height: 100%;}
ul,ol,li{list-style: none;}
dl,dt,dd,ol,ul,li {margin: 0px; padding: 0px; list-style: none;}
img {border: none;vertical-align: middle;}
img{transition: all 0.7s;}
img:hover{transition: all 0.7s;}
a {text-decoration: none;color: #1b2229; transition: all 0.6s;}
a:hover{transition: all 0.6s;}
b{font-weight:normal;}
table {border-collapse: collapse;table-layout: fixed;}
tr,td{padding:0 !important;}
input, textarea {outline: none;border: none;}
textarea {resize: none;overflow: auto;}
.fl {float: left}
.fr {float: right}
.tl {text-align: left;}
.tc {text-align: center}
.tr {text-align: right;}
.cl{clear:both;}
.ov{overflow:hidden;}
.db,.lb,.dd{font-size:0;}
.db>div,.lb>li,.dd>dl{display:inline-block;vertical-align:top;}
em,.em{text-transform:uppercase;font-family:arial;vertical-align:top;display:block;}
.ellipse {overflow: hidden;text-overflow: ellipsis;white-space:nowrap;}
.inline{display: inline-block;*display: inline;*zoom: 1;}
:focus {outline:none;background-color:transparent;}
::selection{background:#020fbd;color:#fff;}
.clearfix:after{ display: block; clear: both; content: ""; visibility: hidden; height: 0;}
.clearfix{ zoom:1;}

.clear {
	clear: both;
	height: 0;
	overflow: hidden;
	display: block;
}

/*版面宽度*/
.page,.content{ width:1300px; margin:0 auto; overflow: hidden;}
.content1{ width:1300px; margin:0 auto;}
.pr{position: relative;}
.pa{position: absolute;}
.content2{ width:1200px; margin:0 auto;}

#top10,#top20,#top30,#top40,#top50,#top60{ margin:0 auto; width:1300px; overflow:hidden;}
#top10{height:10px;}
#top20{height:20px;}
#top30{height:30px;}
#top40{height:40px;}
#top50{height:50px;}
#top60{height:60px;}

.title{ font-size: 42px; text-align: center; line-height: 42px; color: #333; font-weight: bold;}
.title span{color: #020fbd; font-size: 42px;}
.title_en{ font-size: 19px; text-align: center; line-height: 20px; color: #333;  padding-top: 22px; font-weight: 100;}
.titlex{ font-size: 19px; text-align: center; line-height: 20px; color: #666;  padding-top: 22px; letter-spacing: 1px; font-weight: 100;}

.titleb{ font-size: 42px; text-align: center; line-height: 42px; color: #fff; font-weight: bold;}
.titlebx{ font-size: 19px; text-align: center; line-height: 20px; color: #6699ff;  padding-top: 22px; letter-spacing: 1px; font-weight: 100;}

.morep{height: 68px; background: rgba(0,0,0,0.6); line-height: 68px; text-align:center; font-size: 18px; font-weight: 100; transition: all 0.2s; margin-top: 40px;}
.morep a{font-size: 18px; color: #ccc;}
.morep:hover{background: #000; color: #ff0000; transition: all 0.2s; letter-spacing: 1px;}
.morep:hover a{color: #fff;}

/*head*/
.head_box{height: 39px; width: 100%; background: #020fbd;}
.head{color: #9999ff; line-height: 39px; font-weight: 100;}
.head a{color: #9999ff;}
.head_l{float: left; letter-spacing: -1px; font-size: 14px;}
.head_l a{font-size: 14px;}
.head_r{float: right;}
.head_r .h{background: #000; color: #fff;}
.head_r .h a{color: #fff;}
.head_r a{float: left; text-align: center; padding:0 20px;}

/*top*/
.box1{width: 80%; min-width: 1400px; margin: 0 auto; overflow: hidden}
.box {width: 80%; min-width: 1400px; height: auto; margin: 0 auto;}

.top_bg {height: 110px; width: 80%; min-width: 1400px; margin: 0 auto;}
.top_l{position: relative; float: left; width:400px;}
.logo{margin-top:15px; width: 400px; }
.logo img{width: 100%; }

.topr{ padding-top: 17px; float: right; width: 900px;}
.nav{ height:60px; margin-top: 19px; float: right; width: 920px;}
.nav>ul>li{ float: left; display: block;position: relative; height:33px; padding:0 20px;}
.nav>ul>li>a{ display: block; color: #333; font-size: 16px; text-align: center; position: relative; z-index: 3333; line-height:33px; height:33px;}
.nav>ul>li>a p{font-size:12px; color:#999;}
.nav ul li:after{content: ''; display: block;width: 0; height: 33px; position: absolute; bottom:0px; background:#020fbd; -webkit-transition:0.3s all ease-in-out; transition:0.3s all ease-in-out;z-index: 2222; right:0.4%; border-radius: 50px; color: #fff;}
.nav .cur{display: block; height: 33px; bottom:0px; background:#020fbd; -webkit-transition:0.3s all ease-in-out; transition:0.3s all ease-in-out;z-index: 2222; right:0.4%; border-radius: 50px; color: #fff;}
.nav .cur a{color: #fff;}

.nav ul li.cur:after,.nav ul li:hover:after{width:100%;}
.NavCeshi > li.cur > a, .NavCeshi > li:hover > a {margin: 0 auto;color: #fff; background:#020fbd;}



/*copy*/
.copy { width: 100%; background: #020fbd; text-align: center; font-size: 14px; color: #fff; overflow: hidden; padding: 30px 0; line-height: 32px; letter-spacing: 0.5px;font-weight: 100;}
.copy a { font-size: 14px; color: #fff; transition: all 0.5s linear; }
.copyW { width: 1300px; margin: 0 auto; }


#pr_advbox{width:100%; margin:60px auto;  overflow:hidden;}
.prod_d_d{overflow:hidden; width:1200px; margin:0 auto; padding-top:30px;position: relative;}
.prod_d{width: 1200px; position: relative; margin-top: 40px;  margin:0 auto; padding-top: 15px; height:380px;}
.pr_dha{width:602px; overflow:hidden; float: left;}
.pr_dha li{width:300px; float:left; text-align:center; height:50px; line-height:50px; font-size:15px; position:relative; margin-left:1px; background: #1dbc7f; color: #fff;}
.pr_dha li+li{}
.pr_dha li a{font-size:16px; display:block; width:300px; line-height:50px; position:relative; z-index:1; color:#fff;}
.pr_dha li a:hover{ color:#fff;}
.pr_dha .n{border-right:none;}
.pr_dha li.cur{background:#09a468; }
.pr_dha li.cur a{ color: #fff}
.pr_dha li p a{font-size:18px; color:#333;}
.prod_d_d{overflow:hidden; width:1200px; margin:0 auto; padding-top:0px;position: relative;}

.prod_but{width:134px;height:62px;position: absolute;top: 50%;left: 416px;margin-top:-31px;overflow:hidden;}
.prod_but>div{width:62px;height:62px;background:#333;text-align: center;line-height: 62px;font-size: 38px;color: #fff;cursor: pointer}
.witness_d .divdgweb_new_div{height:505px;position: absolute;overflow: hidden;}
.prod_but>div:hover{background:#1dbc7f;}

.prod_d{width: 1200px; position: relative;    margin-top: 40px;  margin:0 auto; padding-top: 15px; height:380px;}
.prod #bd{ width:1200px; height:396px; margin:0 auto;}
.pro_libox{height:390px;overflow:hidden;position: absolute;top:0;}
.pro_list{width:1200px;float:left;}

#prod_a{display: block;width:129px;height:35px;border:1px #eee solid; position:absolute;top:395px; font-size:15px; line-height:34px; text-align:center;left:44.5%; color:#666; background:#eee;}

#bd tr > td:first-child {}
#bd td { display: block; float: left; padding: 0 !important; width: 386px; position: relative;}
#bd td+td{ margin-left: 21px;}
#bd td > a:after,.pro_cont_page td > a::after{ content: ''; position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.5) url(../img/20190524114842_838890861.png) no-repeat center; left:0; top: -100%; transition:0.3s all ease-in-out; }

#bd td > div { height: 51px; width: 100%; padding-top: 0 !important; display: block; position: relative; overflow: hidden; background:#eee;    margin-top:3px;}
#bd td > div > a{ display:block; height: 51px; line-height: 51px; color: #333; font-size: 15px; transition:0.3s all ease-in-out; position: relative; z-index: 1111}
#bd td > div:after,.pro_cont_page td > span::after{ position: absolute; content: ''; width: 100%; height: 100%; background: #1dbc7f; bottom: -100%; left: 0; transition:0.3s all ease-in-out; }
#bd td:hover > a:after,.pro_cont_page td:hover > a::after{ top: 0; }
#bd td:hover > div > a{ color: #fff; }
#bd td:hover > div:after,.pro_cont_page td:hover > span::after{ bottom: 0; }
#bd td br { display: none;}
#bd tr:after, .pro_cont_page tr::after { content: ''; display: block; clear: both; }
#bd td a{ position: relative; display: block; overflow: hidden; }
#bd td a img{ display: block; width: 100%; height: auto; transition:0.5s all ease-in-out;}
#bd td:hover a img{ transform:scale(1.1);}

.fac_box{margin:0px auto; height: 335px;}
.fb_tab{text-align:center;font-size:0;}
.fb_tab a{font-size:18px;color:#757575;display:inline-block;vertical-align:top;width:430px;line-height:1em;padding-bottom:30px;border-bottom:1px solid #eee;}
.fb_tab a.cur{border-bottom:1px solid #020fbd;color:#212121;font-weight:bold;}
.fb_con{margin-top:30px;position:relative;}
.fb_con li{width:1300px;height:253px;position:relative;overflow:hidden;display:block;margin:auto;}
.fb_con li+li{display:none;}
.fb_con li table{position:absolute;top:0;left:0;}
.fb_con li td{width:335px;display:inline-block;vertical-align:top;}
.fb_con li td br{display:none;}
.fb_con li td div a{display:block;line-height:30px; font-size: 15px; font-weight: 100;}
.fb_con>div{width:63px;height:63px;position:absolute;top:50%;margin-top:-31px;transition:600ms;}
.fbc_btnl{left:-92px;background:url(../img/20191229115212_1297986708.png) no-repeat;}
.fbc_btnr{right:-92px;background:url(../img/20191229115306_79670997.png) no-repeat;}
.fb_con>div:hover{background-position:-73px center;cursor: pointer;transition:600ms;}
.fb_con li td img{height:218px;}


.bqtop{width: 1300px; margin:0 auto; background: url(../img/20191225100657_1927614750.jpg) center no-repeat; height: 241px; padding-top:142px;}
.bqtop_l{padding-left: 293px; font-size: 37px; color: #fff; font-weight: bold; line-height: 37px; width: 740px; float: left;}
.bqtop_l span{color: #737cf4; text-transform: uppercase; font-family: Arial; font-size: 14px; display: block; font-weight: normal;}
.bqtop_r{width: 187px; float: right; height: 53px; border:2px #fff solid; font-size: 22px; color: #fff; background: url(../img/20191225101456_1468028299.png) 20px no-repeat; padding:8px 0px 8px 65px; margin-right: 49px; line-height: 33px;}
.bqtop_r a{font-size: 22px; color: #fff;}


/*bq*/
.links{width:100%; overflow:hidden; padding:25px 0; background:#fff; border-top: 1px #efefef solid;}
.linksW{width:1200px; margin:0 auto;}
.links_l{float:left; width:117px; border-right:solid 1px #ccc;}
.links_lm{font-size:16px; line-height:18px; color:#333;}
.links_len{font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:bold; line-height:30px; font-size:30px; color:#ccc; filter:Alpha(opacity=40); opacity:0.4;}
.links_r{float:right; width:1065px; padding-top:5px; color:#999;}
.links_r a{font-size:14px; color:#999;}

.bq{width: 100%; background: url(../img/20191225102610_598995075.jpg); }

.f_cont{padding: 49px 0 0 85px;height: 139px;background: #e6e6e6;overflow: hidden;}
.f_cont li{border-right: solid 1px #dbdbdb;background:url(../img/20191225111555_1288641165.png) no-repeat 0 0;padding: 0 80px 0 80px;float: left;line-height: 28px;margin: 0 100px 0 0;}
.f_cont li.f_cont2{background:url(../img/20191225111555_236152574.png) no-repeat 0 0;padding: 0 80px 0 80px; margin: 0 100px 0 0;}
.f_cont li.f_cont3{background:url(../img/20191225111555_1030998607.png) no-repeat 0 0;padding: 0 80px 0 80px; margin: 0;border-right: 0;}
.f_cont li p{font-size: 18px;}
.f_cont li span{display: block;font-size: 18px;color: #020fbd;}

.bqdh{width: 1300px; margin:0 auto; overflow: hidden; padding:50px 0px; height: 300px;}
.bqdh li{ margin: 0px 42px; float: left;}
.bqdh li span{font-size: 17px; color: #000; line-height: 36px; display: block;}
.bqdh li p{font-size: 15px; color: #666; border-right:1px #e1e1e1 solid; line-height: 32px; display: block; padding-right:77px; padding-top:20px; padding-bottom: 20px; height: 168px;}
.bqdh li p a{color: #666; font-size: 15px;}
.bqdh li p a:hover{color: #020fbd;text-decoration: underline;}

.bqdh_ewm a{ width:133px; height: 133px; margin-left: 15px; float: left;}
.bqdh_ewm img{ width:133px; height: 133px; }
.bqdh_ewm em{ width:133px; height: 133px; display: block; line-height: 40px; line-height: 40px; text-align: center; color: #999; font-style: normal;}

#link{width:1300px; margin:0 auto; overflow:hidden; line-height: 60px; border-top:1px #e1e1e1 solid;}
#link_bt{width:140px; float:left; font-size:16px; color:#333; text-align:center; font-weight: bold; line-height: 60px;}
#link_bt .en{padding-left:5px; font-size:18px; color:#999; font-family:Arial, Helvetica, sans-serif; text-transform: uppercase;}
#link_bg{width:1030px; padding:0px 15px 0px 15px; line-height:60px; float:left; overflow:hidden; font-size:15px; font-weight:100;}
#link_bg a{font-size:15px;}
#link_bg a:hover{text-decoration: underline;color: #020fbd;}



.bodycon{
	width: 1300px;
	margin: 30px auto;
}
.bodycon .left{
	float: left;
}

.bodycon .center{
	float: right;
	width: 940px;
}
.bodycon .mianbxContent {
	margin-bottom: 20px;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	text-align: left;
	width: 100%;
	text-indent: 1.5em;
	transition: 0.1s all;
	border-bottom: 1px solid #eee;
	letter-spacing: 1px;
	position: relative;
	border-top: 1px solid #eee;
	color: #999;
}


.pages_box{
	text-align: center;
}
.pages_box li{
	display: inline-block;
	margin: 0 3px;
}
.pages_box li a{
	padding: 5px 10px;
	border: 1px solid #eee;
}
.pages_box .active a,.pages_box li a:hover{
	background-color: #020fbd;
	color: #fff;
}