@charset "utf-8";

/* ------------------------------TOP------------------------------- */

.top {  height:29px; line-height:27px; background:#eeeeee;}
.top .main { text-align:right; padding-right:4px;}
/* ------------------------------NAV------------------------------- */

.nav { width:100%; height:78px; position:relative; z-index:200 }
.nav .logo { float:left}
.nav .navbox { margin-top:39px; float:right}
.nav .navbox li { color:#012f5b;  line-height:24px; text-align:center;float:left ;margin: 0 5px}
.nav .navbox li a { color:#012f5b;display: inline-block;width: 100%;height: 100%;}
.nav .navbox li.nav-item {  height:24px;margin: 0 5px}
.nav .navbox li.nav-item.current { background:url(../images/nav-bg.png) center no-repeat;background-size: 100% 100%}
.nav .navbox li.nav-item.current a { color:#ffffff; }
.nav .navbox li.nav-item .subnav {padding-top:1px; display:none; color:#ffffff;z-index:200 }
.nav .navbox li.nav-item .subnav li {float:none; height:30px; line-height:30px; color:#ffffff;background:#00396f;margin: 0}
.nav .navbox li.nav-item .subnav li a { color:#ffffff;}

/* ------------------------------banner------------------------------- */

.banner { width:1200px; height:560px; position:relative; margin:0 auto;overflow:hidden; margin-bottom:50px; z-index:199}
.banner ul li { position: absolute; display: none; }
.banner ul li:first-child { display: block; }
.banner img { cursor:default;}
.banner .pre { position:absolute; top:50%; margin-top:-60px; left:10px ;cursor:pointer;}
.banner .next { position:absolute; top:50%; margin-top:-60px; right:10px ;cursor:pointer;}

/* ------------------------------index-content1------------------------------- */

.index-content1 { width:1200px; height:308px; background:#f6f5f5;}
.index-content1 .txt { width:450px; height:288px; padding:20px 0 0 90px; float:left; }
.index-content1 .txt font { line-height:30px; padding-top:5px; }
.index-content1 .pic { width:520px; height:308px; float:right}

/* ------------------------------index-content2------------------------------- */

.index-content2 { width:1200px; height:350px; padding-top:20px;}
.index-content2 .head { height:30px; font-size:18px; line-height:30px; overflow:hidden  } 
.index-content2 .body { width:100%; height:288px; padding-top:35px; overflow:hidden  }
.index-content2 .body ul { width:1220px; height:100% }
.index-content2 .body ul li { width:285px; height:100%; float:left; margin-right:20px; position:relative; background:#f6f5f5; }
.index-content2 .body ul li center { padding:35px 28px; }
.index-content2 .body ul li>a { position:absolute; bottom:15px; right:15px;} 
.index-content2 .body ul li center span { display:block; }
.index-content2 .body ul li center>span{text-indent:2em;}
.index-content2 .body ul li center span.pic1 { width:40px; height:50px; background:url(../images/pic1.png) no-repeat center}
.index-content2 .body ul li center span.pic2 { width:40px; height:50px; background:url(../images/pic2.png) no-repeat center}
.index-content2 .body ul li center span.pic3 { width:40px; height:50px; background:url(../images/pic3.png) no-repeat center}
.index-content2 .body ul li center span.pic4 { width:40px; height:50px; background:url(../images/pic4.png) no-repeat center}
.index-content2 .body ul li:hover { background:#ffffff;}
.index-content2 .body ul li:hover a {color:#00396f}
.index-content2 .body ul li:hover center span.pic1 { background:url(../images/pic1-2.png) no-repeat center}
.index-content2 .body ul li:hover center span.pic2 { background:url(../images/pic2-2.png) no-repeat center}
.index-content2 .body ul li:hover center span.pic3 { background:url(../images/pic3-2.png) no-repeat center}
.index-content2 .body ul li:hover center span.pic4 { background:url(../images/pic4-2.png) no-repeat center}

/* ------------------------------index-content3------------------------------- */

.index-content3 { width:1200px; height:295px; padding-top:40px; overflow:hidden}
.index-content3 div { float:left}
.index-content3 .txt { height:100%; float:left; position:relative; background:#f6f5f5;  }
.index-content3 .txt1 { width:293px; }
.index-content3 .txt2 { width:245px; }
.index-content3 .txt font { padding:20px 0 15px 0; color:#3F3F3F; display:block;text-align:center; font-size:24px; }
.index-content3 .txt1 ul { padding:0 15px; overflow:hidden; }
.index-content3 .txt1 ul li { width:263px; height:32px; list-style-position:inside; background:url(../images/list.png) 2px 11px no-repeat;padding-left:12px; line-height:32px; }
.index-content3 .txt1 ul li a{display:inline-block;width:90%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.index-content3 .txt1 ul li:hover a { color:#00396f;}
.index-content3 .txt2 ul { padding:0 30px; overflow:hidden;   }
.index-content3 .txt2 ul li { width:185px; height:32px; list-style-position:inside; background:url(../images/list.png) 2px 11px no-repeat;padding-left:12px;  line-height:32px; }
.index-content3 .txt2 ul li a{display:inline-block;width:90%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.index-content3 .txt2 ul li:hover a { color:#00396f;}
.index-content3  center{margin-top:15px;}
.index-content3  center span{ display:block;}

.index-content3 .txt1 center span.pic1 { width:40px; height:50px; background:url(../images/pic5.png) no-repeat center}
.index-content3 .txt2 center span.pic2 { width:40px; height:50px; background:url(../images/pic6.png) no-repeat center}
.index-content3 .txt1:hover center span.pic1 { background:url(../images/pic5-2.png) no-repeat center}
.index-content3 .txt2:hover center span.pic2 { background:url(../images/pic6-2.png) no-repeat center}

.index-content3 .txt>a { position:absolute; bottom:15px; right:15px;} 
.index-content3 .txt:hover { background:#ffffff;}
.index-content3 .txt:hover>a {color:#00396f}

/* ------------------------------index-content4------------------------------- */

.index-content4 { width:1200px; height:295px; padding-top:45px;}
.index-content4 div { float:left}
.index-content4 .txt { width:269px; height:100%; float:left; position:relative; background:#f6f5f5; }
.index-content4 .txt1 { width:269px; }
.index-content4 .txt2 { width:247px; }
.index-content4 .txt center { padding:50px 28px; }
.index-content4 .txt>a { position:absolute; bottom:15px; right:15px;} 
.index-content4 .txt center span { display:block }
.index-content4 .txt center span.pic1 { width:55px; height:50px; background:url(../images/pic7.png) no-repeat center}
.index-content4 .txt center span.pic2 { width:55px; height:50px; background:url(../images/pic8.png) no-repeat center}
.index-content4 .txt:hover { background:#ffffff;}
.index-content4 .txt:hover a {color:#00396f}
.index-content4 .txt:hover center span.pic1 { background:url(../images/pic7-2.png) no-repeat center}
.index-content4 .txt:hover center span.pic2 { background:url(../images/pic8-2.png) no-repeat center}

/* ------------------------------index-content5------------------------------- */

.index-content5 { width:1200px; height:420px;; padding-top:50px; overflow:hidden}
.index-content5 .cus-pic { width:1206px; height:200px; margin-top:10px; }
.index-content5 .cus-pic li { width:195px; height:117px; margin:0 6px 16px 0;overflow:hidden; background:url(../images/our-cus-bg.png) no-repeat center; text-align:center; cursor:pointer; float:left}
.index-content5 .cus-pic li a { width:195px; height:117px; background:#134282; position:absolute; opacity:0.67; filter:alpha(opacity=67); display:inline-block; z-index:101; }
.index-content5 .cus-pic li a:before { content: ".";height: 100%;display: inline-block;vertical-align: middle;visibility: hidden;width:0px;}
.index-content5 .cus-pic li a div{ display: inline-block;color:#FFF;font-size:18px;vertical-align:middle;max-width:185px;}
.index-content5 .cus-pic li a>img {  opacity:1; filter:alpha(opacity=100); }
.index-content5 .cus-pic li>img { position:relative;z-index:100;width:100%;height:100%;}
.index-content5 a.more { display:block; position:absolute; left:50%; margin-left:-91px; bottom:5px;padding:13px 40px 13px 50px;border:1px solid #CCC; color:#999;font-size:18px;}

/* ------------------------------index-links------------------------------- */

.links { height:180px; background:#f3f3f3; position:relative; margin-top:50px; padding-top:50px; }
.links .head { height:30px; font-size:18px; line-height:30px; overflow:hidden  } 
.links .body { width:1200px; height:75px; line-height:75px; padding-top:20px; text-align:center; position:relative; overflow:hidden; }
.links .body ul { width:1250px; height:75px;margin-left: 35px; }
.links .body ul li { width:130px; height:75px; margin-right:30px; float:left; background:url(../images/links-bg.png) center no-repeat;}

.links .body ul li .a1 { width:100%; height:100%; display:block; background:url(../images/links-1.png) center no-repeat}
.links .body ul li .a2 { width:100%; height:100%; display:block; background:url(../images/links-2.png) center no-repeat}
.links .body ul li .a3 { width:100%; height:100%; display:block; background:url(../images/links-3.png) center no-repeat}
.links .body ul li .a4 { width:100%; height:100%; display:block; background:url(../images/links-4.png) center no-repeat}
.links .body ul li .a5 { width:100%; height:100%; display:block; background:url(../images/links-5.png) center no-repeat}
.links .body ul li .a1:hover { background:url(../images/links-1-2.png) center no-repeat}
.links .body ul li .a2:hover { background:url(../images/links-2-2.png) center no-repeat}
.links .body ul li .a3:hover { background:url(../images/links-3-2.png) center no-repeat}
.links .body ul li .a4:hover { background:url(../images/links-4-2.png) center no-repeat}
.links .body ul li .a5:hover { background:url(../images/links-5-2.png) center no-repeat}

/* ------------------------------footer------------------------------- */

.footer {  height:90px; padding-top:34px; text-align:center; line-height:30px; background:url(../images/footer-bg.png) repeat-x; position:relative; }
.footer .main { color:#ffffff; }
.footer .main a { color:#ffffff; }



.banner-s { width:1200px; height:420px; position:relative; margin:0 auto; z-index:199}

.main div.l { width:915px;  position:relative; overflow:hidden; float:left }
.main div.l .head { width:100%; height:25px; padding-top:25px; color:#757575; border-bottom:#b5b5b5 1px solid; }
.main div.r { width:285px; height:100%; position:relative; float:right }
.main div.r .sidebar { width:283px; height:548px; border:#cccccc 1px solid; background:#ffffff; position:absolute; right:-1px; top:-33px;}
.main div.r .sidebar>img { position:absolute; bottom:0;}
.main div.r .sidebar .head { width:200px; padding:11px 0 0 83px; height:70px; background:#00396f; }
.main div.r .sidebar .body { width:243px; height:442px; padding:25px 0 0 40px; background:#ffffff;}
.main div.r .sidebar .body ul li a { width:150px; height:36px; border-bottom:#ffffff 1px solid; line-height:36px; margin-bottom:10px; display:block; color:#757575; }
.main div.r .sidebar .body ul li a.on { border-bottom:#757575 1px solid; color:#00396f; }
.main div.r .sidebar .body ul li a:hover { border-bottom:#757575 1px solid; color:#00396f; }

.pageList { height:25px; position:absolute; right:0; bottom:10px; z-index: 800}
.pageList ul.l { float:right; color:#21b55b; font-style:normal; position:relative; margin-right:25px; }
.pageList ul.r { height:25px; float:right;  position:relative;   }
.pageList ul.r li { line-height:24px; float:left; margin-left:10px; text-align:center;}
.pageList ul.r li a { width:25px; height:25px; display:block; border:#aaaaaa 1px solid; font-size:14px; color:#9e9d9d;   }
.pageList ul.r li a:hover { background:#00396f; border:#00396f 1px solid; color:#ffffff;  }

.pageList ul.r li:first-child a {width:69px; height:25px; display:block;  }
.pageList ul.r li:first-child a:hover { background:#00396f; border:#00396f 1px solid;}

.pageList ul.r li:last-child a {width:69px; height:25px; display:block; }
.pageList ul.r li:last-child a:hover { background:#00396f; border:#00396f 1px solid;}
.last-off {width:69px!important;border:#aaaaaa 1px solid; !important; }
.last-on {width:69px!important;background:#00396f; border:#00396f 1px solid; !important; }

/* ------------------------------about us------------------------------- */
.about-bg { width:1920px; height:635px; position:absolute; background:#fafafa; left:50%; margin-left:-960px; top:1260px; *top:1280px; z-index:198 }
.about-us { height:auto; z-index:201; padding-bottom:50px; }
.about-us div.l .body { width:100%; padding-top:20px; color:#757575;min-height:500px; }
.about-us div.l .body font { width:858px; text-align:justify; padding-left:15px; display:block; color:#787878; line-height:30px; margin-bottom:25px; }
.about-us div.l .body font img { margin-bottom:25px;}
.about-us div.l .body font:first-child { padding-left:5px;}



/* ------------------------------about us2------------------------------- */

.about-us div.l .body2 { width:825px;  padding:50px 0 0 17px; position:relative }
.about-us div.l .body2 .ul2 { width:900px; height:710px; }
.about-us div.l .body2 .ul2 li { width:225px; height:188px; margin:0 75px 50px 0; float:left; cursor:pointer;}
.about-us div.l .body2 .ul2 li div.t { width:100%; height:158px; }
.about-us div.l .body2 .ul2 li div.b { width:100%; height:30px; line-height:30px; text-align:center; color:#6d6d6d; background:#c4c4c4; }

.tanchu1 { width:780px; height:620px;}
.tanchu1 .head { width:775px; height:35px; line-height:35px; text-align:right; padding-right:5px;}
.tanchu1 .head span {font-size:40px; font-family:"宋体"; color:#ffffff; cursor:pointer;}
.tanchu1 .body { width:780px; height:505px; padding:40px 0; background:#ffffff; text-align:center; }
.tanchu1 .body center { font-size:36px; color:#626262; margin-top:15px;}



/* ------------------------------about us3------------------------------- */

.about-us div.l .body3 { width:860px; height:1815px; padding-top:35px; position:relative; }
.about-us div.l .body3 font { width:830px; padding-left:20px; color:#5d5d5d; line-height:30px; display:block; padding-bottom:40px; }
.about-us div.l .body3 div.l { width:359px; height:378px; float:left;}
.about-us div.l .body3 div.r { width:420px; height:330px; padding:48px 0 0 81px; float:right; position:relative}
.about-us div.l .body3 div.r center span { display:block }
.about-us div.l .body3 div.r font { width:300px; line-height:30px; display:block; margin:0 auto; margin-top:25px; }
.about-us div.l .body3 div.r .more { position:absolute; right:10px; bottom:20px; cursor:pointer;}
.about-us div.l .body3 .ul3 { width:890px; padding-top:50px; }
.about-us div.l .body3 .ul3 li { width:266px; height:350px; margin:0 30px 50px 0; float:left;}
.about-us div.l .body3 .ul3 li div.t { width:100%; height:279px; }
.about-us div.l .body3 .ul3 li div.b { width:100%; height:71px; text-align:center; padding-top:5px; }
.about-us div.l .body3 .ul3 li div.b span { display:block;}


.tanchu2 { width:962px; height:685px; padding:115px 0 0 50px; position:relative; background:#ffffff;}
.tanchu2 span.close { font-size:74px; font-family:"宋体"; color:#a1a1a1; cursor:pointer; position:absolute; right:15px; top:5px;}
.tanchu2 .body { width:950px; height:540px; }
.tanchu2 .body div.l { width:389px; height:541px; float:left }
.tanchu2 .body div.r { width:415px; height:471px; padding:70px 0 0 45px; float:left}
.tanchu2 .body div.r span { display:block; line-height:30px;}
.tanchu2 .body div.r font { line-height:30px; color:#676767; margin-top:15px; display:block;}

/* ------------------------------ news1------------------------------- */

.news-1 { padding-bottom:50px; z-index:202}
.news-1 div.l .body { width:835px; padding:20px 10px 0 10px; }
.news-1 div.l .body>ul li { width:100%; height:190px; margin-bottom:35px; position:relative; }
.news-1 div.l .body>ul li div.l { width:217px; float:left }
.news-1 div.l .body>ul li div.r { width:605px; float:right}
.news-1 div.l .body>ul li div.r font { height:108px; margin-top:8px; display:block; color:#7f7c7c; line-height:24px; }
.news-1 div.l .body>ul li div.r span { display:block}

/* ------------------------------ news1------------------------------- */

.news-2 { padding-bottom:50px; z-index:203}
.news-2 div.l .body { width:835px; min-height:1140px; padding:20px 10px 0 10px; }

/* ------------------------------ shiwu1------------------------------- */

.shiwu-1 { padding-bottom:50px; background:url(../images/shiwu1-bg.png) repeat-x #fafafa; z-index:204}
.shiwu-1 .main { z-index:205;}
.shiwu-1 .main div.r .sidebar .body { background:#fafafa;}
.shiwu-1 .main div.r .sidebar .body ul li a { border-bottom:#fafafa 1px solid;}
.shiwu-1 .main div.r .sidebar .body ul li a.on { border-bottom:#757575 1px solid; color:#00396f; }
.shiwu-1 .main div.r .sidebar .body ul li a:hover { border-bottom:#757575 1px solid; color:#00396f; }
.shiwu-1 .main div.r .sidebar>img { bottom:-1px;}
.shiwu-1 div.l .body { width:860px; height:1020px; padding:20px 0; position:relative;}
.shiwu-1 div.l .body>ul { width:860px; padding-top:25px; margin-bottom:20px; border-bottom:#c9c9c9 1px solid; }
.shiwu-1 div.l .body>ul li { width:835px; padding:20px 15px 20px 10px; margin-bottom:15px; line-height:30px; color:#858181;}
.shiwu-1 div.l .body>ul li:hover { background:#ffffff;}

/* ------------------------------ shiwu2------------------------------- */

.shiwu-1 div.l .body .box { width:860px; height:840px; padding-top:30px;line-height:30px; position:relative}
.shiwu-1 div.l .body .box>div>font { display:block; margin-top:12px;  margin-bottom:10px;}
.shiwu-1 div.l .body .box>div { width:830px; padding:20px 15px; border-top:#bfbfbf 1px solid; }
.shiwu-1 div.l .body .box>div:first-child { border:none}

/* ------------------------------ anli1------------------------------- */

.anli-1 { padding-bottom:50px; background:url(../images/shiwu1-bg.png) repeat-x #fafafa; z-index:204}
.anli-1 .main { z-index:205;}
.anli-1 .main div.l { overflow:visible;}
.anli-1 .main div.r .sidebar .body { background:#fafafa;}
.anli-1 .main div.r .sidebar .body ul li a { border-bottom:#fafafa 1px solid;}
.anli-1 .main div.r .sidebar .body ul li a.on { border-bottom:#757575 1px solid; color:#00396f; }
.anli-1 .main div.r .sidebar .body ul li a:hover { border-bottom:#757575 1px solid; color:#00396f; }
.anli-1 .main div.r .sidebar>img { bottom:-1px;}
.anli-1 div.l .body { width:915px; height:930px; padding:20px 0; position:relative;}
.anli-1 div.l .body>ul { width:915px; height:905px; padding-top:10px; position:relative;}
.anli-1 div.l .body>ul li { padding:25px 0; position:relative;}
.anli-1 div.l .body>ul li div { width:845px; position:relative; text-align:justify; }
.anli-1 div.l .body>ul li div.t { z-index:301}
.anli-1 div.l .body>ul li div.b { line-height:30px; padding-top:12px;; z-index:302; color:#767676}
.anli-1 div.l .body>ul li:hover { background:#ffffff;}
.anli-1 div.l .body>ul li img { display:none; position:absolute; height:100%; z-index:300; width:1300px; right:0; top:0;}
.anli-1 div.l .body>ul li:hover img { display:block;}
.anli-1 div.l .body div.pageList { position:absolute; right:70px;}

/* ------------------------------ fuwu1------------------------------- */

.fuwu-1 { padding-bottom:50px; background:url(../images/shiwu1-bg.png) repeat-x #fafafa; z-index:204}
.fuwu-1 .main { z-index:205;}
.fuwu-1 .main div.l { overflow:visible;}
.fuwu-1 .main div.r .sidebar .body { background:#fafafa;}
.fuwu-1 .main div.r .sidebar .body ul li a { border-bottom:#fafafa 1px solid;}
.fuwu-1 .main div.r .sidebar .body ul li a.on { border-bottom:#757575 1px solid; color:#00396f; }
.fuwu-1 .main div.r .sidebar .body ul li a:hover { border-bottom:#757575 1px solid; color:#00396f; }
.fuwu-1 .main div.r .sidebar>img { bottom:-1px;}
.fuwu-1 div.l .body { width:915px;  padding:20px 0; position:relative;}

/* ------------------------------ links1------------------------------- */

.links-1 { padding-bottom:50px; background:url(../images/shiwu1-bg.png) repeat-x #fafafa; z-index:204}
.links-1 .main { z-index:205;}
.links-1 .main div.l { overflow:visible;}
.links-1 .main div.r .sidebar .body { background:#fafafa;}
.links-1 .main div.r .sidebar .body ul li a { border-bottom:#fafafa 1px solid;}
.links-1 .main div.r .sidebar .body ul li a.on { border-bottom:#757575 1px solid; color:#00396f; }
.links-1 .main div.r .sidebar .body ul li a:hover { border-bottom:#757575 1px solid; color:#00396f; }
.links-1 .main div.r .sidebar>img { bottom:-1px;}
.links-1 div.l .body { width:900px;  padding:20px 0; position:relative;}

.links-1 div.l .body .cus2-pic { width:900px; height:740px; }
.links-1 div.l .body .cus2-pic li {display:inline-block; width:250px; height:150px; margin:0 50px 35px 0; background:url(../images/our-cus2-bg.png) no-repeat center; text-align:center; cursor:pointer; float:left;position:relative;}
.links-1 div.l .body .cus2-pic li:before { content: ".";height: 100%;display: inline-block;vertical-align: middle;visibility: hidden;width:0px;}
.links-1 div.l .body .cus2-pic li a:before { content: ".";height: 100%;display: inline-block;vertical-align: middle;visibility: hidden;width:0px;}
.links-1 div.l .body .cus2-pic li a { width:250px; height:150px; background:#134282; position:absolute;left:0;top:0; color:#ffffff; display:inline-block; z-index:312;vertical-align:middle;}
.links-1 div.l .body .cus2-pic li a div{ display: inline-block;color:#FFF;font-size:18px;vertical-align:middle;max-width:245px;}
.links-1 div.l .body .cus2-pic li img { position:relative;z-index:311;vertical-align:middle;width:100%;}


/* ------------------------------ lianxi------------------------------- */

.lianxi-1 { padding-bottom:50px; background:url(../images/shiwu1-bg.png) repeat-x #fafafa; z-index:204}
.lianxi-1 .main { z-index:205;}
.lianxi-1 .main div.r { width:285px; height:850px; overflow:visible;}
.lianxi-1 .main div.r img.tel { position:absolute; top:350px; right:5px;}
.lianxi-1 .main div.r .sidebar { height:359px;}
.lianxi-1 .main div.r .sidebar .body { height:253px; background:#fafafa;}
.lianxi-1 .main div.r .sidebar .body ul li a { border-bottom:#fafafa 1px solid;}
.lianxi-1 .main div.r .sidebar .body ul li a.on { border-bottom:#757575 1px solid; color:#00396f; }
.lianxi-1 .main div.r .sidebar .body ul li a:hover { border-bottom:#757575 1px solid; color:#00396f; }
.lianxi-1 .main div.r .sidebar>img { bottom:-1px;}
.lianxi-1 .main div.r .online { width:218px; height:1183px; position:absolute; top:430px; right:0; background:url(../images/online-bg.png) center no-repeat; }
.lianxi-1 .main div.r .online>span { width:21px; height:21px; display:block; cursor:pointer; background:url(../images/close.png) center no-repeat; position:absolute; right:1px; top:1px;}
.lianxi-1 .main div.r .online>ul { width:145px; height:258px; position:absolute; top:82px; left:35px; }
.lianxi-1 .main div.r .online>ul li { width:83px; height:32px; padding-left:62px; line-height:32px; color:#464646; background:url(../images/online-bg2.png)  center no-repeat; cursor:pointer; margin-bottom:11px;}
.lianxi-1 div.l .body { width:825px;   padding:20px 10px; position:relative;}

.lianxi-1 div.l .body .map { width:825px; height:600px; margin-top:15px; }
.my-map {  width: 825px; height: 600px; }
.my-map .icon { background: url(http://lbs.amap.com/console/public/show/marker.png) no-repeat; }
.my-map .icon-cir { height: 31px; width: 28px; }
.my-map .icon-cir-red { background-position: -11px -5px; }

.lianxi-1 div.l .body .box { width:900px; height:400px; padding:45px 0 0 5px; line-height:30px; color:#686868;}
.lianxi-1 div.l .body .box div.t { padding:0 0 5px 2px; border-bottom:#c9c9c9 1px solid;}
.lianxi-1 div.l .body .box div.b { padding-top:20px;}
.lianxi-1 div.l .body .box div.b div.l2 { width:145px; float:left; text-align:justify}
.lianxi-1 div.l .body .box div.b div.r2 { width:755px; float:right;}


/*-----滤镜---------*/
 .links .body ul li{ position:relative;}
 .links .body ul li>a>span { position:absolute; display:block; z-index:300; font-size:0; color:#f3f3f3}
.links .body ul li>a>img { max-width:100%; height:100%; position:absolute; left:0; top:0; z-index:305;}
.gray {
-webkit-filter: grayscale(100%); 
-moz-filter: grayscale(100%); 
-ms-filter: grayscale(100%); 
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); 
_filter:none; }