@charset "utf-8";
/* CSS Document */
* { margin:0; padding:0 }
body { font-family:"宋体"; font-size:13px; width:100%;}
/* banner */
.bannerframe { background:url(../images/ban_02.jpg) center; }
.bannerframe a { color:#fff; }
.bannerframe a:hover { color:#fff; }
.jjfaBanner { height:183px; width:960px; margin:0 auto; }
.jjfaBanner .jjfaBanner-B { width:960px; margin:0 auto; 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; }
.fuwu { width:470px; height:80px; padding-top:20px; }
/*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(../images/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 { margin:0 auto; width:960px; }
.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; font-size:12px; line-height:25px; margin:10px 0; background:url(../images/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(../images/current-li.jpg); }
#current-li a { color:#FFF; }
.content .info { width:960px; }
.content .info h1 { margin:15px 0; font-size:22px; font-family:"黑体"; font-weight:normal; }
.content .info h2 { margin-bottom:15px; font-size:14px; 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 { font-size:12px; 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; font:12.56px "宋体"; 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; font-size:12px; line-height:12px; }
.content .info .otheroffice ul li a { display:block; height:12px; color:#4d4d4d; padding-left:19px; background:url(../images/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; font:14px "微软雅黑"; line-height:48px; padding-left:23px; background:url(../images/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; font-size:14px; color:#333; font-weight:bold; }
.environment { padding-bottom:50px; background:url(../images/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(../images/arrow.jpg) no-repeat left bottom; }
.environment .right p strong { display:block; margin-top:20px; color:#474747; font-size:14px; }
.environment .right div { margin-top:28px; }
.environment .right div a { display:block; margin-top:15px; height:25px; padding-left:27px; color:#474747; background:url(../images/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; font-size:14px; 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; margin-left:50px; }
.content .info .hezuoimg { width:291px; height:203px; float:left; background:url(../images/1_06.jpg) no-repeat bottom center; }
.content .info .hezuotext { float:left; margin-left:50px; height:auto; width:550px; }
.content .info .marginBot2 { text-indent:2em; }
.content .info .marginBot1 { margin-bottom:20px; }
.content .info .circle { font: bold 16px "微软雅黑"; color:#454545; line-height:14px; }
.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; font-size:14px; }
.menu { margin-top:10px; border-top:1px solid #ebebeb; height:10px; width:960px; }
.di { width:960px; border-top-width: 1px; border-top-style: solid; border-top-color:#CCC; margin-top:10px;}
.m1 { margin-left:300px; margin-top:30px; height:52px; }
.m1 a { }
.item { position:relative; float:left; width:52px; margin-left:30px; height:52px; cursor:pointer; overflow:hidden; }
.links { left:3px; top:2px; position:absolute; width:48px; height:48px; }
.icon_video { background:transparent url(../images/video.png) no-repeat top left; }
.icon_sina { background:transparent url(../images/sina.png) no-repeat top left; }
.icon_qqweibo { background:transparent url(../images/qqweibo.png) no-repeat top left; }
.icon_qq { background:transparent url(../images/qq.png) no-repeat top left; }
.icon_weixin { background:transparent url(../images/weixin.png) no-repeat top left; }
.item_content { position:absolute; height:52px; width:220px; overflow:hidden; left:56px; top:7px; background:transparent; display:none; }
.item_content h2 { color:#09F; text-shadow: 1px 1px 1px #fff; background-color:transparent; font-size:14px; line-height:35px; margin-left:10px; }
.item_content a { background-color:transparent; float:left; margin-right:7px; margin-top:3px; color:#bbb; text-shadow: 1px 1px 1px #fff; text-decoration:none; font-size:12px; }
.item_content a:hover { color:#0b965b; }
.item_content p { background-color:transparent; display:none; }
#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) }


/*图片放大*/
#demo { width: 878px; margin: auto; position: relative; overflow:hidden; margin-bottom:15px; }
.flipLightBox { text-align:center; margin:0 auto; display:inline-block; }
.flipLightBox span { background: #fff; color: #fff; }
.flipLightBox, .flipLightBox-1, .flipLightBox-2, .flipLightBox-3, .flipLightBox-4, .flipLightBox-5, .flipLightBox-6, .flipLightBox-7, .flipLightBox-8, .flipLightBox-9, .flipLightBox-10, .flipLightBox-11, .flipLightBox-12, .flipLightBox-13, .flipLightBox-14, .flipLightBox-15, .flipLightBox-16, .flipLightBox-17, .flipLightBox-18, .flipLightBox-19, .flipLightBox-20, .flipLightBox-21, .flipLightBox-22, .flipLightBox-23, .flipLightBox-24, .flipLightBox-25, .flipLightBox-26, .flipLightBox-27, .flipLightBox-28, .flipLightBox-29, .flipLightBox-30, .flipLightBox-31, .flipLightBox-32, .flipLightBox-33, .flipLightBox-34, .flipLightBox-35, .flipLightBox-36, .flipLightBox-37, .flipLightBox-38, .flipLightBox-39, .flipLightBox-40, .flipLightBox-41, .flipLightBox-42, .flipLightBox-43, .flipLightBox-44, .flipLightBox-45, .flipLightBox-46, .flipLightBox-47, .flipLightBox-48, .flipLightBox-49, .flipLightBox-50, .flipLightBox-51, .flipLightBox-52, .flipLightBox-53 { float: left; width: 150px; height: 120px; margin: 8px; border:1px solid #ddd; padding:3px; }
.flipLightBox span { background: #fff; color: #fff; }
.option-column { width: 150px; padding: 40px; padding-top: 20px; height: 315px; }

/*图片放大*/




@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%
}
}
#zoom0, #zoom, #zoom1 { width:1000px; height:200px; margin:5px auto; padding:10px; }
#pic1, #pic2, #pic3 { float:left; width:200px; height:180px; margin:15px; }
#zoom0 img { background:#FFF; width:180px; height:160px; margin:10px; padding:5px; }
#zoom0 img.hover { width:200px; height:180px; margin:0px; cursor:pointer; }
#zoom1 img { background:#FFF; width:180px; height:160px; margin:10px; padding:10px; }
#zoom1 img:hover { cursor:pointer; -webkit-transform:scale(1.1); }