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

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

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



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


.searchbox{ width:590px; height:69px; background:#fff; overflow:hidden; margin:0 auto; padding:35px 0}
.searchbox ul{ margin:0px; padding:0px; list-style:none}
.searchbox ul li{ margin:0px; padding:0px; list-style:none; float:left }
.searchbox ul li.in{width:520px; height:69px; background: url(../Images/searchbg.jpg) no-repeat; position:relative}
.searchbox ul li.in input{ width:483px; height:45px; border:0px; position:absolute; left:27px; top:12px; background:none; line-height:45px; font-size:14px;}
.searchbox ul li.btn input{ width:63px; height:69px; background: url(../Images/sbtn.jpg) no-repeat; border:0px; overflow:hidden;}
/*公共顶部*/
#header{ width:100%; height:98px; overflow:hidden;  position:relative}
#header .logo{ position:absolute; left:30px; top:25px;}

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

#homeSlide{ width:640px; height:auto; overflow:hidden;height:382px; overflow:hidden;}
#homeSlide .list{ width:640px; height:auto; overflow:hidden;}
#homeSlide .list ul{ margin:0px; padding:0px; list-style:none;}
#homeSlide .list ul li{ margin:0px; padding:0px; list-style:none; height:382px;width:640px; position:relative; overflow:hidden; float:left}


#erSlide{ width:640px; height:321px; overflow:hidden;}
#erSlide .list{ width:640px; height:321px; overflow:hidden;}
#erSlide .list ul{ margin:0px; padding:0px; list-style:none;}
#erSlide .list ul li{ margin:0px; padding:0px; list-style:none; width:640px; height:321px; position:relative; float:left; overflow:hidden;}



.hometop{ width:640px; height:auto; overflow:hidden; background:#FFF; padding:50px 0px}
.hometop .centerbox{ width:580px; margin:0 auto; clear:both; overflow:hidden;}
.hometop .centerbox .title{ width:580px; height:auto; font-size:24px; font-weight:bold; color:#000; text-align:center; line-height:200%;}
.hometop .centerbox .word{ width:580px; height:auto; line-height:200%; overflow:hidden;}





.homeproduct{ width:640px; height:auto; overflow:hidden; margin:0 auto; background:#edeef0; padding:50px 0;}
.homeproduct .line{ width:19px; height:2px; margin:0 auto; clear:both; overflow:hidden; background:#20a4d5;}
.homeproduct .title{ width:640px; height:74px; line-height:74px; text-align:center; font-size:32px; font-weight:bold; color:#333333;}
.homeproduct .list{ margin:35px 0 0 9px;}
.homeproduct .list ul{ margin:0px; padding:0px; list-style:none}
.homeproduct .list ul li{ margin:0px; padding:0px; list-style:none; width:182px; height:239px; float:left; margin-left:20px; position:relative}
.homeproduct .list ul li.t1{ background:url(../Images/product1.png) no-repeat;}
.homeproduct .list ul li.t2{ background:url(../Images/product2.png) no-repeat;}
.homeproduct .list ul li.t3{ background:url(../Images/product3.png) no-repeat;}
.homeproduct .list ul li span{ display:block; width:182px; height:34px; line-height:34px; text-align:center; font-size:20px; color:#FFF; overflow:hidden; position: absolute; left:0px; top:121px;}


.homenews{ width:640px; height:154px; background:#FFF; overflow:hidden; position:relative}
.homenews .tit{ width:121px; height:78px; line-height:78px; color:#FFF; font-size:24px; left:30px; top:37px; background:#858b99; position:absolute; left:30px; top:37px; text-align:center}
.homenews .list{ width:436px; height:77px; overflow:hidden; position:absolute; left:174px; top:37px;}
.homenews .list ul{ margin:0px; padding:0px; list-style:none}
.homenews .list ul li{ margin:0px; padding:0px; list-style:none;width:436px; height:77px; }
.homenews .list ul li p{ margin:0px; padding:0px; display:block;overflow:hidden;}
.homenews .list ul li p.t1{ width:436px; height:39px; line-height:39px; font-size:26px; font-weight:bold;}
.homenews .list ul li p.t2{ width:436px; height:39px; line-height:39px; font-size:24px;}

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


.fixkong{width:640px; height:150px; background:#FFF}
.fixbottom{ width:640px; height:100px; background:#262930; overflow:hidden; position:fixed; left:50%; margin-left:-320px; bottom:0px; z-index:10}
.fixbottom .list{ width:650px; height:auto; overflow:hidden;}
.fixbottom .list ul{ margin:0px; padding:0px; list-style:none;}
.fixbottom .list ul li{ margin:0px; padding:0px; list-style:none; float:left; width:160px; overflow:hidden; font-size:20px; text-align:center; color:#FFF; height:100px; line-height:140px;}
.fixbottom .list ul li.t1{ background:url(../Images/foot1.jpg) center 18px no-repeat;}
.fixbottom .list ul li.t2{ background:url(../Images/foot2.jpg) center 18px no-repeat;}
.fixbottom .list ul li.t3{ background:url(../Images/foot3.jpg) center 18px no-repeat;}
.fixbottom .list ul li.t4{ background:url(../Images/foot4.jpg) center 18px no-repeat;}
.fixbottom .list ul li.t5{ background:url(../Images/foot5.jpg) center 18px no-repeat;}


.ernavbox{ width:640px; margin:0 auto; clear:both; overflow:hidden;  background:#edeef0; }
.ernavbox ul{ margin:0px; padding:0px; list-style:none}
.ernavbox ul li{ margin:0px; padding:0px; width:213px; list-style:none; height:150px; line-height:150px; text-align:center; font-size:24px;
 float:left; overflow:hidden; }
.ernavbox ul li a{ display:block; width:213px; height:150px;}
.ernavbox ul li.onfocus{ background: url(../Images/ar1.jpg) no-repeat 100px 112px #20a4d5; color:#FFF}
.ernavbox ul li.onfocus a{ color:#FFF}



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


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




.ermianbox{ width:640px; height:auto; overflow:hidden; padding:15px 0;}
.ernavsun{ width:580px; margin:0 auto; clear:both; overflow:hidden;}
.ernavsun ul{ margin:0px; padding:0px; list-style:none}
.ernavsun ul li{ margin:0px; padding:0px; list-style:none; float:left; height:50px; line-height:50px; width:150px; float:left}

.splist{ width:650px; height:auto; overflow:hidden; margin:0 auto; clear:both}
.splist ul{ margin:0px; padding:0px; list-style:none}
.splist ul li{ margin:29px 0 0 22px; padding:0px; list-style:none; background:url(../Images/stp.jpg) no-repeat; position:relative; width:289px; height:269px; float:left}
.splist ul li .pic{ width:272px; height:199px; position:absolute; left:7px; top:8px;}
.splist ul li h5{ margin:0px; padding:0px; width:272px; height:33px; line-height:33px; position:absolute; left:7px; top:222px; color:#000; overflow:hidden;}





.maincenterbox{ width:600px; height:auto; overflow:hidden; margin:0 auto;}
.productlist{ width:580px; height:auto; overflow:hidden; margin:0 auto;}
.productlist ul{ margin:0px; padding:0px; list-style:none}
.productlist ul li{ margin:30px 0 0 0; padding:0px; list-style:none; background:#edeef0; width:580px; height:636px; position:relative; overflow:hidden; float:left}
.productlist ul li .pic{ width:546px; height:367px; overflow:hidden; position:absolute; left:19px; top:22px;}
.productlist ul li .pic img{width:546px; height:367px; }
.productlist ul li .tit{width:546px; height:36px; line-height:36px; overflow:hidden; position:absolute; left:19px; top:418px; font-size:24px;}
.productlist ul li .word{ width:546px; font-size:20px; height:68px; line-height:34px; overflow:hidden; position:absolute; left:19px; top:472px;}
.productlist ul li .more{ position:absolute; left:19px; top:562px;}


.productread{ width:546px; height:auto; margin:0 auto; clear:both; overflow:hidden; padding:16px; background:#edeef0;}
.productread .tit{width:546px; height:auto; line-height:36px; overflow:hidden;font-size:24px; padding:15px 0;}
.productread .word{ width:546px; font-size:20px; height:auto; line-height:34px; overflow:hidden; padding:15px 0;}
.productread .download{ background:url(../Images/fdown.jpg) 77px 7px no-repeat #858b99; height:60px; text-indent:139px; font-size:20px; color:#FFF; line-height:60px;}

.productdetail{ width:640px; height:80px; background: url(../Images/dmore.jpg) 30px 26px no-repeat #edeef0; line-height:80px; text-indent:62px;}
.productshow{ width:580px; height:auto; overflow:hidden; margin:0 auto; clear:both; overflow:hidden; line-height:200%;}



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


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

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

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


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

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

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

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

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



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

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


.caselist{ width:580px; height:auto; overflow:hidden; margin:0 auto;}
.caselist ul{ margin:0px; padding:0px; list-style:none}
.caselist ul li{ margin:0px 0px 30px 0; padding:0px; list-style:none; width:580px; height:724px; position:relative; float:left; overflow:hidden;}
.caselist ul li .pic{ position:absolute; left:0px; top:0px; width:580px; height:362px;}
.caselist ul li .pic img{ position:absolute; left:0px; top:0px;width:580px; height:362px;}

.caselist ul li .wordbox{ background:#edeef0; width:580px; height:362px; position:absolute; left:0px; top:362px;}
.caselist ul li .wordbox .tit{ width:520px; height:30px; line-height:30px; overflow:hidden; font-size:30px; position:absolute; left:19px; top:34px; font-weight:bold;}
.caselist ul li .wordbox .word{ width:520px; height:144px; line-height:36px; overflow:hidden; position:absolute; left:19px; top:83px;}
.caselist ul li .wordbox .line{ width:520px; height:12px; background: url(../Images/line2.jpg) no-repeat; position:absolute; left:19px; top:262px;}


.caselist ul li.even .pic{ position:absolute; left:0px; top:362px;}
.caselist ul li.even .wordbox{position:absolute; left:0px; top:0px;}





.newslist{ width:580px; height:auto; overflow:hidden; margin:0 auto;}
.newslist ul{ margin:0px; padding:0px; list-style:none}
.newslist ul li{ margin:0px; padding:0px; list-style:none; width:580px; height:104px; overflow:hidden; float:left; position:relative; }
.newslist ul li .time{ width:65px; height:104px; background:#858b99; overflow:hidden;}
.newslist ul li .time p{ margin:0px; padding:0px; display:block; width:65px; text-align:center; color:#eaeceb; overflow:hidden;}
.newslist ul li .time p.m1{ margin-top:23px;}
.newslist ul li .time p.m2{ margin-top:10px;}
.newslist ul li .tit{ width:490px; height:60px; line-height:30px; overflow:hidden;position:absolute; left:75px; top:15px; font-size:24px; font-weight:bold; color:#333331;}
.newslist ul li .word{ width:1180px; height:46px; line-height:23px; font-size:20px; overflow:hidden; position:absolute; left:75px; top:32px;}
.newslist ul li.line{ width:1260px; height:42px; background: url(../Images/nline.jpg) 0 0 repeat-y;}
.newslist ul li:hover  .time{ background:#20a4d5;}
.newslist ul li:hover  .tit{ color:#20a4d5;}

.newslist ul li.haspic{background:url(../Images/nline.jpg) 0 0 repeat-y; height:100px;}
.newslist ul li.haspic .pic{ width:150px; height:100px; position:absolute; overflow:hidden; left:75px; top:0px;}
.newslist ul li.haspic .tit{ left:247px; width:328px;}
.newslist ul li.haspic .word{ left:247px; width:328px;}


.jobintro{ width:580px; height:auto; overflow:hidden; margin:0 auto; clear:both; overflow:hidden; font-size:24px; line-height:200%;}
.jobemail{ width:580px; background:url(../Images/mailbg.jpg) 0 0 no-repeat; height:34px; line-height:34px; text-indent:42px; font-size:30px; margin:0 auto;}
.jobemail span{ color:#20a4d4;}
.jobtit{ width:580px; height:70px; position:relative; overflow:hidden; background:#363c4c; margin:0 auto; margin-top:30px;}
.jobtit p{ margin:0px; padding:0px; display:block; height:70px; line-height:70px; font-size:24px; color:#FFF; position:absolute;}
.jobtit p.t1{ left:80px;}
.jobtit p.t2{ left:441px;}



.jobbox{ width:580px; height:auto; overflow:hidden; clear:both; overflow:hidden;margin:0 auto}
.jobbox .tit{ width:580px; height:60px; font-size:20px; font-weight:bold; color:#FFF; background:#363c4c; position:relative}
.jobbox .tit p{ margin:0px; padding:0px; display:block; height:60px; line-height:60px; position:absolute; top:0px;}
.jobbox .tit p.t1{ left:52px;}
.jobbox .tit p.t2{ left:212px;}
.jobbox .tit p.t3{ left:643px;}

.jobbox .joblist{ width:580px; height:auto; overflow:hidden; margin:0 auto}
.jobbox .joblist .one{ width:580px; height:auto; }
.jobbox .joblist .one .top{ width:580px; height:auto;border-bottom:1px dashed #b2b2b2; position:relative}
.jobbox .joblist .one .top .title{ width:300px; height:60px; line-height:60px; overflow:hidden; float:left; text-align:center; font-size:24px;}
.jobbox .joblist .one .top .num{ width:276px; height:60px; line-height:60px; overflow:hidden;float:left;  text-align:center; font-size:24px; }

.jobbox .joblist .one .top .intro table{border-collapse: collapse;}
.jobbox .joblist .one .top .intro table td{border: 1px solid #ddd;}
.jobbox .joblist .one .top .intro{ width:580px; height:140px; line-height:35px; overflow:hidden; clear:both;}
.jobbox .joblist .one .top .more{ width:580px; height:50px;margin-top:30px; overflow:hidden;}
.jobbox .joblist .one .top .more p{ display:block; width:78px; height:36px; cursor:pointer; float:right; }
.jobbox .joblist .one .top .more p.open{ background:url(../Images/openone.jpg) no-repeat;}
.jobbox .joblist .one .top .more p.close{ background:url(../Images/closeone.jpg) no-repeat; display:none}

.jobbox .joblist .one .showbox{ width:1013px; padding:15px 0; height:auto;border-bottom:1px solid #b2b2b2; line-height:200%; overflow:hidden; display:none}

.contacttit{ width:640px; height:auto; overflow:hidden; text-align:center}
.contactbox{ width:580px; height:auto; margin:0 auto; clear:both; overflow:hidden}
.contactbox ul{ margin:0px; padding:0px; list-style:none}
.contactbox ul li{ margin:10px 0 10px 0; padding:0px; list-style:none; height:39px; line-height:39px; text-indent:60px;}
.contactbox ul li.t1{ background:url(../Images/contact1.jpg) 0 0 no-repeat;}
.contactbox ul li.t2{ background:url(../Images/contact2.jpg) 0 0  no-repeat;}
.contactbox ul li.t3{ background:url(../Images/contact3.jpg) 0 0 no-repeat;}
.contactmsg{ width:580px; height:auto; margin:0 auto; clear:both; overflow:hidden; padding:25px 0}
.contactmap{ width:580px; height:386px; margin:0 auto; padding:0px 0 30px 0; overflow:hidden;}