﻿@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}

/* 小于12px 的英文要写入 （-webkit-transform:scale(0.8); -webkit-margin-start:-37px;） */


.banner a{ display:block; height:480px; overflow:hidden;}



/*part*/
.part_bj{ height:374px; overflow:hidden; background:url(../images/part_bj.jpg) repeat;}

.t_h2{ margin:44px auto 25px; height:74px; overflow:hidden; text-align:center; font: bold 32px/47px "Microsoft Yahei"; background:url(../images/part_tl.gif) no-repeat left 24px;}
.t_h2 a{ color:#222; }
.t_h2 b{ color:#128a43;}
.t_h2 i{ color:#dadada; display:block; font:18px/27px Arial, Helvetica, sans-serif; text-transform:uppercase;}

.roll1,.roll2{ margin-top:54px; display:inline;width:34px; height:51px; overflow:hidden;}
.roll1 a,.roll2 a{width:34px; height:51px;overflow:hidden; display:inline-block;}
.roll1 a{ background:url(../images/roll11.gif) no-repeat left top;}
.roll1 a:hover{ background:url(../images/roll1.gif) no-repeat left top;}  
.roll2 a{ background:url(../images/roll22.gif) no-repeat left top;}
.roll2 a:hover{ background:url(../images/roll2.gif) no-repeat left top;} 

.part_c{ margin-left:25px; width:890px;height:190px;overflow:hidden; display:inline;}
.part_c ul li{ float:left; margin-right:21px; display:inline; width:160px; overflow:hidden;}
.part_c ul li a{ display:inline-block;}
.part_c ul li img{ width:150px;height:150px; border:1px solid #d2d3d3;}
.part_c ul li em{display:block; text-align:center; font:14px/34px "microsoft Yahei";  color:#555; }
.part_c ul .nones{ margin-right:0px;}



/*case_bj*/
.case_bj{ background:url(../images/case_bj.jpg) no-repeat center top; height:667px; overflow:hidden;} 
.case_bj h2{ margin:40px auto 28px; height:76px; overflow:hidden; font: bold 32px/45px "Microsoft Yahei"; text-align:center; background:url(../images/case_tl.png) no-repeat center 23px;}
.case_bj h2 a{ color:#128a43;}
.case_bj h2 i{ display:block; font:22px/30px "Microsoft Yahei"; color:#222;}

.case{ width:1046px; overflow:hidden; margin:0 auto;}
.case p{ margin:0 auto; height:108px; width:625px; overflow:hidden; font:14px/24px "Microsoft Yahei"; color:#444; text-align:center;}
.case p a{ color:#128a43;}

.roll3,.roll4{ margin-top:148px; display:inline;width:34px; height:51px; overflow:hidden;}
.roll3 a,.roll4 a{width:34px; height:51px;overflow:hidden; display:inline-block;}
.roll3 a{ background:url(../images/cs_roll1.png) no-repeat left top;}
.roll3 a:hover{ background:url(../images/cs_roll11.png) no-repeat left top;}  
.roll4 a{ background:url(../images/cs_roll2.png) no-repeat left top;}
.roll4 a:hover{ background:url(../images/cs_roll22.png) no-repeat left top;} 

.anli_c{ margin-left:43px; display:inline; height:400px; width:894px; overflow:hidden;}
.anli_c li{ position:relative; line-height:0px; margin:0 auto; width:440px; height:346px; overflow:hidden;}
.anli_c li img{ width:432px; height:338px; border:1px solid #d0d0d0; padding:3px; background:#fff;}
.anli_c li p{ display:block; position:absolute; left:4px; top:4px; padding-top:170px; height:168px; width:432px; overflow:hidden; background:url(../images/case_sp.png) no-repeat left top; color:#fff; font:14px/65px "Microsoft Yahei";}



/*pro*/
.pro_bj{height:1065px; overflow:hidden;}
.pro_l{ margin-top:53px; width:215px; height:980px;overflow:hidden;}
.pro_l h2{color:#fff; padding-top:20px; height:60px; overflow:hidden; text-align:center; font: bold 22px/28px "Microsoft Yahei"; background:url(../images/pro_t.jpg) no-repeat left top;}
.pro_l h2 a{ color:#fff;}
.pro_l h2 i{ display:block; color:#fff; text-transform:uppercase; font:12px/15px "Microsoft Yahei"; }

.pro_c{ width:211px; height:896px; overflow:hidden; border:2px solid #128a43; border-top:0; background:#e6e6e6;}
.pro_l h3{ margin:16px auto 0;  width:196px; height:39px; overflow:hidden; font: bold 14px/39px "Microsoft Yahei";}
.pro_l h3 a{ display:inline-block; color:#fff;padding-left:46px; width:150px; height:39px; overflow:hidden; background:url(../images/pro_btn2.jpg) no-repeat;}
.pro_l h3 a:hover,.pro_l .cur a{ text-decoration:none; background:url(../images/pro_btn1.jpg) no-repeat left top;}

.pro_l ul{ margin-left:7px; padding-top:8px; width:196px; overflow:hidden;}
.pro_l ul li{ height:36px; overflow:hidden; font:14px/36px "Microsoft Yahei";}
.pro_l ul li a{ color:#333; display:inline-block; padding-left:46px; height:36px; overflow:hidden; width:150px; background:url(../images/pro_icon2.gif) no-repeat 33px center;}
.pro_l ul li a:hover,.pro_l ul .cur2 a{ font-weight:bold; color:#ffa000; text-decoration:none; background:url(../images/pro_icon1.gif) no-repeat 33px center;}


.pro_r{ width:765px; height:985px; overflow:hidden; margin-top:53px;}
.prot{ margin-bottom:28px; height:52px; overflow:hidden; background:url(../images/pro_tu.jpg) no-repeat left top; overflow:hidden; font:16px/31px "Microsoft Yahei";}
.p01{ float:left; height:52px; width:500px; overflow:hidden;}
.p01 li{ float:left; text-align:center; width:123px; height:52px; overflow:hidden; font:16px/52px "Microsoft Yahei";}
.p01 li a{ color:#fff; display:inline-block;  width:123px; height:52px; overflow:hidden; }
.p01 li a:hover,.p01 .cur a{ text-decoration:none; font-weight:bold; background:url(../images/pro_p1.jpg) no-repeat left top;}

.prot span{ display:block; padding-right:20px; font:14px/52px Arial, Helvetica, sans-serif; text-transform:uppercase;}
.prot span a{ background:none; color:#d4def4;}


.p02{}
.p02 li{ float:left; line-height:0px; margin:0 15px 30px 0; width:237px; height:278px; overflow:hidden; border:1px solid #ddd; background:#e5e5e5;}
.p02 li a{ display:inline-block;}
.p02 li img{ width:243px; height:192px;}
.p02 li span{ display:block; color:#555; height:33px; text-align:center; overflow:hidden; font:14px/33px "Microsoft Yahei";}
.p02 li p{ margin:10px 0 0 27px; overflow:hidden; display:block;} 
.p02 li p a{ float:left; margin-right:7px; display:inline-block; width:91px; height:29px;overflow:hidden; font:12px/29px Arial, Helvetica, sans-serif; color:#fff; background:#ffa000; text-align:center;}
.p02 li p .pbtn2{ background:#128a43;}
.p02 .nones{ margin-right:0;}


/*bann1*/
.bann1_bj{ background:url(../images/bann1.jpg) no-repeat center top; height:163px; overflow:hidden;} 
.bann1 { position:relative; height:163px; overflow:hidden;}
.bann1 span{ position:absolute; top:65px; right:0px; display:block;  width:180px; height:45px; overflow:hidden; text-align:center; font: bold 18px/45px "microsoft Yahei"; background:url(../images/bann_btn.jpg) no-repeat left top;}
.bann1 span a{ color:#fff}
.bann1 p{ position:absolute; top:110px; right:0px; display:block; color:#fff; height:44px; overflow:hidden; font:14px/44px "microsoft Yahei";}
.bann1 b{ color:#fff; display:inline-block; font: bold 28px/44px "Times New Roman", Times, serif;}



/*bann2*/
.bann2_bj{ background:url(../images/bann2.jpg) no-repeat center top; height:235px; overflow:hidden;} 
.bann2 { position:relative;height:235px; overflow:hidden;}
.bann2 span{ position:absolute; top:94px; right:0px; display:block;  width:180px; height:45px; overflow:hidden; text-align:center; font: bold 18px/45px "microsoft Yahei"; background:url(../images/bann_btn.jpg) no-repeat left top;}
.bann2 span a{ color:#fff}
.bann2 p{ position:absolute; top:30px; right:0px; display:block;color:#fff; height:60px; overflow:hidden; font:14px/19px "microsoft Yahei";}
.bann2 b{ color:#fff; display:block; font: bold 28px/26px "Times New Roman", Times, serif;}


/*bann3*/
.bann3_bj{ background:url(../images/bann3.jpg) no-repeat center top; height:222px; overflow:hidden;} 
.bann3 { position:relative; margin-left:-41px; width:1000px; height:222px; overflow:hidden; }
.bann3 span{ position:absolute; top:168px; left:290px; display:block;  width:300px; height:30px; overflow:hidden; text-align:center; font:16px/27px "microsoft Yahei";}
.bann3 span a{ float:left; border:1px solid #fff; margin-right:13px; width:121px; height:27px; overflow:hidden;  color:#fff}
.bann3 p{ position:absolute; top:147px; left:0px; padding-left:56px;  display:block;color:#fff; height:70px; overflow:hidden; font:14px/20px "microsoft Yahei"; background:url(../images/bann_tel.png) no-repeat left top;}
.bann3 b{ color:#fff; display:block; font: bold 28px/32px "Times New Roman", Times, serif;}



/*zn_bj*/
.zn_bj{ background:url(../images/zn_bj.jpg) no-repeat center top; height:754px; overflow:hidden;} 
.zn_bj h2{ margin:63px auto 60px; height:126px; width:986px; overflow:hidden;}
.zn_bj h2 img{ height:126px; width:986px; }

.zn{}
.zn dl{ height:150px; float:left; width:250px; overflow:hidden;}
.zn dt{ margin-bottom:17px; height:49px; overflow:hidden; font: bold 18px/32px "Microsoft Yahei"; color:#128a43;}
.zn dt span{ padding-right:16px; height:49px; width:54px; overflow:hidden; display:block; float:left; color:#fff; font:36px/49px Impact; background:url(../images/zn_num.png) no-repeat left top; text-align:center;}
.zn dd{ color:#222; font:14px/24px "Microsoft Yahei";}

.zn .zn02{ margin-left:500px; float:right;}
.zn .zn03{ height:154px; overflow:hidden;}

/*anli*/
.anli_bj{height:454px; overflow:hidden;} 

.al_l{ margin-top:60px; width:1040px; height:333px; overflow:hidden; border:1px solid #ddd;}
.al_t{ position:relative; height:50px; width:1040px; overflow:hidden; background:#fefefe url(../images/anli_tl.gif) repeat-x left bottom;}
.al_t h2{ float:left; height:50px; width:143px; overflow:hidden; text-align:center; font: bold 16px/50px "Microsoft Yahei"; background:url(../images/anli_p1.jpg) no-repeat left top;}
.al_t h2 a{ color:#fff;}
.al01{ float:right; margin-right:55px; height:50px; overflow:hidden;}
.al01 li{ float:left; padding:0 15px; height:50px; overflow:hidden; font:14px/50px "Microsoft Yahei";}
.al01 li a{ color:#222;}
.al01 li a:hover,.al01 .cur a{ font-weight:bold; text-decoration:none; color:#ffa000;}

.al_t p{ position:absolute; right:17px; top:13px; height:23px; width:23px; overflow:hidden;}
.al_t p img{ height:23px; width:23px;}


.al02{ margin:25px 0 0 20px; height:249px; overflow:hidden;}
.al02 li{ line-height:0px; float:left; height:249px; width:258px; overflow:hidden;margin-right: 68px;}
.al02 li img{ width:258px; height:197px;}
.al02 li span{ display:block; text-align:center; font:14px/52px "Microsoft Yahei"; color:#222;}
.al02 .nones{ margin-left:25px; display:inline;}


.al_sp{margin-top:60px; width:389px; height:333px; overflow:hidden; border:1px solid #ddd;}
.al_sp h2{ height:50px; width:389px; overflow:hidden; font: bold 16px/50px "Microsoft Yahei"; background:#fefefe url(../images/anli_tl.gif) repeat-x left bottom;}
.al_sp h2 a{ color:#fff; text-align:center; height:50px; width:143px; overflow:hidden; display:inline-block; background:url(../images/anli_p1.jpg) no-repeat left top; }
.al_sp ul{ margin:25px auto 0; width:349px; overflow:hidden;}
.al_sp ul li{ width:349px; height:231px; overflow:hidden;}
.al_sp ul li img{ width:349px; height:231px;}


/*ys*/
.ys_bj{ height:1476px; overflow:hidden; position:relative;}
.ys1{ background:url(../images/ys1.jpg) no-repeat center top; height:345px; overflow:hidden;}
.ys2{ background:url(../images/ys2.jpg) no-repeat center top; height:387px; overflow:hidden;}
.ys3{ background:url(../images/ys3.jpg) no-repeat center top; height:411px; overflow:hidden;}
.ys4{ background:url(../images/ys4.jpg) no-repeat center top; height:333px; overflow:hidden;}

.ys{ position:absolute; top:0; left:50%; margin-left:-500px; height:1476px; width:1000px; overflow:hidden;}
.ys h2{margin:57px auto 0; width:1000px; height:139px; overflow:hidden;}
.ys h2 img{ width:1000px; height:139px; }

.ys dl{width:445px;}
.ys dt{height:103px; overflow:hidden;width:1000px;}
.ys dt p{ float:left; height:72px; width:55px; overflow:hidden; }
.ys dt p img{ height:72px; width:55px;}
.ys dt span{ float:left; display:inline-block; padding:26px 0 0 11px; color:#128a43; font: bold 28px/32px "Microsoft Yahei";}
.ys dt span b{ color:#222;}
.ys dt i{ display:block; color:#818181; font:12px/13px Arial, Helvetica, sans-serif; text-transform:uppercase; }
.ys dd{color:#444; font:16px/27px "microsoft Yahei";} 
.ys dd em{ color:#ffa000; font-weight:bold;}

.ys .ys_dl01{ position:absolute; top:261px; left:0px;}
.ys .ys_dl02{ position:absolute; top:491px; left:0px;}
.ys .ys_dl03{ position:absolute; top:842px; right:0px;}
.ys .ys_dl04{ position:absolute; top:1205px; left:0px;}




/*kh*/
.kh_bj{ height:615px; overflow:hidden;} 
.kh_bj .t_h2{ margin:55px auto 32px; background:url(../images/kh_tl.jpg) no-repeat left 25px;}

.kh{}
.kh li{ position:relative; float:left; line-height:0px; margin-right:12px; width:320px; height:388px; overflow:hidden; background:url(../images/kh_ibj1.jpg) no-repeat left top;}
.kh li a{ width:325px;overflow:hidden; display:inline-block;}
.kh li img{ width:325px; height:208px;}
.kh li b{ margin:7px auto 5px;width:308px; overflow:hidden; height:33px; overflow:hidden; border-bottom:1px dashed #bab9b9; font:bold 16px/42px "Microsoft Yahei"; display:block; color:#333;}
.kh li span{ width:210px; overflow:hidden; margin:0 auto; color:#555; display:block; font:14px/26px "Microsoft Yahei";}
.kh li em{ position:absolute; top:358px; left:90px; display:block; text-align:center; width:140px; height:30px; overflow:hidden; font:14px/30px "Microsoft Yahei";color:#ffffff;}

.kh .nones{ margin-right:0px;}


/*about*/
.about_bj{ background:url(../images/ab_bj.jpg) no-repeat center top; height:709px; } 
.ab_top{ width:1000px; overflow:hidden; margin:0 auto;}

.about{ position:relative; width:650px; height:323px;overflow:hidden; margin:77px 0 0 15px;}
.ab_t{ border-bottom:1px solid #d5d5d5; height:38px; width:650px; overflow:hidden; font:bold 16px/38px "Microsoft Yahei"; background:url(../images/ab_icon1.gif) no-repeat left center;}
.ab_t a{ color:#128a43; display:inline-block; padding-left:40px;}
.ab_t span{ display:block; height:38px; overflow:hidden; font:14px/38px Arial, Helvetica, sans-serif; text-transform:uppercase;}
.ab_t span a{ color:#666; display:inline-block; padding-left:0px;}

.about dl{ margin-top:11px;}
.about dt{ float:left; margin-top:14px; width:304px; height:224px;overflow:hidden;}
.about dt img{width:304px; height:224px;}
.about dd{ float:right; width:325px; overflow:hidden; font:14px/24px "microsoft Yahei"; color:#444;} 
.about dd em{ margin-top:18px; color:#fff; display:block; width:105px; height:30px; overflow:hidden; font:14px/30px "Microsoft Yahei"; text-align:center; background:#ffa000;}
.about dd a{ color:#fff;}
.about dd h3{ font: bold 16px/40px "Microsoft Yahei";}
.about dd h3 a{ color:#444;}

.hor{ margin:77px 15px 0 0; width:268px; height:323px;overflow:hidden;}
.hor .ab_t{ width:268px; overflow:hidden; background:url(../images/hor_icon1.png) no-repeat left center;}

.hor_c{ margin:55px 0 0 38px; height:236px; overflow:hidden;}
.hor_c li{width:149px; height:236px; overflow:hidden; line-height:0px;}
.hor_c li a{ display:inline-block;}
.hor_c li img{ padding:9px 9px 8px 10px; width:128px; height:130px; border:solid 1px green;/* background:url(../images/hor_ibj.jpg) no-repeat left top; */}
.hor_c li em{height:42px; overflow:hidden; text-align:center; font:14px/42px "microsoft Yahei"; display:block; color:#555; }

.hor_r1,.hor_r2{ margin:107px 0 0 0; display:inline;width:20px; height:30px; overflow:hidden;}
.hor_r1 img,.hor_r2 img{width:20px; height:30px;}

.cul{ width:1040px; overflow:hidden; margin:0 auto;}
.cul .ab_t{ width:973px; overflow:hidden; margin:0 auto;background:url(../images/cul_icon1.png) no-repeat left center; }
.cul_r1,.cul_r2{ margin:70px 0 0 0; display:inline;width:26px; height:66px; overflow:hidden;}
.cul_r1 a,.cul_r2 a{ display:inline-block; background:#128a43;}
.cul_r1 img,.cul_r2 img{width:26px; height:66px;}
.cul_r1 a:hover,.cul_r2 a:hover{ text-decoration:none; background:#ffa000;}

.cul_c{ margin:25px 0 0 17px; width:963px; overflow:hidden;}
.cul_c li{ position:relative; float:left; margin-right:24px; width:219px; height:203px; overflow:hidden; line-height:0px;}
.cul_c li a{ display:inline-block;}
.cul_c li img{ width:219px; height:156px;}
.cul_c li p{ display:none; position:absolute; left:0px; top:0px; padding-top:96px; width:219px; height:60px; overflow:hidden; background:url(../images/cul_sp.png) no-repeat left top; color:#fff; font:14px/35px "Microsoft Yahei"; text-align:center;}
.cul_c li em{height:46px; overflow:hidden; text-align:center; font:14px/46px "microsoft Yahei"; display:block; color:#555; }
.cul_c .nones{ margin-right:0px;}



/*new*/
.new_bj{  background:url(../images/new_bj.jpg) no-repeat center top; height:487px; overflow:hidden;}

.new_l{ margin-top:57px; width:678px; height:374px; overflow:hidden; border:1px solid #ddd; background:#fff;}
.ntit{ position:relative; height:50px; width:678px; overflow:hidden; background:#fefefe url(../images/anli_tl.gif) repeat-x left bottom;}
.ntit span{ display:block; padding-right:14px; font:14px/50px Arial, Helvetica, sans-serif; text-transform:uppercase;}
.ntit span a{ color:#666;}

/*
.new01 li{float:left; width:143px; height:50px; overflow:hidden; line-height:0px;}
.new01 li a{display:inline-block; color:#333;width:143px; height:50px; overflow:hidden;}
.new01 li a span{ padding-left:54px; width:89px; height:50px; overflow:hidden; font:bold 16px/50px "microsoft Yahei";}
.new01 li a:hover,.new01 .cur a{ text-decoration:none; color:#fff; background:url(../images/anli_p1.jpg) no-repeat left top;}*/

.new01 li{float:left; width:143px; height:50px; overflow:hidden; line-height:0px;}
.new01 li a{display:inline-block; color:#333;width:143px; height:50px; overflow:hidden;}
.new01 li i{ float:left; display:block; padding-top:14px; padding-left:23px; height:22px; width:31px; overflow:hidden;}
.new01 li em{ float:left; display:none;padding-top:14px; padding-left:23px; height:22px; width:31px; overflow:hidden;}
.new01 li img{ vertical-align:middle;}
.new01 li a span{ float:left; padding:0 0 0 10px; display:block; height:50px;overflow:hidden; font:bold 16px/50px "microsoft Yahei";}
.new01 li a:hover,.new01 .cur a{ text-decoration:none; color:#fff; background:url(../images/anli_p1.jpg) no-repeat left top;}
.new01 .cur a em{ display:block;}
.new01 .cur a i{ display:none;}
.new01 li a:hover i{ display:none;}
.new01 li a:hover em{ display:block;} 


.new_l dl{ height:187px; margin:22px 20px 0 22px;overflow:hidden;}
.new_l dt{ float:left; width:236px; height:166px;overflow:hidden;}
.new_l dt img{width:234px; height:164px; border:1px solid #ddd;}
.new_l dd{ float:right; width:373px; overflow:hidden; font:14px/27px "microsoft Yahei"; color:#555;} 
.new_l dd h3{ margin-bottom:11px; font:bold 14px/22px "Microsoft Yahei";}
.new_l dd h3 a{ color:#333;}
.new_l dd em{ margin-top:25px; display:block; font:14px/22px "Microsoft Yahei";}
.new_l dd em a{ color:#128a43;}

.new02{ width:638px; margin:0 auto; overflow:hidden;}
.new02 li{ height:30px; width:625px;  overflow:hidden; font:14px/30px "Microsoft Yahei"; color:#555;background:url(../images/new_icon.gif) no-repeat left 12px; padding-left:13px;}
.new02 li a{ color:#555; display:inline-block;}
.new02 .nones{ border-bottom:0;}

.new_r{ margin-top:56px; width:294px;height:374px; overflow:hidden; border:1px solid #ddd; background:#fff;}
.new_r h2{height:50px; width:294px; overflow:hidden; font: bold 16px/50px "Microsoft Yahei"; background:#fefefe url(../images/anli_tl.gif) repeat-x left bottom;}
.new_r h2 a{ color:#222; display:inline-block; padding-left:55px; background:url(../images/new_p3.png) no-repeat 22px center;}
.new_r h2 span{ display:block; padding-right:14px; font:14px/50px Arial, Helvetica, sans-serif; text-transform:uppercase;}
.new_r h2 span a{color:#666; background:none;}

.al_sp h2{ height:50px; width:389px; overflow:hidden; font: bold 16px/50px "Microsoft Yahei"; background:#fefefe url(../images/anli_tl.gif) repeat-x left bottom;}
.al_sp h2 a{ color:#fff; text-align:center; height:50px; width:143px; overflow:hidden; display:inline-block; background:url(../images/anli_p1.jpg) no-repeat left top; }


.new_r dl{ margin:0 auto; width:252px; overflow:hidden; padding:15px 0 14px 0; border-bottom:1px dashed #c1c1c1;}
.new_r dt{ height:24px; width:260px; overflow:hidden; background:url(../images/new_w.gif) no-repeat left 3px; font: bold 14px/24px "microsoft Yahei";}
.new_r dt a{ color:#333; padding-left:28px; display:inline-block;}
.new_r dd{ background:url(../images/new_d.gif) no-repeat left 3px; font:14px/23px "microsoft Yahei"; color:#555; padding-left:28px;} 
.new_r .nones{ padding-bottom:0px; border-bottom:0;}




/*reg*/
.reg_bj{background:url(../images/reg_bj.jpg) no-repeat center top; height:447px; overflow:hidden;}

.reg{ height:447px; overflow:hidden;}  
.reg p{ margin:31px 0 0 21px; display:block; width:491px; height:314px; overflow:hidden;}
.reg p img{ width:491px; height:314px; }

.reg2{ margin:31px 0 0 0; width:450px; overflow:hidden;}
.reg2 b{ float:left; display:block; width:49px; height:315px; overflow:hidden;}
.reg2 b img{ width:49px; height:315px; }

.reg ul{ position:relative; float:right; width:382px; overflow:hidden;}
.reg li{ height:42px; width:360px; overflow:hidden; line-height:0px;  margin-bottom:13px; *margin-bottom:10px;} 
.reg li span{ float:left; display:inline-block; height:39px; width:346px; overflow:hidden; border:1px solid #c9c9c9;}

.reg li img{ display:block; float:left; height:39px; width:62px; vertical-align:middle;}
.reg li em{ display:block; float:left; margin-left:5px; height:39px; width:7px; overflow:hidden; font:14px/39px "Microsoft Yahei"; color:#be2f2e; vertical-align:middle;}
.reg li .inp1{ float:left; height:39px; width:269px; overflow:hidden; padding-left:15px; background-color:#fff; overflow:hidden; border:0; border-left:0;font:12px/39px "microsoft Yahei"; color:#b4b3b3; }

.reg .li02{height:104px; overflow:hidden;}
.reg .li02 img{ float:left; display:block; height:102px; width:62px; vertical-align:middle;}
.reg .li02 span{ float:left; display:inline-block; height:102px; width:346px; overflow:hidden; border:1px solid #c9c9c9;}
.reg .li02 .inp2{ float:left; height:102px; width:269px; overflow:hidden; padding-left:15px; background-color:#fff; overflow:hidden; border:0; border-left:0;font:12px/39px "microsoft Yahei"; color:#b4b3b3;  resize:none;}
 
.reg .li03 span{ float:left; display:inline-block; height:39px; width:165px; overflow:hidden; border:1px solid #c9c9c9;} 
.reg .li03 .inp3{ float:left; height:39px; width:88px; overflow:hidden; padding-left:15px; background-color:#fff; overflow:hidden; border:0; border-left:0;font:12px/39px "microsoft Yahei"; color:#b4b3b3; }

.reg .li04{ top:285px; left:175px; height:33px; width:260px; overflow:hidden;}
.reg .btn1{ float:left; display:inline; background:url(../images/reg_btn1.gif) no-repeat left top; width:82px; height:33px; border:0;}
.reg .btn2{ float:left; display:inline; background:url(../images/reg_btn2.gif) no-repeat left top; width:82px; height:33px; border:0; margin-left:11px;}




/*link*/
.link_bj{ background:url(../images/link_bj.gif) repeat-x center top; height:106px;overflow:hidden;} 
.link{}
.link h2{ padding-top:16px; display:block; width:118px; height:75px; overflow:hidden; text-align:center; font:18px/24px "Microsoft Yahei"; background:url(../images/link_t.gif) no-repeat left top;}
.link h2 a{ color:#f0f0f0;}
.link h2 i{ display:block; color:#f0f0f0; font:30px/35px "Microsoft Yahei"; text-transform:uppercase;}
.link span{ margin-top:7px; text-align:center; padding-top:44px; width:156px; height:40px; overflow:hidden; display:block;font:12px/40px "microsoft Yahei"; background:#f0f0f0 url(../images/link_icon.gif) no-repeat center 17px; }
.link span a{ display:inline-block; color:#666;}

.link p{ margin-top:26px; height:74px; width:725px; overflow:hidden;font:12px/30px "microsoft Yahei";}
.link p a{ color:#666; padding:0 21px; display:inline-block;}




.containerscoll {
width: 100%;
position: relative;
text-align: center;
}
.codrops-top{
	line-height: 24px;
	font-size: 11px;
	background: rgba(255, 255, 255, 0.5);
	text-transform: uppercase;
	z-index: 9999;
	position: relative;
	box-shadow: 1px 0px 2px rgba(0,0,0,0.2);
	-webkit-animation: slideOut 0.5s ease-in-out 0.3s backwards;
}
@-webkit-keyframes slideOut{
	0%{top:-30px; opacity: 0;}
	100%{top:0px; opacity: 1;}
}
.codrops-top a{
	padding: 0px 10px;
	letter-spacing: 1px;
	color: #333;
	text-shadow: 0px 1px 1px #fff;
	display: block;
	float: left;
}
.codrops-top a:hover{
	background: #fff;
}
.codrops-top span.right{
	float: right;
}
.codrops-top span.right a{
	float: left;
	display: block;
}
.codrops-demos{
	text-align:center;
	display: block;
	padding-top: 20px;
}
.codrops-demos a, 
.codrops-demos a.current-demo,
.codrops-demos a.current-demo:hover{
    display: inline-block;
	border: 1px solid #719c7f;
	padding: 4px 10px 3px;
	font-size: 13px;
	line-height: 18px;
	margin: 0px 3px;
	font-weight: 800;
	-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow:0px 1px 1px rgba(0,0,0,0.1);
	box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.9);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #90bd9e;
	background: -moz-linear-gradient(top, #90bd9e 0%, #72a081 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#90bd9e), color-stop(100%,#72a081));
	background: -webkit-linear-gradient(top, #90bd9e 0%,#72a081 100%);
	background: -o-linear-gradient(top, #90bd9e 0%,#72a081 100%);
	background: -ms-linear-gradient(top, #90bd9e 0%,#72a081 100%);
	background: linear-gradient(top, #90bd9e 0%,#72a081 100%);
}
.codrops-demos a:hover{
	background: #85b995;
}
.codrops-demos a:active{
	-webkit-box-shadow: 0px 1px 1px rgba(255,255,255,0.4);
	-moz-box-shadow:0px 1px 1px rgba(255,255,255,0.4);
	box-shadow: 0px 1px 1px rgba(255,255,255,0.4);
}
.codrops-demos a.current-demo,
.codrops-demos a.current-demo:hover{
	color: #506757;
	text-shadow: 0px 1px 1px rgba(255,255,255,0.3);
}
/* Media Queries */
@media screen and (max-width: 767px) {
	.container > header{
		text-align: center;
	}
	p.codrops-demos {
		position: relative;
		top: auto;
		left: auto;
	}
}

#carousel {
	width:851px;
	height:380px;
	position:relative;
	margin:0 auto;
	clear:both;
	overflow:hidden;
	background-repeat: no-repeat;
	border-radius: 15px;
  }
  #carousel img {
	visibility:hidden; /* hide images until carousel can handle them */
	cursor:pointer; /* otherwise it's not as obvious items can be clicked */
	box-shadow: rgba(0, 0, 0, 0.298039) 0px 5px 10px;
	padding:1px;
	border: 1px solid #dbd9da;
	 background:#dbd9da;
	 width:456px;
	 height:356px
  }

.container{
	padding-bottom: 20px;
}
.atitlesc{
position: absolute;
bottom:10px;
left: 199px; 
width:436px;
background:url("../images/pro3d.png");
opacity: 0.7 ; filter:alpha(opacity=70);
color:#fff; padding:10px;
font-size:14px;                            
}

#pege li{
	display:inline-block;
	margin-left:10px
	}
.del_content{
	width:750px
	}	
.news_xaingxi{
	text-align:center;
	padding:20px 0;
	}
.del_page{
	padding:20px 0;
	}	
.news_title{
	text-align:center;
	padding:20px 0;
	}	
 












 
