@import url(font/siyuan.css);
html, body {
	margin:0 auto;
	font-size: 15px;
	color:#666;
	padding: 0px;
	text-decoration: none;
	font-family:"siyuan";
	background: #fff;
	-webkit-text-size-adjust: none;
}
a {	color: #666666;text-decoration: none;outline: 0px none;}
.h30{margin-top: 30px;}
.h15{margin-top: 15px;}
.h45{margin-top: 45px;}
h1,h2,h3,h4{margin:0;padding:0;}
p{margin:0;}
a:hover,a:active{text-decoration: none;}
ul{padding:0;margin:0;}
ul li{list-style:none;}
.fl{float:left;}
.fr{float:right}
.ct{text-align: center}
.clear{clear:both;}
div{padding:0;margin:0;}
.w100{width:100%;}
.w1200{width:1200px;margin:0 auto;}
.top{height:38px;line-height:38px;color:#fff;font-size:14px;background:#0e3d97;}
.top a{color:#fff;}
.top h1{display:inline-block;font-size:14px;font-weight:normal;}
.top strong{display:inline-block;font-size:14px;font-weight:normal;}
.cn,.en{margin-left:15px;}
.tel i{display:inline-block;width:17px;height:25px;background:url(/images/ico.png) no-repeat;background-position:0 2px;margin-right:10px;}
.cn i{display:inline-block;width:17px;height:25px;background:url(/images/ico.png) no-repeat;background-position:-39px 2px;margin-right:10px;}
.en i{display:inline-block;width:17px;height:25px;background:url(/images/ico.png) no-repeat;background-position:-90px 2px;margin-right:10px;}
.head{height:105px;line-height:105px;}
.logo{width:246px;height:105px;float:left;}
.head ul{float:right;width:816px;height:106px;display: flex; display: -webkit-flex; justify-content: space-between;-webkit-justify-content:space-between;}
.head ul li{line-height:104px;border-bottom:2px solid #fff;text-align:center;box-sizing:border-box;}
.head ul li a{color:#333;}
.head ul li:hover,.head .active{border-bottom:2px solid #153a81;}
.head ul li:hover a,.head .active{color:#153a81;}
.banner{height:auto;clear:both}
.banner .swiper-container{width:100%;}
.banner .swiper-slide{width:100%;}
.banner .swiper-slide img{max-width:100%;width:auto;}
.nbanner{height:323px;background:url(/images/nbanner.jpg) center no-repeat;}

.con{padding:85px 0;}
.con h2{font-size:24px;color:#fff;padding-left:90px;height:83px;width:214px;background:url(/images/ico1.png) center no-repeat;line-height:70px;margin:0 auto;font-weight:normal;}
.ab{font-size:24px;color:#fff;padding-left:90px;height:83px;width:214px;background:url(/images/ico1.png) center no-repeat;line-height:70px;margin:0 auto;font-weight:normal;}
.con .more{margin:20px auto 0 auto;width:100px; display:block;}
.con .more a{color:#666;text-decoration:underline;}

.about p{margin:45px 0;text-align:center;font-size:16px;color:#666;line-height:25px;}
.about ul{display: flex; display: -webkit-flex; justify-content: space-between;-webkit-justify-content:space-between;}
.about ul li{width:210px;height:334px;text-align:center;line-height:295px;border:1px solid #ccc;box-sizing:border-box;overflow:hidden}
.about ul li img{max-width:100%;width:auto;max-height:100%;height:auto; vertical-align:middle;}
.about ul li span{display:block;height:35px;line-height:35px;color:#333;overflow:hidden;}
.about ul li:hover img{ transform:scale(1.1); transition:1s}


.product{height:850px;background:url(/images/probg.jpg) top center no-repeat;}
.product ul{display: flex; display: -webkit-flex; justify-content: space-between;-webkit-justify-content:space-between; flex-wrap: wrap; -webkit-flex-wrap:wrap;box-sizing:border-box;margin:50px auto;}
.product ul li{width:287px;height:322px;box-sizing:border-box;text-align:center;background:#8c8c8c;margin:10px 0;overflow:hidden}
.product .pimg{height:287px;line-height:275px;background:#fff;padding:15px;box-sizing:border-box;overflow:hidden}
.product .pimg img{max-width:100%;width:auto;max-height:100%;height:auto; vertical-align:middle;}
.product ul li h3{font-size:15px;text-align:center;height:35px;line-height:35px;padding:0 15px;font-weight:normal}
.product ul li:hover h3{background:#0e3d97}
.product ul li a{color:#fff;}
.product ul li span{float:right;font-size:18px;color:#fff;font-weight:bold;}
.product ul li:nth-child(8){line-height:317px;background:#fff;}
.product ul li:nth-child(8) img{ vertical-align:middle}
.product ul li:hover img{ transform:scale(1.1); transition:1s}


.video ul{margin:50px auto;box-sizing:border-box;height:381px}
.video ul li{float:left;position:relative;width:290px;height:189px;line-height:189px;text-align:center;margin:0 6px;overflow:hidden}
.video ul li img{max-width:100%;width:auto;max-height:100%;height:auto; vertical-align:middle;}
.video ul li p{height:35px;line-height:34px;background:rgba(51,51,51,0.6);text-align:center;position:absolute;margin-top:-38px;width:100%;color:#fff;}
.video ul li i{position:absolute;display:block;width:47px;height:47px;background:url(/images/sbofang.png) no-repeat;margin:0 auto;z-index:999;margin:-120px auto 0 115px;}
.video ul li:nth-child(1){width:595px;height:381px;line-height:381px;margin:0 4px 0 0;overflow:hidden}
.video ul li:nth-child(1) img{max-width:100%;width:auto;max-height:100%;height:auto; vertical-align:middle;}
.video ul li:nth-child(1) i{position:absolute;display:block;width:71px;height:71px;background:url(/images/bofang.png) no-repeat;margin:-240px auto 0 250px;}
.video ul li:nth-child(3),.video ul li:nth-child(5){margin-right:0;}
.video ul li:nth-child(4),.video ul li:nth-child(5){margin-top:3px;}
.video ul li:hover img{ transform:scale(1.1); transition:1s}
.video ul li .more{color:#666;margin:20px auto;width:100px; text-decoration:underline;display:block;}

.news{background:#f1f1f1;height:550px;}
.newsleft{width:541px;height:410px;float:left;margin-top:50px;}
.newsleft .pimg{width:571px;height:253px;overflow:hidden;}
.newsleft .txt{margin-top:20px;}
.newsleft .txt h3 {color:#333;float:left;display:inline-block;}
.newsleft .txt h4 {color:#333;float:left;display:inline-block;}
.newsleft .txt span{float:right;color:#999;}
.newsleft .txt p{font-size:14px;clear:both;color:#666;line-height:28px;margin-top:15px;}
.newsleft .more{margin:20px 0 0 0;font-size:14px;}
.newsleft .more a{color:#999;}
.newsright{width:610px;height:410px;float:right;margin-top:50px;}
.newsright ul li{height:35px;border-bottom:1px dashed #999;margin-bottom:10px;}
.newsright ul li span{color:#666;display:inline-block;float:right;}
.newsright ul li a{color:#333;}
.newsright .more{margin:20px 0 0 0;}

.foot{color:#999;background:#232323;height:380px;padding:65px 0 50px 0;box-sizing:border-box;font-size:14px;}
.foot dl{float:left;width:345px;height:240px;border-right:1px dashed #535353;box-sizing:border-box;}
.foot dl:nth-child(2){padding:0 70px;width:380px;}
.foot dl:nth-child(3){border-right:none;padding:0 0 0 70px;width:450px;}
.foot dl:nth-child(3) dd{width:100%;}
.foot dl dt{font-weight:bold;font-size:18px;color:#fff;margin-bottom:30px;}
.foot dl dd{font-size:14px;margin:5px 0;width:50%;float:left;}
.foot dl dd a{color:#999;}
.foot p{margin-top:15px;}

.bottom{width:100%;border-top:1px solid #3e3e3e;height:90px;background:#232323;text-align:center;padding-top:25px;}
.bottom p{margin-top:5px;}
.bottom a{color:#999;}


.fenlei{width:278px;float:left;margin:40px 0;}
.fenlei .biaozhu{background:url(/images/fenlei.jpg) no-repeat;width:278px;height:88px;padding:20px;box-sizing:border-box;}
.fenlei .biaozhu h2{font-size:20px;color:#fff;margin:0;}
.fenlei .biaozhu span{display:block;font-size:14px;color:#fff;margin-top:10px; text-transform:uppercase;}
.fenlei ul li{margin:1px 0;height:54px;line-height:54px;padding:0 20px;box-sizing:border-box;background:#f6f6f6;}
.fenlei ul li h3{font-weight:normal;margin:0;height:54px;font-size:14px;overflow:hidden;}
.fenlei ul li a{color:#666;display:inline-block;width:90%;}
.fenlei ul li i{width:18px;height:18px;display:inline-block;background:url(/images/jia.png);float:right;margin-top:20px;}
.fenlei ul li:hover,.fenlei .active{background:#0e3d97;}
.fenlei ul li:hover a,.fenlei .active a{color:#fff;}
.fenlei ul li:nth-child(n+25){display: none;}


.crumbs{float:right;width:885px;height:50px;line-height:50px;color:#0e3d97;border-bottom:1px solid #ececec;box-sizing:border-box;margin-top:40px;margin-bottom:20px;}
.crumbs h1,.crumbs strong{font-size:20px;height:49px;line-height:49px;border-bottom:1px solid #0e3d97;display:inline-block;margin:0;}
.crumbs span{display:inline-block;color:#666;font-size:14px;float:right;}
.crumbs a{color:#666;}


.prolist{float:right;width:885px;margin-bottom:40px;}
.prolist ul{width:100%;display: flex; display: -webkit-flex; justify-content: space-between;-webkit-justify-content:space-between; flex-wrap: wrap; -webkit-flex-wrap:wrap;margin:0;}
.prolist ul:after{content:"";display:block;float:left;width:285px;}
.prolist ul li{width:285px;height:345px;border:1px solid #ececec;text-align:center;margin-bottom:20px;}
.prolist ul li a{color:#555;}
.prolist .pimg{width:285px;height:285px;line-height:285px;overflow:hidden}
.prolist .pimg img{max-width:100%;width:auto;max-height:100%; vertical-align:middle;}
.prolist ul li p{height:40px;line-height:40px;padding:10px 20px;text-align:left;background:#eee;overflow:hidden}
.prolist ul li p>span{display:inline-block;width:35px;border-left:1px solid #fff;font-size:18px;;color:#999;float:right;text-align:right;}
.prolist ul li p>a{width:80%;display:inline-block;}
.prolist ul li:hover{border:1px solid #0e3d97}
.prolist ul li:hover p{background:#0e3d97;}
.prolist ul li:hover p>span{color:#fff;}
.prolist ul li:hover p a{color:#fff;}
.prolist ul li:hover img{ transform:scale(1.1); transition:1s}
.prolist .active{background:#0e3d97}

.newlist{float:right;width:885px;margin-bottom:40px;}
.newlist ul{width:100%;display: flex; display: -webkit-flex; justify-content: space-between;-webkit-justify-content:space-between; flex-wrap: wrap; -webkit-flex-wrap:wrap;margin:0;}
.newlist ul:after{content:"";display:block;float:left;width:285px;}
.newlist ul li{width:285px;height:250px;border:1px solid #ececec;text-align:center;margin-bottom:20px;}
.newlist ul li a{color:#555;}
.newlist .pimg{width:285px;height:190px;line-height:190px;overflow:hidden}
.newlist .pimg img{max-width:100%;width:auto;max-height:100%; vertical-align:middle;}
.newlist ul li p{height:40px;line-height:40px;padding:10px 20px;text-align:left;background:#eee;overflow:hidden}
.newlist ul li p>span{display:inline-block;width:35px;border-left:1px solid #fff;font-size:18px;;color:#999;float:right;text-align:right;}
.newlist ul li p>a{width:80%;display:inline-block;}
.newlist ul li:hover{border:1px solid #0e3d97}
.newlist ul li:hover p{background:#0e3d97;}
.newlist ul li:hover p>span{color:#fff;}
.newlist ul li:hover p a{color:#fff;}
.newlist ul li:hover img{ transform:scale(1.1); transition:1s}
.newlist .active{background:#0e3d97}


.productlist{margin:30px 0;}
.productlist h3{text-align:left;}
.productlist ul{display: flex; display: -webkit-flex; justify-content: space-between;-webkit-justify-content:space-between; flex-wrap: wrap; -webkit-flex-wrap:wrap;margin:15px 0;}
.productlist ul:after{content:"";width:150px;display:block;float:left;}
.productlist ul li{width:150px;border:1px solid #ececec;margin-bottom:8px;}
.productlist .pimg{height:150px;line-height:150px;text-align:center;}
.productlist .pimg img{ vertical-align:middle;max-width:100%;width:auto;max-height:100%;}
.productlist p{background:#f6f6f6;height:50px;box-sizing:border-box;text-align:center;overflow:hidden}
.productlist a{color:#666;}

.newslist{float:right;width:885px;}
.newslist ul li{height:35px;line-height:35px;border-bottom:1px dotted #999;overflow:hidden}
.newslist ul li a{float:left;}
.newslist ul li span{display:inline-block;height:30px;color:#333;float:right;}
.newslist ul li p{color:#ccc;margin:0;}

.pview{float:right;width:885px;margin-bottom:40px;}
.pview .pimg {width:800px;margin:0 auto;text-align:center;}
.pview .pimg img{max-width:100%;width:auto;text-align:center;margin:0 auto;}
.pview h1{text-align:center;font-size:18px;margin:10px 0;}
.pview p{line-height:25px;}
.pview h3{color:#0e3d97;margin-top:20px;}
.pview video{margin:0 auto;}

.nview{margin:10px 15px;}
.nview h3{font-size:14px;font-weight:bold;color:#127fe1;}
.nview ul li{height:30px;line-height:30px;font-size:13px;}
.nview ul li a{float:left;}
.nview ul li span{float:right;}

.preal{margin:30px 0;}
.preal h4{text-align:left;}
.preal ul{display: flex; display: -webkit-flex; justify-content: space-between;-webkit-justify-content:space-between; flex-wrap: wrap; -webkit-flex-wrap:wrap;margin:15px 0;}
.preal ul:after{content:"";display:block;width:440px;}
.preal ul li{width:440px;box-sizing:border-box;text-align:left; list-style:circle;height:30px;}
.preal ul li p{height:30px;margin:0; overflow:hidden}
.preal ul li span{display:block;}

.guest{margin:20px 15px;}
.guest .wrap_Iten {margin:20px 0;}
.item_tip {background-color:#fff;color:#999;font-size:12px;padding:0 3px;text-align:left;}
.form_input {border:1px solid #dcdcdc;border-radius:5px;font-size:12px;padding:9px 10px;transition:border-color .15s ease-in-out 0s;outline:none;}
.form_input1{border:1px solid #dcdcdc;border-radius:5px;font-size:12px;padding:9px 10px;outline:none;}

.page { width:100%;padding:30px 0;margin:0 auto; font-size:14px; overflow:hidden; text-align:center; }
.page ul{display:inline-block}
.page a { color:#333; background:#f1f1f1; margin:0 5px; padding:0 15px; line-height:40px; display: inline-table; }
.page a:hover { background:#127fe1; color:#fff; border-radius:0px;}
.page a:active {  background:#127fe1; color:#fff; border-radius:0px;}
.page a.page-num-current { background:#da251c; color:#fff; display:inline-table; border-radius:0px; line-height:40px; padding:0 15px; margin:0 5px;}
.page span.current { background:#127fe1; color:#fff; display:inline-table; border-radius:0px; line-height:40px; padding:0 15px; margin:5px;}
.page span.no { background:#f1f1f1; color:#333; display:inline-table; border-radius:0px; line-height:40px; padding:0 15px; margin:0 5px;}
.page span.disabled { padding:0 9px 0 0px; }
.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#2f72ac url(../images/rightbar.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#2f72ac url(../images/rightbar.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{background:#2f72ac url(../images/rightbar.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#2f72ac url(../images/rightbar.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{text-indent:54px;width:100%;height:100%;color:#fff;}


@media screen and (max-width:1200px){
.w100{width:1200px;}
	}