@charset "utf-8";
@import "wechat-icon.css";
body{ margin:0px; padding:0px; background:url(/images/body_bg.jpg) repeat-x #fff; font: 12px/1.5 Arial; color:#323232;}
img{ border:0px;}
em{ font-style:normal;}
ul,li,form,p,dl,dt,dd{ margin:0; padding:0;}
ul,li{ list-style:none;}
h1,h2,h3,h4,h5,h6{ margin:0; padding:0; font-size:12px; font-weight:normal;}
.clearfix{*zoom:1;}
.clearfix:before{ content:""; height:0; line-height:0; display:table;}
.clearfix:after{ content:""; height:0; line-height:0; display:table; clear:both;}
.sblock20{ height:20px; line-height:20px; font-size:20px; overflow:hidden; margin:0px auto; clear:both;}

.header{ height: 168px; width: 1170px; margin: 0 auto; background:url(/images/body_bg.jpg) repeat-x #fff; overflow: hidden;}
.top{ height: 120px; padding: 0 20px; }
.top h1.logo{ width: 310px; height: 90px; padding: 15px 0; float: left; }
.top h1.logo a{ display: block; width: 310px; height: 90px; text-indent: -999em; background:url(/images/logo.jpg) no-repeat}
.top .slogan{ margin: 35px 0; width: 470px; height: 50px; background: url(/images/slogan.jpg); float: left; text-indent: -999em;}
.top .top-link{ width: 280px; height: 60px; margin: 30px 0; float: right; }
.top .top-link span{ display: block; text-align: right; height: 30px; font: 16px/30px "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1";}
.top .top-link p{ height: 30px; margin: 0 -16px 0 0;}
.top .top-link p a{ position: relative; height: 30px; font: 16px/30px "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1"; display: block; float: right; padding: 0 16px; color: #333; text-decoration: none;}
.top .top-link p a:before { position: absolute; content: ""; width: 16px; height: 16px; background-image: url(/images/icon_set.png); background-repeat: no-repeat; background-position: center; background-size: 16px; top:8px; left:-2px;}
.top .top-link p a.fav:before{ background-image: url(/images/icon_fav.png);}

.nav{}
.nav ul{ zoom:1; margin: 0 0 0 -2px; }
.nav ul li{ width: 90px; height: 48px; float: left;}
.nav ul li a{ position: relative; display: block; height: 48px; color: #fff; text-decoration: none; font: 14px/48px "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1"; text-align: center; }
.nav ul li a:hover{ background: #c00; }
.nav ul li a:before{ position: absolute; content: ""; height: 48px; border-left:2px solid #ff837e; left: 0; right: 0; }

.wrap{ width: 1130px; height: auto; _height:500px; min-height: 500px; margin: 10px auto; }
.wrap h2.stit{ position: relative; height: 30px; font: 14px/30px "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1";}
.wrap h2.stit1{ position: relative; height: 30px; font: 14px/30px "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1";     width: 755px;
    float: left;    margin-left: 23px;}
	
.wrap h2.stit:before{ position: absolute; content: ""; height: 28px; border-top:2px solid #8b8b8b; left: 0; right: 0; }
.wrap h2.stit em{position: relative; display: inline-block; height: 30px; padding: 0 15px 0 0;}
.wrap h2.stit em:before{ position: absolute; content: ""; height: 28px; border-top:2px solid #e70012; left: 0; right: 0; }
.wrap h2.stit span{ float: right; }
.wrap h2.stit span a{ position: relative; color: #333; text-decoration: none;}
.wrap h2.stit1:before{ position: absolute; content: ""; height: 28px; border-top:2px solid #8b8b8b; left: 0; right: 0; }
.wrap h2.stit1 em{position: relative; display: inline-block; height: 30px; padding: 0 15px 0 0;}
.wrap h2.stit1 em:before{ position: absolute; content: ""; height: 28px; border-top:2px solid #e70012; left: 0; right: 0; }
.wrap h2.stit1 span{ float: right; }
.wrap h2.stit1 span a{ position: relative; color: #333; text-decoration: none;}

.flex-top{ height: 500px; margin: 10px auto 0;}
.flex-top .l_flex{ width: 742px; height: 470px; float: left;}
.flex-top .r_flex{ width: 352px; height: 470px; float: left;}
.flex_top_ads{ width: 352px; height: 190px; margin: 0 auto 5px;}
.flex_top_ads a{ display: block; width: 352px; height: 190px; }
.flex_top_ads a img{ width: 352px; height: 190px;}
.flex_top_txt{ height: 275px; overflow: hidden; font: 14px/25px "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1";}

.flex-3{ zoom:1; margin: 0 0 0 -37px; }
.flex-3 .flex-item{ width: 352px; height: 320px; float: left; margin: 0 0 0 37px; }

.hot-news{ height:114px; padding: 0 0 6px 0; margin: 5px auto 0;}
.hot-news img{ float:left; width:176px; height:114px; } 
.hot-news .inf{ width:160px; float:right;}
.hot-news .inf h5{ height:30px; font: 14px/30px "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1"; overflow:hidden;}
.hot-news .inf h5 a{ color:#e70012; text-decoration: none;}
.hot-news .inf p{ height: 80px; font: 12px/20px "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1"; text-indent:2em; overflow: hidden;}

ul.m-list{}
ul.m-list li{ position: relative; height: 30px; font: 14px/30px "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1"; overflow:hidden; padding: 0 0 0 10px;}
ul.m-list li:before{ position: absolute; content: ""; left: 0; top: 10px; height: 0; width: 0; border: 4px solid #333; border-color: transparent transparent transparent #333; }
ul.m-list li a{ color: #323232; text-decoration: none; }

.flex-2{}
.flex-2 .l_flex{ width: 352px; float: left;}
.flex-2 .l_flex .l_flex_ads_1{ width: 352px; height: 110px; margin: 5px 0 0; }
.flex-2 .l_flex .l_flex_ads_1 a{ display: block; width: 352px; height: 110px;  }
.flex-2 .l_flex .l_flex_ads_1 a img{ width: 352px; height: 110px; }
.flex-2 .l_flex .l_flex_ads_2{ width: 352px; height: 190px; margin: 5px 0 5px; }
.flex-2 .l_flex .l_flex_ads_2 a{ display: block; width: 352px; height: 190px;  }
.flex-2 .l_flex .l_flex_ads_2 a img{ width: 352px; height: 190px; }
.flex-2 .r_flex{ width: 370px; float: right;}

.fcity{    width: 755px;
    float: left;    margin-left: 23px;}
.fcity ul{ zoom:1; margin: -5px 0 0 -20px; }
.fcity ul li{     width: 173px;
    height: 114px; float: left; margin: 30px 0 0 20px; }
.fcity ul li a{ display: block; width: 210px; height: 160px; color: #333; text-decoration: none;}
.fcity ul li a p{ height: 26px; font: 14px/26px "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1"; text-align: center; overflow: hidden; }
.fcity ul li a .pic{     width: 173px;
    height: 100px; }
.fcity ul li a .pic img{     width: 173px;
    height: 100px;}

.flink{}
.flink ul{ zoom:1; margin: -10px 0 0 -20px; }
.flink ul li{ width: 210px; height: 36px; float: left; margin: 10px 0 0 20px; }
.flink ul li img{ width: 210px; height: 36px; }

.person-list{}
.person-list ul{ zoom:1; margin: -5px 0 0 -34px; }
.person-list ul li{ width: 160px; height: 130px; float: left; margin: 10px 0 0 34px;}
.person-list ul li a{ display: block; width: 160px; height: 130px; color: #333; text-decoration: none; }
.person-list ul li a .pic{ width: 160px; height: 104px;}
.person-list ul li a .pic img{ width: 160px; height: 104px; }
.person-list ul li a p{ height: 26px; text-align: center; overflow: hidden; font: 14px/26px "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1"; }

.brand-list{}
.brand-list ul{ zoom:1; margin: -5px 0 0 -23px;}
.brand-list ul li{ width: 168px; height: 66px; float: left;     margin: 18px 0 0 28px;}
.brand-list ul li a{ display: block; width: 168px; height: 66px; }
.brand-list ul li a .pic{ width: 166px; height: 64px; border: 1px solid #dedede;}
.brand-list ul li a .pic img{ width: 166px; height: 64px;  }

.home_ads_1{ height: 100px; margin: 10px auto 0;}
.home_ads_1 a{ display: block; height: 100px; }
.home_ads_1 a img{ height: 100px; }
.home_ads_2{ height: 135px; margin: 10px auto 0;}
.home_ads_2 a{ display: block; height: 135px; }
.home_ads_2 a img{ height: 135px; }

.footer{ height: 80px; width: 100%; background: #fff; margin: 0 auto; }
.footer .con{ position: relative; width: 1100px; height: 80px; padding: 0 0 0 70px; background: #fff; margin: 0 auto; overflow: hidden; }
.footer .con:before { position: absolute; content: ""; width: 70px; height: 80px; background-image: url(/images/btm_logo.jpg); background-repeat: no-repeat; background-position: center; background-size: 70px; top:0; left:0;}
.footer .con ul{ margin: 0 0 0 -70px; zoom:1; }
.footer .con ul li{ padding: 0 0 0 70px; display:inline-block; color:black; height: 80px; font: 16px/80px "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1"; }