@charset "utf-8";

body{min-width: 1200px; width: 100%;}


.top_bg{ height:98px; background:url(../img/top_bg.gif) no-repeat center 0;position: relative;z-index: 20;}
 .headbj{height:169px;; background: url("../img/headbj.jpg") no-repeat center;}
					.headbj .head{height: 145px;padding-top: 25px;}
					.head h1{ width:199px; float:left; margin-right:30px;}
					.head h1 img{ width:199px; height:63px;}
					.head span{ display: block; float:left; font-size: 26px; font-weight: bold; color:#333333;margin-top:10px;}
					.head span em{ display: block; text-transform: uppercase; margin-top:7px;font-size: 12px; font-family: "Arial"; font-weight: normal; color:#333; font-style: normal;}
					.head p{ float:right; font-size: 14px; color:#333333;}
					.head p i{ display: block; font-size: 28px; font-family: "Georgia"; color:#009148;}
					.head  .nav{height: 51px;padding-top: 26px;}
					.head  .nav li{float:left;height: 51px;line-height: 51px;}
					.head  .nav li a{font-size: 16px;;color:#333333; padding:0 30px 0 31px; border-left:1px solid #bbbbbb;}
					.head  .nav li:first-child{width: 150px;}
					.head  .nav li:first-child a{border-left:none;padding-left: 55px;padding-right:0; background:url("../img/w.png") no-repeat 30%; }
					.head  .nav li:hover,.head  .nav li.cur {background:#009148;color:#FFF;}
					.head  .nav li:hover a,.head  .nav li.cur a{color:#FFF;}
					/*.head  .nav li:hover a,.head  .nav li.cur1 a{}*/
	.f_bg{background:url(../img/f_bg.gif) repeat-x;height:303px;overflow:hidden;padding: 24px 0 0;}
.footer{width: 1200px; margin:0 auto;}
.f_logo{width: 205px;height: 75px;padding: 10px 0 0;}
.f_logo img{width: 200px;height: 52px;}
.f_nav{height: 75px;width: 534px;padding:0 0 0 50px;background:url(../img/f_line01.gif) no-repeat left 15px;}
.f_nav ul li{height: 34px;line-height: 34px;overflow: hidden;width: 120px;float: left; background:url(../img/f_ico01.gif) no-repeat 0 15px;}
.f_nav ul li a{font-size: 14px;color: #333;padding: 0 0 0 15px;}
.f_nav ul li a:hover{font-weight: bold;}
.f_ban{width: 355px;height: 75px;padding:0 0 0 35px;background:url(../img/f_line01.gif) no-repeat left 15px;}
.f_ban p{font-size: 14px;color: #333;line-height: 36px;}
.f_ban p a{font-size: 14px;color: #333;}
.f_er{width: 264px; padding:8px 0 0;}
.f_er p{width: 112px;float: left; padding:0 0 0 20px;text-align: center;}
.f_er em{ width:110px; height:110px;display: block;border: #dcdcdc 1px solid;line-height: 0;}
.f_er img{ width:110px; height:110px;}
.f_er span{display: block;font-size: 12px;color: #666;line-height: 40px;}
.f_bot{height: 120px;background:url(../img/f_line02.gif) repeat-x 0 25px;margin-top: 26px;}
.f_bot span{font-size: 24px;color: #fff;display: block; background:url(../img/f_tel.png) no-repeat;width: 210px;height: 51px;line-height: 51px;overflow: hidden;margin:0 auto;padding: 0 0 0 80px;}
.f_bot p{font-size: 14px;color: #888;text-align: center;padding: 30px 0 0;}
.f_bot i{padding:0 10px;}
.f_bot a{color: #888;}
.f_link{height: 75px;line-height: 20px;overflow: hidden;}
.f_link b{display: block;float: left;font-size: 16px;color: #333;width: 70px;font-weight: normal;}
.f_link p{font-size: 14px;color: #333;float: left;width: 1130px;}
.f_link p a{font-size: 14px;color: #333; padding:0 10px;}	

/**/
.yin{padding: 80px 0 0;height: 240px;}
.yin dl{width: 366px;height: 176px;float: left;box-shadow: 0 3px 10px 3px #f5f5f5;margin-right: 51px;overflow: hidden;}
.yin dl dt{width: 120px;height: 120px;float: left;padding: 28px 0 0 32px;}
.yin dl dd{width: 160px;float: left;padding: 40px 0 0 15px;}
.yin dl dd h5{font-size: 26px;color: #333;}
.yin dl dd p{font-size: 14px;color: #666;line-height: 22px;padding: 15px 0 0;height: 44px;overflow: hidden;}
.yin dl dd b{color: #333;}
.yin a .icon{position:relative;display:block;width:120px;height:120px;}
.yin a .icon i{position:absolute;width:100%;height:100%;background:url(../img/idesign_icon.png);top:0;left:0;}
.yin a .icon .default{-webkit-transition: all 0.4s linear;transition: all 0.4s linear;}
.yin a .icon .hover{opacity:0;visibility:hidden;
	-webkit-transform:translate3d(0,0,-120px) rotate3d(1,0,0,90deg);
	transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
	-webkit-transform-origin:50% 0%;
    transform-origin:50% 0%;
    -webkit-transition:all 0.4s linear;
    transition:all 0.4s linear;}
.yin a.i1 .icon .default{background-position:0 0;}
.yin a.i2 .icon .default{background-position:0 -120px;}
.yin a.i3 .icon .default{background-position:0 -240px;}
.yin a.i1 .icon .hover{background-position:-120px 0;}
.yin a.i2 .icon .hover{background-position:-120px -120px;}
.yin a.i3 .icon .hover{background-position:-120px -240px;}
.yin a:hover .hover{opacity:1;visibility:visible;}
.yin a:hover .default{opacity:0;visibility:hidden;}
.yin a:hover .default{-webkit-transform:translate3d(0,120px,0) rotate3d(1,0,0,-90deg);transform:translate3d(0,120px,0) rotate3d(1,0,0,-90deg);}
.yin a:hover .hover{-webkit-transform:rotate3d(1,0,0,0deg);transform:rotate3d(1,0,0,0deg);}
.yin .nobor{margin-right: 0;}

/**/
.cp_bg{background:url(../img/cp_bg.gif) repeat-x;height: 1195px;overflow: hidden;padding-top: 55px;}
.cp_t{height: 80px;line-height: 36px;text-align: center;overflow: hidden;background:url(../img/cp_line01.png) no-repeat center 77px;}
.cp_t a{font-size: 34px;color: #1a1037;}
.cp_t span,.ys_t span{display: block;font-size: 16px;color: #333;font-weight: normal;}
.cp_l{width: 240px;margin: 50px 0 0;background: #fff;}
.cp_l h3{background: #006b35;width: 240px;height: 16px;text-align: center;line-height: 70px;overflow: hidden;}
.cp_l h3 a{font-size: 20px;color: #fff;display: block;}
.cp_ul01 li a{display: block;font-size: 16px;color: #fff;font-weight: bold;width: 220px;height: 58px;line-height: 58px; background:#009148 url(../img/cp_ico01.png) no-repeat 190px 14px; padding:0 0 0 20px;}
.cp_ul02{width: 220px;padding: 0 7px 0 13px;}
.cp_ul01 .cp_ul02 li{width: 110px;float: left; border-bottom:#e8e8e8 1px solid;}
.cp_ul01 .cp_ul02 li a{font-size: 14px;color: #333;font-weight: normal;padding:0;width: 110px;height: 44px;line-height: 44px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;background: none;}
.cp_ul01 .cp_ul02 li a:hover{color: #009148;}
.cp_l p{width: 240px;height: 80px;background: #006b35;padding: 30px 0 0;}
.cp_l p a{display: block; font-size: 14px; color: #333; width: 148px; text-align: center; height: 48px; line-height: 48px; background: #fff; overflow: hidden;border-radius: 30px;margin:0 auto;}
.cp_r{padding: 50px 0 0;width: 960px;}
.cp_r ul li{float: left;width: 292px;margin-left: 26px;position: relative;}
.cp_r ul li b{width: 290px;height: 290px;display: block;border: #cecece 1px solid;line-height: 0;}
.cp_r ul li b img{width: 290px;height: 290px;}
.cp_r ul li p{width: 292px;height: 292px; position: absolute; top: 0px; left: 0px; background:rgba(26,16,55,0.8); display:none;}
.cp_r ul li em{width: 38px;height: 40px; display:block; margin:0 auto;}
.cp_r ul li em img{width: 38px;height: 30px;}
.cp_r ul li i{ display:block; font-size:14px; color:#fff; width:100px; text-align:center; height:34px; line-height:34px; border:#fff 1px solid;border-radius:20px; margin:0 auto;}
.cp_r ul li p a{ display:block; float:left; padding-top:104px; padding-right:18px;}
.cp_r ul li p a:first-child{ padding-left:35px;}
.cp_r ul li span{ width:292px; display:block; text-align:center; height:48px; line-height:48px; overflow:hidden;font-size: 14px;color: #333;}
.cp_r ul li span a{font-size: 14px;color: #333;}
.cp_r ul li:hover p{ display:block;}
/*youshi1*/
.fl { float:left;}
.fr { float:right;}
.edge{line-height: 28px;color: #333;font-family:"Microsoft Yahei";overflow: hidden;/* margin-bottom: 90px; *//* margin-top:60px; */}
.edgetil{text-align: center;height: 212px;background:url(../img/edgetil.jpg) no-repeat center 0;}
.edge li{padding: 0 0 10px 28px;background:url(../img/ico06.gif) no-repeat 0 10px;}
.edge1{height: 420px;background:url(../img/edgebg1.jpg) no-repeat center 0;}
.edge2{height: 420px;background:url(../img/edgebg2.jpg) no-repeat center 0;}
.edge3{height: 420px;background:url(../img/edgebg3.jpg) no-repeat center 0;}
.edge4{height:420px;background:url(../img/edgebg4.jpg) no-repeat center 0;}
.edge_p1,.edge_p1 img{width: 541px;}
.edge_w{padding:65px 47px 0 56px;width: 496px;height: 355px;background: #f9f9f9;}
.edge_w span{height:162px; display:block;background:url(../img/line1.gif) no-repeat 0 bottom;margin-bottom: 14px;font-size: 28px;color: #009148;line-height: 48px;font-weight: normal;white-space: nowrap;}
.edge_w span b{display: block;background:url(../img/edge_ico1.gif) no-repeat 0 0;padding: 62px 0 0 22px;}
.edge_w span em{display: block;font-family: Arial;font-size: 14px;text-transform: uppercase;color: #cbcbcb;line-height: 30px;font-style: normal;letter-spacing: -0.5px;}

.edge_w2 span b{background:url(../img/edge_ico2.gif) no-repeat 0 0;}
.edge_w2 span em{font-size: 12px;}
.edge_w3 span b{background:url(../img/edge_ico3.gif) no-repeat 0 0;}
.edge_w4 span b{background:url(../img/edge_ico4.gif) no-repeat 0 0;}


/**/
.video{width: 120px;height: 120px;margin:0 auto;padding: 10px 0 0; position:relative;z-index:100;}
.video_btn{width: 120px;height: 120px;cursor: pointer;font-size: 14px;color: #333; background:url(../img/video_ico.png) no-repeat;text-align: center;}
.video_btn em{display: block;padding: 75px 0 0;}
#open_window {display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); } 
.video_m {background:#eee; width: 600px;height: 450px; z-index: 1; margin: 10% auto; overflow: auto; } 
.xx {font-size: 22px;color: #000; cursor: pointer; position: absolute; top: 0; right: 0;width: 30px;text-align: center; height: 30px; line-height: 30px; background: #fff; z-index: 10;} 
.video_con {width: 600px; height: 450px; overflow: hidden;}
.video_con img{width: 600px; height: 450px;}


.t_h2{position: relative; margin:50px auto; height:80px; width: 1200px; overflow: hidden; overflow:hidden;background:url(../img/tline1.png) no-repeat center top;}
.t_h2 a{ color:#009148;}
.t_h2 em{ float: left; width: 536px; text-align: right; font: bold 32px/70px "Microsoft Yahei"; color: #009148; }
.t_h2 span{padding-left: 20px; padding-top: 26px; display:block;  overflow:hidden;font:20px/26px "Microsoft Yahei"; color: #333;}
.t_h2 span i{ display:block; color:#999;font:14px/22px "Microsoft Yahei";; text-transform: uppercase;}
.t_h2 a:hover{ text-decoration:none;}
/*case*/
.case_bg{background: #f5f5f5; height:637px; overflow:hidden;} 
.case_bg .t_h2{margin: 62px auto 52px;}
.case{ height: 335px; padding: 15px; width: 1170px; background: #fff;  overflow: hidden;}
.case dl{ width: 950px; float: left; border-right: 1px dashed #999; height: 331px;}
.case dt { float:left;width:546px; height:331px;overflow:hidden;}
.case dt img{width:546px; height:331px;}
.case dd{ float:right; width:330px; padding-right: 30px; display: inline; overflow:hidden; }
.case dd p{font:14px/32px "Microsoft Yahei"; color:#666;}
.case dd h3{margin:22px auto; font:20px/35px "Microsoft Yahei";}
.case dd h3 a{ color:#000;}
.case dd em{margin-top: 20px; display: block; height: 40px; overflow: hidden;}
.case dd em a{color: #333; float: left; margin-right: 25px; font:14px/36px "Microsoft Yahei"; width: 77px; padding-left: 33px; height: 36px; overflow: hidden; background:url(../img/cs_b1.gif) no-repeat left top;}
.case dd em .cs_btn2{color: #fff; background:url(../img/cs_b2.gif) no-repeat left top; }
.case dt a:hover img{
	transition:All 1s ease-in-out;
	    -webkit-transition:All 1s ease-in-out;
	    -moz-transition:All 1s ease-in-out;
	    -o-transition:All 1s ease-in-out;

		transform:scale(1.1);
	    -webkit-transform:scale(1.1);
	    -moz-transform:scale(1.1);
	    -o-transform:scale(1.1);
	    -ms-transform:scale(1.1);
}



.case ul{ float: right; margin-right: 20px; display: inline; width: 170px;}
.case li{ height: 103px; overflow: hidden; margin-bottom: 11px;}
.case li img{width: 170px; height: 103px; }
.case li a:hover img{
	transition:All 1s ease-in-out;
	    -webkit-transition:All 1s ease-in-out;
	    -moz-transition:All 1s ease-in-out;
	    -o-transition:All 1s ease-in-out;

		transform:scale(1.1);
	    -webkit-transform:scale(1.1);
	    -moz-transform:scale(1.1);
	    -o-transform:scale(1.1);
	    -ms-transform:scale(1.1);
}


/*part*/
.part_bg{ background:#e6e6e6; height:412px; overflow:hidden;} 
.part .t_h2{margin:62px auto 50px;}

.roll1,.roll2{margin-top:41px; display:inline; width:16px; height:28px; overflow:hidden;}
.roll1 img,.roll2 img{width:16px; height:28px;}

.part_c{margin-left: 62px;display:inline;width: 1075px;overflow:hidden;}
.part_c ul li{ float:left; line-height: 0px; margin-right:35px; width: 180px; overflow:hidden;}
.part_c ul li i{ display: block;width:180px; height:110px; overflow: hidden;}
.part_c ul li img{width:180px; height:110px;}
.part_c ul li em{display:block; text-align:center; font:14px/45px "Microsoft Yahei"; text-transform: uppercase; color:#666; }
.part_c ul .nones{ margin-right:0px;}
.part_c ul li a:hover img{
	transition:All 1s ease-in-out;
	    -webkit-transition:All 1s ease-in-out;
	    -moz-transition:All 1s ease-in-out;
	    -o-transition:All 1s ease-in-out;

		transform:scale(1.1);
	    -webkit-transform:scale(1.1);
	    -moz-transform:scale(1.1);
	    -o-transform:scale(1.1);
	    -ms-transform:scale(1.1);
}

/*广告条*/
.ban01{ background:url(../img/ban01.gif) no-repeat;height: 150px;}
.ban01_l{font-size: 16px;color: #1a1037;width: 340px;text-align: center;padding: 30px 0 0 180px;line-height: 32px;}
.ban01_l b{display: block;font-size: 26px;}
.ban01_r{width: 535px;}
.ban01_r span{display: block;float: left;font-size: 28px;color: #333; font-family:Helvetica, sans-serif; background:url(../img/tel.gif) no-repeat 0 67px;padding: 0 0 0 25px;height: 150px;line-height: 150px;overflow: hidden; font-style: italic;width: 250px;}
.ban01_r a{display: block;font-size: 14px;color: #fff; background:url(../img/ban_btn.gif) no-repeat;width: 110px;height: 41px;line-height: 41px;overflow: hidden;margin-top: 53px;padding: 0 0 0 23px;}
.ban01_r a:hover{animation:shake 1.5s linear;-webkit-animation:shake 1.5s linear;}


/*新闻百科*/
.news_main{padding: 65px 0 0;}
.news{width: 875px;padding: 40px 0 0;}
.news_t{font-weight: normal;text-transform: uppercase;height: 50px;line-height: 44px;overflow: hidden; position: absolute;top: 40px;left: 40px;}
.news_t a{font-size: 24px;color: #333;}
.news_t a:hover,.news dl dd h5 a:hover,.news ul li a:hover,.wd ul li a:hover{color: #009148;}
.news_t i{font-size: 12px;color: #aaa;padding: 0 0 0 10px;}
.news dl{width: 362px;float: left;padding: 72px 0 0 40px;}
.news dl dt{width: 360px;height: 180px;border: #c7c7c7 1px solid;line-height: 0;overflow: hidden;}
.news dl dt img{width: 360px;height: 180px;}
.news dl dd{width: 360px;padding: 15px 0 0;}
.news dl dd h5{height: 30px;line-height: 30px;overflow: hidden;}
.news dl dd h5 a{font-size: 16px;color: #333;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;width: 360px;}
.news .news_desc{font-size: 14px; color: #666; line-height: 22px; height: 66px; overflow: hidden;padding: 5px 0 0;}

.news ul{display: block;float: left;width: 870px;/* padding: 0 0 0 40px; */}
.news ul li{width: 415px;border-bottom:#d6d6d6 1px dashed;height: 30px;float:left;margin-right: 20px;}
.news ul li span{font-size: 14px;color: #333; font-family:Arial, Helvetica, sans-serif; float:right;}
.news ul li a{font-size: 14px;color: #333;height: 24px;line-height: 24px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;width: 377px;}
/*.news ul li:first-child{height: 65px;padding: 75px 0 0;border-top: none;}
.news ul li:first-child span{padding: 0;}*/

/*常见问答*/
.wd{width: 300px;padding: 40px 0 0 20px;}
.wd .news_t{left: 50px;}
.wd ul{display: block;width: 300px;padding: 50px 0 0;}
.wd ul li{width: 300px;height: 30px;line-height: 30px; background:url(../img/news_ico02.gif) no-repeat 0 12px;}
.wd ul li a{font-size: 14px;color: #333;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;width: 285px;padding: 0 0 0 15px;}
.wd span{display: block;height: 25px;line-height: 20px;overflow: hidden; background:url(../img/news_ico03.gif) no-repeat;}
.wd span a{font-size: 14px;color: #666;padding-left: 30px;}
.wd span a:hover{font-weight: bold;color: #000;}

/*关于箱博士*/
/**/
.aboutbj{ height:620px; overflow: hidden;}
.about{ height:566px; padding-top:54px;}
.about h3{ text-align: center; font-weight: bold;color: #333; font-size: 30px; margin-bottom:34px;}
.about h3 span{display: block;background: url("../img/hg7.png") no-repeat center;line-height: 30px;font-size: 30px; }
.about h3 span em{ color:#009148;}
.about h3 i{display: block; font-size: 14px; color: #333; font-weight: normal;}
.about .bf{width:600px;height:420px;position: relative;float:left;}
.about .bf em{display: block;width:600px; height:420px; }
.about .bf em img{width:600px; height:420px;}
.about .bf a{display: block; width:104px; height:104px; background: url("../img/bf2.png") no-repeat center; position: absolute;left:42%; top:38%;}
.about dl{ width:530px;height:245px;float:right; background:#FFF; padding:15px 24px 60px 10px;}
.about dl dt{margin-bottom:14px;}
.about dl dt a{ font-size: 22px; color:#666666;}
.about dl dd p{display: block; font-size: 14px; color:#666666; height:153px;}
.about dl dd span{ display:block; height:50px; margin-top:30px;}
.about dl dd span a{display: block;float:left; padding:14px 32px; background:#efefef; margin-right:10px;border-radius: 30px;font-size: 14px;}
.about dl dd span a:hover{ color:#FFF; background:#009148;}


/**/
@-webkit-keyframes shake{
  from,to{-webkit-transform:translate3d(0, 0, 0);}
  20%,60%{-webkit-transform:translate3d(-10px, 0, 0);}
  40%,80%{-webkit-transform:translate3d(10px, 0, 0);}
}

@keyframes shake {
  from,to{transform:translate3d(0, 0, 0);}
  20%,60%{transform:translate3d(-10px, 0, 0);}
  40%,80%{transform:translate3d(10px, 0, 0);}
}