/*澶撮儴鏍峰紡*/
.top{height: 34px;background: #ededed;font:12px/34px "瀹嬩綋";color: #666;}
.k1 a{color: #666;}
#header{width:1100px;margin:0 auto;overflow: hidden;}
.logo{float:left;line-height: 120px;width: 510px;}
.k2{margin-top: 24px;padding-left: 65px;font:15px/30px "寰蒋闆呴粦";color: #333;background: url(../images/tel.png) left center no-repeat;}


/*鐑棬鍏抽敭璇?/
.search{background-color:#eee;height: 50px;}
.hotSearch{float:left;height:50px;line-height:50px;font-weight:normal;color: #666;}
.hotSearch a{margin-right:6px;color: #666;}


/*鎼滅储*/
#formsearch{width:320px;float:right;margin-top: 7px;font-size: 0;}
#formsearch input{background:none;border:1px solid #0f51bb;line-height:29px;height:29px;outline: none;vertical-align: top;}
#formsearch input#keyword{padding-left:10px;color:#666;width:218px;border-radius: 5px 0 0 5px;background: #fff;}
#formsearch input#s_btn{width:74px;background:#0f51bb url(../images/ss.png) 13px center no-repeat;color:#fff;cursor:pointer;height: 31px;border-radius: 0 5px 5px 0;text-indent: 22px;font-size: 12px;}

/*涓讳綋鏍峰紡*/
#container{width:1100px;margin:0 auto;margin-top:10px;}
.article{width: 1100px;margin:0 auto;position: relative;overflow: hidden;}
.v-article{width: 1100px;margin:0 auto;position: relative;}

/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}





/*鍙嬫儏閾炬帴*/
.f_link{width:1100px;margin:48px auto;background:url(../images/link.png) no-repeat left center;height:92px;line-height:92px;color:#626262;text-indent:20px;}
.f_link a{color:#626262;padding:0 15px;}


/*椤甸潰搴曢儴*/
.foot{background: url(../images/foot.jpg) top center no-repeat;height:230px;}
#footer{position:relative;width:1100px;margin:0 auto;}
/* #footer a:hover{color:#ff0;} */
.nav_foot{text-align:center;line-height:60px;color:#fff;font-size: 14px;margin-bottom: 20px;}
.nav_foot a{padding: 0 20px;}
.mid-foot{width:240px;float: left;margin-left:95px;color:#b2bfe3;}
.logos{width:142px;text-align:center;margin-top:16px;line-height:38px;float:left;color:#fff;}
.copyright1{text-align:left;line-height:26px;margin-top:10px;}
.copyright{width:460px;float:left;margin-left:85px;color:#b2bfe3;line-height:26px;margin-top:20px;}
.copyright a{color:#b2bfe3;}
.gotop{
  position: fixed;
  bottom: 200px;
  right: 10%;
  cursor: pointer;
}

.nav_foot .nav li+li a{
  background: none;
  border-left:1px solid #1675d9;
  height: 59px;
}

/*------------鍐呴〉-------------------*/

.left {width: 225px;float: left;}

.left .box {margin-bottom: 10px;}

.left .box h3 {line-height: 50px;padding-left: 34px;background: #3480ce;font-size: 16px;color: #fff;font-weight: 400;position: relative}

.left .box h3:after{content:"";position: absolute;width:5px;height:20px;top:16px;left:15px;background: #fff}

.left .box .content {padding: 5px 0px;}

.prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;}

.n_banner{width:1920px;position:relative;left:50%;margin-left: -960px;}
.n_banner img{width:1920px;height: 300px;}

.sort_menu h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.sort_product{margin-top:10px;}
.sort_product h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}

.n_contact{margin-top:10px;}
.n_contact h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.n_contact .content{padding:5px;line-height:24px;}

.right{width:840px;float:right;padding-bottom:10px;}
.sitemp {border-bottom:1px solid #eee;}

.sitemp h2 {width: 340px;float: left;line-height: 40px;text-align: left;font-size: 16px;color:#333;}

.sitemp .site {width: 380px;float: right;text-align: right;line-height: 40px;}
.right .content{padding:10px;padding-top:15px;overflow:hidden;line-height: 24px;}
.sort_album{margin-top: 15px;}



/* black */
.black{
  text-align: center;
  font:bold 26px/1 "寰蒋闆呴粦";
  color: #333;
}
.black span{
  color: #0f51bb;
}
.black+h2{
  text-align: center;
  font:16px/40px Arial;
  color: #bfbfbf;
  text-transform: uppercase;
}
.black+h2+h3{
  text-align: center;
  font:15px/31px "寰蒋闆呴粦";
  color: #fff;
  background: url(../images/blk-h3.png) center no-repeat;
}

/* hot-pro */
.hot-pro{
  padding-top: 30px;
  background: #f2f2f2;
}
.hot-pro-box{
  margin-top: 55px;
}
.hot-pro-box .bd{
  overflow: hidden;
}
.hot-pro-box .bd li{
  float: left;
  margin-right: 22px;
}
.hot-pro-box .bd li img{
  padding: 5px;
  width: 339px;height: 289px;
  border:1px solid #ccc;
}
.hot-pro-box .bd li h3{
  text-align: center;
  font:14px/50px "寰蒋闆呴粦";
  color: #333;
}
.hot-pro-box a.prev,.hot-pro-box a.next{
  position: absolute;
  z-index: 5;
  width: 29px;height: 55px;
  background: url(../images/hot-pro-arr.jpg) ;
  top: 125px;
}
.hot-pro-box a.prev{
  left: -60px;
}
.hot-pro-box a.next{
  right: -60px;
  -webkit-transform: scale(-1);
          transform: scale(-1);
}
.hot-pro-box a.prev:hover,.hot-pro-box a.next:hover{
  background-image: url(../images/hot-pro-on-arr.jpg);
}

/* sy-pro */
.sy-pro{
  padding-top: 60px;
  background: #f2f2f2;
  padding-bottom: 40px;
}
.sy-pro-box{
  margin-top: 60px;
}
.sy-pro-box .hd{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.sy-pro-box .hd li{
  width: 96px;
  text-align: center;
  margin-right: 30px;
}
.sy-pro-box .hd li a{
  display: block;
  font:14px/31px "寰蒋闆呴粦";
  color: #333;
  background: #e0e0e0;
  border-radius: 5px;
}
.sy-pro-box .hd li.on a{
  background: #0f51bb;
  color: #fff;
}
.sy-pro-box .hd li a:hover{
  background: #0f51bb;
  color: #fff;
}
.sy-pro-box .bd{
  margin-top: 50px;
}
.sy-pro-box .bd ul{
  overflow: hidden;
}
.sy-pro-box .bd li{
  float: left;
  margin-right: 13px;
  margin-bottom: 25px;
}
.sy-pro-box .bd li:nth-child(3n){margin-right: 0;}
.sy-pro-box .bd li p{
  padding: 5px;
  border:1px solid #e6e6e6;
  width: 346px;
  height: 295px;
  background: #fff;
  overflow: hidden;
}
.sy-pro-box .bd li img{
  width: 346px;
  height: 295px;
  -webkit-transition: all .5s;
  transition: all .5s;
}
.sy-pro-box .bd li h3{
  margin-top: 9px;
  text-align: center;
  font:14px/35px "寰蒋闆呴粦";
  color: #333;
  background: #ebeef3;
}
.sy-pro-box .bd li:hover img{
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
/* order */
.order{
  height: 234px;
  background: url(../images/order.jpg) center no-repeat;
}

.order-left{
  width: 700px;
  position: relative;
}
.order-left h1{
  margin-top: 37px;
  font:32px/53px "榛戜綋";
  color: #07569c;
  text-shadow: 2px 0 0 #fff,-2px 0 0 #fff,0 2px 0 #fff,0 -2px 0 #fff;
  letter-spacing: 2px;
}
.order-left h2{
  font:17px/40px "榛戜綋";
  color: #fff;
}
.order-left svg{
  position: absolute;
  top: 61px;right:-12px;
}
.order-left p{
  margin-top: 15px;
}
.order-left p span{
  display: inline-block;
  margin-right: 25px;
  width: 56px;
  height: 56px;
  text-align: center;
  font:27px/56px "榛戜綋";
  color: #fff;
  background: url(../images/order-left-p.png) center;
}
.order-right{
  width: 364px;
  background: #ebeef3;
  padding-top: 10px;
  padding-bottom: 4px;
}
.order-right h3{
  text-align: center;
  font:16px/38px "寰蒋闆呴粦";
  color: #333;
}
.order-right form{
  width: 314px;
  margin:0 auto;
}
.order-right form input{
  width: 312px;
  border:1px solid #ccc;
  height: 35px;
  background: #fff;
  margin-bottom: 10px;
  text-indent: 10px;
}
.order-right form img{
  margin-top: -12px;
  cursor: pointer;
}
.order-right form input[type="submit"]{
  float: left;
  width: 96px;
  text-indent: 0;
  border:none;
  background: #006ccb;
  font:14px/34px "寰蒋闆呴粦";
  height: 34px;
  color: #fff;
  margin-right: 7px;
  cursor: pointer;
}
.order-right form span{
  float: left;
  width: 210px;
  text-align: center;
  font:14px/34px "寰蒋闆呴粦";
  color: #333;
  background: #d0d0d0;
}

.yss1{height:872px;background:url(../images/ys_02.jpg) no-repeat center top;overflow:hidden;padding-top: 35px;}
.ys1{width:470px;float:left;margin-top:35px;padding-left:78px;}
.yss1 h3{padding-left:0px;color:#294471;font-size:28px;font-weight:600}
.yss1 h3 span{display:block;font-size:12px;text-transform:uppercase;color:#294471;font-weight:400;}
.yss1 p{color:#666;font:400 14px/30px "寰蒋闆呴粦";padding-left:27px;background:url(../images/sdot2.png) no-repeat left 8px;}
.ys11 h3{margin-bottom:28px;margin-top: 14px;}
.ys12{margin-top:75px;margin-bottom:90px;}
.ys15{margin-top:48px;margin-bottom: 38px;}
.ys16{margin-top:35px;margin-bottom: 35px;}
.ys17{margin-top:35px;margin-bottom:60px;}
.ys15 h3{margin-bottom:25px;}
.ys16 h3{margin-bottom:25px;}
.ys17 h3{margin-bottom:25px;}
.ys13{margin-bottom:25px;margin-left:-35px;}
.ys12 h3{margin-bottom:35px;}
.ys13 p,.ys14 p{background:none;padding:0;}
.ys14{padding-left:42px;background:url(../images/phone.png) no-repeat left 15px;margin-left:10px;margin-top:40px;}
.ys2{width:468px;float:right;margin-top:25px;}
.ys21{text-align:right;margin-left: -99px;mix-blend-mode: multiply;}
.ys21 p{background:none;}
.ys22{margin-top:125px;}
.ys22 h3{margin-bottom:38px;}
.ys14 .more{width:173px;height:37px;color:#fff;font:400 16px/37px "寰蒋闆呴粦";text-align:center;background:url(../images/more.png) no-repeat left center;display:block;margin-top:20px;}
.ys14 .more:hover{color:#57391f;}
.ys23 p{background:none}
.ys23{margin-top:38px;}

/* sy-about */
.sy-about{
  padding-top: 59px;
  height: 610px;
  background: url(../images/about.png) Center no-repeat;
}
.sy-about-box{
  margin-top: 80px;
}
.sy-about-left{
  width: 476px;
}
.sy-about-right{
  width: 598px;
  margin-top: 84px;
  font:14px/30px "寰蒋闆呴粦";
  color: #fff;
}
.sy-about-right a.more{
  float: right;
  width: 124px;
  text-align: center;
  font:14px/32px "寰蒋闆呴粦";
  color: #fff;
  margin-top: 35px;
  border:1px solid #fff;
  border-radius: 5px;
  position: relative;
}
.sy-about-right a.more:before{
  content: "";
  position: absolute;
  width: 464px;
  height: 1px;
  background-color: #fff;
  left: -470px;
  top: 50%;
}

.atitle{color:#333333;font-size:18px;line-height:40px;position:relative;font-weight:400;background:url(../images/atitle.png) no-repeat 0% 100%;padding-left:18px;}
.atitle span{padding-left:10px;font-size:12px;text-transform:uppercase;color:#8c8584;font-weight: normal;}
.atitle a{position:absolute;right:0;top:0;font-size:12px;}

.news .atitle{
  font-size: 16px;
  font-weight: bold;
}


.album{
  margin-top: 30px;
  position: relative;
}

.album .bd{
  overflow: hidden;
}

.album .bd li{
  float: left;
  margin-right: 26px;
}

.album .bd li img{
  width: 255px;
  height: 191px;
}
.album .bd li h3{
  text-align: center;
  font:14px/45px "寰蒋闆呴粦";
  color: #333;
}

.album .prev,.album  .next{
  position: absolute;
  top: 73px;
  cursor: pointer;
}
.album .prev{
  left: -40px;
}

.album  .next{
  right: -40px;
}
.cc5{background:#f3f3f3;padding:45px 0;margin-top:45px;}
.news_company{width:325px;margin-right:62px;}
.news1_title{border-bottom:1px solid #e5e5e5;font:400 22px/50px "寰蒋闆呴粦";color:#111;position:relative;}
.news1_title span{padding-left:12px;color:#999;font-size:14px;text-transform:uppercase;}
.news1_title a{position:absolute;right:0;top:0;}
.news_company .content{padding-top:20px;}
.news_list2{margin-top: 10px;}
.news_list2 li a{padding-left:22px;line-height:36px;font-size:14px;background:url(../images/ndot.jpg) no-repeat 0% 50%;display:block}
.news_list2 li a:hover{color:#0f51bb;}
.sy-ds{
  margin-top: 50px;
}
.nsScroll ul li{
  padding-bottom: 10px;
  padding-top: 10px;
  border-bottom: 1px dashed #dbdbdb;
}
.nsScroll ul li a{
  padding-left: 36px;
  display: block;
  font:14px/20px "寰蒋闆呴粦";
  color: #333;
  background: url(../images/q.png) 8px center no-repeat;
}
.nsScroll ul li span{
  margin-top: 10px;
  display: block;
  font:  12px/19px "寰蒋闆呴粦";
  color: #999;
  padding-left: 36px;
  background: url(../images/a.png) 8px top  no-repeat;
}