*{margin:0 auto; padding:0 auto}
body{width:auto; font-size:14px; color:#999999; background:#ffffff; font-family:Tahoma, Geneva, sans-serif; font-family:微软雅黑}
ul,li{list-style:none; margin:0; padding:0}
a{text-decoration:none; }
a:hover{text-decoration:none; }
img{border:0;}


#head{width:1002px; height:80px; background:#ffffff; position:relative}
.logo{width:280px; height:80px; float:left}
.menu{width:722px; height:80px; float:left; font-size:16px;}
.menu li{height:80px; float:right; list-style:none;display:block; line-height:80px}
.menu li a{color:#999999;height:80px; list-style:none;display:block; line-height:80px;padding:0 30px 0 30px; float:left;}
.menu li a:hover{color:#ffffff; height:80px; float:left; list-style:none;display:block; line-height:80px;background:#e00f19; }
.menu .s{height:80px; float:right;list-style:none;display:block; line-height:80px; background:#e00f19; color:#ffffff}
.menu .s a{color:#ffffff;}
.menu .span{ color:#afafaf}
.menu .span a{color:#afafaf;display:block;background-image:url(../images/index/icon2.gif); background-repeat:no-repeat; background-position:22px 35px;}
.menu .span a:hover{color:#afafaf;display:block; background-color:#eeeeee; background-image:url(../images/index/icon2.gif); background-repeat:no-repeat;background-position:22px 35px;}


#banner { background-color:#ffffff; width:100%; height:350px;position: relative;}
.banner-container{ height: 350px; position: relative;}
.banner-item{position: absolute;height: 350px; width: 100%;background-repeat: no-repeat; background-position: 50% 0; left: 0; top: 0; display: none;}



#index{width:1002px; height:324px; margin:24px auto 24px auto;}
.pro{width:316px; height:148px; margin-bottom:24px; background:#ffffff; float:left; border:1px; border-color:#e5e5e5; border-style:solid}
.pro_over{width:316px; height:148px; margin-bottom:24px; float:left; border:1px; border-color:#e00f19; border-style:solid}
.picture{width:138px; height:148px; float:left;}
.det{width:178px; height:148px; float:left;}
.det .t1{font-size:18px; color:#e00f19; display:block; margin-top:20px; margin-bottom:5px;}
.det .t2{font-size:14px; color:#999999; display:block; margin-right:20px; line-height:22px;}
.det .t3{width:130px; height:36px; float:left; margin-top:5px; background-color:#aeaeae; color:#ffffff;text-align:center; line-height:36px; }
.det a{color:#ffffff; background-color:#aeaeae;display:block;background-image:url(../images/index/more.png); background-repeat:no-repeat; background-position:26px 13px; padding-left:18px;}
.det a:hover{background-color:#e00f19;display:block;background-image:url(../images/index/more.png); background-repeat:no-repeat; background-position:26px 13px; padding-left:18px;}


#sever{width:1002px; height:180px; margin:0px auto 24px auto;}
.dec{width:489px; height:180px; float:left; margin-right:24px;}
.ser{width:489px; height:180px; float:left;}


#mid{width:1002px; height:130px; margin:0 auto 24px auto;}
#mid a{width:318px; height:130px; float:left; display:block}
.m1{width:318px; height:130px; background:url(../images/index/bt-cas-h.png) no-repeat;}
.m1:hover{background:url(../images/index/bt-cas.png) no-repeat;}
.m2{width:318px; height:130px; background:url(../images/index/bt-join-h.png) no-repeat; margin:0 24px 0 24px;}
.m2:hover{background:url(../images/index/bt-join.png) no-repeat;}
.m3{width:318px; height:130px; background:url(../images/index/bt-pro-h.png) no-repeat;}
.m3:hover{background:url(../images/index/bt-pro.png) no-repeat;}


#foot{width:1920; height:60px; padding:40px 0 40px 0; background-color:#666666; color:#666666; text-align:center}
#f .foot-w{width:1002px; height:60px;}
#f .logo2{width:280px; height:60px; float:left}
#f .right{width:722px; height:60px; float:left; background-color:#666666}
#f .right p{ font-size:12px; color:#ffffff;display:block; width:722px; height:30px; line-height:30px;}
#f .right p a{color:#ffffff;}
#f .right p a:hover{text-decoration:underline}

/*---------about------------*/

#about-banner{width:auto; height:350px; background:url(../images/index/banner2.jpg); background-position:center; background-color:#c0d4db; background-repeat:no-repeat}

#about-mid{width:1002px; height:730px;margin:24px auto 24px auto; font-size:16px;}
#about-mid .left{width:202px; height:500px; float:left;}
#about-mid .left .a1,.a2,.a3,.a4,.a5,.a6{width:200px; height:80px; background-color:#ffffff; border:1px solid #e5e5e5; }
#about-mid .left p{text-align:center; line-height:20px;}
#about-mid .left .h1{color:#ffffff;padding-top:20px;}
#about-mid .left .h2{color:#f0a6a8;}
#about-mid .left a{width:200px; height:60px; display:block; background-color:#ffffff; color:#999999;padding-top:20px;}
#about-mid .left a:hover{width:200px; height:60px; display:block; color:#ffffff; background:url(../images/about/about-bg.png);padding-top:20px;color:#f0a6a8;}
#about-mid .left a:hover .h1{color:#ffffff;}

#about-mid .a2{border-bottom:none;}
#about-mid .a3{border-bottom:none;}
#about-mid .a4{border-bottom:none;}
#about-mid .a5{border-bottom:none;}
#about-mid .a-span{background-image:url(../images/about/about-bg.png);}

#about-mid .right{width:700px; height:700px; float:left; padding-left:55px; padding-top:24px;}
#about-mid .right .b1{margin-bottom:24px;}
#about-mid .right .b3{margin-top:24px; text-indent:2em; line-height:26px; width:680px;}
#about-mid .right .b4{text-align:center; margin-top:10px; margin-bottom:24px;}

/*---------contact------------*/
#contact{width:1002px; height:820px;margin:24px auto 24px auto;}
#contact .left{width:476px; height:500px; float:left; margin:40px 0 0 0px; border-right:1px solid #e5e5e5;}
#contact .pic{width:476px; height:30px; margin-bottom:30px;}
#contact .left .l0{ width:466px; height:40px; line-height:40px;  font-size:18px; color:#333; font-family:"微软雅黑"}
#contact .left .l1{ width:431px; height:40px; line-height:40px; background:url(../images/contact/icon-01.png) no-repeat; padding-left:35px;}
#contact .left .l2{ width:431px; height:40px; line-height:40px; background:url(../images/contact/icon-02.png) no-repeat; padding-left:35px;}
#contact .left .l3{ width:431px; height:40px; line-height:40px; background:url(../images/contact/icon-03.png) no-repeat; padding-left:35px;}
#contact .left .l4{ width:431px; height:40px; line-height:40px; background:url(../images/contact/icon-04.png) no-repeat; padding-left:35px;}
#contact .left .l5{ width:431px; height:40px; line-height:40px; background:url(../images/contact/icon-05.png) no-repeat; padding-left:35px;}
#contact .left .l6{ width:431px; height:40px; line-height:40px; background:url(../images/contact/icon-06.png) no-repeat; padding-left:35px;}
#contact .left .pic2{width:476px; height:100px; margin-top:20px;}
#contact .right{width:490px; height:400px; float:left; margin:40px 0 0 25px;}
#contact .right .qq{width:80px; height:110px; line-height:30px; text-align:center; float:left; margin:0 30px 20px 10px;}
#contact .right .qq a{width:80px; height:80px; background:url(../images/contact/qq.png) no-repeat; display:block; float:left}
#contact .right .qq a:hover{ background:url(../images/contact/qq-on.png) no-repeat;}

/*---------case------------*/
#case-banner{width:auto; height:350px; background:url(../images/index/banner3.jpg); background-position:center; background-color:#c0d4db; background-repeat:no-repeat}
#case{width:100%; height:60px; background-color:#3a3a3a;}
#case .case-mid{width:1002px; height:60px; }
#case .case1{width:501px; height:60px; float:left; display:block; background:url(../images/case/case-1.png) no-repeat;}
#case a.case1:hover{width:501px; height:60px; float:left; display:block; background:url(../images/case/case-1-on.png) no-repeat;}
#case a.case2{width:501px; height:60px; float:left; display:block; background:url(../images/case/case-2.png) no-repeat;}
#case a.case2:hover{width:501px; height:60px; float:left; display:block; background:url(../images/case/case-2-on.png) no-repeat;}

#mid-li{width:1002px; height:800px; margin:40px auto;}
#mid-li a.li{width:214px; height:232px; float:left; padding:8px; border:1px solid #e5e5e5; text-align:center; line-height:24px; margin-bottom:24px; background:#ffffff;}
#mid-li a.li:hover{width:214px; height:232px; float:left; padding:8px; border:1px solid #E00F19; background:#E00F19; color:#ffffff;text-align:center;line-height:24px; margin-bottom:24px;}

#mid-foreign{width:1002px; height:524px; margin:40px auto;}
#mid-foreign a.li{width:214px; height:232px; float:left; padding:8px; border:1px solid #e5e5e5; text-align:center; line-height:24px; margin-bottom:24px; background:#ffffff;}
#mid-foreign a.li:hover{width:214px; height:232px; float:left; padding:8px; border:1px solid #E00F19; background:#E00F19; color:#ffffff;text-align:center;line-height:24px; margin-bottom:24px;}

/*---------product------------*/
#product{width:100%; height:60px; background-color:#3a3a3a;}
#product .product-mid{width:1002px; height:60px;}
#product a.EPS{height:60px; display:block;width:333px; float:left; background:url(../images/product/EPS.png) no-repeat;}
#product a.EPS:hover{height:60px; display:block;width:333px; float:left; background:url(../images/product/EPS-on.png) no-repeat;}
#product a.ARD{height:60px; display:block;width:333px; float:left; background:url(../images/product/ARD.png) no-repeat;}
#product a.ARD:hover{height:60px; display:block;width:333px; float:left; background:url(../images/product/ARD-on.png) no-repeat;}
#product a.GFC{height:60px; display:block;width:333px; float:left; background:url(../images/product/GFC.png) no-repeat;}
#product a.GFC:hover{height:60px; display:block;width:333px; float:left; background:url(../images/product/GFC-on.png) no-repeat;}



#product a.product{width:333px; height:60px; float:left; display:block;font-weight:bold}

#product-mid{width:1002px; height:628px; margin:40px auto;}
#product-mid a{float:left;}
#product-mid .li{width:316px; height:300px; float:left; border:1px solid #e5e5e5; margin-bottom:24px;color:#333333; background:#e0e0e0;}
#product-mid .li p{display:block; text-align:center; line-height:40px}
#product-mid a:hover{border:1px solid #E00F19; background:#E00F19; color:#ffffff;float:left; }

#GFC-banner{width:auto; height:350px; background:url(../images/index/banner4.jpg);background-position:center; background-color:#c0d4db; background-repeat:no-repeat}
#product-GFC{width:1002px; height:3700px; margin:40px auto;}
#product-GFC .G1{width:1002px; height:119px; margin-bottom:30px;}
#product-GFC .p{text-indent:2em; line-height:32px; margin-bottom:30px; width:1002px;}
#product-GFC .h{font-size:28px; text-align:center; width:1002px; color:#000; line-height:150px;}
#product-GFC .p p{width:756px;float:left;display:block;}
#product-GFC .G2{width:246px; height:239px; float:left;}
#product-GFC .G3{width:1002px; height:231px; text-align:center;}
#product-GFC .G4{width:1002px; height:303px; text-align:center;}
#product-GFC .G5{width:1002px; height:430px; text-align:center; margin:30px 0;}
#product-GFC .G6{width:356px; height:155px; float:left;}
#product-GFC .G7{width:381px; height:348px; float:left}


#EPS{width:100%; height:40px; background-color:#e4e4e4;}
.EPS-mid{width:1002px; height:40px; color:#666666; line-height:40px;}
.EPS-mid a{color:#666666}
.EPS-mid a:hover{color:#666666; text-decoration:underline}