@import url(font/siyuan.css);
html, body {font-size: 16px;margin: 0px;padding: 0px;text-decoration: none;font-family:"siyuan",arial;background: #fff;-webkit-text-size-adjust: none;}
a,a:focus,a:active {color: #222;	text-decoration: none;outline: 0px none;}
.lheight25{line-height:25px;}
.m30{margin-top: 30px;}
.m15{margin-top: 15px;}
.m45{margin-top: 45px;}
h1,h2,h3,h4{margin:0;padding:0;}
a:hover,a:active{text-decoration: none;}
p{margin:0;}
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%;}
.w1100{width:1100px;margin:0 auto;overflow: hidden;}
header{height:119px;background:url(../images/topbg.jpg) center center no-repeat;margin-bottom:1px;}
.top{height:36px;line-height:36px;border-bottom:1px solid #3989e5;color:#fff;box-sizing:border-box;font-size:14px}
.top a{color:#fff;}
.top img{padding:0 5px}
.top strong{font-weight:normal;color:#fff;}
.logo{height:83px;line-height:83px;}
.logo img{vertical-align:middle}
.menu{height:83px;line-height:83px;}
.menu ul{float:right;width:70%;display:flex;display:-webkit-flex; justify-content:space-between;-webkit-justify-content:space-between;}
.menu ul li{width:90px;text-align:right;}
.menu ul li a{color:#fff;}
.logo{float:left;height:83px;line-height: 83px;width:15%}

.banner{width: 100%;}
.banner .swiper-pagination-bullet-active{background:#ff0000;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{font-size:30px;background-image:none;transition: 0.3s ease 0s; cursor: pointer; width:40px; position: absolute; top: 50%; color: #fff; z-index: 1; height: 40px; line-height: 40px; border-radius: 50%; border: 1px solid #fff; text-align: center; font-family: "arial";  box-sizing: border-box; }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{font-size:30px;background-image:none;transition: 0.3s ease 0s; cursor: pointer; width: 40px; position: absolute; top: 50%; color: #fff; z-index: 1; height: 40px; line-height: 40px; border-radius: 50%; border: 1px solid #fff; text-align: center; font-family: "arial";  box-sizing: border-box; }
.swiper-button-next { right: -150px; }
.swiper-button-prev { left: -150px;}
.banner:hover .swiper-button-next, .banner:hover .swiper-button-prev { opacity: 0.5; }
.banner:hover .swiper-button-next { right: 5vw; }
.banner:hover .swiper-button-prev { left: 5vw; }
.banner .swiper-button-next:hover, .banner .swiper-button-prev:hover { opacity: 1; }
.product{padding:40px 0 0 0;}
.product strong{font-size:32px;color:#333;text-align: center;width:150px;margin:0 auto;display:block;}
.product h2{font-size:32px;color:#333;text-align: center;width:150px;margin:0 auto;display:block;}
.product abbr{width:60px;height:2px;background:#015198;margin:15px auto;display:block}


.product ul{display: flex;display: -webkit-flex; justify-content: space-between;-webkit-justify-content: space-between;flex-wrap: wrap;-webkit-flex-wrap:wrap;}
.product ul:after{content:"";width:258px;display: block;}
.product ul li{width:258px;height:320px;box-sizing:border-box;border:1px solid #dcdcdc;margin-bottom:30px;overflow: hidden;position: relative;}
.product .pimg{width:100%;height:260px;display: flex;display:-webkit-flex;align-items: center;justify-content: center}
.product .pimg img{max-width:100%;width:auto;height:auto;max-height:100%;transition: 0.3s ease 0s;}
.product ul li:hover img{ transform: scale(1.1); }
.product .txt{height:60px;line-height:60px;padding:0 15px;text-align:center;background:#e8e8e8;width:100%;box-sizing: border-box;}
.product ul li a{color:#555;}

.category{margin:30px 0;height:160px;background:#194cb4;}
.category p{width:60px;height:160px;word-break:break-all;padding:35px 20px;box-sizing:border-box;float:left;background:#0f388c;color:#fff;}
.category ul{margin:5px 20px;float:left;width:1000px;box-sizing:border-box;display:block;}
.category ul li{float:left;list-style:square inside url(../images/ico.png);width:160px;padding-left:25px;box-sizing:border-box;height:40px;line-height:40px;border:none;margin-top:8px;margin-bottom:0;border-bottom:1px solid #0055b6;}
.category ul li a{color:#fff;}

.yingyong{height:310px;background:url(../images/yingyongbg.jpg) bottom center no-repeat;}
.yingyong .pimg{background:url(../images/yingyong.png) left bottom no-repeat;width:275px;height:303px;margin-left:40px;float:left;}
.yingyong .txt{float:right;padding:70px 25px;text-align:center;margin-top:30px;line-height:50px;}
.yingyong .txt p{display:block;font-size:20px;color:#fff;}
.yingyong .txt h3{color:#fff;font-size:30px;}
.yingyong .txt abbr{display:inline-block;font-size:14px;color:#fff;}
.yingyong .txt span{display:inline-block;font-size:24px;color:#fff;}
.yingyong .more{display:inline-block;height:30px;width:80px;text-align:center;background:#d00000;font-size:14px;line-height:30px;margin-left:20px;}
.yingyong .more a{color:#fff;}

.about{height:455px;background: url(../images/5bg.jpg) center center no-repeat;padding:80px 0;box-sizing: border-box;}
.about .txt{width:60%;float:left;height:292px;}
.about .txt abbr{font-size:24px;color:#333;display:block;}
.about .txt p{font-size:14px;line-height:25px;margin:15px 0;color:#333;text-align:left;height:auto;}
.about .more{width:120px;height:40px;line-height:40px;text-align:center;background:#e90000}
.about .more a{color:#fff;}
.about .pimg{width:404px;float:right;height:292px;}
.about .pimg .swiper-pagination-bullet{width:20px;height:23px;border-radius:0;opacity:1;background:#424242;color:#fff;}
.about .pimg .swiper-pagination-bullet-active{background:#ff0000;}
.about p{height:65px;line-height: 35px;text-align: center;color: #fff;}


.news{padding:40px 0 0 0;}
.news strong,.news h2{font-size:32px;color:#333;text-align: center;width:150px;margin:0 auto;display:block;}
.news abbr{width:60px;height:2px;background:#015198;margin:15px auto;display:block}
.newsleft{float:left;width:350px;height:350px;margin-top:15px;}
.newsleft dl{}
.newsleft dl dt{height:115px;}
.newsleft dl dd{width:100%;border:1px solid #ebebeb;padding:20px 20px;box-sizing:border-box;height:235px;}
.newsleft dl dd span{display:block;float:left;width:80px;height:70px;line-height:35px;text-align:center;background:#9d0000;color:#fff;font-size:20px;font-family:arial;}
.newsleft .tt{margin-left:90px;line-height:35px;}
.newsleft dl dd h3{font-size: 16px; font-weight: normal;}
.newsleft dl dd abbr{display:block;height:35px;line-height:35px;background:#e90000;color:#fff;font-family:arial;margin:0;width:100%;font-size:16px;}
.newsleft dl dd p{color:#666;font-size:14px;line-height:25px;clear:both;margin:15px 0;height:130px;overflow:hidden}

.newsright{float:right;width:725px;height:350px;margin-top:15px;}
.newsright ul{display: flex;display: -webkit-flex; justify-content: space-between;-webkit-justify-content: space-between;flex-wrap:wrap;-webkit-flex-wrap:wrap;}
.newsright ul li{width:356px;height:105px;border:1px solid #ebebeb;padding:20px;box-sizing:border-box;margin-bottom:16px;}
.newsright ul li date{width:64px;height:64px;padding:5px;text-align:center;line-height:25px;display:inline-block;float:left;background:#999;color:#fff;padding:5px;box-sizing:border-box;font-weight:bold;font-size:24px;}
.newsright ul li abbr{display:block;font-size:15px;font-weight:normal;border-bottom:none;background:none;margin:5px auto;height:30px;}
.newsright ul li span{display:block;height:23px;font-size:14px;width:230px; font-weight:bold;overflow:hidden}
.newsright ul li a{font-weight:bold;color:#333;}
.newsright ul li p{float:right;font-size:14px;color:#666;line-height:20px;width:240px;}

.foot{height:449px;padding:40px 0;box-sizing: border-box;background:url(../images/foot.jpg) center center no-repeat;line-height: 25px;color:#ccc;margin:50px 0 0;}
.foot ul{display: flex;display: -webkit-flex; justify-content: space-between;-webkit-justify-content: space-between;margin-bottom: 10px;margin-bottom:60px}
.foot ul li{padding:0 10px;font-size:14px;border-right:1px dotted #545454;box-sizing:border-box;width:40%}
.foot ul li:nth-child(2){width:30%;}
.foot ul li:nth-child(3){width:20%}
.foot ul li span{display:block;line-height:30px;color:#ccc;}
.foot ul li a{color:#ccc;display:block;height:30px;line-height:30px;float:left;width:33.3%;overflow:hidden}
.foot p{color:#fff;margin:20px 0;text-align: left;font-size:16px;}
.foot img{display:block;float:none;margin-top:30px;}
.foot abbr{display:block;text-align:center;line-height:50px;width:128px;}
.copyright{height:80px;line-height:80px;border-top:1px dotted #545454;text-align:center;font-size:14px;}
.copyright a{color:#ccc;}
.footlink a{color:#999;font-size:14px;}

/*内页*/
.nbanner{width: 100%;height:328px;overflow:hidden;background:url(../images/probanner.jpg) center center no-repeat;}
.nbanner span{display:block;font-size:35px;color:#fff;font-weight:bold;margin-top:17%;margin-left:70px}
.nbanner h2{font-size:35px;font-weight:bold;display:inline-block}

.crom{height:45px;line-height:45px;background:#f5f5f5;font-size:14px;color:#666;border-bottom:1px solid #e6e6e6;}
.crom a{color:#666;}
.search{position:relative;}
.searchinput{width:235px;height:30px;line-height:30px;background:#fff; border-radius:20px;padding:0 20px;outline:none;border:none;}
.searchsubmit{width:19px;height:19px;background:url(../images/sos.png) center center no-repeat;display:block;position:absolute;z-index:999;outline:none;border:none;top:15px;right:10px;}
.prolist{margin:40px auto 20px auto;}
.prolist h2{font-size:34px;color:#333;text-align:center}
.prolist dl{margin:20px auto 0 auto;border-top:1px solid #d1d1d1;border-bottom:1px dashed #d1d1d1;padding:20px 0;height:80px;}
.prolist dl dt{float:left;width:120px;text-align:center;font-size:14px;font-weight:bold;line-height:30px;height:80px}
.prolist dl dd{float:left;width:160px;height:30px;line-height:30px;text-align:left;font-size:14px;overflow:hidden}
.prolist dl dd a{color:#555;}
.prolist dl:nth-child(3){margin:0;border-top:none;border-bottom:1px solid #d1d1d1;}
.prolist .active a{font-weight:bold;color:#e90101}

.pview{margin:50px auto;}
.pview .ppimg{width:480px;height:480px;float:left;border:1px solid #d5d5d5;display:flex;display:-webkit-flex; justify-content:center;-webkit-justify-content:center;align-items:center;box-sizing:border-box}
.pview .ppimg img{max-width:100%;width:auto;max-height:100%;height:auto; vertical-align:middle}
.pview .ptxt{width:580px;height:480px;float:right;}
.pview .ptxt h1{height:80px;line-height:80px;border-bottom:1px solid #e8e8e8;color:#025098;font-size:24px;}
.pview .ptxt p{line-height:35px;padding:30px 0;font-size:14px;color:#666;}

.pview .ptxt span{display:inline-block;width:50%;height:60px;line-height:60px;padding:0 0 0 7%;text-align:center;color:#fff;background:#025098;float:left;box-sizing:border-box;border:1px solid #025098;}
.pview .ptxt span a{color:#fff;}
.pview .ptxt span i{display:inline-block;width:24px;height:100%;background:url(../images/zx.png) center no-repeat;padding-right:10px;background-position:0 18px;float:left;}
.pview .ptxt span:nth-child(4){background:none;color:#025098;font-size:26px;}
.pview .ptxt span:nth-child(4) i{background:url(../images/tel.png) center no-repeat;background-position:0 16px;}
.pview .ptxt abbr{display:inline-block;float:left;}
.pview .content{margin:30px auto;color:#666}
.pview .content abbr{display:block;height:60px;line-height:60px;border-bottom:2px solid #d2d2d2;clear:both}
.pview .content h4{display:block;height:60px;line-height:60px;width:130px;text-align:center;border-bottom:2px solid #025098;}
.relnews ul{margin:30px 0;}
.relnews ul li{float:left;width:49.5%;height:30px;line-height:30px;list-style:inside circle;padding-left:5px;}
.relnews ul li a{color:#333;}

.newleft{float:left;width:230px;background:#e5e5e5;box-sizing:border-box;}
.newleft abbr{display:block;    height: 56px;  line-height: 56px;  padding: 0 25px; text-align: left; font-size: 18px; font-weight: bold; background: #1d2088;color: #fff;}
.newleft ul li{background: #f5f5f5;  padding: 20px 25px;  margin-bottom: 1px;}
.newleft .active a{    color: #333;}
.newleft ul li a{color:#666;font-size:16px;}
.newright{float:right;width:850px;}
.newright h1{text-align:center;font-size:20px;text-align:center;margin-bottom:10px;}
.newright abbr{margin-bottom:15px;display:block;color:#333;text-align:center}
.newright p{line-height:25px;}
.newslist .panel {float:left;width:80px; margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
	box-shadow: 0 1px 1px rgba(0,0,0,.05);border-color: #ddd;}
.newslist blockquote { padding: 0 20px;  margin: 0 0 0;  font-size: 17.5px; border-left: 5px solid #eee;display: inline-block;}
.panel-heading { color: #333; background-color: #f5f5f5; border-color: #ddd;text-align: center;height: 30px;line-height: 30px;}
.panel-body { height:40px;line-height:40px;text-align: center}
.panel-body::before,.panel-body:after{display: table;content: " ";}
.newslist ul li{width:100%;height:85px;border: none;line-height:25px;overflow:hidden}
.newslist ul li:hover{border:none;}
.newslist ul li:hover .txt{border-top:none;}
.newslist .txt{width:755px;float: right;padding-top:0;border-top:none;}
.newslist .txt small{display: block;color:#bbb;}
.newslist .txt .down{width:80px;text-align: center;height: 30px;line-height:30px;background: #1d2088;border-radius: 20px;font-size:14px;margin-top:12px;}
.newslist .txt .down a,.newslist ul li:hover .down a{color: #fff;}
.ncontent{box-sizing: border-box;width: 100%;padding:20px;}
.ncontent h1{border-bottom:none;text-align: center;margin:0 auto;width: 100%}
.ncontent p{line-height: 25px;}

.acontent{width:500px;margin:30px auto 0 auto;padding-bottom: 30px;}
.acontent dl{display: flex;display: -webkit-flex; justify-content: space-between;-webkit-justify-content: space-between;} 
.acontent dl dd{height:30px;line-height: 30px;text-align: center}
.acontent dl dd h3{color:#333;margin:0;padding:0;display: inline-block;font-weight: normal}
.acontent dl dd a{display: block;transition: 0.3s ease 0s;color:#333;}
.acontent dl dd a::before{margin-right: 10px; transform: rotate(-70deg);}
.acontent dl dd a::after{margin-left:10px;; transform: rotate(-70deg);}
.acontent dl dd a::before,.acontent dl dd a::after{transition: 0.3s ease 0s;content:'';width:14px;height:1px;display: inline-block; vertical-align: middle;background: #999;}
.acontent dl dd a.active::before,.acontent dl dd a.active:after,.acontent dl dd a:hover::before,.acontent dl dd a:hover:after{transform:rotate(0deg);background:#1e2b58;}
.acontent dl dd:hover h3,.acontent .active h3{color:#1d2088;font-weight: bold;}


.case{margin-top:30px;}
.case ul{display: flex;display: -webkit-flex; justify-content: space-between;-webkit-justify-content: space-between;flex-wrap: wrap;-webkit-flex-wrap:wrap;}
.case ul:after{content:"";float:left;width:260px;}
.case ul li{width: 260px;height: 270px;overflow: hidden;border: 1px solid #dadada;box-sizing: border-box;margin-bottom: 30px;}
.case .pimg{display: flex; justify-content: center; align-items: center;-webkit-justify-content:center;-webkit-align-items:center;width: 260px;height:210px;overflow:hidden;padding:0 10px;box-sizing: border-box;}
.case .pimg img{max-width: 100%;width:auto;max-height: 100%;height:auto;    transition: 0.3s ease 0s;}
.case ul li:hover .pimg img {  transform: scale(1.1);}
.case .txt{padding-top:20px;box-sizing: border-box;border-top:1px solid #e5e5e5;margin:0 20px;height:70px;overflow: hidden;}
.case .txt a{color:#333;}

.contact{}

.icontact {overflow: hidden;padding-bottom: 85px; }
.icontact .t1 {display: block;margin: 0 auto;margin-top: 70px;margin-bottom: 65px; }
.icontact ul {padding: 0 50px;}
.icontact ul:after {display: block;clear: both;content: "";}
.icontact ul li {height: 185px;width: 300px;background-color: #fff;	position: relative;float: left;margin: 0 32.5px; /*animation: fly 3s;
  animation-direction: alternate; animation-iteration-count:999;*/ }
.icontact ul li:hover{ /*animation:fly2 1s;*/ }
.icontact ul li i {position: absolute;height: 58px;width: 58px;top: -35px;left: 50%;transform: translateX(-50%); }
.icontact ul li span {text-align: center;font-size: 15px;color: #333;display: block;margin-top: 40px;}
.icontact ul li span:after {content: '';display: block;margin: 0 auto;margin-top: 8px;width: 28px;height: 1px;background-color: #333333; }
.icontact ul li p {color: #666;line-height: 22px;padding: 0 35px;margin-top: 20px;}

.izl-rmenu{margin-right: 0;width: 82px;position: fixed;right: 2px;top: 65%;-webkit-box-shadow: #DDD 0px 1px 5px;-moz-box-shadow: #DDD 0px 1px 5px;
	box-shadow: #DDD 0px 1px 5px;z-index:999;}
.izl-rmenu .consult{    background-image: url(../images/consult_icon.gif);  background-repeat: no-repeat; background-position: center -77px;
    display: block;   height: 76px;  width: 82px;}
.izl-rmenu .consult .phone {  background-color: rgb(247,247,255);  position: absolute;  width: 160px;   left: -160px;  top: 0px;line-height: 73px;
    color: #000;   font-size: 18px;  text-align: center;   display: none; box-shadow: #DDD -1px 1px 4px;}
.izl-rmenu a.consult:hover .phone{display:inline !important;}
.izl-rmenu .cart {  background-image: url(../images/consult_icon.gif);   background-repeat: no-repeat;  background-position: center bottom;   display: block;
    height: 16px;   width: 16px;   font-size: 12px;   line-height: 16px;   color: #45BDFF;   text-align: center;  padding-top: 15px;
    padding-right: 18px;   padding-bottom: 47px;   padding-left: 48px;}
.izl-rmenu a.cart:hover .pic{display:block;}
.izl-rmenu .btn_top {  background-image: url(../images/float_top.gif);   background-repeat: no-repeat; background-position: center top;
    display: block;  height: 39px;   width: 82px;  -webkit-transition: all 0s ease-in-out;  -moz-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;  transition: all 0s ease-in-out;}
.izl-rmenu .btn_top:hover {background-image: url(../images/float_top.gif);background-repeat: no-repeat;background-position: center bottom;}
.izl-rmenu .cart .pic {display:none;  position: absolute;  left: -160px;   top: 65px;  width: 160px;  height: 160px; background:url(../images/ewm.jpg) no-repeat;}
.qq,.qq1{display: block;position: fixed;   right: 2px;   top: 65%;   margin-top: -76px;   -webkit-box-shadow: #DDD 0px -1px 5px;
    -moz-box-shadow: #DDD 0px -1px 5px;  box-shadow: #DDD 0px -1px 5px;   z-index: 10000;   cursor: pointer;background-image: url(../images/consult_icon.gif);
    background-repeat: no-repeat;   background-position: center top;   display: block;   height: 76px;   width: 82px;background-color: #FFF!important;
	z-index:999;}
.qq1{margin-top:-152px;}	
#udesk-feedback-tab {  position: fixed;   right: 2px;   top: 65%;   margin-top: -76px;   -webkit-box-shadow: #DDD 0px -1px 5px;
    -moz-box-shadow: #DDD 0px -1px 5px;  box-shadow: #DDD 0px -1px 5px;   z-index: 10000;   cursor: pointer;background-image: url(../images/consult_icon.gif);
    background-repeat: no-repeat;   background-position: center top;   display: block;   height: 76px;   width: 82px;background-color: #FFF!important;
	z-index:999;}
#udesk-feedback-tab1 {  position: fixed;   right: 2px;   top: 54%;   margin-top: -76px;   -webkit-box-shadow: #DDD 0px -1px 5px;
		-moz-box-shadow: #DDD 0px -1px 5px;  box-shadow: #DDD 0px -1px 5px;   z-index: 10000;   cursor: pointer;background-image: url(../images/consult_icon.gif);
		background-repeat: no-repeat;   background-position: center top;   display: block;   height: 76px;   width: 82px;background-color: #FFF!important;
		z-index:999;}	

.page { width:100%; 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 .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;}
	nav ul li{margin:0 10px}
}