@charset "utf-8";
*{margin: 0;padding: 0;border: 0;outline: none;
box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;
-ms-box-sizing: border-box; -moz-box-sizing: border-box;}
html {width: 100%; font-weight: normal;
	-webkit-text-size-adjust:none; -ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}
body{font-size: 14px;line-height: 1.6;background-color:#fff;
  font-family:'Arial';
overflow-x: hidden;}
ul,ul li,ol,li {list-style: none outside none;}
h1,h2,h3,h4,h5,h6,i,strong,em {font-weight: normal; font-style: normal;}
img {vertical-align: middle;border: none;}
input,select,option,label,th{vertical-align: middle;border: none}
a {text-decoration: none;color: inherit;}
a:hover {text-decoration: none;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {zoom: 1;display: block;_height: 1px;clear: both;}
.fl {float: left;}
.fr {float: right;}
.container{display: block;width: 100%; max-width: 1200px; margin: 0 auto;}


/*header*****************************************************************/
.header{width: 100%;height: 140px; background: url(../images/hea-bg.jpg) no-repeat center center;
background-size: cover}
.header h1>a{display: block;line-height: 140px; font-size: 20px; color: #333333; font-weight: bold;}
.healang{margin-top: 15px; color: #fff;}
.healang>a{display: inline-block;}
.healang>a:hover{text-decoration: underline;}
.healang>a>img{margin:5px 8px 0 8px;float: left;}

/*nav*****************************************************************/
.nav{width:100%;background: #2b5a99;}
.nav li{float:left; font-size:14px;color: #fff;width: 12.5%; text-align: center;
height: 50px; line-height: 50px;position: relative;}
.nav li>a{display: block;}
.san{background: url(../images/j.png)!important}
.nav li:hover, .nav li.cur{background: #ff0000}
.ao{background: #ffa500}
.nav li:hover .san, .nav li.cur .san{background:none!important}


.znav{position: absolute; /*top:90px;*/ left: 0; width:100%; background:rgba(255,255,255,0.9);
z-index:12;color:#666666;padding: 2% 0; display: none}
.zi{display: none; position: absolute; left: 0; width:100%; background: rgba(255,255,255,0.9);z-index: 13}
.zi>a{ font-size:14px;color: #666666; line-height:20px; display: block; border-bottom: 1px solid #fff; padding: 10px 0}
.zi>a:hover{text-decoration: underline;color: #ff0000}



/*kyfwznav***************************************/
.kyfwznav{width: 100%;display: table;margin: 0 4%;}
.kyfwznav li{display: inline-block; vertical-align: top;width: 25%;color: #666666;}
.kyfwznav li>span{display: block; font-size: 18px; color: #2377d7; margin-bottom: 10px}
.kyfwznav li>a{display: block; line-height: 26px; }
.kyfwznav li a:hover{text-decoration: underline;color: #ff0000}
/*kyhzznav***************************************/
.kyhzznav li{width: 25%;}

/*手机*/
.navbtn{display: none;}

/*banner***********************************************************************/
.banner{width: 100%;}
.banner .swiper-slide{ background-repeat: no-repeat; background-position: center; background-size: cover;}
.banner .swiper-slide img{ display:block; width:100%;}
.banner .swiper-pagination-bullet { background:#fff; opacity: 1; border-radius:50%; width: 10px;height: 10px;}
.banner .swiper-pagination-bullet-active{ background: #ff0000; }


.dtit{width: 100%; text-align: center;color: #414141; padding: 40px 0}
.dtit span{font-size: 20px;display: block; line-height: 1.4}
.dtit span:after{content: ""; display: block;width: 50px; height: 2px; background: #ff0000;
margin: 0 auto;margin-top: 5px}
.dtit i{ display: block; line-height: 1.2}


/*syab***********************************************************************/
.syab{background: #f6f7f9; width: 100%;padding:30px 0 }
.syaby{width: 43%}
.syaby .img{width: 100%;}
.syaby>img{width: 100%}
.syabz{ width:50%; }
.syabz b{ width:100%; font-size:28px;color: #043472; display:block;}
.syabz b:after{content: ""; display: block;
  width:50px; height:2px; background: #043472; margin: 5px 0;}
.syabz span{display: block; font-size: 18px; color: #333333;margin: 20px 0 10px 0}
.syabz p{overflow:hidden;font-size:14px;color: #666666;height:65px;overflow: hidden;}
.syabz .more{display:block; font-size:16px; color:#fff; width: 170px; text-align: center;
 margin-top:30px; height: 36px; line-height:36px; background: #ff0000;border: 1px solid #ff0000}
.syabz:hover b:after{width:300px;}
.syabz .more:hover{background: #fff;color: #ff0000}


/*sydemo***********************************************************************/
.sydemo{width: 100%;margin: 40px auto}
.sydemoz{width: 67.5%;}
.sydemoz b{display: block; width: 100%; overflow: hidden;}
.sydemoz b>img{width: 100%;}
.sydemoz span{font-size: 18px;display: block; margin: 15px 0}
.sydemoz p{color: #666666;height: 45px; overflow: hidden;}
/*.sydemoz:hover b>img,*/.sydemoy li:hover>a>img{transform: scale(1.1);-webkit-transform: scale(1.1);
-o-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1);}

.sydemoy{width:31%;}
.sydemoy li{width: 100%;margin-bottom: 15px; position: relative;overflow: hidden;}
.sydemoy li>a>img{width: 100%;}

.sydemoy li.zis{ position: relative;}
.sydemoy li.zis>img{width: 100%;}
.sydemoy li.zis .mask{position: absolute; top: 0; left: 0; width: 100%; height: 100%;color: #fff;
padding: 40px 20px}
.sydemoy li.zis .mask span{font-size: 22px; display: block;margin: 13px 0}
.sydemoy li.zis .mask p{font-size: 14px;}
.sydemoy li.zis .mask p:after{content: ""; display: block;
  width:60px; height:2px; background: #fff;margin-top: 20px}
.sydemoy li.zis:hover .mask p:after{width:90%;}





/*synews***********************************************************************/
.synews {background: #f6f7f9; width: 100%;padding:30px 0; margin-bottom: 40px }
.synews li{width: 25%; float: left;padding: 0 15px}
.synews li .t{font-size: 30px; color: #043472;text-transform: uppercase;}
.synews li .t>a{font-size: 18px; color: #000000; font-weight: normal; text-align: center;
background: #fff; height: 45px; line-height: 45px; display: block; width: 80%;
margin-top:20px}
.synews li .t>a:hover{background: #ff0000; color:#fff;}
.synews li h6{font-size: 16px; color: #333333; display: block;
height: 25px; overflow: hidden;}
.synews li span{ color: #9d9d9d; display: block}
.synews li p{color: #666666;margin: 20px 0;
height: 45px; overflow: hidden;}
.synews li i{color: #333333; display: inline-block;}
.synews li:hover h6{text-decoration: underline;}
.synews li:hover i{color: #ff0000;text-decoration: underline;}


/*footer****************************************************************************/
.footer{background: #2a2a2a;color: #b7b7b7; padding: 30px 0;}
.footer ul{width:100%; display: table;}
.footer li{width: 35%; float: left;margin-top: 10px;line-height: 1.8}
.footer li.wxma{width:20%; float: right;margin-top: 0}
.footer li.wxma span{float: left;width: 45%; margin: 0 2%}
.footer li.wxma span>img{width: 100%;}
.footer li.wxma span>p{text-align: center; margin-top: 8px;font-size:12px;}
.copy{width: 100%;background: #000000; font-size: 12px;color: #b7b7b7; padding: 10px 0;}


/*nban*****typemenu***********************************************************************/
.nban{width: 100%; background-repeat: no-repeat; background-position: center; background-size: cover;}
.nban img{ display:block; width:100%;}
.typemenu{width: 100%; background: #f6f7f9;display: table;}
.typemenu ul{margin: 0 auto; display: table;}
.typemenu li{float: left; color: #2b5a99;}
.typemenu li>a{display: block;height: 60px; line-height: 60px; font-size: 16px; 
	padding:0 40px;}
.typemenu li:hover, .typemenu li.cur{background:#ff0000; color: #fff;}

.fenye{width: 100%; display: inline-block; margin:40px auto; text-align:center;}
.fenye a{margin: 0 3px; color:#000000; border:1px solid #eeeeed; padding:5px 11px;}
.fenye a:hover{color:#fff;background: #2b5a99}
.fenye span{color:#fff;background: #2b5a99; border:1px solid #2b5a99; padding:5px 11px;}

.neirong{width: 100%; overflow: hidden; color: #666666; margin-bottom: 40px}
.neirong p{width: 100%; overflow: hidden; color: #666666;}
.neirong img{width: auto; max-width: 100%}


.posi{width: 100%; border-bottom: 1px solid #d5d5d5;
font-size: 14px; color: #666; padding: 25px 0;/* margin-bottom: 40px*/}
.posi>a{color: #666;}
.posi>a:hover{color: #0e6eb8; text-decoration: underline;}


/**/
.neirongs{width: 100%; overflow: hidden; font-size:14px; color: #666666;
line-height: 2; }
.neirongs p{width: 100%; overflow: hidden; font-size:14px; color: #666666;
line-height: 2;}
.neirongs img{width: auto; max-width: 100%}
.neirong-ts{width: 100%;border-bottom: 1px solid #e6e6e6; padding-bottom:2%;
margin: 1% 0;text-align: center; }
.neirong-ts>h1{font-size: 24px; color: #2377d7;}
.neirong-ts>i{color: #999999; display: block;}


.artpage{width: 100%;font-size: 14px; color: #666666; display: table;padding-top: 2%;
border-top: 1px solid #e6e6e6; margin: 4% 0}
.artpage a{display: block; margin-bottom: 5px}
.artpage a:hover{color: #2377d7; text-decoration: underline;}


.neironge{width: 77%; overflow: hidden; font-size:14px; color: #666666;
line-height: 2; float: right;}
.neironge p{width: 100%; overflow: hidden; font-size:14px; color: #666666;
line-height: 2;}
.neironge img{width: auto; max-width: 100%}
/*news***********************************************************************/
.news {width: 100%; margin-bottom: 40px }
.news li{width: 100%;padding:15px 0; border-bottom: 1px solid #e4e4e4;margin-bottom: 20px}
.news li h6{font-size: 16px; color: #333333; display: block;
height: 25px; overflow: hidden;}
.news li span{ color: #9d9d9d; display: block; float: right;}
.news li p{color: #666666;margin:15px 0 10px 0;
height: 45px; overflow: hidden;}
.news li i{color: #333333; display:block; text-align: right;}
.news li:hover h6{color: #ff0000;text-decoration: underline;}
.news li:hover i{text-decoration: underline;color: #ff0000;}


/*product****************************************************************************/
.zuo{width:20%; display: table;background: #2b5a99;padding:30px 0;margin-bottom: 20px; position: relative;}
.zuo li{width: 100%;color: #fff; padding-left:8px;
background: url(../images/zuo-libg.jpg) no-repeat 13px center;}
.zuo li>a{ display: block; height:55px; line-height:55px; padding-left:20px; border-bottom: 1px solid #557bad;font-size:12px}
.zuo li.cur, .zuo li:hover{background-color: #043472}
.zuo li.cur>a, .zuo li:hover>a{border-bottom: none;
	background: url(../images/zuo-lijiantou.png) no-repeat 94% center;}
.zuo li p{position: absolute;background:rgba(0,0,0,0.3);height: 100%;
top: 0; left: 100%; padding: 20px;z-index: 2;width: 480px;display: none;}
.zuo li p>a{width: 50%; float: left; line-height: 20px; padding: 10px 0;font-size:12px;}
.zuo li p>a:hover{text-decoration: underline;}

.zuo li:hover p{ display: block; }

.protu{width: 78%; /*display:table;*/}
.protu li{width: 23%; text-align: center; float: left;margin: 0 1%;
overflow: hidden;margin-bottom: 25px;}
.protu li a{display: block;}
.protu li figure{position: relative; height: 210px;background: #f6f7f9;
display: flex; align-items: center; justify-content: center;}
.thougt{width: 100%}
.protu li figure .mask{position: absolute; bottom:0; left: 0; opacity: 0;
width: 100%; height: 100%; background: rgba(255,0,0,0.8);display: table;}
.protu li figure .mask>div{display: table-cell; vertical-align: middle;}
.protu li figure .mask i{display:block; color: #fff;margin-top: 10px; }
.protu li p{color: #414141; margin-top: 15px;}
.protu li:hover figure .mask{opacity: 1; }

/*contact****************************************************************************/
.contact{width: 100%; margin: 40px 0; display: table;}
.contact p{color: #666666; line-height: 2; margin-right: 100px; display: inline-block;
float: left;}
#dituContent{width: 100%; height: 370px;}


img,.syabz b:after,.syabz .more,.synews li .t>a,.sydemoy li.zis .mask p:after,.typemenu li,
.protu li figure .mask
{transition: all .5s ease-in;-webkit-transition: all .5s ease-in;
-o-transition: all .5s ease-in; -ms-transition: all .5s ease-in; -moz-transition: all .5s ease-in;}