@charset "utf-8";
.head { width: 100%; position: relative; font-size: 0; padding-bottom: 20px; border-bottom: 1px solid #f1f1f1;padding-top: 30px;}
.head h1 { width: 240px; position: absolute; left: 50%; margin-left: -120px; top: 0; z-index: 9;}
.head h1 img { width: 100%;}
.nav_center { width: 1200px; margin: 0 auto; }
.nav_center .nav_li1 { width: 130px; height: 66px; float: left; position: relative;}
.nav_center .nav_li1 i {background: url(../images/index/indexbg.png) no-repeat; width: 13px; height: 13px; float: right; margin-top: 28px;}
.nav_center .nav_li1>a { font-size: 14px; color: #434343; font-weight: bold; display:inline-block; width: 82px; height: 66px; line-height: 66px; text-align: center; margin-left: 20px;}
.nav_center .nav_li1>a span { width: 82px; height: 2px; position: absolute; top: 0; left: 20px; background: #9fc43e; display:none;}
.nav_center .nav_li1:hover>a,.nav_center .nav_li1>a.over { background: #f7f7f7;}
.nav_center .nav_li1:hover>a span { display: block;}
.nav_center .nav_li1:hover .nav_wrap { display: block;}
.nav_wrap {height: 205px; position: absolute; top: 64px; left: 19px; display: none; z-index: 99;} 
.nav_img { width: 352px; height: 14px; background: url(../images/index/indexbg.png) no-repeat 35px -357px;}
.nav2 { width: 352px; height: 192px; box-shadow: 0 0 4px #e3e3e3; background: #fff; }
.nav2 span { width: 160px; height: 160px; background: red; margin: 15px 14px; float: left; overflow:hidden;}
.nav2 ul { float: right; margin-right: 15px; margin-top: 15px;}
.nav2 .nav_li2 { width: 148px; height:38px ; line-height: 37px; border-bottom: 1px dashed #aaa; font-size: 14px; background: url(../images/index/indexbg.png) no-repeat right -307px;}
.nav2 .nav_li2:hover {background: url(../images/index/indexbg.png) no-repeat right -257px;}
.nav2 .nav_li2:hover a { color: #9fc43e;}
.nav2 .nav_li2 a { color: #aaa; display: block;}
.nav_move { display: none;}


.h_line {    width: 100%;
    height: 1px;
    background: #f1f1f1;
    position: absolute;
    left: 0;
    bottom: 19px;}



.foot { width: 100%; background: #313131; }
.foot_center {width: 1200px;background: #313131;height:418px ; margin: 0 auto;}
.foot_top { height: 128px; border-bottom:1px solid #505050 ; text-align: center;  margin-bottom: 26px;}
.foot_top img { width:246px ; height: 50px; margin-top: 37px;}
.foot_con {font-size: 0;}
.follow,.add,.link { width:400px; border-right:1px solid #505050 ; height: 140px; display: inline-block; vertical-align: top;}
.link { border-right: none;}

.follow img { width: 107px; height: 107px;}
.follow_r { font-size: 14px; color: #fff; display: inline-block; margin-top: 27px; position: relative; width: 195px; float: right; margin-right: 60px;}
.follow_r .follwrap { position: absolute; top: -9px; left: 0; width: 195px; height: 100px; background: url(../images/index/footfollow.png) 1px 40px no-repeat;}
.follow_r em { display: block; margin-bottom: 22px;}
.follow_r a { width: 36px; height: 36px; display: inline-block; margin-right: 12px;}
.add {}
.addp {background: url(../images/index/footadd.png) 50px 15px no-repeat; line-height: 32px; color: #c6c6c6; font-size: 12px;padding: 8px 0 0 85px;}

.link ul {padding-left:50px;}
.link li { display: inline-block; margin: 10px 13px;}
.link li a { font-size: 12px; display: block; width: 74px; height: 24px; border: 1px solid #404040; text-align: center; line-height: 24px; color: #bbb;}
.link li a:hover { color: #9fc43e;}

.foot_center .copy { color: #7d7d7d; font-size: 12px; margin-top: 60px;}
.foot_center .copy strong {margin-left: 38px;}
.foot_center .copy a { display: inline-block; height: 14px; color: #7d7d7d;}

.weixin { position: relative;}
.weixin_img { width: 107px; height: 107px; position: absolute; top: -56px; left: 41px; display: none;}
.follow_r span { display: block; height: 20px; width: 20px; border-radius: 50%; text-align: center; line-height: 17px; font-size: 16px; color: #000; background: #fff; position: absolute; right: 38px; top: -29px; cursor: pointer; z-index: 9; display: none;}
.weixin_img i { display: block; width: 107px; height: 107px;}


/*手机样式*/
@media screen and (max-width:800px ) {
.h_line { display:none;}
	.foot_center .copy strong { display: block; margin-left: 0; line-height: 20px;}
.head {padding-top: 150px; padding-bottom: 0px; border-bottom: none;}
.nav_center { display: none;}
.nav_move { display: block; margin: 0 auto; width: 62%; position: relative;}
.nav_index { width: 100%; height: 32px; line-height: 32px; background:url(../images/index/indexbg.png) no-repeat 94% -48px #eee; text-indent: 45%; color: #5f5f5f; font-weight: bold; font-size: 14px; border-radius: 3px; margin-bottom: 14px;}
.nav_move ul { width: 100%; position: absolute; top: 127%; left: 0; border-radius: 3px; box-shadow: 0 0 3px #eee;}
.move_li1 {background: url(../images/index/indexbg.png) no-repeat 95% -213px #eaedee; font-size: 12px; border-bottom: 1px solid #d8d9da;}
.nav_move .move_li1 li { border-bottom: 1px solid #d7d9d9; background: #33363c; line-height: 42px; height: 42px;}
.move_li1>i { width: 19%; height: 42px; float: left; background: url(../images/index/indexbg.png) no-repeat center 17px;}
.move_li1>a { width: 60%; height: 42px; display:inline-block; line-height: 42px;}
.nav_move a { color: #4b4b4b; font-weight: bold; vertical-align: top; text-align: left;}
.move_li1 ol { display: none;}
.nav_move ol i {width: 19%; height: 42px;background: url(../images/index/indexbg.png) no-repeat center -104px; display: inline-block;}
.move_li1:hover,.move_li1.over {background: url(../images/index/indexbg.png) no-repeat 95% -173px #eaedee;}
.move_li1:hover>i,.move_li1>i.over {background: url(../images/index/indexbg.png) no-repeat center -75px;}
.move_li1:hover ol { display: block;}
.move_li1 li:hover,.move_li1 li.over { background: #f4c22d;}
.move_li1 li a { color: #fff; display: inline-block; width: 80%;}
.move_li1 li:hover i,.move_li1 li i.over {background: url(../images/index/indexbg.png) no-repeat center -143px;}
.move_li1:last-child { border: none; border-radius: 0 0 3px 3px;}
.move_li1:first-child { border-radius: 3px 3px 0 0;}
.move_li1:first-child:hover {background: url(../images/index/indexbg.png) no-repeat 95% -213px #eaedee;}
.nav_move ul { display: none; z-index:99;}

	

.foot_center {width: 100%; height: auto;}
.follow, .add, .link { width: 100%;}
.foot_top { height: 96px; margin-bottom: 22px;}
.foot_top img { margin-top: 24px;}
.follow_r {margin-top: 13px; margin-right:0;}
.follow { background-position: 43% 70px;}
.follow { height: 154px; border-bottom: 1px solid #404040;}
.follow_r .follwrap { top: 3px;}
.f_yidong { width: 91%; margin: 10px auto;}
.addp {padding: 18px 0 0 30px; background-position: 0 26px; width: 91%; margin: 0 auto;}

.add { height: 168px; border-bottom: 1px solid #404040;}

.link { height: 166px; border-bottom: 1px solid #404040; overflow: hidden;}
.link ul {padding: 27px 0 0 0; width: 91%; margin: 0 auto;}
.link li { margin: 0 12.2% 18px 0; width: 25%;}
.link li:nth-child(3n) { margin: 0 0 0 0;}
.link li a { width: 100%;}
.foot_center .copy { padding-bottom: 22px; width: 91%; margin: 22px auto 0;}


.nav_center li a:hover span, .nav_center li a span.over {top: 12px;}
	
}


@media screen and (max-width:320px ) {
	.f_yidong { width: 98%; margin: 10px auto;}
	.follow_r .follwrap { top: 3px;}
	.addp { width: 94%; }
}