@charset "utf-8";
.bodybox{ width:100%; height:auto; overflow:hidden; background:#ffffff; min-width:1260px; }

.header{ width:100%; height:105px;clear:both; position:relative; margin:0 auto; z-index:10; background:#FFF;}

.header .logobox{ width:1260px; height:105px; margin:0 auto; clear:both; overflow:hidden; position:relative}
.header .logo{ position:absolute; left:0px; top:13px;}
.header .share{ position:absolute; right:0px; top:0px;}
.header .share ul{ margin:0px; padding:0px; list-style:none}
.header .share ul li{margin:0px; padding:0px; list-style:none; float:left; height:29px; line-height:29px;}
.header .share ul li.t1{background:url(../Images/t1.jpg) 0 9px no-repeat; text-indent:20px;}
.header .share ul li.t2{background:url(../Images/t2.jpg) 0 9px no-repeat; text-indent:20px;}
.header .share ul li.t3{background:url(../Images/t3.jpg) 0 9px no-repeat; text-indent:20px;}
.header .share ul li.line{ padding:0 10px; color:#d8d8d8;}

.header .tel{ position:absolute;  background: url(../Images/toptel.jpg) 0 8px no-repeat; right:0px; top:48px; text-indent:20px; font-size:16px}
.header .tel span{ font-size:22px; color:#f98109; }


.menubox{ width:100%; height:51px; line-height:51px; overflow: visible; background:#fff; border-top:1px solid #e6e6e6; z-index:10; position:relative}
.menubox .centerbox{ width:1280px; height:53px; overflow:visible; margin:0 auto; position:relative}
.menubox .centerbox .menu{ position:absolute; left:0px; top:0px;}
.menubox .centerbox .menu ul{ margin:0px; padding:0px; list-style:none}
.menubox .centerbox .menu ul li{ margin:0px; padding:0; list-style:none; float:left; width:156px; height:51px; line-height:51px;font-size:16px; text-align:center; border-right:1px solid #e6e6e6; overflow:visible; position:relative;-webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -ms-transition-duration:0.5s;transition-duration:0.5s;}
.menubox .centerbox .menu ul li.last{ border-right:0px}
.menubox .centerbox .menu ul li.onfocus{ background:#0388d5; color:#FFF}
.menubox .centerbox .menu ul li.onfocus a{ color:#FFF} 

.menubox .centerbox .menu ul li ul{ position:absolute; left:0px; top:51px; display:none}
.menubox .centerbox .menu ul li ul li{ width:156px; height:35px; line-height:35px; overflow:hidden; background:#0388d5; text-align:center; font-size:12px; border-right:0px; border-bottom:1px solid #FFF}
.menubox .centerbox .menu ul li ul li a{ color:#FFF}
.menubox .centerbox .menu ul li ul li:hover{ background:#fa810c}









#index_Banner
{width:100%; height:600px; overflow:hidden; position:relative; margin:0px auto; z-index:1; background:#FFF; }
#index_Banner .list
{width:100%; height:600px; 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:600px; 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; }
#index_Banner .centerbox .rightarr{width:24px; height:39px;}




.erSlide{ width:100%; height:259px; border-bottom:1px solid #10B1E8; background:url(../Images/slidebg.jpg) repeat-x; overflow:hidden;}

#er_Banner
{width:100%; height:379px; overflow:hidden; position:relative; margin:0px auto; z-index:1}
#er_Banner .list
{width:100%; height:379px; 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:379px; 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;}


.topsearch{ width:100%; height:60px; border-bottom:1px solid #e3e3e3; overflow:hidden;}
.topsearch .centerbox{ width:1260px; height:60px; overflow:hidden; margin:0 auto; position:relative}
.topsearch .leftbox{ position:absolute; left:0px; top:0px; height:60px; line-height:60px; font-size:14px; width:765px; overflow:
hidden;}
.topsearch .leftbox span{ font-weight:blod; color:#fc800c;}
.topsearch .rightbox{ position:absolute; right:0px; top:0px;}
.topsearch .rightbox .search{ margin-top:11px;}
.topsearch .rightbox .search ul{ margin:0px; padding:0px; list-style:none}
.topsearch .rightbox .search ul li{ margin:0px; padding:0px; list-style:none; float:left}
.topsearch .rightbox .search ul li.t1 input{ width:397px; height:37px; border:1px solid #e8e8e8; line-height:38px; text-indent:15px;}
.topsearch .rightbox .search ul li.t2 .btn{ width:76px; height:40px; border:0px; overflow:hidden; line-height:38px; text-align:center; font-size:14px; color:#FFF; background:#0288d1;}





.homepart1{ width:100%; height:auto; overflow:hidden;  margin:0 auto; clear:both;position:relative; overflow:hidden; background:#ffffff; overflow:hidden; padding:31px 0 41px 0;}
.homepart1 .centerbox{ width:1260px; height:auto; overflow:hidden; margin:0 auto; clear:both; overflow:hidden;}
.homepart1 .centerbox .thebox{ width:100%; height:78px; overflow:hidden; position:relative;}
.homepart1 .centerbox .title{ width:553px; height:38px; line-height:38px; overflow:hidden; font-size:20px; color:#0388d5; background: url(../Images/htit.jpg) no-repeat; overflow:hidden; margin:0 auto; text-align:center}
.homepart1 .centerbox .title2{ width:100%; height:30px; line-height:30px; overflow:hidden; text-align:center;}

.homepart1 .centerbox .thebox .more{ position:absolute; right:0px; top:15px;}

.homepart1 .centerbox .list{ width:1280px; height:auto; overflow:hidden; margin-top:23px;}
.homepart1 .centerbox .list ul{ margin:0px; padding:0px; list-style:none}
.homepart1 .centerbox .list ul li{ margin:0px 18px 0 0 ; padding:0px; list-style:none; float:left; position:relative; width:235px; height:276px;; overflow:hidden; border:1px solid #e1e1e1;}
.homepart1 .centerbox .list ul li .pic{ position:absolute; left:0px; top:0px; overflow:hidden; width:235px; height:212px; border-bottom:1px dashed #d0d0d0;}
.homepart1 .centerbox .list ul li .tit{ width:100%; height:18px; line-height:18px; overflow:hidden; position:absolute; left:0px; top:234px; color:#8f8f8f; text-align:center; font-size:14px; color:#000}
.homepart1 .centerbox .list ul li .tit2{ width:100%; height:22px; line-height:22px; overflow:hidden; position: absolute; left:0px; top:261px; font-size:14px;text-align:center; overflow:hidden; color:#000; display:none}
.homepart1 .centerbox .list ul li .more{ position:absolute; left:103px; top:299px; width:26px; height:27px; overflow:hidden; background:url(../Images/more1.jpg) no-repeat;display:none}


.homepart1 .centerbox .list ul li:hover{ border:1px solid #fc810a;}
.homepart1 .centerbox .list ul li:hover .tit2{ color:#fa820a;}
.homepart1 .centerbox .list ul li:hover .more{ background:url(../Images/more2.jpg) no-repeat}


.homepart2{ width:100%; height:auto; overflow:hidden; background:#f5f6fa; clear:both; position:relative; padding:46px 0;}

.homepart2 .centerbox{ width:1260px; height:464px; overflow:hidden; margin:0 auto; clear:both; overflow:hidden; position:relative; z-index:10;}
.homepart2 .centerbox .box1{ position:absolute; left:0px; top:0px; width:219px; height:321px; background: url(../Images/p2left.jpg) no-repeat #0388d5;}
.homepart2 .centerbox .box1 .tit{ position:absolute; left:61px; top:69px; font-size:20px; color:#FFF; overflow:hidden;}
.homepart2 .centerbox .box1 .tit2{ position:absolute; left:48px; top:108px; overflow:hidden; font-size:12px; color:#b5d5ee;}
.homepart2 .centerbox .box1 .list{ width:219px; height:auto; overflow:hidden; position:absolute; left:0px; top:162px; overflow:hidden;}
.homepart2 .centerbox .box1 .list ul{ margin:0px; padding:0px; list-style:none}
.homepart2 .centerbox .box1 .list ul li{ margin:0px; padding:0px; list-style:none; width:105px; height:32px; line-height:32px; font-size:14px; overflow:hidden; text-indent:20px; float:left}


.homepart2 .centerbox .boxmore{ width:219px; height:129px; background:url(../Images/p2more.jpg) no-repeat; overflow:hidden; position:absolute; left:0px; top:335px;}
.homepart2 .centerbox .boxmore .tit{ position:absolute; left:28px; top:31px; color:#FFF; font-size:14px}
.homepart2 .centerbox .boxmore .more{position:absolute; left:52px; top:83px;}

.homepart2 .centerbox .listbox{ position:absolute; left:219px; top:0px; overflow:hidden;}
.homepart2 .centerbox .listbox .list{ width:1060px; height:auto; overflow:hidden; float:left; margin-left:20px;}
.homepart2 .centerbox .listbox .list ul{ margin:0px; padding:0px; list-style:none; float:left}
.homepart2 .centerbox .listbox .list ul li{margin:0px; padding:0px; list-style:none; width:346px; height:462px; float:left; overflow:hidden;}
.homepart2 td .one{ margin:0px 10px 15px 0px; width:334px; height:224px; overflow:hidden; position:relative; float:right}
.homepart2 td .pic{ width:334px; height:224px; overflow:hidden; position:absolute; left:0px; top:0px; z-index:0}
.homepart2 td .tit{ width:334px; background:url(../Images/cover1.png) no-repeat; overflow:hidden; height:43px ; line-height:43px; text-indent:15px; font-size:14px; position:absolute; left:0px; bottom:0px; z-index:10; color:#000}


.colee1 {
  display: inline;
  width: 1060px;
  height: 462px;
  overflow: hidden;
}
.colee2 {
  display: inline;
}
.rollme {
  width: 1000%;
  height: 462px;
  overflow: hidden;
}







.homepart3{ width:100%; height:auto; overflow:hidden; background:#fff; overflow:hidden; padding:35px 0px;}
.homepart3 .centerbox{ width:1260px; height:auto; overflow:hidden; overflow:hidden; margin:0 auto}

.homepart3 .centerbox .thebox{ width:100%; height:78px; overflow:hidden; position:relative;}
.homepart3 .centerbox .title{ width:553px; height:38px; line-height:38px; overflow:hidden; font-size:20px; color:#0388d5; background: url(../Images/htit.jpg) no-repeat; overflow:hidden; margin:0 auto; text-align:center}
.homepart3 .centerbox .title2{ width:100%; height:30px; line-height:30px; overflow:hidden; text-align:center;}

.homepart3 .centerbox .thebox .more{ position:absolute; right:0px; top:15px;}




.homepart3 .list{ width:1280px; height:auto; overflow:hidden;}
.homepart3 .list ul{ margin:0px; padding:0px; list-style:none}
.homepart3 .list ul li{ margin:35px 0 0 0; padding:0px; list-style:none; float:left; width:630px; height:152px; border-bottom:1px solid #e5f4fb; position:relative; overflow:hidden;}
.homepart3 .list ul li .pic{ position:absolute; left:0px; top:0px; width:176px; height:116px; overflow:hidden;}
.homepart3 .list ul li .pic img{ width:176px; height:116px;}
.homepart3 .list ul li .pic .img1{ display:block}
.homepart3 .list ul li .pic .img2{ display:none}
.homepart3 .list ul li .tit{ position:absolute; left:190px; top:7px; width:375px; height:40px; line-height:40px; font-size:16px; overflow:hidden; border-bottom:1px dashed #e6e6e6;}
.homepart3 .list ul li .word{ position:absolute; left:190px; top:55px; height:60px; line-height:30px; overflow:hidden; width:375px; font-size:14px;}


.homepart3 .list ul li:hover .pic .img1{ display:none}
.homepart3 .list ul li:hover .pic .img2{ display:block}
.homepart3 .list ul li:hover .tit{ color:#fba045;}



.homepart4{ width:100%; height:auto; overflow:hidden; background:#f6f6f6; overflow:hidden; padding:40px 0px;}
.homepart4 .centerbox{ width:1260px; height:auto; overflow:hidden; overflow:hidden; margin:0 auto}
.homepart4 .centerbox .title{ width:100%; height:38px; position:relative}
.homepart4 .centerbox .title .tit{ height:38px; line-height:38px; overflow:hidden; font-size:20px; color:#4b4b4b;  position: absolute; left:0px; top:0px;}
.homepart4 .centerbox .title .more{ position:absolute; right:0; top:0; height:38px; line-height:38px; background:url(../Images/more4.jpg)  right center no-repeat; padding-right:25px; color:#ababab;}
.homepart4 .centerbox .title .more a{color:#ababab;}


.homepart4 .centerbox .listbox{ width:1260px; height:auto; overflow:hidden;}
.homepart4 .centerbox .listbox .onebox{ width:594px; float:left; overflow:hidden;}

.homepart4 .centerbox .listbox .list{ width:100%; height:auto; overflow:hidden; margin-top:15px;}
.homepart4 .centerbox .listbox .list ul{ margin:0px; padding:0px; list-style:none}
.homepart4 .centerbox .listbox .list ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:35px; line-height:35px; overflow:hidden; position:relative; border-bottom:1px dashed #c0c0c0;}
.homepart4 .centerbox .listbox .list ul li p{ display:block; position:absolute;}
.homepart4 .centerbox .listbox .list ul li p.t1{ background:url(../Images/ndot.jpg) left center no-repeat; height:35px; line-height:35px; font-size:14px; text-indent:15px; width:507px; overflow:hidden;}
.homepart4 .centerbox .listbox .list ul li p.t2{ position: absolute; right:0px; top:0px; height:35px; line-height:35px; overflow:hidden;}

.homepart4 .centerbox .listbox .list ul li.havpic{ width:100%; height:145px; border-bottom:1px dashed #e7e7e7; position:relative}
.homepart4 .centerbox .listbox .list ul li.havpic .pic{ width:194px; height:125px; overflow:hidden; border:1px solid #ebebeb; position: absolute; left:0px; top:0px;}
.homepart4 .centerbox .listbox .list ul li.havpic .tit{ width:386px; height:35px; line-height:35px; overflow:hidden; color:#f9800b; font-size:16px; position:absolute; left:208px; top:0px;}
.homepart4 .centerbox .listbox .list ul li.havpic .word{ width:386px; height:60px; line-height:30px; overflow:hidden; position:absolute; left:208px; top:36px;}



.footnavbox{ width:100%; height:auto; overflow:hidden; background:#333333; color:#adadad; padding:33px 0}
.footnavbox a{ color:#adadad;}

.footnavbox .centerbox{ width:1260px; height:auto; margin:0 auto; position:relative; overflow:hidden; }
.footnavbox .centerbox .onebox{ width:187px; height:212px; overflow:hidden; float:left; background:url(../Images/fline.jpg) right center no-repeat;}
.footnavbox .centerbox .onebox .tit{ width:100%; height:21px; line-height:21px; color:#FFF; font-size:14px; overflow:hidden;}
.footnavbox .centerbox .onebox .list{ width:100%; height:auto; overflow:hidden; margin:0 auto; margin-top:20px;}
.footnavbox .centerbox .onebox .list ul{ margin:0px; padding:0px; list-style:none}
.footnavbox .centerbox .onebox .list ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:30px; line-height:30px; overflow:hidden; text-align:center }


.footnavbox .centerbox .twobox{ width:320px; height:212px; overflow:hidden; float:left; background:url(../Images/fline.jpg) right center no-repeat;}
.footnavbox .centerbox .twobox .tit{ width:275px; margin:0 auto; height:21px; line-height:21px; color:#FFF; font-size:14px; overflow:hidden;}
.footnavbox .centerbox .twobox .list{ width:275px;margin:0 auto; height:auto; overflow:hidden; margin:0 auto; margin-top:20px;}
.footnavbox .centerbox .twobox .list ul{ margin:0px; padding:0px; list-style:none}
.footnavbox .centerbox .twobox .list ul li{ margin:0px; padding:0px; list-style:none; width:100%;  line-height:30px; overflow:hidden;  }


.footnavbox .centerbox .codebox{ width:190px; height:212px; overflow:hidden; float:left; }
.footnavbox .centerbox .codebox .tit{ width:153px;  height:21px; line-height:21px; color:#FFF; font-size:14px; overflow:hidden;}
.footnavbox .centerbox .codebox .list{ width:153px;margin-left:39px; height:auto; overflow:hidden; margin:0 auto; margin-top:20px;}
.footnavbox .centerbox .codebox .list ul{ margin:0px; padding:0px; list-style:none}
.footnavbox .centerbox .codebox .list ul li{ margin:0px; padding:0px; list-style:none; width:100%;  line-height:30px; overflow:hidden; font-size:12px  }




.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:url(../Images/ermainbg.jpg) bottom center no-repeat;}
.erinbox{ width:100%; height:auto; overflow:hidden; background:url(../Images/erbg2.jpg) center 59px no-repeat; overflow:hidden;}

.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:1260px; height:auto; overflow:hidden; margin:0 auto; clear:both;padding-bottom:30px;  min-height:600px; margin-top:20px; }
#mainbox .leftbox{ width:240px;height:auto; float:left; overflow:hidden; min-height:500px;background:#eeeeee;}
#mainbox .leftbox .titbox{ width:240px; height:137px; overflow:hidden; background:url(../Images/erleft.jpg) no-repeat; position:relative}
#mainbox .leftbox .titbox .tit{ width:240px; text-align:center; margin-top:64px; font-size:20px; font-weight:bold; color:#FFF;}
#mainbox .leftbox .titbox .tit2{ width:240px; text-align:center; margin-top:15px; color:#b7d4f2;}

#mainbox .leftbox .navlist{ width:240px; height:auto; overflow:hidden; background:#eeeeee;}
#mainbox .leftbox .navlist .tit{ width:221px; height:44px;  margin-top:48px; background:url(../Images/lefttit.jpg) no-repeat; position:relative; overflow:hidden;}
#mainbox .leftbox .navlist .tit p{ margin:0; padding:0; display:block; position:absolute; left:49px;}
#mainbox .leftbox .navlist .tit p.t1{ font-size:14px; font-weight:bold; color:#017fd4; top:13px;}
#mainbox .leftbox .navlist .tit p.t2{ color:#96adbd; font-size:10px; top:30px;}


#mainbox .leftbox .navlist .list{ width:240px; height:auto; overflow:hidden;  margin-top:2px;}
#mainbox .leftbox .navlist .list ul{ margin:0px; padding:0px; list-style:none}
#mainbox .leftbox .navlist .list ul li{ margin:0px; padding:0px; list-style:none; width:240px; line-height:43px;text-indent:26px; font-size:14px;background: url(../Images/dot1.jpg) 11px 18px no-repeat #eeeeee;  border-bottom:1px solid #e2e2e2;}
#mainbox .leftbox .navlist .list ul li.onfocus{ font-weight:bold; color:#0878b7;background: url(../Images/dot2.jpg) 11px 18px no-repeat #0388d5;}
#mainbox .leftbox .navlist .list ul li.onfocus a{ color:#fff}

#mainbox .leftbox .navlist .list ul li ul{ margin:0px; padding:0px; list-style:none; background:#eff4fa; display:none}
#mainbox .leftbox .navlist .list ul li ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:43px; line-height:43px; background: url(../Images/dot1.jpg) 11px 18px no-repeat #eeeeee;}
#mainbox .leftbox .navlist .list ul li ul li.onfocus{background:url(../Images/dot2.jpg) 11px 18px no-repeat #0388d5;; color:#FFF}
#mainbox .leftbox .navlist .list ul li ul li.onfocus a{ color:#FFF}

#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:#fff;}
#mainbox .leftbox .navlist .list ul li.onfocus ul{ display:block}






#mainbox .rightbox{ width:986px; height:auto; float:right; overflow:hidden; }
#mainbox .rightbox .titnav{ width:986px; height:50px;  position:relative; margin-top:1px; border-bottom:1px solid #fde2c7;}
#mainbox .rightbox .titnav h5{ margin:0px; padding:0px;height:50px; line-height:50px; display:block; position:absolute; left:0px; top:0; font-size:20px; color:#f8810d; background:url(../Images/dot3.jpg) 10px 20px no-repeat; text-indent:30px; }
#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:21px; font-size:12px; color:#aeaeae;}

#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;}





.productlist{ width:1000px;; height:auto; overflow:hidden;}
.productlist ul{ margin:0px; padding:0px; list-style:none}
.productlist ul li{ margin:27px 20px 0 20px; padding:0px; list-style:none; width:282px; height:313px; position:relative; float:left; overflow:hidden; border:1px solid #e1e1e1;}
.productlist ul li .pic{ width:282px; height:241px; border:1px solid #ebebeb; position:absolute; left:0; top:0; border-bottom:1px dashed #d1d1d1;}
.productlist ul li .cover{ width:282px; height:241px; position:absolute; left:0; top:0; background:url(../Images/cover3.png) no-repeat; display:none}
.productlist ul li .tit{ width:100%; height:25px; line-height:25px; font-size:14px; overflow:hidden;position:absolute; left:0; top:262px; text-align:center; overflow:hidden;}
.productlist ul li .more{position:absolute; left:127px; top:299px; width:26px; height:27px; background:url(../Images/more1.jpg) no-repeat; display:none}

.productlist ul li:hover{ border:1px solid #fdc087; }
.productlist ul li:hover .tit{ color:#f9820a;}
.productlist ul li:hover .more{ background:url(../Images/more2.jpg) no-repeat}
.productlist ul li:hover .cover{ display:block}



.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:986px; 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:986px; height:207px; background:#f2f2f2;  position:relative; }
.topnews ul li .pic{ position:absolute; left:0px; top:0px; width:303px; height:203px; border:1px solid #e6e6e6; overflow:hidden; padding:2px}
.topnews ul li .pic img{width:303px; height:203px;}
.topnews ul li .tit{width:631px; height:29px; position:absolute; left:338px; top:21px; font-size:14px; line-height:29px; overflow:hidden; color:#fe9b00;}
.topnews ul li .word{ position:absolute; left:338px; top:62px; width:631px; height:75px; line-height:25px; font-size:12px; overflow:hidden;}
.topnews ul li .more{ position:absolute; left:338px; top:166px;  font-size:14px; overflow:hidden; color:#f9820a;}
.topnews ul li .more a{ color:#f9820a;}



.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}