﻿html,body{width:100%;height:100%;}
body,div,a,img,p,form,h1,h2,h3,h4,h5,h6,input,textarea,ul,li,dt,dd,dl{margin:0;padding:0;}
li{ list-style-type:none;}
a{text-decoration:none;}
img{border:0}
.clear{ clear:both; height:0px; overflow:hidden;}
.main{ width:100%; background:#f3f3f3;}
body{ font-family:微软雅黑, 宋体, sans-serif; font-size:12px;color:#333;background:#F7F7F5; line-height:22px;}
.ban{ width:100%; height:643px;}
.ban .bn1{ width:100%; height:156px; background:url(../images/bn1.jpg) center 0px no-repeat;}
.ban .bn2{ width:100%; height:154px; background:url(../images/bn2.jpg) center 0px no-repeat;}
.ban .bn3{ width:100%; height:168px; background:url(../images/bn3.jpg) center 0px no-repeat;}
.ban .bn4{ width:100%; height:165px; background:url(../images/bn4.jpg) center 0px no-repeat;}
.ban .txt1{ margin:0 auto; width:1000px; height:156px;}
.ban .txt1 a{ display:block;  width:1000px; height:156px;}
.ban .txt2{ margin:0 auto; width:1000px; height:154px;}
.ban .txt2 a{ display:block;  width:1000px; height:154px;}
.ban .txt3{ margin:0 auto; width:1000px; height:168px;}
.ban .txt3 a{ display:block;  width:1000px; height:168px;}
.ban .txt4{ margin:0 auto; width:1000px; height:165px;}
.ban .txt4 a{ display:block;  width:1000px; height:165px;}
.warp{ margin:15px auto; width:1000px; background:#FFFFFF;}

.part1{ width:100%; height:649px;}
.pA {
    position: absolute;
    z-index: 1;
}
#character {
position:relative;
    background: url("../images/renwur.jpg") no-repeat scroll 0 0 transparent;
    height: 609px;
    margin-top: 16px;
    padding-top: 65px;
}
#character .topL, #character .bottomL {
position:absolute;
left:20px;

    width: 350px;
}
#character .bottomL {
position:absolute;
top:350px;
    width: 350px;
	left:20px;
}
#character .topL .pic {
    right: 0;
    top: 30px;
}
#character .topL h3 {
    font: bold 36px/1.9 "Microsoft Yahei";
    padding-top: 30px;
}
#character .topL .detail {
    line-height: 28px;
}
#character a{ color:#333333}
.dialogue1 a{ color:#FFF8C1}
.gongzuo1{ position:absolute; width:530px; height:500px; top:20px;}
.gongzuo1 a{ display:block; width:530px; height:500px;}
#character .topL b {
    display: block;
    float: left;
    font-weight: normal;
    width: 62px;
}
#character .bottomL {
    margin-top: 40px;
}
#character .bottomL .detail {
text-indent:24px;
    line-height:22px;
    width: 325px;
}
#character .bottomL h3 {
    font: bold 36px/1.5 "Microsoft Yahei";
    padding-top: 10px;
}
.dialogue {
    background-color: #FFFFFF;
    padding-top: 42px;
}
.fr {
    float: right;
}
.dialogue1 {
 width:1000px;
    background: url("../images/nav2_1Bg.jpg") no-repeat scroll 0 0 transparent;
    height: 706px;
    position: relative;
}
.dialogue1 .contL {
    top: 550px;
    height: 105px;
    left: 115px;
    width: 358px;
	color:#fff8c1;
	text-indent:24px;
}
.dialogue1 .q1{ height:120px; margin-bottom:15px; border-bottom:#999999 1px dashed;}
.dialogue2 .q1{ margin-bottom:15px;}
.dialogue1 .contL h3 a {
    color: #333333;
    font: bold 18px/1.9 "Microsoft Yahei";
    margin-bottom: 5px;
}
.dialogue1 .contR {
    padding-right: 15px;
    width: 407px;
}
.dialogue1 .contR .pic {
    margin-left: 5px;
    margin-top: 25px;
}


.readMore {
    color: #333300;
    font-size: 12px;
    font-weight: bold;
}

.dialogue1 .contR .detail {
    padding-left: 45px;
	padding-top:60px;
}
.dialogue1 .contR .shipin{ padding:46px 0px 0px 66px; width:291px; height:225px; overflow:hidden;}
.dialogue1 .contR .title {
    font-weight: bold;
}
.dialogue1 .contR .title1 {

height:38px;
    font-weight: bold;
}
.ques{background:url(../images/q.jpg) no-repeat;}
.answer{ padding-top:3px;background:url(../images/a.jpg) 2px 0px no-repeat;}
.dialogue1 .contR .title2 {

height:38px;
    font-weight: bold;
}
.dialogue2 {
    background: url("../images/nav2_2Bg.jpg") no-repeat scroll 0 0 transparent;
    height:622px;
	line-height:28px;
    position: relative;
}
.dialogue2 .contL {
    margin-left: 25px;
    width: 140px;
}
.naxing{ position:absolute; width:380px; height:400px; left:320px; top:120px;}
.naxing a{ display:block; width:380px; height:400px;}
.dialogue2 .contL .pic {
    margin: 60px 0 0 6px;
}
.laji{ float:left; width:143px; height:44px; padding:470px 0px 0px 120px;}
.dialogue2 .contL p {
padding-left: 3.2em;
}
.dialogue2 .contR p {
padding-left: 3.2em;
}
.dialogue2 .contR .title1 {
    font-weight: bold;
    height: 48px;
}
.dialogue2 .contL .detail {
padding-top:135px;
    width: 240px;
}
.dialogue2 .contL .title {
    font-weight: bold;
}

.dialogue2 .contL .title1 {
height:48px;
    font-weight: bold;
}
.dialogue2 .contL .title2 {
height:48px;
    font-weight: bold;
}
.dialogue2 .contL .q2 {
    margin-bottom: 40px;
}
.dialogue2 .contR {
    right: 23px;
    top: 135px;
    width: 240px;
}
.dialogue2 .contR h3 a {
    color: #333333;
    font: bold 18px/1.9 "Microsoft Yahei";
    margin-bottom: 5px;
}
.dialogue7 {
    background: url("../images/nav2_7Bg.jpg") no-repeat scroll 0 0 transparent;
    height: 804px;
    position: relative;
}
.dialogue7 .contT {
    height: 95px;
    padding: 171px 0 0 410px;
    text-indent: 3em;
    width: 555px;
}
.dialogue7 .title {
    font-weight: bold;
	height:38px;

}
.dialogue7 .title1 {
    font-weight: bold;
	height:58px;
   
}
.dialogue7 .title3 {
    font-weight: bold;
	height:38px;
   
}
.dialogue7 .contL {
    margin: 25px 0 0 27px;
    width: 452px;
}
.dialogue7 .contL .lh2 {
border-bottom:#999 1px dashed;
    text-indent: 3.2em;
}

.dialogue7 .contL .qa2, .dialogue7 .contL .qa3 {
    width: 275px;
	margin-bottom:15px;
}
.dialogue7 .contR {
    margin: 22px 25px 0 0;
    width: 255px;
}
.dialogue7 .contR .lh2 {
    text-indent: 3em;
}
.qa1 {
overflow:hidden;
 width:430px;
	height:122px;
	margin-bottom:15px;
}
.qa2 {

	height:158px;
}
.qa3 {

	height:138px;
}
.life .fr {
    margin-top: 33px;
    width: 612px;
}
.life .life1 {
    background: url("../images/nav3Bg.jpg") no-repeat scroll 0 0 transparent;
    height: 561px;
    position: relative;
}
.life .life1 .fr li {
    float: left;
    padding: 0 10px 9px 0;
}
.life .life1 .fr li a {
    display: block;
    height: 252px;
    width: 192px;
}
.life .life1 .fr li img {
    display: none;
}
.life .life2 {
    background-color: #FFFFFF;
    height: 484px;
    position: relative;
}
.life .life2 li {
    background: url("../images/bg.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 395px;
    margin-right: 10px;
    width: 188px;
}
.life .life2 li a {
    display: block;
    margin: 110px 0 0 6px;
}
.life .life2 li .detail {
    display: block;
    margin: 15px 0 0 30px;
    width: 145px;
}
.life .life2 .picList {
    padding: 52px 0 0 7px;
}
.life .life2 .item1 {
    background-position: 0 -827px;
}
.life .life2 .item2 {
    background-position: -189px -827px;
}
.life .life2 .item3 {
    background-position: -378px -827px;
}
.life .life2 .item4 {
    background-position: -567px -827px;
}
.life .life2 .item5 {
    background-position: -756px -827px;
}
.work {
    background: none repeat scroll 0 0 #FFFFFF;
    padding-bottom: 6px;
}
.work .cbox {
    background-color: #C4C4C4;
    margin-bottom: 47px;
}
.work h2 {
    margin-bottom: 12px;
}
.img_depot {
    height: 610px;
    overflow: hidden;
    position: relative;
}
.img_depot .mark {
    background-position: 280px -188px;
    left: 395px;
    position: absolute;
    top: 0;
    width: 383px;
}
.img_depot .pIntro {
    background-position: 0 -330px;
    height: 52px;
    left: 395px;
    line-height: 26px;
    position: absolute;
    text-indent: 4.5em;
    top: 40px;
    width: 580px;
}
.img_depot .photo {
    background-color: #181818;
    left: 400px;
    position: absolute;
    top: 8px;
    z-index: 1;
}
.img_depot .photo img {
    opacity: 0.7;
}
.img_depot .pic1 {
    left: 10px;
    top: 10px;
}
.img_depot .pic2 {
    left: 203px;
    top: 10px;
}
.img_depot .pic3 {
    left: 396px;
    top: 10px;
}
.img_depot .pic4 {
    left: 10px;
    top: 200px;
}
.img_depot .pic5 {
    left: 203px;
    top: 200px;
}
.img_depot .pic6 {
    left: 396px;
    top: 200px;
}
.img_depot .pic7 {
    left: 10px;
    top: 390px;
}
.img_depot .pic8 {
    left: 203px;
    top: 390px;
}
.img_depot .pic9 {
    left: 396px;
    top: 390px;
}
.img_depot .focus {
    background: none repeat scroll 0 0 #C4C4C4;
    display: none;
    height: 582px;
    left: 0;
    overflow: hidden;
    padding: 15px 5px;
    position: absolute;
    top: 0;
    z-index: 1;
}
.p-right {
    background: none repeat scroll 0 0 #E9E9E9;
    height: 581px;
    position: absolute;
    right: 10px;
    top: 15px;
    width: 590px;
}
.work .recommend {
    background: url("../images/nav4_Bg.jpg") no-repeat scroll 0 0 transparent;
    height: 590px;
    position: relative;
}
.work .recommend i {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    bottom: 0;
    color: #FFFFFF;
    display: none;
    height: 32px;
    left: 0;
    line-height: 2.5;
    text-align: center;
    text-decoration: none;
    width: 100%;
}
.work .recommend div {
    border: 5px solid #FFFFFF;
}
.work .recommend div:hover {
    border: 5px solid #E9BD8C;
}
.work .recommend .pic1 {
    left: 0;
    top: 0;
}
.work .recommend .pic2 {
    left: 336px;
    top: 0;
}
.work .recommend .pic3 {
    left: 673px;
    top: 358px;
}
.work .recommend .pic4 {
    left: 0;
    top: 350px;
}
.work .recommend .pic5 {
    left: 336px;
    top: 400px;
}
.work .recommend .pic6 {
    left: 673px;
    top: 0px;
}

.ry{ width:1000px; height:645px;}
.ry .left1{ float:left; width:472px; padding-left:20px;}
.ry .right1{ float:left; width:484px; }

.yiqi{ position:relative; width:895px; height:340px; background:url(../images/bg4.jpg) no-repeat;}
.yiqi .one{ position:absolute; width:200px; top:40px; left:145px;}
.ys{ position:relative; width:960px; height:508px; background:url(../images/ys.jpg) center bottom no-repeat}
.ys .one{ position:absolute; width:860px; top:20px; left:50px;}
.ys .two{ position:absolute; width:210px; top:150px; left:100px;}
.ys .three{ position:absolute; width:230px; top:150px; right:100px;}
.mod2 { width:1000px; height:193px; position:relative; padding:20px 0px; margin:0 auto; overflow:hidden;}
.mod2 .hd{position:relative;}
.mod2 .bd ul{overflow:hidden}
.mod2 .bd ul li{position:relative;float:left;width:300px;height:193px;padding-left:15px; padding-right:5px;vertical-align:bottom}
.mod2 .bd ul li p{font-size:14px;color:#553c6a;margin:10px 0}
.mod2 .bd ul li span{display:block}

.xz{position:absolute; left:10px; z-index:3;width:33px;height:144px; bottom:45px; }
.xy{position:absolute; right:10px;z-index:3;width:33px;height:144px; bottom:45px; }
.mod2 .arrow{display:block;width:33px;height:144px;}
.xz a{ background:url(../images/ll1.jpg) no-repeat;}
.xz a:hover{ background:url(../images/ll2.jpg) no-repeat;}
.xy a{ background:url(../images/rr1.jpg) no-repeat;}
.xy a:hover{ background:url(../images/rr2.jpg) no-repeat;}
.mod2 .aw_left{ }
.mod2 .aw_right{ }

/* gp_r_boxE */
.gp_r_boxE{width:1000px; margin:0 auto;padding:0}
.gp_r_boxE .hd{width:1000px;overflow:hidden}
.gp_r_boxE .hd ul{width:1000px;height:100px;}
.gp_r_boxE .hd ul li{float:left;width:200px;height:100px;}
.gp_r_boxE .hd ul li.one a{display:block;width:200px;height:100px; background:url(../images/renwu2.jpg) no-repeat;}
.gp_r_boxE .hd ul li.two a{display:block;width:200px;height:100px; background:url(../images/duihua2.jpg) no-repeat;}
.gp_r_boxE .hd ul li.three a{display:block;width:200px;height:100px; background:url(../images/huanzhe2.jpg) no-repeat;}
.gp_r_boxE .hd ul li.four a{display:block;width:200px;height:100px; background:url(../images/shenghuo.jpg) no-repeat;}
.gp_r_boxE .hd ul li.five a{display:block;width:200px;height:100px; background:url(../images/shouji2.jpg) no-repeat;}


.gp_r_boxE .hd ul li.one .on{display:block;width:200px;height:100px; background:url(../images/renwu1.jpg) no-repeat;}
.gp_r_boxE .hd ul li.two .on{display:block;width:200px;height:100px; background:url(../images/duihua1.jpg) no-repeat;}
.gp_r_boxE .hd ul li.three .on{display:block;width:200px;height:100px; background:url(../images/shenghuo1.jpg) no-repeat;}
.gp_r_boxE .hd ul li.four .on{display:block;width:200px;height:100px; background:url(../images/huanzhe1.jpg) no-repeat;}
.gp_r_boxE .hd ul li.five .on{display:block;width:200px;height:100px; background:url(../images/shouji1.jpg) no-repeat;}

.gp_r_boxE .bd{padding:0px; width:1000px; height:0px; overflow:hidden;}
.gp_r_boxE .bd a{color:#595959}

.gp_r_boxE .bd ul li{padding:0}

.yszhanshi{ margin-bottom:20px; width:1000px; height:378px; background:#eed6a4}
.yszhanshi .left{ width:398px; float:left;}
.yszhanshi .right{ width:558px; float:left; padding-left:25px;}
.yszhanshi .left .ystxt1{ margin-left:15px; padding:15px 0px 0px 15px; width:363px; background:#FFFFFF; height:247px;}
.yszhanshi .left .ystxt1 .yspic{ width:160px; height:234px; float:left}
.yszhanshi .left .ystxt1 .txt{ width:180px; padding-left:10px; float:left}

.part10{ width:1000px; height:218px; background:url(../images/dd.jpg) 0 bottom no-repeat;}
.xmjd{ padding-left:18px; padding-top:8px; float:left; width:480px; height:190px;}
.xmjd .pic{ float:left; width:175px; height:190px;}
.xmjd .txt{ float:right; width:300px; height:190px;}
.xmjd .txt .dt{ float:left; padding:3px 0px 0px 0px; width:100px; height:87px; text-align:center;}

.renwu{ float:right; width:500px; height:400px;}
.renwu a{ display:block; width:500px; height:400px;}