@charset "utf-8";

/* CSS Document */

* { margin:0; padding:0 }

body {background: #fff; width:100%;}

.w960 {width:100%;max-width: 960px;margin: 0 auto}

/* banner */

.bannerframe { background:url(http://static.shibangchina.com/images/about/ban_02.jpg) center;}

.bannerframe a { color:#fff;}

.bannerframe a:hover { color:#fff;}

.jjfaBanner { height:183px; }

.jjfaBanner .jjfaBanner-B{padding-top:29px;}
.jjfaBanner .jjfaBanner-B li { list-style:none; height:27px; float:left; margin-bottom:5px;}
.jjfaBanner .jjfaBanner-B a{ display:block;  float:left; text-decoration:none; height:25px;  margin-right:50px; text-align:center;}

.jjfaBanner .jjfaBanner-B .now {border-bottom:#F96 solid 1px;}

.fuwu { width:470px; height:80px; padding-top:20px;}

.fuwu .title {font-size: 30px; color:#fff;font-weight: bold}

.fuwu .position {color:#fff; padding-top:5px;}

/*header*/

#header-wrapper {height:auto; margin:0 auto; width:100%; background:#fff;}	

#primary-menu {width:960px; height:50px; margin:0 auto; padding-top:50px; background:url(http://static.shibangchina.com/images/about/blodline.jpg) no-repeat center bottom;}

#primary-menu ul {width:960px;}

#primary-menu ul li {position: relative; width:80px; float:left; margin-right:50px; text-align:center; cursor:pointer; }

.fixed { position: fixed; top: 0px; z-index:999; height: 105px;}

.fixed #header-wrapper {height:auto; margin:0 auto; width:100%;}	

.fixed #primary-menu {width:960px; height:50px; margin:0 auto; padding-top:50px;}

.fixed #primary-menu ul { width:960px;}

.fixed #primary-menu ul li {position: relative; width:80px; float:left; margin-right:50px; text-align:center; cursor:pointer; }





/*------content----------*/

.content {}

.content h1, .content h2, .content h3, .content h4, .content h5 { font-weight:bold; }

.content .clear { clear:both; height:0px; overflow:hidden; }

.content a { text-decoration:none; }

.content a:hover{ color:#ff9000;}

.content a img { border:none; }



.service{	float:left;	display:inline;	margin-left:0px;}

.siderbar ul { list-style:none;}

.siderbar ul li{display:block; width:224px; height:25px; line-height:25px;  margin:10px 0;  background:url(http://static.shibangchina.com/images/service/li-1.jpg) right no-repeat;}

.siderbar ul li a{ color:#595959; padding-left:93px;}

.siderbar ul li a:hover{ color:#0655c9; }

li#current-li{ background:url(http://static.shibangchina.com/images/service/current-li.jpg) ;}

#current-li a{ color:#FFF;}





.content .info {margin-bottom: 30px;}

.content .info h1 { margin:15px 0; font-size:22px; font-weight:normal; }

.content .info h2 { margin-bottom:15px; color:#0655c9; }

.content .info h3 { margin:20px 0; font-size:15px; color:#333; }

.content .info h4 { margin:17px 0 10px; font-size:15px; color:#3b393a; }

.content .info p { line-height:24px; color:#454545; letter-spacing:1px; }

.content .info img { margin-bottom:10px; }

.content .info .indent { }

.content .info .dashedBot { padding-bottom:24px; border-bottom:1px dashed #c2c2c2; }

.content .info .dashedBot1 { padding-bottom:10px; border-bottom:1px dashed #c2c2c2; }

.content .info .dashedBot2 { padding-bottom:30px; border-bottom:1px solid #ebebeb; }

.content .info .center { padding-bottom:14px; text-align:center; font:bold 18px "微软雅黑"; color:#000; }

.content .info .arrow { padding-top:10px;  padding-bottom:15px; border-bottom:1px solid #CCC;}

.content .info .cRed { border-bottom:1px solid #ccc; margin-top:40px; padding-bottom:40px;}

.content .info .cRed1 {margin-top:40px; padding-bottom:20px;}

.content .info .imgshow { height:125px; }

.content .info .imgshow ul { list-style-type:none; }

.content .info .imgshow ul li { float:left; margin-right:16px; }

.content .info .imgshow ul li img { padding:5px; border:1px solid #cbcbcb; }

.content .info .imgshow ul li.last { margin:0; }



/*-----office---------------*/

.content .info .office { margin-bottom:10px; padding-right:20px; height:146px; border-top:1px solid #ebebeb; }

.content .info .office img { float:left; margin:33px 0 0 7px; }

.content .info .office .officeinfo { margin-left:154px; margin-top:30px; padding-left:23px; height:101px; }

.content .info .office .officeinfo p{ padding-top:2px;line-height:200%; color:#454545; }

.content .info .office .officeinfo h3 { margin:0; padding:11px 0 5px 0px; 

	/**background:url(../images/about/Rarrow2.gif) no-repeat left 16px; **/font-size:15px; color:#333;}

.content .info .otheroffice { margin-bottom:20px; margin-top:-7px; padding:10px 0 5px; border-top:1px solid #dadada; border-bottom:1px solid #dadada; }

.content .info .otheroffice ul { display:block; float:left; width:190px; list-style-type:none; }

.content .info .otheroffice ul li { margin-bottom:10px; line-height:14px; }

.content .info .otheroffice ul li a { display:block; height:14px; color:#4d4d4d; padding-left:19px; background:url(http://static.shibangchina.com/images/about/Rplus.gif) no-repeat 0 center; }

.content .info .otheroffice ul li a:hover{ color:#ff9000;}

/*--------honner------------*/

.content .info .honner { padding:0 0 20px 0; border-top:1px solid #ebebeb;}

.content .info .honner img{ margin:0;}

.content .info .honner ul { display:block; width:580px; min-height:60px; padding:26px 0 18px 50px; list-style-type:none; }

.content .info .honner ul li { display:block; margin-bottom:10px; }

/*-----sidebox-----------------------*/

/*----develop---------------*/

.content .info .develop { }

.content .info .develop span { display:block; padding-top:10px ; padding-bottom:5px; }

.content .info .develop ul { display:block; height:45px; list-style-type:none; }

.content .info .develop ul li { float:left; width:76px; height:45px; line-height:48px; padding-left:23px;  background:url(http://static.shibangchina.com/images/about/bg2.jpg) no-repeat left bottom; color:#fff;}

.content .info .develop ul li a { color:#fff; }

.content .info .develop ul li a:hover{color:#fff;}

.content .info .develop .event { margin-top:20px; border-bottom:1px solid #CCC; padding-bottom:50px;}

.content .info .develop .event .yearimg { float:left; margin-top:50px; width:292px; height:250px; }

.content .info .develop .event .img { width:292px; height:192px; }

.content .info .develop .event .year {  width:292px; height:30px; text-align:center;  padding-top:20px; }

.content .info .develop .event ol { margin-left:20px;  padding:50px 0 10px 30px; list-style-type:none; float:left; width:600px; }

.content .info .develop .event ol li { margin-bottom:10px; }

.content .info .develop .event ol li a{ color:#000000;}

.content .info .develop .event ol li a:hover{ color:#ff9000; }

.content .info .develop .event p { float:left; margin-top:-120px; margin-left:35px; font:  20px  "Lucida Console", Monaco, monospace, "Arial Unicode MS"; }



.event1{height:251px}

/*-----------environment------------------*/

.content .info .liability { margin:10px 0 12px 30px;  color:#333; font-weight:bold; }

.environment { padding-bottom:50px; background:url(http://static.shibangchina.com/images/about/linemohu.jpg) no-repeat bottom; }

.environment .left { width:460px; padding-top:10px;  }

.environment .right { width:460px; padding:10px 0 0 50px; }

.environment p a { color:#474747;}

.environment .marginBot { margin-left:30px;}

.environment .right h3 { margin:0; font:16px "微软雅黑";padding-bottom:10px;  }

.environment .right h3 a { display:block;color:#504e4f; padding-left:15px;   background:url(http://static.shibangchina.com/images/about/arrow.jpg) no-repeat left bottom; }

.environment .right p strong { display:block; margin-top:20px; color:#474747; }

.environment .right div { margin-top:28px;}

.environment .right div a { display:block; margin-top:15px; height:25px; padding-left:27px; color:#474747; background:url(http://static.shibangchina.com/images/about/talk.jpg) no-repeat left bottom; }

.djgz {width:960px;height:250px;padding-top:30px;clear:both;float:left;padding-bottom:50px;}

.djgz-1 { width:960px; height:45px; border-bottom:1px solid #ebebeb;}

.djgz-2 { width:960px; padding-top:30px ;height:200px;  }

.djgz-1 .selected{ font-weight:bold;}

.djgz .djgz-2 h3 { display:block; color:#333; padding:0px; margin-bottom:5px; line-height:30px;  }

.djgz .djgz-2 p {  text-indent:2em;}

.djgz-1 a { text-decoration:none; display:block; height:40px; float:left; margin-right:20px; line-height:30px;  text-align:center; color:#454545; }

.djgz-1 a:hover {  color:#454545; }





.content .info .follow { height:21px; padding:5px 0; border-color:#dadada; border-width:1px 0; border-style:solid; }

.content .info .follow span { float:left; line-height:21px; }

.content .info .follow ul { display:block; float:right; height:21px; list-style-type:none; }

.content .info .follow ul li { display:block; float:left; margin-right:20px; height:21px; }

.content .info .interest { clear:both; height:87px; border-bottom:1px dashed #bcbcbc; }

.content .info .interest h4 { margin-bottom:20px; font-size:15px; color:#4f4f4f; }

.content .info .interest ul { list-style-type:none; }

.content .info .interest ul li { float:left; font-size:13px; }

.content .info .interest ul li a { padding:0 20px; color:#4a4a4a; }

.content .info .interest ul li a:hover{ color:#ff9000;}

.content .info .interest ul li.first a { padding-left:0; }

.content .info .noborder { border:none; }

.content .info .more { float:right; padding-top:4px; font-size:13px; font-weight:normal; }

.content .info .more a { color:#4b4b4b; }

.content .info .more a:hover{ color:#ff9000;}

.content .info .square {font: bold 19px "微软雅黑"; line-height:100px; color:#6e6e6e; border-bottom:1px solid #ccc;height:100px; }

.content .info .square1 {font:bold 19px "微软雅黑"; line-height:40px; color:#6e6e6e; border-bottom:1px solid #ccc;height:60px; margin-top:80px; }

.content .info .hezuo { height:205px; margin-top:70px;}

.content .info .hezuoimg { width:291px; height:203px; float:left; background:url(http://static.shibangchina.com/images/about/1_06.jpg) no-repeat bottom center;}

.content .info .hezuotext { float: right;height: auto;width: 700px;}

.content .info .marginBot2 { text-indent:2em;}

.content .info .marginBot1 { margin-bottom:20px;}

.content .info .circle { font: bold 16px "微软雅黑"; color:#454545; line-height:16px;  }

.content .info .border { border:1px solid #e7e7e7; }





.content .info .socitey { width:960px; height:400px; margin-top:50px;}

.content .info .socitey .left { width:459px; height:380px; float:left;}

.content .info .socitey .right { width:459px; height:380px; float:right;}

.content .info .socitey .marginBot { margin-left:30px;}

.content .info .socitey p a { color:#474747;}

.content .info .socitey p a:hover { color:#ff9000;}



.wangzhan{ width:480px; float:left; margin-top:30px;}

.wangzhan img{ padding:3px;}

.wangzhan1{ float:left; width:280px; margin-left:30px;}

.quanqiu{ padding-bottom:35px; }

.quanqiu p { padding:5px 0 16px 0;}

.quanqiu a { color:#0655c9;}

.quanqiu a:hover {color:#ff9000;}

.qitayuyan .h4 { border-bottom:1px solid #EBEBEB;  font:18px "微软雅黑"; color:#454545; height:100px; line-height:100px; }



.guojia{ margin-top:30px;}

.guojia ul { list-style:disc; float:left; width:250px; height:150px;}

.guojia .ml { margin-left:105px;}

.guojia ul li {margin-left:30px;}

.guojia ul li a { font-weight:bold; color:#006997; }


#video {-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out}
#video:hover { -webkit-transform:rotate(360deg)  scale(1.0);-moz-transform:rotate(360deg) scale(1.0) }
#sina {-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out}
#sina:hover { -webkit-transform:rotate(360deg)  scale(1.0);-moz-transform:rotate(360deg) scale(1.0) }
#qqweibo {-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out}
#qqweibo:hover { -webkit-transform:rotate(360deg)  scale(1.0);-moz-transform:rotate(360deg) scale(1.0) }
#qqq {-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out}
#qqq:hover { -webkit-transform:rotate(360deg)  scale(1.0);-moz-transform:rotate(360deg) scale(1.0) }
@media screen and (max-width:1000px){
	.jjfaBanner { width:90%; }
	.jjfaBanner .jjfaBanner-B { width:100%; padding-top:0;}
	.jjfaBanner .jjfaBanner-B li { width:25%;}
	.jjfaBanner .jjfaBanner-B a { margin-right:0;}
	.fuwu { width:100%;}
	.content { width:90%;}
	.content .info { width:100%;}
	.menu { width:100% !important;}
	.m1 { margin-left:30% !important;}
    .vedio_none { display:none !important;}
	.content .info .socitey { width:100%; height:auto;}
	.content .info .socitey .left { width:48%; height:auto;}
	.content .info .socitey .right { width:48%; height:auto;}
	.s_img { width:100%;}
	#img1_1 { width:100%;}
	#img2_1 { width:100%;}
	.content .info .liability { margin-left:0;}
	.content .info .socitey .marginBot { margin-left:0;}
	#img1 { margin-right:0 !important;}
	#img2 { margin-right:0 !important;}
	#primary-menu { width:90% !important; padding-bottom:20px !important; height:auto !important; padding-top:20px !important;}
	#primary-menu ul { width:100% !important;}
	#primary-menu ul li { width:25% !important; margin-right:0 !important;}
	.content .info .develop .event .yearimg { width:30%;}
	.content .info .develop .event .img { width:100%; height:auto;}
	.content .info .develop .event .year { width:100%; font-weight:bold;}
	.content .info .develop .event ol { width:62%;}
	.content .info .develop .event .img img { width:100%;}
	.content .info h4 { margin-top:0;}
	.content .info .hezuotext { width:50%;}
	.content .info .circle { margin-top:0; line-height:150%;}
	.content .info .hezuo { margin-left:0; height:auto;}
	.content .info .hezuoimg { height:auto; width:40%;}
	.content .info .hezuoimg img { width:100%;}
	.content .info .honner ul { width:80%;}
	.content .info .honner ul li { height:auto;}
	.environment .left { width:47%; float:left;}
	.environment .right { width:47%; float:right; padding-left:0; }
	.environment .left img { width:100%;}
	.environment .right img { width:100%;}
	.environment .marginBot { margin-left:0;}
	.djgz { width:100%; height:auto;}
	.djgz-1 { width:100%;}
	.djgz-2 { width:100%;}
	.content .info .office { height:auto; padding-right:0; padding-bottom:20px;}
	.content .info .office .officeinfo { height:auto;}
	.content .info .office .officeinfo h3 { padding-top:0;}
	.qitayuyan .h4 { height:auto; padding:20px 0; line-height:150%;}
	.guojia .ml { margin-left:0;}
	}
@media screen and (max-width:740px){
	.content .info .square { height:auto; line-height:200%; padding-bottom:20px; }
	.m1 { margin-left:20% !important;}
	.content .info .socitey .left { width:100%; height:auto;}
	.content .info .socitey .right { width:100%; height:auto;}
	.content .info .develop .event ol { width:52%;}
	}
@media screen and (max-width:600px){
	.content .info .hezuotext { margin-left:20px;}
	.content .info .honner ul { padding-left:10px;}
	}	
@media screen and (max-width:500px){
	.m1 { margin-left:5% !important;}
	.item { margin-left:20px !important;}
	.environment { background:none; padding-bottom:20px;}
	.environment .left { width:100%; border-bottom:1px solid #ebebeb; padding-bottom:30px; }
	.environment .right { width:100%; float:left; margin-top:20px; border-bottom:1px solid #ebebeb; padding-bottom:30px;}
	}
@media screen and (max-width:460px){
	.m1 { margin-left:0% !important;}
	#img1 { display:none !important;}
	#img2 { display:none !important;}
	.content .info .develop .event .yearimg { width:100%; margin-top:20px;}
	.content .info .develop .event ol { width:100%; margin-left:0; padding-left:0;}	
	.content .info .develop .event { margin-top:0; padding-bottom:20px;}
	.guojia ul { height:auto;}
	}	
@media screen and (max-width:350px){
	.item { margin-left:10px !important;}
	.content .info .hezuotext { width:100%; margin-left:0;}
	.content .info .hezuoimg { width:100%}
	}