@charset "utf-8";
/* CSS Document */
@import url("font.css");
@import url("body.css");

#header{position:relative;width:100%;height:69px;background:url(../images/csr/bg-header.jpg) no-repeat center;}
#header .content{height:69px;height: 368px;white-space: nowrap;}
#header #logo{width:179px;height:37px;background: url(../images/csr/logo.png) no-repeat;float:left;margin:21px 0 0 5px;}
#header #text-csr{width:33px;height:14px;background: url(../images/csr/text-csr.png) no-repeat;float:left;margin:36px 0 0 605px;}
#header #icon1{float:left;margin:29px 0 0 70px;cursor:pointer;}
#header #icon2{float:left;margin:29px 0 0 13px;cursor:pointer;}


#main #slide{height: 368px;white-space: nowrap;width:100%;overflow:hidden}
#main #slide .img-slide{position:relative;left:0px;padding:0;margin-left: -5px;}
#main #box1-main{background:rgb(214,214,214);}
#main #box1-main .content{background:#fff;overflow:hidden;}
#main #box1-main #nav{color:#000;padding-left:30px;width:960px;border-bottom:1px solid rgb(169,169,169);overflow:hidden;}
#main #box1-main #nav li{float:left;padding:2px 15px;cursor:pointer;}
#main #box1-main .detail{background:rgb(249,249,249);color:rgb(115,115,115);line-height: 19px;padding-bottom: 55px;}
#main #box1-main .detail .head{margin:60px 0 0 75px;}
#main #box1-main .detail .img1-box1{margin-top:23px;}
#main #box1-main .detail .box1{width:890px;margin:39px auto 0;overflow: hidden;}
#main #box1-main .detail .box2{width:890px;margin:15px auto 0;overflow: hidden;}
#main #box1-main .detail .box1 img{float:left;}
#main #box1-main .detail .box1 .box1-detail{float:right;width:560px;margin-top:18px;}
#main #box1-main .detail .box2 .box1-1{float:left;width: 560px;}
#main #box1-main .detail .box2 .box1-2{float:right;width: 278px;}

#main #box1-main .detail .head2{margin:20px 0 0 75px;}
#main #box1-main .detail .box3{width:812px;margin:0px auto 10px;overflow: hidden;}
#main #box1-main .detail .box3 .box2-1{width:250px;float:left;}
#main #box1-main .detail .box3 .box2-2{width:543px;float:right;}
#main #box1-main .detail .box3 .box2-2 img{float:right;}
#main #box1-main .detail .box4 .box2-3{width:543px;float:left;}
#main #box1-main .detail .box4 .box2-4{width:301px;float:right;}
#main #box1-main .detail .box4{width: 852px;margin: 0px 0 0 75px;overflow: hidden;text-align:right;}
.box3-detail{width:936px;margin:33px auto 0;text-align:right;}
.box3-2-detail{width:412px;float:left;}
.box4-detail{overflow:hidden;width:860px;margin:10px 0 0 70px;}
.box4-20detail{width:245px;float:left;}
.box4-21detail{width:611px;float:right;}
.box-img{overflow:hidden;margin-top: 25px;}
.box-img .box1-img{position:relative;width:287px;height:192px;border:1px solid rgb(229,229,229);float:left;margin-left:27px;margin-bottom:18px;}
.box-img .box1-img img{position:absolute;left:0;right:0;top:0;bottom:0;width:281px;height:187px;margin:auto;}
.box-img .box1-img-first{margin-left:22px;}

#footer{width:100%;height:293px;background:url(../images/index/bg-footer.jpg) no-repeat center;}
#footer .box1{width:188px;float:left;margin:33px 0 0 0;font-size:14px;line-height: 28px;}
#footer .box2{float:right;width:215px;}
#footer .box1 .head1 a,#footer .box1 .head1{color:#fff;}
#footer .box1 .head2 a,#footer .box1 .head2{color:rgb(121,121,121);}
#footer .box1 .head3 a,#footer .box1 .head3{color:rgb(121,121,121);}
#footer .box2 .head3{font-size: 12px;color: rgb(121,121,121);line-height: 18px;float:left;margin-top:25px;}
#input_email{width: 138px;height: 22px;border: 1px solid rgb(73,73,73);background: rgb(32,32,32);float: left;color: #fff;padding: 10px;margin-top:10px;}
#btn-submit{width: 48px;height: 44px;border: 1px solid rgb(73,73,73);float: left;background:url(../images/index/arrow3.png) no-repeat center;border-left: none;margin-top:10px;cursor:pointer;}
#footer .box-bottom{float:left;width:100%;font-size:14px;color:#fff;margin-top:22px;}
#footer .box-bottom .box1-bottom{float:left;margin-top: 11px;}
#footer .box-bottom .social-btm{float:right;margin-right:5px;}
#icon-social3{margin-right:37px;}