@import url(font/siyuan.css);
html, body {
	font-size: 15px;color:#666;margin: 0px;	padding: 0px;text-decoration: none;	font-family:"siyuan";	background: #fff;-webkit-text-size-adjust: none;box-sizing: border-box;}
a,a:focus,a:active {color: #333;	text-decoration: none;outline: 0px none;box-sizing: border-box;}
.h30{margin-top: 30px;}
.h15{margin-top: 15px;}
.h45{margin-top: 45px;}
.b20{margin-bottom: 20px;}
h1,h2,h3,h4{margin:0;padding:0;}
a:hover,a:active{text-decoration: none;}
ul,dl,dl dd{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;overflow: hidden;}
.head{height:116px;background:url(/images/menubg.jpg) right no-repeat;}
.logo{float:left;width:289px;}
.menu{height: 116px;width:911px;float:left;background: #014375}
.menu ul{ display: flex;display: -webkit-flex; justify-content: space-between;-webkit-justify-content:space-between;float:right;width: 850px;}
.menu ul li{height:50px;line-height: 50px;width:11.1%;text-align: center;}
.menu ul li a{color: #fff;width: 100%;height: 100%;display: inline-block;}
.menu ul li:hover,.menu .active{background: #fff;border-radius: 20px;}
.menu ul li:hover a,.menu .active a{color: #000;}
.language i{background: url(/images/ico.png) no-repeat;background-position:-25px 0;width: 22px;height: 19px;display: inline-block;margin-right:10px;}
.language a{color: #dee9ee}
.tel span{font-size: 20px;font-weight:bold;}
.tel i{background: url(/images/ico.png) no-repeat;background-position: 0 0;width: 22px;height: 18px;display: inline-block}
.tel,.language{color: #dee9ee;font-size: 14px;font-family: arial;margin-right:20px;height:30px;margin-top:20px;}
.banner{width: 100%;height: 662px;}
.nbanner{width: 100%;height:330px;background: url(/images/other_02.jpg) center no-repeat; }

.about{padding: 60px 0;}
.about h2{font-size: 30px;color: #000;text-align: center;font-weight: 100;}
.about h2>span{color: #d30009;}
.about abbr{font-size: 22px;color: #cfcfcf;text-align: center;display: block;margin:10px  auto 50px auto;text-transform: uppercase;font-family: arial;}
.aboutleft{width: 620px;float: left}
.aboutleft h3{font-size: 22px;color: #000;font-weight: bold;text-align: left;}
.aboutleft em{font-style: normal;font-weight: bold}
.aboutleft abbr{font-size: 16px;display: block;text-align: left;margin:10px auto 30px auto;}
.aboutleft p{color: #666;font-size: 14px;line-height: 30px;}
.aboutleft .more{width: 150px;height: 45px;line-height: 45px;text-align: center;font-size: 14px;border: 1px solid #585858;}
.aboutleft a{color: #333;}
.aboutright{width: 517px;float: right;}

.product{height: 774px;background: url(/images/probg.jpg) top center no-repeat;padding: 60px 0 0 0;box-sizing: border-box}
.product h2,.product h1{font-size: 30px;color: #fff;text-align: center;font-weight: 100;}
.product abbr{font-size: 22px;color: #cfcfcf;text-align: center;display: block;margin:10px  auto 50px auto;text-transform: uppercase;font-family: arial;}
.fenlei ul{display: flex;display: -webkit-flex; justify-content: space-between;-webkit-justify-content:space-between;}
.fenlei ul li{width: 165px;text-align: center;line-height: 45px;}
.fenlei ul li a{color: #fff;}
.fenlei ul li h3{font-size: 15px;font-weight: normal;height: 45px;line-height: 45px;}
.fenlei .active{border: 1px solid #fff;border-radius: 20px;}
.fenlei ul li:hover{border: 1px solid #fff;border-radius: 20px;}
.fenlei .swiper-container{margin:45px auto;padding: 0 0 30px 0;}
.fenlei .pimg{width: 278px;height: 290px;line-height: 250px; text-align: center;background: #fff;padding:20px;box-sizing: border-box;overflow: hidden;}
.fenlei .pimg img{max-width: 100%;width: auto;vertical-align: middle;max-height:100%;height: auto;}
.fenlei .swiper-slide:hover img{ transition: 1s; transform: scale(1.1);}
.fenlei .swiper-slide p{text-align: center;height: 65px;line-height: 65px;background:#f4f4f4 url(/images/more1.png) right no-repeat;width:278px;transition: 1s;}
.fenlei .swiper-slide:hover p,.fenlei .on p{background: #d30009 url(/images/more.png) right no-repeat;}
.fenlei .swiper-slide:hover a,.fenlei .on a{color: #fff;}

.news{height: 870px;padding: 60px 0;box-sizing: border-box}
.news h2{font-size: 30px;color: #000;text-align: center;font-weight: 100;}
.news h2>span{color: #d30009;}
.news abbr{font-size: 22px;color: #cfcfcf;text-align: center;display: block;margin:10px  auto 50px auto;text-transform: uppercase;font-family: arial;}
.news ul{width: 585px;}
.news ul li{height: 85px;line-height:45px;border: 1px solid #e0e0e0;padding: 20px 25px;margin-bottom: 15px;box-sizing: border-box;}
.news ul li a{color: #666;float: left}
.news ul li:hover ,.news .active{color: #fff;background: #d30009;}
.news ul li:hover a,.news .active a{color: #fff;}
.news ul li:hover p,.news .active p{color: #fff;}
.news ul li:hover span,.news .active span{color: #e6e6e6;}
.news ul li p{width:80px;font-size: 24px;color: #666; padding-right: 30px;border-right: 1px solid #e0e0e0;display: inline-block;margin: 0;float: left;margin-right: 30px;line-height: 25px;text-align: center}
.news ul li span{color: #999;font-size: 12px;display: block;}
.news .more{width: 150px;height: 45px;line-height: 45px;text-align: center;font-size: 14px;border: 1px solid #585858;margin:50px auto 10px auto;}
.news .more a{color: #333;}


.contact{background: #014375;height: 770px;padding: 60px 0}
.contact p{font-size: 30px;color: #fff;text-align: center;font-weight: 100;}
.contact abbr{font-size: 22px;color: #cfcfcf;text-align: center;display: block;margin:10px  auto 50px auto;text-transform: uppercase;font-family: arial;}

.foot{padding: 80px;background: #262626;height: 465px;box-sizing: border-box}
.foot dl{width: 140px;float: left;margin-left:150px;}
.foot dl:nth-child(1){margin-left: 0;width: 320px;}
.foot dl dt{height: 40px;font-size: 16px;font-weight: bold;margin-bottom: 15px;color: #fff;}
.foot dl dt::after{content:"";margin-top:10px;height: 2px;background: #a7a7a7;display: block;width: 30px;}
.foot dl dd{height: 30px;line-height: 30px;color: #b4b4b4;}
.foot dl dd a{color: #b4b4b4;}
.foot h3{font-size: 15px;color: #b4b4b4;font-weight: normal;padding: 20px 0}
.foot p{font-size: 15px;color: #b4b4b4;line-height: 25px;}
.s14{font-size: 14px !important;}
.link a{color: #585858}

.search{height: 60px;line-height: 60px;background: #f2f2f2;font-size: 14px}
.search p{color: #333;margin: 0;float: left;}
.search span{color: #666;padding: 0 10px;}
.search form{float: right;width: 280px;height: 40px;line-height: 40px;}
.search form input{width: 250px;background: #fff;color: #666;border: none;outline: none;height: 30px;line-height: 30px;margin-top:15px;border-radius: 20px;padding: 0 0 0 15px;}
.search .submit{width: 18px;height: 18px;background: url(/images/search.png) no-repeat;display:inline-block;border: none;float: right;position: absolute;z-index: 999;margin-left: -35px;margin-top:20px;}

.crumbs{height: 50px;line-height: 25px;font-size: 14px;color: #666;padding: 15px 0;box-sizing: border-box;border-bottom: 1px dotted #dcdcdc}
.crumbs i{height: 15px;width: 11px;background: #343434;display: inline-block;margin-right: 15px;}
.crumbs a{color: #666}

.proleft{width: 240px;float: left;}
.proleft dl dt{height: 70px;line-height: 70px;text-align: center;font-size: 24px;color: #fff;background: #014375;margin-bottom: 2px;}
.proleft dl dd{height: 50px;line-height: 50px;padding-left: 20px;background: #ececeb;margin-bottom: 2px;}
.proleft dl dd h3{font-size: 15px;font-weight: normal;}
.proleft dl dd::after{content:"+";font-size: 24px;color: #fff;display: inline-block;float: right;margin-right: 10px;margin-top: -50px}
.proleft dl dd a{color: #555;}
.proleft dl dd:hover,.proleft .active{background: #014375;}
.proleft dl dd:hover:after,.proleft .active::after{content:"-"}
.proleft dl dd:hover a,.proleft .active a{color: #fff;}

.proright{width: 930px;float:right;}
.proright-t{height: 60px;line-height: 60px;border-bottom: 1px solid #ebebeb;}
.proright-t h2{font-size: 24px;color: #555;border-bottom: 1px solid #014375;height: 59px;width: 200px}
.proright ul{display: flex;display: -webkit-flex; justify-content: space-between;-webkit-justify-content:space-between;flex-wrap: wrap;-webkit-flex-wrap:wrap;}
.proright ul::after{content: "";width: 290px;display: block;float: left;}
.proright ul li{width: 290px;height: 380px;border: 1px solid #ebebeb;margin:15px 0;}
.proright ul li:hover{border: 1px solid #d30009;}
.proright ul li:hover img{ transform: scale(1.1); transition: 1s;}
.proright ul li:hover a{color: #d30009;}
.proright .pimg{width: 100%;height: 270px;padding: 20px;box-sizing:border-box;text-align:center;text-align: center;line-height: 230px;}
.proright .pimg img{max-width: 100%;width: auto;max-height: 100%;height: auto; vertical-align: middle}
.proright .txt{width: 100%;height: 110px;padding: 20px 30px;box-sizing: border-box;border-top: 1px solid #ebebeb;}
.proright .txt span{display:block;margin: 0;font-size: 16px;text-align: center}
.proright .txt a{color: #666;}
.proright .txt p{font-size: 14px;color: #888;margin: 15px 0;height:40px;overflow: hidden;}

.newright{width: 930px;float: right;}
.newright ul{margin: 20px auto;}
.newright ul li{height: 40px;line-height: 40px;width: 100%;border-bottom: 1px dotted #a7a7a7}
.newright ul li a{color: #262626}
.newright ul li label{color: #a7a7a7;float: right}

.proview{width: 930px;line-height: 25px;margin-bottom: 20px;}
.proview h1{text-align: center;font-size: 24px;margin: 20px auto;}
.proview .pimg{text-align:center;width: 100%;height:auto;}
.proview h3{font-size: 18px;text-align: left;}

.relpro{width:930px;}
.relpro ul{display: block;clear: both;margin:20px auto;}
.relpro ul li{float:left;width:170px;margin:10px 5px;height: 210px;text-align: center;padding: 10px;overflow: hidden;box-sizing: border-box}
.relpro ul li img{max-width: 100%;width: auto; vertical-align: middle}
.relpro ul li p{height:30px;line-height: 30px;text-align:center;margin: 0;overflow: hidden;}
.relnews{width:930px }
.relnews ul li{float: left;width:465px;height: 30px;line-height: 30px;text-align: left;}
.relnews ul li a{color: #262626;}

.page { width:100%; float:left;padding:30px 0; font-size:14px; overflow:hidden; text-align:center; }
.page a { color:#333; background:#f1f1f1; margin:5px; padding:0 15px; line-height:40px; display: inline-table; }
.page a:hover { background:#0063ac; color:#fff; border-radius:0px;}
.page a:active {  background:#0063ac; color:#fff; border-radius:0px;}
.page a.page-num-current { background:#0063ac; color:#fff; display:inline-table; border-radius:0px; line-height:40px; padding:0 15px; margin:0 5px;}
.page span.current { background:#0063ac; color:#fff; display:inline-table; border-radius:0px; line-height:40px; padding:0 15px; margin:0 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; }


@media screen and (max-width:1440px){
	.banner{height: auto}
	.banner img{max-width: 100%;height: auto;}
}


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