@charset "utf-8";
.basebox{ width:100%; min-width:320px; max-width:2000px; height:auto; overflow:hidden; position:relative; margin:0 auto; font-family:"Microsoft Yahei","微软雅黑",Arial, Helvetica, sans-serif; z-index:100; background: url(../Images/allbg.jpg) repeat}
.centerArea{  height:auto; margin:0 auto; clear:both; overflow:hidden; }

#fixmenu{ width:100%; height:auto; overflow:hidden; background:#FFFFFF; position:fixed; left:0px; top:0px; z-index:100000; display:none}
#fixmenu .boxmenu{ width:96%; margin:0 auto; height:auto; position:relative; overflow:hidden;}
#fixmenu .close{ width:96%; margin:0 auto; margin-top:20px; overflow:hidden; text-align:right}
#fixmenu .themenu{ width:96%; margin:0 auto; overflow:hidden;}
#fixmenu .themenu ul{ margin:0px; padding:0px; list-style:none}
#fixmenu .themenu ul li{ margin:0px padding:0px; list-style:none; font-size:16px; height:50px; line-height:50px; text-align:center}

.pcshow{ display:block}
.mbshow{ display:none}



.gotop{  width:40px; height:auto; cursor: pointer; z-index:200; right:10px;position: fixed;bottom: 100px;-webkit-transition: opacity .4s ease-in-out;-moz-transition: opacity .4s ease-in-out;-o-transition: opacity .4s ease-in-out;opacity: 1;z-index: 100020;display: none;
}
.gotop ul{ margin:0px; padding:0px; list-style:none}
.gotop ul li{ margin:0px 0 5px 0; padding:0px; list-style:none;width:40px; height:42px; position:relative; overflow: visible}
.gotop ul li.t1 p{ display:block; cursor:pointer}
.gotop ul li.t1 p{ width:40px; height:42px; background:url(../Images/float1.png) no-repeat;}
.gotop ul li.t2 p{ width:40px; height:42px; background:url(../Images/float2.png)no-repeat;}
.gotop ul li.t3 p{ width:40px; height:42px; background:url(../Images/float3.png) no-repeat;}
.gotop ul li .ercode{ width:100px; height:100px; position:absolute; right:42px; top:0px; display:none}


.headbox{ width:100%; height:88px;position:relative; z-index:100;overflow: visible; background:#df2121; background-size:cover;  }
.headbox .box{ width:100%;  height:88px;margin:0 auto; overflow:visible; position:relative; max-width:1380px }
.headbox .box .logo{ position:absolute; left:0px; top:16px;}
.headbox .box .tel{ position:absolute; right:0; top:0; width:166px; height:88px; border-left:1px solid #eeeeee; border-right:1px solid #eeeeee}
.headbox .box .tel .tit{ position:absolute; right:18px; top:15px; font-size:14px; color:#a0a0a0; height:30px; line-height:30px;}
.headbox .box .tel .phone{ position: absolute; right:18px; top:48px; color:#de600c; font-size:18px; }

.headbox .box .menu{ width:71.37%; position:absolute; right:50px; top:0px; overflow:visible;}
.headbox .box .menu ul{ margin:0px; padding:0px; list-style:none;}
.headbox .box .menu ul li{ margin:0px; padding:0px; list-style:none; width:12.50%; height:88px; line-height:88px; font-size:16px; float:left; overflow:visible; text-align:center; color:#FFF; position:relative}
.headbox .box .menu ul li a{ color:#FFF}

.headbox .box .menu ul li.onfocus{ background:url(../Images/menuon.png) bottom center no-repeat; color:#df2122}
.headbox .box .menu ul li.onfocus a{ color:#df2122}

.headbox .box .menu ul li ul{ width:100%; position:absolute; left:0px; top:88px; background:#FFF; display:none}
.headbox .box .menu ul li ul li{ width:100%; height:35px; line-height:35px; border-bottom:1px solid #999; font-size:14px;}
.headbox .box .menu ul li ul li a { color:#333}

.headbox .box .menu ul li.onfocus li{ background:none; color:#333}
.headbox .box .menu ul li.onfocus li a{ color:#333}

.headbox .box .searchbtn{ position:absolute; right:10px; top:33px; width:47px; height:40px; font-size:20px; font-weight:normal; cursor:pointer; z-index:100; color:#ffffff; text-align:right}
.headbox .box .menubtn{ position:absolute; right:0px; top:26px; width:47px; height:40px; font-size:30px; font-weight:normal; cursor:pointer; display:none; z-index:100; color:#ffffff; text-align:right}

.menubox{ width:100%; height:auto; background:#3ca703;}
.menubox .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1280px; margin:0 auto; clear:both; overflow:hidden; }
.menubox .centerbox .centerin{ width:100%; height:auto; overflow:hidden;  }
.menubox ul{ margin:0px; padding:0px; list-style:none}
.menubox ul li{ margin:0px; padding:0px; list-style:none;height:53px; line-height:53px; background:url(../Images/mline.jpg) right center no-repeat; font-size:14px; width:12.50%; float:left; overflow:hidden; text-align:center; color:#FFF;}
.menubox ul li.onfocus{background:#a8d007  }
.menubox ul li a{ color:#FFF}


.homeSlide{ width:100%; height:828px; overflow:hidden; position:relative; z-index:10; margin:0 auto; }
.homeSlide .list{width:100%; height:828px; overflow:hidden; position:relative; margin:0 auto;}
.homeSlide .list ul{ margin:0px; padding:0px; list-style:none; }
.homeSlide .list ul li{margin:0px; padding:0px; list-style:none;width:100%; height:828px; overflow:hidden; float:left; position:relative}


.homeSlidemb{ width:100%; height:551px; overflow:hidden; position:relative; z-index:10; margin:0 auto; }
.homeSlidemb .list{width:100%; height:551px; overflow:hidden; position:relative; margin:0 auto;}
.homeSlidemb .list ul{ margin:0px; padding:0px; list-style:none; }
.homeSlidemb .list ul li{margin:0px; padding:0px; list-style:none;width:100%; height:551px; overflow:hidden; float:left; position:relative}

#ertopslide{ width:100%; height:390px}
.erSlide{ width:100%; height:390px; overflow:hidden; position:relative;z-index:5; }
.erSlide .list{width:100%; height:390px; overflow:hidden; position:relative;   margin:0 auto}
.erSlide .list ul{ margin:0px; padding:0px; list-style:none}
.erSlide .list ul li{margin:0px; padding:0px; list-style:none;width:100%; height:390px; overflow:hidden; float:left; position:relative}
.erSlide .titbox{ width:700px; height:200px; position:absolute; left:50%; margin-left:-350px; top:50%; margin-top:-100px; text-align:center; background:url(../Images/line2.jpg) bottom center no-repeat}
.erSlide .titbox p{ display:block; width:100%; overflow:hidden;}
.erSlide .titbox p.t1{ font-size:42px; color:#FFF}
.erSlide .titbox p.t2{ font-size:32px; color:#FFF; margin-top:10px; text-transform:uppercase}


.homepart1{ width:100%; height:auto; background: url(../Images/h1bg.jpg) center center no-repeat #ffffff; background-size:cover; margin:0 auto; padding:50px 0; }
.homepart1 .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1380px; margin:0 auto; clear:both; overflow:hidden; }
.homepart1 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; line-height:200%; background:#ffffff  }

.homepart1 .leftbox{ width:50%; height:422px; overflow:hidden; box-sizing: border-box; padding:40px;float:left; }
.homepart1 .leftbox .tit{ width:100%; height:auto; overflow:hidden; font-size:26px; font-weight:bold; color:#df2122; line-height:30px;}
.homepart1 .leftbox .tit2{ width:100%; height:auto; overflow:hidden; margin-top:20px; font-size:18px; font-weight:bold; color:#313131;}
.homepart1 .leftbox .word{ width:100%; height:108px; line-height:27px; font-size:14px; overflow:hidden; margin-top:20px;}
.homepart1 .leftbox .more{ width:139px; height:44px; line-height:44px; border:1px solid #df2122; background:url(../Images/arr1.jpg) 104px 18px no-repeat; text-indent:35px; font-size:14px; font-weight:bold; margin-top:25px; color:#df2122;transition: all 0.5s ease;}

.homepart1 .leftbox .more:hover{  color:#FFF;background:url(../Images/arr2.png) 104px 18px no-repeat #df2122;}

.homepart1 .rightbox{ width:50%; height:auto; float:left; overflow:hidden;}
.homepart1 .rightbox .pic{ width:100%; height:422px; overflow:hidden;}

.homepart2{ width:100%; height:auto; background: url(../Images/h2bg.jpg) center center no-repeat; background-size:cover;  background-attachment: fixed;margin:0 auto; padding:50px  0 0 0; overflow:hidden; }
.homepart2 .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1580px; margin:0 auto; clear:both; overflow:hidden; }
.homepart2 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; line-height:200%;  }
.homepart2 .titbox{ width:100%; height:auto; overflow:hidden; text-align:center; font-size:32px; color:#ffffff; background:url(../Images/line1.jpg) top center no-repeat; padding:26px 0 20px 0;}
.homepart2 .titbox2{ width:100%; height:30px; line-height:30px; text-align:center; font-size:22px; color:#FFF}

.homepart2 .listbox{ width:100%; height:456px; overflow:hidden; position:relative; margin-top:40px;}
.homepart2 .listbox .leftarr{ width:62px; height:62px; background:url(../Images/left1.png) no-repeat; position:absolute; left:0px; top:50%; margin-top:-31px; cursor:pointer; z-index:10}
.homepart2 .listbox .rightarr{width:62px; height:62px; background:url(../Images/right1.png) no-repeat;position:absolute; right:0px; top:50%; margin-top:-31px;cursor:pointer; z-index:10}

.homepart2 .listbox .list{ width:100%; height:auto; overflow:hidden; max-width:1380px; margin:0 auto; position:relative; z-index:0}
.homepart2 .listbox .list ul{ margin:0px; padding:0px; list-style:none}
.homepart2 .listbox .list ul li{ margin:0px; padding:0px; list-style:none; width:25%; height:456px; float:left; overflow:hidden;}
.homepart2 .listbox .list ul li .box{ width:97%; height:456px; overflow:hidden; margin:0 auto}
.homepart2 .listbox .list ul li .pic{ width:100%; height:324px; overflow:hidden; box-sizing:border-box; border:1px solid #d3c6b1}
.homepart2 .listbox .list ul li .pic .img{ width:100%; height:324px; overflow:hidden;transition: all 0.5s ease;}
.homepart2 .listbox .list ul li .wordbox{ width:100%; height:133px; background:#FFF; overflow:hidden;}
.homepart2 .listbox .list ul li .wordbox .tit{ width:100%; height:24px; line-height:24px; margin-top:22px; text-align:center; overflow:hidden; font-size:16px;}
.homepart2 .listbox .list ul li .wordbox .tit2{ width:100%; height:30px; line-height:30px; overflow:hidden; text-align:center; overflow:hidden; font-size:14px; color:#626262}
.homepart2 .listbox .list ul li .wordbox .more{ width:100%; height:30px; text-align:center; line-height:30px; background:url(../Images/more1.jpg) center center no-repeat; margin-top:10px;}

.homepart2 .listbox .list ul li:hover  .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.homepart2 .listbox .list ul li:hover .wordbox .tit{ color:#df2122; font-weight:700}
.homepart2 .listbox .list ul li:hover .wordbox .tit2{ color:#ef8200;}
.homepart2 .listbox .list ul li:hover .wordbox .more{ background:url(../Images/more2.jpg) center center no-repeat}

.homepart2 .listbox .productpage {position: absolute;left: 0;text-align: center;bottom:10px;width: 100%; display:none}
.homepart2 .listbox .productpage .swiper-pagination-switch {display: inline-block;width: 10px;height: 10px; border-radius: 10px;background: #ffffff;margin: 0 3px;cursor: pointer;}
.homepart2 .listbox .productpage .swiper-active-switch {background: #df2123;}




.homepart3{ width:100%; height:auto; background: url(../Images/h3bg.jpg) center center no-repeat; background-size:cover; margin:0 auto; padding:45px 0; }
.homepart3 .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1380px; margin:0 auto; clear:both; overflow:hidden; }
.homepart3 .centerbox .centerin{ width:100%; height:auto; overflow:hidden;}
.homepart3 .titbox{ width:100%; height:auto; overflow:hidden; text-align:center; font-size:32px; color:#1b1b1b; background:url(../Images/line1.jpg) top center no-repeat; padding:26px 0 20px 0;}
.homepart3 .titbox2{ width:100%; height:30px; line-height:30px; text-align:center; font-size:22px; color:#1b1b1b; margin-bottom:30px;}
.homepart3 .leftbox{ width:66%; height:auto; float:left; overflow:hidden;}
.homepart3 .leftbox .list{ width:100%; height:auto; overflow:hidden;}
.homepart3 .leftbox .list ul{ margin:0px; padding:0px; list-style:none}
.homepart3 .leftbox .list ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:553px; overflow:hidden; position:relative}
.homepart3 .leftbox .list ul li .pic{ width:100%; height:553px; overflow:hidden; position:absolute; left:0px; top:0px;}
.homepart3 .leftbox .list ul li .pic .img{ width:100%; height:553px; overflow:hidden;transition: all 0.5s ease;}
.homepart3 .leftbox .list ul li .box{ width:50%; height:210px; overflow:hidden; background:url(../Images/cover1.png) repeat; box-sizing:border-box; position:absolute; right:0; bottom:0px; box-sizing:border-box; padding:20px; color:#FFF}
.homepart3 .leftbox .list ul li .box .tit{ width:100%; height:40px; line-height:40px; overflow:hidden; font-size:20px; font-weight:700; color:#ffffff}
.homepart3 .leftbox .list ul li .box .word{ width:100%; height:50px; line-height:25px; overflow:hidden; font-size:14px; margin-top:10px;}
.homepart3 .leftbox .list ul li .box .more{ width:90px; height:30px; background: url(../Images/more3.png) right center no-repeat; line-height:30px; font-size:14px; color:#ffffff; margin-top:25px;}


.homepart3 .leftbox .list2{ width:100%; height:auto; overflow:hidden; margin-top:20px; display:none}
.homepart3 .leftbox .list2 ul{ margin:0px; padding:0px; list-style:none}
.homepart3 .leftbox .list2 ul li{ margin:0px; padding:0px; list-style:none; width:50%; height:auto; overflow:hidden; float:left}
.homepart3 .leftbox .list2 ul li .box{ width:98%; height:auto; overflow:hidden;}
.homepart3 .leftbox .list2 ul li .pic{ width:100%; height:211px; overflow:hidden; }
.homepart3 .leftbox .list2 ul li .pic .img{ width:100%; height:211px; overflow:hidden;transition: all 0.5s ease;}
.homepart3 .leftbox .list2 ul li .wordbox{ width:100%; height:auto; overflow:hidden; box-sizing:border-box; padding:15px; background:#FFF}
.homepart3 .leftbox .list2 ul li .wordbox .tit{ width:100%; height:50px; line-height:25px; overflow:hidden; font-size:16px; font-weight:700; }
.homepart3 .leftbox .list2 ul li .wordbox .more{ width:90px; height:30px; background: url(../Images/more4.png) right center no-repeat; line-height:30px; font-size:14px;  margin-top:25px;}
.homepart3 .leftbox .list2 ul li.even .box{ float:right}



.homepart3 .leftbox .list ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}

.homepart3 .rightbox{ width:34%; height:553px; float:left; overflow:hidden;}
.homepart3 .rightbox .titnav{ width:100%; height:62px; overflow:hidden; background:#df2121}
.homepart3 .rightbox .titnav ul{ margin:0px; padding:0px; list-style:none}
.homepart3 .rightbox .titnav ul li{ margin:0px; padding:0px; list-style:none; width:25%; float:left; overflow:hidden; height:62px; line-height:62px; font-size:16px; text-align:center; color:#FFF; cursor:pointer}
.homepart3 .rightbox .titnav ul li.onfocus{ background:#ef8200}
.homepart3 .rightbox .listbox{ width:100%; height:auto; overflow:hidden;}
.homepart3 .rightbox .listbox .onebox{ width:100%; height:491px; overflow:hidden; position:relative}
.homepart3 .rightbox .listbox .list{ width:100%; height:491px; overflow:hidden;}
.homepart3 .rightbox .listbox .list ul{ margin:0px; padding:0px; list-style:none}
.homepart3 .rightbox .listbox .list ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:491px; overflow:hidden; position:relative}
.homepart3 .rightbox .listbox .list ul li .pic{ width:100%; height:282px; overflow:hidden}
.homepart3 .rightbox .listbox .list ul li .box{ width:100%; height:210px; background:#FFF; overflow:hidden;box-sizing:border-box; padding:20px;}

.homepart3 .rightbox .listbox .list ul li  .box .tit{ width:100%; height:40px; line-height:40px; overflow:hidden; font-size:20px; font-weight:700; color:#1a1a1a}
.homepart3 .rightbox .listbox .list ul li  .box .word{ width:100%; height:50px; line-height:25px; overflow:hidden; font-size:14px; margin-top:10px;}
.homepart3 .rightbox .listbox .list ul li  .box .more{ width:90px; height:30px; background: url(../Images/more4.png) right center no-repeat; line-height:30px; font-size:14px; color:#1a1a1a; margin-top:25px;}

.homepart3 .rightbox .listbox .onebox .casepage { position: absolute;left: 0;text-align: center;top:250px;width: 100%;}
.homepart3 .rightbox .listbox .onebox .casepage .swiper-pagination-switch { display: inline-block;width: 10px;height: 10px; border-radius: 10px;background: #d9dad1;margin: 0 3px;cursor: pointer;}
.homepart3 .rightbox .listbox .onebox .casepage .swiper-active-switch { background: #df2122;}



.homepart4{ width:100%; height:auto; background:#ffffff; margin:0 auto; padding:50px 0; }
.homepart4 .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1380px; margin:0 auto; clear:both; overflow:hidden; }
.homepart4 .centerbox .centerin{ width:100%; height:auto; overflow:hidden;}
.homepart4 .titbox{ width:100%; height:auto; overflow:hidden; text-align:center; font-size:32px; color:#1b1b1b; background:url(../Images/line1.jpg) top center no-repeat; padding:26px 0 20px 0;}
.homepart4 .titbox2{ width:100%; height:30px; line-height:30px; text-align:center; font-size:22px; color:#1b1b1b; margin-bottom:30px;}
.homepart4 .listbox{ width:100%; height:auto; overflow:hidden;}
.homepart4 .listbox ul{ margin:0px; padding:0px; list-style:none}
.homepart4 .listbox ul li{ margin:0px 0 40px 0; padding:0px; list-style:none; width:50%; height:auto; float:left; overflow:hidden; height:139px;}
.homepart4 .listbox ul li .box{ width:96.65%; height:auto; overflow:hidden;}
.homepart4 .listbox ul li .pic{ width:34%; height:130px; overflow:hidden; border:1px solid #e7e5e6; padding:2px; box-sizing:border-box; float:left}
.homepart4 .listbox ul li .pic .img{ width:100%; height:130px;transition: all 0.5s ease;}
.homepart4 .listbox ul li .wordbox{ width:64%; height:auto; float:right; overflow:hidden;}
.homepart4 .listbox ul li .wordbox .tit{ width:100%; height:38px; line-height:38px; overflow:hidden; font-size:18px; color:#1a1a1a;transition: all 0.5s ease;}
.homepart4 .listbox ul li .wordbox .word{ width:100%; height:50px; line-height:25px; overflow:hidden; font-size:14px; margin-top:10px;}
.homepart4 .listbox ul li .wordbox .time{ width:100%; height:25px; line-height:25px; overflow:hidden; font-size:12px; margin-top:10px;}

.homepart4 .listbox ul li.even .box{ float:right}


.homepart4 .listbox ul li:hover .pic{border:1px solid #f6cbcb; }
.homepart4 .listbox ul li:hover .wordbox .tit{ color:#df2122}
.homepart4 .listbox ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}

.footmenu{ width:100%; height:auto; background:#414141; overflow:hidden;  padding:30px 0}
.footmenu .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1380px; margin:0 auto; clear:both; overflow:hidden;  }
.footmenu .centerbox .centerin{ width:100%; height:auto; overflow:hidden;  position:relative;}

.footmenu .part1{ width:57.26%; float:left; height:auto; overflow:hidden; color:#ffffff}
.footmenu .part1 a{ color:#FFF}
.footmenu .part1 .menu{ width:100%; height:auto; overflow:hidden}
.footmenu .part1 .menu ul{ margin:0px; padding:0px; list-style:none}
.footmenu .part1 .menu ul li{ margin:0px; padding:0px; list-style:none; width:12.5%; height:30px; line-height:30px; float:left; overflow:hidden; font-weight:700}
.footmenu .part1 .word{ width:100%; height:auto; overflow:hidden; line-height:200%; font-size:13px; margin-top:25px;}

.footmenu .part3{ width:207px; float:right; height:170px; overflow:hidden; margin-right:15px;}
.footmenu .part3 select{ width:96%; height:45px; border:1px solid #0f6dbe; position:relative; margin-top:125px; background:#0f6dbe; color:#FFF}


.footmenu .part4{  float:right; height:auto; overflow:hidden; }
.footmenu .part4 ul{ margin:0px; padding:0px; list-style:none}
.footmenu .part4 ul li{ margin:0px; padding:0px; list-style:none; width:96px; height:96px; float:left; margin-left:20px;}

.footer{ width:100%; height:auto; overflow:hidden; background:#222627; padding:32px 0;  position:relative; z-index:1; border-top:1px solid #2d3132; padding:15px 0  }
.footer .centerbox{ width:96%; height:auto;  min-width:320px; max-width:1280px; margin:0 auto; clear:both; overflow:hidden; }
.footer .centerbox .centerin{ width:96%; height:auto; overflow:hidden; line-height:200%; color:#7e8283; text-align:center; margin:0 auto}
.footer .centerbox .centerin a{ color:#7e8283;}


.footermb{ width:100%; height:auto; overflow:hidden; background:#f0f0f0; padding:30px 0;  position:relative; z-index:1; margin-top:10px; display:none }
.footermb .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1200px; margin:0 auto; clear:both; overflow:hidden; }
.footermb .centerbox .centerin{ width:92%; height:auto; overflow:hidden; line-height:200%; color:#6a6a6a; text-align:center; margin:0 auto}
.footermb .centerbox .centerin a{color:#6a6a6a;}

.fixbottomkong{ width:100%; height:60px; clear:both; overflow:hidden; display:none;}
.fixbottom{ width:100%; height:auto; overflow:hidden; background:#161415;  position:fixed; left:0px; bottom:0px; z-index:100; display:none;}
.fixbottom .list{ margin:0px; padding:0px; list-style:none; width:100%; min-width:320px; margin:0 auto;}
.fixbottom .list ul{ margin:0px; padding:0px; list-style:none}
.fixbottom .list ul li{ margin:0px; padding:0px; list-style:none; width:33.33%; height:60px; line-height:60px; font-size:16px; color:#FFF; float:left; overflow:hidden;  height:auto; border-left:1px solid #2d2b2c; margin-left:-1px; text-align:center}



@keyframes bgbig
{
0%   {transform:scale(1.5);}

100%   {transform:scale(1);}

}
@-webkit-keyframes bgbig{
0%   {transform:scale(1.5);}

100%   {transform:scale(1);}
}


.ertop{ width:100%; height:auto; overflow:hidden; background:#ffffff; z-index:10; position:relative; }
.ertop .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1380px; margin:0 auto; clear:both; overflow:hidden;  }
.ertop .centerbox .centerin{ width:100%; height:auto; overflow:hidden;}
.ertop .location{  line-height:54px ; text-align:right; overflow:hidden; font-size:14px; color:#aaaaaa; float:right}
.ertop .location a{ color:#aaaaaa;}
.ertop .titbox{ width:100%; height:auto; overflow:hidden; font-size:36px;text-align:center; margin:0 auto; text-transform:uppercase; height:50px; line-height:50px; color:#100c0b; font-family:"Times New Roman", Times, serif}
.ertop .titbox2{ width:100%; font-size:24px; color:#100c0b; text-align:center; margin:0 auto; height:60px; line-height:45px; }

.ertop .navbox{ height:auto;  float:left; overflow:hidden;}
.ertop .navbox ul{ margin:0px; padding:0px 0 0 1px; list-style:none}
.ertop .navbox ul li{ margin:0; padding:0px; list-style:none; width:121px; height:54px; line-height:54px; font-size:16px; text-align:center; float:left; overflow:hidden; border-left:1px solid #dde7f3;border-right:1px solid #dde7f3; margin-left:-1px}
.ertop .navbox ul li.onfocus{ color:#fff; background:#df2122}
.ertop .navbox ul li.onfocus a{ color:#fff}


.ertopsun{ width:100%; height:auto; overflow:hidden; background:#f8f3f0; z-index:10; position:relative; padding:20px 0}
.ertopsun .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1280px; margin:0 auto; clear:both; overflow:hidden;  }
.ertopsun .centerbox .centerin{ width:100%; height:auto; overflow:hidden;}
.ertopsun .list{ width:100%; height:auto; overflow:hidden;}
.ertopsun .list ul{ margin:0px; padding:0px; list-style:none}
.ertopsun .list ul li{ margin:10px 1%; padding:0px; list-style:none; width:14.6%; float:left; overflow:hidden; height:50px; line-height:50px; border:1px solid #e2e1e1; font-size:16px; text-align:center}
.ertopsun .list ul li.onfocus{ border:1px solid #f6323e; background:#FFF; color:#f60515}
.ertopsun .list ul li.onfocus a{color:#f60515}

.ersortname{ width:100%; height:auto; overflow:hidden;  z-index:10; position:relative; display:none}
.ersortname .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1280px; margin:0 auto; clear:both; overflow:hidden;  }
.ersortname .centerbox .centerin{ width:100%; height:auto; overflow:hidden;}
.ersortname .titlebox{ width:100%; height:104px; overflow:hidden; background:url(../Images/hometit1bg.jpg) top right no-repeat;position:relative; margin-top:10px;}
.ersortname .titlebox .tit{ position:absolute; background:url(../Images/home1line.jpg) #FFF 0 0 no-repeat;height:104px; left:0px; top:0px; padding-right:10px;}
.ersortname .titlebox .tit p{ margin:0px; padding:0px;text-indent:28px; }
.ersortname .titlebox .tit p.t1{ color:#ff9c00; font-size:20px; margin-top:28px;}
.ersortname .titlebox .tit p.t2{ color:#c0c0c0; font-family:Arial, Helvetica, sans-serif}


.maintitbox{ width:100%; height:auto; overflow:hidden; font-size:20px;text-align:center; margin:0 auto; text-transform:uppercase; height:40px; line-height:40px; color:#b4b4b4}
.maintitbox2{ width:100%; font-size:26px; color:#3ca703; text-align:center; margin:0 auto; height:50px; line-height:45px; background:url(../Images/h2ttline.jpg) bottom center no-repeat;}

.mainbox{ width:100%; height:auto; overflow:hidden; padding:25px 0; background: url(../Images/mainbg.jpg) bottom center no-repeat #f5f5f5;  }
.mainbox .centerbox{ width:100%; height:auto;   max-width:1380px; margin:0 auto; clear:both; overflow:hidden; }
.mainbox .centerbox .centerin{ width:100%; height:auto; overflow:hidden; margin:0 auto }

.mainbox2{ width:100%; height:auto; overflow:hidden; padding:25px 0; background:#f1f1f1;  }
.mainbox2 .centerbox{ width:100%; height:auto;   max-width:1280px; margin:0 auto; clear:both; overflow:hidden; }
.mainbox2 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; margin:0 auto }

.mainbg{ width:100%; height:auto; overflow:hidden; background:#FFF; box-sizing:border-box; padding:20px; border-radius:10px}




.mainbox .leftbox{ width:13%; float:left; overflow:hidden;  height:auto; position:relative; }
.mainbox .rightbox{ width:87%; float:right; overflow:hidden;height:auto; background:#FFF;} 



.mainbox .leftbox .titbox{ width:100%; margin:0 auto; height:30px; line-height:30px;  overflow:hidden; font-size:16px; }


.mainbox .leftbox .navbox{ width:90%;  height:auto; overflow:hidden;  padding-bottom:0px;}
.mainbox .leftbox .navlist{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.mainbox .leftbox .navlist ul{ margin:0px; padding:0px; list-style:none}
.mainbox .leftbox .navlist ul li{ margin:10px 0; padding:0px; list-style:none; width:100%; height:auto; line-height:37px; overflow:hidden; text-align:left; text-indent:20px; border-bottom:1px solid #e6e6e6;  font-size:14px; background:url(../Images/tab2.jpg) right center no-repeat; }
.mainbox .leftbox .navlist ul li.onfocus{ background:url(../Images/tab1.jpg)  right center no-repeat;  color:#f25d03;  border-bottom:1px solid #ff6100;  }
.mainbox .leftbox .navlist ul li.onfocus a{ color:#f25d03;}
.mainbox .leftbox .navlist ul li ul{ margin:0px; padding:0px; list-style:none; display:none}
.mainbox .leftbox .navlist ul li ul li{ margin:0px; padding:0px; list-style:none; height:30px; text-indent:40px; line-height:30px;background:url(../Images/arrA.jpg) 25px center no-repeat; font-size:12px ; border:0px; }
.mainbox .leftbox .navlist ul li.onfocus ul li a{ color:#616161}
.mainbox .leftbox .navlist ul li.onfocus ul li.onfocus{ font-weight:bold;background:url(../Images/arrB.jpg) 25px center no-repeat; color:#0094da}
.mainbox .leftbox .navlist ul li.onfocus ul li.onfocus a{color:#0094da} 
.mainbox .leftbox .navlist ul li.onfocus ul{ display:block}

.mainbox .leftbox .telbox{ width:92%; height:auto; overflow:hidden; margin:0 auto; margin-top:20px;}
.mainbox .leftbox .telbox .tit{ width:100%; height:30px; line-height:30px; font-size:14px; color:#000;text-indent:20px;}
.mainbox .leftbox .telbox .tel{ width:100%; height:30px; line-height:30px; overflow:hidden; color:#0591e0;text-indent:20px;} 

.mainbox .leftbox .leftbottom{ width:100%; height:14px; background:url(../Images/leftbottom.jpg) center center no-repeat; background-size:100% 100%;}


.mainbox .leftbox .leftad{ width:87.30%; height:auto; overflow:hidden; margin:0 auto;}
.mainbox .leftbox .leftad ul{ margin:0px; padding:0px; list-style:none}
.mainbox .leftbox .leftad ul li{ margin:6px 0; padding:0px; list-style:none; width:100%; height:auto; overflow:hidden;}
.mainbox .leftbox .leftad ul li img{ width:100%;}

.mainbox .leftbox .navsun{ width:100%; height:auto; overflow:hidden; background:none; display:none}
.mainbox .leftbox .navsun ul{ margin:0px; padding:0px; list-style:none}
.mainbox .leftbox .navsun ul li{ margin:10px 1%; padding:0px; list-style:none; width:31%; font-size:12px; overflow:hidden; height:35px; line-height:35px; float:left; text-align:center} 
.mainbox .leftbox .navsun ul li.onfocus{ color:#3082e5;}
.mainbox .leftbox .navsun ul li.onfocus a{ color:#3082e5;}


.mainbox .rightbox .titlebox{ width:100%;  overflow:hidden; height:54px; border-bottom:1px solid #cccccc;; position:relative}
.mainbox .rightbox .titlebox .tit{ position: absolute; left:0px; top:0px; text-indent:10px; background: url(../Images/rtit.jpg) left bottom no-repeat;height:53px; line-height:53px; font-size:20px; color:#272727;}
.mainbox .rightbox .titlebox .location{ position:absolute; right:10px; top:0px;height:57px; line-height:57px;  text-indent:31px;}

.mainbox  .thebox{ width:96.76%; margin:0 auto; padding:10px 0;}

.mainbox .erpic{ width:100%; height:auto; overflow:hidden; margin:20px 0}

.ertoptit{ width:100%; height:54px; line-height:54px; overflow:hidden; font-size:30px; text-align:center; background:url(../Images/ttline2.jpg) bottom center no-repeat; color:#282828; margin-top:37px;}

.thetoper{ width:100%; height:auto; overflow:hidden;}
.thetoper .titbox{ width:100%; height:89px; overflow:hidden; position:relative}
.thetoper .titbox p{ display:block; width:100%; overflow:hidden; position:absolute; text-align:center}
.thetoper .titbox p.t1{ left:0px; top:0px; font-size:80px; line-height:80px; color:#f1f1f1; font-family:"Times New Roman", Times, serif}
.thetoper .titbox p.t2{ left:0px; bottom:0px; font-size:30px; color:#3d3d3d; height:32px; line-height:32px;}
.thetoper .titbox2{ width:100%; height:52px; overflow:hidden; background:url(../Images/ttarr2.png)  center center no-repeat; margin-top:30px;}

/*关于我们页面*/
.aboutbox1{ width:100%; height:auto; overflow:hidden; padding:25px 0; background: url(../Images/mainbg.jpg) bottom center no-repeat #f5f5f5;}
.aboutbox1 .centerbox{ width:100%; height:auto;   max-width:1380px; margin:0 auto; clear:both; overflow:hidden; }
.aboutbox1 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; margin:0 auto;background:#FFF; box-sizing:border-box; padding:20px; border-radius:10px }




.aboutbox2{ width:100%; height:auto; overflow:hidden;  background: url(../Images/mainbg2.jpg) center center no-repeat; background-size:cover; background-attachment:fixed; padding:50px 0}
.aboutbox2 .centerbox{ width:100%; height:auto;   max-width:1380px; margin:0 auto; clear:both; overflow:hidden; }
.aboutbox2 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; margin:0 auto; }

.aboutbox2 .titbox{ width:100%; height:auto; overflow:hidden; text-align:center; font-size:32px; color:#ffffff; background:url(../Images/line1.jpg) top center no-repeat; padding:26px 0 20px 0;}
.aboutbox2 .titbox2{ width:100%; height:30px; line-height:30px; text-align:center; font-size:22px; color:#ffffff; margin-bottom:30px;}

.aboutbox2 .slidebox{ width:100%; height:95px; overflow:hidden; position:relative; margin-top:88px;}
.aboutbox2 .slidebox .leftarr{ position:absolute; left:0px; bottom:9px; width:42px; height:42px; cursor:pointer; background:url(../Images/left2.png) no-repeat; z-index:10}
.aboutbox2 .slidebox .rightarr{ position:absolute; right:0px; bottom:9px;width:42px; height:42px; cursor:pointer; background:url(../Images/right2.png) no-repeat; z-index:10}
.aboutbox2 .slidebox .list{ width:94%; height:95px; margin:0 auto; overflow:hidden; background:url(../Images/line3.jpg) 0 63px repeat-x;}
.aboutbox2 .slidebox .list ul{ margin:0px; padding:0px; list-style:none}
.aboutbox2 .slidebox .list ul li{ margin:0px; padding:0px; list-style:none; width:157px; height:95px; background:url(../Images/dot2.png) center 58px no-repeat; color:#FFF; text-align:center; font-size:18px; float:left; cursor:pointer }
.aboutbox2 .slidebox .list ul li.onfocus{ background:url(../Images/dot1.png) center 58px no-repeat; color:#df2122;}

.aboutbox2 .slidebox .list ul li.swiper-slide-active{ background:url(../Images/dot1.png) center 58px no-repeat; color:#df2122;}

.aboutbox2 .wordbox{ width:94%; margin:0 auto; overflow:hidden;}
.aboutbox2 .wordbox .arr{ width:100%; height:26px; background:url(../Images/aup.png) 50px 0 no-repeat; position:relative; z-index:10}
.aboutbox2 .wordbox .word{ width:100%; height:auto; overflow:hidden; background:#FFF; box-sizing:border-box; padding:20px; border:5px solid #9fa0a0; border-radius:15px; position:relative; z-index:0; margin-top:-5px}
.aboutbox2 .wordbox .word .tit{ width:100%; height:auto; overflow:hidden; font-size:20px; color:#df2122; line-height:35px;}

.aboutbox3{ width:100%; height:auto; overflow:hidden;  background: url(../Images/aboutbox3bg.jpg) no-repeat; background-size:cover; padding:25px 0}
.aboutbox3 .centerbox{ width:100%; height:auto;max-width:1380px; margin:0 auto; clear:both; overflow:hidden; }
.aboutbox3 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; margin:0 auto;background:#FFF; box-sizing:border-box; padding:20px; border-radius:10px }


/*产品展示*/
.productlist{ width:100%; height:auto; overflow:hidden; max-width:1380px; margin:0 auto; position:relative; z-index:0}
.productlist ul{ margin:0px; padding:0px; list-style:none}
.productlist ul li{ margin:0px 0 20px 0; padding:0px; list-style:none; width:25%; height:auto; float:left; overflow:hidden;}
.productlist ul li .box{ width:97%; height:auto; overflow:hidden; margin:0 auto; background:#FFF}
.productlist ul li .pic{ width:100%; height:324px; overflow:hidden; box-sizing:border-box; border:1px solid #ffffff}
.productlist ul li .pic .img{ width:100%; height:324px; overflow:hidden;transition: all 0.5s ease;}
.productlist ul li .wordbox{ width:100%; height:133px; background:#e8e8e8; overflow:hidden;}
.productlist ul li .wordbox .tit{ width:100%; height:35px; line-height:35px; margin-top:22px; text-align:center; overflow:hidden; font-size:16px; color:#000; }
.productlist ul li .wordbox .tit2{ width:100%; height:30px; line-height:30px; overflow:hidden; text-align:center; overflow:hidden; font-size:14px; color:#626262}
.productlist ul li .wordbox .more{ width:100%; height:30px; text-align:center; line-height:30px; background:url(../Images/more5.png) center center no-repeat; margin-top:10px;}

.productlist ul li:hover  .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.productlist ul li:hover .wordbox{ background:#df2122}
.productlist ul li:hover .wordbox .tit{ color:#fff; }
.productlist ul li:hover .wordbox .tit2{ color:#fff;}
.productlist ul li:hover .wordbox .more{ background:url(../Images/more6.png) center center no-repeat}


/*案例展示*/
.caselist{ width:100%; height:auto; overflow:hidden; max-width:1380px; margin:0 auto; position:relative; z-index:0}
.caselist ul{ margin:0px; padding:0px; list-style:none}
.caselist ul li{ margin:0px 0 20px 0; padding:5px 0; list-style:none; width:33.33%; height:auto; float:left; overflow:hidden;}
.caselist ul li .box{ width:97%; height:auto; overflow:hidden; margin:0 auto; background:#FFF;box-shadow:0 0 9px 3px #f0f0f0;}
.caselist ul li .pic{ width:100%; height:246px; overflow:hidden; box-sizing:border-box;}
.caselist ul li .pic .img{ width:100%; height:246px; overflow:hidden;transition: all 0.5s ease;}
.caselist ul li .wordbox{ width:100%; height:189px; background:#ffffff; overflow:hidden; box-sizing:border-box; padding:20px;}
.caselist ul li .wordbox .tit{ width:100%; height:30px; line-height:30px;  overflow:hidden; font-size:18px; color:#000; font-weight:700}
.caselist ul li .wordbox .tit2{ width:100%; height:50px; line-height:25px; overflow:hidden;  overflow:hidden; font-size:14px; color:#1a1a1a; margin-top:15px;}
.caselist ul li .wordbox .more{ width:90px; height:30px;  line-height:30px; font-size:14px; background:url(../Images/more7.png) right center no-repeat; background-size:auto 18px; margin-top:10px;}

.caselist ul li:hover  .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.caselist ul li:hover .box{box-shadow:0 0 9px 3px #f3e4e4;}
.caselist ul li:hover .wordbox .tit{ color:#df2122; font-weight:700}
.caselist ul li:hover .wordbox .more{ background:url(../Images/more8.png) right center no-repeat;background-size:auto 18px; color:#df2122; }


/*新闻图片*/
.newsplist{ width:100%; height:auto; overflow:hidden; max-width:1380px; margin:0 auto; position:relative; z-index:0}
.newsplist ul{ margin:0px; padding:0px; list-style:none}
.newsplist ul li{ margin:0px 0 20px 0; padding:5px 0; list-style:none; width:33.33%; height:auto; float:left; overflow:hidden;}
.newsplist ul li .box{ width:97%; height:auto; overflow:hidden; margin:0 auto; background:#FFF;box-shadow:0 0 9px 3px #f0f0f0;}
.newsplist ul li .pic{ width:100%; height:236px; overflow:hidden; box-sizing:border-box;}
.newsplist ul li .pic .img{ width:100%; height:236px; overflow:hidden;transition: all 0.5s ease;}
.newsplist ul li .wordbox{ width:100%; height:auto; background:#ffffff; overflow:hidden; box-sizing:border-box; padding:20px;}
.newsplist ul li .wordbox .tit{ width:100%; height:60px; line-height:30px;  overflow:hidden; font-size:16px; color:#000; font-weight:700}

.newsplist ul li .wordbox .time{ width:90px; height:30px;  line-height:30px; font-size:14px;margin-top:10px;}

.newsplist ul li:hover  .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.newsplist ul li:hover .box{box-shadow:0 0 9px 3px #f3e4e4;}
.newsplist ul li:hover .wordbox .tit{ color:#df2122; font-weight:700}


/*新闻列表*/
.thenews{ width:100%; height:auto; overflow:hidden; margin-top:15px;}
.thenews ul{ margin:0px; padding:0px; list-style:none}
.thenews ul li{ margin:0px 0 20px 0; padding:0px; list-style:none; width:100%; height:auto; overflow:hidden; height:auto; position:relative; padding:25px 0; background:#FFF }
.thenews ul li .box{ width:98%; margin:0 auto; overflow:hidden;}
.thenews ul li .tit{ width:100%; height:auto; overflow:hidden; font-size:16px; color:#1a1a1a}
.thenews ul li .word{ width:100%; height:54px; line-height:27px; overflow:hidden; font-size:14px; margin-top:10px; overflow:hidden;}
.thenews ul li .more{ width:196px; height:30px; line-height:30px; background:url(../Images/more7.png) right center no-repeat; margin-top:15px; font-size:14px}


.thenews ul li:hover .tit{ color:#df2122}
.thenews ul li:hover .more{ background:url(../Images/more8.png) right center no-repeat; color:#df2122}



/*人才招聘*/
.jobbox1{ width:100%; height:auto; overflow:hidden; padding:25px 0; background: url(../Images/mainbg.jpg) bottom center no-repeat #f5f5f5;}
.jobbox1 .centerbox{ width:100%; height:auto;   max-width:1380px; margin:0 auto; clear:both; overflow:hidden; }
.jobbox1 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; margin:0 auto;background:#FFF; box-sizing:border-box; padding:20px; border-radius:10px }
.jobbox1 .list{ width:100%; height:auto; overflow:hidden; margin-top:20px;}
.jobbox1 .list ul{ margin:0px; padding:0px; list-style:none}
.jobbox1 .list ul li{margin:0px; padding:0px; list-style:none; width:33.33%; float:left; overflow:hidden;}
.jobbox1 .list ul li .box{ width:96%; margin:0 auto; overflow:hidden;}
.jobbox1 .list ul li .box .pic{ width:100%; height:235px; overflow:hidden;}
.jobbox1 .list ul li .box .pic .img{ width:100%; height:235px; overflow:hidden;transition: all 0.5s ease;}
.jobbox1 .list ul li .box .wordbox{ width:100%; height:auto; overflow:hidden;}
.jobbox1 .list ul li .box .tit{ width:100%; height:42px; line-height:42px; overflow:hidden; margin-top:10px; font-weight:700; color:#df2122; font-size:24px;}
.jobbox1 .list ul li .box .word{ width:100%; height:35px; line-height:35px; overflow:hidden; font-size:14px; margin-top:10px;}

.jobbox1 .list ul li:hover .box .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}


.jobbox2{ width:100%; height:auto; overflow:hidden; padding:25px 0; background: url(../Images/mainbg.jpg) bottom center no-repeat #f5f5f5;}
.jobbox2 .centerbox{ width:100%; height:auto;   max-width:1380px; margin:0 auto; clear:both; overflow:hidden; }
.jobbox2 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; margin:0 auto;  }
.jobbox2 .title{ width:100%; height:auto; overflow:hidden; text-align:center; font-size:32px; color:#151515; background:url(../Images/line1.jpg) top center no-repeat; padding:10px 0;}
.jobbox2 .title2{ width:100%; height:30px; line-height:30px; text-align:center; font-size:22px; color:#df2122; margin-bottom:1px; font-weight:700}
.jobbox2 .showbox{ width:100%; height:auto; text-align:center; line-height:30px; font-size:14px}

.joblist{ width:100%; height:auto; overflow:hidden;}
.joblist .onebox{ width:100%; height:auto; overflow:hidden; margin-top:15px; background:#ffffff}
.joblist .onebox .titbox{ width:100%; height:auto;  overflow:hidden;  cursor:pointer; box-sizing:border-box; padding:20px;}
.joblist .onebox .titbox p{ display:block; height:30px; line-height:30px; float:left; overflow:hidden; }
.joblist .onebox .titbox p.t1{ width:60%; font-size:18px; font-weight:700}
.joblist .onebox .titbox p.t2{ width:40%; text-align:right; padding-right:30px; background:url(../Images/more7.png) right center no-repeat; box-sizing:border-box;}
.joblist .onebox .titbox p.t3{ width:100%;}
.joblist .onebox .titbox p.t4{ width:13%;}

.joblist .onebox .wordbox{ width:100%; height:auto; overflow:hidden; padding:15px 0; background:#ffffff; display:none; border-top:1px solid #e6e6e6; }
.joblist .onebox .wordbox .word{ width:96%; margin:0 auto; overflow:hidden; height:auto; line-height:200%;}

.joblist .onfocus .titbox p.t1{ color:#df2122;}
.joblist .onfocus .titbox p.t2{ color:#df2122;background:url(../Images/more8.png) right center no-repeat;}
.joblist .onfocus .wordbox{ display:block}


/*新闻信息*/
.bignews{ width:100%; height:auto; overflow:hidden; margin:0 auto; clear:both; margin-top:20px; background:#f2f5fa; padding:30px 0}
.bignews .list{ width:96%; margin:0 auto; overflow:hidden;}
.bignews ul{ margin:0px; padding:0px; list-style:none}
.bignews ul li{ margin:20px 0 0 0px; padding:0px; overflow:hidden; list-style:none; width:100%; height:auto;clear:both;}
.bignews ul li .pic{ width:49%; float:left; overflow:hidden; height:359px; }
.bignews ul li .pic .img{ width:100%; height:359px; overflow:hidden;transition: all 0.5s ease;}
.bignews ul li .wordbox{ width:49%; float:right; overflow:hidden; height:359px;}
.bignews ul li .wordbox .titbox{ width:100%; height:109px; position:relative; border-bottom:1px dashed #d3d6db}
.bignews ul li .wordbox .titbox .time{ width:68px; height:70px; position:absolute; left:0px; top:17px; color:#FFF; background:#009aea;}
.bignews ul li .wordbox .titbox .time p{ display:block; width:100%; text-align:center}
.bignews ul li .wordbox .titbox .time p.t1{ font-family:Arial, Helvetica, sans-serif; font-size:30px; margin-top:5px;}
.bignews ul li .wordbox .titbox .time p.t2{ font-family:Arial, Helvetica, sans-serif; font-size:12px}
.bignews ul li .wordbox .titbox .tit{ position:absolute; left:85px; top:17px; height:70px; line-height:70px; overflow:hidden; font-size:26px;}

.bignews ul li .wordbox .word{ width:100%; height:100px; line-height:25px; overflow:hidden; font-size:14px; margin-top:22px; }

.bignews ul li .wordbox .readtimes{ font-size:14px;  width:100%; height:28px; line-height:28px; background:url(../Images/rtimes.png) left center no-repeat; text-indent:38px; color:#828689; margin-top:45px;}

.bignews ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}



/*新闻*/
.nplist{ width:100%; height:auto; overflow:hidden; margin:0 auto; clear:both}
.nplist ul{ margin:0px; padding:0px; list-style:none}
.nplist ul li{ margin:16px 0 0 0px; padding:0 0 0px 0; overflow:hidden; list-style:none; width:33.33%; height:auto; float:left}
.nplist ul li .box{ width:96%; margin:0 auto; overflow:hidden; background:#f2f5fa;transition: all 0.5s ease;}

.nplist ul li .titbox{ width:96%; margin:0 auto; height:100px; position:relative;}
.nplist ul li .titbox .time{ width:54px; height:57px; position:absolute; left:0px; top:24px; border:1px solid #75c8f4;}
.nplist ul li .titbox .time p{ display:block; width:100%; text-align:center; margin:0; padding:0; line-height:24px;}
.nplist ul li .titbox .time p.t1{ font-family:Arial, Helvetica, sans-serif; font-size:24px; margin-top:5px; color:#009aeb}
.nplist ul li .titbox .time p.t2{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#009aeb}
.nplist ul li .titbox .tit{ position:absolute; left:72px; top:24px; height:56px; line-height:28px; overflow:hidden; font-size:16px;}

.nplist ul li .pic{ width:100%; height:235px;overflow:hidden; position:relative}
.nplist ul li .pic .img{ width:100%; height:235px;transition: all 0.5s ease;}

.nplist ul li .wordbox{ width:100%; height:auto; overflow:hidden;}
.nplist ul li .wordbox .inbox{ width:96%; margin:0 auto; overflow:hidden;}

.nplist ul li .wordbox .word{ width:100%; height:52px; line-height:26px; margin-top:15px; font-size:13px; overflow:hidden;}
.nplist ul li .wordbox .readtimes{ font-size:14px;  width:100%; height:28px; line-height:28px; background:url(../Images/rtimes2.png) left center no-repeat; text-indent:38px; color:#828689; margin:15px 0;}
.nplist ul li:hover .box{ background:#009aeb}
.nplist ul li:hover .titbox .time p.t1{ color:#FFF}
.nplist ul li:hover .titbox .time p.t2{ color:#FFF}
.nplist ul li:hover .titbox .tit{ color:#FFF}
.nplist ul li:hover .wordbox .word{ color:#FFF}
.nplist ul li:hover .wordbox .readtimes{color:#FFF}
.nplist ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}


.casetit{ width:100%; height:auto; overflow:hidden; clear:both; background:url(../Images/casetitbg.jpg) center center no-repeat; background-size:cover; padding:70px 0}
.casetit .titbox{ width:100%; height:89px; overflow:hidden; position:relative}
.casetit .titbox p{ display:block; width:100%; overflow:hidden; position:absolute; text-align:center}
.casetit .titbox p.t1{ left:0px; top:0px; font-size:80px; line-height:80px; color:#c0c5cd; font-family:"Times New Roman", Times, serif}
.casetit .titbox p.t2{ left:0px; bottom:0px; font-size:30px; color:#fff; height:32px; line-height:32px;}
.casetit .titbox2{ width:100%; height:52px; overflow:hidden; background:url(../Images/ttarr2.png)  center center no-repeat; margin-top:30px;}

.thecasebox{ width:100%; height:auto; overflow:hidden;  background:#f4f4f4; padding:30px 0 30px 0;}
.thecasebox .centerbox{ width:100%; height:auto;   max-width:1280px; margin:0 auto; clear:both; overflow:hidden; }
.thecasebox .centerbox .centerin{ width:100%; height:auto; overflow:hidden; margin:0 auto }






/*环保设备*/
.machine{ width:100%; height:auto; overflow:hidden;}
.machine ul{ margin:0px; padding:0px; list-style:none}
.machine ul li{ margin:15px 0 0 0; padding:0px; list-style:none; width:25%; float:left; overflow:hidden;}
.machine ul li .box{ width:96%; margin:0 auto; overflow:hidden; background:#ffffff;transition: all 0.5s ease;border:1px solid #efefef;transition: all 0.5s ease;}
.machine ul li .pic{ width:100%; height:268px;  overflow:hidden; position:relative}
.machine ul li .pic .img{ width:100%; height:268px; overflow:hidden;transition: all 0.5s ease;}
.machine ul li .pic .cover{ width:100%; height:268px; background:url(../Images/cover2.png) center center no-repeat; background-size:cover; clear:none; position:absolute; left:0px; top:0px; display:none}
.machine ul li .wordbox{ width:96%; margin:0 auto;}
.machine ul li .wordbox .tit{ width:100%; height:57px; line-height:57px; font-size:16px; text-align:center; background: url(../Images/line1.jpg) bottom center no-repeat; overflow:hidden;}
.machine ul li .wordbox .tit2{ width:100%; height:36px; line-height:36px; overflow:hidden; text-align:center}

.machine ul li:hover .box{ background:#a7d006}
.machine ul li:hover .pic .cover{ display:block}
.machine ul li:hover .wordbox .tit{ background:url(../Images/line2.jpg) bottom center no-repeat; color:#FFF}
.machine ul li:hover .wordbox .tit2{ color:#FFF}
.machine ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}






/*材料展示*/
.piclist{ width:100%; height:auto; overflow:hidden;}
.piclist ul{ margin:0px; padding:0px; list-style:none}
.piclist ul li{ margin:20px 0 0 0; padding:0px; list-style:none; width:25%; height:auto; overflow:hidden; float:left}
.piclist ul li .box{ width:96%; margin:0 auto; overflow:hidden;}
.piclist ul li .pic{ width:100%; height:312px; overflow:hidden; position:relative}
.piclist ul li .pic .img{ width:100%; height:312px; overflow:hidden;transition: all 0.5s ease;}

.piclist ul li .tit{ width:100%; height:60px; overflow:hidden; line-height:60px; font-size:14px; text-align:center}
.piclist ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.piclist ul li:hover .tit{ background:#ececec; color:#f16005;}


/*联系我们*/
.contactbox{ width:100%; height:auto; overflow:hidden;}
.contactbox .addressbox{ width:50%; float:left; overflow:hidden; height:auto}
.contactbox .addressbox .box{ width:96%; height:auto; overflow:hidden; font-size:14px; line-height:200%; overflow:hidden;}
.contactbox .addressbox .list{ width:100%; height:auto; overflow:hidden; margin-top:25px;}
.contactbox .addressbox .list ul{ margin:0px; padding:0px; list-style:none}
.contactbox .addressbox .list ul li{ margin:0px; padding:0px; list-style:none; width:33.33%; float:left; overflow:hidden;}
.contactbox .addressbox .list ul li .pic{ width:100%; height:auto; overflow:hidden; text-align:center}
.contactbox .addressbox .list ul li .pic img{ max-width:90%;}
.contactbox .addressbox .list ul li .tit{ width:100%; height:50px; overflow:hidden; line-height:50px; text-align:center}

.contactbox .feedbackbox{width:50%; float:left; overflow:hidden; height:auto}
.contactbox .feedbackbox .list{ width:100%; height:auto; overflow:hidden;}
.contactbox .feedbackbox .list ul{ margin:0px; padding:0px; list-style:none}
.contactbox .feedbackbox .list ul li{ margin:8px 0 0 0; padding:0px; list-style:none; width:100%; height:auto; overflow:hidden;}
.contactbox .feedbackbox .list ul li .input1{ width:100%; height:53px; line-height:53px; border:1px solid #d6d6d6; text-indent:21px;}
.contactbox .feedbackbox .list ul li textarea{ width:100%; height:160px; line-height:25px; border:1px solid #d6d6d6; text-indent:21px;}

.contactbox .feedbackbox .list ul li .btnme{ width:100%; height:50px; line-height:50px; font-size:16px; color:#FFF; border:1px solid #df2122; color:#df2122; background:none;transition: all 0.5s ease;}
.contactbox .feedbackbox .list ul li .btnme:hover{ background:#df2122; color:#FFF}
.mapbox{ width:100%; height:486px; overflow:hidden; margin-top:25px;}





.newslist{ width:100%; height:auto; overflow:hidden;}
.newslist ul{ margin:0px; padding:0px; list-style:none}
.newslist ul li{ margin:0; padding:0; list-style:none; width:100%; height:43px; line-height:43px; overflow:hidden; position:relative;  overflow:hidden; border-bottom:1px solid #ededed; font-size:14px }
.newslist ul li span{ color:#157ce3; }

/*表单*/
.formbox{ width:100%; height:auto; overflow:hidden;}
.formbox ul{ margin:0px; padding:0px; list-style:none}
.formbox ul li{ margin:15px 0px; padding:0px; list-style:none; width:50%; float:left; overflow:hidden;}
.formbox ul li .tit{ width:20%; float:left; overflow:hidden; font-size:14px; text-align:right; height:35px; line-height:35px; overflow:hidden; float:left; padding-right:5px;}
.formbox ul li .inbox{ width:75%; float:left; overflow:hidden; float:left;}
.formbox ul li .input1{ width:100%; height:35px; border:0px; border-bottom:1px solid #CCC;}
.formbox ul li .input2{ width:100%; height:35px; border:0px; border-bottom:1px solid #CCC; background: url(../Images/cm.jpg) right center no-repeat}
.formbox ul li .input3{ width:100%; height:35px; border:0px; border-bottom:1px solid #CCC; background: url(../Images/kg.jpg) right center no-repeat}
.formbox ul li .input4{ width:50%; float:left; overflow:hidden;height:35px; border:0px; border-bottom:1px solid #CCC; text-indent:45px; background:url(../Images/zuo.jpg) left center no-repeat}
.formbox ul li .input5{ width:50%; float:left; overflow:hidden;height:35px; border:0px; border-bottom:1px solid #CCC; text-indent:45px; background:url(../Images/you.jpg) left center no-repeat}
.formbox ul li select{ width:100%; height:35px; line-height:35px; overflow:hidden; border:1px solid #CCC; }

.formbox ul li textarea{ width:100%; height:350px; overflow:hidden; border:1px solid #CCC}
.formbox ul li.long{ width:100%; height:auto; overflow:hidden; line-height:200%;}

.formbox ul li.long .btnme{ width:250px; height:50px; line-height:50px; overflow:hidden; background:#0172c4; font-size:16px; color:#FFF; margin:0 auto; border:0px; display:block}

.baom{ width:309px; height:57px; background:#ff6000; font-size:20px; color:#FFF; text-align:center; line-height:57px; margin-top:25px;}

/*相册幻灯*/
.schoolSlide{ width:100%; height:600px; overflow:hidden; margin:0 auto; margin-top:20px; position:relative}
.schoolSlide .list{ width:100%; height:456px; overflow:hidden;}
.schoolSlide .list ul{ margin:0px; padding:0px; list-style:none}
.schoolSlide .list ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:456px; float:left; overflow:hidden; float:left; position:relative}
.schoolSlide .list ul li p{ display:block; width:100%; height:40px; line-height:40px; text-indent:15px; color:#FFF; overflow:hidden; background:url(../Images/cover3.png) repeat; left:0px; bottom:0px; position:absolute}
.schoolSlide .leftarr{ width:30px; height:45px; background:url(../Images/left1.png) no-repeat; position:absolute; left:28px; top:197px; cursor:pointer; z-index:100; }
.schoolSlide .rightarr{ width:30px; height:45px;background:url(../Images/right1.png) no-repeat; position:absolute; right:28px; top:197px;cursor:pointer; z-index:100; }
.schoolSlide .minbox{ width:100%; height:111px; overflow:hidden; margin-top:24px; position:relative}
.schoolSlide .minbox .left1{ position:absolute; left:0px; top:25px; width:20px; height:33px; background:url(../Images/minleft.jpg) no-repeat;cursor:pointer}
.schoolSlide .minbox .right1{position:absolute; right:0px; top:25px;width:20px; height:33px; background:url(../Images/minright.jpg) no-repeat;cursor:pointer}
.schoolSlide .minbox .mlist{ width:92%; margin:0 auto; overflow:hidden; }
.schoolSlide .minbox .mlist ul{ margin:0px; padding:0px; list-style:none}
.schoolSlide .minbox .mlist ul li{ margin:0px; padding:0px; list-style:none; width:191px; height:111px; overflow:hidden; float:left}
.schoolSlide .minbox .mlist ul li .img{ width:90%; height:111px; overflow:hidden;}
.schoolSlide .minbox .mlist ul li .img .cover{ width:100%; height:111px; background:url(../Images/cover3.png) repeat; overflow:hidden; display:none}
.schoolSlide .minbox .mlist ul li .img .cover p{ display:block; width:100%; text-align:center; color:#FFF; font-size:14px}
.schoolSlide .minbox .mlist ul li .img .cover p.t1{ margin-top:33px;}
.schoolSlide .minbox .mlist ul li.active-nav .img{ border:1px solid #0882d5}
.schoolSlide .minbox .mlist ul li.active-nav .img .cover{ display:block}





/*新闻*/
.listnews{ width:100%; height:auto; overflow:hidden;}
.listnews ul{ margin:0px; padding:0px; list-style:none}
.listnews ul li{ margin:20px 0 0 0; padding:0px; list-style:none; width:100%; height:140px; border-bottom:1px dashed #e5e5e5;}
.listnews ul li .wordbox{ width:86.01%; float:left;}
.listnews ul li .wordbox .tit{ width:100%; height:25px; line-height:25px; font-size:14px; color:#000; overflow:hidden;}
.listnews ul li .wordbox .hit{ width:100%; height:24px; line-height:24px; margin-top:7px; overflow:hidden; background:url(../Images/hittimes.jpg) left center no-repeat; text-indent:38px;overflow:hidden;}
.listnews ul li .wordbox .word{ width:100%; height:50px; line-height:25px; overflow:hidden; margin-top:10px;}
.listnews ul li .timebox{ width:10%; float:right; height:113px; overflow:hidden; border-left:1px solid #e6e6e6;}
.listnews ul li .timebox p{ display:block; width:100%; overflow:hidden; text-align:center}
.listnews ul li .timebox p.t1{ width:100%; font-size:24px; color:#eb2c34; margin-top:25px;}
.listnews ul li .timebox p.t2{ width:100%; margin-top:13px; overflow:hidden; font-size:12px;}

.listnews ul li.havepic .pic{ width:20.86%; float:left; overflow:hidden; height:126px; overflow:hidden;} 
.listnews ul li.havepic .pic .img{ width:100%;  height:126px;transition: all 0.5s ease;}
.listnews ul li.havepic  .wordbox{ width:62.06%; float:left; margin-left:2.73%;}

.listnews ul li.havepic:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}

/*服务*/
.servicelist{ width:100%; height:auto; overflow:hidden; clear:both; padding:15px 0}
.servicelist ul{ margin:0px; padding:0px; list-style:none}
.servicelist ul li{ margin:15px 0 0 0 ; padding:0px; list-style:none; width:33.33%; float:left; overflow:hidden; height:auto;-webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -ms-transition-duration:0.5s;transition-duration:0.5s;}
.servicelist ul li .box{ width:96%; margin:0 auto; overflow:hidden; border:1px solid #ebebeb;}
.servicelist ul li .pic{ width:100%; height:194px; overflow:hidden;}
.servicelist ul li .pic .img{ width:100%; height:194px; overflow:hidden;transition: all 0.5s ease;}
.servicelist ul li .tit{ width:92%; margin:0 auto; height:50px; line-height:50px; font-size:14px; color:#000; overflow:hidden;}
.servicelist ul li .word{ width:92%; margin:0 auto; height:50px; line-height:25px; overflow:hidden; border-bottom:1px dashed #CCCCCC; margin-top:10px; }
.servicelist ul li .more{ width:92%; margin:0 auto; height:41px; line-height:41px; overflow:hidden;}
.servicelist ul li .more p{ display:block; height:41px; line-height:41px;}
.servicelist ul li .more p.t1{float:left;}
.servicelist ul li .more p.t2{float:right; color:#e5222a;}

.servicelist ul li:hover .tit{ color:#e5222a;}
.servicelist ul li:hover .box{ border:1px solid #e5222a;}
.servicelist ul li:hover .pic .img{  -webkit-transform: scale(1.1); transform: scale(1.1);}

/*留言*/
.msgbox{ width:100%; height:auto; overflow:hidden; background:#FFF; padding:25px 0; margin-bottom:20px;}
.msgbox .box{ width:92%; margin:0 auto; overflow:hidden;}
.msgbox .tit{ width:100%; height:40px; line-height:40px; overflow:hidden; font-size:16px;}
.msgbox .list{ width:100%; height:auto; overflow:hidden;}
.msgbox .list ul{ margin:0px; padding:0px; list-style:none}
.msgbox .list ul li{ margin:10px 0 0 0; padding:0px; list-style:none; width:33.33%; height:36px; line-height:36px; float:left; overflow:hidden;}
.msgbox .list ul li .input1{ width:92%; height:36px; border:1px solid #CCC; text-indent:11px; line-height:36px; background:#FFF}
.msgbox .list ul li select{ width:92%; height:36px; border:1px solid #CCC; line-height:36px; background:#FFF}
.msgbox .list ul li .btnme{ width:128px; height:40px; line-height:40px; color:#FFF; border:0px; background:#00a3cc; font-size:14px}



.allbox{ width:100%; height:auto; overflow:hidden; background:#FFF; padding:20px 0;}

/*下载*/
.download{ width:96%; margin:0 auto; overflow:hidden;}
.download ul{ margin:0px; padding:0px; list-style:none}
.download ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:43px; line-height:43px; border-bottom:1px dashed #d3d3d3; position:relative}
.download ul li p{ display:block; height:43px; line-height:43px; float:left; overflow:hidden;}
.download ul li p.t1{ background:url(../Images/newsdot1.jpg) 5px 16px no-repeat; text-indent:24px; font-size:14px; width:60%;}
.download ul li p.t2{ width:20%; text-align:center;}
.download ul li p.t3{ width:20%; text-align:right;}






/*师资力量*/
.teacherlist{ width:100%; height:auto; overflow:hidden;}
.teacherlist ul{ margin:0px; padding:0px; list-style:none}
.teacherlist ul li{ margin:0px; padding:0px; list-style:none; width:33.33%; float:left}
.teacherlist ul li .box{ width:96%; margin:0 auto; overflow:hidden;}
.teacherlist ul li .pic{ width:100%; height:182px; border:1px solid #CCC; overflow:hidden;}
.teacherlist ul li .pic .img{width:100%; height:182px; transition: all 0.5s ease;}
.teacherlist ul li .tit{ width:100%; height:50px; line-height:50px; overflow:hidden; font-size:14px; text-align:center}

.teacherlist ul li:hover .pic .img{-webkit-transform: scale(1.1);transform: scale(1.1);}








/*关于我们*/
.aboutbox{ width:100%; background:url(../Images/aboutbg.jpg) top right  no-repeat; overflow:hidden; min-height:400px; margin-top:35px; font-size:14px;}
.aboutbox .box{ width:50%; overflow:hidden; line-height:200%;}
.aboutpic{ width:100%; height:auto; overflow:hidden;}
.aboutpic ul{ margin:0px; padding:0px; list-style:none}
.aboutpic ul li{ margin:0px; padding:0px; list-style:none; width:50%; float:left; overflow:hidden;}
.aboutpic ul li img{ width:96%; margin:0 auto; overflow:hidden;}
 





.box2{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.showus{ width:100%; line-height:200%; font-size:12px; margin:0 auto; margin-top:20px; font-size:14px}
.showus table{width:100%;border-collapse:collapse;}
.showus tr.tit{ background:#0172c4; color:#FFF;}
.showus tr.even{ background:#eff4f8}
.showus td{border:1px solid #e1e1e1;line-height:48px; font-size:14px; text-align:center}
.showus td em{color:#999;margin-left:5px; font-style:normal;}




.ertitle{ width:100%; height:auto; overflow:hidden;}
.ertitle { float:left; height:67px; line-height:67px; overflow:hidden; font-size:24px; font-weight:bold; color:#4b4b4b;}
.ertitle  span{ font-weight:normal; color:#7f7f7f; font-size:12px}








/*推荐的新闻*/
.goodnews{ width:100%; height:auto; overflow:hidden;}
.goodnews ul{ margin:0px; padding:0px; list-style:none}
.goodnews ul li{ margin:0px; padding:0px; list-style:none; width:50%; float:left; height:185px;}
.goodnews ul li .box{ width:90%; height:185px; overflow:hidden;}
.goodnews ul li .tit{ width:100%; height:47px; line-height:47px; font-size:16px; overflow:hidden; color:#3f9d15; font-weight:bold;}
.goodnews ul li .word{ width:100%; height:75px; line-height:25px; overflow:hidden; color:#787878; }
.goodnews ul li .time{ width:100%; margin-top:20px; height:45px; line-height:45px; overflow:hidden; color:#3f9d15;}




/*产品展示*/
.photolist{ width:100%; height:auto; overflow:hidden;}
.photolist ul{ margin:0px; padding:0px; list-style:none}
.photolist ul li{ margin:20px 0 0 0; padding:0px; list-style:none; width:33%; float:left; overflow:hidden;}
.photolist ul li .box{ width:90%; height:auto; overflow:hidden;}
.photolist ul li .box .pic{ width:100%; height:307px; overflow:hidden; position:relative; border:2px solid #f4f4f4; padding:-2px;}
.photolist ul li .box .tit{ width:100%; height:50px; line-height:50px; font-size:14px; text-align:center}


.photolist ul li:hover .box .pic { border:2px solid #f59b0f;}
.photolist ul li:hover .box .tit{  color:#f59b0f}



/*产品详细页*/
.protit{ width:100%; height:50px; line-height:50px; border-bottom:1px solid #eaeaea; text-align:center}
.protit em{ font-style:normal; font-size:16px; height:48px; line-height:48px; border-bottom:2px solid #faa93e; color:#0976cb; padding:15px 0}
.showpic{ width:100%; text-align:center; padding:25px 0}
.showpic img{ max-width:100%;}

.pronav{ width:100%; height:auto; overflow:hidden; border:1px solid #d4d4d4; padding-bottom:-1px;}
.pronav ul{ margin:0px; padding:0px; list-style:none}
.pronav ul li{ margin:0px; padding:0px; list-style:none; width:14.28%; height:43px; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd;  float:left; line-height:43px; overflow:hidden; font-size:14px; text-align:center; cursor:pointer}

.pronav ul li.onfocus { background:#f59b0f; color:#FFF}

.productarea{ width:100%; height:auto; overflow:hidden; clear:both; padding:15px 0 ;}