﻿@charset "utf-8";

/*all*/

html,body,div,h1,h2,h3,h4,h5,h6,ul,ol,dl,li,dt,dd,p,em,span,sup,sub,b,i,cite,q,big,small,blockquote,pre,form,input,select,option,fieldset,legend,table,thead,tfoot,tbody,tr,th,td {margin:0;padding:0;}

input,label,select,option,textarea,button,fieldset,legend {font-size:14px;color:#666; border:none;}

h1,h2,h3,h4,h5,h6 { font-family:"\5FAE\8F6F\96C5\9ED1";font-size:14px; font-weight:bold;}

input,button,select,textarea { outline:none; }

textarea { resize:none;}

img { border:none; }

li { list-style:none; }

	.mlgb { float:left;  line-height:30px; width:30px; height:30px }
	.bf2{float:left; height:30px; line-height:30px; padding-top:3px}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px; }
.pagination > li {
    display: inline; }
.pagination > li > a,
.pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857;
    text-decoration: none;
    color: #337ab7;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px; }
.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px; }
.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px; }
.pagination > li > a:hover, .pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
    z-index: 2;
    color: #23527c;
    background-color: #eeeeee;
    border-color: #ddd; }
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
    cursor: default; }



/*@media only screen and (min-width: 1024px) {}*/

.middle-picimg p img{ display:none;}

@media only screen and (min-width: 601px) and (max-width: 1023px) {

	div.header .right { display:none;}

	div.nav .nav_right { display:none;}

        div.main .contentbox { margin-right:0;}

	div.main .sidebar { display:none;}

	div.menu dl.anquan { display:none;}

        div.footer .center { text-align:right; }

        div.footer .right { display:none;}

        dl.default-Detail-nav { width:99%;}

	dl.default-Detail-Company { width:99%;}

	dl.default-Detail-blog { width:99%;}

	div.matetit{ width:99%;}

	div.leftbar{ width:99%;}

	div.leftbar ul.pronews{ width:99%;}

	div.midbar{ width:99%;}

	div.rightbar{ width:99%;}

	dl.default-link{ display:none; }

	div.links { display:none; }

	div.matetit { display:none; }

	dl.default-link_foot { display:none; }

}





@media only screen and (max-width: 600px) {

	div.box { width:96%;}

	.tel dd img{max-width:100%;}

	div.header .center { display:none; }

	div.header .left { margin:0 3% 0 0; width:47%;}

	div.header .right { margin:0; width:50%;}

	

	div.nav .nav_center{ margin:0; border:none;}

	div.nav .nav_all  { display:none;}

	div.nav .nav_right { display:none;}

	

	div.main .content { margin:0; padding:0; border:none;}

	div.main .navbar { display:none; border:none; margin:0; padding:0x; }

	div.main .sidebar { display:none; border:none; margin:0; padding:0x; }

	div.main .contentbox { margin:0; padding:10px;}

	

	div.footer .center { margin:0; padding:0;}

	div.footer .left { display:none;}

	div.footer .right { display:none;}

	

	

	div.menu dl.anquan { display:none; }

	dl.default-news { width:99%;}

	dl.default-Detail-nav { width:99%;}

	dl.default-Detail-Company { width:99%;}

	dl.default-Detail-blog { width:99%;}

	div.matetit{ width:99%;}

	div.leftbar{ width:96%;}

	div.leftbar ul.pronews{ width:99%;}

	div.midbar{ width:96%;}

	div.rightbar{ width:96%;}
	
	
	


	 dl.default-link{ display:none; }

	div.links { display:none; }

	div.matetit { display:none; }

	dl.default-link_foot { display:none; }

	

	div.menu dl dt { letter-spacing:0.25em; text-align:center; padding-left:15px; padding-right:15px;}

	#suoxiao img { clear:both; float:left;}

	div.content-page img{ width:100%;}

}

	

	







table {margin:1em auto 0 0; border-collapse:collapse; cellspacing:0; cellpadding:0; color:#666; text-align:center; font-size:14px; width:100%; clear:both; }

table a { text-decoration:underline;}

table img { display:block; margin:auto;}

table a:hover { color:#c00;}

table tr:first-child { background:#ecf5ff; font-weight:bold; color:#06c;}

table th,table td {padding:10px; text-align:center; border:1px solid #d2e9ff; }



.table_on {}

.table_over { background:#ecf5ff; }



.table_1 td { text-align:left;}

.table_1 tr:first-child { background:none;}



html,body{_background-image:url(about:blank);_background-attachment:fixed;}





a {text-decoration:none; outline:none; cursor:pointer; color:#666;}

a:hover { color:#06c; }

a:active, a:focus{ outline:none; }

.green { color:#090;}

.red { color:#f00;}

.yellow { color:#f90;}

.black { color:#000;}

.blue { color:#06c;}

.hide { display:none;}



.sanjiao { 

display:inline-block; float:right; margin-right:10px; width:10px; height:46px; line-height:46px; background:url(/static/images/jt_1.gif) center center no-repeat;

-moz-transform-origin:50% 50%;

-webkit-transition:-webkit-transform .2s ease-in;

-moz-transition:transform .2s ease-in;

-o-transition:transform .2s ease-in;

transition:transform .2s ease-in

}

.sanjiao:hover { 

transform:rotate(180deg);

-webkit-transform:rotate(180deg);

-moz-transform:rotate(180deg);

-o-transform:rotate(180deg);

}



body { width:100%; height:100%; color:#666; font:14px/1.5 "\5FAE\8F6F\96C5\9ED1",Tahoma, Geneva, sans-serif; text-align:center; background:#fff; }

.wrap { width:100%; height:100%; position:relative; }



/*base---start---*/

.clearfix:after,.box:after,.nav_center:after,ul.silan:after,div.content_list dl:after,.nav_center:after {content:"\200B";display:block; height:0; clear:both; }

.clearfix,.box,.nav_center,ul.silan,div.content_list dl,.nav_center {*zoom:1;}



.box { margin:0 auto; width:96%; text-align:left;}



.left { float:left; display:inline; *zoom:1;}

.right { float:right; display:inline; *zoom:1;}

.center { display:table-cell; width:4000px; overflow:hidden; *display:block; *width:auto; *zoom:1;}





.more { cursor:pointer; white-space:nowrap; display:inline-block; padding:0 5px;}

.more-box { display:none;}



span.more { color:#06c; padding-right:15px; background:url(/static/images/jt_14.gif) right center no-repeat;  }

span.more-on { color:#f60; background:url(/static/images/jt_15_1.gif) right center no-repeat;  }





/*---header---begin---*/

.header { width:100%; background:#fff; }

.header .box { padding:25px 0; }



.logo { width:150px; }

.logo img { width:100%; display:block; }



.tooles { width:200px; }

.tel dt img { width:100%; display:block; margin-top:5px;  }





.guide { padding:0 25px; text-shadow:0px 0px 1px #fff; }

.guide ul { text-align:right; }

.guide ul li { display:inline-block; *display:inline; *zoom:1; margin-bottom:10px; white-space:nowrap; vertical-align:top; }

.guide a { color:#666; display:inline-block; *zoom:1; padding:2px 5px; }

.guide a:hover { text-decoration:underline; color:#004b97;}

#default .guide h1,#default .guide h2 { font-weight:normal; display:inline-block; float:left; margin-right:10px; font-size:12px;}

#default .guide h1 { color:#f90;}

#default .guide h2 { color:#ccc;}



#wuliu1 .guide h1,#wuliu1 .guide h2 { font-weight:normal; display:inline-block; float:left; margin-right:10px; font-size:12px;}

#wuliu1 .guide h1 { color:#f90;}

#wuliu1 .guide h2 { color:#ccc;}





.search { width:99%; height:20px; position:relative; border:1px solid #ccc; overflow:hidden; z-index:9975; background:url(/static/images/btn2.png) right 0 no-repeat #fff; border-radius:3px;   }

.search input { background:none; height:20px; line-height:20px; position:absolute; top:0; overflow:hidden; }

.search .btn1 { width:84%; text-indent:0.5em; font-size:12px; color:#666; left:0; }

.search .btn2 { width:15%; cursor:pointer; right:0;}

.search:hover { background:url(/static/images/btn1.png) right 0 no-repeat #fff; border:1px solid #004b97;}





/*---nav---begin---*/

.nav { width:100%; position:relative; left:0; z-index:9999; background:#004b97; }



.nav_center { display:inline; float:left; *zoom:1;  }

.nav_center dl { display:inline; float:left; *zoom:1; position:relative; z-index:9996;  }

.nav_center dl dt { font-weight:bold; font-size:16px; position:relative; z-index:9997; height:46px; float:left; border-right:1px solid #06c;  }

.nav_center dl dt a { color:#fff; padding:0 25px; height:46px;  line-height:46px; display:block; float:left; }

.nav_center dl dt a:hover { color:#fff; }



.nav_center dl dd { display:none; position:absolute; left:0; top:45px; width:164px; z-index:9998; border:1px solid #06c; box-shadow:0px 0px 3px #06c;overflow:hidden; background:url(/static/images/jt_14.gif) 35px -5px no-repeat #fff; padding:10px 0; }



.nav_center dl dd ul li sup { color:#f00; line-height:1; margin-left:5px; }

.nav_center dl dd ul li *sup { font-size:10px;}



.nav_center dl dd ul li small { color:#fff; line-height:1;  font-size:12px; background:#f90; display:inline-block; *zoom:1; padding:2px 3px; border-radius:3px; vertical-align:middle; }

.nav_center dl dd ul li a { display:block; padding:10px 25px; color:#06c; *zoom:1; }

.nav_center dl dd ul li a:hover { background:url(/static/images/jt_12.html) 134px -24px no-repeat #eee;}





dl.nav_center_on dt { background:#000079; }

.nav_center .last dd { left:auto; right:0;background:url(/static/images/jt_14.gif) 117px -5px no-repeat #fff;;}









.nav_all { position:relative; z-index:10001; width:172px; display:inline; float:left; *zoom:1; }

.nav_all b { display:block; font-size:16px; text-align:left; color:#fff; padding:0 15px; height:46px; line-height:46px; background:#f90; }

.nav_all b i { float:right;display:inline-block; margin-left:10px; width:16px; height:46px; line-height:46px; background:url(/static/images/nav_all.gif) center center no-repeat;			               -moz-transform-origin:50% 50%;

               -webkit-transition:-webkit-transform .3s ease-in;

               -moz-transition:transform .3s ease-in;

               -o-transition:transform .3s ease-in;

               transition:transform .3s ease-in;}



.nav_all_box1 { display:none;/*大框架边框*/ width:170px; position:absolute; left:0px; top:46px; z-index:10002; border:1px solid #f90; border-top:none; box-shadow:0px 0px 3px #f60;} 

.nav_all_box1 dl { position:relative; z-index:10003; float:left;  }

.nav_all_box1 dl dt { padding:10px 15px; /*大框架背景宽度*/width:140px; color:#ccc; position:relative; z-index:10005; background:url(/static/images/jt_12.html)/*背景图标left距离*/  150px 16px no-repeat #fff; border-top:1px solid #fff; border-bottom:1px solid #fff;}

.nav_all_box1 dl dt a { color:#666; }

.nav_all_box1 dl dt a:hover { color:#f90; text-decoration:underline; }

.nav_all_box1 dl dd a { color:#06c; }

.nav_all_box1 dl dd a:hover { color:#f90; text-decoration:underline; }



.nav_all_box1 dl dt:first { font-size:18px;} 





.nav_all_box1 dl dd { display:none; padding:0 20px 20px 0px; /*子框架宽度*/width:477px; position:absolute; /*子框架边框*/left:170px; top:0; z-index:10004; background:#fff; border:1px solid #f90; height:auto !important; min-height:200px; height:200px; box-shadow:0px 0px 3px #f60;  }



.nav_all_box1 dl.last dd { bottom:0; top:auto; _margin-bottom:-1px;}



div.nav_all_on b { background:#f90; box-shadow:0px 0px 3px #f60;}

div.nav_all_on b i {

                     transform:rotate(180deg);

                     -webkit-transform:rotate(180deg);

                     -moz-transform:rotate(180deg);

                     -o-transform:rotate(180deg);

                     }

dl.nav_all_box1_on {}

dl.nav_all_box1_on dt { /*大框架li宽度*/width:141px; background:url(/static/images/jt_12.html)/*背景图标left距离*/ 150px -24px no-repeat #fff; border-top:1px solid #f90; border-bottom:1px solid #f90; }

dl.nav_all_box1_on dt a { color:#06c; }



.nav_all_box2 { display:inline; float:left; margin:0 0 0 10px; height:50px; }

.nav_all_box2_title { display:block; font-weight:bold; font-size:22px; color:#f90; width:100%; margin-top:0px; text-decoration:none;}



.nav_all_box1 dl dd ul li { margin:5px 0 0 10px; padding:5px 10px; white-space:nowrap; display:inline-block; *display:inline; *zoom:1; vertical-align:middle;  }

.nav_all_box1 dl dd ul li.navbar_te { display:block; width:100%; white-space:nowrap; }

.nav_all_box1 dl dd ul li.navbar_te a { margin:0px 20px 0 0px; color:#f90;}

.nav_all_box1 dl dd ul li.navbar_te em { font-size:18px; font-style:normal; font-weight:bold; }







.nav_right { width:200px; display:inline; float:right; *zoom:1; background:#0080ff; color:#fff; }

.nav_right a { color:#fff; display:inline-block; width:81px; height:30px; line-height:30px;margin-top:8px; text-align:center; border-radius:15px; background:#004B97; box-shadow:0px 0px 3px #0080ff;  }

.nav_right a:hover { color:#fff; background:#f90;}

.nav_right h5 { font-size:14px; text-align:left; height:46px; padding:0 15px; }

/*---nav---end---*/





/*---location---begin---*/

.location { color:#999; }

.location a { color:#06c; margin-bottom:10px; }

.location a:hover { color:#f90; }

.location strong { font-weight:normal; color:#06c; margin-bottom:10px; }

.location em { float:right; margin-bottom:10px;}

.location em a { color:#f90; }

.location em a:hover { color:#06c; }





/*---content-title---begin---*/

.content-title { overflow:hidden; margin-top:15px; }

.content-title_news { font-size:28px; text-align:center; color:#444; display:inline-block; float:left; *display:inline; background:#fff;}

.content-title h1 { font-size:28px; text-align:center; color:#444; display:inline-block; float:left; *display:inline; background:#fff;}

.content-title h1 em { color:#ccc; display:inline-block; text-indent:-9999px;}

.content-title h1 span {}

.content-title h2 { font-size:14px; color:#ccc; font-weight:normal; margin:17px 3px 35px 0; font-style:italic; float:right; display:inline-block; *display:inline;}

#wuliu .content-title h2,#wuliu1 .content-title h2 { font-size:12px; color:#ccc; font-weight:normal;}



p.description { clear:both; color:#666; padding:2px 5px; margin-top:25px; border-radius:3px; border:1px dotted #acd6ff; }

p.description em { color:#bbb; white-space:nowrap; }

p.description a { display:inline-block; padding:1px 5px; color:#06c; }

p.description a small { color:#f00; }

p.description a:hover { text-decoration:underline;}



p.description i { display:inline-block; width:15px; height:10px; display:none;}

p.description i.first { background:url(/static/images/quote_01.gif) 0 0 no-repeat; margin-right:5px;}

p.description i.last { background:url(/static/images/quote_02.gif) 0 0 no-repeat; margin-left:5px;}



p.biaoqian { clear:both;}

p.biaoqian a { display:inline-block; *zoom:1; vertical-align:top; padding:2px 5px; margin:10px 10px 0 0; background:#d2e9ff; border-radius:3px; color:#06c; }

p.biaoqian a:hover { background:#06c; color:#fff; }







/*---main---begin---*/

.main { background:#fff; }

.main .box { position:relative; z-index:4002; overflow:hidden;}



.content { width:100%; float:left;}

.contentbox { padding:25px; margin:0 200px 0 150px; overflow:hidden; background:#fff; }

.navbar { padding-top:25px; width:150px; margin-left:-100%; float:left; _display:inline; _position:relative; _zoom:1; }

.sidebar { padding-top:25px; width:200px; margin-left:-200px; float:left; _display:inline; _position:relative; _zoom:1; }



.navbar dl { width:150px; margin-bottom:25px; clear:both; overflow:hidden; background:#004b97; border-bottom-left-radius:10px; border-top-right-radius:10px;}

.navbar dl dt { font-size:16px; font-weight:bold; padding:10px 15px; color:#ccc; }

.navbar dl dd { padding:0 0 10px 0; min-height:250px;}

.navbar ul li { border-top:1px dotted #06c;}

.navbar ul li a { color:#ccc; display:block; padding:5px 15px; *zoom:1; background-image:url(/static/images/jt_5.gif); background-position:125px 11px; background-repeat:no-repeat; }

.navbar ul li a:hover { color:#fff;background-color:#06c; }





.sidebar dl { width:200px; margin-bottom:25px; clear:both; overflow:hidden; background:#eee; }

.sidebar dl dt { font-size:16px; font-weight:bold; padding:10px 15px; color:#666; }

.sidebar dl dt span { float:right;}

.sidebar dl dd { position:relative; overflow:hidden; _float:left; }

.sidebar dl dd p { width:100%; position:absolute; left:0; bottom:-200px; background:#f90; color:#fff; filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8; }





dl.online dd ul { padding-bottom:10px; }

dl.online dd ul li { display:inline; float:left;  margin:10px 4px 0 15px; overflow:hidden; }

dl.online dd ul li a img { display:block; filter:alpha(opacity=100);-moz-opacity:1;opacity:1; }

dl.online dd ul li a:hover img { filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}



dl.online dd p {padding:5px 15px; line-height:1.5; }

dl.zhuanxian-tuijian dd p { background:none; } 

dl.zhuanxian-tuijian dt { display:none;}





#supermarquee3 { width:200px; height:200px; overflow:hidden; position:relative;}

#supermarquee3 ul { position:relative;}

#supermarquee3 ul li { float:left; }

#supermarquee3 ul li img { width:200px; height:200px; display:block; overflow:hidden;}



.prev,.next { display:inline-block; *zoom:1; width:22px; height:22px; overflow:hidden; background-image:url(/static/images/g_302.gif);}

.prev { float:left; margin:0 0 5px 5px; background-position:0 -22px;}

.next { float:right; margin:0 5px 5px 0; background-position:0 -44px;}

.prev:hover { background-position:0 -66px;}

.next:hover { background-position:0 -88px;}





.content-middle { overflow:hidden; clear:both; }

.content-middle a{ color:#0033CC}

.content h3 { font-size:16px; color:#333; margin-top:2em; clear:both; background:url(/static/images/g_206.gif) left center no-repeat; padding-left:15px;}

.content h4 { font-size:16px; color:#333; clear:both; margin-top:2em; }

.content h4 b { display:inline-block;  }

.content-middle p { margin-top:20px; line-height:1.5; }

.content-middle table p { text-align:center;}

.content-middle img { display:block;}



.imgtext-left { clear:both;}

.imgtext-left img { float:left; margin:0 25px 25px 0; }

.imgtext-left h3 { margin-top:2em; }

.imgtext-left p { margin-top:1em; }



.imgtext-right { clear:both;}

.imgtext-right img { float:right; margin:0 0 25px 25px;}

.imgtext-right h3 { margin-top:2em; }

.imgtext-right p { margin-top:1em; }







ul.citylist { overflow:hidden;  }

ul.citylist li { display:inline-block; margin:10px 10px 0 0; white-space:nowrap; vertical-align:top; *display:inline; *float:left; *zoom:1;}

ul.citylist li a { display:block; padding:1px 5px; color:#06c; text-decoration:none; border-radius:3px; }

ul.citylist li a:hover { background:#06c; color:#fff;}





ul.silan { clear:both; width:100%;}

ul.silan li { display:inline; float:left; width:25%; overflow:hidden; text-align:left; margin-top:10px; }

ul.silan li img { width:134px; overflow:hidden;}

ul.silan li a:hover { text-decoration:underline; }







div.newslist { clear:both; width:100%; margin-top:2em;}

div.newslist li { padding:5px 0; } 

div.newslist li em { display:inline-block; *zoom:1; float:right; width:20%; font-size:12px; text-align:right; font-style:normal; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-top:3px; } 

div.newslist li a { color:#666; display:inline-block; width:70%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }

div.newslist li a:hover { color:#06c; text-decoration:underline; }





.pageinfo{color:#06C;padding:2px 8px;border-radius:3px;background:#d2e9ff;}

div.pagebar { clear:both; margin-top:1em;}

div.pagebar ul li { display:inline; float:left; margin:1em 1em 0 0;border-radius:3px;} 

div.pagebar ul li a { display:inline-block; color:#06c; background:#d2e9ff; border-radius:3px; padding:2px 8px; }

div.pagebar ul li a:hover { color:#d2e9ff; background:#06c;}

div.pagebar ul li.now-page a { color:#fff; background:#06c;} 

.thisclass{color: #fff;padding:2px 8px;border-radius:3px;background: #06c;}





div.xiangguan { clear:both; width:45%; display:inline; float:left; margin-top:2em; }

div.xiangguan h4 { margin:0; padding:10px 0 10px 18px; background:url(/static/images/g_208.gif) 0px 16px no-repeat; color:#06c; }

div.xiangguan ul li { overflow:hidden; white-space:nowrap; text-overflow:ellipsis;padding:5px 0; width:100%; } 

div.xiangguan ul li a { color:#666; }

div.xiangguan ul li a:hover { color:#06c; text-decoration:underline; }





div.tuijian { width:45%; display:inline; float:right; margin-top:2em; }

div.tuijian h4 { margin:0; padding:10px 0 10px 18px; background:url(/static/images/g_208.gif) 0px 16px no-repeat; color:#06c; }

div.tuijian ul li {overflow:hidden; white-space:nowrap; text-overflow:ellipsis;padding:5px 0; width:100%; } 

div.tuijian ul li a { color:#666; }

div.tuijian ul li a:hover { color:#06c; text-decoration:underline; }

div.tuijian ul li span { display:none;}





div.content_list { overflow:hidden; clear:both; }

div.content_list dl { margin-top:2em; width:100%;  }

div.content_list dl dt { width:25%; margin:0 5% 0 0; overflow:hidden; vertical-align:top; display:inline-block; *display:inline; *zoom:1; position:relative; }

div.content_list dl dt img { display:block; width:90%; border-radius:5px; position:relative; }

div.content_list dl dd { width:65%; overflow:hidden; vertical-align:top; display:inline-block; *display:inline; *zoom:1;}

div.content_list dl dt h3 { padding:0 0 1em 0;}

div.content_list dl dd h3 { margin:0; padding:0 0 1em 0; background:none; color:#666;}

div.content_list dl dd p { margin:0 0 1em 0; }

div.content_list dl dd p a { color:#06c; }

div.content_list dl dd p a:hover { color:#000;text-decoration:underline; }



div.content_list dl.last { background:none;}



.menu { position:relative; z-index:4001; background:#eee;}

.menu .box { padding-bottom:25px; }

.menu dl { width:9%; min-width:85px; text-align:left; margin:25px 4% 0 0; display:inline-block; vertical-align:top; *display:inline; *zoom:1; _margin:25px 3.8% 0 0; text-shadow:1px 1px 1px #fff; }

.menu dl dt { font-size:16px; padding:0 10px; color:#666; font-weight:bold; }

.menu dl dt a { padding:2px 5px; color:#666; display:inline-block; border-radius:3px; border:1px solid #999; }

.menu dl dt a:hover { border:1px solid #004b97; box-shadow:0px 0px 3px #06c; }

.menu dl dd {  padding:10px 0 0 0;  }

.menu dl dd ul li a { display:block; color:#999; padding:2px 0 2px 15px; position:relative; }

.menu dl dd ul li a:hover { color:#06c; text-decoration:underline; background:url(/static/images/jt_12.html) 12px -31px no-repeat; }

.menu dl.last { margin-right:0;}



dl.anquan { width:12%; min-width:146px; text-align:center; }

dl.anquan dt { color:#f00; display:none; }









#supermarquee1,#supermarquee11,#supermarquee111 { height:160px; overflow:hidden; position:relative; }

#supermarquee1 ul,#supermarquee11 ul,#supermarquee111 ul { position:relative;}



#supermarquee2 { height:150px; overflow:hidden; position:relative; }

#supermarquee2 ul { position:relative;}

#supermarquee2 ul li { background:none; text-indent:0; }

#supermarquee2 ul li img { display:block; margin:0 auto; }





#supermarquee5 { width:100%; height:454px; overflow:hidden; position:relative;}

#supermarquee5 ul { position:relative; }

#supermarquee5 ul li { float:left; overflow:hidden;  }

#supermarquee5 ul li img { display:block; width:100%; height:100%; }

#supermarquee5 h1,#supermarquee5 h2,#supermarquee5 h3,#supermarquee5 p { display:none}





.footer {font-size:12px; clear:both; color:#999; background:#004b97; }

.footer .box { padding-top:20px; padding-bottom:20px;}



.footer h6 { font-size:12px; color:#eee; }

.footer h6 a { color:#eee;}

.footer h6 a:hover { color:#ccc; text-decoration:underline;}



.footer-logo { width:150px;}

.footer-logo img { display:block; width:100%; }

.beian { width:200px;  color:#999; }





.copyright { padding:0 25px; }



a.smooth { display:block; width:50px; height:50px; background:url(/static/images/go_top.gif) 0 0 no-repeat; position:fixed; right:10px; bottom:10px; z-index:4003; overflow:hidden; _position:absolute; _margin-bottom:10px; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}

a.smooth:hover { background:url(/static/images/go_top.gif) -50px 0 no-repeat;}















.default-news { display: inline; width: 31%; float: left; text-align: left; overflow: hidden; margin: 40px 3% 0 0; border: 1px solid #ccc; box-shadow: 0px 0px 5px #ddd; border-radius: 3px; }

.default-news dt { font-weight:bold; text-align:left; padding:0 15px; }

.default-news dt b { cursor:pointer; display:inline-block; padding:15px 0 10px 0; margin-right:20px; color:#999;  border-bottom:2px solid #fff; }

.default-news dt b.tab_on { color:#000;  border-bottom:2px solid #f90; background:url(/static/images/jt_15_1.gif) center bottom no-repeat;  }

.default-news dd { height:160px; padding:15px 15px 15px 15px; overflow:hidden;}

.default-news dd ul li {  width:100%;}

.default-news dd ul li a { float:left;  height:26px; line-height:26px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }

.default-news dd ul li a:hover { text-decoration:underline;}

.default-news dd ul li span { width:20%; float:right; color:#ccc; text-align:right; clear:both; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-top:2px; }



#default .main .box { padding-bottom:40px;}





dl.tab {  overflow:hidden;  }

dl.tab dd div.hide { display:none;}





.default-news ul.yewu { width:100%; }

.default-news ul.yewu li { display:inline-block; *display:inline; *zoom:1; float:left; width:29%; margin:70px 4% 0 0; padding:0; background:none; height:auto; line-height:inherit;  white-space:inherit; }

.default-news ul.yewu li a { width:auto; padding:0; background:none; height:auto; line-height:inherit;}

.default-news ul.yewu li a img { display:block; border:none; width:100%;}

.default-news ul.yewu li a:hover img { filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}







.links { color:#06c; background:#004b97; }

.links .box { padding:0px 0 10px 0; font-size:12px;}

.links a { color:#ccc;}

.links a:hover { color:#0080ff;}



ul.msg_post { clear:both;}

ul.msg_post li { width:293px; margin:20px 20px 0 0; overflow:hidden; vertical-align:middle;}

ul.msg_post li img { display:inline; float:right; width:90px; height:30px; margin:0; padding:0;border-top:1px solid #666; border-right:1px solid #ccc; border-bottom:1px solid #ccc; vertical-align:middle; overflow:hidden;}



ul.msg_post textarea { width:97%; max-width:97%; min-width:97%; margin-top:20px; background:#d2e9ff; line-height:2; font-size:16px; color:#000; padding:1%; border-top:1px solid #666; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-left:1px solid #666;}



ul.msg_post label { display:inline; float:left; height:30px; line-height:30px; background:#eee; border-top:1px solid #666; border-bottom:1px solid #ccc; border-left:1px solid #666; color:#000; width:79px; text-align:center; }



ul.msg_post input { display:inline; float:left; height:30px; line-height:30px; background:#d2e9ff; border-top:1px solid #666; border-right:1px solid #ccc; border-bottom:1px solid #ccc; font-weight:bold; color:#000; width:212px; text-align:left; text-indent:0.5em;}

.truck { overflow:hidden;   }

.truck textarea { width:96%; padding:0 1%; height:105px; line-height:2; font-size:28px; font-weight:bold; color:#f90; background:#d2e9ff; border-top:1px solid #666; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-left:1px solid #666; }

.truck input { color:#900; display:inline; float:left;  margin-top:10px; width:80px; height:33px; line-height:33px; background:url(/static/images/input.gif) 0 0 no-repeat; cursor:pointer; }

.truck input:hover { color:#fff; background:url(/static/images/input.gif) 0 -33px no-repeat;}

.truck p { display:inline; float:left;  margin-top:10px;  margin-left:10px; height:33px; line-height:33px;  }



.price { width:100%; }

.price select { font-weight:bold; color:#f90; width:45%; border:1px solid #ccc;}

.price select option { font-weight:bold; color:#666; }

.price .price_1 { }

.price .price_2 {  }

.price input {color:#900; display:inline; float:left;  margin-top:10px; width:80px; height:33px; line-height:33px; background:url(/static/images/input.gif) 0 0 no-repeat; cursor:pointer; }

.price input:hover { color:#fff; background:url(/static/images/input.gif) 0 -33px no-repeat;}

.price p { display:inline; float:left;  margin-top:10px;  margin-left:10px; height:33px; line-height:33px; }

#mybanner { position:relative;overflow: hidden; width:100%; height:100%;}

#imgnavslide { width:100%; overflow:hidden; position:relative;}

#imgnavslide li { width:100%; overflow:hidden; }

#imgnavslide li img { display:block; width:100%;}

#imgnavslide .tabtitle { position:absolute; left:0; bottom:10px; z-index:88; }

#imgnavslide .tabtitle .tabbtn { display:inline-block; background:#069; color:#fff; width:20px; height:20px; line-height:20px; margin-right:10px; border-radius:20px; cursor:pointer; vertical-align:top;}

#imgnavslide .tabtitle .tabcur { background:#000;}













/*============================================================================*/



dl.tab {  overflow:hidden;  }

.default-Detail-nav { display:inline; *zoom:1; width:25%; float:left; text-align:left; overflow:hidden; margin:40px 3% 0 0;  border:1px solid #ccc; box-shadow:0px 0px 5px #ddd; border-radius:3px; }

.default-Detail-nav dt { font-weight:bold; text-align:left; padding:0 15px; }

.default-Detail-nav dt b { cursor:pointer; display:inline-block; padding:15px 0 10px 0; margin-right:20px; color:#999;  border-bottom:2px solid #fff; }

.default-Detail-nav dt b.tab_on { color:#000;  border-bottom:2px solid #f90; background:url(/static/images/jt_15_1.gif) center bottom no-repeat;  }

.default-Detail-nav dd {  height: 189px;padding:15px 15px 15px 15px; overflow:hidden;}

.default-Detail-nav dd ul li { width:20%; float:left;}

.default-Detail-nav dd ul li a { float:left; width:75%; height:26px; line-height:26px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }

.default-Detail-nav dd ul li a:hover { text-decoration:underline;}

.default-Detail-nav dd ul li span { width:20%; float:right; color:#ccc; text-align:right; clear:both; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-top:2px; }

.default-Detail-Company { display:inline; *zoom:1; width:40%; float:left; text-align:left; overflow:hidden; margin:40px 3% 0 0;  border:1px solid #ccc; box-shadow:0px 0px 5px #ddd; border-radius:3px; }

.default-Detail-Company dt { font-weight:bold; text-align:left; padding:0 15px; }

.default-Detail-Company dt b { cursor:pointer; display:inline-block; padding:15px 0 10px 0; margin-right:20px; color:#999;  border-bottom:2px solid #fff; }

.default-Detail-Company dt b.tab_on { color:#000;  border-bottom:2px solid #f90; background:url(/static/images/jt_15_1.gif) center bottom no-repeat;  }

.default-Detail-Company dd {padding:15px 15px 15px 15px; overflow:hidden;}

.default-Detail-Company dd ul li { width:100%; }

.default-Detail-Company dd ul li a { float:left; width:75%; height:26px; line-height:26px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }

.default-Detail-Company dd ul li a:hover { text-decoration:underline;}

.default-Detail-Company dd ul li span { width:20%; float:right; color:#ccc; text-align:right; clear:both; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-top:2px; }

.default-Detail-blog { display:inline; *zoom:1; width:28%; float:left; text-align:left; overflow:hidden; margin:40px 0 0 0;  border:1px solid #ccc; box-shadow:0px 0px 5px #ddd; border-radius:3px; }

.default-Detail-blog dt { font-weight:bold; text-align:left; padding:0 15px; }

.default-Detail-blog dt b { cursor:pointer; display:inline-block; padding:15px 0 10px 0; margin-right:20px; color:#999;  border-bottom:2px solid #fff; }

.default-Detail-blog dt b.tab_on { color:#000;  border-bottom:2px solid #f90; background:url(/static/images/jt_15_1.gif) center bottom no-repeat;  }

.default-Detail-blog dd { height:189px; padding:15px 15px 15px 15px; overflow:hidden;}

.default-Detail-blog dd ul li { width:100%; }

.default-Detail-blog dd ul li a { float:left;  height:26px; line-height:26px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }

.default-Detail-blog dd ul li a:hover { text-decoration:underline;}

.default-Detail-blog dd ul li span { width:20%; float:right; color:#ccc; text-align:right; clear:both; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-top:2px; }

.default-Detail dt { font-weight:bold; text-align:left; padding:0 15px; }

.default-Detail dt b { cursor:pointer; display:inline-block; padding:15px 0 10px 0; margin-right:20px; color:#999;  border-bottom:2px solid #fff; }

.default-Detail dt b.tab_on { color:#000;  border-bottom:2px solid #f90; background:url(/static/images/jt_15_1.gif) center bottom no-repeat;  }

.default-Detail dd { height:160px; padding:15px 15px 15px 15px; overflow:hidden;}

.default-Detail dd ul li { width:100%; }

.default-Detail dd ul li a { float:left; width:75%; height:26px; line-height:26px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }

.default-Detail dd ul li a:hover { text-decoration:underline;}

.default-Detail dd ul li span { width:20%; float:right; color:#ccc; text-align:right; clear:both; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-top:2px; }



.default-link {height:100%; display: inline; width: 31%; float: left; text-align: left; overflow: hidden;border: 1px solid #ccc; box-shadow: 0px 0px 5px #ddd; border-radius: 3px; }

.default-link dt { font-weight:bold; text-align:left; padding:0 15px; }

.default-link dt b { cursor:pointer; display:inline-block; padding:15px 0 10px 0; margin-right:20px; color:#999;  border-bottom:2px solid #fff; }

.default-link dt b.tab_on { color:#000;  border-bottom:2px solid #f90; background:url(/static/images/jt_15_1.gif) center bottom no-repeat;  }

.default-link dd { height:100%;padding:15px 15px 15px 15px; overflow:hidden;}

.default-link dd ul li {  width:10%; float:left;}

.default-link dd ul li a { float:left; width:75%; height:26px; line-height:26px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;  margin: 0px auto; }

.default-link dd ul li a:hover { text-decoration:underline;}

.default-link dd ul li span { width:20%; float:right; color:#ccc; text-align:right; clear:both; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-top:2px; }





.default-link {height:100%; display: inline; width: 31%; float: left; text-align: left; overflow: hidden;border: 1px solid #ccc; box-shadow: 0px 0px 5px #ddd; border-radius: 3px; }

.default-link dt { font-weight:bold; text-align:left; padding:0 15px; }

.default-link dt b { cursor:pointer; display:inline-block; padding:15px 0 10px 0; margin-right:20px; color:#999;  border-bottom:2px solid #fff; }

.default-link dt b.tab_on { color:#000;  border-bottom:2px solid #f90; background:url(/static/images/jt_15_1.gif) center bottom no-repeat;  }

.default-link dd { height:100%;padding:15px 15px 15px 15px; overflow:hidden;}

.default-link dd ul li {  width:10%; float:left;}

.default-link dd ul li a { float:left; width:75%; height:26px; line-height:26px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }

.default-link dd ul li a:hover { text-decoration:underline;}

.default-link dd ul li span { width:20%; float:right; color:#ccc; text-align:right; clear:both; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-top:2px; }



.default-link_foot {height:100%; display: inline; width: 31%; float: left; text-align: left; overflow: hidden;border: 1px solid #ccc; box-shadow: 0px 0px 5px #ddd; border-radius: 3px; }

.default-link_foot dt { font-weight:bold; text-align:left; padding:0 15px; }

.default-link_foot dt b { cursor:pointer; display:inline-block; padding:15px 0 10px 0; margin-right:20px; color:#999;  border-bottom:2px solid #fff; }

.default-link_foot dt b.tab_on { color:#000;  border-bottom:2px solid #f90; background:url(/static/images/jt_15_1.gif) center bottom no-repeat;  }

.default-link_foot dd { height:100%;padding:15px 15px 15px 15px; overflow:hidden;}

.default-link_foot dd ul li {width: 130px; height: 28px; float: left; background-color: #fff; margin: 2px; border: 1px solid #f90; box-shadow: 0px 0px 1px #F09917; border-radius: 4px;}

.default-link_foot dd ul li a { float: left; width: 75%; height: 26px; line-height: 26px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 0px 16%; color: #999; font-weight: bold;}

.default-link_foot dd ul li a:hover { text-decoration:underline;}

.default-link_foot dd ul li span { width:20%; float:right; color:#ccc; text-align:right; clear:both; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-top:2px; }



/*+++++++++++++++++++++++++++*/

.wrapper{width:100%; text-align:left; margin:0 auto; margin: 0 0 0 2%;} 

.mt10{ margin-top:10px;margin: 0; padding: 0; background-color: #fff;}

.ml10{ margin-left:10px;}



.matetit{ height:35px; line-height:35px; border:1px solid #D7D7D7; border-top:3px solid #004B97; border-left:0; background-color:#f5f5f5; padding-right:7px;margin: 0 2.6% 0 2%; }

.matetit span a{ padding:0 10px; }

.matetit b{ width:192px; text-align:center; background-color:#004B97; color:#fff; display:block; float:left; }

.matetit .btn{ width: 107px; height: 22px; line-height: 22px; text-align: center; background-color: #004B97; color: #fff; margin-top: 6px; float: right; border: 1px solid #ccc; box-shadow: 0px 0px 5px #ddd; border-radius: 5px;}

.matetit .btn a{ color:#FFFFFF}

.leftbar{ width:19.8%; float:left;margin: 15px 1% 0 2%; border: 1px solid #ccc; box-shadow: 1px 0px 5px #ddd; border-radius: 3px; }

.leftbar .hotkey{ width:100%; height:277px; border:1px solid #e7e7e7; float:left; overflow:hidden; }

.leftbar .hotkey .hot_tit{ width:99.8%; height:30px; text-align:center; background-color:#f6f6f6; font:bold 14px/30px "微软雅黑"; border-bottom:1px solid #e7e7e7; }

.leftbar .hotkey li{ height:22px; line-height:22px; margin:6px 0 2px 0; padding-left:10px; overflow:hidden; float:left;  width: 100%;}



.midbar{ width:43%; height:412px; border-right:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; float:left; overflow:hidden; margin: 15px 1% 0 1.66%; border: 1px solid #ccc; box-shadow: 0px 0px 5px #ddd; border-radius: 3px;}

.midbar .picshow li{ width:254px; float:left; padding:15px 5px 3px 20px; *padding:15px 5px 1px 20px; }

.midbar .picshow li dt{ width:100px; height:100px; float:left; margin-right:8px; }

.midbar .picshow li dt img{ width:98px; height:98px; border:1px solid #d7d7d7; float:left; }

.midbar .picshow li dt img:hover{ width:98px; height:98px; border:1px solid #ff5a00; float:left; }

.midbar .picshow li dd{ width:146px; height:22px;float:left; overflow:hidden; }



.midbar .pronews{  margin:5px 10px 10px 10px; float:left; }

.midbar .pronews li{ width:265px; height:31px; line-height:31px; padding-left:10px; border-bottom:1px solid #f6f6f6; margin-right:5px; float:left; overflow:hidden; }

.midbar .pronews li span{ margin-right:5px; }



.rightbar{ width:27%; height:412px; border:1px solid #e7e7e7; border-width:0 1px 1px 0; float:left; overflow:hidden;margin: 15px 1% 0 1.66%; border: 1px solid #ccc; box-shadow: 0px 0px 5px #ddd; border-radius: 3px; }

.rightbar .rtit{ height:40px; font:bold 16px/40px "微软雅黑"; padding-left:17px; border-bottom:1px solid #e7e7e7; }

.rightbar .rcompany{ background-color:#fafafa; float:left; }

.rightbar .rcompany li{ width:100%; background:url(/static/images/inco.gif) no-repeat 5px -456px; border-bottom:1px solid #f6f6f6; padding:5px 0 3px 8px; margin:3px 0 0 5px; _margin-left:2px; float:left; }

.rightbar .rcompany .gray_bg a{ background:#aaa; border-radius:10px; padding:2px 5px; color:#fff; }

.rightbar .rcompany .gray_bg a:hover{ background:#ff5a00; color:#fff; text-decoration:none; }



.rightbar .rcompany .open dl{ width:90px; margin:7px 5px 0 0; float:left;}

.rightbar .rcompany .open .img { overflow:hidden; width:78px; height:64px; line-height:64px; *height:66px; border:1px solid #d2d2d2; text-align:center; }

.rightbar .rcompany .open .img a { height: 00%; vertical-align: middle\9; _writing-mode:tb-rl; }

.rightbar .rcompany .open .img img { vertical-align:middle; max-height:64px !important; max-width:78px !important; }

.rightbar .rcompany .open dl dd{ width:80px; height:14px; line-height:14px; margin-top:3px; text-align:center; overflow:hidden; }



#main-news{  margin: 0;

  padding: 0;  background-color: #fff;}

  

  

  

  

  

  

  /*资讯样式*/

.notab{ width:244px; border:1px solid #e1e1e1; border-top:none; border-bottom:none; float:left; }

.tit{ height:35px; line-height:35px; border-bottom:1px solid #e1e1e1; background-color:#f5f5f5; padding:0 10px;}

.fr { float: right; }

.gray {

  color: #606060;float:left;text-indent: 20px;}

.notice{ padding:5px 10px; }

.notice li{ height:24px; line-height:24px;}

.notice span{ padding-right:5px; }



.industry{ width:31%; border:1px solid #e1e1e1; float:left; padding-bottom:10px; margin: 20px 1% 0 0; border: 1px solid #ccc; box-shadow: 0px 0px 5px #ddd; border-radius: 3px;}

.idetail{ padding:10px 15px 0 15px; width:290px; float:left; }

.idetail li{ height:24px; line-height:24px; background:url(/static/images/inco.gif) no-repeat 0 -254px; padding-left:8px; overflow:hidden; }

.idetail span{ padding-right:5px;}



.rtab{ width:320px; border:1px solid #e1e1e1; float:left; padding-bottom:10px; }

.clear{ clear:both; height:0; width:0; overflow:hidden; zoom:1; }



.content { width:100%; float:left;}
.contentbox { padding:25px; margin:0 200px 0 150px; overflow:hidden; background:#fff; }
.navbar { padding-top:25px; width:150px; margin-left:-100%; float:left; _display:inline; _position:relative; _zoom:1; }
.sidebar { padding-top:25px; width:200px; margin-left:-200px; float:left; _display:inline; _position:relative; _zoom:1; }

 .sbb {float: left; margin: 5px 8px 0 0; border: 2px solid #FF9900; width: 121px; height: 75px;}
  
  
  
  
  
 :root {
    --primary: #004b97;
    --btn-height: 46px; /* 减少10px */
    --btn-width: 88%;
    --shadow-intensity: 0.25;
}

@supports (padding-bottom: env(safe-area-inset-bottom)) {
    .fixed-footer {
        bottom: max(54px, calc(env(safe-area-inset-bottom) + 10px)) !important;
    }
}

.fixed-footer {
    display: none;
    position: fixed;
    z-index: 2147483647;
    bottom: 64px;
    left: 0;
    right: 0;
    height: 0;
    pointer-events: none;
    filter: drop-shadow(0 4px 12px rgba(0, 75, 151, var(--shadow-intensity)));
}

@media (max-width: 430px) {
    .fixed-footer {
        display: block;
        transform: translateZ(0);
    }

    .fixed-footer ul {
        margin: 0 auto;
        padding: 0;
        width: 100vw;
        max-width: 428px;
        display: flex;
        justify-content: center;
    }

    .fixed-footer li {
        list-style: none;
        width: var(--btn-width);
        min-width: 300px;
        pointer-events: auto;
        perspective: 1000px;
    }

    /* 3D按钮核心样式 */
    .fixed-footer a {
        display: flex;
        align-items: center;
        justify-content: center;
        height: var(--btn-height);
        padding: 0 32px;
        background: var(--primary);
        border-radius: 12px; /* 优化圆角 */
        color: #fff !important;
        font: 600 18px/1.2 -apple-system, sans-serif;
        text-decoration: none;
        position: relative;
        transition: all 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
        
        /* 多层阴影系统 */
        box-shadow: 
            0 12px 24px -6px rgba(0, 75, 151, calc(var(--shadow-intensity) + 0.1)),
            0 0 0 1px rgba(255,255,255,0.15) inset,
            0 -4px 8px rgba(255,255,255,0.1) inset,
            0 4px 8px rgba(0,0,0,0.1);
    }

    /* 动态微光扫描 */
    .fixed-footer a::after {
        content: '';
        position: absolute;
        top: -150%;
        left: -50%;
        width: 200%;
        height: 200%;
        background: linear-gradient(
            45deg,
            rgba(255,255,255,0) 45%,
            rgba(255,255,255,0.2) 50%,
            rgba(255,255,255,0) 55%
        );
        animation: scan 3.5s infinite linear;
        opacity: 0.6;
    }

    @keyframes scan {
        0% { transform: translateY(-100%) rotate(45deg); }
        100% { transform: translateY(200%) rotate(45deg); }
    }

    /* 拟物化按压反馈 */
    .fixed-footer a:active {
        transform: translateY(3px) scale(0.98);
        --shadow-intensity: 0.15;
        box-shadow: 
            0 4px 8px rgba(0, 75, 151, var(--shadow-intensity)),
            0 0 0 1px rgba(255,255,255,0.05) inset,
            0 -2px 4px rgba(255,255,255,0.05) inset;
    }

    /* 弹簧悬浮效果 */
    .fixed-footer a:hover {
        transform: translateY(-4px) scale(1.02);
        --shadow-intensity: 0.4;
    }

    /* SVG图标系统 */
    .fixed-footer a::before {
        content: '';
        width: 24px;
        height: 24px;
        margin-right: 12px;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M20.487 17.14l-4.065-3.696a1.001 1.001 0 0 0-1.391.043l-2.393 2.461c-.576-.11-1.734-.471-2.926-1.66-1.192-1.193-1.553-2.354-1.66-2.926l2.459-2.394a1 1 0 0 0 .043-1.391L6.859 3.513a1 1 0 0 0-1.391-.087l-2.17 1.861a1 1 0 0 0-.29.649c-.015.25-.301 6.172 4.291 10.766C11.305 20.707 16.323 21 17.705 21c.202 0 .326-.006.359-.008a.992.992 0 0 0 .648-.291l1.86-2.171a.997.997 0 0 0-.085-1.39z'/%3E%3C/svg%3E");
        transition: all 0.6s cubic-bezier(0.68, -0.55, 0.27, 1.55);
        filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2));
    }

    /* 图标弹性动画 */
    .fixed-footer a:hover::before {
        transform: rotate(12deg) scale(1.15);
        filter: drop-shadow(0 3px 6px rgba(0,0,0,0.3));
    }

    /* 点击阻尼效果 */
    .fixed-footer a:active::before {
        transform: rotate(6deg) scale(0.95);
        transition-duration: 0.2s;
    }
}

/* 像素级精准适配 */
@media 
(-webkit-min-device-pixel-ratio: 3),
(min-resolution: 460dpi) {
    .fixed-footer a {
        border-radius: calc(12px * 0.8);
        box-shadow: 
            0 6px 12px -4px rgba(0, 75, 151, var(--shadow-intensity)),
            0 0 0 0.5px rgba(255,255,255,0.15) inset;
    }
}
 

    /* 白色图标 */
    .fixed-footer a::before {
        width: 20px;  /* 缩小图标 */
        height: 20px;
        margin-right: 8px;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' d='M20.487 17.14l-4.065-3.696a1.001 1.001 0 0 0-1.391.043l-2.393 2.461c-.576-.11-1.734-.471-2.926-1.66-1.192-1.193-1.553-2.354-1.66-2.926l2.459-2.394a1 1 0 0 0 .043-1.391L6.859 3.513a1 1 0 0 0-1.391-.087l-2.17 1.861a1 1 0 0 0-.29.649c-.015.25-.301 6.172 4.291 10.766C11.305 20.707 16.323 21 17.705 21c.202 0 .326-.006.359-.008a.992.992 0 0 0 .648-.291l1.86-2.171a.997.997 0 0 0-.085-1.39z'/%3E%3C/svg%3E");
        filter: drop-shadow(0 1px 2px rgba(0,0,0,0.1)); /* 增加图标清晰度 */
    }

    /* 调整动画比例 */
    .fixed-footer a:hover {
        transform: translateY(-3px) scale(1.02);
    }

    .fixed-footer a:active {
        transform: translateY(2px) scale(0.98);
    }

    /* 微光动画优化 */
    .fixed-footer a::after {
        opacity: 0.4;
        animation-duration: 4s;
    }
}
 
 
  
  
  
  
  
  
 .mlgb { float:left; line-height:30px; width:30px; height:30px } .bf2{float:left; height:30px; line-height:30px; padding-top:3px}
 
 
.con img{max-width: 100% !important; height:auto !important;}
 
 @media screen and (max-width:1010px){

.con img{max-width: 100% !important; height:auto !important;}

}

 
 