.transition2{transition:all 0.3s ease-out; -moz-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;} body{width:100%; min-width:1200px;} #header{ height:140px; width: 100%;z-index: 500; background:url(/images/head-bg.png) no-repeat center;} #header .header-con{width:1200px; margin:0 auto; height:105px;} #header .header-con h1{margin-top:13px; float:left; width: 385px; height: 85px; } #header .header-con h1 img{max-height:100%; max-width:100%; } #header .header-con .head-info{margin-top:40px; float:right;} #header .header-con .head-info > ul{float:right; height: 48px;} #header .header-con .head-info > ul > li{float:left;position:relative; padding:10px 20px;border-top: 3px solid #fff; } #header .header-con .head-info > ul > .li1{ border-top: 3px solid #373c7f;} #header .header-con .head-info > ul > li:hover{ border-top: 3px solid #373c7f;} #header .header-con .head-info > ul > li a.mian-nav{ height:48px; display:block; font-size:14px; color:#333; font-family:微软雅黑; } #header .header-con .head-info > ul > li span.sign{width:10px; height:6px; background:url(/images/san.png) no-repeat; display:block; position:absolute;left: 59px; top: 30px; display:none;} #header .header-con .head-info > ul > li:hover span.sign{display:block;} #header .header-con .head-info > ul > li .sub-nav{ display:block; position:absolute; top:61px; display: none; background:rgba(20,21,108,0.8); z-index:4000; left: 0px; } #header .header-con .head-info > ul > li .sub-nav .sub-nav-a{text-indent:20px;} #header .header-con .head-info > ul > li .sub-nav strong a{ color: inherit;} #header .header-con .head-info > ul > li .sub-nav .sub-nav-a{line-height:50px; color:#fff; width:180px; border-bottom:1px solid #5b5e8b;} #header .header-con .head-info > ul > li .sub-nav .sub-nav-a:hover{background:#fff697; color:#525582;} #header .header-con .head-info ul li .sub-nav ul li{ border-bottom:1px solid #5b5e8b; width: 172px !important; display: inline-block; color:#fff; padding: 4px;} #header .header-con .head-info ul li .sub-nav ul li a{ padding:10px 10px;display:block; color:inherit;} #header .header-con .head-info ul li .sub-nav ul li:hover{background:#fff697; color:#525582;} #header .header-con .head-info ul li .pro-nav ul li{width: auto;} #header .header-con .head-info ul li .pro-nav ul li a{line-height:22px; display:inline; color:inherit;} #header .header-con .head-info > ul >li .pro-nav{width:540px; display:none; padding: 20px 20px; left:-71%; } #header .header-con .head-info >ul li .pro-nav strong{width:130px; display:block; float:left; font-size:16px; text-align: center; } #header .header-con .head-info >ul li .pro-nav strong a{color:inherit;} #header .header-contop {width:100%; background:#373c7f; height:35px;} #header .header-contop .search{width:1200px; margin:0 auto;} #header .header-contop .search .lang{margin-left:25px; background:none; width:220px; height:20px; float:left;} #header .header-contop .search .lang a{display:block; font-family:微软雅黑; height:35px; text-align:center; line-height:35px; float:left; font-size:14px; color:#fff;} #header .header-contop .search .wan-top{width:450px;background:url(/images/phonb.jpg) no-repeat 0px 4px ; height:35px;text-indent:32px; float:right;} #header .header-contop .search form{background:none; border:1px solid #7176b6;float:right;width:230px; height:24px; margin-top: 4px;} #header .header-contop .search .wan-top .zit{font-size:25px; font-family:微软雅黑; color:#fff; line-height:35px; } #header .header-contop .search .wan-top .zit a{ color:#fff; } #header .header-contop .search form input[type=text]{width:197px; outline:none; text-indent:10px; color: #fff; height:24px; float:left; border: 0px; background: none;} #header .header-contop .search form input[type=image]{float:right;} #header .header-con .search .lang a:active{background:#a8ca77;color:#fff;} #header .header-con .search .lang a.active{background:#a8ca77;color:#fff;} #header .header-con .search form input[type=text]{width:170px; height:30px; float:left; border: 0px ; color: #333; background: none;} #header .header-con .search form input[type=image]{float:left; margin-top:6px;} /*头部信息*/ .mian .head-infoa{height:58px; width:100%; margin-bottom: 20px; border-bottom:1px dashed #c9c9c9;} .mian .head-infoa .title{ font-size:20px; line-height:58px; color:#373c7f; margin:0 auto; font-weight:bold; } .mian .head-infoa .title p a{float:right; color:#373c7f; font-size:12px; height: 42px;font-weight:100;padding-top:13px; font-family:宋体;} .mian .head-infoa .title p.pro .righta{ float:right; } .mian .head-infoa .title p.pro .righta a{ float:none;} /*左边公用菜单*/ .info-list-comm{ width:240px; float:left;background:url(/images/pro-bg.png) no-repeat;} .info-list-comm ul.nav {padding-top:54px; margin-left:40px;} .info-list-comm ul.nav > li span.nav-mian-b{ text-indent:28px; line-height:48px; color:#fff; font-size:14px; display:block; height:48px; width:265px;background:url(/images/icon-biao.png) no-repeat;} .info-list-comm ul.nav > li span.nav-mian-b a{color: inherit;} .info-list-comm ul.nav > li span.nav-mian-b strong{font-weight:100; color:#fff; width:185px; float:left;} .info-list-comm ul.nav > li span.nav-mian-b strong a{color: inherit;} .info-list-comm ul.nav > li span.nav-mian-b em{ background:#178aab; display:block; float:right; height:15px; width:15px; margin:14px 20px 0px 0px; color:#ffea3b; line-height:13px; text-indent: 0px; font-style: normal;} .info-list-comm ul.nav > li ul.sub-nav{width:252px;margin-left:5px; border-left:1px solid #cfcfcf;border-right:1px solid #cfcfcf;} .info-list-comm ul.nav > li ul.sub-nav li{text-indent:22px; color:#5b5b5b; line-height:45px;} .info-list-comm ul.nav > li ul.sub-nav li a{color: inherit;} .info-list-comm ul.nav>li a.nav-mian-d{background:url(/images/bottom.png) no-repeat;} .info-list-comm ul.nav .nav-bottom{display:block; width: 254px; border-bottom:1px solid #cfcfcf; margin-left:5px;} #footer{ padding-top:5px; background:#ebebeb; padding-top:65px; border-top:1px solid #d6d9cc; } #footer .footer-con{width:1200px; margin:0 auto; padding-top:33px;padding-bottom: 20px;} #footer p.title{color:#2f2f2f; font-size:16px; font-weight:bold; margin-bottom:10px;} #footer p.navp a{color:#787878;} #footer p.navp{line-height:30px; font-size:12px; text-indent:12px; background:url(/images/fang.jpg) no-repeat 0px 15px; font-family:宋体;} #footer .footer-list{float:left;} #footer .nav-list{margin-right:10px; width: 248px;} #footer .us-info{width:470px; font-size:12px; color:#fff; line-height:24px; margin-right:100px;} #footer .address-info{ width:275px;} #footer .address-info p.adr-info{height:60px; padding-left:35px; } #footer .address-info p.a1{background:url(/images/phone.jpg) no-repeat 0px 5px; margin-bottom:7px;} #footer .address-info p.a1 .info{font-size:26px; font-weight:bold;} #footer .address-info p.a2{background:url(/images/emil.jpg) no-repeat;} #footer .address-info p.a3{background:url(/images/qq.jpg) no-repeat 0px -2px;} #footer .address-info p.a4{background:url(/images/adrr.jpg) no-repeat 0px -2px;} #footer .address-info p.adr-info a{ display:block;color:#373c7f; font-size:14px;} #footer .address-info p.adr-info span.tou{display:inline-block; font-size:12px; vertical-align: top; color:#848484; padding:5px 12px;} #footer .address-info .tis{font-size:12px; color:#6f6f6f; display:block; font-weight:100;} #footer .address-info p.adr-info span.info{display:inline-block; width:207px; } #footer .weix{width:209px; } #footer .weix p.navp{height:40px; font-size:12px;text-indent:40px;} #footer .weix p.b1{background:url(/images/weio.jpg) no-repeat 11px 5px;} #footer .weix p.b2{background:url(/images/tenx.jpg) no-repeat 11px 3px;} #footer .weix .weixb{width:121px; height:114px; display:block; text-align:center;} #footer .weix .weixb img{max-width:100%; max-height:100%; } #footer .dibu{background:#2b2b2b; height:74px; line-height:74px; } #footer .dibu .content-dib{width:1200px; margin:0 auto; color:#737373;font-size:12px;} #footer .dibu .content-dib a{margin-left:10px; /*vertical-align:middle; */color:#737373;} #online{ background: #fff; border-radius: 15px;} /*sitemap*/ .sitemap{ width:1200px; margin:0 auto; } .sitemap .site_list{ margin:0px 0px 20px 10px;} .sitemap .site_list .title{ color:#2f2f2f; font-size:16px; font-weight:bold; margin:5px 0px;} .sitemap .site_list .desc{ padding:0px 0px 0px 12px;} .sitemap .site_list .desc a{ margin-right:10px; margin-left:3px;} .sitemap .site_list .desc img{} .sitemap .site_list .desc li{ margin:3px 0px;} .sitemap .site_list .desc .ins{ width:140px; margin:3px 0px; float:left; } /*online_service*/ .online_service{ position:fixed; right:50px; top:195px; z-index: 1000; } .online_service .online_item{ display: block; width: 50px;height: 50px;border-radius: 100%;background: url(/images/icon_chat.png) no-repeat 0 0; position: relative; margin-bottom: 6px;} .online_service .online_item a{ display: block; width:100%; height: 100%; } .online_service .online_item.chat_qq{ background-color: #4cafe9;} .online_service .online_item.chat_email{ background-color: #f5b246; background-position: 0 -100px;} .online_service .online_item.chat_wechat{ background-color: #59c682; background-position: 0 -200px;} .online_service .online_item.chat_whatsapp{background-color: #55d5bb; background-position: 0 -250px;} .online_service .online_item .rel_img{display: none; position: absolute; top: -26px; left: -214px;padding-right: 5px; width: 200px;height: 200px;text-align: right; margin-bottom: 5px;} .online_service .online_item .rel_img img{max-width:100%; max-height:100%;} .online_service .online_item:hover .rel_img{ display:block; } @media(max-width:998px){ .online_service .online_item{ width:150px; height:150px; background-size:100%; } .online_service .online_item.chat_wechat{ background-color: #59c682; background-position: 0 -598px;} .online_service .online_item.chat_whatsapp{background-color: #55d5bb; background-position: 0 -752px;} }