@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:90px;position:relative; z-index:100;overflow:hidden; background:#FFF  }
.headbox .box{ width:96%;  height:90px;margin:0 auto; overflow:hidden; position:relative;}
.headbox .box .logo{ position:absolute; left:0px; top:14px;}
.headbox .box .searchbtn{ position:absolute; right:0px; top:28px; }
.headbox .box .menu{ position:absolute; width:50%; right:50px; top:0px; height:90px; overflow:hidden;}
.headbox .box .menu ul{ margin:0px; padding:0px; list-style:none}
.headbox .box .menu ul li{ margin:0px; padding:0px; list-style:none; float:left; height:90px; line-height:90px; width:12.5%; font-size:16px; text-align:center; overflow:hidden;}
.headbox .box .menu ul li.onfocus{color:#e11320}
.headbox .box .menu ul li.onfocus a{ color:#e11320}
.headbox .box .menubtn{ position:absolute; right:0px; top:30px; width:47px; height:40px; font-size:30px; font-weight:normal; cursor:pointer; display:none; z-index:100; color:#f60515; text-align:right}

.menubox{ width:100%; height:47px; background:#8c0000;}
.menubox .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1200px; margin:0 auto; clear:both; overflow:hidden; }
.menubox .centerbox .centerin{ width:100%; height:auto; overflow:hidden; line-height:200%; background:url(../Images/menuline.jpg) 0 0  no-repeat  }
.menubox ul{ margin:0px; padding:0px; list-style:none}
.menubox ul li{ margin:0px; padding:0px; list-style:none;height:47px; line-height:47px; font-size:14px; width:14.25%; float:left; overflow:hidden; text-align:center; color:#FFF;background:url(../Images/menuline.jpg) top right no-repeat  }
.menubox ul li a{ color:#FFF}


.homeSlide{ width:100%; height:822px; overflow:hidden; position:relative; z-index:10; margin:0 auto; }
.homeSlide .list{width:100%; height:822px; 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:822px; overflow:hidden; float:left; position:relative}


.erSlide{ width:100%; height:407px; overflow:hidden; position:relative;z-index:5; }
.erSlide .list{width:100%; height:407px; 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:407px; overflow:hidden; float:left; position:relative}

.erSlide .tit{ width:200px; height:auto; overflow:hidden; color:#FFF; position:absolute; z-index:10; left:50%;; margin-left:-100px; top:50%; margin-top:-30px;}
.erSlide .tit p{ display:block; width:100%; text-align:center; height:50px; line-height:35px;}
.erSlide .tit p.t1{ border-bottom:1px solid #FFF; font-size:30px;}
.erSlide .tit p.t2{ font-family:Arial, Helvetica, sans-serif; font-size:20px;}




.homepart1{ width:100%; height:auto; background:#f8f3f0; margin:0 auto; padding:50px 0; }
.homepart1 .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1280px; margin:0 auto; clear:both; overflow:hidden; }
.homepart1 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; line-height:200%; font-size:16px   }
.homepart1 .tit{ width:26.87%; float:left; overflow:hidden;height:45px; line-height:45px; font-size:30px; color:#272727;}
.homepart1 .tit span{ font-size:24px; color:#a5a2a0; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
.homepart1 .list{ width:62.35%; float:left; overflow:hidden; height:45px; overflow:hidden;}
.homepart1 .list ul{ margin:0px; padding:0px; list-style:none}
.homepart1 .list  li{ margin:0px; padding:0px; list-style:none; width:100%; height:45px; line-height:45px; font-size:16px; overflow:hidden; color:#f8040e;} 
.homepart1 .more{ float:right; overflow:hidden; height:45px; line-height:45px; text-align:right; color:#f60515}
.homepart1 .more a{ color:#f60515}


.homepart2{ width:100%; height:auto; background:#ffffff; margin:0 auto; overflow:hidden;}
.homepart2 .leftbox{ width:50%; height:400px; float:left; overflow:hidden; background:url(../Images/homepart2leftbg.jpg) center center no-repeat; background-size:cover;}
.homepart2 .leftbox .box{ width:100%; height:auto; overflow:hidden; max-width:640px; float:right}
.homepart2 .leftbox .box .titbox{ width:50%; margin-top:140px; overflow:hidden; color:#FFF}
.homepart2 .leftbox .box .titbox p.t1{ display:block; width:100%; font-size:30px; overflow:hidden; text-align:center}
.homepart2 .leftbox .box .titbox p.t2{ display:block; width:100%; font-size:24px; font-family:Arial, Helvetica, sans-serif; overflow:hidden; text-align:center}

.homepart2 .rightbox{ width:50%;height:400px; float:left; overflow:hidden;}
.homepart2 .rightbox .box{ width:100%; height:auto; overflow:hidden; max-width:640px;}
.homepart2 .rightbox .box .word{ width:90%; margin:0 auto; overflow:hidden; margin-top:102px; font-size:14px; line-height:30px; height:121px;}
.homepart2 .rightbox .box .more{ width:90%; margin:0 auto; margin-top:40px; font-size:14px; color:#f60515}
.homepart2 .rightbox .box .more a{ color:#f60515}





.homepart3{ width:100%; height:auto; background:#ffffff; margin:0 auto; overflow:hidden;}
.homepart3 .leftbox{ width:50%; height:400px; float:right; overflow:hidden; background:url(../Images/homepart3leftbg.jpg) center center no-repeat; background-size:cover;}
.homepart3 .leftbox .box{ width:100%; height:auto; overflow:hidden; max-width:640px; float:right}
.homepart3 .leftbox .box .titbox{ width:50%; margin-top:140px; overflow:hidden; color:#FFF}
.homepart3 .leftbox .box .titbox p.t1{ display:block; width:100%; font-size:30px; overflow:hidden; text-align:center}
.homepart3 .leftbox .box .titbox p.t2{ display:block; width:100%; font-size:24px; font-family:Arial, Helvetica, sans-serif; overflow:hidden; text-align:center}

.homepart3 .rightbox{ width:50%;height:400px; float:left; overflow:hidden;}
.homepart3 .rightbox .box{ width:100%; height:auto; overflow:hidden; max-width:640px; float:right}
.homepart3 .rightbox .box .word{ width:90%; margin:0 auto; overflow:hidden; margin-top:102px; font-size:14px; line-height:30px; height:121px;}
.homepart3 .rightbox .box .more{ width:90%; margin:0 auto; margin-top:40px; font-size:14px; color:#f60515}
.homepart3 .rightbox .box .more a{ color:#f60515}


.homepart4{ width:100%; height:auto; background: margin:0 auto; padding:50px 0 100px 0; background:url(../Images/homepart4bg.jpg) top center  no-repeat #f8f3f0 }
.homepart4 .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1280px; margin:0 auto; clear:both; overflow:hidden; }
.homepart4 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; line-height:200%; font-size:16px   }

.homepart4 .listbox{ width:100%; height:622px; overflow:hidden; position:relative}
.homepart4 .listbox .list{ position:absolute; left:0px; top:0px; width:100%; height:622px; overflow:hidden;}
.homepart4 .listbox .list ul{ margin:0px; padding:0px; list-style:none}
.homepart4 .listbox .list ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:622px; overflow:hidden; position:relative; background:url(../Images/nongqingjianiang.png) right top no-repeat;}
.homepart4 .listbox .list ul li .pic{ width:50%; position:absolute; left:0px; top:0px; height:622px; overflow:hidden; background:url(../Images/productbottom.png) bottom center no-repeat;}
.homepart4 .listbox .list ul li .pic .img{ width:90%; margin:0 auto; height:622px; overflow:hidden;}
.homepart4 .listbox .list ul li .wordbox{ width:50%; position:absolute; right:0px; top:0px;}
.homepart4 .listbox .list ul li .wordbox .inbox{ width:67%; height:auto; overflow:hidden;}
.homepart4 .listbox .list ul li .wordbox .tit{ width:100%; height:47px; line-height:47px; font-size:30px; color:#433f3f; overflow:hidden; margin-top:98px;}
.homepart4 .listbox .list ul li .wordbox .price{ width:100%; height:41px; line-height:41px; font-size:30px; overflow:hidden; color:#d1251b}
.homepart4 .listbox .list ul li .wordbox .price span{ font-size:16px;color:#433f3f;}
.homepart4 .listbox .list ul li .wordbox .word{ width:100%; margin-top:40px; font-size:14px; height:90px; line-height:30px; overflow:hidden;}
.homepart4 .listbox .list ul li .wordbox .more{ width:100%; font-size:14px; margin-top:40px; overflow:hidden; color:#d1251b}


.homepart4 .listbox .mlist{ width:50%; position:absolute; right:0px; bottom:10px; height:146px; overflow:hidden;}
.homepart4 .listbox .mlist ul{ margin:0px; padding:0px; list-style:none}
.homepart4 .listbox .mlist ul li{ margin:0px; padding:0px; list-style:none; width:25%; float:left;}
.homepart4 .listbox .mlist ul li .img{ width:90%; height:144px; border:1px solid #f8f3f0;}
.homepart4 .listbox .mlist ul li.onfocus .img{ border:1px solid #e48c85;}



.homepart5{ width:100%; height:auto; background: margin:0 auto; padding:50px 0; background:#ffffff }
.homepart5 .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1280px; margin:0 auto; clear:both; overflow:hidden; }
.homepart5 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; line-height:200%; font-size:16px   }
.homepart5 .list{ width:100%; height:auto; overflow:hidden;}
.homepart5 .list ul{ margin:0px; padding:0px; list-style:none}
.homepart5 .list ul li{ margin:0px; padding:0px; list-style:none; width:33.33%; float:left; overflow:hidden;}
.homepart5 .list ul li .box{ width:96%; height:271px; overflow:hidden;}
.homepart5 .list ul li .box .tit{ width:90%; margin:0 auto; margin-top:37px; height:35px; line-height:35px; color:#FFF; font-size:28px;}
.homepart5 .list ul li .box .word{ width:90%; margin:0 auto; margin-top:139px; font-size:16px; overflow:hidden; color:#FFF}

.homepart5 .list ul li.t1 .box{ float:left; background:url(../Images/h51.jpg) center center no-repeat; background-size:cover;}
.homepart5 .list ul li.t2 .box{ margin:0 auto;background:url(../Images/h52.jpg) center center no-repeat; background-size:cover;}
.homepart5 .list ul li.t2 .box .word p{ display:block; width:33.33%; float:left; height:30px; line-height:30px; overflow:hidden; background:url(../Images/dot1.png) left center no-repeat; text-indent:14px; color:#fefbff;}
.homepart5 .list ul li.t2 .box .word p a{color:#fefbff;}

.homepart5 .list ul li.t3 .box{ float:right;background:url(../Images/h53.jpg) center center no-repeat; background-size:cover;}

.homepart5 .list ul li.t3 .box .word{ margin-top:100px; font-size:16px}
.homepart5 .list ul li.t3 .box .word p{ display:block; width:100%;}
.homepart5 .list ul li.t3 .box .word p.m1{ height:35px; line-height:35px; color:#FFF}
.homepart5 .list ul li.t3 .box .word p.m2{ height:35px; line-height:35px; font-size:24px;}







.footmenu{ width:100%; height:auto; background:#fff; overflow:hidden; margin-top:24px;}
.footmenu .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1200px; margin:0 auto; clear:both; overflow:hidden; }
.footmenu .centerbox .centerin{ width:100%; height:52px; overflow:hidden; line-height:52px;  position:relative; border-bottom:1px solid #e4e4e4; text-align:center; font-size:14px }


.footer{ width:100%; height:auto; overflow:hidden; background:#333333; padding:32px 0;  position:relative; z-index:1;  }
.footer .centerbox{ width:100%; 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:#7f7f7f; text-align:center; margin:0 auto}
.footer .leftbox{ width:60%; float:left; overflow:hidden;}
.footer .leftbox .copyright{ width:100%; height:auto; overflow:hidden; line-height:230%; text-align:left; color:#bcbcbc}
.footer .leftbox .copyright a{color:#bcbcbc}

.footer .rightbox{ width:40%; float:right; overflow:hidden;}
.footer .rightbox .codelist{ float:right; overflow:hidden;}
.footer .rightbox .codelist ul{ margin:0px; padding:0px; list-style:none}
.footer .rightbox .codelist ul li{ margin:0px 0 0 11px; padding:0px; list-style:none; float:left;}
.footer .rightbox .codelist ul li .tel{ font-size:14px; color:#ffffff; text-align:right}
.footer .rightbox .codelist ul li .telnum{ font-size:30px; color:#ffffff; text-align:right; margin-top:10px;}
.footer .rightbox .codelist ul li .share{ height:50px; text-align:right; margin-top:10px;}
.footer a{color:#7f7f7f;}


.footermb{ width:100%; height:auto; overflow:hidden; background: url(../Images/fbg2.jpg) no-repeat; background-size:cover; padding:30px 0;  position:relative; z-index:1; margin-top:25px; }
.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:#e2dedf; text-align:center; margin:0 auto}
.footermb .centerbox select{ width:100%; height:45px; line-height:45px; border:1px solid #CCC ; color:#000}
.footermb .centerbox .copyright{ width:100%; margin-top:10px; line-height:200%;}
.footermb .centerbox .centerin a{color:#e2dedf;}

.fixbottomkong{ width:100%; height:96px; clear:both; overflow:hidden; display:none;}
.fixbottom{ width:100%; height:auto; overflow:hidden; background:#4b9011;  position:fixed; left:0px; bottom:0px; z-index:100; display:none; padding:8px 0;}
.fixbottom .list{ margin:0px; padding:0px; list-style:none; width:100%; max-width:640px; 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:25%; float:left; overflow:hidden; margin-left:-1px; height:auto;}
.fixbottom .list ul li .pic{ height:30px; text-align:center;}
.fixbottom .list ul li .pic img{ margin:0 auto;}
.fixbottom .list ul li .tit{ width:100%; height:30px; line-height:30px; text-align:center; font-size:14px; color:#fffffd;}



@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:64px; overflow:hidden; background:#f8f3f0; z-index:10; position:relative}
.ertop .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1280px; margin:0 auto; clear:both; overflow:hidden;  }
.ertop .centerbox .centerin{ width:100%; height:auto; overflow:hidden;}
.ertop .navbox{ height:64px; width:60%; float:left; overflow:hidden;}
.ertop .navbox ul{ margin:0px; padding:0px; list-style:none}
.ertop .navbox ul li{ margin:0px; padding:0px; list-style:none; width:25%; float:left; overflow:hidden; border-right:1px solid #ede5e1;height:64px; line-height:64px; font-size:16px; text-align:center}
.ertop .navbox ul li.onfocus{ color:#FFF; background:#f60515;}
.ertop .navbox ul li.onfocus a{ color:#FFF}
.ertop .location{ height:64px; line-height:64px; float:right; overflow:hidden; font-size:14px; color:#272727;}



.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}




.mainbox{ width:100%; height:auto; overflow:hidden; padding:0 0 35px 0; background:#ffffff;  }
.mainbox .centerbox{ width:100%; height:auto;   max-width:1280px; margin:0 auto; clear:both; overflow:hidden; background:#FFF; padding-bottom:25px;  }
.mainbox .centerbox .centerin{ width:100%; height:auto; overflow:hidden; margin:0 auto }

.mainbox .leftbox{ width:18.91%; float:left; overflow:hidden;  height:auto; position:relative; background:#efeae4; padding:20px 0}
.mainbox .rightbox{ width:78%; float:right; overflow:hidden;height:auto; background:#FFF;} 



.mainbox .leftbox .titbox{ width:90%; margin:0 auto; height:35px;  overflow:hidden; font-size:20px; color:#fff; background: url(../Images/leftit.jpg) left center no-repeat ; text-indent:15px; }
.mainbox .leftbox .titbox p.t1{ display:block; width:100%; height:35px; line-height:35px;  color:#af0200;}
.mainbox .leftbox .titbox p.t1 span{ display:none}

.mainbox .leftbox .navbox{ width:90%; margin:0 auto; height:auto; overflow:hidden; background:#f6f6f6; padding-bottom:0px; margin-top:15px}
.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:0; padding:0px; list-style:none; width:100%; height:auto; line-height:50px; overflow:hidden; text-align:left; text-indent:20px; border-bottom:1px solid #eeeeee;  font-size:14px; background:url(../Images/tab2.jpg) no-repeat; background-size:100% auto;}
.mainbox .leftbox .navlist ul li.onfocus{ background:url(../Images/tab1.jpg) no-repeat; background-size:100% auto;  color:#ffffff }
.mainbox .leftbox .navlist ul li.onfocus a{ color:#ffffff;}
.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:57px; border-bottom:1px solid #e0e0e0;; 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:55px; line-height:55px; font-size:20px; color:#db7004;}
.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;}


.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;}


/*产品展示*/
.productlist{ width:100%; height:auto; overflow:hidden;}
.productlist ul{ margin:0px; padding:0px; list-style:none}
.productlist ul li{ margin:20px 0 0 0; padding:0; list-style:none; width:33.33%; height:auto; float:left; overflow:hidden;transition: all 0.5s ease;}
.productlist ul li .box{ width:96%; margin:0 auto; height:auto; overflow:hidden; border:1px solid #FFF;transition: all 0.5s ease; }
.productlist ul li .picbox{ width:100%; height:398px; border-bottom:1px solid #FFF}
.productlist ul li .picbox .img{ width:100%; height:398px; overflow:hidden}
.productlist ul li .wordbox{ width:100%; height:114px; overflow:hidden;transition: all 0.5s ease;}
.productlist ul li .wordbox .inbox{ width:90%; margin:0 auto; overflow:hidden;}
.productlist ul li .wordbox .tit{ width:100%; height:60px; line-height:60px; overflow:hidden; font-size:24px;}
.productlist ul li .wordbox .other{ width:100%; height:30px; line-height:30px; overflow:hidden; position:relative}
.productlist ul li .wordbox .other p{ display:block; position: absolute; height:30px; line-height:30px; font-size:16px}
.productlist ul li .wordbox .other p.t1{ left:0px; color:#c62714}
.productlist ul li .wordbox .other p.t1 span{ color:#3d3835}
.productlist ul li .wordbox .other p.t2{ right:0px; text-transform:uppercase; color:#f60515}

.productlist ul li:hover .box{border:1px solid #f60515}
.productlist ul li:hover .picbox{border-bottom:1px solid #f60515}
.productlist ul li:hover .wordbox{ background:#f8f3f0;}
.productlist ul li:hover .wordbox .tit{ color:#f60515}

/*产品详细*/
.productshow1{ width:100%; height:auto; overflow:hidden; background:#FFF; padding:90px  0 50px 0}
.productshow1 .centerbox{ width:100%; height:auto;   max-width:1280px; margin:0 auto; clear:both; overflow:hidden; background:#FFF; }
.productshow1 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; margin:0 auto }
.productshow1 .picbox{ width:36%; float:left; height:375px; overflow:hidden;}
.productshow1 .wordbox{ width:34%; float:left; margin-left:3%; height:auto; overflow:hidden;}
.productshow1 .wordbox .tit{ width:100%; height:80px; line-height:80px; overflow:hidden; font-size:26px;}
.productshow1 .wordbox .price{ width:100%; height:35px; line-height:35px; font-size:30px; color:#d1251b}
.productshow1 .wordbox .price span{ color:#433f3f}
.productshow1 .wordbox .intro{ width:100%; height:35px; line-height:35px; font-size:14px; display:none}
.productshow1 .wordbox .word{ width:100%; height:121px; font-size:14px; overflow:hidden; margin-top:15px; line-height:30px;}
.productshow1 .wordbox .buy{ width:122px; height:37px; line-height:37px; color:#FFF; font-size:14px; background:#f60919; margin-top:45px; text-align:center}

.productshow1 .other{ width:18%; float:right; overflow:hidden;}
.productshow1 .other .tit{ width:100%; margin-top:70px; overflow:hidden; font-size:22px;}
.productshow1 .other .tit2{ width:100%; font-size:16px; overflow:hidden;}

/*产品详细*/
.productshow2{ width:100%; height:auto; overflow:hidden; background: url(../Images/homepart4bg.jpg) top center no-repeat; background-size:cover; padding:30px  0 0px 0}
.productshow2 .centerbox{ width:100%; height:auto;   max-width:1280px; margin:0 auto; clear:both; overflow:hidden;  }
.productshow2 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; margin:0 auto }
.productshow2 .titbox{ width:100%; height:50px; line-height:50px; font-size:26px; text-align:center; background:url(../Images/ttline.jpg) bottom center no-repeat;}
.productshow2 .listbox{ width:100%; height:auto; overflow:hidden; margin-top:38px;}
.productshow2 .listbox .list{ width:100%; height:547px; max-width:1280px; overflow:hidden; margin:0 auto}
.productshow2 .listbox .list ul{ margin:0px; padding:0px; list-style:none}
.productshow2 .listbox .list ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:547px; overflow:hidden;} 

.productshow2 .listbox .minbox{ width:100%; height:auto; overflow:hidden; padding:25px 0; background:#FFF; margin-top:80px}
.productshow2 .listbox .minbox .nlist{ width:100%; margin:0 auto; overflow:hidden; height:140px; max-width:640px;}
.productshow2 .listbox .minbox .nlist ul{ margin:0px; padding:0px; list-style:none}
.productshow2 .listbox .minbox .nlist ul li{ margin:0px; padding:0px; list-style:none; width:170px; float:left; overflow:hidden;}
.productshow2 .listbox .minbox .nlist ul li .pic{ width:90%; margin:0 auto; height:140px; overflow:hidden; }
.productshow2 .listbox .minbox .nlist ul li .pic .img{ width:100%; height:140px;border:1px solid #fff}
.productshow2 .listbox .minbox .nlist ul li.onfocus .pic .img{ width:100%; height:140px;border:1px solid #e8918a}


/*产品详细*/
.productshow3{ width:100%; height:auto; overflow:hidden; background:#f8f3f0; padding:50px 0}
.productshow3 .centerbox{ width:100%; height:auto;   max-width:1280px; margin:0 auto; clear:both; overflow:hidden;  }
.productshow3 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; margin:0 auto }

.newsbox{ width:100%; height:auto; overflow:hidden; margin:25px 0; background:#f8f3f0}
.newsbox .slidebox{ width:50%;height:423px; float:left; overflow:hidden; position:relative}
.newsbox .slidebox .list{ width:100%; height:423px; overflow:hidden}
.newsbox .slidebox .list ul{ margin:0px; padding:0px; list-style:none}
.newsbox .slidebox .list ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:423px; overflow:hidden; position:relative}
.newsbox .slidebox .list ul li .pic{ width:100%; height:423px; overflow:hidden; position:relative}
.newsbox .slidebox .list ul li .pic .img{ width:100%; height:423px; overflow:hidden;}
.newsbox .slidebox .list ul li .pic .cover{ width:100%; height:32px; line-height:32px; overflow:hidden; position:absolute; left:0px; bottom:0px; background:url(../Images/cover1.png) repeat}
.newsbox .slidebox .list ul li .tit{ width:90%; margin:0 auto; height:50px; line-height:50px; font-size:16px; overflow:hidden; color:#f6050e;}
.newsbox .slidebox .list ul li .word{ width:90%; margin:0 auto; height:60px; line-height:30px; font-size:14px; overflow:hidden; }

.nslidepage {
  position: absolute;
  left: 0;
  text-align: center;
  bottom:5px;
  width: 100%;
}
.nslidepage .swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #a1b6d3;
  
  margin: 0 3px;
  cursor: pointer;
}
.nslidepage .swiper-active-switch {
  background: #ffffff;
}



.newsbox .listbox{ width:50%; float:right; overflow:hidden;}
.newsbox .listbox .list{ width:90%; margin:0 auto; overflow:hidden; margin-top:19px;}
.newsbox .listbox .list ul{ margin:0px; padding:0px; list-style:none}
.newsbox .listbox .list ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:122px; border-bottom:1px dashed #CCCCCC;}
.newsbox .listbox .list ul li .tit{ width:100%; height:50px; line-height:50px; overflow:hidden; font-size:18px; color:#232221; margin-top:5px;}
.newsbox .listbox .list ul li .word{ width:100%; height:50px; line-height:25px; overflow:hidden;}
.newsbox .listbox .list ul li:hover .tit{ color:#f60515}	

/*新闻*/
.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:27px 0 0 0px; padding:0 0 0px 0; overflow:hidden; list-style:none; width:33.33%; height:400px; float:left}
.nplist ul li .box{ width:96%; margin:0 auto; overflow:hidden;}

.nplist ul li .pic{ width:100%; height:267px;overflow:hidden; border:1px solid #FFF}
.nplist ul li .pic .img{ width:100%; height:267px;}
.nplist ul li .wordbox{ width:100%; height:132px; overflow:hidden;}
.nplist ul li .wordbox .inbox{ width:96%; margin:0 auto; overflow:hidden;}
.nplist ul li .wordbox .tit{ width:100%; height:auto; overflow:hidden; height:50px; line-height:25px; font-size:16px; margin-top:17px;}
.nplist ul li .wordbox .time{ width:100%; height:31px; line-height:31px; margin-top:15px;}

.nplist ul li:hover .box{ background:#e11321}
.nplist ul li:hover .box .pic{  border:1px solid #e11321}
.nplist ul li:hover .wordbox .tit{ color:#FFF}
.nplist ul li:hover .wordbox .time{color:#FFF}


/*营销网络顶部*/
.salemapsearch{ width:100%; height:auto; overflow:hidden; background:#f8f3f0; padding:25px 0}
.salemapsearch .centerbox{ width:100%; height:auto;   max-width:1280px; margin:0 auto; clear:both; overflow:hidden;  }
.salemapsearch .centerbox .centerin{ width:100%; height:auto; overflow:hidden; margin:0 auto }
.salemapsearch .formbox{ margin:0 auto; width:80%; height:60px; overflow:hidden; background:#FFF; border:1px solid #d5d5d5; border-radius:25px; background:url(../Images/search1.jpg) 18px 14px no-repeat #FFF; position:relative}
.salemapsearch .formbox .input1{ width:70%; height:35px; position:absolute; left:54px; top:15px; border:0px;}
.salemapsearch .formbox .btnme{ width:141px; height:60px; line-height:60px; border:0px; border-radius:35px; color:#FFF; font-size:14px; text-align:center; background:#f60515; position:absolute; right:0px; top:0px;}


.salemapbox{ width:100%; height:auto; overflow:hidden; margin:0 auto; margin-top:50px;}
.salemapbox .mapbox{ width:70%; height:700px; float:left; overflow:hidden;}
.salemapbox .mapbox .chinamap{ width:100%; margin:0 auto; height:700px; margin-top:10px;}

.salemapbox .contactbox{ width:30%; height:619px; float:left; overflow:hidden; position:relative}
.salemapbox .contactbox .titbox{ width:100%; height:60px; overflow:hidden; background:#094090}
.salemapbox .contactbox .titbox ul{ margin:0px; padding:0px; list-style:none}
.salemapbox .contactbox .titbox ul li{ margin:0px; padding:0px; list-style:none; width:50%; float:left; overflow:hidden; height:60px; line-height:60px; font-size:14px; color:#FFF; text-indent:60px; cursor:pointer}
.salemapbox .contactbox .titbox ul li.t1{ background: url(../Images/darr.png) 149px 28px  no-repeat #f71020;}
.salemapbox .contactbox .titbox ul li.t2{ background: url(../Images/darr.png) 149px 28px  no-repeat #094090;}
.salemapbox .contactbox .listbox{ width:100%; height:550px; overflow:auto; background:#f8f3f0}
.salemapbox .contactbox .listbox .list{ width:90%; margin:0 auto; overflow:hidden;}
.salemapbox .contactbox .listbox .list ul{ margin:0px; padding:0px; list-style:none} 
.salemapbox .contactbox .listbox .list ul li{ margin:0px; padding:15px 0px; list-style:none; width:100%; height:auto; border-bottom:1px solid #CCC; font-size:14px; line-height:200%; overflow:hidden;}
.salemapbox .contactbox .listbox .list ul li .tit{ width:100%; font-size:14px; color:#f71020}
.salemapbox .contactbox .listbox .list ul li .word{ width:100%; height:auto; overflow:hidden; line-height:200%;}


.salemapbox .contactbox .choosebox{ width:100%; height:550px; overflow:auto; background:#f8f3f0; position:absolute; left:0px; top:60px; display:none}
.salemapbox .contactbox .choosebox .list{ width:90%; margin:0 auto; overflow:hidden; display:none}
.salemapbox .contactbox .choosebox .list ul{ margin:0px; padding:0px; list-style:none}
.salemapbox .contactbox .choosebox .list ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:50px; line-height:50px; font-size:16px; text-align:center; border-bottom:1px solid #CCC; cursor:pointer}



.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; }
.newslist ul li p{ display:block; height:43px; line-height:43px; position:absolute; overflow:hidden;}
.newslist ul li p.t1{ left:0px;  top:0px; width:75%; text-indent:22px; background:url(../Images/news1.jpg) left center no-repeat; font-size:14px;text-overflow:ellipsis;white-space:nowrap;}
.newslist ul li p.t2{ right:0px; top:0px; width:25%; text-align:right}

.newslist ul li:hover p.t1{ background:url(../Images/news2.jpg) left center no-repeat; color:#e87000}



/*相册幻灯*/
.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}

/*联系我们*/
.contactbox{ width:100%; height:auto; overflow:hidden;}
.contactbox .mapbox{ width:63.66%; float:left; overflow:hidden; height:305px;}
.contactbox .contact{ width:32.66%; float:right; overflow:hidden;}
.contactbox .contact .titbox{ width:100%; height:auto; overflow:hidden;}
.contactbox .contact .titbox p{ display:block; width:100%; overflow:hidden;}
.contactbox .contact .titbox p.t1{ width:100%; height:42px; line-height:42px; font-size:24px; font-weight:bold; overflow:hidden; color:#565656;}
.contactbox .contact .titbox p.t2{ width:100%; height:35px; line-height:35px; overflow:hidden; font-family: Arial, Helvetica, sans-serif; font-size:14px}
.contactbox .contact .wordbox{ width:100%; height:auto; line-height:200%; overflow:hidden; margin-top:15px; font-size:14px}


.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:100%; height:171px; overflow:hidden;}
.piclist ul li .pic{ width:30.87%; float:left; height:171px; overflow:hidden;}
.piclist ul li .wordbox{ width:65.93%; float:right; height:171px; overflow:hidden;}
.piclist ul li .wordbox .tit{ width:100%; height:30px; line-height:30px; font-size:16px; color:#000; margin-top:18px; overflow:hidden;}
.piclist ul li .wordbox .word{ width:100%; height:75px; line-height:25px; overflow:hidden;}
.piclist ul li .wordbox .more{ width:40px; height:30px; background:url(../Images/morea.jpg) no-repeat;float:right; margin-top:15px;}
.piclist ul li:hover .wordbox .more{ background:url(../Images/moreb.png) no-repeat; }



/*新闻*/
.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;}


/*新闻列表*/
.thenews{ width:100%; height:auto; overflow:hidden;}
.thenews ul{ margin:0px; padding:0px; list-style:none}
.thenews ul li{ margin:20px 0 0 0; padding:0px; list-style:none; width:33.33%; height:auto; overflow:hidden; height:auto; position:relative; float:left}
.thenews ul li .box{ width:92%; margin:0 auto; overflow:hidden; background:#FFF; padding:20px 0; border:1px solid #FFF}
.thenews ul li .boxin{ width:92%; margin:0 auto; overflow:hidden;}
.thenews ul li .tit{ width:100%; height:30px; line-height:30px; overflow:hidden; font-size:16px; color:#000}
.thenews ul li .word{ width:100%; height:52px; line-height:26px; overflow:hidden; margin-top:10px;}
.thenews ul li .more{ width:100%; height:26px; line-height:26px; overflow:hidden; margin-top:21px;}
.thenews ul li .more p.t1{ float:left; height:26px; line-height:26px;}
.thenews ul li .more p.t2{ float:right; width:76px; height:26px; line-height:26px; background:url(../Images/jiantou1.jpg) right center no-repeat;}
.thenews ul li:hover .box{ border:1px solid #dedede}
.thenews ul li:hover .tit{color:#3282e1;}
.thenews ul li:hover .more p.t1{color:#3282e1;}
.thenews ul li:hover .more p.t2{ background:url(../Images/jiantou2.jpg) right center no-repeat; color:#3282e1;}




/*师资力量*/
.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);}




/*案例展示*/
.caselist{ width:100%; height:auto; overflow:hidden;}
.caselist ul{ margin:0px; padding:0px; list-style:none}
.caselist ul li{ margin:37px 0 0 0; padding:0px; list-style:none; width:50%; float:left; overflow:hidden;}
.caselist ul li .box{ width:90%; margin:0 auto; overflow:hidden;}
.caselist ul li .pic{ width:100%; border:1px solid #e8e8e8; padding:3px;}
.caselist ul li .pic .img{ width:100%; height:263px; overflow:hidden;}
.caselist ul li .tit{ width:100%; height:52px; line-height:52px; font-size:14px; overflow:hidden; color:#363636;}
.caselist ul li .word{ width:100%; height:46px; line-height:23px; overflow:hidden; }
.caselist ul li .more{ margin-top:21px; height:32px; width:100%; background:url(../Images/morea.jpg) no-repeat;}

.caselist ul li:hover .pic{border:1px solid #f59b0f;}
.caselist ul li:hover .tit{ color:#f59b0f;}
.caselist ul li:hover .more{background:url(../Images/moreb.jpg) no-repeat;}




/*关于我们*/
.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}

.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}



/*新闻信息*/
.bignews{ width:100%; height:auto; overflow:hidden; margin:0 auto; clear:both; margin-top:20px;}
.bignews ul{ margin:0px; padding:0px; list-style:none}
.bignews ul li{ margin:0px 0 0 0px; padding:0px; overflow:hidden; list-style:none; width:100%; height:250px;clear:both; }
.bignews ul li .pic{ width:40.81%; float:left; overflow:hidden; height:250px; }
.bignews ul li .wordbox{ width:53.67%; float:right; overflow:hidden; height:250px; margin-left:3.2%;}
.bignews ul li .wordbox .tit{ width:100%; height:60px; line-height:30px; overflow:hidden; font-size:16px; font-weight:bold; color:#0976c9;}
.bignews ul li .wordbox .time{ width:100%; height:30px; line-height:30px; overflow:hidden; font-size:14px;  color:#b2b2b4;}
.bignews ul li .wordbox .word{ width:100%; height:50px; line-height:25px; overflow:hidden; font-size:12px; margin-top:10px; }
.bignews ul li .wordbox .more{  width:83px; height:28px; line-height:0976cb; text-align:center; font-size:14px; background:#0976c9; color:#fff; margin-top:30px; line-height:28px;}
.bignews ul li .wordbox .more a{ color:#fff;}




/*推荐的新闻*/
.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 ;}