@charset "utf-8";
/* CSS Document */

.tip{box-shadow: 2px 2px 4px rgba(0, 0, 0, 1); background: #ececec; line-height: 35px; border-bottom: 1px #e2e2e2 solid}
.tbg{background: url(../images/topbg.png); height: 125px; }
.logo{}
.logo img{margin-top: 25px;}
.ewm{ margin:10px; }
.titel{line-height: 2em;}
.titel span{font-size: 32px; font-weight: bold; display: block; color: #253783}
.tgg{ font-size: 16px; padding-top:40px; float: left; margin-left: 20px; line-height: 1.8em;}
.tgg span{ font-size: 24px; display: block; color: #0b41ba; font-weight: bold}

header{ position: relative; z-index: 9999;border-bottom:2px solid #119f0f ; background: #253783; height: 50px; box-sizing: border-box;}
.wrap{width: 1200px;margin: 0 auto;}
#nav {display: flex;display: flex;flex-direction: row;justify-content: center;align-items: center;flex-wrap: wrap;}
ul.nav {display: inline-flex;flex: 1;padding-left:50px;}
li.nav-item {flex: 1;}
li.nav-item>a{display: block;text-align: center;line-height: 50px;font-size: 16px;position: relative; color: #fff}
li.nav-item>a::before{ display: none; content: ''; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); border-width: 0 10px 10px; border-style: solid; border-color: transparent transparent #119f0f; position: absolute;}
li.nav-item:hover>a ,li.nav-item.active>a{color: #bfcafa;}
li.nav-item:hover>a::before,li.nav-item.active>a::before{display: block;}
/* 二级菜单 */
.subMenu{display: none;position: absolute;left: 0;width: 100%; height: 100px;background-color: #119f0f; z-index: 999999}
.subMenu>ul{display: flex;flex-wrap: wrap;flex-direction: row;justify-content: center;align-items: center;}
.subMenu>ul>li>a{display:block;padding:0 18px;text-align: center;line-height: 50px;color: #fff;}
.subMenu>ul>li>a:hover{color:#d0e7ae}
/*menu end*/
/*banner*/

.flexslider{position:relative;height:726px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:726px;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}


/*banner end*/


.sok{border-bottom: 1px #e2e2e2 solid}
.soson{height: 80px; line-height: 80px;  font-size: 16px;}
.soson span{ font-weight: bold; background:url("../images/hot.png") no-repeat left; display: block; height: 80px; padding-left: 40px; float: left }
.soson a{font-size: 16px;}
.sosoin{background: #ebebeb; width: 320px;height: 40px; float: left; margin-top: 20px; padding: 0px 15px;font-size: 16px;}
.sosobu{background:#253783 url("../images/so.png") no-repeat center center; width: 40px; height: 40px; margin-top: 20px; }


.bt{font-size: 38px;  color: #000000; line-height: 1em;font-weight: bold;}
.bt span{color: #004ea2; line-height: 1.5em}
.bt dd{display: block; font-size: 20px; color: #666666; font-weight: 500;}
.bt i{width: 50px; height: 5px; background: #ff853a; border-radius: 100px; margin-top: 8px; border-radius: 100px;}




.inpra{padding-top: 10px; background: url("../images/inprab.png") repeat-x bottom; overflow: hidden; }
.inpra a,.inpra a:visited,.inpra a:active{ margin-top: 15px; height: 60px; display: block; color: #666666; line-height: 60px; float:left; font-size: 16px; background: center bottom; margin: 0px 15px; text-align: center}
.inpra a:hover{background:url(../images/inprabg.png) no-repeat bottom center; }
.inpra a:last-child{ color: #ff853a; float: right}



.inprs{margin-top: 50px;}
.inprs dd{margin-top: 20px;}
.inprs dd a{padding-right: 15px;white-space:nowrap; line-height: 1.5em}
.inso{background: #fff; margin-top: 30px; width: 100%; line-height: 50px; height: 50px;}
.soso{width: 250px; margin-left: 15px; height: 50px; line-height: 50px; float: left}
.sob{background:url(../images/sob.png) no-repeat center; width: 50px; height: 50px; float: right; margin-right: 10px;}

.scrollbox {
	position:relative;
	height:800px;
	overflow:hidden;
}
.scrollbox ul {
	position:absolute;
	left:0px;
	top:0px;
}
.scrollbox li {
	float:left;
	height:400px;
	overflow:hidden;
	padding:5px 0px;
}
.scrollbox li a {
	float:left;
	display:inline-block;
	width:24%;
	height:385px;
	border: 1px #e7e7e7 solid;
	overflow:hidden;
	margin-left:1%;
}
.scrollbox li a img {
	display:block;
	width:100%;
	height:100%;
	background:#eee;
}
.scrollbox li a span{
	display: block;
	line-height: 50px;
	padding: 8px 30px;
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	height: 50px;
white-space:nowrap;overflow:hidden;text-overflow:ellipsis; 

}
.scrollbox li a dd{
	width: 100%;
	height: 320px;
	overflow: hidden;
	display: block;
}
.bt1{font-size: 28px; font-weight: bold; color: #253783; text-align: center; margin-bottom: 50px;}
/* leftlist */
#leftlist {
	width:999em;
}
/* fontlist */
#fontlist li {
	height:22px;
	line-height:22px;
}
#fontlist li a {
	width:auto;
}

/*product end*/
/*about*/

.bt2{font-size: 36px;  color: #fff; line-height: 1.5em;font-weight: bold; text-align: center}
.bt2 span{color: #004ea2; line-height: 1.5em}
.bt2 dd{display: block; font-size: 20px; color: #fff; font-weight: 500;}
.bt2 i{width: 50px; height: 5px; background: #fff; border-radius: 100px; margin-top: 8px; border-radius: 100px;}


.inab{background: url(../images/ybg.jpg) no-repeat top; }

.inabzi h1{font-size: 30px;}
.inabzi h3{font-weight: normal; font-size: 12px; text-transform: uppercase; color: #8d8490}
.inabzin{text-align: center; font-size: 16px; color: #fff; margin-top: 40px;  height: 120px; overflow: hidden; line-height: 2em;}
.fg{box-shadow: 0 0 8px #6b6b6b;  -moz-box-shadow: 0 0 8px #6b6b6b; -ms-box-shadow: 0 0 8px #6b6b6b; -o-box-shadow: 0 0 8px #6b6b6b;}

.abina a,.abina a:visited,.abina a:active{font-size: 16px; display: block; width: 200px; border-radius: 100px; height: 50px; line-height: 50px; background:#fff; color: #2c479c;text-align: center; margin: 0 auto;}

.inabvi{height: 200px; margin: 30px 20px;}
.inabvi img{width: 100%; height: 100%}
/*about end*/
/*case*/

.bt3{font-size: 36px;line-height: 1em; background: url("../images/bt2.png") bottom center no-repeat; height: 2.4em; margin-bottom: 40px; color: #fff}
.bt3 span{font-size: 14px; }
.bg2{background: url("../images/bg2.jpg") no-repeat; background-size: cover}
.in_js ul{width: 32.3333%; margin-right: 1%;  float: left; background: #fff; padding-bottom: 20px; border-left: 1px #d1d1d1 solid; padding-left: 20px; padding-right: 20px; }
.in_jstext{height:4em;overflow: hidden; line-height: 2em; margin-top: 1em; }
.in_js ul a li:first-child{text-shadow: 0 0 1px #888888, 0 0 1px #888888, 0 0 1px #888888, 0 0 1px #888888;}
.in_js ul a li:last-child{ background: url("../images/jt.png") no-repeat right; line-height: 50px; color: #afafaf }
a.more:link,a.more:visited,a.more:active{width: 160px; color: #fff; line-height: 45px; text-align: center; margin: 0 auto; background: #5f078f; display: block}

/*case end*/
/*down*/
.down{background:#303030; background-size:cover; color: #fff; }
.dlogo{padding-right: 30px; width:40%}
.down a{color: #fff}
.downew{display: block; color: #6f6f6f; line-height: 1.5em; text-align: left; width: 100%; height: 6em; line-height: 2em; overflow: hidden; margin-top: 20px; padding-right: 35px;}

.downri{width: 200px; margin-top: 50px; text-align: center; line-height: 3em;}
.downri span{display: block}
.downria{line-height: 50px; border-left: 1px #434343 solid; overflow: hidden; width: 310px; padding-left: 50px;  padding-bottom: 20px; border-right: 1px #434343 solid; float: left;  }
.down h3{font-size: 24px;  font-weight: 500}
.downria em{ background: #f23c49; height: 2px; display: block; width: 60px; margin: 15px 0px 40px 0px;}

.downria a,.downria a:visited,.downria a:active{line-height: 26px; font-size: 16px; display: block; padding-right: 1em; float: left; color:#a09f9f; font-size: 14px;}
.downria dd{line-height: 2.5em; padding-right: 30px}


.downria1{line-height: 30px; overflow: hidden; width: 350px; padding-left: 50px;  padding-bottom: 20px;  float: left;  }
.downria1 em{ background: #f23c49; height: 2px; display: block; width: 60px; margin: 15px 0px 40px 0px;}
.downria1 p:nth-child(1) i{background: url("../images/p1.png") no-repeat; width: 23px; height: 23px; display: block;float: left; margin-right: 5px; margin-top: 5px}
.downria1 p:nth-child(2) i{background: url("../images/p2.png") no-repeat; width: 23px; height: 23px; display: block;float: left; margin-right: 5px; margin-top: 5px}
.downria1 p:nth-child(3) i{background: url("../images/p3.png") no-repeat; width: 23px; height: 23px; display: block;float: left; margin-right: 5px; margin-top: 5px}
.downria1 p:nth-child(4) i{background: url("../images/p4.png") no-repeat; width: 23px; height: 23px; display: block;float: left; margin-right: 5px}
.downria1 p:nth-child(5) i{background: url("../images/p5.png") no-repeat; width: 23px; height: 23px; display: block;float: left; margin-right: 5px}

.downrizi{margin-top: 10px; line-height: 25px; height: 75px;}
.down3{width: 360px; padding:0PX 25px; float: left; line-height: 2em;border-right: 1px #434343 solid;}
.downx{background: #1f1f1f; padding: 30px 0px; color: #7e7e7e}
.downx a{color: #7e7e7e; padding: 0px 10px;}
.downx h3{color: #fff; float: left; font-size: 20px;}
/*down end*/
.pro {
	width:84%;
	overflow:hidden;
}
.pro ul {

}
.pro li {
	float:left;
	overflow:hidden;
}
.pro li a {
	float:left;
	display:inline-block;
	width:31.333%;
	overflow:hidden;
	margin:1%;
	margin-top: 10px;
}
.pro li a img {
	display:block;
	width:100%;
}
.pro li a span{
	display: block;
	line-height: 35px;
	text-align: center;
	height: 35px;
	overflow: hidden

}
.pro li a dd{
	width: 100%;
	overflow: hidden;
	display: block;
}

.inprt span{display: block; font-weight: bold;}
.inprt{background: #253783; color: #fff; padding: 20px; font-size: 20px; font-weight: 100; line-height: 1.5em;  float: left; width: 100%}

.ndy{background: #fff; width: 1000px; padding:0px 30px 30px 30px; font-size: 16px; line-height: 1.8em}
.wz{text-align: right; width: 100%; line-height: 3em; font-size: 14px; color: #666;border-bottom: 1px #ccc solid; margin-bottom: 15px;}
.wz a{color:#9E9E9E}
.wz dd{color:#2a5ca1}
.wz dt{font-size: 20px; font-weight: bold; color: #333; border-bottom: 1px #2a5ca1 solid;padding:0px 20px 15px 10px}



.prle{width:14%; overflow: hidden}
.proa{ background: #374eae; float: left; padding-bottom: 10px;}
.proa a,.proa a:visited,.proa a:active{width: 95%;  margin-top: 10px; float: left; height: 40px; display: block; text-indent: 1em; color: #fff; line-height: 40px; background:#253783 url(../images/r.png) no-repeat 140px; border-radius: 0px 5px 5px 0px;}
.proa a:hover{background:#5a6bb3 url(../images/r.png) no-repeat 147px;}
a.proa1:link,a.proa1:visited,a.proa1:active{background:#5a6bb3 url(../images/r.png) no-repeat 147px;}
.ym{width:100%; padding-top:20px; padding-bottom:10px; overflow:hidden; margin-top: 80px; }
.ym a{float:left; border:solid 1px #e3e3e3; padding:5px 10px 5px 10px; color:#545454; background: #fff; margin-right:5px; margin-bottom:5px;
 -moz-border-radius:3px;
 -ms-border-radius:3px;
 -o-border-radius:3px;
 -webkit-border-radius:3px;
 border-radius:3px;
}
.ym a:hover{background: #253783; color:#FFF; border:solid 1px #cdcdcd;}
a.select{background: #253783; color:#FFF; border:solid 1px #ff8e93;}
a.select:hover{	background: #253783; color:#FFF; border:solid 1px #253783;}
.nlesb a,.nlesb a:visited,.nlesb a:active,.nlesb a:hover{border: 0px; background: none;  text-indent: 0; }

.nprot{font-size: 30px;line-height: 2em; margin-top: 50px;}
.nproimg{width:100%; text-align: center}
.nproimg img{text-align: center}
.nprozi{width: 400px;}
a.nproa:link,a.nproa:visited,a.nproa:active{
	padding: 2px 5px; border: 1px #ccc solid;white-space:nowrap;margin: 3px;float: left
}
.npronbt{border-bottom: 2px #ccc solid}
.npronbt h1{background: #253783; color: #fff; width: 150px; line-height: 40px; text-align: center;}
.npronzi{padding: 20px;}

.sx a{ font-size: 16px; border-bottom: 1px #eaeaea solid; display: block; }
.sx a i{background: url("../images/sx.png") no-repeat; width: 30px; height: 15px; display: block; float: left; margin-top: 5px;}

.sx a dd{float: left; width: 110px; padding: 15px 10px; color: #253783; margin-right:10px;}
.sx a:hover dd{background: #253783; color: #fff}
.sx a:hover i{background: url("../images/sx1.png") no-repeat; }
.sx a h3{padding: 15px 0px; font-weight:bold; font-size: 18px; color: #333}

.sx a:nth-child(2) i{background: url("../images/sx.png") no-repeat; background-position: 0px -15px; width: 30px; height: 15px; display: block; float: left; margin-top: 8px;}

.sx a:nth-child(2):hover i{background: url("../images/sx1.png") no-repeat;  background-position: 0px -15px;  }

.nneimg{width: 250px; height: 175px; overflow: hidden}
.nneri{width: 620px;}
.nneri dt{color: #666666; font-size: 12px;}
.nneri h1{font-size: 16px; font-weight: bold}
.nneri dd{margin-top: 10px; color: #aeaeae}
.nneri em{padding: 0px 20px; border: 1px #ececec solid; margin-top: 20px; float: left; color: #5f078f}
.nneri em:hover{background: #5f078f; color: #fff}
.nnea a,.nnea a:visited,.nnea a:active{border: 1px #fff solid; padding: 6px; overflow: hidden; width: 898px; height: 190px; display: block}
.nnea a:hover{border: 1px #374eae solid}

.nen h2{width: 100%; background: #f7f7f7; padding: 10px 20px; line-height: 1.8em; text-align: center; font-size: 25px; color: #666666}
.nen em{font-size: 12px; color: #253783; padding: 10px 0px; width: 100%; text-align: center; float: left}
.nenz{padding: 20px 5px; font-size: 16px; color: #666666; min-height: 500px;}
.nenz img{max-width: 100%}
.nen dt img{max-width: 100%}



{}