﻿@charset "utf-8";
.bodybox{ width:100%; height:auto; overflow:hidden; background:#ffffff; }

.header{ width:100%; height:108px;clear:both; position:relative; margin:0 auto; z-index:10; background: url(../Images/topright.jpg) top right no-repeat #FFF; overflow:visible}

.header .logobox{ width:1200px; height:108px; margin:0 auto; clear:both; overflow:visible; position:relative}
.header .logo{ position:absolute; left:9px; top:8px;}

.header .tel{ position:absolute;   right:38px; top:18px; background:url(../Images/telbg.jpg) 0 0 no-repeat; text-indent:27px;}
.header .tel span{ font-size:14px; color:#45ba2b; }


.header .menu{ position:absolute;   right:0px; top:60px; overflow: visible;}
.header .menu ul{ margin:0px; padding:0px; list-style:none}
.header .menu ul li{ margin:0px; padding:0px; list-style:none; width:121px; height:27px; line-height:27px; font-size:14px; float:left; position:relative; text-align:center}
.header .menu ul li.onfocus{ font-weight:bold; color:#3fbf22;}
.header .menu ul li.onfocus a{color:#3fbf22;}
.header .menu ul li ul{ position:absolute; left:0px; top:27px; background:#FFF; display:none}
.header .menu ul li ul li{ width:121px; height:30px; line-height:30px; background:#FFF; border-bottom:1px solid #CCC; font-size:12px}


.header .menu ul li.onfocus li{ font-weight: normal; color: #333;}
.header .menu ul li.onfocus li a{color:#333;}

#index_Banner
{width:100%; height:452px; overflow:hidden; position:relative; margin:0px auto; z-index:1; background:#FFF; }
#index_Banner .list
{width:100%; height:452px; overflow:hidden; position:absolute; z-index:1;}
#index_Banner ul
{margin:0px; padding:0px; list-style:none; position: absolute; left:0px; top:0px}
#index_Banner .list ul li
{width:100%; height:452px; overflow:hidden; position:relative; float:left}


#index_Banner .Thumb{ position:absolute; z-index:10; left:50%; bottom:50px; width:100px;}
#index_Banner .Thumb ul{ margin:0px auto; padding:0px; list-style:none}
#index_Banner .Thumb ul li{ float:left;margin:0px 0 0 10px; padding:0px; list-style:none; width:12px; height:12px; border-radius:6px; background:#FFF}
#index_Banner .Thumb ul li.onfocus{ background:#E97818;}
/*
#index_Banner .centerbox{ width:1280px; height:651px; position:absolute; left:50%; top:0px; z-index:2; margin-left:-640px;}
#index_Banner .centerbox .leftarr{ width:24px; height:39px; background:url(../Images/leftarr.png) no-repeat;}
#index_Banner .centerbox .rightarr{width:24px; height:39px; background:url(../Images/rightarr.png) no-repeat;}
*/



.erSlide{ width:100%; height:259px; border-bottom:1px solid #10B1E8; background:url(../Images/slidebg.jpg) repeat-x; overflow:hidden;}

#er_Banner
{width:100%; height:355px; overflow:hidden; position:relative; margin:0px auto; z-index:1}
#er_Banner .list
{width:100%; height:355px; overflow:hidden; position:relative; z-index:1; }
#er_Banner ul
{margin:0px; padding:0px; list-style:none; position: absolute; left:0px; top:0px}
#er_Banner .list ul li
{width:100%; height:355px; overflow:hidden; position:relative; float:left}
#er_Banner .list img
{}

#er_Banner .Thumb{ position:absolute; z-index:10; left:50%; bottom:50px; width:100px;}
#er_Banner .Thumb ul{ margin:0px auto; padding:0px; list-style:none}
#er_Banner .Thumb ul li{ float:left;margin:0px 0 0 10px; padding:0px; list-style:none; width:12px; height:12px; border-radius:6px; background:#FFF}
#er_Banner .Thumb ul li.onfocus{ background:#E97818;}


#er_Banner .centerbox{ width:1200px; height:326px; overflow:hidden; overflow:hidden; position:absolute; left:50%; margin-left:-600px; top:0px; z-index:10}
#er_Banner .centerbox .titbox{ position:absolute; left:110px; top:119px; color:#144099; font-family:Arial, Helvetica, sans-serif; font-size:36px;}
#er_Banner .centerbox .titbox span{ color:#f07317;}





.homepart1{ width:100%; height:auto; overflow:hidden;  margin:0 auto; clear:both;position:relative; overflow:hidden; background:#ffffff; overflow:hidden; padding:20px 0 0px 0;}
.homepart1 .centerbox{ width:1200px; height:auto; overflow:hidden; margin:0 auto; clear:both; overflow:hidden;}

.homepart1 .titbox{ width:100%; height:28px; line-height:28px;  font-size:20px; color:#ff8402; text-align:center}
.homepart1 .titbox2{ width:100%; height:28px; line-height:28px;  font-size:16px; color:#717171;text-align:center}



.homepart1 .aboutbox{ width:1200px; height:415px; overflow:hidden; background:url(../Images/homeabout.jpg) no-repeat; margin-top:28px; position:relative}
.homepart1 .picbox{ position:absolute; left:94px; top:36px; width:430px; height:348px; overflow:hidden;}

.homepart1 .aboutbox .showbox{ width:460px; height:auto; overflow:hidden; position:absolute; left:625px; top:36px;}
.homepart1 .aboutbox .showbox .box{ width:100%; height:auto; overflow:hidden; margin:0 auto}
.homepart1 .aboutbox .showbox .box .tit{ width:100%; height:40px; line-height:40px; font-size:20px; color:#000; color:#000; overflow:hidden; margin-top:40px;}
.homepart1 .aboutbox .showbox .box .word{ width:100%; height:182px; line-height:26px; overflow:hidden; font-size:14px; margin-top:20px;}
.homepart1 .aboutbox .showbox .box .more{ width:100%; height:auto; overflow:hidden; text-align:right; color:#44bc29; font-size:14px; margin-top:40px;}
.homepart1 .aboutbox .showbox .box .more a{color:#44bc29;}









.homepart2{ width:100%; height:auto; overflow:hidden; background:#fff; clear:both; position:relative;padding:20px 0 39px 0;}

.homepart2 .centerbox{ width:1200px; height:auto; overflow:hidden; margin:0 auto; clear:both; overflow:hidden; position:relative; z-index:10;}
.homepart2 .titbox{ width:100%; height:28px; line-height:28px;  font-size:20px; color:#ff8402; text-align:center}
.homepart2 .titbox2{ width:100%; height:28px; line-height:28px;  font-size:16px; color:#717171;text-align:center}

.homepart2 .listbox{ width:100%; height:auto; overflow:hidden; margin-top:35px;}
.homepart2 .listbox ul{ margin:0px; padding:0px; list-style:none}
.homepart2 .listbox ul li{ margin:0px; padding:0px; list-style:none; width:300px; height:470px; position:relative; float:left}
.homepart2 .listbox ul li .box{ width:300px; height:250px; position:absolute; left:0px; top:0px; z-index:1; background:url(../Images/bg1.png) no-repeat; }
.homepart2 .listbox ul li .box .tit{ width:100%; height:30px; line-height:30px; font-size:16px; color:#FFF; text-indent:42px; margin-top:77px;}
.homepart2 .listbox ul li .box .tit2{width:100%; height:40px; line-height:40px; font-size:12px; color:#FFF; text-indent:42px; background:url(../Images/line2.jpg) 42px bottom no-repeat;}
.homepart2 .listbox ul li .pic{ width:300px; height:234px; position:absolute; left:0px; top:235px;}

.homepart2 .listbox ul li.even .box{ top:220px; background:url(../Images/bg2.png) no-repeat;}
.homepart2 .listbox ul li.even .pic{ top:0px;}



.homepart3{ width:100%; height:auto; overflow:hidden; background:#f2f2f2; overflow:hidden; padding:35px 0px 27px 0;}
.homepart3 .centerbox{ width:1200px; height:auto; overflow:hidden; overflow:hidden; margin:0 auto}
.homepart3 .titbox{ width:100%; height:28px; line-height:28px;  font-size:20px; color:#ff8402; text-align:center}
.homepart3 .titbox2{ width:100%; height:28px; line-height:28px;  font-size:16px; color:#717171;text-align:center}
.homepart3 .navlist{ width:100%; height:auto; overflow:hidden; margin:35px 0;}
.homepart3 .navlist ul{ margin:0px; padding:0px; list-style:none}
.homepart3 .navlist ul li{ margin:0px; padding:0px; list-style:none; width:100px; height:26px; line-height:26px; overflow:hidden; float:left ; font-size:14px; text-align:center}
.homepart3 .navlist ul li.onfocus{ background:#ff8500; color:#fff;}

.homepart3 .listbox{ width:1200px; height:375px; overflow:hidden; position:relative; }
.homepart3 .listbox .leftarr{ position: absolute; width:29px; height:47px; overflow:hidden; background:url(../Images/leftarr.jpg) no-repeat; left:13px; top:159px; cursor:pointer}
.homepart3 .listbox .rightarr{position: absolute; width:29px; height:47px; overflow:hidden; background:url(../Images/rightarr.jpg) no-repeat; right:13px; top:159px; cursor:pointer}
.homepart3 .listbox .list{ position:absolute; width:1095px; height:368px; overflow:hidden; position:absolute; left:59px; top:0;}
.homepart3 .listbox .list ul{ margin:0px; padding:0px; list-style:none; position:absolute}
.homepart3 .listbox .list ul li{ margin:0px 12px 0 0; padding:0px; list-style:none; width:258px; height:365px; background:#FFF; border:1px solid #e2e2e2; float:left; position:relative}
.homepart3 .listbox .list ul li .pic{ position:absolute; left:3px; top:3px; width:250px; height:301px; left:4px; top:4px;}
.homepart3 .listbox .list ul li .tit{ position:absolute; width:250px; height:42px; line-height:42px; text-align:center; font-size:14px; left:4px; top:309px; font-size:14px; background:url(../Images/theline1.jpg) bottom center no-repeat;}
.homepart3 .listbox .list ul li:hover .tit{ background:url(../Images/theline2.jpg) bottom center no-repeat; color:#ff8500;}

.homepart3 .more{ width:76px; height:23px; border:1px solid #cccccc; margin:0 auto; line-height:23px; text-align:center; color:#a4a4a4; margin-top:33px; -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -ms-transition-duration:0.5s;transition-duration:0.5s;}
.homepart3 .more:hover{ background:#45bb29; color:#fff}

.homepart4{ width:100%; height:auto; overflow:hidden; background:#fff; overflow:hidden; padding:35px 0px 27px 0;}
.homepart4 .centerbox{ width:1200px; height:auto; overflow:hidden; overflow:hidden; margin:0 auto}
.homepart4 .titbox{ width:100%; height:28px; line-height:28px;  font-size:20px; color:#ff8402; text-align:center}
.homepart4 .titbox2{ width:100%; height:28px; line-height:28px;  font-size:16px; color:#717171;text-align:center}
.homepart4 .listbox{ width:1200px; height:375px; position:relative; overflow:hidden; margin-top:28px;}
.homepart4 .listbox .slidebox{ position:absolute; left:0px; top:0px;width:562px; height:375px; overflow:hidden;}
.homepart4 .listbox .slidebox .list{ width:562px; height:375px; overflow:hidden;}
.homepart4 .listbox .slidebox .list ul{ margin:0px; padding:0px; list-style:none; position:absolute}
.homepart4 .listbox .slidebox .list ul li{ margin:0px; padding:0px; list-style:none;width:562px; float:left; height:375px; position:relative}
.homepart4 .listbox .slidebox .list ul li img{width:562px; height:375px;}
.homepart4 .listbox .slidebox .list ul li .tit{ width:562px; height:41px; line-height:41px; text-indent:22px; font-size:14px; color:#FFF; overflow:hidden; position:absolute; left:0px; bottom:0px;}

.homepart4 .listbox .slidebox  .Thumb{ position:absolute; z-index:10; right:0; bottom:16px; width:100px;}
.homepart4 .listbox .slidebox  .Thumb ul{ margin:0px auto; padding:0px; list-style:none}
.homepart4 .listbox .slidebox  .Thumb ul li{ float:left;margin:0px 0 0 10px; padding:0px; list-style:none; width:12px; height:12px; border-radius:6px; background:#FFF}
.homepart4 .listbox .slidebox  .Thumb ul li.onfocus{ background:#E97818;}






.homepart4 .listbox .nlist{ position:absolute; right:0px; top:0px; width:600px; height:375px;}
.homepart4 .listbox .nlist ul{ margin:0px; padding:0px; list-style:none}
.homepart4 .listbox .nlist ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:90px; position:relative; border-bottom:1px solid #cccccc;-webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -ms-transition-duration:0.5s;transition-duration:0.5s;}
.homepart4 .listbox .nlist ul li p{ display:block; position:absolute}
.homepart4 .listbox .nlist ul li p.t1{ left:12px; top:24px; width:60px; height:28px; line-height:28px; text-align:center; font-size:20px;}
.homepart4 .listbox .nlist ul li p.t2{ left:12px; top:57px;width:60px; height:20px; line-height:20px; overflow:hidden; text-align:center; font-size:12px;}
.homepart4 .listbox .nlist ul li p.t3{ left:81px; top:24px; width:1px; height:55px; background:#cccccc;}
.homepart4 .listbox .nlist ul li p.t4{ left:96px; top:20px; width:479px; height:19px; line-height:19px; overflow:hidden; font-size:14px;}
.homepart4 .listbox .nlist ul li p.t5{ left:96px; top:42px; width:479px;height:36px; line-height:18px; overflow:hidden;font-size:12px;}

.homepart4 .listbox .nlist ul li:hover{ background:#ff8500; color:#FFF;border-bottom:1px solid #ff8500;}
.homepart4 .listbox .nlist ul li:hover a{ color:#FFF}
.homepart4 .listbox .nlist ul li:hover p.t3{ background:#fff}


.homepart5{ width:100%; height:auto; overflow:hidden; background:#fff; overflow:hidden; padding:33px 0px 27px 0;}
.homepart5 .centerbox{ width:1200px; height:auto; overflow:hidden; overflow:hidden; margin:0 auto}
.homepart5 .titbox{ width:100%; height:28px; line-height:28px;  font-size:20px; color:#ff8402; text-align:center}
.homepart5 .titbox2{ width:100%; height:28px; line-height:28px;  font-size:16px; color:#717171;text-align:center}

.homepart5 .contactbox{ width:100%; height:376px; background:#f2f2f2; overflow:hidden; position:relative}
.homepart5 .contactbox .conbox{ position:absolute; left:11px; top:11px; background:#FFF; width:314px; height:351px; background:#FFF; background:url(../Images/contact.jpg) no-repeat;}
.homepart5 .contactbox .conbox .address{ position:absolute; left:121px; top:158px; font-size:14px; line-height:200%; overflow:hidden;}
.homepart5 .contactbox .conbox .tel{ position:absolute; left:121px; top:240px; font-size:14px; overflow:hidden; line-height:200%}

.homepart5 .contactbox .mapbox{ position:absolute; left:337px; top:11px; overflow:hidden; width:849px; height:351px;}





.footnavbox{ width:100%; height:auto; overflow:hidden; background:#45bb29;  margin-top:39px; padding:26px 0;}
.footnavbox .centerbox{ width:1200px; height:auto; margin:0 auto; position:relative; overflow:hidden; overflow:hidden; }
.footnavbox .leftbox{ float:left; width:950px; height:auto; overflow:hidden;}
.footnavbox .leftbox .menu{ width:100%; height:25px; line-height:25px; overflow:hidden;}
.footnavbox .leftbox .menu ul{ margin:0px; padding:0px; list-style:none}
.footnavbox .leftbox .menu ul li{ margin:0px; padding:0px; list-style:none; width:97px; height:25px; line-height:25px; overflow:hidden; float:left}
.footnavbox .leftbox .copyright{ width:100%; line-height:200%;  overflow:hidden; line-height:200%; text-align:left; margin-top:28px;}
.footnavbox .leftbox .copyright a{color:#fff;}


.footnavbox .rightbox{ float:left; overflow:hidden; width:125px; text-align:center}



.footer{ width:100%; height:auto; overflow:hidden;background:#282828; padding:15px 0}
.footer .centerbox{ width:1260px; height:auto; margin:0 auto; position:relative; overflow:hidden; }
.footer .centerbox .leftbox{ float:left; width:500px;line-height:200%; color:#c4c7cc;}
.footer .centerbox .leftbox .menu{ width:100%; font-size:14px; height:35px; line-height:35px;  color:#bebebe; }
.footer .centerbox .leftbox .menu a{ color:#bebebe}
.footer .centerbox .leftbox .menu ul{ margin:0px; padding:0px; list-style:none}
.footer .centerbox .leftbox .menu ul li{margin:0px; padding:0 37px 0 0; list-style:none; float:left;height:35px; line-height:35px; font-size:12px}
.footer .centerbox .copyright{ width:100%; line-height:200%; color:#cfcfcf; width:700px; float:right; overflow:hidden; line-height:200%; text-align:right}
.footer .centerbox .copyright a{color:#cfcfcf;}



.footer .centerbox .rightbox{ float:right; overflow:hidden; width:521px; height:auto; overflow:hidden;}
.footer .centerbox .rightbox .title{ width:100%; font-size:12px; height:35px; line-height:35px; border-bottom:1px solid #27405e; color:#c3c7ca; margin-top:94px;}
.footer .centerbox .rightbox .list{ width:100%; clear:both; margin-top:17px; overflow:hidden;}
.footer .centerbox .rightbox .list ul{ margin:0px; padding:0px; list-style:none}
.footer .centerbox .rightbox .list ul li{ margin:0px; padding:0px; list-style:none; float:left; width:98px; text-align:center; background:url(../Images/fline.jpg) right center no-repeat;}
.footer .centerbox .rightbox .list ul li .pic{ width:100%; margin-top:13px; overflow:hidden; height:25px;}
.footer .centerbox .rightbox .list ul li .tit{ width:100%; height:35px; line-height:35px; overflow:hidden; color:#9ba2aa; margin-top:11px;}


.ertitbox{ width:100%; height:82px; overflow:hidden; background: url(../Images/ernavbg.jpg) repeat-x; clear:both}
.ertitbox .centerbox{ width:1260px; height:82px; margin:0 auto; clear:both; overflow:hidden; position:relative}
.ertitbox .centerbox .title{ position:absolute; left:0px; top:0px; background:url(../Images/lline.jpg) left bottom no-repeat; height:70px; line-height:70px; font-size:20px; overflow:hidden; color:#118cd0;}
.ertitbox .centerbox .title span{ font-size:14px; color:#9a9a9a;}
.ertitbox .centerbox .location{ position:absolute; right:0px; top:0px;height:70px; line-height:70px; font-size:12px;}



.ernavbox{ width:100%; height:auto; overflow:hidden;  clear:both}
.ernavbox .centerbox{ width:1260px; margin:0 auto; clear:both; overflow:hidden;}
.ernavbox .list{ width:1260px; height: auto; overflow:hidden; margin-top:40px;}
.ernavbox .list ul{ margin:0px; padding:0px; list-style:none}
.ernavbox .list ul li{ margin:0px 7px; padding:0px; list-style:none; float:left; width:145px; height:42px; line-height:42px; font-size:16px; overflow:hidden; border:1px solid #d1d1d1; text-align:center}
.ernavbox .list ul li.onfocus{ background:#0a83c8; color:#FFF;border:1px solid #0a83c8}
.ernavbox .list ul li.onfocus a{ color:#FFF}




.ermainbox{ width:100%; height:auto; overflow:hidden; background:#fff;}

.erlocation{ width:100%; height:auto; overflow:hidden;  background:#FFF;}
.erlocation .centerbox{ width:1260px; height:auto; overflow:hidden; margin:0 auto; clear:both; overflow:hidden; background:url(../Images/erlocation.jpg) top right no-repeat; height:69px; position:relative}
.erlocation .centerbox .tit{ position:absolute; left:0px; top:22px; overflow:hidden; background:url(../Images/tit1.jpg) 0 0 no-repeat; text-indent:50px; font-size:30px; color:#f55a79;}
.erlocation .centerbox .location{ position:absolute; right:43px; top:22px; font-size:12px; height:47px; line-height:47px; overflow:hidden;}	


#mainbox{ width:1200px; height:auto; overflow:hidden; margin:0 auto; clear:both;padding-bottom:30px;  min-height:600px; padding:50px 0 0 0 }
#mainbox .leftbox{ width:248px;height:auto; float:left; overflow:hidden; min-height:169px;background:#fff;}
#mainbox .leftbox .titbox{ width:248px; height:98px; overflow:hidden; background:#45bb29; position:relative}
#mainbox .leftbox .titbox .tit{ width:248px; text-align:left; margin-top:10px;  color:#FFF; text-indent:45px;}
#mainbox .leftbox .titbox .tit2{ width:248px; text-align:left; margin-top:20px;font-size:20px; font-weight:bold; color:#fff; text-indent:45px;}

#mainbox .leftbox .navlist{ width:248px; height:auto; overflow:hidden; margin:0 auto;}

#mainbox .leftbox .navlist .list{ width:248px; height:auto; overflow:hidden;  }
#mainbox .leftbox .navlist .list ul{ margin:0px; padding:0px; list-style:none}
#mainbox .leftbox .navlist .list ul li{ margin:5px 0 0 0; padding:0px; list-style:none; width:248px; line-height:51px;text-indent:79px; font-size:14px; background:url(../Images/tab2.jpg) no-repeat;}
#mainbox .leftbox .navlist .list ul li.onfocus{ font-weight:bold; color:#45bb29; background:url(../Images/tab1.jpg) no-repeat;}
#mainbox .leftbox .navlist .list ul li.onfocus a{ color:#45bb29}

#mainbox .leftbox .navlist .list ul li ul{ margin:0px; padding:0px; list-style:none; display:none}
#mainbox .leftbox .navlist .list ul li ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:30px; line-height:30px; background: url(../Images/arr1.jpg) 31px 10px no-repeat;}
#mainbox .leftbox .navlist .list ul li ul li.onfocus{background:url(../Images/arr2.jpg) 31px 10px no-repeat; color:#f27316}
#mainbox .leftbox .navlist .list ul li ul li.onfocus a{ color:#f27316}

#mainbox .leftbox .navlist .list ul li.onfocus ul li{ font-weight:normal; text-indent:42px; color:#3e3a39;}
#mainbox .leftbox .navlist .list ul li.onfocus ul li a{color:#3e3a39;}
#mainbox .leftbox .navlist .list ul li.onfocus ul li.onfocus a{color:#f27316;}
#mainbox .leftbox .navlist .list ul li.onfocus ul{ display:block}









#mainbox .rightbox{ width:904px; height:auto; float:right; overflow:hidden; }
#mainbox .rightbox .titnav{ width:904px; height:40px;  position:relative; background:url(../Images/rline.jpg) left bottom no-repeat; }
#mainbox .rightbox .titnav h5{ margin:0px; padding:0px;height:40px; line-height:40px; display:block; position:absolute; left:0px; top:0; font-size:20px; color:#f8810d;   }
#mainbox .rightbox .titnav h6{ margin:0px; padding:0px; display:block; text-indent:20px; height:25px; line-height:25px; font-weight:normal; position:absolute; right:0px; top:0px; font-size:12px; color:#aeaeae; background:url(../Images/location.jpg) left center no-repeat;}

#mainbox .rightbox .areabox{ width:100%; height:auto; overflow:hidden; background:#FFF; padding:10px 0; min-height:250px;}

#mainbox .rightbox .theproducttit{ width:100%; height:45px; line-height:45px; text-align:center; font-size:16px; color:#ff9c00;}




#tsmenu{ width:1200px; height:97px; overflow:hidden; margin:0 auto; position:relative; z-index:3; margin-top:-33px;}
#tsmenu .leftbox{ width:248px;height:auto; float:left; overflow:hidden; min-height:169px;background:#fff;}
#tsmenu .leftbox .titbox{ width:248px; height:98px; overflow:hidden; background:#45bb29; position:relative}
#tsmenu .leftbox .titbox .tit{ width:248px; text-align:left; margin-top:10px;  color:#FFF; text-indent:45px;}
#tsmenu .leftbox .titbox .tit2{ width:248px; text-align:left; margin-top:20px;font-size:20px; font-weight:bold; color:#fff; text-indent:45px;}
#tsmenu .rightbox{ width:904px; height:auto; float:right; overflow:hidden; }
#tsmenu .rightbox .titnav{ width:904px; height:40px;  position:relative; background:url(../Images/rline.jpg) left bottom no-repeat; margin-top:45px; padding-bottom:10px; }
#tsmenu .rightbox .titnav h5{ margin:0px; padding:0px;height:40px; line-height:40px; display:block; position:absolute; left:0px; top:0; font-size:20px; color:#f8810d;   }
#tsmenu .rightbox .titnav h6{ margin:0px; padding:0px; display:block; text-indent:20px;height:40px; line-height:40px; font-weight:normal; position:absolute; right:0px; top:0px; font-size:12px; color:#aeaeae; background:url(../Images/location.jpg) left center no-repeat;}


.ercasebox{ width:100%; height:auto; overflow:hidden; background:#f2f2f2; padding:100px 0 20px 0; margin-top:-64px; position:relative; z-index:0}
.ercasebox .centerbox{ width:1200px; height:auto; overflow:hidden; margin:0 auto; clear:both; overflow:hidden;}
.ercasebox .listbox{ width:1200px; height:auto; overflow:hidden; position:relative; }
.ercasebox .listbox .list{width:1250px;; height:auto; overflow:hidden; }
.ercasebox .listbox .list ul{ margin:0px; padding:0px; list-style:none}
.ercasebox .listbox .list ul li{ margin:0px 12px 18px 0; padding:0px; list-style:none; width:288px; height:365px; background:#FFF; border:1px solid #e2e2e2; float:left; position:relative}
.ercasebox .listbox .list ul li .pic{ position:absolute; left:3px; top:3px; width:280px; height:301px; left:4px; top:4px;}
.ercasebox .listbox .list ul li .pic img{width:280px; height:301px; }
.ercasebox .listbox .list ul li .tit{ position:absolute; width:280px; height:42px; line-height:42px; text-align:center; font-size:14px; left:4px; top:309px; font-size:14px; background:url(../Images/theline1.jpg) bottom center no-repeat;}
.ercasebox .listbox .list ul li:hover .tit{ background:url(../Images/theline2.jpg) bottom center no-repeat; color:#ff8500;}

.productlist{ width:1000px;; height:auto; overflow:hidden;}
.productlist ul{ margin:0px; padding:0px; list-style:none}
.productlist ul li{ margin:0px 35px 0 0px; padding:0px; list-style:none; width:286px; height:260px; position:relative; float:left; overflow:hidden; }
.productlist ul li .pic{ width:286px; height:211px;  position:absolute; left:0; top:0;}

.productlist ul li .tit{ width:286px; height:45px; line-height:45px; font-size:14px; overflow:hidden;position:absolute; left:0; top:211px; text-align:center; overflow:hidden;}
.productlist ul li:hover .tit{ color:#f07316;}




.newsplist{ width:1000px; height:auto;  overflow:hidden; padding:0px 0 0 0}
.newsplist ul{ margin:0px; padding:0px; list-style:none}
.newsplist ul li{ margin:35px 26px 0px 0; padding:0px; list-style:none; width:307px; height:252px;  position:relative; float:left; -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -ms-transition-duration:0.5s;transition-duration:0.5s;}
.newsplist ul li .pic{ position:absolute; left:0px; top:0px;  width:295px; height:194px; padding:5px; border:1px solid #eaeaea;}
.newsplist ul li .pic img{ width:295px; height:194px}
.newsplist ul li .cover{ width:295px; height:194px; position:absolute; left:6px; top:6px; background:url(../Images/cover2.png) no-repeat; display:none}

.newsplist ul li .tit{position:absolute; left:0; top:200px; width:100%; height:58px; line-height:58px; font-size:16px; color:#242424; overflow:hidden; text-align:center}

.newsplist ul li:hover{ background:#eeeeee; color:#fa810c}
.newsplist ul li:hover .pic{border:1px solid #fa810c;}
.newsplist ul li:hover .tit{ color:#fa810c;} 
.newsplist ul li:hover .cover{ display:block}

/*案例展示*/
.caselist{ width:980px; height:auto;  overflow:hidden; padding:30px 0 0 0}
.caselist ul{ margin:0px; padding:0px; list-style:none}
.caselist ul li{ margin:0px 13px 30px 0; padding:0px; list-style:none; width:226px; height:404px; background:#FFF; position:relative; float:left}
.caselist ul li .pic{ width:226px; height:151px; overflow:hidden; position:absolute; left:0px; top:0px;}
.caselist ul li .tit{ width:182px; height:31px; line-height:31px; position: absolute; left:23px; top:166px; color:#1f73bc;}
.caselist ul li .word{ width:182px; height:127px; line-height:25px; overflow:hidden; position:absolute; left:23px; top:202px;}
.caselist ul li .more{ position:absolute; left:25px; top:339px;}



/*新闻*/
.newslist{ width:100%; height:auto; overflow:hidden; margin:0  auto; clear:both; overflow:hidden;}

.newslist ul{ margin:0px; padding:0px; list-style:none;}
.newslist ul li{ margin:0px; padding:0px; list-style:none; float:left; width:100%; height:33px;  position:relative; background:url(../Images/newsdot.jpg) 2px 13px no-repeat; text-indent:15px;}
.newslist ul li p{ margin:0px; padding:0px; display:block; height:33px; line-height:33px;}
.newslist ul li p.t1{ font-size:14px; color:#333333; position:absolute; left:0px; top:0px; width:700px; }
.newslist ul li p.t2{ position:absolute; right:0px; top:0px;}
.newslist ul li:hover p.t1{color:#007ed2;}

.newslist ul li.kong{ width:100%; height:35px; background:none}

.formbox{ width:860px; height:auto; overflow:hidden;}
.formbox .tit{ width:860px; height:35px; line-height:35px; text-align:center; font-weight:bold; font-size:20px; font-weight:bold; color:#000; margin-top:30px;}
.formbox .listbox{ width:800px; height:auto; overflow:hidden;}
.formbox .listbox ul{ margin:0px; padding:0px; list-style:none;}
.formbox .listbox ul li{ margin:0px; padding:0px; list-style:none; width:815px; height:58px;}
.formbox .listbox ul li h5{ width:115px; height:58px; line-height:50px; margin:0px; padding:0px; display:block; float:left; font-size:14px; text-align:right}
.formbox .listbox ul li .inputbox{ width:650px; height:58px; line-height:58px; overflow:hidden;}
.formbox .listbox ul li .inputbox .input1{ width:324px; height:35px; border:1px solid #DDDDDD;}
.formbox .listbox ul li .inputbox .input2{ width:150px; height:35px; border:1px solid #DDDDDD;}
.formbox .listbox ul li .inputbox textarea{ width:573px; height:95px;border:1px solid #DDDDDD;}

.formbox .listbox ul li .btn{ width:130px; height:50px; line-height:50px; text-align:center; font-size:16px; color:#FFF; background:#156C5C;}


.formbox .form-group{ padding:15px 0}
.formbox label{ display:block; width:100%;}
.formbox input{ width:500px; height:35px; border:1px solid #CCC; text-indent:15px;}
.formbox  textarea{ width:500px; height:95px;border:1px solid #DDDDDD; text-indent:15px;}


/*新闻*/
.topnews{ width:100%; height:auto; overflow:hidden;}
.topnews ul{ margin:0px; padding:0px; list-style:none}
.topnews ul li{ margin:10px 0; padding:0px; list-style:none;width:100%; height:161px;   position:relative;-webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -ms-transition-duration:0.5s;transition-duration:0.5s; }
.topnews ul li .pic{ position:absolute; left:19px; top:22px; width:196px; height:121px; border:1px solid #e6e6e6; overflow:hidden; padding:2px}
.topnews ul li .pic img{width:196px; height:121px;}
.topnews ul li .tit{width:652px; height:29px; position:absolute; left:238px; top:22px; font-size:14px; line-height:29px; overflow:hidden; color:#fe9b00;}
.topnews ul li .word{ position:absolute; left:238px; top:64px; width:652px; height:50px; line-height:25px; font-size:12px; overflow:hidden;}
.topnews ul li .time{ position:absolute; left:238px; top:127px;  font-size:12px; overflow:hidden; color:#bababa;}
.topnews ul li:hover{ background:#FFF}



.thenewslist{ width:1270px; height:auto; overflow:hidden; margin-top:30px;}
.thenewslist ul{ margin:0px; padding:0px; list-style:none}
.thenewslist ul li{ margin:0px; padding:0px; list-style:none;width:420px; height:185px; border-right:1px solid #eeeeee;  position:relative; float:left}
.thenewslist ul li .box{ width:373px; margin:0 auto; overflow:hidden;}
.thenewslist ul li .title{ width:100%; height:25px; line-height:25px; font-size:14px; overflow:hidden; margin-top:25px;}
.thenewslist ul li .word{ width:100%; height:50px; line-height:25px; overflow:hidden; margin-top:20px;}
.thenewslist ul li .time{ width:100%; height:25px; line-height:25px; overflow:hidden; margin-top:11px;}

.thenewslist ul li:hover .title{ color:#fe9d00;}










.piclist{ width:930px; height:auto; overflow:hidden; margin:0  auto; clear:both; overflow:hidden;}
.piclist ul{ margin:0px; padding:0px; list-style:none;}
.piclist ul li{ margin:10px 20px 10px 0; padding:0px; list-style:none; float:left; width:212px; height:209px; position:relative; }
.piclist ul li img{ width:212px; height:160px; }
.piclist ul li h5{ margin:0px; padding:0px; width:212px; height:35px; line-height:35px; overflow:hidden; font-size:14px; text-align:center}


.piclist2{ width:930px; height:auto; overflow:hidden; margin:0  auto; clear:both; overflow:hidden;}
.piclist2 ul{ margin:0px; padding:0px; list-style:none;}
.piclist2 ul li{ margin:10px 26px 10px 0; padding:0px; list-style:none; float:left; width:284px; height:330px; position:relative; }
.piclist2 ul li img{ width:284px; height:216px; }
.piclist2 ul li h5{ margin:0px; padding:0px; width:284px; height:35px; line-height:35px; overflow:hidden; font-size:14px; text-align:center}
.piclist2 ul li .word{ margin:0px; padding:0px; width:284px; height:50px; line-height:25px; overflow:hidden; font-size:12px;}




.joblist{ width:100%; height:auto; overflow:hidden; margin:0 auto; clear:both}
.joblist ul{ margin:0px; padding:0px; list-style:none}
.joblist ul li{ margin:15px  0 0 0; padding:0px 0px; list-style:none; width:100%; height:auto; overflow:hidden; background:#FFF}
.joblist ul li .box{ width:100%; margin:0 auto; overflow:hidden; clear:both;}

.joblist ul li .tit{ width:99%; height:43px; overflow:hidden; position:relative; border:1px solid #e9e9e9; border-radius:5px;}
.joblist ul li .tit p{ display:block; overflow:hidden; line-height:43px;}
.joblist ul li .tit p.t1{ width:70%; float:left; overflow:hidden; font-size:16px; text-indent:23px;}

.joblist ul li .tit p.t2{ width:28%; float:right; overflow:hidden; text-align:right}
.joblist ul li .tit p.t2 img{ float:right; cursor:pointer; margin-top:15px; margin-right:24px;}
.joblist ul li .tit p.t2 .img1{ display:block}
.joblist ul li .tit p.t2 .img2{ display:none}

.joblist ul li .wordbox{ width:99%;line-height:200%; padding:10px 0; overflow:hidden; margin-top:10px; display:none;-webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -ms-transition-duration:0.5s;transition-duration:0.5s; border:1px solid #e9e9e9; background:#f7f5f6;}
.joblist ul li .wordbox .box{ width:96%; margin:0 auto; clear:both; overflow:hidden; line-height:200%;}


.joblist ul li.onfocus .tit{ background:#017fd3;}
.joblist ul li.onfocus .tit p.t1{ color:#fff; } 
.joblist ul li.onfocus .tit p.t2 .img1{ display:none}
.joblist ul li.onfocus .tit p.t2 .img2{ display:block}
.joblist ul li.onfocus .wordbox{ display:block}



