/* CSS Document */
*{ margin:0; padding:0;}
body{ font-size:12px; color:#000000;font-family:"Microsoft YaHei"; width:100%; background:url(top_bg.jpg) repeat-x top #efefef; }
a{ color:#000000; text-decoration:none;}
ul,li{ list-style:none;}
img{border:none;}
#top{ width:1000px; margin:0 auto; overflow:hidden;}
#top p{ height:31px; text-align:right; line-height:31px; color:#fff;}

#top .logo{ width: 700px; margin-top:37px;float: left;}
.top_right{ float:left; background:url(top_tel.png) no-repeat left center;  line-height:48px;margin-left:20px; color:#cc0000; font-size:26px; font-weight:bold;padding-left:49px; margin-top: 37px;}
#top .nav{ width:1000px;clear:both; }
#top .nav ul{ padding-left:455px; width: 100%;overflow: hidden;    margin-bottom: 0px;}
#top .nav ul li{float:left; width:90px; height:55px;}
#top .nav ul li a{font-size: 16px; color: #4c4c4c; display:block;float:left; width:90px; padding-top:19px; text-align:center; font-size:14px; font-family:"Microsoft YaHei"; line-height:36px; }
/* #top .nav ul li a:hover{ background:url(nav_li_hover.jpg) no-repeat center bottom;} */

#banner{ background:url(banner.jpg) no-repeat center top; width:100%; height:482px;}

.plisti ul li a{font-size: 16px;color: #656565;display: block;}

.main{ width:1000px; margin:0 auto;}

#cont{ width:100%; overflow:hidden;background: #efefef;  }
.plisti{ width:1000px; margin:0 auto;background: #efefef;}
.plisti h2{ background:url(plist_h3_bg.jpg) no-repeat center top; height:104px; text-align:center; font-weight:bold;  width:1000px; line-height:104px; font-family:"RTWSJyun YaTrial Regular"; color:#cd3810; font-size:30px; }
.plisti ul{ background:url(plist_bg.jpg) no-repeat center center; height:159px;}
.plisti ul li{ float:left; width:142px; text-align:center; padding-top:137px;}
.plisti ul li a:hover{ color:#cd3810;}
.plisti p{ margin-top:40px; text-align:center;}

.producti{ color:#fff; background:#cd3810; overflow: hidden;padding-bottom: 20px; width:100%; clear:both; margin-top:11px;}
.producti .h1titlei{ background:url(h2_bg.jpg) no-repeat left center; height:82px; line-height:82px; text-indent:22px; font-size:18.87px; font-family:"Microsoft YaHei"; font-weight:normal; text-align:center;}
.producti h1 .en{ font-size:14.05px;}
.producti .more{ float:right; margin-top:-52px; padding-right:10px;}

#demo{overflow: hidden;  width:984px; float: left; /*position:relative;*/  padding-left:8px; padding-right:8px; }

.LeftBotton{float:left;width:30px;height:187px;}
.LeftBotton a{width:30px;height:187px;display:block;background:url(to_left.jpg) no-repeat center center;}

/*.LeftBotton a:hover{background:url(to_left_hover.jpg) no-repeat center center;}*/
.RightBotton{float:right;width:30px;height:187px;}
.RightBotton a{background:url(to_rihgt.jpg) no-repeat right center;width:30px;height:187px;display:block;}
/*.RightBotton a:hover{background:url(to_right_hover.jpg) no-repeat left center;}*/
td.pic{ text-align:center;padding-bottom: 20px;}
td.pic a{ text-align:center; color:#fff; font-size:16.91px;}
td.pic img{ border:9px solid #dc7458; margin-right:11px; margin-bottom:11px;}

.newsi{ width: 1000px;
    margin: 0 auto;}
.newsi h2{font-size: 20px;  color: #fff;  text-align: center;  font-weight: bold;  background: #cd3810;  line-height: 2em;  border-radius: 5px;}
.newsi .more{ float:right; margin-top:-38px; padding-right:10px;}
.newsi ul{overflow: auto;margin: 0px;}
.newsi ul li{width: 48%;float: left; margin: 10px; border-bottom: 1px dashed #a2a2a2;}
.newsi ul li h4{ height:33px; line-height:33px; color:#cd3810;}
.newsi ul li p{ line-height:20px;color: #656565}
.producti_span{line-height: 125px !important;}
.middle{ width:100%; background:url(middle_bg.jpg) center bottom no-repeat #d8d8d8;overflow:hidden; padding-bottom:60px;}

.abouti{  margin-top:37px; width:663px; float:left;font-family:"Microsoft YaHei"; height:312px; border-right:1px solid #9d9d9d; color:#000000}
.abouti h2{ text-indent:35px; font-size:16.18px; color:#cd3810;  }
.abouti .more img{ margin-top:22px; }
.abouti p{ margin:0 auto; line-height:22px; font-size:12px; padding:10px;}

.causei{  margin-top:37px; width:337px; float:left;font-family:"Microsoft YaHei"; height:312px; color:#000000}
.causei h2{ text-indent:35px; font-size:16.18px; color:#cd3810;  }
.causei .more img{ margin-top:22px; }
.causei p{ width:300px; margin:0 auto; line-height:20px; font-size:11px; padding-top:21px; text-indent:2em;}





#foot{ clear:both; width:100%; background:#762008;height:307px; color:#fff;}
#foot a{ color:#fff;}
.tel_foot{ float:left; background:url(tel_bg.jpg) no-repeat; width:210px; height:307px;}
.tel_foot p{ padding-top:98px; text-align:center; font-size:19px; text-align:center; font-family:"FZLTCXHJW GB1 0"; color:#fff;}
.sub{ width:759px; padding-top:38px; float:left;}
.sub h3{ line-height:30px; height:30px;}
.sub ul li{ line-height:32px;}

#banner_in{  background:url(banner_in.jpg) no-repeat center top; width:100%; height:337px;}
#contents{ clear:both;width:100%; overflow:hidden; font-family:"FZLTCXHJW GB1 0"; color:#080808;}
#contents .main{ width:1000px; margin:0 auto; overflow:hidden;}
.left{ width:238px; float:left; margin-top:63px;}
.right{ width:741px; float:left; margin-left:21px;margin-top:63px;}


.plistL{ width:238px; border:1px solid #d6d5d5;background:#e1e1e1; }
.plistL h2{ background:#cd3810; height:30px; line-height:30px;width:238px; color:#fff; font-size:16px;  text-indent:5px;}
.plistL ul{ padding-top:10px; padding-bottom:20px; }
.plistL ul li{  height:30px; line-height:30px; background:url(plistL_li_bg.png) no-repeat 37px center;}
.plistL ul li a{ display:block;height:30px; line-height:30px;text-indent:60px; width:193px;}
.plistL ul li a:hover{ color:#fff600;}

.newsL{ width:238px; border:1px solid #d6d5d5;background:#e1e1e1;margin-top:12px; margin-bottom:20px;}
.newsL h2{ background:#cd3810; height:30px; line-height:30px;width:238px; color:#fff; font-size:16px;  text-indent:5px;}
.newsL .more{ float:right; margin-top:-22px; padding-right:10px;}
.newsL ul{ background:url(news_ul_bg.png) no-repeat left top; margin-top:20px;width:238px; }
.newsL ul li{ padding-left:83px; height:71px; margin-bottom:24px;}
.newsL ul li h4{ height:33px; line-height:33px; color:#cd3810;}
.newsL ul li p{ line-height:20px;}



.product{ padding-left:20px;}
.htitle{background:#cd3810; height:30px; line-height:30px; color:#fff; font-size:14px;  text-indent:8px;}


.imglist {width:730px; margin:0 auto; margin-top:20px; }
.imglist li{ width:237px; height:270px; line-height:22px; text-align:center; float:left;}
.imglist li img{ border:1px solid #c5c4c4;}

.news{ margin:0 auto; }
.news ul{ clear:both;padding-left:17px; padding-right:30px;padding-top:20px;}
.news ul li{ line-height:29px; background:url(plistL_li_bg.png) no-repeat 5px center; text-indent:14px;}
.news ul li A{}
.news ul li span{ float:right;}

.page{ padding-top:20px;clear:both;margin:0 auto; text-align:center;}
.page a{ margin-left:10px;}

.pos{ float:right; font-weight:normal; font-size:12px; padding-right:10px; margin-top:-33px; background:url(left_h3_bg.jpg) no-repeat left center; padding-left:33px;color:#fff; }
.pos a{text-decoration:none; color:#ffffff;}
.h1title{ height:35px; line-height:35px; font-size:14px; text-align:center; margin-top:20px;}
.content_in{ width:689px; margin:0 auto; line-height:22px; margin-top:20px;}
#title_extra{ text-align:center; height:25px; margin:0 auto; line-height:50px;}
.des{ text-align:center; height:35px; line-height:35px;}
#up_down{ text-align:center; line-height:35px; margin-top:20px;}
#up_down a{color:#3e3431;}
#related_product { margin-top:35px;}



#shouji{position:fixed;_position:absolute;top:150px;right:20px;background:#cfcfcf;z-index: 9999;}
#shouji p{margin:0px;padding:0px;text-align:center;font-weight:bold;font-size:12px;line-height:20px;color:#ff0000;}
#shouji img{width:150px;}



 #page { margin-top: 150px; font-size: 14px; }

 #page > ul { display: flex; justify-content: center; }

 /* #page > ul li { margin: 0 10px; } */
 #page > ul li{
     background: none;
 }
 .news ul li A {
   color: #3c3c3c;
}

 .banner_index img{width: 100%;}
 .footerDiv{display: none;}

 @media (min-width: 1024px) and (max-width: 1199px) {
   #top{width: 100%;}
   #top .logo{width: 100%;margin-top:0px;}
   .top_right{display: none;}
   #top .logo img{width: 53%;display: block;margin: 0 auto;}
   #top .nav{width: 100%;}
   #top .nav ul{width: 100%;padding-left:0px;margin-top: 12px;}
   #top .nav ul li{height: auto;}
   #top .nav ul li a{padding-top: 0px;line-height: 28px;}
   .plisti{width: 100%;}
   .plisti ul{height: auto;overflow: hidden;background: none;}
   .main{width: 100%;}
   #demo{width: 100%;}


   .middle{padding-left: 15px;padding-right: 15px;}
   .newsi{width: 100%;border-right: none;}
   .abouti{width: 50%;border-right: none;margin-top: 10px;float: left;}
   .abouti>p>img{display: block;}
   .causei{width: 50%;border-right: none;margin-top: 10px;float: left;}
   .causei>p>img{display: block;}
   .abouti h2{text-indent:0px;}
   .abouti p{width: 100%;}
   .causei h2{text-indent:0px;}
   .causei p{width: 100%;}

   .footer_bottems{width:100% !important;padding-bottom: 50px;}
   .tel_foot{width: 100%;}
   .sub{width: 100%;}

   .plisti h2{width: 100%;}
   .plisti ul li{padding-top: 0px;width: 33%;padding-left: 3px;margin-bottom: 6px;padding-right: 3px;}
   .plisti ul li a{font-size: 16px;color: #656565;line-height: 34px;display: block; border: 1px solid #ccc;}

   .producti h1{font-size: 14px !important;text-indent: 0px;height: auto;line-height:32px;}
   .producti_span{font-size: 14px !important;line-height: 72px !important;}

   .product_index_demo_xs ul{clear: both;}
   .product_index_demo_xs ul li img{width: 100% !important;height: auto !important;}
   .producti .more{margin-top: 26px;}
   .producti .more img{width: 66px;}

   .producti{padding-left: 15px;padding-right: 15px;}
   .product_index_demo_xs li{padding-left: 4px;padding-right: 4px;}
   .product_index_demo_xs li p{font-size: 14px;color: #eaeaea;text-align: center;line-height: 30px;}

   #foot{background: none;height: auto;margin-top: 24px;}
   .sub{display: none;}
   .tel_foot{display: none;}

   .footerDiv {display: block;background: #005293;position: fixed;display: block;bottom: 0px;width: 100%;z-index: 9999999;}
  .footerWrap li {text-align: center;margin-top: 6px;width: 25%;float: left;}
  .footerWrap li a {color: #fff;font-size: 15px;display: block;}
  .footerWrap li i {display: block;}
  .footer_bottom{margin-bottom: 60px;}

  #contents .main{width: 100%;margin-bottom:50px;}
  .left{display: block;width: 27%;margin-top:19px;}
  .right{width: 73%;margin-top: 0px;margin-left: 0px;margin-bottom: 50px;}
  .content_in{width: 100%;padding-left: 10px;padding-right: 10px;}
  .pos{margin-top: -42px;}

  .product{padding-left: 0px;}
  .imglist{width: 100%;}
  .imglist li{width: 33%;height: auto;padding-left: 4px;padding-right: 4px;padding-bottom: 10px;}
  .imglist li a{display: block;color: #717171;}
  .imglist li img{width: 100% !important;height: auto !important;}
  .right .about img{width: 80%;}


  .news ul{padding-left: 15px;padding-right: 15px;}
  .news ul li{background: url(plistL_li_bg.png) no-repeat left 11px;}

  .htitle{height:44px;line-height: 40px;}

  .newsL ul li h4{height: 21px;font-size: 14px;}
  .plistL ul li a{width: 100%;}
  .plistL{width: 90%;}
  .newsL{width: 90%;}
 }

 @media (min-width: 768px) and (max-width: 1023px) {
   #top{width: 100%;}
   #top .logo{width: 100%;margin-top:0px;}
   .top_right{display: none;}
   #top .logo img{width: 68%;display: block;margin: 0 auto;}
   #top .nav{width: 100%;}
   #top .nav ul{width: 100%;padding-left:0px;margin-top: 12px;}
   #top .nav ul li{height: auto;}
   #top .nav ul li a{padding-top: 0px;line-height: 28px;}
   .plisti{width: 100%;}
   .plisti ul{height: auto;overflow: hidden;background: none;}
   .main{width: 100%;}
   #demo{width: 100%;}


   .middle{padding-left: 15px;padding-right: 15px;}
   .newsi{width: 100%;border-right: none;}
   .newsi ul li{width: 47%;}
   .abouti{width: 100%;border-right: none;margin-top: 10px;float: left;}
   .abouti>p>img{display: block;}
   .causei{display: none;}
   .causei>p>img{display: block;}
   .abouti h2{text-indent:0px;}
   .abouti p{width: 100%;}
   .causei h2{text-indent:0px;}
   .causei p{width: 100%;}

   .footer_bottems{width:100% !important;padding-bottom: 50px;}
   .tel_foot{width: 100%;}
   .sub{width: 100%;}

   .plisti h2{width: 100%;}
   .plisti ul li{padding-top: 0px;width: 33%;padding-left: 3px;margin-bottom: 6px;padding-right: 3px;}
   .plisti ul li a{font-size: 16px;color: #656565;line-height: 34px;display: block; border: 1px solid #ccc;}

   .producti h1{font-size: 14px !important;text-indent: 0px;height: auto;line-height:32px;}
   .producti_span{font-size: 14px !important;line-height: 72px !important;}

   .product_index_demo_xs ul{clear: both;}
   .product_index_demo_xs ul li img{width: 100% !important;height: auto !important;}
   .producti .more{margin-top: 26px;}
   .producti .more img{width: 66px;}

   .producti{padding-left: 15px;padding-right: 15px;}
   .product_index_demo_xs li{padding-left: 4px;padding-right: 4px;}
   .product_index_demo_xs li p{font-size: 14px;color: #eaeaea;text-align: center;line-height: 30px;}

   #foot{background: none;height: auto;margin-top: 24px;}
   .sub{display: none;}
   .tel_foot{display: none;}

   .footerDiv {display: block;background: #005293;position: fixed;display: block;bottom: 0px;width: 100%;z-index: 9999999;}
  .footerWrap li {text-align: center;margin-top: 6px;width: 25%;float: left;}
  .footerWrap li a {color: #fff;font-size: 15px;display: block;}
  .footerWrap li i {display: block;}
  .footer_bottom{margin-bottom: 60px;}

  #contents .main{width: 100%;}
  .left{display: block;width: 27%;margin-top:19px;}
  .right{width: 73%;margin-top: 0px;margin-left: 0px;margin-bottom: 50px;}
  .content_in{width: 100%;padding-left: 10px;padding-right: 10px;}
  .pos{margin-top: -42px;}

  .product{padding-left: 0px;}
  .imglist{width: 100%;}
  .imglist li{width: 33%;height: auto;padding-left: 4px;padding-right: 4px;padding-bottom: 10px;}
  .imglist li a{display: block;color: #717171;}
  .imglist li img{width: 100% !important;height: auto !important;}
  .right .about img{width: 80%;}

  .news ul{padding-left: 15px;padding-right: 15px;}
  .news ul li{background: url(plistL_li_bg.png) no-repeat left 11px;}

  .htitle{height:44px;line-height: 40px;}

  .newsL ul li h4{height: 21px;font-size: 14px;}
  .plistL ul li a{width: 100%;}

  .plistL{width: 90%;}
  .newsL{width: 90%;}
 }

 @media (max-width: 767px) and (min-width: 424px){
   #top{width: 100%;}
    #top .logo{width: 100%;margin-top:0px;}
    .top_right{display: none;}
    #top .logo img{width: 90%;display: block;margin: 0 auto;}
    #top .nav{width: 100%;}
    #top .nav ul{width: 100%;padding-left:0px;margin-top: 12px;}
    #top .nav ul li{height: auto;}
    #top .nav ul li a{padding-top: 0px;line-height: 28px;}
    .plisti{width: 100%;}
    .plisti ul{height: auto;overflow: hidden;background: none;}
    .main{width: 100%;}
    #demo{width: 100%;}


    .middle{padding-left: 15px;padding-right: 15px;}
    .newsi{width: 100%;border-right: none;}
    .abouti{width: 100%;border-right: none;margin-top: 10px;}
    .causei{display: none;}
    .abouti h2{text-indent:0px;}
    .abouti p{width: 100%;}
    .causei h2{text-indent:0px;}
    .causei p{width: 100%;}

    .footer_bottems{width:100% !important;padding-bottom: 50px;}
    .tel_foot{width: 100%;}
    .sub{width: 100%;}
    .newsi ul li{width: 97%;}

    .plisti h2{width: 100%;}
    .plisti ul li{padding-top: 0px;width: 50%;padding-left: 3px;margin-bottom: 6px;padding-right: 3px;}
    .plisti ul li a{font-size: 16px;color: #656565;line-height: 34px;display: block; border: 1px solid #ccc;}

    .producti h1{font-size: 14px !important;text-indent: 0px;height: auto;line-height:32px;}
    .producti_span{font-size: 14px !important;line-height: 72px !important;}

    .product_index_demo_xs ul{clear: both;}
    .product_index_demo_xs ul li img{width: 100% !important;height: auto !important;}
    .producti .more{margin-top: 26px;}
    .producti .more img{width: 66px;}

    .producti{padding-left: 15px;padding-right: 15px;}
    .product_index_demo_xs li{padding-left: 4px;padding-right: 4px;}
    .product_index_demo_xs li p{font-size: 14px;color: #eaeaea;text-align: center;line-height: 30px;}

    #foot{background: none;height: auto;margin-top: 24px;}
    .sub{display: none;}
    .tel_foot{display: none;}

    .footerDiv {display: block;background: #005293;position: fixed;display: block;bottom: 0px;width: 100%;z-index: 9999999;}
   .footerWrap li {text-align: center;margin-top: 6px;width: 25%;float: left;}
   .footerWrap li a {color: #fff;font-size: 15px;display: block;}
   .footerWrap li i {display: block;}
   .footer_bottom{margin-bottom: 60px;}

   #contents .main{width: 100%;}
   .left{display: none;}
   .right{width: 100%;margin-top: 0px;margin-left: 0px;margin-bottom: 50px;}
   .content_in{width: 100%;padding-left: 10px;padding-right: 10px;}
   .pos{margin-top: -32px;}

   .product{padding-left: 0px;}
   .imglist{width: 100%;}
   .imglist li{width: 50%;height: auto;padding-left: 4px;padding-right: 4px;padding-bottom: 10px;}
   .imglist li a{display: block;color: #717171;}
   .imglist li img{width: 100% !important;height: auto !important;}
   .right .about img{width: 80%;}

   #up_down a{display: block;}

   .news ul{padding-left: 15px;padding-right: 15px;}
   .news ul li{background: url(plistL_li_bg.png) no-repeat left 11px;}

   .htitle{height:44px;}
 }

 @media (max-width: 425px){
    #top{width: 100%;}
    #top .logo{width: 100%;margin-top:0px;}
    .top_right{display: none;}
    #top .logo img{width: 90%;display: block;margin: 0 auto;}
    #top .nav{width: 100%;}
    #top .nav ul{width: 100%;padding-left:0px;margin-top: 12px;}
    #top .nav ul li{height: auto;}
    #top .nav ul li a{padding-top: 0px;line-height: 28px;}
    .plisti{width: 100%;}
    .plisti ul{height: auto;overflow: hidden;background: none;}
    .main{width: 100%;}
    #demo{width: 100%;}


    .middle{padding-left: 15px;padding-right: 15px;}
    .newsi{width: 100%;border-right: none;}
    .abouti{width: 100%;border-right: none;margin-top: 10px;}
    .causei{display: none;}
    .abouti h2{text-indent:0px;}
    .abouti p{width: 100%;}
    .causei h2{text-indent:0px;}
    .causei p{width: 100%;}

    .footer_bottems{width:100% !important;padding-bottom: 50px;}
    .tel_foot{width: 100%;}
    .sub{width: 100%;}
	.newsi ul li{width: 97%;}
    .plisti h2{width: 100%;}
    .plisti ul li{padding-top: 0px;width: 50%;padding-left: 3px;margin-bottom: 6px;padding-right: 3px;}
    .plisti ul li a{font-size: 16px;color: #656565;line-height: 34px;display: block; border: 1px solid #ccc;}

    .producti h1{font-size: 14px !important;text-indent: 0px;height: auto;line-height:32px;}
    .producti_span{font-size: 14px !important;line-height: 72px !important;}

    .product_index_demo_xs ul{clear: both;}
    .product_index_demo_xs ul li img{width: 100% !important;height: auto !important;}
    .producti .more{margin-top: 26px;}
    .producti .more img{width: 66px;}

    .producti{padding-left: 15px;padding-right: 15px;}
    .product_index_demo_xs li{padding-left: 4px;padding-right: 4px;}
    .product_index_demo_xs li p{font-size: 14px;color: #eaeaea;text-align: center;line-height: 30px;}

    #foot{background: none;height: auto;margin-top: 24px;}
    .sub{display: none;}
    .tel_foot{display: none;}

    .footerDiv {display: block;background: #cd3810;position: fixed;display: block;bottom: 0px;width: 100%;z-index: 9999999;}
   .footerWrap li {text-align: center;margin-top: 6px;width: 25%;float: left;}
   .footerWrap li a {color: #fff;font-size: 15px;display: block;}
   .footerWrap li i {display: block;}
   .footer_bottom{margin-bottom: 60px;}

   #contents .main{width: 100%;}
   .left{display: none;}
   .right{width: 100%;margin-top: 0px;margin-left: 0px;margin-bottom: 50px;}
   .content_in{width: 100%;padding-left: 10px;padding-right: 10px;}
   .pos{margin-top: -32px;}

   .product{padding-left: 0px;}
   .imglist{width: 100%;}
   .imglist li{width: 50%;height: auto;padding-left: 4px;padding-right: 4px;padding-bottom: 10px;}
   .imglist li a{display: block;color: #717171;}
   .imglist li img{width: 100% !important;height: auto !important;}
   .right .about img{width: 80%;}

   #up_down a{display: block;}

   .news ul{padding-left: 15px;padding-right: 15px;}
   .news ul li{background: url(plistL_li_bg.png) no-repeat left 11px;}

   .htitle{height:44px;}
 }