@import url(../font/SourceHanSans-Regular.css);
@import url(../font/Square721-Blk-Normal.css);
body{margin:0 auto;padding:0; font-family:"siyuan","Arial","Arial Black";font-size:16px;color:#444;  position: relative; overflow-x: hidden;width: 100%;} 
*{box-sizing:border-box;padding:0;margin:0;}
a,a:hover,a:active{color:#333;text-decoration: none;}
.fl{float:left;}
.fr{float:right;}
.banner{margin-top:45px;width:100%;}
.banner img{width:100%}
.banner1{margin:45px 0;color:#fff;background:url(../images/nbanner1.jpg) center;width:100%;height: 481px; display: flex; display:-webkit-flex;
  }
.banner1 .container{margin:auto}
.banner1 p{text-align: center;font-size:32px;height:80px;line-height:80px;font-weight:bold;margin:auto;}
.banner1 small{text-align:center;font-size: 14px; display: block}
.swiper-container {  width: 100%;  height: 100%; }
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
.indexpro{width:100%;margin: 0 auto;height:680px}
.indexproico{height:172px;background:#0857b3;}
.nav-tabs{width:100%;border:none;box-sizing: border-box}
.nav-tabs>li{width:24.8%;min-height:172px;text-align: center; position: relative;}
.nav-tabs .line{border-right:1px solid #116bd3;height:100px;width:1px;float:left; margin-top:20px;}
.nav-tabs>li a{color: #fff;min-height:172px}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover,.nav-tabs>li:hover{min-height:172px;background:#024ba1;border:none;color: #fff;}
.nav-tabs > li > a:hover{background:#024ba1;border:none;}
.nav-tabs >li span{display: none;background: #024ba1 ;height:24px;width: 100%;}
.nav-tabs >li:hover span,.nav-tabs>li.active span{display: block;background:url(../images/cbg.png) bottom right no-repeat;width:112%}
.nav-tabs >li:hover p,.nav-tabs>li.active p{margin-top:5px;}
.tab-content{width:100%;margin: 50px auto;height:auto;}
.tab-content .swiper-container{padding:0 30px;}
.tab-content .swiperbox{display:block;text-align: center;height:321px;}
.tab-content .swiperbox img{width:271px;height:321px;}
.tab-content .swipertxt{text-align:center;height:40px;line-height:40px;width:100%;clear:both;font-size: 16px;}
.tab-content .swiper-button-prev, .swiper-button-next{width:49px;height:49px;background-size:49px 49px;}
.tab-content .swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image: url(../images/left.png);}
.tab-content .swiper-button-next, .swiper-container-rtl .swiper-button-prev{background-image: url(../images/right.png);}
.tab-content .swiper-slide:hover{background:#e3e3e3;margin-top:-5px;}

.tab-content .swiper-slide:hover a{color:#0857b3; text-decoration: underline}
.about{width:100%;height:705px;background:url(../images/aboutbg.jpg) no-repeat;}
.about-l{float:left;width:270px;}
.about-l em{display:block;font-family:"blk";font-size: 45px;color:#fff;font-style: normal;margin-top:150px;}
.about-l .line{width:120px;height:4px;background:url(../images/line.jpg);display:block;}
.about-l p{font-size:30px;color:#fff;text-align: left;height:50px;line-height:65px;}
.about-l .more{width: 76px;height:76px;line-height:76px;margin-top: 30%;background: #f40000;text-align: center;font-size:60px;color:#fff;}
.about-r{float:right;width:860px;margin-top:90px;overflow: hidden;}
.about-r .abouttxt{padding:30px;height:244px;box-sizing: border-box;background: #fff;float: left;}
.about-r .abouttxt:nth-child(1){width:37%}
.about-r .abouttxt:nth-child(2){width:37.05%}
.about-r .abouttxt:nth-child(3){width:63%}
.about-r em{font-size:30px;font-style: normal;display: block;padding:10px 0;}
.about-r small{color:#777;font-weight: bold;display: block;}
.about-r p{color:#777;line-height:25px;}
.about-r .more::before{content: "→";display: block;font-size:30px;}
.about-r .wenhua{height:224px;clear: both;}
.about-r .wenhua em{color:#f40000;}
.about-r .wenhua .more{color:#f40000; display: block}
.about-r .honor{clear:both;}
.about-r .honor img{float:right;}
.about-r .jianjie{clear:both;}
.about-r .honor .more,.about-r .jianjie .more{ display: block}

.news{height:800px;width:100%;background: url(../images/newsbg.jpg) no-repeat;}
.news-l{margin-top:80px;width:477px;float: left;}
.news-l .newstitle{margin-bottom:30px;}
.news-l .newstitle em{font-size:38px;color:#0857b3;font-family: "blk";font-style: normal;}
.news-l .newstitle span{font-size: 24px;color:#0857b3;padding-left:15px;}
.news-l .newscontent{padding:0;background: #ebedf1;height:440px;overflow: hidden}
.news-l .newscontent img{width:477px;height: 280px;}
.news-l .newscontent .l{float:left;width:70px;margin:25px; box-sizing: border-box;text-align: center;}
.news-l .newscontent .l span{font-family: arial;display: block;font-size: 60px;color:#333;}
.news-l .newscontent .l small{font-family: "arial";display: block;font-size:18px;color:#333;}
.news-l .newscontent .r{float:right;width:340px;padding:33px 20px 33px 0;box-sizing: border-box;}
.news-l .newscontent .r em{font-size: 18px;font-style: normal;height:45px;line-height: 45px;}
.news-l .newscontent .r em a{color:#333;}
.news-l .newscontent .r p{border-top:1px solid #cecece;padding:10px 0;color: #777}
.news-r{margin-top:80px;float:right;}
.news-r .newstitle ul{margin-bottom: 30px;list-style: none;clear: both;float: right}
.news-r .newstitle ul li{float:left;padding:0 28px;height:38px;line-height: 38px;text-align: center;border:none;;}
.news-r .newstitle ul li:nth-child(1){background:#f40000;color:#fff;}
.news-r .newscontent ul{list-style: none;clear: both}
.news-r .newscontent ul li:nth-child(1){height:128px;padding:13px 0;border-top:none;height:auto;}
.news-r .newscontent ul li:nth-child(1) p{padding:5px 0;color: #777;height:70px;border-top:1px solid #eaeaea;line-height: 25px;width:620px;}
.news-r .newscontent ul li{height: 58px;line-height: 58px;text-align: left;border-bottom:1px solid #eaeaea;}
.news-r .newscontent ul li span{float:right;}
.foot{width:100%;padding:78px 0;background:#282828;}
.foot em{font-size:38px;color:#fff;font-family: "blk";font-style: normal; text-transform: uppercase}
.foot span{font-size: 24px;color:#fff;padding-left:15px;}
.foot small{font-size:14px;color:#aaa;display: block}
.foot ul{margin:50px 0 35px 0;border-bottom:1px solid #555;height:60px;}
.foot ul li{float:left;width:25%;padding:0;color:#fff;list-style: none;height:30px;line-height: 30px;text-align: left;overflow: hidden}
.foot ul li i{background:url(../images/ico.png);width:38px;height:28px;display:inline-block;margin-bottom: -8px;padding-right:10px;}
.foot ul li:nth-child(1) i{background-position: 0 0;}
.foot ul li:nth-child(2){width:18.5%;}
.foot ul li:nth-child(2) i{background-position: -40px 0;}
.foot ul li:nth-child(3) i{background-position: -78px 0;}
.foot ul li:nth-child(4){width:31.5%;}
.foot ul li:nth-child(4) i{background-position: -112px 0;}
.foot a{float: left;width:10%;color:#aaa;}
.bottom{width:100%;height:53px;background:#000;line-height: 53px;font-size:14px;overflow: hidden}

.productleft{width:250px;margin-bottom:45px;float:left;}
.productleft-top{width:100%;height:105px;background:#0857b3;border-top-left-radius: 20px;padding: 10px 20px ;box-sizing: border-box}
.productleft-top em{font-size: 35px;color:#fff;font-style: normal;font-family: "blk";}
.productleft-top span{font-size: 20px;color:#fff;display: block}
.productleft-middle{border:1px solid #0857b3;padding:15px 15px;box-sizing: border-box;height:auto;}
.productleft-middle ul{width: 100%;}
.productleft-middle ul li{width:100%;line-height: 40px;border-radius: 5px;background:#0857b3;margin:5px 0;list-style: none;padding:0 15px 5px 15px;box-sizing: border-box}
.productleft-middle ul li a{color:#fff;}
.productleft-middle ul li span{border-radius: 50%;background:#fff; display: inline-block;float:right;width:20px;height:20px;line-height:20px;color:#0857b3;margin-top:10px;text-align: center;font-size: 14px;}
.productleft-middle .submenu{width:100%;list-style: none;background:#fff;margin:0 -15px;}
.productleft-middle .submenu li{height:40px;line-height: 40px;background:#fff;margin-left:10px;}
.productleft-middle .submenu li a{color:#666;}
.productleft-bottom{width:100%;height:97px;background:#0857b3;border-bottom-right-radius: 20px;padding: 30px 20px;color:#fff;}
.productleft-bottom img{float:left;}
.productleft-bottom span{float: left;padding-left:20px;}

.productright{width:850px;float:right;}
.productright-top{height:38px;line-height: 38px;border-bottom:1px solid #cecece;}
.productright-top h1{display: inline-block;font-size:18px;float:left;margin:0;font-weight:bold;}
.productright-top h3{display: inline-block;font-size:18px;float:left;margin:0;font-weight:bold;}
.productright-top span{display: inline-block;float:right;}
.productright-top a{color:#333;}
.productright-content{margin:30px 0; display: flex; display: -webkit-flex; justify-content: space-between;-webkit-justify-content:space-between; flex-wrap: wrap; -webkit-flex-wrap:wrap;}
.productright-content .item{height:356px;width: 250px;border:1px solid #eaeaea;margin:10px auto;}
.productright-content .item .itemimg{height:294px;line-height:294px;width:248px;text-align:center;overflow: hidden}
.productright-content .item .itemimg img{max-width:100%;max-height:100%;overflow: hidden;}
.productright-content .item p{height:30px;line-height: 30px;width:100%;text-align: center}

.productright-content .item:hover{box-shadow: 1px 1px 1px #777;border:1px solid #0857b3;}
.productright-content .item:hover p a{padding:5px 0;border-bottom:1px solid #0857b3;color:#0857b3}
.productright-content .newsitem{width:100%;height:110px;margin:10px 0 10px 0;overflow: hidden;}
.productright-content .newsitem-l{float:left;margin-right:20px;border:1px solid #e3e3e3;padding:10px;}
.productright-content .newsitem-l span{font-family: arial;display: block;font-size:40px;color:#333;text-align: center;}
.productright-content .newsitem-l small{font-family: "arial";display: block;font-size:18px;color:#333;}
.productright-content .newsitem-r{float:left;}
.productright-content .newsitem-r p{height:30px;line-height: 30px;margin-top:20px;}
.productright-content .newsitem-r span{display: block;height:30px;line-height: 30px;color:#aaa;}
.product-content{margin:30px 0;height:320px;}
.product-content .left{float:left;text-align:center;height:321px;line-height:321px;width:271px;border:1px solid #cecece;overflow: hidden;}
.product-content .left img{max-width: 100%;}
.product-content .right{float:left;width: 500px;margin-left:40px;}
.product-content .right h1{font-size: 30px;color:#333;}
.product-content .right p{height:25px;line-height: 25px;color:#666}
.product-content .right a{color: #999;height:30px;line-height:30px;display:block;}
.productright-bottom{margin-top: 20px;clear: both;}
.productright-bottom h1{text-align:center}
.productright-bottom .de{margin-top:30px;width:180px;height:50px;line-height: 50px;text-align: center;background:#0857b3;font-size:24px;color:#fff}
.productright-bottom .detal{line-height:25px;}
.productright-bottom .detal table tr td{border: 1px solid #666}
.real{margin:30px auto;width:100%;}
.real span{display: block;width:100%;clear: both;}
.real p{height:25px;line-height:25px;width:50%;float:left;}
.page { width:100%; float:left;padding:30px 0; font-size:14px; overflow:hidden; text-align:center; }
.page span{margin:5px 0; 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:#002b7f; color:#fff; border-radius:0px;}
.page a:active {  background:#002b7f; color:#fff; border-radius:0px;}
.page a.page-num-current { background:#002b7f; color:#fff; display:inline-table; border-radius:0px; line-height:40px; padding:0 15px; margin:0 5px;}
.page span.current { background:#002b7f; 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; }

/******************************
 ** 在线留言
 ** v.1.2
 ******************************/
.message-page input.code { border-color:#aaa; }
.message-page .row-1,
.message-page .row-2,
.message-page .row-3 { width:100%; clear:both; margin-bottom:15px; position:relative; overflow:hidden;float:left; }
.message-page .row-1 { width:300px; height:auto; padding:0 0 0 50px; border:1px solid #ddd; }
.message-page .row-2 { height:110px; padding:0 0 0 0; border:1px solid #ddd; }
.message-page .row-3 {  }
.message-page .ico-name { background:url(../images/zzz.png) 15px center no-repeat; }
.message-page .ico-phone { background:url(../images/xxx.png) 15px center no-repeat; }
.message-page .ico-email { background:url(../images/mail.png) 15px center no-repeat; }
.message-page .tip { position:absolute; right:0; top:0; height:40px; line-height:40px; padding:0 10px; font-style:normal; color:#F00; }
.message-page .txt { width:100%; height:40px; line-height:40px; background:none; border:0; color:#999; }
.message-page .text { width:98%; border:0; background:#fff; padding:5px 5px; line-height:20px; height:100px; color:#999;}
.message-page img.code { float:left; width:110px; height:42px; margin-right:20px; cursor:pointer; }
.message-page input.code { float:left; width:150px; height:40px; line-height:40px; border:1px solid #ddd; background:#fff; margin-right:20px; padding:0 10px; color:#999; }
.message-page .submit, .message-page .reset { float:left; margin:0 0 0 10px; width:184px; height:42px; border:0; cursor:pointer; color:#FFF; font-size:16px; }
.message-page .submit { background:#427edf; margin-left:0; }
.message-page .reset { background:#999; }
.message-page .submit:hover { background:#f07800; }
.message-page .reset:hover { background:#777; }
.message-page .onfocus, .message-page .onfocus input.code { border-color:#aaa; }

.dialog-log { position:absolute; z-index:99; width:auto; padding:10px 20px; border:1px solid #e0272c; background:#ffe8e9; border-radius:3px; box-shadow:1px 1px 5px rgba(0,0,0,0.2); color:#e0272c; }
.dialog-log i { position:absolute; left:15px; top:-7px; width:14px; height:7px;}

@media screen and (max-width:768px){
  .indexproico{height:150px}
  .nav-tabs>li{min-height:150px;}
  .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover, .nav-tabs>li:hover,.nav-tabs>li a{min-height:150px;}

  .about{height:auto;background: url(../images/aboutbg.jpg) repeat;}
  .about-l em{margin-top:50px}
  .about-l .more{display: none;}
  .about-r{width:100%;margin-top:50px;}
  .about-r img{width:100%;}
  .about-r .abouttxt:nth-child(1){width:100%}
.about-r .abouttxt:nth-child(2){width:100%}
.about-r .abouttxt:nth-child(3){width:100%;height: 300px;}
.news{height: auto;}
.news-l{width:100%}
.news-l .newstitle span{display: inline-block}
.news-l .newscontent img{width:100%;height: auto;}
.news-l .newscontent{height:400px;}
.news-l .newscontent .r{width:68%}
.news-r{margin-top:30px;}
.news-r .newscontent ul li:nth-child(1) p{width:100%;height: 129px;overflow: hidden}
  .banner1 p{font-size:26px;line-height:25px;}
  .nav-tabs >li:hover p, .nav-tabs>li.active p{margin:0;}
  .nav-tabs>li{width:24.5%}
  .nav-tabs >li p{font-size:14px;}
  .nav-tabs >li:hover span, .nav-tabs>li.active span{display: none;}
  .nav>li>a{padding:10px 6px;}
  .nav>li>a>img{height:80px;}
  .productleft{width:100%}
  .productright{width:100%;}
  .productright-content .item{width:180px;height:290px;}
  .productright-content .item .itemimg{width:178px;height:255px;line-height: 255px;}
  .product-content .left{width:100%}
  .product-content .right{width:100%;margin-bottom: 20px;margin-left:0}
  .productright-content .newsitem-r{width:68%;}
  .productright-content .newsitem-r p{margin-top:0;height:45px}
  .productright-bottom h1{font-size:24px}
  .foot{padding:40px 0;}
  .foot span{padding-left:0;display: inline-block;}
  .foot ul{    margin: 30px 0 35px 0;height:180px;}
  .foot ul li{width: 100%;margin:5px 0;}
  .foot ul li:nth-child(2){width:100%}
  .foot ul li:nth-child(4){width:100%}
  .foot ul li:nth-child(4) i {  background-position: -116px 0;}
  .foot a{width:20%;}

}