@charset "utf-8";
.mobilebox{ width:640px; overflow:hidden; margin:0 auto; background:#FFF; position:relative;}

.main{transition: all 0.5s ease-in-out 0s; width: 640px;}
.layout-selected .main{margin-left: -448px; background: #fff;}
.layout-selected .menubtn{ background:url(../Images/close.png) no-repeat;}

.aside{width: 448px; background:#C8000B; position: absolute; right: -448px;  top: 0; bottom: 0; transition: all 0.5s ease-in-out 0s;}
.layout-selected .aside{right: 0; }
.aside ul{ margin:0px; padding:0px; list-style:none;margin-top: 80px;}
.aside li{margin:10px 0 0 0; padding:0px; list-style:none;height: 50px; width:448px; text-align:center; border-bottom:1px solid #CCC}
.aside li h5{ margin:0px; padding:0px; width:90%; height:35px; line-height:35px; overflow:hidden; font-size:24px;;}
.aside li h6{ margin:0px; padding:0px; width:90%; height:30px; line-height:30px; overflow:hidden; font-size:16px; font-weight:normal;;}
.aside li a{color: #fff;}



.minmember-selected .main{margin-left: -448px; background: #fff;}
.minmemberaside{width: 448px; background:#E7940A; position: absolute; right: -448px;  top: 0; bottom: 0; transition: all 0.5s ease-in-out 0s;}
.minmember-selected .minmemberaside{right: 0; }
.minmemberaside ul{ margin:0px; padding:0px; list-style:none;margin-top: 160px;}
.minmemberaside li{margin:0px; padding:0px; list-style:none;height: 80px; line-height: 80px; font-size: 30px; padding-left: 105px;}
.minmemberaside li a{color: #fff;}


.searchbox{ width:640px; height:71px; background:#494949; overflow:hidden;}
.searchbox ul{ margin:0px; padding:0px; list-style:none}
.searchbox ul li{ margin:0px; padding:0px; list-style:none; float:left }
.searchbox ul li.in{width:563px; height:71px; background:url(../Images/searchbg.jpg) no-repeat;}
.searchbox ul li.in input{ width:505px; height:39px; border:0px; position:absolute; left:29px; top:16px; background:none; color:#A4A4A4; line-height:39px; font-size:14px;}
.searchbox ul li.btn input{ width:75px; height:71px; background:url(../Images/btn.jpg) no-repeat; border:0px; overflow:hidden;}
/*公共顶部*/
#header{ width:100%; height:92px; overflow:hidden;  position:relative}
#header .logo{ position:absolute; left:10px; top:-2px;}

#header .menubtn{ width:58px; height:53px; position:absolute; right:18px; top:15px; overflow:hidden;cursor:pointer; background: url(../Images/mb.jpg) no-repeat;} 
.layout-selected #header  .menubtn{ background:url(../Images/close.jpg)  0 20px no-repeat; }

#homeSlide{ width:640px; height:294px; overflow:hidden; position:relative}
#homeSlide .list{ width:640px; height:294px; overflow:hidden; z-index:0; position:absolute; left:0px; top:0px;}
#homeSlide .list ul{ margin:0px; padding:0px; list-style:none;}
#homeSlide .list ul li{ margin:0px; padding:0px; list-style:none; height:294px}

.pagination {
  position: absolute;
  left:0px;
  z-index: 20;
  bottom: 10px;
  width: 100%;
  text-align: center;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background: #555;
  margin: 0 5px;
  opacity: 0.8;
  border: 1px solid #fff;
  cursor: pointer;
}
.swiper-active-switch {
  background: #fff;
}


.hometop{ width:640px; height:auto; overflow:hidden; background:#FFF; padding:20px 0px}
.hometop ul{ margin:0px; padding:0px; list-style:none}
.hometop ul li{ margin:-1px 0 0 -1px; padding:0px; list-style:none; width:159px; height:158px; float:left; border:1px solid #F2F2F2;}
.hometop ul li .pic{ width:100%; text-align:center; margin-top:13px;}
.hometop ul li .tit{ width:100%; height:5px; line-height:35px; text-align:center; color:#000; font-size:26px;}


.hometit{ width:640px; height:56px; background:#C8000B; position:relative; margin:10px 0; overflow:hidden;}
.hometit h5{ margin:0px; padding:0px; height:56px; line-height:56px; font-size:20px; color:#FFF; text-indent:15px;}
.hometit .more{ position:absolute; right:0px; top:0px;}






.homeproduct{ width:640px; height:auto; overflow:hidden; margin:0 auto}
.homeproduct ul{ margin:0px; padding:0px; list-style:none}
.homeproduct ul li{ margin:0px 0 0 21px; padding:0px; list-style:none; width:285px; height:370px; position:relative; overflow:hidden; float:left}
.homeproduct ul li img{ width:275px; height:325px; border:1px solid #CCC; padding:2px;}
.homeproduct ul li span{ display:block; width:275px; height:35px; line-height:35px; text-align:center; font-size:16px; font-weight:bold;}





.homenlist{ width:640px; height:auto; margin:0 auto;}
.homenlist ul{ margin:0px; padding:0px; list-style:none}
.homenlist ul li{ margin:20px 0px 0px 0; padding:0px; list-style:none; width:640px ; height:110px; position:relative; border-bottom:1px dashed #CCCCCC}
.homenlist ul li img{ position:absolute; left:15px; top:0px; width:116px; height:88px; border:1px solid #CCC; padding:2px;}
.homenlist ul li p{ margin:0px; padding:0px; display:block; }
.homenlist ul li p.t1{ position:absolute; left:147px; top:0px; height:60px; line-height:30px; overflow:hidden; font-weight:bold; width:476px;}
.homenlist ul li p.t2{ position:absolute; left:147px; top:70px;}


.foottel{ width:640px; height:92px; text-align:center; line-height:92px; background:#DDDDDD; color:#DE000F; }
.footbox{ width:640px; height:auto; background:#FFFFFF;; position:relative; overflow:hidden;padding-bottom:81px;}
.footbox .box{ width:600px; margin:0 auto; clear:both; overflow:hidden; font-size:20px; text-align:center; line-height:200%; padding:20px 0}


.fixbottom{ width:640px; height:81px; background:#C8000B; overflow:hidden; position:fixed; left:0px; bottom:0px; left:50%; margin-left:-320px;}
.fixbottom .list{ width:650px; height:auto; overflow:hidden;}
.fixbottom .list ul{ margin:0px; padding:0px; list-style:none;}
.fixbottom .list ul li{ margin:0px; padding:0px; list-style:none; float:left}



.aboutbox{ width:640px; height:auto; overflow:hidden; background:#FFA200; padding:40px 0}
.aboutbox .box{ width:600px; margin:0 auto; clear:both; overflow:hidden;}
.aboutbox .box .tit{ margin:0px; padding:0px; display:block; width:600px; height:auto; line-height:200%; font-size:26px; font-weight:bold;}
.aboutbox .box h6{ margin:0px; padding:0px;width:60px; height:2px; background: #FFF}
.aboutbox .box .show{ width:100%; height:auto; overflow:hidden; line-height:250%; padding:10px 0; font-size:18px;}
.aboutbox .box .pic{ width:580px; height:313px; border:10px solid #FFF;}


.ertopbox{ width:640px; height:305px; position:relative; overflow:hidden;}
.ertopbox .pic{ width:640px; height:305px; position:absolute; left:0px; top:0px; overflow:hidden;}
.ertopbox .word{ position:absolute; z-index:1; left:0px; top:116px;}
.ertopbox .word .tit{ width:640px; height:50px; text-align:center; line-height:50px; color:#FFF; font-weight:bold; font-size:30px;}
.ertopbox .word .say{ width:321px; height:39px; line-height:39px; text-align:center; border-top:1px solid #FFF; border-bottom:1px solid #FFF; margin:0 auto; text-align:center; overflow:hidden; color:#FFF; font-size:16px;}


.ernavbox{ width:640px; margin:0 auto; clear:both; overflow:hidden; background:#F2F2F2; padding:10px 0;}
.ernavbox ul{ margin:0px; padding:0px; list-style:none}
.ernavbox ul li{ margin:10px 0px 0 10px; padding:0; width:145px; list-style:none; height:40px; line-height:40px; text-align:center; font-size:18px; border:1px solid #C9C9C9; background:#FFF; float:left }
.ernavbox ul li.onfocus{ background:#C8000B; color:#FFF}
.ernavbox ul li.onfocus a{ color:#FFF}

.ermianbox{ width:640px; height:auto; overflow:hidden; padding:15px 0;}

.splist{ width:650px; height:auto; overflow:hidden; margin:0 auto; clear:both}
.splist ul{ margin:0px; padding:0px; list-style:none}
/*
.splist ul li{ margin:29px 0 0 22px; padding:0px; list-style:none;  position:relative; width:289px; height:380px; float:left}
.splist ul li .pic{ width:272px; height:320px; position:absolute; left:7px; top:8px; border:1px solid #CCC}
.splist ul li .pic img{width:272px; height:320px; }
.splist ul li h5{ margin:0px; padding:0px; width:272px; height:33px; line-height:33px; position:absolute; left:7px; bottom:0px; color:#000; overflow:hidden;}
*/

.splist ul li{float:left;padding-top: 18px;margin-left: 12px;width: 196px;overflow: hidden;}
.splist ul li .pic img{border: 1px solid #ddd; width: 194px; height: 216px;}
.splist ul li h5{ margin:0px; padding:0px; height:33px; line-height:33px;color:#000; overflow:hidden;text-align: center;font-size: 18px;}



.splist2{ width:650px; height:auto; overflow:hidden; margin:0 auto; clear:both}
.splist2 ul{ margin:0px; padding:0px; list-style:none}
.splist2 ul li{ margin:29px 0 0 22px; padding:0px; list-style:none;  position:relative; width:289px; height:200px; float:left}
.splist2 ul li .pic{ width:272px; height:160px; position:absolute; left:7px; top:8px;}
.splist2 ul li .pic img{width:272px; height:160px; overflow:hidden;}
.splist2 ul li h5{ margin:0px; padding:0px; width:272px; height:33px; line-height:33px; position:absolute; left:7px; bottom:0px; color:#000; overflow:hidden;}





.maincenterbox{ width:600px; height:auto; overflow:hidden; margin:0 auto;}
.productlist{ width:640px; height:auto; overflow:hidden;}
.productlist ul{ margin:0px; padding:0px; list-style:none}
.productlist ul li{ margin:10px 23px 0 0; padding:0px; list-style:none; width:289px; height:276px; position:relative; overflow:hidden; float:left}
.productlist ul li img{ width:289px; height:218px; overflow:hidden;}
.productlist ul li span{ display:block; width:289px; height:50px; line-height:50px; font-size:24px; text-align:center; overflow:hidden;}


.nlist{ width:600px; margin:0 auto; clear:both; overflow:hidden;}
.nlist ul{ margin:0px; padding:0px; list-style:none;}
.nlist ul li{ margin:0px; padding:0px; list-style:none; width:600px; height:67px; border-bottom:1px dashed #B2B2B2; position:relative}
.nlist ul li p{ margin:0px; padding:0px; display:block; position:absolute;}
.nlist ul li p.t1{ width:450px; height:67px; line-height:67px; font-size:24px; left:0; top:0; background:url(../Images/arr1.jpg) 0 25px no-repeat; text-indent:15px; overflow:hidden;}
.nlist ul li p.t2{ position:absolute; height:67px; line-height:67px; font-size:24px;right:0; top:0;}


.ertitle{ width:600px; height:auto; overflow:hidden; font-size:30px; font-weight:bold; margin:0 auto; padding:10px 0;}
.ernav{ width:640px; height:60px; background:#F1F1F1;}
.ernav ul{ margin:0px; padding:0px; list-style:none;}
.ernav ul li{ margin:0px; padding:0px; list-style:none; width:160px; height:60px; font-size:24px; text-align:center; float:left; text-align:center; overflow:hidden; line-height:60px;}
.ernav ul li.onfocus{ background:#253974; color:#FFF}

.formbox{ width:600px; margin:0 auto; clear:both; overflow:hidden;}
.formbox ul{ margin:0px; padding:0px; list-style:none}
.formbox ul li{ margin:0px; padding:10px 0; list-style:none; width:600px; height:auto; overflow:hidden;}
.formbox ul li.tit{ color:#000;}
.formbox ul li select{ width:580px; height:35px;}
.formbox ul li .input1{ width:580px; height:30px; border:1px solid #CCC}
.formbox ul li .input2{ width:180px; height:30px; border:1px solid #CCC}

.formbox ul li textarea{ width:580px; height:180px;}
.formbox ul li .btn{ width:640px; height:53px; line-height:53px; text-align:center; color:#FFF; background:#D0701A; font-size:30px; font-weight:bold; border:0}
.allbtn{ width:640px; height:53px; line-height:53px; text-align:center; color:#FFF; background:#D0701A; font-size:30px; font-weight:bold; border:0}


.producttit{ width:600px; height:62px; background:url(../Images/ertit2.jpg) no-repeat; margin:0 auto; clear:both; overflow:hidden; text-indent:25px; line-height:62px; font-size:24pxpx; font-weight:bold; margin-top:15px; margin-bottom:15px; font-size:24px; color:#1D3978;}

.productbox{ width:600px; height:auto; margin:0 auto; clear:both; font-size:24px; line-height:200%;}

.productbox .slidebox{ width:323px; height:240px; float:left; overflow:hidden; position:relative}
.productbox .slidebox .list{ width:323px; height:240px; overflow:hidden; position:relative}
.productbox .slidebox .list ul{ margin:0px; padding:0px; list-style:none;}
.productbox .slidebox .list ul li{ margin:0px; padding:0px; list-style:none; float:left;width:323px; height:240px; }

.pridelist{ width:600px; height:auto; overflow:hidden; margin:0 auto; clear:both}
.pridelist ul{ margin:0px; padding:0px; list-style:none;}
.pridelist ul li{ margin:0px; padding:0px; list-style:none; width:600px; height:auto; overflow:hidden;}
.pridelist ul li .pic{ width:600px; height:auto; overflow:hidden; text-align:center}
.pridelist ul li .title{ width:600px; height:48px; line-height:48px; text-align:center; font-size:24px; font-weight:bold; color:#E04900;}
.pridelist ul li .word{ width:600px; height:auto; line-height:200%; text-align:center; font-size:20px;}

.contactmap{ width:600px; height:332px; margin:0 auto; clear:both; overflow:hidden;}
.contactbox{ width:600px; height:326px; background:url(../Images/lxwm.jpg) no-repeat; position:relative; margin:0 auto;}
.contactbox .box{ width:547px; height:186px; line-height:200%; overflow:hidden; position:absolute; left:30px; top:106px; font-size:20px; line-height:200%;}



.mainbox{ width:640px; height:auto; overflow:hidden; background:#5DA02F; min-height:300px;}
.mainbox .box2{ width:600px; height:auto; margin:0 auto; clear:both; overflow:hidden;}
.mainbox .navlist{ width:600px; height:auto; overflow:hidden;}
.mainbox .navlist .tit{ width:600px; height:62px; background:url(../Images/navbg.jpg) no-repeat; position:relative; cursor:pointer; line-height:62px; font-size:24px; font-weight:bold; color:#FFF; text-indent:43px;}
.mainbox .navlist .list{ width:600px; height:auto; overflow:hidden;}
.mainbox .navlist .list ul{ margin:0px; padding:0px; list-style:none}
.mainbox .navlist .list ul li{ margin:0px; padding:0px; list-style:none; width:600px; height:40px; line-height:40px; font-size:24px; text-indent:43px; overflow:hidden; border-bottom:1px solid #CCC;}
.mainbox .title{ width:600px; height:auto; overflow:hidden; margin:0 auto; line-height:200%; border-bottom:1px solid #FFF; font-size:26px; text-align:center; font-weight:bold;}
.mainbox .showbox{ width:100%; height:auto; overflow:hidden; margin:0 auto; clear:both; overflow:hidden; line-height:200%; padding:20px 0; font-size:20px;}

.npist{ width:600px; height:auto; overflow:hidden; margin:0 auto; clear:both;}
.npist ul{ margin:0px; padding:0px; list-style:none}
.npist ul li{ margin:10px 0; padding:0px; list-style:none; width:600px; height:178px; overflow:hidden; position:relative}
.npist ul li img{ width:301px; height:169px; position:absolute; left:0px; top:0px; display:block}
.npist ul li h5{ margin:0px; padding:0px; width:288px; height:108px; line-height:36px; font-size:24px; font-weight:bold; overflow:hidden;position:absolute; left:307px; top:0px;}
.npist ul li h6{ margin:0px; padding:0px; width:260px; height:40px; border:1px solid #FFF; border-radius:15px; line-height:40px; text-align:center;position:absolute; left:307px; top:118px;}